/* ============================================================================ scrollcraft.css: the taste floor ---------------------------------------------------------------------------- Two layers, and the split matters: TOKENS what you override per brand. Colour roles, the type ramp, the spacing scale, elevation, motion. A brand is ~12 values. DEVICES what the engine drives. Do not restyle these to taste; they are the mechanism. Style your own markup instead. Nothing here draws a "component". There are no card, badge, or pill classes, because a stylesheet that ships those is how every page built on it ends up with the same shapes. You get a floor and a vocabulary; the composition is yours. ========================================================================== */ /* ---------------------------------------------------------------- tokens -- */ .dw-journey { /* --- colour roles. Override these six and the page is rebranded. -------- */ --sc-canvas: #08090b; /* the page ground. Drift interpolates this. */ --sc-surface: #101217; /* anything raised off the ground */ --sc-ink: #f4f2ef; /* primary text */ --sc-ink-soft: #9a9ba1; /* secondary text. Tinted, never flat gray. */ --sc-accent: #d8ff3e; /* ONE accent. It owns a region, not confetti. */ --sc-accent-ink: #08090b; /* text that sits on the accent */ --sc-hairline: color-mix(in oklab, var(--sc-ink) 12%, transparent); --sc-hairline-strong: color-mix(in oklab, var(--sc-ink) 22%, transparent); /* --- type. Two families max. Display carries voice, text carries prose. - */ --sc-font-display: "Instrument Sans", "Geist", system-ui, sans-serif; --sc-font-text: "Geist", system-ui, sans-serif; --sc-font-mono: "Geist Mono", ui-monospace, monospace; /* Fluid ramp. Tracking tightens as size grows because a face set at 6rem with 0 tracking reads loose; this is optical correction, not decoration. */ --sc-t-xs: clamp(0.75rem, 0.72rem + 0.15vw, 0.82rem); --sc-t-sm: clamp(0.875rem, 0.84rem + 0.18vw, 0.95rem); --sc-t-base: clamp(1rem, 0.96rem + 0.22vw, 1.125rem); --sc-t-lg: clamp(1.2rem, 1.1rem + 0.5vw, 1.5rem); --sc-t-xl: clamp(1.6rem, 1.35rem + 1.2vw, 2.25rem); --sc-t-2xl: clamp(2.1rem, 1.6rem + 2.4vw, 3.4rem); --sc-t-3xl: clamp(2.8rem, 1.9rem + 4.2vw, 5rem); --sc-t-4xl: clamp(3.4rem, 1.9rem + 6.6vw, 7.5rem); --sc-track-tight: -0.035em; --sc-track-snug: -0.02em; --sc-track-normal: -0.005em; --sc-track-wide: 0.08em; --sc-leading-none: 0.94; --sc-leading-tight: 1.06; --sc-leading-body: 1.62; --sc-measure: 62ch; /* --- space. 4px base: the useful middle steps an 8-only scale misses. --- */ --sc-1: 0.25rem; --sc-2: 0.5rem; --sc-3: 0.75rem; --sc-4: 1rem; --sc-5: 1.5rem; --sc-6: 2rem; --sc-7: 3rem; --sc-8: 4rem; --sc-9: 6rem; --sc-10: 8rem; --sc-11: 12rem; /* Section rhythm is fluid so a phone doesn't inherit desktop air. */ --sc-section: clamp(4.5rem, 9vw, 11rem); --sc-gutter: clamp(1.25rem, 5vw, 5.5rem); --sc-maxw: 82rem; /* --- radius. Pick one scale for the page and hold it. ------------------- */ --sc-r-sm: 6px; --sc-r-md: 12px; --sc-r-lg: 20px; --sc-r-pill: 999px; /* --- elevation. Every shadow has an offset AND a soft blur, and is tinted to the canvas hue. A zero-offset coloured halo is decoration, not depth, so there isn't one here. ---------------------------------- */ --sc-shadow-color: 220 40% 2%; --sc-e1: 0 1px 2px hsl(var(--sc-shadow-color) / 0.28), 0 2px 6px -1px hsl(var(--sc-shadow-color) / 0.20); --sc-e2: 0 2px 4px hsl(var(--sc-shadow-color) / 0.24), 0 8px 18px -4px hsl(var(--sc-shadow-color) / 0.30); --sc-e3: 0 4px 8px hsl(var(--sc-shadow-color) / 0.22), 0 18px 40px -8px hsl(var(--sc-shadow-color) / 0.38), 0 48px 90px -24px hsl(var(--sc-shadow-color) / 0.30); /* Edge light: a 1px top highlight sells a raised surface better than any amount of blur, because real raised things catch light on their lip. */ --sc-edge: inset 0 1px 0 color-mix(in oklab, var(--sc-ink) 10%, transparent); /* --- motion. Built-in CSS easings are too weak for UI. ------------------ */ --sc-ease-out: cubic-bezier(0.23, 1, 0.32, 1); --sc-ease-in-out: cubic-bezier(0.77, 0, 0.175, 1); --sc-ease-drawer: cubic-bezier(0.32, 0.72, 0, 1); --sc-d-fast: 160ms; --sc-d-base: 240ms; --sc-d-slow: 420ms; --sc-z-stage: 1; --sc-z-copy: 20; --sc-z-chrome: 60; } /* --------------------------------------------------------------- reset -- */ .dw-journey *, .dw-journey *::before, .dw-journey *::after { box-sizing: border-box; } .dw-journey { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; } @media (prefers-reduced-motion: reduce) { .dw-journey { scroll-behavior: auto; } } .dw-journey { margin: 0; background: var(--sc-canvas); color: var(--sc-ink); font-family: var(--sc-font-text); font-size: var(--sc-t-base); line-height: var(--sc-leading-body); letter-spacing: var(--sc-track-normal); -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; font-synthesis-weight: none; overflow-x: clip; } .dw-journey img, .dw-journey video, .dw-journey canvas, .dw-journey svg { display: block; max-width: 100%; } .dw-journey button, .dw-journey input, .dw-journey select, .dw-journey textarea { font: inherit; color: inherit; } /* ------------------------------------------------- the browser surfaces -- The parts you did not draw still carry the design. Selection, caret, focus ring, scrollbar and tabular numerals all ship with defaults that belong to no design system. Theming them is the cheapest signal that a page was built rather than assembled, and it is the step that gets skipped most reliably. */ .dw-journey ::selection { background: var(--sc-accent); color: var(--sc-accent-ink); } .dw-journey { caret-color: var(--sc-accent); accent-color: var(--sc-accent); } .dw-journey :focus-visible { outline: 2px solid var(--sc-accent); outline-offset: 3px; border-radius: var(--sc-r-sm); } .dw-journey :where(a) { color: inherit; text-decoration-thickness: 1px; text-underline-offset: 0.22em; } @supports (scrollbar-color: auto) { .dw-journey { scrollbar-color: color-mix(in oklab, var(--sc-ink) 26%, transparent) transparent; scrollbar-width: thin; } } .dw-journey :where(table, .sc-nums, [data-sc-count]) { font-variant-numeric: tabular-nums; } /* ----------------------------------------------------------- typography -- */ .dw-journey .sc-display { font-family: var(--sc-font-display); font-weight: 500; line-height: var(--sc-leading-none); letter-spacing: var(--sc-track-tight); text-wrap: balance; margin: 0; } .dw-journey .sc-display--xl { font-size: var(--sc-t-4xl); } .dw-journey .sc-display--lg { font-size: var(--sc-t-3xl); } .dw-journey .sc-display--md { font-size: var(--sc-t-2xl); letter-spacing: var(--sc-track-snug); } .dw-journey .sc-lede { font-size: var(--sc-t-lg); line-height: 1.44; letter-spacing: var(--sc-track-snug); color: var(--sc-ink); max-width: 46ch; text-wrap: pretty; margin: 0; } .dw-journey .sc-.dw-journey { max-width: var(--sc-measure); color: var(--sc-ink-soft); text-wrap: pretty; margin: 0; } .dw-journey .sc-label { font-family: var(--sc-font-mono); font-size: var(--sc-t-xs); letter-spacing: var(--sc-track-wide); text-transform: uppercase; color: var(--sc-ink-soft); } /* ---------------------------------------------------------------- layout -- */ .dw-journey .sc-wrap { width: 100%; max-width: var(--sc-maxw); margin-inline: auto; padding-inline: var(--sc-gutter); } .dw-journey .sc-section { padding-block: var(--sc-section); } /* More space above a heading than below it: the gap belongs to the boundary, not to the pair. */ .dw-journey .sc-stack > * + * { margin-top: var(--sc-4); } .dw-journey .sc-stack > :is(h1,h2,h3) { margin-top: var(--sc-7); } .dw-journey .sc-stack > :is(h1,h2,h3):first-child { margin-top: 0; } .dw-journey .sc-rule { height: 1px; border: 0; background: var(--sc-hairline); margin: 0; } /* =============================================================== DEVICES == Driven by the engine. Restyle your own markup, not these. */ .dw-journey .sc-act--pinned { position: relative; } .dw-journey .sc-stage { position: sticky; top: 0; height: 100vh; height: 100svh; overflow: clip; z-index: var(--sc-z-stage); } /* scrub / sequence media */ .dw-journey .sc-stage :is(video[data-sc-scrub], canvas[data-sc-sequence], .sc-stage__poster) { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; } .dw-journey video[data-sc-scrub] { opacity: 0; transition: opacity 380ms var(--sc-ease-out); } .dw-journey .sc-has-clip video[data-sc-scrub] { opacity: 1; } /* The poster is a live frame-holder, not a placeholder: it stays up until a real video frame has painted, which is what stops the blank-stage flash. */ .dw-journey .sc-stage__poster { z-index: 0; transition: opacity 380ms var(--sc-ease-out); } .dw-journey .sc-has-clip .sc-stage__poster { opacity: 0; } /* A scrim only where text sits. A full-frame darkening layer flattens the image everywhere to fix contrast in one corner. */ .dw-journey .sc-scrim { position: absolute; inset: 0; pointer-events: none; z-index: 1; background: linear-gradient( var(--sc-scrim-angle, 180deg), color-mix(in oklab, var(--sc-canvas) var(--sc-scrim-a, 78%), transparent) 0%, color-mix(in oklab, var(--sc-canvas) 30%, transparent) 42%, transparent 68%); } /* Point the scrim at the copy. A scrim gradient that darkens the top while the copy sits at the bottom fixes contrast nowhere and flattens the image everywhere, which is the most common way text-over-video goes wrong. */ .dw-journey .sc-scrim--bottom { --sc-scrim-angle: 0deg; } .dw-journey .sc-scrim--left { --sc-scrim-angle: 90deg; } .dw-journey .sc-scrim--right { --sc-scrim-angle: 270deg; } /* Corner scrims, for copy anchored to a corner. An edge gradient has to darken a whole band across the frame to cover one corner; a corner gradient puts the density where the text is and leaves the rest of the image alone. Pair with .sc-copy--lead / .sc-copy--trail. */ .dw-journey .sc-scrim--lead { background: linear-gradient(to top right, color-mix(in oklab, var(--sc-canvas) 94%, transparent) 0%, color-mix(in oklab, var(--sc-canvas) 72%, transparent) 30%, color-mix(in oklab, var(--sc-canvas) 30%, transparent) 52%, transparent 72%); } .dw-journey .sc-scrim--trail { background: linear-gradient(to top left, color-mix(in oklab, var(--sc-canvas) 94%, transparent) 0%, color-mix(in oklab, var(--sc-canvas) 72%, transparent) 30%, color-mix(in oklab, var(--sc-canvas) 30%, transparent) 52%, transparent 72%); } /* A band across the bottom, for copy that spans the full width of the frame. That is what both corner anchors become below 860px, and it is also the right shape whenever the copy block is wider than a corner. */ .dw-journey .sc-scrim--band { background: linear-gradient(to top, color-mix(in oklab, var(--sc-canvas) 94%, transparent) 0%, color-mix(in oklab, var(--sc-canvas) 74%, transparent) 22%, color-mix(in oklab, var(--sc-canvas) 30%, transparent) 42%, transparent 58%); } .dw-journey .sc-scrim--vignette { background: radial-gradient(120% 90% at 50% 45%, transparent 40%, color-mix(in oklab, var(--sc-canvas) 70%, transparent) 100%); } /* copy over a stage. max-width is in rem, never ch. A `ch` on this container resolves against the CONTAINER's font-size (body size), not the display size of the heading inside it, so `max-width: 20ch` here silently produces a ~180px column and wraps a hero headline to six lines. Set a ch measure on the text element itself. */ .dw-journey .sc-copy { position: absolute; z-index: var(--sc-z-copy); inset-inline: var(--sc-gutter); max-width: min(46rem, 76vw); will-change: opacity, transform; } .dw-journey .sc-copy--lead { left: var(--sc-gutter); bottom: clamp(3rem, 12vh, 9rem); } /* inset-inline FIRST. It is the shorthand for left+right, so declaring it after `left: 50%` resets left to auto and the block drifts off the left edge. */ .dw-journey .sc-copy--center { inset-inline: auto; left: 50%; top: 50%; translate: -50% -50%; text-align: center; } .dw-journey .sc-copy--trail { inset-inline: auto; right: var(--sc-gutter); bottom: clamp(3rem, 12vh, 9rem); text-align: right; } /* cue defaults: the engine writes opacity/transform inline, these are the pre-paint state so nothing flashes before the first read() */ .dw-journey [data-sc-cue] { opacity: 0; will-change: opacity, transform; } .dw-journey .sc-ready [data-sc-cue] { transition: none; } /* kinetic split */ .dw-journey .sc-split { display: inline-block; overflow: hidden; vertical-align: top; } /* Descenders live below the baseline; a line mask clipped to the line box eats the tails off g, y, p, j. The padding buys them room back. */ .dw-journey .sc-split--line { display: block; padding-bottom: 0.14em; margin-bottom: -0.14em; } .dw-journey .sc-split__i { display: inline-block; will-change: transform, opacity; } .dw-journey .sc-is-split { opacity: 1 !important; } /* horizontal rail */ .dw-journey [data-sc-pan] { display: flex; will-change: transform; } /* reveal + parallax */ .dw-journey [data-sc-reveal] { will-change: clip-path; } .dw-journey [data-sc-parallax] { will-change: transform; } /* flow reveal (fires once) */ .dw-journey [data-sc-in], .dw-journey [data-sc-stagger] > * { opacity: 0; transform: translate3d(0, 14px, 0); transition: opacity 620ms var(--sc-ease-out), transform 620ms var(--sc-ease-out); } .dw-journey [data-sc-in].sc-in, .dw-journey [data-sc-stagger] > .sc-in { opacity: 1; transform: none; } /* pointer devices */ .dw-journey [data-sc-tilt] { transform-style: preserve-3d; will-change: transform; } .dw-journey [data-sc-magnet] { will-change: transform; } /* isolation always; position only if nothing more specific already set it. Written with :where() (zero specificity) on purpose: a plain `position: relative` here has the same weight as `.sc-stage` and, being later in the file, silently wins. A stage carrying both attributes then stops being sticky and the whole act scrolls away instead of pinning. */ .dw-journey [data-sc-spotlight] { isolation: isolate; } .dw-journey :where([data-sc-spotlight]) { position: relative; } .dw-journey [data-sc-spotlight]::after { content: ""; position: absolute; inset: 0; pointer-events: none; z-index: 2; background: radial-gradient( 28rem 28rem at calc(var(--sc-mx, 0.5) * 100%) calc(var(--sc-my, 0.5) * 100%), color-mix(in oklab, var(--sc-accent) 16%, transparent), transparent 70%); opacity: 0; transition: opacity var(--sc-d-slow) var(--sc-ease-out); } .dw-journey [data-sc-spotlight]:hover::after { opacity: 1; } /* =========================================================== WORLDFLIGHT == One fixed stage for the whole page. The only thing in document flow is the spacer, and it is empty. If you find yourself adding a section here, you want act mode instead: the moment a real block scrolls past the fixed stage, the page has a seam again and the whole point is gone. */ .dw-journey [data-sc-mode="worldflight"] { position: relative; } .dw-journey .sc-world { position: fixed; inset: 0; overflow: clip; z-index: var(--sc-z-stage); background: var(--sc-canvas); } /* Every leg is mounted for the life of the page and stacked in the same box. The engine owns opacity, visibility and z-index here; do not set them. */ .dw-journey .sc-world__seg { position: absolute; inset: 0; opacity: 0; will-change: opacity; } .dw-journey .sc-world__seg > :is(video, img, canvas) { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; } /* The poster is the frame-holder AND the first camera move: the engine pushes it in slowly until a real decoded frame is available to replace it. */ .dw-journey .sc-world__poster { z-index: 0; transform-origin: 50% 50%; transition: opacity 420ms var(--sc-ease-out); } .dw-journey .sc-world__seg > video { z-index: 1; } .dw-journey .sc-world__seg.sc-has-clip .sc-world__poster { opacity: 0; } /* The act stylesheet lights a clip through its ancestor act. A worldflight leg has no act, so match the class the engine also writes on the clip itself. */ .dw-journey video[data-sc-scrub].sc-has-clip { opacity: 1; } /* The copy layer is fixed too, and inert by default: the engine hands pointer-events back to a block only while it is actually legible. */ .dw-journey .sc-world__copy { position: fixed; inset: 0; z-index: var(--sc-z-copy); pointer-events: none; } .dw-journey .sc-world__scrim { position: absolute; inset: 0; pointer-events: none; z-index: 0; } .dw-journey [data-sc-copy] { opacity: 0; pointer-events: none; will-change: opacity, transform; } .dw-journey .sc-ready [data-sc-copy] { transition: none; } /* The track. Empty on purpose. */ .dw-journey .sc-world__spacer { pointer-events: none; } /* scroll progress */ .dw-journey [data-sc-progress] { position: fixed; inset: 0 0 auto 0; height: 2px; z-index: var(--sc-z-chrome); background: var(--sc-accent); transform-origin: 0 50%; transform: scaleX(0); will-change: transform; } /* ----------------------------------------------------------- atmosphere -- Depth is not only shadow. Grain keeps a flat dark ground from banding, and it is the difference between "a dark page" and "a lit room". */ .dw-journey .sc-grain { position: fixed; inset: 0; pointer-events: none; z-index: 3; opacity: 0.045; } .dw-journey .sc-grain::before { content: ""; position: absolute; inset: -50%; background-image: url("data:image/svg+xml;utf8,"); } /* -------------------------------------------------------- reduced motion -- */ @media (prefers-reduced-motion: reduce) { /* Fewer and gentler, not zero. Opacity still carries the reveal so the page is comprehensible; every position change is dropped. */ .dw-journey [data-sc-in], .dw-journey [data-sc-stagger] > * { transform: none; transition-duration: 220ms; } .dw-journey [data-sc-parallax], .dw-journey [data-sc-pan], .dw-journey .sc-split__i { transform: none !important; } /* A wipe is a position change too. Show reveal content settled. */ .dw-journey [data-sc-reveal] { clip-path: none !important; } /* A rail's transform IS its navigation, not decoration. Zeroing it the way parallax and kinetic type are zeroed parks the act on its first screenful and makes everything past the fold unreachable: a device degrading into missing content. Hand the travel back to the reader as an ordinary scroll region instead, so the same items are all still gettable without motion. A build that would rather re-lay the rail out as a grid can still do that; this is the floor, not the ceiling. */ .dw-journey [data-sc-act="pan"] .sc-stage, .dw-journey [data-sc-act="pan"] [data-sc-stage] { overflow-x: auto; overflow-y: hidden; overscroll-behavior-x: contain; scroll-snap-type: x proximity; } .dw-journey [data-sc-pan] > * { scroll-snap-align: center; } .dw-journey [data-sc-spotlight]::after { display: none; } /* A worldflight keeps its whole story here. No clip is ever fetched, so the posters are the film, and they cross-dissolve through exactly the same seams at exactly the same scroll positions. The push-in and the copy drift are the only things that go. */ .dw-journey .sc-world__poster, .dw-journey [data-sc-copy] { transform: none !important; } } /* --------------------------------------------------------------- mobile -- */ @media (max-width: 860px) { .dw-journey .sc-copy { inset-inline: var(--sc-gutter); max-width: none; } .dw-journey .sc-copy--trail { text-align: left; } .dw-journey .sc-stage { height: 100svh; } /* .sc-copy--trail re-anchors to the left and spans the full width here, so a bottom-RIGHT corner gradient darkens the one corner the copy just left and guarantees a contrast failure over any bright clip. Point the density at the copy: the same band .sc-scrim--band paints. */ .dw-journey .sc-scrim--trail { background: linear-gradient(to top, color-mix(in oklab, var(--sc-canvas) 94%, transparent) 0%, color-mix(in oklab, var(--sc-canvas) 74%, transparent) 22%, color-mix(in oklab, var(--sc-canvas) 30%, transparent) 42%, transparent 58%); } } /* Page-local accessibility overrides; the vendor engine stays unchanged. */ .dw-journey{--sc-font-display:Onest,Arial,sans-serif;--sc-font-text:Onest,Arial,sans-serif;--sc-canvas:#f5f7ef;--sc-surface:#edf1e8;--sc-ink:#243321;--sc-ink-soft:#596650;--sc-accent:#79ba3e;--sc-accent-ink:#172417} .dw-journey:not(.sc-ready) :is([data-sc-cue],[data-sc-in],[data-sc-stagger]>*){opacity:1;transform:none} .dw-journey:not(.sc-ready) [data-sc-reveal]{clip-path:none} .dw-journey:not(.sc-ready) [data-sc-act]{height:auto!important;min-height:0!important} .dw-journey:not(.sc-ready) [data-sc-stage]{position:relative;height:auto;min-height:0} @media(prefers-reduced-motion:reduce){ .dw-journey [data-sc-act]{height:auto!important;min-height:0!important;--sc-p:1!important} .dw-journey [data-sc-stage]{position:relative!important;height:auto!important;min-height:0!important} .dw-journey :is([data-sc-cue],[data-sc-in],[data-sc-stagger]>*){opacity:1!important;transform:none!important} .dw-journey [data-sc-reveal]{clip-path:none!important} .dw-journey [data-sc-count]{font-variant-numeric:tabular-nums} } .dw-journey *{box-sizing:border-box}.dw-journey{scroll-behavior:smooth;scroll-padding-top:100px}.dw-journey{margin:0;font-family:Onest,Arial,sans-serif;color:#20271e;background:#f6f7ef}.dw-journey button,.dw-journey input,.dw-journey select,.dw-journey textarea{font:inherit}.dw-journey button,.dw-journey a{-webkit-tap-highlight-color:transparent}.dw-journey button{cursor:pointer}.dw-journey a{color:inherit}.dw-journey img{display:block;max-width:100%}.dw-journey button:active,.dw-journey .button:active{transform:translateY(1px)}.dw-journey :focus-visible{outline:3px solid #448228;outline-offset:4px}.dw-journey h1,.dw-journey h2,.dw-journey h3,.dw-journey p{margin-top:0}.dw-journey button:disabled{cursor:wait}.dw-journey .brand-logo{width:178px;height:auto}.dw-journey .button{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:17px 23px;border-radius:999px;border:1px solid transparent;background:#263324;color:#fff;text-decoration:none;font-weight:650;font-size:15px;transition:transform .2s,background .2s}.dw-journey .button:hover{background:#3d5137}.dw-journey .demo-note{min-height:32px;display:flex;align-items:center;justify-content:space-between;gap:15px;background:#20271e;color:#e0ebd3;padding:8px 4%;font-size:11px;letter-spacing:.03em}.dw-journey .demo-note a{text-underline-offset:3px}.dw-journey .listing-grid{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(280px,36%);gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:16px}.dw-journey .listing-card{display:block;text-decoration:none;scroll-snap-align:start}.dw-journey .listing-image{aspect-ratio:4/3;overflow:hidden;border-radius:18px;background:#d5d9ce}.dw-journey .listing-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.dw-journey .listing-card:hover img{transform:scale(1.035)}.dw-journey .listing-.dw-journey{padding:18px 2px}.dw-journey .listing-meta{text-transform:uppercase;font-size:11px;letter-spacing:.12em;margin-bottom:10px}.dw-journey .listing-address{font-size:21px;font-weight:550;letter-spacing:-.04em;margin-bottom:12px}.dw-journey .listing-price{font-size:20px}.dw-journey .listing-source{font-size:11px;line-height:1.6;opacity:.75;max-width:780px}.dw-journey .listing-source a{text-underline-offset:3px} .dw-journey .report-dialog{color:#20271e;background:#f7f8f0;border:0;border-radius:24px;padding:0;width:min(920px,calc(100% - 28px));max-height:90dvh;box-shadow:0 28px 120px #111b2040}.dw-journey .report-dialog::backdrop{background:#14231988;backdrop-filter:blur(7px)}.dw-journey .report-dialog header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #d7dccf;padding:20px 28px}.dw-journey .report-dialog header span{font-size:12px;letter-spacing:.1em;text-transform:uppercase}.dw-journey .dialog-close{border:1px solid #bac2b4;border-radius:50%;width:40px;height:40px;background:transparent;font-size:24px;line-height:1}.dw-journey .report-dialog .dialog-.dw-journey{padding:34px;max-width:680px;margin:auto}.dw-journey .report-dialog h2{font-size:clamp(27px,4vw,42px);letter-spacing:-.05em;line-height:1.08;margin-bottom:16px}.dw-journey .report-dialog p{font-size:15px;line-height:1.65}.dw-journey .demo-warning{background:#e5ecd8;border-left:3px solid #6b992d;padding:12px 16px;font-size:12px!important}.dw-journey .report-dialog .steps{display:flex;gap:8px;margin-bottom:25px}.dw-journey .report-dialog .step-dot{height:4px;background:#d5dacd;flex:1;border-radius:3px}.dw-journey .report-dialog .step-dot.active{background:#60922b}.dw-journey .report-dialog label{display:block;font-size:13px;font-weight:550;margin:18px 0 8px}.dw-journey .report-dialog input:not([type=checkbox]){width:100%;background:#fff;border:1px solid #bcc6b5;border-radius:9px;padding:14px;min-height:51px;color:#20271e}.dw-journey .report-dialog .field-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px}.dw-journey .report-dialog .consent{display:flex;align-items:flex-start;gap:10px;line-height:1.5;font-weight:400}.dw-journey .report-dialog .consent input{margin-top:3px;accent-color:#527829;flex:none}.dw-journey .report-dialog .dialog-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:25px}.dw-journey .report-dialog .text-button{border:0;background:transparent;text-decoration:underline;text-underline-offset:4px;font-size:13px}.dw-journey .report-dialog .report-sheet{border:1px solid #c4ccb9;border-radius:14px;background:#fff;padding:24px;margin-top:20px}.dw-journey .report-dialog .sample-kicker{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#527829}.dw-journey .report-dialog .sample-line{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:17px 0;border-top:1px solid #e4e8df;font-size:13px;line-height:1.5}.dw-journey .report-dialog .sample-line span:last-child{color:#687160}.dw-journey .report-dialog .report-sheet h3{font-size:24px;margin:12px 0 24px}.dw-journey .report-dialog [hidden]{display:none!important}.dw-journey .report-dialog .inline-error{font-size:13px;color:#9a3c21;min-height:20px}.dw-journey .no-js-note{padding:15px;background:#eef2e6;color:#24331f;text-align:center;font-size:13px}@media(max-width:600px){.dw-journey .brand-logo{width:135px}.dw-journey .report-dialog .dialog-.dw-journey{padding:24px 20px}.dw-journey .report-dialog header{padding:15px 20px}.dw-journey .report-dialog .field-pair{grid-template-columns:1fr;gap:0}.dw-journey .report-dialog .sample-line{grid-template-columns:1fr;gap:5px}.dw-journey .demo-note{font-size:10px}.dw-journey .listing-grid{grid-auto-columns:85%}} .dw-journey .report-dialog .dialog-.dw-journey h2{font:550 clamp(27px,4vw,42px)/1.08 Onest,Arial,sans-serif;letter-spacing:-.05em;margin-bottom:16px}.dw-journey .report-dialog .dialog-.dw-journey h3{font:550 24px/1.2 Onest,Arial,sans-serif;letter-spacing:-.04em}.dw-journey .report-dialog .dialog-.dw-journey p{line-height:1.65} @media(prefers-reduced-motion:reduce){.dw-journey{scroll-behavior:auto}.dw-journey *,.dw-journey *::before,.dw-journey *::after{animation:none!important;transition:none!important}} /* Native dialog keeps keyboard focus inside; its own scroll area remains usable with a mobile keyboard or a short landscape viewport. */ .dw-journey.report-preview-open{overflow:hidden} .dw-journey .report-dialog{max-height:90vh;max-height:90dvh;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable} .dw-journey .report-dialog .dialog-close{flex:0 0 44px;min-height:44px} .dw-journey .report-dialog .contact-preferences,.dw-journey .report-dialog .update-preferences{min-width:0;margin:24px 0 0;padding:18px;border:1px solid #ccd5c4;border-radius:14px} .dw-journey .report-dialog legend{font-size:14px;font-weight:650;padding:0 5px;line-height:1.5} .dw-journey .report-dialog legend span{font-weight:400;font-size:12px} .dw-journey .report-dialog .contact-options{display:flex;flex-wrap:wrap;gap:8px} .dw-journey .report-dialog .contact-options label{display:flex;align-items:center;gap:8px;margin:0;padding:10px 12px;min-height:44px;border:1px solid #bdc9b4;border-radius:8px;cursor:pointer;background:#fff;flex:1 1 auto} .dw-journey .report-dialog .contact-options label:has(input:checked){background:#e8f2df;border-color:#527829} .dw-journey .report-dialog input[type=radio]{width:18px;min-height:18px;height:18px;margin:0;padding:0;accent-color:#527829;flex:0 0 18px} .dw-journey .report-dialog input[type=checkbox]{width:18px;height:18px} .dw-journey .report-dialog .preference-clear{min-height:44px;margin-top:4px} .dw-journey .report-dialog .field-note{font-size:12px;line-height:1.5;margin:8px 0 0;color:#526049} .dw-journey .report-dialog .update-preferences .consent{margin:8px 0 16px;min-height:44px} .dw-journey .report-dialog .consent small{display:block;font-size:12px;color:#526049;line-height:1.5;margin-top:4px} .dw-journey .report-dialog .preference-summary{margin-top:20px;padding:18px;background:#eaf0e4;border-radius:12px} .dw-journey .report-dialog .preference-summary p{font-size:13px;margin:8px 0} .dw-journey .report-dialog .preference-summary small{font-size:12px} .dw-journey .report-dialog .dialog-actions{flex-wrap:wrap} .dw-journey .report-dialog .dialog-actions button{min-height:44px} @media(max-width:420px){.dw-journey .report-dialog .dialog-.dw-journey{padding:22px 16px}.dw-journey .report-dialog header{padding:14px 16px;gap:12px}.dw-journey .report-dialog header span{font-size:10px;line-height:1.5}.dw-journey .report-dialog .contact-preferences,.dw-journey .report-dialog .update-preferences{padding:12px}.dw-journey .report-dialog .dialog-actions [data-next]{width:100%;order:3}.dw-journey .report-dialog .report-sheet{padding:18px}.dw-journey .report-dialog .contact-options label{flex:1 1 100%}} .dw-journey.savings-page{--ink:#243321;--muted:#5d6856;--accent:#a9d663;--paper:#f7f8ee;background:var(--paper);color:var(--ink)}.dw-journey.savings-page h1,.dw-journey.savings-page h2,.dw-journey.savings-page h3{font-weight:550;letter-spacing:-.065em}.dw-journey.savings-page h2{font-size:clamp(38px,4.8vw,68px);line-height:1.02}.dw-journey.savings-page em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.065em}.dw-journey.savings-page p{line-height:1.7}.dw-journey.savings-page .eyebrow{font-size:10px;letter-spacing:.13em;font-weight:700;line-height:1.5;margin-bottom:25px}.dw-journey.savings-page .section-wrap{max-width:1500px;margin:auto;padding:110px 5%}.dw-journey.savings-page .site-nav{padding:26px 4%;display:flex;align-items:center;justify-content:space-between;gap:24px}.dw-journey.savings-page .site-nav .brand-logo{filter:brightness(.14)}.dw-journey.savings-page .site-nav nav{display:flex;gap:32px}.dw-journey.savings-page .site-nav a{text-decoration:none;font-size:13px}.dw-journey.savings-page .nav-call{border-bottom:1px solid #64735a;padding-bottom:8px}.dw-journey.savings-page .nav-call span{margin-left:35px}.dw-journey.savings-page .hero{padding:10px 3% 48px 5%;display:grid;grid-template-columns:1.06fr 1fr;gap:5%;max-width:1650px;margin:auto;align-items:center}.dw-journey.savings-page .hero-copy{padding:30px 0 0}.dw-journey.savings-page .hero .eyebrow{display:flex;align-items:center;gap:8px}.dw-journey.savings-page .little-dot{width:6px;height:6px;border-radius:50%;background:#638c34}.dw-journey.savings-page h1{font-size:clamp(48px,5.6vw,87px);line-height:.99;margin-bottom:26px}.dw-journey.savings-page h1 em{color:#527133}.dw-journey.savings-page .hero-intro{font-size:15px;max-width:480px;color:var(--muted);margin-bottom:29px}.dw-journey.savings-page .address-entry label{font-size:12px;font-weight:650;display:block;margin-bottom:11px}.dw-journey.savings-page .address-pill{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #d0d7c1;border-radius:100px;padding:7px 7px 7px 18px;max-width:570px;box-shadow:0 8px 20px #55634007}.dw-journey.savings-page .address-pill svg{flex:none}.dw-journey.savings-page .address-pill input{width:100%;min-width:0;padding:10px 0;border:0;background:transparent;font-size:12px}.dw-journey.savings-page .address-pill button{display:flex;align-items:center;gap:13px;flex:none;border:0;border-radius:100px;background:#263921;color:#fff;padding:17px 20px;font-size:11px;font-weight:650}.dw-journey.savings-page .form-assurance{font-size:10px;color:#6e7963;margin:10px 0 25px}.dw-journey.savings-page .hero-agent{border-top:1px solid #d9decd;display:flex;align-items:center;gap:11px;padding-top:20px;max-width:560px}.dw-journey.savings-page .hero-agent img{width:35px;height:37px;object-fit:contain}.dw-journey.savings-page .hero-agent span{font-size:12px}.dw-journey.savings-page .hero-agent strong{font-size:10px;font-weight:400;color:#65705e}.dw-journey.savings-page .hero-agent a{font-size:11px;margin-left:auto;text-decoration:none}.dw-journey.savings-page .hero-art{position:relative;isolation:isolate;min-width:0;margin-top:12px}.dw-journey.savings-page .hero-portrait{width:100%;height:590px;object-fit:cover;object-position:76% center;border-radius:45% 45% 24px 24px}.dw-journey.savings-page .photo-caption{position:absolute;top:39px;left:50%;transform:translateX(-50%);font-size:8px;letter-spacing:.16em;color:#fff;text-align:center;line-height:1.7;white-space:nowrap;text-shadow:0 1px 5px #182519}.dw-journey.savings-page .commission-seal{position:absolute;left:-35px;bottom:51px;width:185px;height:185px;border:1px solid #537332;background:#b8da85;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(-12deg);box-shadow:0 0 0 7px #b8da85;z-index:1}.dw-journey.savings-page .commission-seal>span{font-size:9px;letter-spacing:.13em;font-weight:700}.dw-journey.savings-page .commission-seal strong{font-size:87px;line-height:1.14;letter-spacing:-.1em;font-weight:550;margin-left:-7px}.dw-journey.savings-page .commission-seal small{font-size:48px;vertical-align:top;line-height:1.8}.dw-journey.savings-page .equity-note{position:absolute;right:18px;bottom:26px;background:#fffef0;padding:19px 22px;border-radius:12px;box-shadow:0 7px 30px #1a2e2120;transform:rotate(3deg)}.dw-journey.savings-page .equity-note span{display:block;font-size:8px;letter-spacing:.04em}.dw-journey.savings-page .equity-note strong{display:block;font-size:36px;font-weight:550;letter-spacing:-.07em;line-height:1.4}.dw-journey.savings-page .credentials{border-top:1px solid #d3dcc5;border-bottom:1px solid #d3dcc5;margin:0 5%;display:grid;grid-template-columns:1fr 1fr 1fr 1.3fr;gap:20px;padding:29px 0;align-items:center}.dw-journey.savings-page .credentials strong{display:block;font-size:27px;letter-spacing:-.05em;font-weight:550;margin-bottom:6px}.dw-journey.savings-page .credentials span{font-size:10px;color:#65705c}.dw-journey.savings-page .credentials p{margin:0;font-size:12px;border-left:1px solid #d3dcc5;padding-left:30px}.dw-journey.savings-page .credentials b{font-weight:550}.dw-journey.savings-page .savings-section{display:grid;grid-template-columns:1fr 1.05fr;gap:12%;align-items:center}.dw-journey.savings-page .section-intro>p:not(.eyebrow){max-width:380px;font-size:15px;color:var(--muted)}.dw-journey.savings-page .plain-link{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;font-size:13px;line-height:1.7;border:0;background:transparent;border-bottom:1px solid #89987b;padding:5px 0 8px;text-decoration:none}.dw-journey.savings-page .calculator{background:#fff;border:1px solid #d5ddc9;border-radius:25px;padding:30px;box-shadow:0 15px 65px #57674709}.dw-journey.savings-page .calculator-top{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.11em;color:#6c7c5d;margin-bottom:27px}.dw-journey.savings-page .calculator label{display:block;font-size:12px;margin-bottom:8px}.dw-journey.savings-page .price-input{display:flex;align-items:center;gap:6px;font-size:40px;letter-spacing:-.07em}.dw-journey.savings-page .price-input input{width:100%;min-width:0;font-size:40px;letter-spacing:-.07em;border:0;color:var(--ink);background:transparent}.dw-journey.savings-page input[type=range]{width:100%;accent-color:#719842;margin:20px 0 3px}.dw-journey.savings-page .range-labels{display:flex;justify-content:space-between;font-size:9px;color:#718065;margin-bottom:23px}.dw-journey.savings-page .fee-row{display:flex;justify-content:space-between;font-size:12px;align-items:center;margin:16px 0 8px}.dw-journey.savings-page .fee-row strong{font-size:15px;font-weight:550}.dw-journey.savings-page .fee-bar{height:9px;border-radius:10px;background:#d4dacb;width:100%}.dw-journey.savings-page .don-fee{background:#8ab94c;width:56%}.dw-journey.savings-page .savings-total{background:#eaf2db;padding:25px;margin-top:24px;border-radius:15px}.dw-journey.savings-page .savings-total>span{font-size:9px;letter-spacing:.13em}.dw-journey.savings-page .savings-total output{display:block;font-size:67px;letter-spacing:-.08em;line-height:1.2;margin:8px 0 20px;font-weight:550}.dw-journey.savings-page .savings-total .button{width:100%;font-size:12px}.dw-journey.savings-page .calculator-fine{font-size:9px;line-height:1.7;color:#6c745f;margin:18px 0 0}.dw-journey.savings-page .service-story{background:#e1ebd1}.dw-journey.savings-page .service-title{padding-bottom:40px}.dw-journey.savings-page .service-title h2{max-width:850px;margin:0}.dw-journey.savings-page .story-layout{padding-top:25px;display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:start}.dw-journey.savings-page .story-visual{position:sticky;top:30px}.dw-journey.savings-page .story-visual img{width:100%;height:370px;object-fit:cover;border-radius:20px}.dw-journey.savings-page .visual-note{background:#f8faef;padding:28px;border-radius:0 0 20px 20px;margin:-20px 18px 0;position:relative}.dw-journey.savings-page .visual-note span{font-size:9px;letter-spacing:.08em}.dw-journey.savings-page .visual-note p{font-size:20px;line-height:1.4;letter-spacing:-.03em;margin:15px 0 18px}.dw-journey.savings-page .chapter{padding:50px 0 65px;border-top:1px solid #b8c6a5;display:grid;grid-template-columns:35px 1fr;gap:20px;min-height:270px}.dw-journey.savings-page .chapter-number{font-size:11px;color:#617849;padding-top:8px}.dw-journey.savings-page .chapter h3{font-size:35px;font-weight:500;line-height:1.1}.dw-journey.savings-page .chapter p{font-size:14px;color:#5c6b50;max-width:390px}.dw-journey.savings-page .report-teaser{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center;overflow:hidden}.dw-journey.savings-page .report-art{min-height:450px;position:relative;display:flex;align-items:center;justify-content:center;background:#e9ecd8;border-radius:50% 50% 25px 25px;padding:30px}.dw-journey.savings-page .report-paper{position:relative;max-width:350px;width:100%;background:#fff;border:1px solid #d2d8c5;padding:30px;border-radius:7px;transform:rotate(-5deg);box-shadow:0 10px 25px #52603a14}.dw-journey.savings-page .paper-back{position:absolute;width:70%;height:330px;border:1px solid #bdc8ac;background:#e1e7d4;transform:rotate(7deg)}.dw-journey.savings-page .report-paper>span{font-size:8px;letter-spacing:.1em}.dw-journey.savings-page .report-paper h3{font-size:46px;line-height:1;margin:24px 0}.dw-journey.savings-page .report-paper>div{border-top:1px solid #e2e8d7;font-size:10px;padding:16px 0}.dw-journey.savings-page .report-paper b{color:#7c9c52;margin-right:10px}.dw-journey.savings-page .report-paper p{font-size:7px;margin:12px 0 0;letter-spacing:.06em}.dw-journey.savings-page .paper-sticker{position:absolute;right:2%;bottom:40px;background:#b9d58e;width:110px;height:110px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:12px;text-align:center;line-height:1.4;transform:rotate(9deg)}.dw-journey.savings-page .report-copy>p:not(.eyebrow){font-size:15px;color:#616d58;max-width:410px}.dw-journey.savings-page .report-copy .sample-disclosure{font-size:10px!important;margin-top:17px}.dw-journey.savings-page .homes-section{background:#fff;padding-top:85px;padding-bottom:85px;max-width:none}.dw-journey.savings-page .section-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:40px}.dw-journey.savings-page .section-heading h2{margin:0}.dw-journey.savings-page .homes-section .listing-grid{grid-auto-columns:37%}.dw-journey.savings-page .guide-section{display:grid;grid-template-columns:1fr 1.35fr;gap:7%}.dw-journey.savings-page .guide-heading h2{font-size:clamp(36px,3.6vw,55px)}.dw-journey.savings-page .guide-heading>p:not(.eyebrow){font-size:14px;color:#68745d}.dw-journey.savings-page .guide-links{display:grid;grid-template-columns:1fr 1fr;gap:25px}.dw-journey.savings-page .guide-links a{text-decoration:none}.dw-journey.savings-page .guide-links a:last-child{margin-top:55px}.dw-journey.savings-page .guide-links img{height:210px;width:100%;object-fit:cover;border-radius:14px}.dw-journey.savings-page .guide-links span{font-size:8px;letter-spacing:.07em;display:block;margin:18px 0 13px}.dw-journey.savings-page .guide-links h3{font-size:25px;line-height:1.18;letter-spacing:-.04em}.dw-journey.savings-page .faq-section{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding-top:15px}.dw-journey.savings-page .faq-section h2{font-size:38px;max-width:360px}.dw-journey.savings-page details{border-bottom:1px solid #d3dac6;padding:21px 0}.dw-journey.savings-page summary{cursor:pointer;font-size:14px;list-style:none;display:flex;justify-content:space-between;gap:15px}.dw-journey.savings-page summary:after{content:'+';font-size:18px}.dw-journey.savings-page details[open] summary:after{content:'−'}.dw-journey.savings-page details p{font-size:13px;margin:18px 0 0;color:#627058}.dw-journey.savings-page .finale{position:relative;isolation:isolate;overflow:hidden;background:#b5d88a;padding:90px 8%;min-height:470px}.dw-journey.savings-page .finale h2{font-size:clamp(43px,5.4vw,78px);max-width:900px;position:relative;z-index:1}.dw-journey.savings-page .finale p:last-of-type{font-size:12px;margin:20px 0}.dw-journey.savings-page .finale-mark{position:absolute;right:-55px;top:30px;font-size:420px;line-height:1;letter-spacing:-.15em;font-weight:500;color:#a4c47d;z-index:-1;transform:rotate(-13deg)}.dw-journey.savings-page .site-footer{background:#202c1e;color:#dfe8d5;display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;padding:50px 5%;font-size:11px}.dw-journey.savings-page .site-footer p{font-size:10px;margin:25px 0 0}.dw-journey.savings-page .site-footer>div:nth-child(2){display:flex;flex-direction:column;align-items:start;gap:15px}.dw-journey.savings-page .site-footer a{text-decoration:none}.dw-journey .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0} @supports(animation-timeline:view()){ @media(prefers-reduced-motion:no-preference){.dw-journey.savings-page .commission-seal{animation:seal-turn linear both;animation-timeline:view();animation-range:entry 0% exit 100%}@keyframes seal-turn{from{transform:rotate(-19deg)}to{transform:rotate(16deg)}}.dw-journey.savings-page .paper-back{animation:paper-fan linear both;animation-timeline:view();animation-range:entry 0% cover 70%}@keyframes paper-fan{from{transform:rotate(0deg)}to{transform:rotate(10deg)}}}} @media(min-width:1600px){.dw-journey.savings-page .hero-portrait{height:690px}}@media(max-width:1080px){.dw-journey.savings-page .hero{gap:4%}.dw-journey.savings-page h1{font-size:57px}.dw-journey.savings-page .hero-portrait{height:550px}.dw-journey.savings-page .commission-seal{width:145px;height:145px;left:-17px;bottom:100px}.dw-journey.savings-page .commission-seal strong{font-size:65px}.dw-journey.savings-page .commission-seal small{font-size:35px}.dw-journey.savings-page .commission-seal>span{font-size:7px}.dw-journey.savings-page .equity-note{bottom:20px;right:18px}.dw-journey.savings-page .address-pill{flex-wrap:wrap;border-radius:15px;padding:13px}.dw-journey.savings-page .address-pill input{width:80%}.dw-journey.savings-page .address-pill button{width:100%;justify-content:center;padding:14px}.dw-journey.savings-page .section-wrap{padding:80px 5%}.dw-journey.savings-page .savings-section{gap:7%}.dw-journey.savings-page .credentials{grid-template-columns:1fr 1fr 1fr}.dw-journey.savings-page .credentials p{display:none}.dw-journey.savings-page .story-layout{gap:6%;padding-top:0}.dw-journey.savings-page .service-title{padding-bottom:35px}.dw-journey.savings-page .guide-section{gap:5%;grid-template-columns:.8fr 1.2fr}.dw-journey.savings-page .guide-links{gap:15px}.dw-journey.savings-page .guide-links img{height:180px}.dw-journey.savings-page .faq-section{padding-top:0}} @media(max-width:760px){.dw-journey.savings-page .site-nav{padding:23px 5%}.dw-journey.savings-page .site-nav nav{display:none}.dw-journey.savings-page .site-nav .nav-call{font-size:12px}.dw-journey.savings-page .hero{grid-template-columns:1fr;padding:10px 5% 35px;gap:25px}.dw-journey.savings-page .hero-copy{padding-top:7px}.dw-journey.savings-page .hero .eyebrow{font-size:8px;margin-bottom:20px}.dw-journey.savings-page h1{font-size:clamp(43px,9.4vw,69px)}.dw-journey.savings-page .hero-intro{font-size:14px;max-width:520px}.dw-journey.savings-page .address-pill{border-radius:100px;flex-wrap:nowrap;padding:6px 6px 6px 13px;gap:5px}.dw-journey.savings-page .address-pill input{font-size:10px;width:100%}.dw-journey.savings-page .address-pill button{width:auto;font-size:10px;padding:16px 14px;gap:5px}.dw-journey.savings-page .hero-agent{max-width:none}.dw-journey.savings-page .hero-art{margin-left:8%;margin-right:5%;margin-top:6px}.dw-journey.savings-page .hero-portrait{height:420px;border-radius:45% 45% 22px 22px;object-position:78% center}.dw-journey.savings-page .commission-seal{left:-20px;bottom:35px;width:137px;height:137px}.dw-journey.savings-page .equity-note{right:-12px;bottom:22px;padding:15px}.dw-journey.savings-page .equity-note strong{font-size:29px}.dw-journey.savings-page .credentials{gap:14px;padding:25px 0}.dw-journey.savings-page .credentials strong{font-size:19px}.dw-journey.savings-page .credentials span{font-size:8px;line-height:1.5;display:block}.dw-journey.savings-page .section-wrap{padding:65px 6%}.dw-journey.savings-page .savings-section,.dw-journey.savings-page .story-layout,.dw-journey.savings-page .report-teaser,.dw-journey.savings-page .guide-section,.dw-journey.savings-page .faq-section{grid-template-columns:1fr;gap:35px}.dw-journey.savings-page h2{font-size:42px}.dw-journey.savings-page .calculator{padding:23px}.dw-journey.savings-page .savings-total output{font-size:63px}.dw-journey.savings-page .service-title{padding-bottom:25px}.dw-journey.savings-page .story-layout{padding-top:0}.dw-journey.savings-page .story-visual{position:static}.dw-journey.savings-page .story-visual img{height:260px}.dw-journey.savings-page .chapter{padding:30px 0;min-height:auto;gap:12px}.dw-journey.savings-page .chapter h3{font-size:30px}.dw-journey.savings-page .report-art{min-height:420px;margin:0 8px}.dw-journey.savings-page .report-paper{padding:25px}.dw-journey.savings-page .section-heading{display:block}.dw-journey.savings-page .section-heading .plain-link{margin-top:22px}.dw-journey.savings-page .homes-section .listing-grid{grid-auto-columns:88%}.dw-journey.savings-page .guide-links img{height:180px}.dw-journey.savings-page .guide-links h3{font-size:23px}.dw-journey.savings-page .guide-links a:last-child{margin-top:35px}.dw-journey.savings-page .faq-section{padding-top:0}.dw-journey.savings-page .faq-section h2{margin-bottom:0}.dw-journey.savings-page .finale{padding:65px 7%;min-height:440px}.dw-journey.savings-page .finale h2{font-size:45px}.dw-journey.savings-page .finale-mark{right:-50px;font-size:340px;top:140px}.dw-journey.savings-page .site-footer{grid-template-columns:1.2fr 1fr;padding:45px 6%}.dw-journey.savings-page .site-footer>p{grid-column:1/-1;margin-top:0}.dw-journey.savings-page .desktop-note{display:none}} /* Selected direction: clean paper, charcoal identity, deliberate brokerage green. */ .dw-journey.savings-page { --ink: #171b19; --muted: #59615d; --accent: #78be3f; --paper: #f8faf9; background: var(--paper); color: var(--ink); } .dw-journey.savings-page .demo-note { background: #101512; color: #dee6e0; } .dw-journey.savings-page .site-nav { background: #171b19; color: #f5f7f6; padding: 24px 5%; } .dw-journey.savings-page .site-nav .brand-logo { filter: none; } .dw-journey.savings-page .nav-call { color: #a4e370; border-color: #687c6e; } .dw-journey.savings-page .dw-sign-chapter h1 { font-size: clamp(52px, 5.8vw, 89px); letter-spacing: -.067em; line-height: 1.02; margin-bottom: 28px; font-weight: 650; } .dw-journey.savings-page .dw-sign-chapter h1 span { color: #467b24; } .dw-journey.savings-page .dw-sign-chapter h2 { font-size: clamp(40px, 4.8vw, 70px); letter-spacing: -.059em; line-height: 1.06; margin-bottom: 24px; } .dw-journey.savings-page .dw-sign-chapter > p:not(.dw-sign-count):not(.dw-sign-note) { font-size: 17px; color: #505a54; line-height: 1.7; } .dw-journey.savings-page .dw-sign-chapter .address-entry { width: 100%; max-width: 520px; margin-top: 12px; } .dw-journey.savings-page .dw-sign-chapter .address-entry label { font-size: 14px; color: #283b2f; margin-bottom: 12px; } .dw-journey.savings-page .dw-sign-chapter .address-pill { flex-wrap: wrap; border-radius: 12px; background: #fcfefd; padding: 8px; gap: 6px; border: 1px solid #c8d0ca; box-shadow: none; } .dw-journey.savings-page .dw-sign-chapter .address-pill input { width: 100%; padding: 10px 10px; font-size: 16px; min-height: 45px; } .dw-journey.savings-page .dw-sign-chapter .address-pill button { width: 100%; justify-content: space-between; padding: 16px 20px; border-radius: 7px; font-size: 14px; color: #171b19; background: #78be3f; } .dw-journey.savings-page .dw-sign-chapter .form-assurance { font-size: 12px; color: #526157; margin-top: 12px; margin-bottom: 0; } .dw-journey.savings-page .dw-sign-chapter .dw-sign-count { margin-bottom: 22px; font-size: 11px; color: #4f6457; } .dw-journey.savings-page .s-sign-service { list-style: none; margin: 10px 0 30px; padding: 0; width: 100%; max-width: 450px; } .dw-journey.savings-page .s-sign-service li { display: flex; gap: 16px; align-items: baseline; font-size: 17px; padding: 14px 0; border-bottom: 1px solid #d8dfda; } .dw-journey.savings-page .s-sign-service span { font-size: 11px; color: #568632; } .dw-journey.savings-page .s-sign-example { width: 100%; max-width: 490px; margin: 12px 0 25px; } .dw-journey.savings-page .s-sign-example div { display: flex; justify-content: space-between; gap: 15px; border-bottom: 1px solid #d4ddd6; padding: 16px 0; } .dw-journey.savings-page .s-sign-example dt { font-size: 14px; color: #4d5b52; } .dw-journey.savings-page .s-sign-example dd { font-size: 21px; margin: 0; font-weight: 600; } .dw-journey.savings-page .s-sign-example div:last-child { align-items: center; background: #78be3f; color: #171b19; padding: 20px; border: 0; margin-top: 18px; } .dw-journey.savings-page .s-sign-example div:last-child dt { color: #171b19; max-width: 130px; line-height: 1.5; } .dw-journey.savings-page .s-sign-example div:last-child dd { font-size: clamp(32px, 3.2vw, 49px); letter-spacing: -.06em; } .dw-journey.savings-page .button { background: #171b19; color: #f9fbfa; border-radius: 8px; } .dw-journey.savings-page .button:hover { background: #34463b; } .dw-journey.savings-page .credentials { background: #78be3f; margin: 0; padding: 32px 5%; border: 0; color: #171b19; } .dw-journey.savings-page .credentials span { color: #233c18; font-size: 12px; } .dw-journey.savings-page .credentials p { border-color: #558d2c; } .dw-journey.savings-page .calculator { border-color: #d0d7d2; } .dw-journey.savings-page .calculator-fine, .dw-journey.savings-page .calculator-top, .dw-journey.savings-page .range-labels { color: #56655c; } .dw-journey.savings-page input[type=range] { accent-color: #588d30; } .dw-journey.savings-page .savings-total { background: #78be3f; color: #171b19; } .dw-journey.savings-page .don-fee { background: #78be3f; } .dw-journey.savings-page .service-story { background: #191f1b; color: #f2f7f3; } .dw-journey.savings-page .chapter { border-color: #46544b; } .dw-journey.savings-page .chapter p { color: #c8d2cc; } .dw-journey.savings-page .chapter-number { color: #9edd6e; } .dw-journey.savings-page .visual-note { background: #29372f; color: #f0f6f1; } .dw-journey.savings-page .plain-link { border-color: #92a198; } .dw-journey.savings-page .report-art { background: #e8eeea; } .dw-journey.savings-page .paper-back { background: #d8e1db; border-color: #aebcb3; } .dw-journey.savings-page .paper-sticker { background: #78be3f; } .dw-journey.savings-page .finale { background: #78be3f; } .dw-journey.savings-page .finale-mark { display: none; } .dw-journey.savings-page .site-footer { background: #171b19; color: #e6eee9; } .dw-journey.savings-page .report-dialog { background: #f8faf9; } .dw-journey.savings-page .report-dialog .demo-warning { background: #e6eee8; border: 0; border-radius: 8px; } .dw-journey.savings-page .report-dialog .step-dot.active { background: #588d30; } .dw-journey.savings-page :focus-visible { outline-color: #4f842d; } @media (max-width: 760px) { .dw-journey.savings-page .dw-sign-chapter h1 { font-size: clamp(44px, 10.8vw, 71px); } .dw-journey.savings-page .dw-sign-chapter h2 { font-size: clamp(36px, 9.5vw, 58px); } .dw-journey.savings-page .dw-sign-chapter > p:not(.dw-sign-count):not(.dw-sign-note) { font-size: 16px; } .dw-journey.savings-page .credentials { gap: 15px; padding: 28px 6%; } .dw-journey.savings-page .credentials strong { font-size: 22px; } .dw-journey.savings-page .credentials span { font-size: 10px; } } /* One physical sign, one reserved visual column. Copy is never inside WebGL. */ .dw-journey .dw-sign-story { --sign-ink: oklch(22% .008 150); --sign-paper: oklch(98% .004 150); --sign-green: #78be3f; display: grid; grid-template-columns: 51% 49%; align-items: start; position: relative; isolation: isolate; max-width: 1800px; margin-inline: auto; padding-inline: 5%; color: var(--sign-ink); background: var(--sign-paper); } .dw-journey .dw-sign-visual { grid-column: 2; grid-row: 1; position: sticky; top: 28px; height: min(760px, 88svh); width: 100%; align-self: start; z-index: 1; pointer-events: none; } .dw-journey .dw-sign-copy { grid-column: 1; grid-row: 1; min-width: 0; position: relative; z-index: 2; } .dw-journey .dw-sign-chapter { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; min-height: max(640px, 86svh); padding: 70px 5% 100px 0; scroll-margin-top: 30px; } .dw-journey .dw-sign-chapter + .dw-sign-chapter { border-top: 1px solid oklch(88% .009 150); } .dw-journey .dw-sign-chapter h1, .dw-journey .dw-sign-chapter h2 { text-wrap: balance; } .dw-journey .dw-sign-chapter > p { max-width: 48ch; } .dw-journey .dw-sign-poster { position: absolute; inset: 3% 0 7%; width: 100%; height: 90%; object-fit: contain; mix-blend-mode: multiply; } .dw-journey .dw-sign-canvas { position: absolute; inset: 0; } .dw-journey .dw-sign-canvas canvas { width: 100%; height: 100%; display: block; } .dw-journey .dw-sign-visual[data-sign-ready="true"] .dw-sign-poster { visibility: hidden; } .dw-journey .dw-sign-caption { position: absolute; bottom: 12px; left: 8%; right: 4%; display: flex; justify-content: space-between; align-items: center; gap: 15px; font: 500 12px/1.5 Onest, sans-serif; color: oklch(42% .012 150); } .dw-journey .dw-sign-caption::before { content: ''; width: 27px; height: 2px; background: var(--sign-green); flex: none; } .dw-journey .dw-sign-step { font-size: 11px; font-variant-numeric: tabular-nums; } .dw-journey .dw-sign-chapter .dw-sign-count { display: block; font-size: 12px; font-weight: 650; letter-spacing: .08em; margin-bottom: 24px; color: oklch(43% .01 150); } .dw-journey .dw-sign-chapter .dw-sign-note { font-size: 12px; line-height: 1.6; color: oklch(44% .008 150); } .dw-journey .dw-sign-chapter .dw-sign-scroll { display: inline-flex; gap: 12px; align-items: center; margin-top: 34px; font-size: 12px; text-decoration: none; } .dw-journey .dw-sign-scroll span { font-size: 22px; } @media (min-width: 761px) and (max-height: 750px) { .dw-journey .dw-sign-chapter { min-height: 700px; padding-top: 48px; } .dw-journey .dw-sign-visual { top: 12px; height: 96svh; } } @media (max-width: 1000px) and (min-width: 761px) { .dw-journey .dw-sign-story { grid-template-columns: 53% 47%; padding-inline: 4%; } .dw-journey .dw-sign-chapter { padding-right: 3%; } } @media (max-width: 760px) { .dw-journey .dw-sign-story { display: grid; grid-template-columns: 1fr; padding-inline: 6%; } .dw-journey .dw-sign-copy { display: contents; } .dw-journey .dw-sign-chapter { grid-column: 1; grid-row: auto; min-height: 0; padding: 58px 0; } .dw-journey .dw-sign-chapter:first-child { grid-row: 1; padding-top: 35px; padding-bottom: 24px; } .dw-journey .dw-sign-visual { grid-column: 1; grid-row: 2; position: relative; top: auto; height: min(115vw, 570px); margin-bottom: 36px; } .dw-journey .dw-sign-chapter:nth-child(2) { grid-row: 3; } .dw-journey .dw-sign-chapter:nth-child(3) { grid-row: 4; } .dw-journey .dw-sign-caption { bottom: 0; left: 4%; right: 4%; font-size: 11px; } .dw-journey .dw-sign-chapter .dw-sign-scroll { display: none; } } @media (prefers-reduced-motion: reduce) { .dw-journey .dw-sign-story { scroll-behavior: auto; } .dw-journey .dw-sign-visual { position: relative; top: auto; } .dw-journey .dw-sign-chapter { min-height: 0; padding-block: 65px; } .dw-journey .dw-sign-chapter .dw-sign-scroll { display: none; } } /* Shared physical object. The page remains readable when this enhancement is off. */ .dw-journey .sign-journey-layer { position: fixed; inset: 0; z-index: 12; pointer-events: none; overflow: hidden; contain: strict; } /* Interactive comparison always paints above decorative traveling artwork. */ #savings .savings-comparison{position:relative;z-index:14;background:var(--dw-surface,#f6f8f4);isolation:isolate;} #seller-guides{position:relative;} @media(min-width:1000px){#seller-guides .a-sign-anchor[data-sign-anchor]{display:block!important;position:absolute!important;right:6%;top:40px;width:300px!important;height:280px!important;min-height:0!important;visibility:visible!important;}} .dw-journey .sign-journey-layer canvas { display: block; width: 100%; height: 100%; } .dw-journey [data-sign-anchor] { position: relative; min-width: 0; pointer-events: none; } .dw-journey .journey-static-art { width: 100%; height: 100%; object-fit: contain; } .dw-journey[data-journey-ready="true"] [data-sign-anchor] .journey-static-art, .dw-journey[data-journey-ready="true"] .mini-sale-sign { visibility: hidden; } .dw-journey .listing-image { position: relative; } .dw-journey .mini-sale-sign { position: absolute; bottom: 7px; right: 7px; width: 68px; height: 90px; pointer-events: none; filter: drop-shadow(1px 3px 3px #17211855); } .dw-journey .mini-sale-sign::before { content: ''; position: absolute; width: 5px; height: 90px; background: #f4f7f2; left: 0; top: 0; } .dw-journey .mini-sale-sign::after { content: ''; position: absolute; width: 68px; height: 5px; background: #f4f7f2; left: 0; top: 5px; } .dw-journey .mini-sale-sign > span { display: flex; align-items: center; justify-content: space-between; flex-direction: column; position: absolute; left: 9px; top: 14px; width: 55px; height: 54px; padding: 5px 2px; background: #78be3f; color: #171b19; font: 800 9px/1.2 Onest,sans-serif; } .dw-journey .mini-sale-sign b { background: #171b19; color: #f4f7f2; font-size: 7px; width: 100%; padding: 6px 0; text-align: center; } .dw-journey .journey-house-scene { position: relative; isolation: isolate; } .dw-journey .journey-house { width: 100%; height: auto; position: relative; display: block; } .dw-journey .report-page .r-footer .brand-logo { filter: brightness(.2); } .dw-journey .journey-planted-anchor { position: absolute; width: 24%; height: 56%; right: 7%; bottom: 4%; z-index: 2; } @media (max-width: 760px), (prefers-reduced-motion: reduce) { .dw-journey .sign-journey-layer { display: none; } .dw-journey[data-journey-ready="true"] [data-sign-anchor] .journey-static-art, .dw-journey[data-journey-ready="true"] .mini-sale-sign { visibility: visible; } } /* Keep More: one sign, eight chapters. The canvas occupies these reserved anchors. */ .dw-journey.savings-page { --ink: oklch(22% .008 150); --muted: oklch(45% .015 150); --paper: oklch(98% .004 150); --a-green: oklch(74% .176 133); --a-green-dark: oklch(45% .119 133); background: var(--paper); } .dw-journey.savings-page h1, .dw-journey.savings-page h2, .dw-journey.savings-page h3 { font-family: Onest, Arial, sans-serif; } .dw-journey.savings-page h2 { font-size: clamp(40px, 4.8vw, 68px); font-weight: 650; line-height: 1.04; letter-spacing: -.065em; margin-bottom: 27px; text-wrap: balance; } .dw-journey.savings-page .a-journey-stop { position: relative; padding: 85px 5%; scroll-margin-top: 20px; } .dw-journey.savings-page .a-journey-inner { width: 100%; max-width: 1320px; margin-inline: auto; min-width: 0; } .dw-journey.savings-page .a-journey-split { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(330px, .92fr); gap: clamp(40px, 6vw, 100px); align-items: center; } .dw-journey.savings-page .a-journey-copy { min-width: 0; } .dw-journey.savings-page .a-journey-copy > p:not(.a-section-number):not(.a-hero-kicker):not(.a-sample-disclosure):not(.a-award-line) { font-size: 17px; line-height: 1.75; max-width: 49ch; color: var(--muted); } .dw-journey.savings-page .a-section-number { font-size: 11px; font-weight: 650; letter-spacing: .065em; margin-bottom: 24px; color: var(--muted); } .dw-journey.savings-page .a-sign-anchor { width: 100%; height: 550px; position: relative; pointer-events: none; align-self: center; min-width: 0; } .dw-journey.savings-page .journey-static-art { position: absolute; inset: 0; width: auto; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; } .dw-journey.savings-page .journey-static-art > img { width: 100%; height: 100%; object-fit: contain; } .dw-journey.savings-page .journey-hero { padding-top: 20px; padding-bottom: 30px; } .dw-journey.savings-page .journey-hero .a-journey-inner { min-height: 690px; } .dw-journey.savings-page .a-hero-kicker { font-size: 11px; font-weight: 650; letter-spacing: .08em; color: var(--muted); margin-bottom: 25px; } .dw-journey.savings-page .journey-hero h1 { font-size: clamp(54px, 6.2vw, 91px); line-height: 1.02; letter-spacing: -.072em; font-weight: 680; margin-bottom: 29px; } .dw-journey.savings-page .journey-hero h1 span { color: var(--a-green-dark); } .dw-journey.savings-page .a-hero-anchor { height: 630px; } .dw-journey.savings-page .journey-hero .address-entry { max-width: 520px; margin-top: 26px; } .dw-journey.savings-page .journey-hero .address-entry label { font-size: 14px; margin-bottom: 12px; } .dw-journey.savings-page .journey-hero .address-pill { flex-wrap: wrap; border-radius: 12px; padding: 8px; background: oklch(99% .003 150); border: 1px solid oklch(80% .013 150); box-shadow: none; } .dw-journey.savings-page .journey-hero .address-pill input { width: 100%; padding: 12px 10px; font-size: 16px; min-height: 45px; } .dw-journey.savings-page .journey-hero .address-pill button { width: 100%; justify-content: space-between; border-radius: 7px; padding: 17px 19px; background: var(--a-green); color: var(--ink); font-size: 14px; } .dw-journey.savings-page .journey-hero .form-assurance { font-size: 11px; margin: 10px 0 0; color: var(--muted); } .dw-journey.savings-page .a-scroll-link { margin-top: 30px; display: inline-flex; align-items: center; gap: 16px; font-size: 12px; text-decoration: none; color: var(--muted); } .dw-journey.savings-page .a-scroll-link span { font-size: 23px; } .dw-journey.savings-page .a-award-stop { background: oklch(92% .066 133); } .dw-journey.savings-page .a-experience { margin: 30px 0; display: flex; gap: 45px; } .dw-journey.savings-page .a-experience dt { font-size: clamp(33px, 3.7vw, 50px); line-height: 1.1; letter-spacing: -.065em; font-weight: 650; } .dw-journey.savings-page .a-experience dd { margin: 10px 0 0; font-size: 12px; line-height: 1.5; max-width: 150px; } .dw-journey.savings-page .a-award-line { padding-top: 22px; border-top: 1px solid oklch(73% .05 133); font-size: 15px; line-height: 1.55; } .dw-journey.savings-page .a-award-line strong, .dw-journey.savings-page .a-award-line span { display: block; } .dw-journey.savings-page .a-award-line span { font-size: 13px; margin-top: 7px; color: var(--muted); } .dw-journey.savings-page .a-marketing-stop { color: oklch(96% .006 150); background: oklch(23% .013 150); } .dw-journey.savings-page .a-marketing-stop .a-section-number { color: oklch(78% .134 133); } .dw-journey.savings-page .a-marketing-stop .a-journey-copy > p:not(.a-section-number) { color: oklch(79% .01 150); } .dw-journey.savings-page .a-marketing-stop .plain-link { color: oklch(81% .14 133); border-color: oklch(47% .04 133); } .dw-journey.savings-page .a-service-list { list-style: none; padding: 0; margin: 33px 0 20px; } .dw-journey.savings-page .a-service-list li { display: grid; grid-template-columns: 25px 1fr; gap: 17px; padding: 20px 0; border-top: 1px solid oklch(40% .015 150); } .dw-journey.savings-page .a-service-list li > span { font-size: 11px; line-height: 2.3; color: oklch(78% .134 133); } .dw-journey.savings-page .a-service-list h3 { font-size: 21px; line-height: 1.3; font-weight: 600; letter-spacing: -.04em; margin-bottom: 8px; } .dw-journey.savings-page .a-service-list p { color: oklch(78% .01 150); font-size: 14px; line-height: 1.7; margin: 0; } .dw-journey.savings-page .a-chart-split { display: grid; grid-template-columns: minmax(0, 1fr) 280px; gap: 45px; align-items: start; } .dw-journey.savings-page .a-chart-copy { min-width: 0; } .dw-journey.savings-page .a-chart-copy h2 { font-size: clamp(40px, 4.3vw, 61px); } .dw-journey.savings-page .a-chart-copy h2 span { color: var(--a-green-dark); } .dw-journey.savings-page .a-chart-copy > p:not(.a-section-number) { color: var(--muted); max-width: 58ch; font-size: 16px; } .dw-journey.savings-page .a-chart-anchor { height: 450px; align-self: start; position: sticky; top: 150px; margin-top: 160px; } .dw-journey.savings-page .a-chart-slot { margin: 35px 0 24px; } .dw-journey.savings-page .a-report-stop { background: oklch(94% .012 150); } .dw-journey.savings-page .a-report-inclusions { padding: 0; margin: 30px 0; list-style: none; } .dw-journey.savings-page .a-report-inclusions li { display: flex; align-items: center; gap: 12px; padding-block: 11px; font-size: 15px; } .dw-journey.savings-page .a-report-inclusions li::before { content: '✓'; font-size: 18px; color: var(--a-green-dark); } .dw-journey.savings-page .a-sample-disclosure { font-size: 11px; color: var(--muted); line-height: 1.6; max-width: 400px; margin-top: 17px; } .dw-journey.savings-page .homes-section { background: oklch(98.6% .004 150); padding-block: 55px 80px; } .dw-journey.savings-page .a-homes-heading { display: grid; grid-template-columns: minmax(0, 1fr) 250px; align-items: center; gap: 30px; margin-bottom: 30px; } .dw-journey.savings-page .a-listing-anchor { width: 220px; height: 275px; justify-self: end; } .dw-journey.savings-page .homes-section .listing-grid { grid-auto-flow: row; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-columns: auto; gap: 36px 30px; overflow: visible; } .dw-journey.savings-page .listing-image { position: relative; aspect-ratio: 4/3; border-radius: 12px; } .dw-journey.savings-page .listing-.dw-journey { position: relative; padding: 22px 0 10px; } .dw-journey.savings-page .listing-meta { color: var(--muted); font-size: 10px; } .dw-journey.savings-page .listing-address { font-size: clamp(21px, 1.9vw, 28px); max-width: 85%; font-weight: 600; line-height: 1.25; } .dw-journey.savings-page .listing-price { font-size: 20px; font-weight: 600; letter-spacing: -.03em; } .dw-journey.savings-page .listing-source { margin-top: 22px; font-size: 11px; opacity: 1; color: var(--muted); } .dw-journey.savings-page .a-guide-stop { background: oklch(95% .015 150); } .dw-journey.savings-page .a-guide-links { margin: 33px 0 25px; } .dw-journey.savings-page .a-guide-links a { display: grid; grid-template-columns: 125px 1fr; gap: 20px; align-items: center; text-decoration: none; padding: 20px 0; border-top: 1px solid oklch(83% .012 150); } .dw-journey.savings-page .a-guide-links img { width: 125px; height: 105px; object-fit: cover; border-radius: 7px; } .dw-journey.savings-page .a-guide-links span { font-size: 10px; color: var(--muted); } .dw-journey.savings-page .a-guide-links strong { display: block; font-size: 21px; line-height: 1.25; letter-spacing: -.045em; font-weight: 580; margin-top: 10px; color: var(--ink); } .dw-journey.savings-page .a-faq-inner { margin-top: 55px; padding-top: 35px; border-top: 1px solid oklch(80% .015 150); } .dw-journey.savings-page .a-guide-stop .a-sign-anchor { align-self: start; position: sticky; top: 115px; margin-top: 35px; } .dw-journey.savings-page .a-faq-inner > h3 { font-size: 30px; line-height: 1.2; letter-spacing: -.045em; max-width: 300px; font-weight: 600; } .dw-journey.savings-page .a-faq-list details { border-color: oklch(80% .015 150); } .dw-journey.savings-page .a-faq-list summary { font-size: 15px; line-height: 1.5; } .dw-journey.savings-page .a-faq-list details p { color: var(--muted); font-size: 14px; } .dw-journey.savings-page .a-finale-stop { background: var(--a-green); padding-top: 80px; padding-bottom: 30px; overflow: clip; } .dw-journey.savings-page .a-finale-inner { display: grid; grid-template-columns: .83fr 1.17fr; align-items: center; gap: 20px; } .dw-journey.savings-page .a-finale-copy { position: relative; z-index: 2; padding-bottom: 65px; } .dw-journey.savings-page .a-finale-copy h2 { font-size: clamp(43px, 5.1vw, 76px); } .dw-journey.savings-page .a-finale-copy > p:not(.a-section-number) { font-size: 16px; color: oklch(29% .04 133); line-height: 1.7; max-width: 420px; } .dw-journey.savings-page .a-finale-copy .a-section-number { color: oklch(29% .04 133); } .dw-journey.savings-page .a-finale-phone { display: block; font-size: 13px; margin-top: 19px; text-underline-offset: 4px; } .dw-journey.savings-page .journey-house-scene { position: relative; min-height: 590px; width: 112%; margin-left: -3%; isolation: isolate; } .dw-journey.savings-page .journey-house-scene::before { content: ''; position: absolute; width: 110%; height: 28%; bottom: 11%; left: -5%; border-radius: 50%; background: oklch(67% .153 133); transform: rotate(-6deg); z-index: -1; } .dw-journey.savings-page .journey-house { position: absolute; width: 104%; max-width: none; height: 100%; object-fit: contain; left: -10%; bottom: 8%; } .dw-journey.savings-page .journey-planted-anchor { position: absolute; width: 235px; height: 360px; right: 3%; bottom: 8%; } .dw-journey.savings-page .a-house-note { position: absolute; bottom: 0; right: 9%; font-size: 10px; color: oklch(32% .025 133); } .dw-journey.savings-page .a-art-portrait { inset: 30px; background: oklch(23% .013 150); border-radius: 10px; overflow: hidden; } .dw-journey.savings-page .a-art-portrait > img { height: 84%; object-fit: cover; } .dw-journey.savings-page .a-art-portrait > p { margin: 0; padding: 18px; background: var(--a-green); width: 100%; font-size: 13px; text-align: center; line-height: 1.5; } .dw-journey.savings-page .a-art-portrait strong { display: block; font-size: 29px; letter-spacing: -.04em; } .dw-journey.savings-page .a-art-photo { inset: 80px 0; background: var(--paper); border-radius: 10px; overflow: hidden; } .dw-journey.savings-page .a-art-photo > img { height: 78%; object-fit: cover; } .dw-journey.savings-page .a-art-photo p { font-size: 12px; font-weight: 650; letter-spacing: .025em; color: var(--ink); padding: 22px 15px; text-align: center; margin: 0; } .dw-journey.savings-page .a-art-numbers { inset: 50px 0; background: var(--a-green); padding: 22px; border-radius: 10px; align-items: flex-start; } .dw-journey.savings-page .a-art-numbers > span { font-size: 10px; font-weight: 650; } .dw-journey.savings-page .a-art-numbers strong { font-size: 47px; letter-spacing: -.06em; margin: 15px 0; } .dw-journey.savings-page .a-art-numbers p { font-size: 15px; line-height: 1.4; } .dw-journey.savings-page .a-art-numbers small { font-size: 10px; line-height: 1.6; } .dw-journey.savings-page .a-art-report { inset: 40px; padding: 35px; background: oklch(99% .003 150); border: 1px solid oklch(80% .015 150); border-radius: 10px; align-items: start; } .dw-journey.savings-page .a-art-report > span, .dw-journey.savings-page .a-art-report small { font-size: 10px; color: var(--muted); } .dw-journey.savings-page .a-art-report h3 { font-size: 47px; line-height: 1; margin: 30px 0 25px; font-weight: 650; } .dw-journey.savings-page .a-art-report > p { font-size: 13px; border-top: 1px solid oklch(86% .009 150); padding-top: 12px; width: 100%; } .dw-journey.savings-page .a-final-mini-sign { display: block; width: 68px; height: 90px; inset: auto 25px 25px auto; transform: scale(2.5); transform-origin: bottom right; } @media (max-width: 1100px) and (min-width: 761px) { .dw-journey.savings-page .a-journey-split { grid-template-columns: minmax(0, 1fr) minmax(280px, .8fr); gap: 35px; } .dw-journey.savings-page .a-chart-split { grid-template-columns: minmax(0, 1fr) 230px; gap: 25px; } .dw-journey.savings-page .a-sign-anchor { height: 500px; } .dw-journey.savings-page .a-listing-anchor { height: 250px; } .dw-journey.savings-page .a-chart-anchor { height: 375px; } .dw-journey.savings-page .a-journey-stop { padding-inline: 4%; } .dw-journey.savings-page .a-finale-inner { grid-template-columns: 1fr 1fr; } .dw-journey.savings-page .journey-house-scene { min-height: 520px; } .dw-journey.savings-page .journey-planted-anchor { height: 310px; width: 190px; right: 0; } } @media (max-width: 760px) { .dw-journey.savings-page .a-journey-stop { padding: 60px 6%; } .dw-journey.savings-page .a-journey-split, .dw-journey.savings-page .a-chart-split, .dw-journey.savings-page .a-finale-inner { grid-template-columns: 1fr; gap: 20px; } .dw-journey.savings-page h2 { font-size: clamp(36px, 9.8vw, 53px); } .dw-journey.savings-page .a-journey-copy > p:not(.a-section-number):not(.a-hero-kicker):not(.a-sample-disclosure):not(.a-award-line) { font-size: 16px; } .dw-journey.savings-page .journey-hero { padding-top: 35px; padding-bottom: 25px; } .dw-journey.savings-page .journey-hero .a-journey-inner { min-height: auto; } .dw-journey.savings-page .journey-hero h1 { font-size: clamp(45px, 11.8vw, 71px); margin-bottom: 23px; } .dw-journey.savings-page .a-hero-kicker { font-size: 10px; margin-bottom: 23px; } .dw-journey.savings-page .journey-hero .address-entry { margin-top: 23px; } .dw-journey.savings-page .journey-hero .address-pill button { font-size: 13px; padding: 16px; } .dw-journey.savings-page .a-scroll-link { display: none; } .dw-journey.savings-page .a-sign-anchor { height: 380px; max-width: 430px; margin: 0 auto; position: relative; top: auto; } .dw-journey.savings-page .a-hero-anchor { height: 420px; } .dw-journey.savings-page .a-experience { gap: 35px; } .dw-journey.savings-page .a-experience dt { font-size: 37px; } .dw-journey.savings-page .a-experience dd { font-size: 11px; } .dw-journey.savings-page .a-section-number { font-size: 10px; } .dw-journey.savings-page .a-service-list h3 { font-size: 21px; } .dw-journey.savings-page .a-chart-anchor { display: none; } .dw-journey.savings-page .a-chart-copy h2 { font-size: clamp(34px, 9.8vw, 48px); } .dw-journey.savings-page .a-chart-copy > p:not(.a-section-number) { font-size: 15px; } .dw-journey.savings-page .a-homes-heading { grid-template-columns: minmax(0, 1fr) 100px; gap: 10px; margin-bottom: 35px; } .dw-journey.savings-page .a-homes-heading h2 { font-size: 35px; } .dw-journey.savings-page .a-listing-anchor { width: 100px; height: 170px; } .dw-journey.savings-page .a-homes-heading .plain-link { font-size: 12px; gap: 14px; } .dw-journey.savings-page .homes-section .listing-grid { grid-template-columns: 1fr; gap: 27px; } .dw-journey.savings-page .listing-.dw-journey { padding-top: 17px; } .dw-journey.savings-page .listing-address { font-size: 24px; } .dw-journey.savings-page .listing-meta { font-size: 9px; } .dw-journey.savings-page .a-guide-links a { grid-template-columns: 105px 1fr; gap: 17px; } .dw-journey.savings-page .a-guide-links img { width: 105px; height: 110px; } .dw-journey.savings-page .a-guide-links strong { font-size: 20px; } .dw-journey.savings-page .a-faq-inner { grid-template-columns: 1fr; gap: 10px; margin-top: 30px; padding-top: 35px; } .dw-journey.savings-page .a-faq-inner > h3 { font-size: 28px; } .dw-journey.savings-page .a-finale-copy { padding-bottom: 0; } .dw-journey.savings-page .a-finale-copy h2 { font-size: clamp(43px, 11vw, 61px); } .dw-journey.savings-page .journey-house-scene { width: 112%; margin-left: -6%; min-height: 365px; } .dw-journey.savings-page .journey-house { width: 105%; left: -8%; bottom: 8%; } .dw-journey.savings-page .journey-planted-anchor { position: absolute; width: 155px; height: 245px; margin: 0; right: 0; bottom: 7%; } .dw-journey.savings-page .a-house-note { font-size: 9px; right: 7%; } .dw-journey.savings-page .a-art-portrait { inset: 0 10%; } .dw-journey.savings-page .a-art-photo { inset: 25px 0; } .dw-journey.savings-page .a-art-report { inset: 0 15px; padding: 25px; } .dw-journey.savings-page .a-art-report h3 { font-size: 40px; margin-top: 18px; margin-bottom: 18px; } .dw-journey.savings-page .a-final-mini-sign { width: 68px; height: 90px; transform: scale(1.7); inset: auto 15px 15px auto; } .dw-journey.savings-page .a-guide-stop .a-sign-anchor { position: relative; top: auto; margin-top: 0; } } @media (prefers-reduced-motion: reduce) { .dw-journey.savings-page .a-sign-anchor { position: relative; top: auto; } .dw-journey.savings-page .journey-planted-anchor { position: absolute; } } /* One shared comparison for both design previews. No external fonts or images. */ .dw-journey .dw-savings-chart { --chart-ink: #172019; --chart-green: #83c94b; --chart-line: #dfe5df; --chart-soft: #edf5e7; color: var(--chart-ink); font-family: Onest, Arial, sans-serif; width: 100%; min-width: 0; max-width: 1100px; font-variant-numeric: tabular-nums; } .dw-journey .dw-savings-chart *, .dw-journey .dw-savings-chart *::before, .dw-journey .dw-savings-chart *::after { box-sizing: border-box; } .dw-journey .dw-savings-chart [hidden] { display: none !important; } .dw-journey .dw-savings-chart .dw-chart-controls { display: grid; grid-template-columns: 1fr 1fr; gap: 0; border-radius: 16px; overflow: hidden; background: #f8faf7; border: 1px solid var(--chart-line); } .dw-journey .dw-savings-chart .dw-chart-entry { padding: 28px 30px 24px; min-width: 0; } .dw-journey .dw-savings-chart .dw-chart-entry > label { display: block; color: #334139; font-size: 14px; font-weight: 600; margin: 0 0 12px; } .dw-journey .dw-savings-chart .dw-chart-price-field { display: flex; align-items: baseline; gap: 5px; border-bottom: 1px solid #adbcae; } .dw-journey .dw-savings-chart .dw-chart-price-field > span { font-size: clamp(25px, 3vw, 43px); color: #6b766e; } .dw-journey .dw-savings-chart .dw-chart-price-field input { padding: 0 0 8px; margin: 0; width: 100%; min-width: 0; font: 550 clamp(30px, 3.5vw, 49px)/1.2 Onest, Arial, sans-serif; letter-spacing: -.055em; color: var(--chart-ink); background: transparent; border: 0; border-radius: 0; outline-offset: 5px; } .dw-journey .dw-savings-chart input:disabled { opacity: 1; cursor: default; -webkit-text-fill-color: currentColor; } .dw-journey .dw-savings-chart .dw-chart-help { font-size: 12px; line-height: 1.55; color: #526157; margin: 11px 0 0; } .dw-journey .dw-savings-chart .dw-chart-error { color: #9a2b22; font-size: 12px; line-height: 1.5; margin: 4px 0 6px; min-height: 18px; } .dw-journey .dw-savings-chart [data-chart-range] { display: block; width: 100%; height: 20px; margin: 4px 0 7px; accent-color: #518f29; cursor: pointer; } .dw-journey .dw-savings-chart .dw-chart-endpoints { display: flex; justify-content: space-between; color: #546359; font-size: 12px; } .dw-journey .dw-savings-chart .dw-chart-result { display: flex; flex-direction: column; justify-content: center; background: var(--chart-green); padding: 28px 30px; min-width: 0; container-type: inline-size; } .dw-journey .dw-savings-chart .dw-chart-result-label { font-size: 13px; font-weight: 650; } .dw-journey .dw-savings-chart .dw-chart-result output { display: block; font-size: 46px; font-size: clamp(29px, 22cqw, 73px); font-weight: 650; line-height: 1.12; letter-spacing: -.075em; margin: 13px 0; } .dw-journey .dw-savings-chart[data-chart-detailed="true"] .dw-chart-result output { font-size: 34px; font-size: clamp(25px, 15cqw, 48px); } .dw-journey .dw-savings-chart .dw-chart-result p { font-size: 13px; line-height: 1.7; margin: 0; color: #233b17; } .dw-journey .dw-savings-chart .dw-chart-result strong { font-weight: 650; } .dw-journey .dw-savings-chart .dw-chart-table-title { display: flex; align-items: baseline; justify-content: space-between; gap: 20px; padding: 30px 0 16px; } .dw-journey .dw-savings-chart .dw-chart-table-title p { font-size: 20px; font-weight: 600; letter-spacing: -.045em; margin: 0; } .dw-journey .dw-savings-chart .dw-chart-table-title > span { font-size: 11px; color: #627067; } .dw-journey .dw-savings-chart .dw-chart-scroll-hint { display: none; margin: 0 0 12px; font-size: 12px; color: #536158; } .dw-journey .dw-savings-chart .dw-chart-scroll { max-width: 100%; overflow-x: auto; overscroll-behavior-inline: contain; border-radius: 12px; border: 1px solid var(--chart-line); background: #f8faf7; } .dw-journey .dw-savings-chart table { width: 100%; min-width: 520px; table-layout: fixed; border-collapse: separate; border-spacing: 0; text-align: right; } .dw-journey .dw-savings-chart thead th { background: #19231c; color: #f8faf7; font-size: 14px; font-weight: 650; line-height: 1.3; padding: 18px 17px; vertical-align: top; } .dw-journey .dw-savings-chart thead th span { display: block; font-weight: 400; font-size: 11px; margin-top: 5px; color: #cbd6cd; } .dw-journey .dw-savings-chart thead th:last-child { background: #51882e; } .dw-journey .dw-savings-chart thead th:last-child span { color: #e5f6d9; } .dw-journey .dw-savings-chart th:first-child { text-align: left; } .dw-journey .dw-savings-chart tbody th, .dw-journey .dw-savings-chart tbody td { padding: 15px 17px; font-size: 16px; line-height: 1.25; border-bottom: 1px solid #e8ece7; font-weight: 450; white-space: nowrap; } .dw-journey .dw-savings-chart tbody th { font-weight: 600; } .dw-journey .dw-savings-chart tbody td:last-child { background: var(--chart-soft); color: #24461a; font-weight: 700; } .dw-journey .dw-savings-chart tbody tr:last-child > * { border-bottom: 0; } .dw-journey .dw-savings-chart tbody tr.is-selected > *, .dw-journey .dw-savings-chart tbody tr.dw-chart-custom > * { background: #e6f1de; font-weight: 700; } .dw-journey .dw-savings-chart tbody tr.is-selected th, .dw-journey .dw-savings-chart tbody tr.dw-chart-custom th { box-shadow: none; } .dw-journey .dw-savings-chart tbody tr.is-selected td:last-child, .dw-journey .dw-savings-chart tbody tr.dw-chart-custom td:last-child { background: var(--chart-green); color: #172019; } .dw-journey .dw-savings-chart tbody th small { display: block; font-size: 10px; font-weight: 500; margin-top: 4px; color: #52634e; } .dw-journey .dw-savings-chart .dw-chart-bottom { padding-top: 20px; } .dw-journey .dw-savings-chart .dw-chart-disclosure { font-size: 12px; line-height: 1.7; color: #536158; margin: 0 0 20px; max-width: 850px; } .dw-journey .dw-savings-chart .dw-chart-cta { display: inline-flex; justify-content: space-between; align-items: center; gap: 30px; font: 650 14px/1.5 Onest, Arial, sans-serif; color: #f8faf7; border: 1px solid #172019; border-radius: 7px; background: #172019; padding: 15px 19px; cursor: pointer; transition: background .2s; } .dw-journey .dw-savings-chart .dw-chart-cta:hover { background: #34483b; } .dw-journey .dw-savings-chart .dw-chart-cta:disabled { cursor: default; opacity: .65; } .dw-journey .dw-savings-chart :focus-visible { outline: 3px solid #51882e; outline-offset: 4px; } .dw-journey .dw-savings-chart .dw-chart-sr-only { position: absolute !important; width: 1px; height: 1px; padding: 0 !important; margin: -1px !important; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } @media (max-width: 760px) { .dw-journey .dw-savings-chart .dw-chart-controls { grid-template-columns: 1fr; } .dw-journey .dw-savings-chart .dw-chart-entry { padding: 23px 22px 20px; } .dw-journey .dw-savings-chart .dw-chart-result { padding: 22px; display: block; } .dw-journey .dw-savings-chart .dw-chart-result output { font-size: clamp(33px, 20cqw, 55px); margin: 9px 0; } .dw-journey .dw-savings-chart .dw-chart-result p { font-size: 12px; } .dw-journey .dw-savings-chart .dw-chart-price-field input { font-size: 42px; } .dw-journey .dw-savings-chart .dw-chart-table-title { padding-top: 25px; } .dw-journey .dw-savings-chart .dw-chart-table-title p { font-size: 18px; } .dw-journey .dw-savings-chart .dw-chart-scroll-hint { display: block; } .dw-journey .dw-savings-chart thead th { font-size: 13px; padding: 15px 12px; } .dw-journey .dw-savings-chart thead th span { font-size: 12px; } .dw-journey .dw-savings-chart tbody th, .dw-journey .dw-savings-chart tbody td { font-size: 14px; padding: 14px 12px; } .dw-journey .dw-savings-chart .dw-chart-cta { width: 100%; } } @media (prefers-reduced-motion: reduce) { .dw-journey .dw-savings-chart .dw-chart-cta { transition: none; } } /* Existing DonWong.ca palette and type, now with tactile object compositions. */ .dw-journey [data-object-morph] .morph-award-history { font-size: 16px; line-height: 1.6; font-weight: 650; margin-block: 16px 26px; } .dw-journey .report-page .r-journey-don > .morph-award-history { color: var(--r-lime); margin-bottom: 24px; } .dw-journey .morph-sources { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 26px; } .dw-journey .morph-sources span { border: 1px solid oklch(80% .018 140); background: oklch(97% .01 140); color: oklch(32% .028 140); font: 600 11px/1.4 Onest,sans-serif; padding: 8px 10px; border-radius: 4px; } .dw-journey [data-object-morph] .morph-source-note { font-size: 11px!important; line-height: 1.65!important; color: oklch(46% .022 140); max-width: 48ch; margin-top: 12px; } .dw-journey .morph-faq-section { border-top: 1px solid oklch(84% .01 140); } .dw-journey .morph-faq-list { margin-top: 35px; } .dw-journey .morph-faq-list details { border-top: 1px solid oklch(79% .015 140); } .dw-journey .morph-faq-list details:last-child { border-bottom: 1px solid oklch(79% .015 140); } .dw-journey .morph-faq-list summary { display: flex; align-items: center; justify-content: space-between; gap: 20px; cursor: pointer; font-size: 18px; font-weight: 550; line-height: 1.4; padding: 22px 0; list-style: none; } .dw-journey .morph-faq-list summary::-webkit-details-marker { display: none; } .dw-journey .morph-faq-list summary span { font-size: 25px; font-weight: 400; transition: transform 180ms ease-out; } .dw-journey .morph-faq-list [open] summary span { transform: rotate(45deg); } .dw-journey .morph-faq-list details p { font-size: 15px; line-height: 1.75; margin: 0 0 24px; color: oklch(42% .014 140); max-width: 48ch; } .dw-journey .morph-faq-list a { text-decoration: underline; text-underline-offset: 3px; } .dw-journey .morph-faq-list summary:focus-visible { outline: 2px solid oklch(55% .15 135); outline-offset: 5px; } .dw-journey [data-object-morph] .morph-static { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; position: absolute; inset: 0; } .dw-journey .morph-still-awards { position: relative; width: 100%; height: 390px; perspective: 800px; color: oklch(96% .012 90); } .dw-journey .morph-main-plaque { position: absolute; inset: 25px 20% 53px; padding: 27px 12px; border: 5px solid oklch(67% .084 83); border-radius: 4px 4px 10px 10px; background: oklch(23% .025 140); box-shadow: 9px 12px 0 oklch(48% .055 83); text-align: center; transform: rotate(-4deg); display: flex; align-items: center; justify-content: center; flex-direction: column; } .dw-journey .morph-main-plaque > span { font-size: 10px; letter-spacing: .16em; } .dw-journey .morph-main-plaque strong { display: block; font: 750 94px/1.1 Onest,sans-serif; color: oklch(83% .12 85); letter-spacing: -.065em; } .dw-journey .morph-main-plaque b { font-size: 15px; font-weight: 500; line-height: 1.4; } .dw-journey .morph-main-plaque em { font-style: normal; color: oklch(85% .1 85); font-size: 27px; margin-top: 12px; } .dw-journey .morph-small-plaque { position: absolute; width: 28%; height: 180px; top: 75px; left: 2%; border: 4px solid oklch(63% .062 85); background: oklch(31% .024 145); transform: rotate(-17deg); display: grid; place-items: center; padding: 15px; font-size: 14px; line-height: 1.4; text-align: center; box-shadow: 4px 8px 0 oklch(49% .045 83); } .dw-journey .morph-small-plaque:nth-child(2) { left: auto; right: 2%; transform: rotate(16deg); top: 110px; } .dw-journey .morph-still-awards > p { color: oklch(28% .02 140); font-size: 12px; text-align: center; position: absolute; bottom: 0; width: 100%; } .dw-journey .r-don-section .morph-still-awards > p { color: oklch(91% .06 133); } .dw-journey .morph-still-report { position: relative; width: 85%; max-width: 375px; padding-top: 30px; padding-bottom: 35px; } .dw-journey .morph-report-cover { position: relative; z-index: 1; background: oklch(99% .004 140); border: 1px solid oklch(80% .015 140); padding: 27px; transform: rotate(3deg); color: oklch(24% .015 140); } .dw-journey .morph-report-cover > span { font-size: 10px; letter-spacing: .12em; font-weight: 600; } .dw-journey .morph-report-cover h3 { font: 650 32px/1.1 Onest,sans-serif; letter-spacing: -.055em; margin-block: 22px 6px; } .dw-journey .morph-report-cover img { width: 100%; height: 140px; object-fit: contain; } .dw-journey .morph-report-cover p { font: 400 14px/1.85 Onest,sans-serif; border-block: 1px solid oklch(85% .015 140); padding-block: 14px; } .dw-journey .morph-report-cover small { display: block; font: 400 10px/1.5 Onest,sans-serif; padding-top: 15px; } .dw-journey .morph-back-page { position: absolute; top: 3px; bottom: 42px; left: -12px; right: 0; padding: 20px; background: oklch(91% .045 140); border: 1px solid oklch(76% .018 140); transform: rotate(-8deg); color: oklch(28% .02 140); } .dw-journey .morph-back-page > span { font-size: 9px; letter-spacing: .07em; } .dw-journey .morph-chart-bars { display: flex; gap: 9px; align-items: end; height: 110px; } .dw-journey .morph-chart-bars i { width: 20%; background: oklch(68% .14 133); height: 65%; } .dw-journey .morph-chart-bars i:nth-child(2n) { height: 90%; } .dw-journey .morph-still-disclaimer { color: oklch(48% .02 140); text-align: center; font-size: 10px; margin: 22px 0 0; } .dw-journey .morph-still-savings { width: 100%; height: 410px; position: relative; } .dw-journey .morph-soft-house { position: absolute; top: 36px; left: 15%; width: 62%; height: 130px; border-radius: 28px; background: oklch(87% .054 80); transform: rotate(-9deg); box-shadow: inset -12px -13px 0 oklch(77% .051 82); } .dw-journey .morph-soft-house::before { content: ''; position: absolute; width: 79%; height: 97px; border-radius: 22px; background: oklch(61% .10 140); top: -44px; left: 8%; transform: rotate(35deg) skew(-18deg); } .dw-journey .morph-house-window { position: absolute; width: 36px; height: 36px; border-radius: 9px; border: 4px solid oklch(96% .02 80); background: oklch(34% .038 150); left: 25px; top: 38px; } .dw-journey .morph-house-door { position: absolute; bottom: 0; height: 62px; width: 39px; border-radius: 20px 20px 0 0; left: 55%; background: oklch(40% .064 140); } .dw-journey .morph-coin { position: absolute; width: 40px; height: 40px; border-radius: 50%; background: oklch(82% .12 85); color: oklch(39% .07 85); border: 4px solid oklch(69% .115 85); display: grid; place-items: center; font-size: 21px; font-weight: 750; } .dw-journey .morph-coin.one { top: 181px; left: 40%; transform: rotate(-20deg); } .dw-journey .morph-coin.two { top: 213px; left: 65%; transform: rotate(20deg); } .dw-journey .morph-coin.three { top: 240px; left: 30%; transform: rotate(-9deg); } .dw-journey .morph-wallet { position: absolute; bottom: 0; width: 84%; left: 8%; border-radius: 17px; background: oklch(29% .045 145); padding: 22px; color: oklch(96% .006 145); box-shadow: 5px 6px 0 oklch(20% .02 145); } .dw-journey .morph-wallet small { font-size: 10px; letter-spacing: .15em; } .dw-journey .morph-wallet strong { display: block; font-size: 39px; letter-spacing: -.055em; margin-block: 6px; color: oklch(80% .17 133); } .dw-journey .morph-wallet > span { font-size: 10px; } .dw-journey .morph-still-questions { position: relative; width: 75%; padding: 30px 25px; background: oklch(96% .025 133); color: oklch(24% .02 140); border: 1px solid oklch(74% .03 140); border-radius: 4px; box-shadow: 12px 12px 0 oklch(81% .10 133),22px 22px 0 oklch(34% .038 140); transform: rotate(-5deg); } .dw-journey .morph-question-tab { font-size: 10px; letter-spacing: .1em; } .dw-journey .morph-question-mark { display: block; font-size: 112px; font-weight: 650; line-height: 1.2; color: oklch(57% .15 133); } .dw-journey .morph-still-questions h3 { font: 600 30px/1.1 Onest,sans-serif; letter-spacing: -.05em; } .dw-journey .morph-still-questions p { font-size: 12px; margin-top: 18px; } .dw-journey .morph-question-index { display: flex; gap: 8px; margin-top: 25px; } .dw-journey .morph-question-index span { border-top: 2px solid oklch(64% .10 133); padding: 7px 8px 0; font-size: 11px; } .dw-journey .morph-still-booklets { position: relative; width: min(90%, 440px); height: 455px; perspective: 950px; } .dw-journey .morph-guide-book { position: absolute; width: 52%; min-height: 298px; padding: 17px 17px 15px 21px; border-radius: 3px 8px 8px 3px; background: oklch(96% .015 100); color: oklch(24% .018 145); box-shadow: 3px 4px 0 oklch(80% .02 125), 6px 8px 0 oklch(91% .013 125), 9px 12px 16px oklch(23% .018 145 / .15); transform-origin: 12% 90%; } .dw-journey .morph-guide-book::before { content: ''; position: absolute; inset: 0 auto 0 4px; width: 2px; background: oklch(29% .03 145 / .22); } .dw-journey .morph-guide-book > span { display: block; font: 650 8px/1.5 Onest,sans-serif; letter-spacing: .06em; } .dw-journey [data-object-morph] .morph-guide-book h3 { font: 700 clamp(17px, 2.8vw, 24px)/1.11 Onest,sans-serif; letter-spacing: -.045em; margin: 18px 0 10px; color: inherit; } .dw-journey [data-object-morph] .morph-guide-book p { font: 500 10px/1.45 Onest,sans-serif; color: inherit; margin: 10px 0; } .dw-journey .morph-guide-book > small { display: block; font: 600 8px/1.3 Onest,sans-serif; letter-spacing: .06em; border-top: 1px solid currentColor; padding-top: 10px; margin-top: 13px; } .dw-journey .morph-guide-book-1 { top: 15px; left: 3%; transform: rotate(-7deg); } .dw-journey .morph-guide-book-2 { top: 57px; right: 0; background: oklch(31% .049 149); color: oklch(96% .01 120); transform: rotate(7deg); } .dw-journey .morph-guide-book-3 { top: 182px; left: 22%; background: oklch(75% .17 132); transform: rotate(-3deg); } .dw-journey .morph-guide-art { position: relative; height: 66px; overflow: hidden; margin-top: 10px; border: 1px solid currentColor; opacity: .75; } .dw-journey .morph-guide-art-1::before { content: ''; position: absolute; width: 49px; height: 49px; border: 2px solid currentColor; transform: rotate(45deg); left: calc(50% - 25px); top: 30px; } .dw-journey .morph-guide-art-2 { background: repeating-linear-gradient(0deg,transparent 0 15px, oklch(96% .01 120 / .4) 15px 16px); } .dw-journey .morph-guide-art-2::after { content: '2%'; position: absolute; right: 7px; bottom: 1px; font: 700 46px/1 Onest,sans-serif; } .dw-journey .morph-guide-art-3 { background: repeating-linear-gradient(90deg,transparent 0 24%, oklch(24% .018 145 / .5) 24% 25%); } .dw-journey .morph-guide-art-3::after { content: ''; position: absolute; width: 23px; height: 23px; border-radius: 50%; background: oklch(96% .015 100); left: 32%; top: 21px; } /* A SOLD label belongs only to the illustrative closing scene, never listing cards. */ .dw-journey [data-sign-art="final"] .journey-planted-anchor .mini-sale-sign > span { color: transparent; } .dw-journey [data-sign-art="final"] .journey-planted-anchor .mini-sale-sign > span::after { content: 'SOLD'; position: absolute; left: -7px; top: 2px; width: 68px; padding: 1px 0; transform: rotate(-12deg); background: #00558c; color: oklch(97% .008 145); border-block: 1px solid oklch(97% .008 145); font: 900 17px/1.25 Onest,sans-serif; letter-spacing: .03em; text-align: center; } @media (max-width: 760px) { .dw-journey .morph-faq-list summary { font-size: 16px; } .dw-journey .report-page .r-journey-don > .morph-award-history { font-size: 13px; } } @media (prefers-reduced-motion: reduce) { .dw-journey .morph-faq-list summary span { transition: none; } } /* Small editorial additions shared by the review variants. */ .dw-journey .seller-brokerage { position:relative; z-index:14; } .dw-journey .seller-brokerage { color: oklch(26% .019 145); background: oklch(97% .012 110); border-block: 1px solid oklch(84% .019 145); padding: 30px clamp(24px,5vw,72px); } .dw-journey .seller-brokerage-inner { max-width: 1296px; margin: auto; } .dw-journey .seller-brokerage-heading { display:flex; align-items:center; justify-content:space-between; gap:24px; } .dw-journey .seller-brokerage h3 { margin:0; max-width:42ch; font-family:inherit; font-size:clamp(19px,1.6vw,24px); font-weight:650; line-height:1.4; } .dw-journey .seller-brokerage-heading img { width:82px; height:58px; object-fit:contain; } .dw-journey .seller-brokerage p { font-size:13px; line-height:1.65; margin:12px 0 0; max-width:95ch; color:oklch(43% .02 145); } .dw-journey .seller-media-links { display:flex; flex-wrap:wrap; align-items:center; gap:18px 34px; margin:25px 0 0; } .dw-journey .seller-media-links a { color:oklch(34% .031 205); font-size:clamp(17px,1.6vw,23px); text-decoration:none; font-weight:650; } .dw-journey .seller-media-links a:hover { text-decoration:underline; text-underline-offset:5px; } .dw-journey .seller-media-links img { display:block; width:135px; height:45px; object-fit:contain; } .dw-journey .seller-process { width:100%; margin:34px 0 0; border-top:1px solid currentColor; color:inherit; } .dw-journey .seller-process > summary { display:flex; gap:24px; align-items:center; justify-content:space-between; list-style:none; cursor:pointer; padding:24px 0; font-size:clamp(20px,2vw,27px); font-weight:600; line-height:1.35; } .dw-journey .seller-process > summary::-webkit-details-marker { display:none; } .dw-journey .seller-process > summary::after { content:'+'; font-size:26px; flex:none; } .dw-journey .seller-process[open] > summary::after { content:'−'; } .dw-journey .seller-process ol { padding:0; margin:12px 0 24px; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px; list-style:none; } .dw-journey .seller-process li { min-width:0; } .dw-journey .seller-process li > span { display:block; color:oklch(75% .13 130); font-size:13px; margin-bottom:15px; } .dw-journey .seller-process li h4 { font-weight:600; font-family:inherit; font-size:20px; line-height:1.3; margin:0 0 10px; } .dw-journey .seller-process li p { color:inherit !important; opacity:.86; font-size:15px; line-height:1.65; margin:0; } .dw-journey .seller-process .seller-process-note { font-size:14px; color:inherit; opacity:.86; line-height:1.7; max-width:78ch; margin:0 0 20px; } .dw-journey .seller-process a { color:inherit; text-underline-offset:4px; } .dw-journey .r-don-section .seller-process { color:oklch(93% .011 140); padding-bottom:16px; } .dw-journey .seller-listing-actions { display:flex; align-items:center; flex-wrap:wrap; gap:12px 24px; padding:24px 0 30px; } .dw-journey .seller-listing-actions a { text-decoration:none; font-family:inherit; font-size:16px; font-weight:600; line-height:1.4; } .dw-journey .seller-listing-primary { display:inline-flex; align-items:center; justify-content:space-between; gap:24px; min-height:52px; padding:14px 24px; border-radius:5px; background:oklch(39% .096 246); color:oklch(98% .006 220); } .dw-journey .seller-listing-secondary { color:oklch(30% .04 145); border-bottom:1px solid currentColor; padding:12px 0; } .dw-journey .seller-listing-primary:hover { background:oklch(31% .082 246); } .dw-journey .seller-listing-caption { font-size:14px; line-height:1.6; color:oklch(43% .019 145); margin:0 0 20px; max-width:75ch; } .dw-journey .seller-brokerage a:focus-visible,.dw-journey .seller-process summary:focus-visible,.dw-journey .seller-listing-actions a:focus-visible { outline:3px solid oklch(60% .13 246); outline-offset:5px; } @media(max-width:760px) { .dw-journey .seller-brokerage-heading { align-items:flex-start; gap:18px; } .dw-journey .seller-brokerage-heading img { width:64px; height:48px; } .dw-journey .seller-media-links { gap:20px; } .dw-journey .seller-media-links a { font-size:17px; } .dw-journey .seller-process { margin-top:20px; } .dw-journey .seller-process ol { grid-template-columns:1fr; gap:25px; } .dw-journey .seller-process li { display:grid; grid-template-columns:24px 1fr; gap:8px 12px; } .dw-journey .seller-process li > span { grid-row:span 2; margin:3px 0 0; } .dw-journey .seller-process li h4 { margin:0; } .dw-journey .seller-process li p { grid-column:2; } .dw-journey .seller-listing-actions { gap:16px; align-items:flex-start; } .dw-journey .seller-listing-primary { flex:1; } .dw-journey .seller-listing-secondary { flex-basis:100%; width:fit-content; } } /* The same motion system, using the live site's longer homeowner copy. */ .dw-journey.current-copy-page { --current-line: oklch(82% .015 145); } .dw-journey.current-copy-page .journey-hero { padding-top: 40px; padding-bottom: 46px; } .dw-journey.current-copy-page .journey-hero .a-journey-inner { min-height: auto; } .dw-journey.current-copy-page .journey-hero .a-journey-split { align-items: start; gap: 50px; } .dw-journey.current-copy-page .journey-hero h1 { font-size: clamp(47px, 4.9vw, 73px); max-width: 12ch; line-height: 1.025; letter-spacing: -.067em; margin-bottom: 23px; } .dw-journey.current-copy-page .a-hero-kicker { text-transform: uppercase; } .dw-journey.current-copy-page .a-hero-intro { max-width: 52ch !important; font-size: 17px !important; line-height: 1.65 !important; } .dw-journey.current-copy-page .a-hero-anchor { margin-top: 15px; height: 655px; } .dw-journey.current-copy-page .current-hero-entry { margin-top: 24px; max-width: 560px; } .dw-journey.current-copy-page .current-hero-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; } .dw-journey.current-copy-page .current-hero-fields > div { min-width: 0; } .dw-journey.current-copy-page .current-hero-fields label { font-size: 13px !important; margin-bottom: 7px !important; } .dw-journey.current-copy-page .current-hero-fields input { width: 100%; min-width: 0; min-height: 48px; border: 1px solid var(--current-line); border-radius: 7px; background: oklch(99% .003 145); color: var(--ink); padding: 11px 12px; font: inherit; font-size: 16px; } .dw-journey.current-copy-page .current-hero-fields input:focus-visible { outline: 3px solid oklch(57% .13 133); outline-offset: 2px; } .dw-journey.current-copy-page .current-submit { width: 100%; margin-top: 16px; display: flex; justify-content: space-between; background: var(--a-green); color: var(--ink); } .dw-journey.current-copy-page .journey-hero .form-assurance { font-size: 12px; } .dw-journey.current-copy-page .current-live-stats { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); padding-top: 30px; margin-top: 50px; border-top: 1px solid var(--current-line); gap: 25px; } .dw-journey.current-copy-page .current-live-stats details { border: 0; padding: 0; margin: 0; } .dw-journey.current-copy-page .current-live-stats summary { display: block; padding: 0 18px 0 0; cursor: pointer; list-style: none; position: relative; font-size: 13px; } .dw-journey.current-copy-page .current-live-stats summary::-webkit-details-marker { display: none; } .dw-journey.current-copy-page .current-live-stats summary::after { content: '+'; position: absolute; right: 0; top: 9px; font-size: 19px; font-weight: 400; } .dw-journey.current-copy-page .current-live-stats details[open] summary::after { content: '−'; } .dw-journey.current-copy-page .current-live-stats summary strong { font-size: clamp(30px,3.1vw,43px); font-weight: 630; line-height: 1.15; letter-spacing: -.055em; display: block; margin-bottom: 10px; color: var(--a-green-dark); } .dw-journey.current-copy-page .current-live-stats summary span { font-size: 13px; font-weight: 500; line-height: 1.45; display: block; } .dw-journey.current-copy-page .current-live-stats details p { margin: 13px 0 0; padding: 0; font-size: 12px; line-height: 1.6; color: var(--muted); } .dw-journey.current-copy-page #service h2, .dw-journey.current-copy-page #award-title { font-size: clamp(38px,4vw,57px); line-height: 1.06; } .dw-journey.current-copy-page .a-experience { gap: 24px; } .dw-journey.current-copy-page .a-experience dt { font-size: clamp(30px,3.1vw,44px); } .dw-journey.current-copy-page .a-experience dd { max-width: 135px; } .dw-journey.current-copy-page .current-source-note { font-size: 11px !important; line-height: 1.55 !important; color: oklch(39% .026 133) !important; margin-top: 24px; padding-top: 15px; border-top: 1px dashed oklch(71% .041 133); } .dw-journey.current-copy-page #service .a-sign-anchor { align-self: start; position: sticky; top: 100px; margin-top: 120px; } .dw-journey.current-copy-page #service .a-service-list li { padding-block: 16px; } .dw-journey.current-copy-page .current-inline-links { display: flex; flex-wrap: wrap; align-items: center; gap: 15px 28px; margin-top: 25px; } .dw-journey.current-copy-page .current-inline-links .plain-link { font-size: 12px; } .dw-journey.current-copy-page .current-savings-explanation { font-size: 14px !important; line-height: 1.8; max-width: 68ch !important; margin-top: 22px; } .dw-journey.current-copy-page .current-report-subtitle { margin-block: 24px 14px; font-size: 25px; font-weight: 620; letter-spacing: -.035em; line-height: 1.2; } .dw-journey.current-copy-page #home-review .button { margin-top: 15px; } .dw-journey.current-copy-page .a-sample-disclosure { font-size: 12px; max-width: 50ch; } .dw-journey.current-copy-page .current-guide-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0 24px; margin-top: 35px; } .dw-journey.current-copy-page .current-guide-list > a { min-width: 0; padding: 21px 20px 24px 0; border-top: 1px solid var(--current-line); text-decoration: none; position: relative; } .dw-journey.current-copy-page .current-guide-list strong { display: block; font-size: 19px; line-height: 1.25; font-weight: 620; letter-spacing: -.035em; margin-bottom: 10px; } .dw-journey.current-copy-page .current-guide-list span { display: block; font-size: 12px; line-height: 1.65; color: var(--muted); } .dw-journey.current-copy-page .current-guide-list b { position: absolute; right: 0; top: 21px; font-size: 15px; font-weight: 450; color: var(--a-green-dark); } .dw-journey.current-copy-page .current-guide-list a:hover strong { color: var(--a-green-dark); } .dw-journey.current-copy-page .current-community { margin-top: 45px; padding-top: 30px; border-top: 1px solid var(--current-line); } .dw-journey.current-copy-page .current-community > h3 { font-size: 34px; line-height: 1.1; font-weight: 610; letter-spacing: -.045em; max-width: 16ch; } .dw-journey.current-copy-page .current-community > p:not(.a-section-number) { font-size: 15px; line-height: 1.7; color: var(--muted); } .dw-journey.current-copy-page .current-community-links { display: grid; grid-template-columns: 1fr 1fr; gap: 0 25px; margin-block: 20px; } .dw-journey.current-copy-page .current-community-links > a { display: flex; justify-content: space-between; align-items: center; padding-block: 14px; border-bottom: 1px solid var(--current-line); font-size: 14px; text-decoration: none; } .dw-journey.current-copy-page .current-faq-stop { background: oklch(94% .045 133); } .dw-journey.current-copy-page .current-faq-stop .a-faq-list { margin-top: 25px; } .dw-journey.current-copy-page .current-faq-stop .a-sign-anchor { margin-top: 80px; } .dw-journey.current-copy-page .current-faq-stop summary { font-size: 16px; } .dw-journey.current-copy-page .current-faq-stop details p { max-width: 58ch; font-size: 14px; line-height: 1.75; } .dw-journey.current-copy-page .current-award-art { inset: 30px 10%; align-items: center; justify-content: center; gap: 14px; } .dw-journey.current-copy-page .current-static-award { width: 88%; padding: 40px 25px; border-radius: 8px; background: oklch(26% .018 145); color: oklch(87% .07 90); text-align: center; box-shadow: 8px 12px 0 oklch(78% .06 105); transform: rotate(-5deg); } .dw-journey.current-copy-page .current-static-award span, .dw-journey.current-copy-page .current-static-award b { display: block; font-size: 12px; letter-spacing: .07em; } .dw-journey.current-copy-page .current-static-award strong { display: block; font-size: 112px; letter-spacing: -.1em; line-height: 1.2; } .dw-journey.current-copy-page .current-static-award em { display: block; font-size: 34px; margin-top: 12px; font-style: normal; } .dw-journey.current-copy-page .current-award-art > p { display: block; padding: 20px 24px; margin-top: 20px; color: var(--ink); background: oklch(96% .017 105); width: 100%; font-size: 14px; border-radius: 5px; text-align: center; } .dw-journey.current-copy-page .current-award-art > p strong { display: block; font-size: 30px; } .dw-journey.current-copy-page .current-question-art { padding: 25px; gap: 20px; } .dw-journey.current-copy-page .current-question-art > span { font-size: 12px; letter-spacing: .04em; } .dw-journey.current-copy-page .current-question-art > strong { width: 100%; padding: 26px; display: block; border-radius: 10px; background: oklch(98% .008 133); font-size: 25px; line-height: 1.1; font-weight: 620; letter-spacing: -.04em; box-shadow: 5px 8px 0 oklch(77% .048 133); transform: rotate(-5deg); } .dw-journey.current-copy-page .current-question-art > strong:nth-of-type(2) { transform: rotate(4deg); color: var(--a-green-dark); } .dw-journey.current-copy-page .current-question-art > p { font-size: 14px; margin-top: 10px; } @media (max-width: 1100px) and (min-width: 761px) { .dw-journey.current-copy-page .journey-hero .a-journey-split { gap: 28px; } .dw-journey.current-copy-page .a-hero-anchor { height: 580px; } .dw-journey.current-copy-page .current-hero-fields { gap: 10px; } .dw-journey.current-copy-page .current-live-stats { gap: 18px; } .dw-journey.current-copy-page .a-experience { flex-wrap: wrap; } .dw-journey.current-copy-page .current-guide-list { grid-template-columns: 1fr; } } @media (max-width: 760px) { .dw-journey.current-copy-page .journey-hero { padding-top: 30px; } .dw-journey.current-copy-page .journey-hero h1 { font-size: clamp(41px,10.6vw,65px); max-width: 13ch; } .dw-journey.current-copy-page .a-hero-intro { font-size: 16px !important; line-height: 1.6 !important; } .dw-journey.current-copy-page .journey-hero .a-journey-split { gap: 20px; } .dw-journey.current-copy-page .a-hero-anchor { height: 375px; margin-top: 5px; } .dw-journey.current-copy-page .current-hero-fields { gap: 12px 10px; } .dw-journey.current-copy-page .current-hero-fields > div:last-child { grid-column: 1 / -1; } .dw-journey.current-copy-page .current-live-stats { grid-template-columns: repeat(2,minmax(0,1fr)); margin-top: 15px; gap: 24px 20px; } .dw-journey.current-copy-page .current-live-stats summary strong { font-size: 33px; } .dw-journey.current-copy-page .current-live-stats summary span { font-size: 12px; } .dw-journey.current-copy-page .current-live-stats details p { font-size: 12px; } .dw-journey.current-copy-page #service h2, .dw-journey.current-copy-page #award-title { font-size: clamp(36px,9.3vw,51px); } .dw-journey.current-copy-page .a-experience { flex-wrap: wrap; gap: 22px; } .dw-journey.current-copy-page .a-experience dt { font-size: 31px; } .dw-journey.current-copy-page .a-experience dd { font-size: 11px; max-width: 110px; } .dw-journey.current-copy-page #service .a-sign-anchor { position: relative; top: auto; margin-top: 0; } .dw-journey.current-copy-page .current-guide-list { gap: 0 17px; } .dw-journey.current-copy-page .current-guide-list strong { font-size: 18px; } .dw-journey.current-copy-page .current-guide-list span { font-size: 12px; } .dw-journey.current-copy-page .current-community > h3 { font-size: 31px; } .dw-journey.current-copy-page .current-faq-stop .a-sign-anchor { margin-top: 0; } .dw-journey.current-copy-page .current-static-award { padding: 23px; } .dw-journey.current-copy-page .current-static-award strong { font-size: 78px; } .dw-journey.current-copy-page .current-static-award em { font-size: 27px; } .dw-journey.current-copy-page .current-award-art > p { margin: 10px 0 0; padding: 15px; } .dw-journey.current-copy-page .current-award-art > p strong { font-size: 26px; } .dw-journey.current-copy-page .current-question-art > strong { font-size: 22px; padding: 20px; } } /* Calgary atmosphere stays behind the ordinary HTML and the existing scene anchors. */ .dw-journey.current-copy-page .current-atmosphere-host { isolation: isolate; } .dw-journey.current-copy-page .current-atmosphere-host > .a-journey-inner { position: relative; z-index: 1; } .dw-journey.current-copy-page .current-atmosphere { position: absolute; inset: 0; overflow: clip; pointer-events: none; z-index: 0; } .dw-journey.current-copy-page .current-atmosphere-layer { display: block; position: absolute; inset: -56px 0; transform: translate3d(0,0,0); } .dw-journey.current-copy-page .current-atmosphere-layer img { width: 100%; height: 100%; display: block; object-fit: cover; } .dw-journey.current-copy-page .current-atmosphere::after { content: ''; position: absolute; inset: 0; pointer-events: none; } .dw-journey.current-copy-page .current-atmosphere--hero { background: oklch(97% .009 95); } .dw-journey.current-copy-page .current-atmosphere--hero img { object-position: 62% 64%; } .dw-journey.current-copy-page .current-atmosphere--hero::after { background: linear-gradient(90deg,oklch(98% .008 95 / .99) 0%,oklch(98% .008 95 / .97) 30%,oklch(98% .008 95 / .8) 46%,oklch(98% .008 95 / .16) 75%,oklch(98% .008 95 / .04) 100%),linear-gradient(0deg,oklch(98% .008 95) 0%,oklch(98% .008 95 / .06) 35%); } .dw-journey.current-copy-page .journey-hero .current-hero-fields input { background: oklch(99% .004 95 / .97); } .dw-journey.current-copy-page .journey-hero .a-hero-kicker, .dw-journey.current-copy-page .journey-hero .a-hero-intro, .dw-journey.current-copy-page .journey-hero .form-assurance, .dw-journey.current-copy-page .journey-hero .a-scroll-link { color: oklch(36% .016 145); } .dw-journey.current-copy-page .journey-hero .current-live-stats { background: oklch(98% .008 95 / .92); padding-bottom: 20px; } .dw-journey.current-copy-page .current-atmosphere--awards { background: oklch(92% .066 133); } .dw-journey.current-copy-page .current-atmosphere--awards .current-atmosphere-layer { opacity: .32; } .dw-journey.current-copy-page .current-atmosphere--awards img { object-position: 68% 80%; } .dw-journey.current-copy-page .current-atmosphere--awards::after { background: linear-gradient(90deg,oklch(92% .066 133 / .98) 0%,oklch(92% .066 133 / .96) 38%,oklch(92% .066 133 / .47) 67%,oklch(92% .066 133 / .2) 100%),linear-gradient(0deg,oklch(92% .066 133 / .98) 0%,oklch(92% .066 133 / .02) 45%,oklch(92% .066 133 / .62) 100%); } .dw-journey.current-copy-page .current-atmosphere--interior { left: 41%; } .dw-journey.current-copy-page #service .a-journey-copy > p:not(.a-section-number), .dw-journey.current-copy-page #service .a-service-list p { color: oklch(89% .012 145); } .dw-journey.current-copy-page #service .plain-link { color: oklch(93% .012 145); } .dw-journey.current-copy-page .current-atmosphere--interior .current-atmosphere-layer { opacity: .58; } .dw-journey.current-copy-page .current-atmosphere--interior img { object-position: 69% center; } .dw-journey.current-copy-page .current-atmosphere--interior::after { background: linear-gradient(90deg,oklch(23% .013 150) 0%,oklch(23% .013 150 / .94) 9%,oklch(23% .013 150 / .24) 48%,oklch(23% .013 150 / .08) 100%),linear-gradient(0deg,oklch(23% .013 150) 0%,oklch(23% .013 150 / .02) 25%,oklch(23% .013 150 / .02) 78%,oklch(23% .013 150) 100%); } .dw-journey.current-copy-page [data-atmosphere-visible="true"][data-atmosphere-motion="active"] [data-atmosphere-layer] { will-change: transform; } .dw-journey.current-copy-page [data-atmosphere-image="unavailable"] [data-atmosphere-layer] { visibility: hidden; } @media (max-width: 760px) { .dw-journey.current-copy-page .current-atmosphere-layer { inset: 0; transform: none !important; } .dw-journey.current-copy-page .current-atmosphere--hero img { object-position: 50% 68%; } .dw-journey.current-copy-page .current-atmosphere--hero::after { background: linear-gradient(180deg,oklch(98% .008 95 / .98) 0%,oklch(98% .008 95 / .98) 42%,oklch(98% .008 95 / .48) 61%,oklch(98% .008 95 / .12) 76%,oklch(98% .008 95 / .98) 95%); } .dw-journey.current-copy-page .current-atmosphere--awards .current-atmosphere-layer { opacity: .17; } .dw-journey.current-copy-page .current-atmosphere--awards::after { background: linear-gradient(180deg,oklch(92% .066 133 / .96) 0%,oklch(92% .066 133 / .95) 42%,oklch(92% .066 133 / .3) 75%,oklch(92% .066 133 / .98) 100%); } .dw-journey.current-copy-page .current-atmosphere--interior { left: 0; top: 56%; } .dw-journey.current-copy-page .current-atmosphere--interior .current-atmosphere-layer { opacity: .25; } .dw-journey.current-copy-page .current-atmosphere--interior::after { background: linear-gradient(180deg,oklch(23% .013 150) 0%,oklch(23% .013 150 / .96) 12%,oklch(23% .013 150 / .28) 53%,oklch(23% .013 150) 100%); } } @media (prefers-reduced-motion: reduce) { .dw-journey.current-copy-page .current-atmosphere-layer { transform: none !important; will-change: auto !important; } } /* Shared design-review refinements. Real HTML remains readable without motion. */ .dw-journey .hero-savings-line{font:650 clamp(25px,2.7vw,39px)/1.16 Onest,sans-serif;letter-spacing:-.035em;color:#356716;margin:24px 0 16px;max-width:22ch} .dw-journey.current-copy-page .a-hero-intro strong{font-size:clamp(23px,2.3vw,33px);font-weight:750;color:#315d15;line-height:1.35} .dw-journey .seller-media-story,.dw-journey .seller-system-story{max-width:1440px;margin:auto;padding:90px clamp(24px,5vw,72px);display:grid;grid-template-columns:1fr 1fr;gap:5vw;align-items:center;position:relative;min-height:700px;color:#183b36} .dw-journey .seller-media-story h2,.dw-journey .seller-system-story h2,.dw-journey .seller-reviews h2{font-family:Onest,sans-serif;font-weight:600;font-size:clamp(30px,3.4vw,50px);line-height:1.1;letter-spacing:-.045em;margin:18px 0 24px} .dw-journey .seller-media-copy>p,.dw-journey .seller-system-copy>p{font-size:18px;line-height:1.7;max-width:45ch} .dw-journey .seller-eyebrow{font-size:12px!important;letter-spacing:.13em;text-transform:uppercase;font-weight:650} .dw-journey .seller-media-copy a,.dw-journey .seller-system-copy a,.dw-journey .seller-section-heading a{font-size:14px;color:inherit;text-underline-offset:5px;font-weight:600} .dw-journey .seller-source-note{font-size:12px!important;line-height:1.7;opacity:.7;max-width:85ch;margin-top:24px} .dw-journey .seller-media-anchor,.dw-journey .seller-system-anchor{position:relative;min-width:0;height:520px} .dw-journey .seller-media-anchor .journey-static-art,.dw-journey .seller-system-anchor .journey-static-art{width:100%;height:100%;display:grid;align-items:center} .dw-journey .seller-logo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;transform:rotate(-3deg)} .dw-journey .publisher-tile{height:120px;padding:22px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #dce4e0;border-radius:12px} .dw-journey .publisher-tile img{width:100%;height:100%;object-fit:contain;filter:none;opacity:1} .dw-journey .publisher-4{background:#003e65}.dw-journey .publisher-pending{font-size:20px;font-weight:600}.dw-journey .publisher-pending small{font-size:10px;opacity:.6;margin-top:8px} .dw-journey .seller-system-story{background:#eef3ec}.dw-journey .seller-system-copy ol{padding-left:20px;font-size:16px;line-height:2} .dw-journey .seller-reviews{position:relative;z-index:14;padding:68px clamp(24px,5vw,72px);background:#f4f6f3;color:#19362c;border-block:1px solid #dae1da} .dw-journey .seller-section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;max-width:1296px;margin:0 auto 30px} .dw-journey .seller-section-heading h2,.dw-journey .seller-section-heading h3{margin:0}.dw-journey .seller-section-heading h3{font-family:Onest,sans-serif;font-size:32px;line-height:1.2;letter-spacing:-.035em} .dw-journey .seller-review-grid{max-width:1296px;margin:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px} .dw-journey .seller-review-grid article{background:white;border:1px solid #dce2dc;border-radius:14px;padding:28px} #client-reviews .seller-review-grid article{position:relative;z-index:14;background:#fdfefd!important;border:1px solid #dadce0!important;border-radius:12px!important;padding:24px!important;min-height:280px!important;box-shadow:0 1px 2px #2633290a!important;} #client-reviews .review-author h3{font:600 15px/1.4 Arial,sans-serif!important;letter-spacing:0!important;color:#202124!important;} #client-reviews .review-author span{font-family:Arial,sans-serif;color:#70757a;font-size:12px;} #client-reviews .review-author .review-avatar{background:#e8eaed;color:#3c4043;width:40px;height:40px;font-size:19px;} #client-reviews article:nth-child(2) .review-avatar{background:#dce8fa;color:#315da2;} #client-reviews article:nth-child(3) .review-avatar{background:#f4e1d2;color:#88572f;} #client-reviews article:nth-child(4) .review-avatar{background:#e6ddf4;color:#674590;} #client-reviews article:nth-child(5) .review-avatar{background:#d7eadf;color:#286b4b;} #client-reviews .review-stars{color:#ea9b06!important;font-size:18px!important;letter-spacing:1px!important;margin:16px 0 12px!important;} #client-reviews .seller-review-grid blockquote,#client-reviews .review-full-text{font:400 15px/1.65 Arial,sans-serif!important;letter-spacing:0!important;color:#3c4043!important;} #client-reviews details{margin-top:16px!important;border:0!important;} #client-reviews summary{font:500 14px/1.5 Arial,sans-serif!important;color:#1a73e8!important;text-decoration:none!important;border:0!important;padding:8px 0!important;min-height:36px;} #client-reviews summary::after{display:none!important;} .dw-journey .review-author{display:flex;gap:12px;align-items:center}.dw-journey .review-author h3{font:600 15px Onest,sans-serif;margin:0 0 5px}.dw-journey .review-author span{font-size:12px;color:#626c65} .dw-journey .review-author .review-avatar{width:40px;height:40px;border-radius:50%;background:#dfebe5;display:grid;place-items:center;font-size:18px;color:#18543a} .dw-journey .review-stars{letter-spacing:.12em;color:#ba7300;font-size:19px;margin:22px 0 12px}.dw-journey .seller-review-grid blockquote{font-size:15px;line-height:1.75;margin:0} .dw-journey .seller-reviews>.seller-source-note{max-width:1296px;margin:25px auto 0} .dw-journey .listing-grid,.dw-journey .seller-sold-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:24px!important} .dw-journey .listing-card,.dw-journey .sold-listing-card{display:block;min-width:0;text-decoration:none;color:inherit;background:#fff;border:1px solid #dbe0d9;border-radius:14px;overflow:hidden;transition:transform .2s} .dw-journey .listing-card:hover,.dw-journey .sold-listing-card:hover{transform:translateY(-4px)} .dw-journey .listing-grid .listing-image,.dw-journey .seller-sold-grid .listing-image{aspect-ratio:4/3;height:auto!important;position:relative;overflow:hidden} .dw-journey .listing-image>img{width:100%;height:100%;object-fit:cover}.dw-journey .listing-grid .listing-.dw-journey,.dw-journey .seller-sold-grid .listing-.dw-journey{padding:22px} .dw-journey .listing-grid .listing-address,.dw-journey .seller-sold-grid .listing-address{font:600 clamp(17px,1.5vw,22px)/1.3 Onest,sans-serif;letter-spacing:-.025em;margin:9px 0 14px} .dw-journey .seller-sold-block{margin-top:58px}.dw-journey .sold-ribbon{position:absolute;top:24px;right:-34px;transform:rotate(35deg);width:165px;background:#005b91;color:white;text-align:center;padding:10px;font:700 20px Onest,sans-serif;letter-spacing:.13em} .dw-journey .listing-inquiry{display:block;margin-top:18px;border:0;background:#edf4e7;color:#20442c;padding:12px 15px;border-radius:7px;min-height:44px;font:600 13px Onest,sans-serif;cursor:pointer}.dw-journey .listing-inquiry:focus-visible{outline:3px solid #005b91;outline-offset:3px} .dw-journey .seller-rookie{font-size:13px;letter-spacing:.035em;color:inherit} .dw-journey .morph-still-system{position:relative;width:min(95%,430px);height:460px;margin:auto} .dw-journey .system-still-card{position:absolute;inset:0 0 auto;padding:25px;background:#003e65;color:white;border:1px solid #87b95d;border-radius:15px;height:200px;transform:translateY(calc(var(--i)*49px)) rotate(calc((var(--i) - 2)*3deg));box-shadow:0 8px 20px #102d3420} .dw-journey .system-still-card:last-child{background:#78b93d;color:#102f23}.dw-journey .system-still-card small{font-size:10px;letter-spacing:.14em}.dw-journey .system-still-card h3{font:600 23px/1.25 Onest,sans-serif;margin:14px 0}.dw-journey .system-still-card p{font-size:13px;line-height:1.5;margin:0;max-width:30ch} .dw-journey .morph-main-plaque{background:linear-gradient(130deg,#00355b,#006190)!important;border-color:#c7aa6b!important}.dw-journey .morph-small-plaque{background:#005b91!important;border-color:#83bd46!important} .dw-journey .morph-still-awards .morph-main-plaque:before{content:'';display:block;width:70px;min-height:55px;border-radius:4px 4px 38px 38px;background:linear-gradient(100deg,#a57b30,#fff0b8 40%,#bd913c 70%,#ecd391);border:3px solid #cfb473;box-shadow:-18px 0 0 -10px #d6b261,18px 0 0 -10px #d6b261,0 12px 0 -5px #bb8e3e;margin:5px 0 22px}.dw-journey .morph-still-awards .morph-main-plaque>strong{font-size:62px} .dw-journey .morph-still-awards p{font-size:12px!important}.dw-journey .morph-still-savings{min-height:480px}.dw-journey .morph-still-savings .morph-wallet{bottom:10px}.dw-journey .morph-still-savings .morph-coin.one{top:49%}.dw-journey .morph-still-savings .morph-coin.two{top:56%}.dw-journey .morph-still-savings .morph-coin.three{top:63%} @media(min-width:1000px){.dw-journey .art-on-left .a-journey-copy{grid-column:2;grid-row:1}.dw-journey .art-on-left .a-sign-anchor{grid-column:1;grid-row:1}.dw-journey .art-on-left .a-journey-split{grid-template-columns:1fr 1fr}.dw-journey .a-savings-stop [data-sign-anchor],.dw-journey .r-savings-section [data-sign-anchor]{min-height:620px}} @media(max-width:760px){.dw-journey .seller-media-story,.dw-journey .seller-system-story{display:flex;flex-direction:column;padding:48px 24px;gap:25px;min-height:0}.dw-journey .seller-media-anchor,.dw-journey .seller-system-anchor{height:440px;width:100%}.dw-journey .seller-media-anchor{height:400px}.dw-journey .seller-logo-grid{transform:none;gap:10px}.dw-journey .publisher-tile{height:105px;padding:15px}.dw-journey .seller-reviews{padding:42px 24px}.dw-journey .seller-review-grid{grid-template-columns:1fr}.dw-journey .seller-section-heading{display:block}.dw-journey .seller-section-heading a{display:inline-block;margin-top:18px}.dw-journey .listing-grid,.dw-journey .seller-sold-grid{grid-template-columns:1fr!important;gap:22px!important}.dw-journey .seller-sold-block{margin-top:42px}.dw-journey .seller-rookie{font-size:12px}} @media(min-width:761px) and (max-width:1050px){.dw-journey .listing-grid,.dw-journey .seller-sold-grid{gap:16px!important}.dw-journey .listing-grid .listing-.dw-journey,.dw-journey .seller-sold-grid .listing-.dw-journey{padding:15px}.dw-journey .seller-review-grid article{padding:20px}} @media(prefers-reduced-motion:reduce){.dw-journey .listing-card,.dw-journey .sold-listing-card{transition:none}.dw-journey .listing-card:hover,.dw-journey .sold-listing-card:hover{transform:none}} /* One focal object at a time. Quotes remain ordinary HTML, never canvas-only. */ .dw-journey .seller-stars-story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7vw;align-items:center;min-height:680px;padding:90px clamp(24px,6vw,100px);background:#edf1e9;color:#19362c} .dw-journey .seller-stars-story h2{font:600 clamp(32px,3.7vw,58px)/1.08 Onest,sans-serif;letter-spacing:-.045em;margin:24px 0} .dw-journey .seller-stars-story p:not(.seller-eyebrow){font:400 18px/1.75 Onest,sans-serif;max-width:43ch} .dw-journey .seller-stars-story a,.dw-journey .review-journey-copy>a{display:inline-block;margin-top:22px;color:#315c28;text-underline-offset:7px} .dw-journey .seller-stars-anchor{height:420px;position:relative;min-width:0} .dw-journey .five-star-still{display:block;font-size:clamp(36px,5vw,76px);letter-spacing:.12em;color:#c28c29;text-align:center;padding-top:140px} .dw-journey .seller-reviews.review-journey{z-index:auto;display:block;padding:75px clamp(24px,6vw,100px);background:#f7f8f4} .dw-journey .review-journey-copy{position:relative;z-index:14;min-width:0} .dw-journey .review-journey .seller-section-heading{display:block;margin-bottom:22px} .dw-journey .review-journey .seller-review-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:22px;align-items:stretch} .dw-journey .review-journey .seller-review-grid article{grid-column:span 2;background:oklch(99% .006 140);border:1px solid #d4decf;border-radius:16px;padding:28px;min-height:340px;opacity:1;transform:none} .dw-journey .review-journey .seller-review-grid article:nth-child(4){grid-column:2/span 2} .dw-journey .review-journey .seller-review-grid blockquote{font:500 17px/1.65 Onest,sans-serif;letter-spacing:-.018em} .dw-journey .review-journey details{margin-top:24px}.dw-journey .review-journey summary{cursor:pointer;font-size:13px;text-decoration:underline;text-underline-offset:5px;color:#476344;min-height:28px} .dw-journey .review-journey .review-full-text{font:400 15px/1.8 Onest,sans-serif;color:#4e6055;margin:20px 0 0} .dw-journey .review-journey .seller-source-note{margin-top:30px} .dw-journey .review-journey-anchor{position:absolute;left:50%;top:40%;width:1px;height:1px;pointer-events:none;visibility:hidden} .dw-journey .review-still{margin:50px 12px;padding:36px;background:white;border:1px solid #d4dfd0;border-radius:16px;box-shadow:0 15px 40px #1333230a} .dw-journey .review-still>span{color:#bc8728;letter-spacing:.15em;font-size:26px}.dw-journey .review-still p{font:500 21px/1.6 Onest,sans-serif}.dw-journey .review-still strong,.dw-journey .review-still small{display:block;margin-top:20px} .dw-journey .morph-still-system{height:auto!important;max-width:480px!important;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;position:relative!important} .dw-journey .system-still-card{position:relative!important;inset:auto!important;height:auto!important;min-height:160px;transform:none!important;padding:19px!important;box-shadow:none!important;display:block!important} .dw-journey .system-still-card:last-child{grid-column:1/-1;min-height:120px}.dw-journey .system-still-card h3{font-size:20px}.dw-journey .system-still-card p{font-size:12px} .dw-journey [data-service-step="0"] .system-still-card:nth-child(1),.dw-journey [data-service-step="1"] .system-still-card:nth-child(2),.dw-journey [data-service-step="2"] .system-still-card:nth-child(3),.dw-journey [data-service-step="3"] .system-still-card:nth-child(4),.dw-journey [data-service-step="4"] .system-still-card:nth-child(5){outline:3px solid #cfad60;outline-offset:5px} .dw-journey .review-landing-layer{position:fixed;inset:0;z-index:13;pointer-events:none;overflow:hidden;contain:strict}.dw-journey .review-landing-layer[hidden]{display:none} .dw-journey .review-persistent-stars{position:sticky;top:125px;z-index:15;display:block;width:max-content;max-width:100%;margin:0 auto 24px;padding:8px 24px;border-radius:12px;background:oklch(97% .008 145);color:#bb851d;font-size:clamp(38px,5vw,72px);letter-spacing:.12em;line-height:1.2;pointer-events:none} @media(max-width:760px){.dw-journey .review-persistent-stars{top:128px;padding:8px 14px;font-size:38px}} .dw-journey[data-review-flight="true"] .seller-stars-anchor .journey-static-art{opacity:0} .dw-journey[data-review-flight="true"] [data-sign-canvas][data-object="stars"]{visibility:hidden!important} .dw-journey .review-landing-star{position:absolute;left:0;top:0;width:100px;height:100px;display:block;background:oklch(74% .13 84);clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 93%,50% 71%,21% 93%,32% 57%,2% 35%,39% 35%);will-change:transform,opacity} .dw-journey .review-landing-star.is-frame{clip-path:none;border:1px solid #c8a453;border-radius:8px;background:oklch(85% .09 84 / .18)} @media(max-width:1050px) and (min-width:761px){.dw-journey .review-journey .seller-review-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dw-journey .review-journey .seller-review-grid article,.dw-journey .review-journey .seller-review-grid article:nth-child(4){grid-column:auto}.dw-journey .review-journey .seller-review-grid article:last-child{grid-column:1/-1}} @media(max-width:760px){.dw-journey .seller-stars-story{display:block;min-height:0;padding:45px 24px}.dw-journey .seller-stars-anchor{height:130px}.dw-journey .five-star-still{font-size:42px;padding-top:30px}.dw-journey .seller-reviews.review-journey{padding:45px 20px}.dw-journey .review-journey .seller-review-grid{grid-template-columns:1fr;gap:16px}.dw-journey .review-journey .seller-review-grid article,.dw-journey .review-journey .seller-review-grid article:nth-child(4){grid-column:auto;min-height:0;padding:24px}.dw-journey .review-journey .seller-review-grid blockquote{font-size:17px}.dw-journey .review-journey .seller-section-heading{margin-bottom:30px}.dw-journey .seller-system-anchor{height:560px!important}.dw-journey .morph-still-system{max-width:100%!important}.dw-journey .system-still-card{padding:14px!important}.dw-journey .system-still-card h3{font-size:18px}.dw-journey .system-still-card small{font-size:9px}} @media(prefers-reduced-motion:reduce){.dw-journey .review-landing-layer{display:none!important}} /* Live HTML typography, image-led panels, and a contained marketing illustration. */ .dw-journey .service-panels-section{background:oklch(20% .027 235)!important;color:oklch(96% .01 180)!important;overflow:hidden;position:relative} .dw-journey .service-panels-section>.current-atmosphere{opacity:.18} .dw-journey .service-panels-section:not(.service-panels-shell){padding:0!important} .dw-journey .service-panels-section .service-panels-shell,.dw-journey .service-panels-section.service-panels-shell{display:block!important;max-width:1400px;width:100%;margin:auto;padding:80px clamp(24px,5vw,72px)!important;position:relative;min-height:0} .dw-journey .service-panels-section .service-panels-intro{max-width:none!important;width:100%;position:relative;z-index:14;margin-bottom:38px} .dw-journey .service-panels-section .service-panels-intro h2{max-width:24ch;font:600 clamp(36px,4.1vw,62px)/1.08 Onest,sans-serif!important;letter-spacing:-.05em} .dw-journey .service-panels-section .service-panels-intro>p{max-width:78ch!important;font-size:17px!important;line-height:1.7;color:oklch(86% .018 195)!important} .dw-journey .service-panels-section .service-panels-intro>p:first-child{font-size:12px!important;color:oklch(79% .14 130)!important} .dw-journey .service-original-details,.dw-journey .service-panels-intro .seller-process{display:inline-block;vertical-align:top;width:min(100%,540px);margin:22px 25px 0 0!important;border-color:oklch(47% .035 210)!important} .dw-journey .service-original-details summary,.dw-journey .service-panels-intro .seller-process summary{font-size:15px!important;padding:12px 0!important;color:oklch(89% .018 180)} .dw-journey .service-original-details .a-service-list{margin-top:10px!important}.dw-journey .service-original-details[open],.dw-journey .service-panels-intro .seller-process[open]{display:block;width:100%} .dw-journey .service-panels-intro>.plain-link,.dw-journey .service-panels-intro>a{display:block;width:fit-content;margin-top:24px;color:oklch(83% .15 130)!important} .dw-journey .service-motion-anchor{position:absolute!important;left:50%;top:35%;height:1px!important;width:1px!important;visibility:hidden;pointer-events:none} .dw-journey .service-panel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;position:relative;z-index:14;align-items:stretch} .dw-journey .service-panel{min-width:0;border:1px solid oklch(52% .035 220 / .7);border-radius:18px;overflow:hidden;background:oklch(26% .034 230 / .85);box-shadow:inset 0 1px 0 oklch(85% .01 190 / .15),0 16px 35px oklch(10% .018 230 / .18)} .dw-journey .service-panel-visual{height:clamp(250px,24vw,320px);position:relative;overflow:hidden;background:oklch(29% .045 240)} .dw-journey .service-panel-visual>img{width:100%;height:100%;object-fit:cover;object-position:center 36%;display:block} .dw-journey .service-pricing>img,.dw-journey .service-negotiation>img{object-position:center 18%} .dw-journey .service-panel-copy{padding:25px;display:flex;gap:16px;align-items:baseline} .dw-journey .service-panel-copy h3{font:600 clamp(23px,2.2vw,30px)/1.18 Onest,sans-serif!important;margin:0 0 12px!important;letter-spacing:-.035em;color:oklch(97% .009 170)!important} .dw-journey .service-panel-copy p{font:400 16px/1.7 Onest,sans-serif!important;max-width:52ch;margin:0!important;color:oklch(85% .018 200)!important} .dw-journey .service-number{font:500 13px/1.3 Onest,sans-serif;color:oklch(82% .15 130);font-variant-numeric:tabular-nums} .dw-journey .service-glass-caption{position:absolute;left:20px;right:20px;bottom:18px;padding:17px 20px;border:1px solid oklch(90% .018 180 / .35);border-radius:12px;background:oklch(20% .035 235 / .84);backdrop-filter:blur(9px);color:oklch(97% .01 180)} .dw-journey .service-glass-caption>span{display:block;font-size:10px;letter-spacing:.13em;color:oklch(87% .11 130);margin-bottom:8px}.dw-journey .service-glass-caption strong{display:block;font:550 20px/1.3 Onest,sans-serif;max-width:30ch}.dw-journey .service-glass-caption svg{position:absolute;right:18px;top:20px;width:100px;height:40px;color:oklch(81% .16 130);opacity:.7}.dw-journey .service-pricing .service-glass-caption strong{padding-right:85px} .dw-journey .offer-terms{display:flex;gap:9px;margin-top:13px;flex-wrap:wrap}.dw-journey .offer-terms span{font-size:11px;padding:5px 9px;border-radius:5px;background:oklch(50% .045 220 / .4)} .dw-journey .service-launch{background:radial-gradient(ellipse at center,oklch(42% .07 233),oklch(23% .035 233));isolation:isolate} .dw-journey .launch-connections{position:absolute;inset:0;width:100%;height:100%}.dw-journey .launch-connections path{fill:none;stroke:oklch(77% .14 133);stroke-width:1.5;stroke-dasharray:5 5;stroke-dashoffset:var(--launch-dash,0)} .dw-journey .launch-home{position:absolute;left:35%;top:29%;width:30%;height:42%;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid oklch(77% .11 135 / .65);border-radius:12px;background:oklch(92% .018 175);box-shadow:0 10px 25px oklch(10% .025 220 / .4);z-index:2} .dw-journey .launch-home img{width:95%;height:75%;object-fit:contain}.dw-journey .launch-home strong{font-size:13px;color:oklch(25% .03 200)} .dw-journey .launch-page{position:absolute;width:29%;height:35%;border:1px solid oklch(76% .025 205 / .7);border-radius:7px;background:oklch(96% .01 190);box-shadow:0 7px 20px oklch(10% .02 230 / .22);color:oklch(25% .03 220);overflow:hidden;transform:translate(var(--launch-x,0px),var(--launch-y,0px));will-change:transform} .dw-journey .launch-page-0{left:4%;top:5%}.dw-journey .launch-page-1{right:4%;top:5%}.dw-journey .launch-page-2{left:4%;bottom:6%}.dw-journey .launch-page-3{right:4%;bottom:6%} .dw-journey .launch-browser-bar{display:flex;gap:3px;padding:5px 7px;background:oklch(88% .02 210)}.dw-journey .launch-browser-bar i{width:3px;height:3px;border-radius:50%;background:oklch(52% .03 220)} .dw-journey .launch-page-photo{height:55%;background:oklch(88% .025 160);overflow:hidden}.dw-journey .launch-page-photo img{width:100%;height:100%;object-fit:cover;object-position:center 65%}.dw-journey .launch-page strong{display:block;font:600 11px/1.2 Onest,sans-serif;padding:6px 7px} .dw-journey .service-visual-note{position:absolute;left:15px;bottom:6px;font-size:9px;letter-spacing:.025em;color:oklch(89% .02 190);z-index:3} .dw-journey .service-showings>img{filter:brightness(.66)}.dw-journey .showing-notifications{position:absolute;inset:22px;display:flex;flex-direction:column;justify-content:center;gap:13px} .dw-journey .showing-notifications>div{width:86%;padding:15px 18px;border:1px solid oklch(82% .025 190 / .35);background:oklch(22% .03 220 / .85);backdrop-filter:blur(7px);border-radius:10px}.dw-journey .showing-notifications>div:nth-child(2){align-self:flex-end}.dw-journey .showing-notifications span{display:block;font-size:9px;color:oklch(81% .14 130);letter-spacing:.1em;margin-bottom:6px}.dw-journey .showing-notifications strong{font:500 16px/1.25 Onest,sans-serif} .dw-journey .service-sold-finish{position:relative;z-index:14;display:grid;grid-template-columns:180px 1fr auto;gap:30px;align-items:center;padding:25px 30px;margin-top:28px;border-radius:16px;background:oklch(82% .15 130);color:oklch(23% .04 165);border:1px solid oklch(90% .10 130)} .dw-journey .service-sold-house{position:relative;height:140px}.dw-journey .service-sold-house img{height:100%;width:100%;object-fit:contain}.dw-journey .service-sold-house>strong{position:absolute;bottom:10px;right:5px;background:oklch(43% .10 240);color:oklch(97% .01 190);padding:6px 14px;font:700 20px Onest,sans-serif;transform:rotate(-9deg);border-radius:4px} .dw-journey .service-sold-finish h3{font:600 clamp(26px,3vw,39px)/1.15 Onest,sans-serif;margin:9px 0;letter-spacing:-.04em}.dw-journey .service-sold-finish p{font-size:15px;margin:0}.dw-journey .service-sold-finish>div>span{font-size:10px;letter-spacing:.1em}.dw-journey .service-sold-finish .button{background:oklch(25% .04 190);color:oklch(97% .01 180);font-size:14px;white-space:nowrap} @media(max-width:900px){.dw-journey .service-sold-finish{grid-template-columns:120px 1fr;gap:18px;padding:22px}.dw-journey .service-sold-finish .button{grid-column:1/-1;justify-content:space-between}.dw-journey .service-panel-copy{padding:20px;gap:10px}.dw-journey .service-panel-visual{height:260px}.dw-journey .service-glass-caption{left:12px;right:12px;padding:14px}.dw-journey .service-glass-caption strong{font-size:17px}.dw-journey .service-glass-caption svg{display:none}.dw-journey .service-pricing .service-glass-caption strong{padding:0}} @media(max-width:760px){.dw-journey .service-panels-section .service-panels-shell,.dw-journey .service-panels-section.service-panels-shell{padding:52px 20px!important}.dw-journey .service-panel-grid{grid-template-columns:1fr;gap:22px}.dw-journey .service-panel-visual{height:280px}.dw-journey .service-panel-copy{padding:24px 20px}.dw-journey .service-panel-copy h3{font-size:26px!important}.dw-journey .service-panel-copy p{font-size:16px!important}.dw-journey .service-original-details,.dw-journey .service-panels-intro .seller-process{width:100%;margin-right:0!important}.dw-journey .service-panels-section .service-panels-intro h2{font-size:36px!important}.dw-journey .service-launch .launch-page strong{font-size:10px}.dw-journey .service-sold-finish .button{white-space:normal}} @media(prefers-reduced-motion:reduce){.dw-journey .launch-page{transform:none!important;will-change:auto}.dw-journey .service-glass-caption,.dw-journey .showing-notifications>div{backdrop-filter:none}} @media(max-width:760px){.dw-journey .service-showings{height:330px}} .dw-journey .service-panel-visual{height:360px} @media(max-width:760px){.dw-journey .service-panel-visual{height:320px}.dw-journey .service-showings{height:330px}} /* Shared by published HTML, revision preview and the unsaved editor canvas. */ .dw-journey{font-family:Onest,Arial,sans-serif;background:#f4f7f2;color:#17211b;width:100%;margin:0;position:relative} .dw-journey h1,.dw-journey h2,.dw-journey h3{font-family:Onest,Arial,sans-serif} .dw-journey button,.dw-journey input,.dw-journey select{font-family:inherit} .dw-journey .journey-evaluation{padding:20px;background:#ffffffeb;border:1px solid #c4cec2;border-radius:18px;color:#17211b;margin:28px 0 20px} .dw-journey .journey-evaluation>form>label{display:block;font-size:14px;font-weight:600;margin-bottom:10px} .dw-journey .journey-address-row{display:flex;flex-wrap:wrap;gap:10px} .dw-journey .journey-address-row input{flex:1 1 220px;width:100%;min-width:0;background:white;border:1px solid #9cae9a;border-radius:8px;min-height:52px;padding:12px;font-size:16px;color:#17211b} .dw-journey .journey-address-row button,.dw-journey .journey-cta-row>.journey-eval-submit{padding:14px 18px;background:#78be3f;color:#14201a;border:0;border-radius:8px;font-size:15px;font-weight:650;cursor:pointer} .dw-journey .journey-cta-row{margin-top:10px} .dw-journey .journey-cta-row>.journey-eval-submit,.dw-journey .journey-cta-row>.text-don-button{border-radius:8px} .dw-journey .journey-evaluation>form>p{font-size:12px!important;line-height:1.5!important;color:#435144!important;margin:12px 0 0!important} .dw-journey .journey-contact-dialog{position:fixed;inset:0;margin:auto;width:min(620px,calc(100% - 24px));max-height:calc(100dvh - 32px);overflow:auto;background:#f8faf6;color:#17211b;padding:28px;border:1px solid #cad4c7;border-radius:22px;box-shadow:0 24px 90px #0005;z-index:1000} .dw-journey .journey-contact-dialog::backdrop{background:#10201899;backdrop-filter:blur(5px)} .dw-journey .journey-dialog-close{display:block;margin:0 0 12px auto;width:42px;height:42px;border:1px solid #bac8b6;border-radius:50%;font-size:28px;line-height:1;background:white;color:#17211b;cursor:pointer} .dw-journey .journey-contact-dialog .managed-lead-form{padding:0;background:transparent;box-shadow:none;border:0;color:#17211b} .dw-journey .journey-contact-dialog .managed-lead-form h2{font:600 30px/1.12 Onest,Arial,sans-serif;letter-spacing:-.03em;margin:12px 0} .dw-journey .journey-contact-dialog .managed-lead-form p{font-size:15px;line-height:1.6;color:#41513f} .dw-journey .journey-contact-dialog .managed-form-fields{display:grid;grid-template-columns:1fr;gap:16px;margin-top:20px} .dw-journey .journey-contact-dialog .managed-form-field{display:flex;flex-direction:column;gap:7px;font-size:14px;color:#223322} .dw-journey .journey-contact-dialog .managed-form-field>span{display:flex;justify-content:space-between;gap:12px} .dw-journey .journey-contact-dialog .managed-form-field b{font-size:11px;font-weight:400;color:#53664c} .dw-journey .journey-contact-dialog input:not([type=checkbox]),.dw-journey .journey-contact-dialog select{min-height:48px;width:100%;padding:10px 12px;border:1px solid #acbba6;border-radius:8px;background:white;color:#17211b;font-size:16px} .dw-journey .journey-contact-dialog .managed-form-consent{display:flex;gap:10px;margin:20px 0;font-size:13px;line-height:1.5} .dw-journey .journey-contact-dialog .managed-form-consent input{width:20px;height:20px;flex:none} .dw-journey .journey-contact-dialog footer{display:flex;justify-content:flex-end;margin:20px 0;background:transparent;padding:0} .dw-journey .journey-contact-dialog footer button{padding:14px 20px;background:#78be3f;color:#17211b;border-radius:8px;border:0;font-weight:650} .dw-journey .journey-inline-illustration{object-fit:contain} .dw-journey .service-launch>.journey-inline-illustration{position:absolute;inset:0;width:100%;height:100%} .dw-journey .service-glass-caption>.journey-inline-illustration{position:absolute;right:18px;top:20px;width:100px;height:40px} .dw-journey .listing-info{padding:24px}.dw-journey .listing-info>span{font-size:11px;letter-spacing:.06em}.dw-journey .listing-info h3{font-size:23px;line-height:1.2;margin:14px 0}.dw-journey .listing-info>p{font-size:22px;color:#17211b}.dw-journey .listing-info .listing-detail-link{display:inline-block;font-size:14px;font-weight:600;margin-top:15px;letter-spacing:0} .dw-journey .listing-card .listing-image{display:block;position:relative}.dw-journey .listing-image img{width:100%;height:100%;object-fit:cover} .managed-form-field[hidden]{display:none!important} .address-autocomplete{display:block;position:relative;min-width:0;width:100%} .address-suggestions{position:absolute;z-index:50;top:100%;left:0;right:0;background:white;border:1px solid #b8c7bd;border-radius:10px;box-shadow:0 12px 30px #17211b22;overflow:hidden} .address-suggestions [role=listbox]{display:block}.address-suggestions button[role=option]{display:block;width:100%;text-align:left;background:white!important;color:#17211b!important;border:0;border-bottom:1px solid #e4e9e5;border-radius:0;padding:12px!important;font-size:14px!important;white-space:normal} .address-suggestions button[aria-selected=true],.address-suggestions button:hover{background:#eaf2e4!important} .google-attribution{display:block;padding:8px 12px;font:400 12px sans-serif;color:#5e5e5e;white-space:nowrap;letter-spacing:normal} .property-facts-lookup{margin:16px 0;padding:16px;background:#edf3e9;border:1px solid #ccd8c8;border-radius:12px;font-size:14px;line-height:1.5}.property-facts-lookup button{margin-top:8px;padding:8px 12px}.property-facts-lookup p{margin:0 0 8px} .dw-journey .calgary-film .film-sign{left:53%;top:34%;width:28%;height:44%} .dw-journey[data-film-bridge=true] .film-sign{visibility:hidden} @media(max-width:760px){.dw-journey .journey-address-row button{width:100%}.dw-journey .journey-cta-row>.journey-eval-submit{flex:1 1 auto;width:auto;min-width:0;font-size:15px;padding:12px 16px}.dw-journey .journey-cta-row>.text-don-button{width:auto;font-size:15px;padding:12px 16px}.dw-journey .journey-contact-dialog{padding:20px}.dw-journey .journey-contact-dialog .managed-lead-form h2{font-size:26px}.dw-journey .service-glass-caption>.journey-inline-illustration{display:none}} @media(max-width:480px){.dw-journey .journey-evaluation .journey-cta-row{flex-wrap:wrap}.dw-journey .journey-evaluation .journey-cta-row>.journey-eval-submit,.dw-journey .journey-evaluation .journey-cta-row>.text-don-button{flex:1 1 100%;width:100%;white-space:nowrap}} @media(prefers-reduced-motion:reduce){.dw-journey .journey-contact-dialog::backdrop{backdrop-filter:none}} [data-html-page="homepage"] #cinematic-homepage{--paper:#ffffff;--ink:#111111;--green:#78be3f;--forest:#00558c;--nav:78px} [data-html-page="homepage"] #cinematic-homepage *{box-sizing:border-box}[data-html-page="homepage"] #cinematic-homepage{scroll-behavior:auto}[data-html-page="homepage"] #cinematic-homepage{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 Onest,Arial,sans-serif}[data-html-page="homepage"] #cinematic-homepage button,[data-html-page="homepage"] #cinematic-homepage input,[data-html-page="homepage"] #cinematic-homepage select{font:inherit}[data-html-page="homepage"] #cinematic-homepage button,[data-html-page="homepage"] #cinematic-homepage a,[data-html-page="homepage"] #cinematic-homepage input,[data-html-page="homepage"] #cinematic-homepage select{touch-action:manipulation}[data-html-page="homepage"] #cinematic-homepage button,[data-html-page="homepage"] #cinematic-homepage a{color:inherit}[data-html-page="homepage"] #cinematic-homepage button{cursor:pointer}[data-html-page="homepage"] #cinematic-homepage a{text-decoration:none}[data-html-page="homepage"] #cinematic-homepage button{border:0}[data-html-page="homepage"] #cinematic-homepage h1,[data-html-page="homepage"] #cinematic-homepage h2,[data-html-page="homepage"] #cinematic-homepage h3,[data-html-page="homepage"] #cinematic-homepage p,[data-html-page="homepage"] #cinematic-homepage figure{margin:0}[data-html-page="homepage"] #cinematic-homepage h1,[data-html-page="homepage"] #cinematic-homepage h2{font-weight:700;letter-spacing:-.065em;line-height:1.04}[data-html-page="homepage"] #cinematic-homepage h1{font-size:clamp(42px,4.65vw,76px)}[data-html-page="homepage"] #cinematic-homepage h2{font-size:clamp(38px,4.3vw,68px)}[data-html-page="homepage"] #cinematic-homepage h3{letter-spacing:-.035em;line-height:1.16}[data-html-page="homepage"] #cinematic-homepage em{font-style:normal;color:#00558c}[data-html-page="homepage"] #cinematic-homepage p{color:#505050}[data-html-page="homepage"] #cinematic-homepage button:focus-visible,[data-html-page="homepage"] #cinematic-homepage a:focus-visible,[data-html-page="homepage"] #cinematic-homepage input:focus-visible,[data-html-page="homepage"] #cinematic-homepage select:focus-visible,[data-html-page="homepage"] #cinematic-homepage summary:focus-visible{outline:3px solid var(--green);outline-offset:5px}[data-html-page="homepage"] #cinematic-homepage .skip{position:fixed;top:-60px;left:20px;background:white;z-index:99;padding:12px}[data-html-page="homepage"] #cinematic-homepage .skip:focus{top:90px} [data-html-page="homepage"] #cinematic-homepage .site-header{height:var(--nav);position:fixed;inset:0 0 auto;z-index:30;background:#141b18;display:flex;align-items:center;justify-content:space-between;padding:0 4.5%;color:#f8faf6;border-bottom:1px solid #ffffff1a}[data-html-page="homepage"] #cinematic-homepage .brand{display:flex;align-items:center;gap:20px}[data-html-page="homepage"] #cinematic-homepage .brand img{width:186px;height:auto}[data-html-page="homepage"] #cinematic-homepage .brand .brokerage{width:42px;border-radius:5px}[data-html-page="homepage"] #cinematic-homepage .brand>span{height:28px;width:1px;background:#fff4}[data-html-page="homepage"] #cinematic-homepage .site-header nav{display:flex;align-items:center;gap:25px}[data-html-page="homepage"] #cinematic-homepage .site-header nav button{background:transparent;font-size:13px;font-weight:600;padding:10px 0}[data-html-page="homepage"] #cinematic-homepage .button{display:inline-flex;align-items:center;justify-content:center;gap:18px;background:var(--green);color:#111111;min-height:47px;padding:13px 19px;border:0;border-radius:5px;font-size:13px;font-weight:750;white-space:nowrap}[data-html-page="homepage"] #cinematic-homepage .button:hover{background:#8acb52}[data-html-page="homepage"] #cinematic-homepage .eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:11px;font-weight:700;margin-bottom:25px;color:inherit} [data-html-page="homepage"] #cinematic-homepage #film{height:1900svh;position:relative}[data-html-page="homepage"] #cinematic-homepage .stage{position:sticky;top:var(--nav);height:calc(100svh - var(--nav));overflow:hidden;isolation:isolate;background:#f5f5f5}[data-html-page="homepage"] #cinematic-homepage .film-world{position:absolute;inset:0;overflow:hidden}[data-html-page="homepage"] #cinematic-homepage .film-world canvas{width:100%;height:100%;object-fit:cover;display:block}[data-html-page="homepage"] #cinematic-homepage .film-world>div{position:absolute;left:56%;top:44%;width:22%;height:34%;opacity:0;pointer-events:none;z-index:1}[data-html-page="homepage"] #cinematic-homepage #sign,[data-html-page="homepage"] #cinematic-homepage #final-sign{left:0;top:0;width:100%;height:100%}[data-html-page="homepage"] #cinematic-homepage .scene-layer,[data-html-page="homepage"] #cinematic-homepage .veil,[data-html-page="homepage"] #cinematic-homepage .final-veil{position:absolute;inset:0}[data-html-page="homepage"] #cinematic-homepage .scene-layer{opacity:0;pointer-events:none}[data-html-page="homepage"] #cinematic-homepage .portrait{width:100%;height:100%;object-fit:cover;object-position:center}[data-html-page="homepage"] #cinematic-homepage .veil{background:linear-gradient(90deg,#fffffffc 0%,#fffffff0 27%,#ffffffac 42%,#ffffff05 68%);pointer-events:none}[data-html-page="homepage"] #cinematic-homepage .chapter{position:absolute;z-index:3;left:5%;top:50%;transform:translateY(-50%);width:46%;max-width:720px;opacity:0;visibility:hidden;pointer-events:none}[data-html-page="homepage"] #cinematic-homepage .chapter.is-active{visibility:visible;pointer-events:auto}[data-html-page="homepage"] #cinematic-homepage .chapter>p:not(.eyebrow){margin-top:25px;max-width:520px;line-height:1.7}[data-html-page="homepage"] #cinematic-homepage .intro{font-size:clamp(16px,1.25vw,20px)}[data-html-page="homepage"] #cinematic-homepage .intro strong{color:#00558c;font-weight:750}[data-html-page="homepage"] #cinematic-homepage .hero-copy{width:49%}[data-html-page="homepage"] #cinematic-homepage .evaluation-inline{background:#fffE;border:1px solid #c8d0c3;border-radius:12px;padding:20px;margin-top:27px;max-width:650px}[data-html-page="homepage"] #cinematic-homepage .evaluation-inline label{font-size:12px;font-weight:700;display:block;margin-bottom:10px}[data-html-page="homepage"] #cinematic-homepage .evaluation-inline>div{display:flex;gap:8px}[data-html-page="homepage"] #cinematic-homepage .evaluation-inline input{width:100%;min-width:0;border:1px solid #a8b8a2;border-radius:5px;padding:12px;font-size:13px;background:#fff}[data-html-page="homepage"] #cinematic-homepage .evaluation-inline small{font-size:10px;display:block;margin-top:9px;color:#657365}[data-html-page="homepage"] #cinematic-homepage .pins{position:absolute;inset:0;pointer-events:none}[data-html-page="homepage"] #cinematic-homepage .pins>span{position:absolute;left:var(--x);top:var(--y);border-radius:20px;background:#16241deb;border:1px solid #e4f3d78a;color:white;font-size:14px;padding:6px 15px;box-shadow:0 4px 20px #1523124d;transform:translate(-50%,-50%)}[data-html-page="homepage"] #cinematic-homepage .pins i{position:absolute;height:23px;width:1px;background:white;top:100%;left:50%}[data-html-page="homepage"] #cinematic-homepage .pins i:after{content:'';position:absolute;border:2px solid white;background:#78be3f;width:6px;height:6px;border-radius:50%;top:100%;left:-4px}[data-html-page="homepage"] #cinematic-homepage .arrival-copy{color:white;width:45%}[data-html-page="homepage"] #cinematic-homepage .arrival-copy .eyebrow{color:#d5e2ca}[data-html-page="homepage"] #cinematic-homepage .stats{display:flex;gap:24px;margin-top:32px;border-top:1px solid #2035262a;padding-top:20px}[data-html-page="homepage"] #cinematic-homepage .stats>div{flex:1}[data-html-page="homepage"] #cinematic-homepage .stats strong{font-size:clamp(20px,2.4vw,36px);letter-spacing:-.045em;display:block;white-space:nowrap}[data-html-page="homepage"] #cinematic-homepage .stats span{font-size:11px;display:block;max-width:115px;line-height:1.5;margin-top:5px;color:#505050}[data-html-page="homepage"] #cinematic-homepage .award{display:flex;align-items:center;gap:14px;margin-top:24px;font-size:12px;color:#505050}[data-html-page="homepage"] #cinematic-homepage .award strong{color:var(--ink);font-size:14px}[data-html-page="homepage"] #cinematic-homepage .award img{width:64px;height:64px;object-fit:cover;border:1px solid #ced6c8;border-radius:5px}[data-html-page="homepage"] #cinematic-homepage .service-copy{width:35%;color:#f6f5ee}[data-html-page="homepage"] #cinematic-homepage .service-copy h2{font-size:clamp(36px,4.1vw,66px)}[data-html-page="homepage"] #cinematic-homepage .service-steps{position:relative;height:170px;margin-top:30px}[data-html-page="homepage"] #cinematic-homepage .service-steps>div{position:absolute;inset:0;opacity:0;transition:opacity .2s}[data-html-page="homepage"] #cinematic-homepage .service-steps>div.active{opacity:1}[data-html-page="homepage"] #cinematic-homepage .service-steps span{font-size:11px;color:#78be3f;display:block;margin-bottom:10px}[data-html-page="homepage"] #cinematic-homepage .service-steps h3{font-size:25px}[data-html-page="homepage"] #cinematic-homepage .service-steps p{font-size:14px;line-height:1.65;margin-top:12px;color:#e0e7dc;max-width:360px}[data-html-page="homepage"] #cinematic-homepage .paper-copy{top:21%;color:white;width:50%}[data-html-page="homepage"] #cinematic-homepage .paper-copy h2{font-size:clamp(34px,3.5vw,54px)} [data-html-page="homepage"] #cinematic-homepage .savings-sheet{inset:7% 9%;background:var(--paper);z-index:5;padding:4% 5%;display:grid;grid-template-columns:1fr 1fr;gap:20px 6%;align-content:center;transform-origin:center;border-radius:2px;box-shadow:0 20px 90px #14201320}[data-html-page="homepage"] #cinematic-homepage .savings-sheet h2{font-size:clamp(32px,3.5vw,54px)}[data-html-page="homepage"] #cinematic-homepage .savings-heading>p:last-child{margin-top:22px;max-width:350px;font-size:14px}[data-html-page="homepage"] #cinematic-homepage .calculator{align-self:center}[data-html-page="homepage"] #cinematic-homepage .calculator label{display:flex;justify-content:space-between;font-size:12px;font-weight:600;align-items:center}[data-html-page="homepage"] #cinematic-homepage .calculator output{font-size:22px;font-weight:700;letter-spacing:-.04em}[data-html-page="homepage"] #cinematic-homepage .calculator input{width:100%;margin:20px 0 22px;accent-color:#78be3f;cursor:pointer}[data-html-page="homepage"] #cinematic-homepage .fee-row{display:flex;justify-content:space-between;gap:12px;padding:15px 0;border-bottom:1px solid #26392722;font-size:13px}[data-html-page="homepage"] #cinematic-homepage .fee-row strong{font-size:19px}[data-html-page="homepage"] #cinematic-homepage .fee-row small{display:block;font-size:10px;margin-top:3px}[data-html-page="homepage"] #cinematic-homepage .saving-result{margin-top:22px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:0 10px}[data-html-page="homepage"] #cinematic-homepage .saving-result strong{font-size:52px;letter-spacing:-.06em;line-height:1.1;color:#00558c;grid-column:2;grid-row:1/3}[data-html-page="homepage"] #cinematic-homepage .saving-result span{font-size:13px}[data-html-page="homepage"] #cinematic-homepage .saving-result span:last-child{font-size:11px}[data-html-page="homepage"] #cinematic-homepage .fee-note{grid-column:1/-1;font-size:10px;line-height:1.65;border-top:1px solid #27392422;padding-top:18px;margin-top:12px;color:#505050} [data-html-page="homepage"] #cinematic-homepage .portfolio{background:var(--paper);z-index:6}[data-html-page="homepage"] #cinematic-homepage .portfolio-heading{position:absolute;top:10%;left:5%;width:36%}[data-html-page="homepage"] #cinematic-homepage .portfolio-heading p:last-child{margin-top:22px;font-size:15px}[data-html-page="homepage"] #cinematic-homepage .portfolio-secondary{position:absolute;width:29%;height:36%;left:5%;bottom:10%;overflow:hidden}[data-html-page="homepage"] #cinematic-homepage .portfolio-secondary img{width:100%;height:85%;object-fit:cover;border-radius:5px}[data-html-page="homepage"] #cinematic-homepage .portfolio-secondary p{font-size:11px;margin-top:8px}[data-html-page="homepage"] #cinematic-homepage .listing-lift{z-index:7;inset:auto;overflow:hidden;box-shadow:0 15px 50px #17231514;transform-origin:center}[data-html-page="homepage"] #cinematic-homepage .listing-lift img{width:100%;height:calc(100% - 62px);object-fit:cover;display:block}[data-html-page="homepage"] #cinematic-homepage .listing-lift figcaption{height:62px;padding:12px 19px;background:white;display:flex;flex-direction:column;justify-content:center;gap:4px}[data-html-page="homepage"] #cinematic-homepage .listing-lift figcaption span{font-size:9px;letter-spacing:.13em;text-transform:uppercase;color:#00558c}[data-html-page="homepage"] #cinematic-homepage .listing-lift figcaption strong{font-size:16px;font-weight:650}[data-html-page="homepage"] #cinematic-homepage .wipe{position:absolute;inset:0;z-index:12;background:#111111;transform:translateX(100%);pointer-events:none;box-shadow:-20px 0 50px #11111130}[data-html-page="homepage"] #cinematic-homepage .film-caption{position:absolute;bottom:24px;left:5%;right:5%;z-index:15;display:flex;justify-content:space-between;gap:30px;font-size:10px;pointer-events:none;color:white;text-shadow:0 1px 4px #0008}[data-html-page="homepage"] #cinematic-homepage .illustration{opacity:.7} [data-html-page="homepage"] #cinematic-homepage .reading-section,[data-html-page="homepage"] #cinematic-homepage .faq-section{max-width:1400px;margin:auto;padding:110px 5%;display:grid;grid-template-columns:1fr 1.2fr;gap:10%}[data-html-page="homepage"] #cinematic-homepage .reading-intro>p:last-child{margin-top:24px;max-width:350px}[data-html-page="homepage"] #cinematic-homepage .guide-list a,[data-html-page="homepage"] #cinematic-homepage .guide-list button{display:flex;text-align:left;gap:25px;align-items:center;border-bottom:1px solid #22352428;padding:29px 0;width:100%;background:transparent}[data-html-page="homepage"] #cinematic-homepage .guide-list a:first-child{border-top:1px solid #22352428}[data-html-page="homepage"] #cinematic-homepage .guide-list>*>span{font-size:11px;color:#00558c}[data-html-page="homepage"] #cinematic-homepage .guide-list h3{font-size:22px}[data-html-page="homepage"] #cinematic-homepage .guide-list p{font-size:12px;margin-top:10px}[data-html-page="homepage"] #cinematic-homepage .guide-list b{margin-left:auto;font-size:22px;font-weight:400}[data-html-page="homepage"] #cinematic-homepage .review-section{background:#00558c;color:#ffffff;padding:85px 7%}[data-html-page="homepage"] #cinematic-homepage .review-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:12%;max-width:1250px;margin:auto}[data-html-page="homepage"] #cinematic-homepage .review-section>.eyebrow{max-width:1250px;margin:0 auto 25px;color:#78be3f}[data-html-page="homepage"] #cinematic-homepage .review-layout h2{font-size:clamp(36px,3.4vw,50px)}[data-html-page="homepage"] #cinematic-homepage .review-layout blockquote{font-size:clamp(20px,2vw,30px);line-height:1.5;letter-spacing:-.025em;margin:14px 0 24px}[data-html-page="homepage"] #cinematic-homepage .stars{letter-spacing:4px;color:#78be3f;font-size:13px}[data-html-page="homepage"] #cinematic-homepage .review-layout figcaption{font-size:13px}[data-html-page="homepage"] #cinematic-homepage .review-layout figcaption span{font-size:10px;display:block;color:#dddddd;margin-top:5px}[data-html-page="homepage"] #cinematic-homepage .faq-section{gap:8%;padding-top:100px;padding-bottom:100px}[data-html-page="homepage"] #cinematic-homepage .faq-section h2{font-size:48px}[data-html-page="homepage"] #cinematic-homepage .questions details{border-bottom:1px solid #24382526;padding:20px 0}[data-html-page="homepage"] #cinematic-homepage .questions summary{font-size:17px;cursor:pointer;font-weight:550}[data-html-page="homepage"] #cinematic-homepage .questions p{font-size:13px;margin-top:15px;line-height:1.7}[data-html-page="homepage"] #cinematic-homepage .questions summary::marker{color:#78be3f} [data-html-page="homepage"] #cinematic-homepage #finale{height:340svh}[data-html-page="homepage"] #cinematic-homepage .final-stage{background:#111111}[data-html-page="homepage"] #cinematic-homepage .final-veil{background:linear-gradient(90deg,#111111ed,#111111a3 40%,transparent 75%)}[data-html-page="homepage"] #cinematic-homepage .final-copy{position:absolute;left:5%;width:45%;top:50%;transform:translateY(-50%);color:white;z-index:3}[data-html-page="homepage"] #cinematic-homepage .final-copy h2{font-size:clamp(42px,5vw,78px)}[data-html-page="homepage"] #cinematic-homepage .final-copy>p:not(.eyebrow){color:#eeeeee;margin-top:24px;font-size:15px;max-width:480px}[data-html-page="homepage"] #cinematic-homepage .final-copy .eyebrow{color:#78be3f}[data-html-page="homepage"] #cinematic-homepage .final-copy .evaluation-inline{background:#111111d9;border-color:#bdcbbb40}[data-html-page="homepage"] #cinematic-homepage .final-copy small{color:#dddddd}[data-html-page="homepage"] #cinematic-homepage .final-copy .phone{font-size:12px;display:block;margin-top:21px;color:#ffffff;text-decoration:underline;text-underline-offset:4px}[data-html-page="homepage"] #cinematic-homepage footer{display:flex;justify-content:space-between;padding:30px 5% 85px;font-size:11px;color:#505050;background:#f4f4f4}[data-html-page="homepage"] #cinematic-homepage .review-controls{position:fixed;bottom:12px;left:50%;transform:translateX(-50%);z-index:40;display:flex;align-items:center;background:#111111f2;border:1px solid #acbda244;border-radius:40px;padding:5px;box-shadow:0 5px 30px #04110833;color:white;gap:3px;white-space:nowrap}[data-html-page="homepage"] #cinematic-homepage .review-controls button,[data-html-page="homepage"] #cinematic-homepage .review-controls select{background:transparent;border:0;color:inherit;padding:10px 14px;font-size:10px;border-radius:25px}[data-html-page="homepage"] #cinematic-homepage .review-controls select{max-width:200px;border-left:1px solid #ffffff22;border-radius:0;cursor:pointer}[data-html-page="homepage"] #cinematic-homepage .review-controls option{color:#17241b;background:#fff}[data-html-page="homepage"] #cinematic-homepage .review-controls button:hover{background:#ffffff16}[data-html-page="homepage"] #cinematic-homepage .review-controls button[aria-pressed=true]{background:#00558c}[data-html-page="homepage"] #cinematic-homepage .review-controls #play{color:#78be3f} [data-html-page="homepage"] #cinematic-homepage.less-motion #film{height:auto;padding-top:var(--nav)}[data-html-page="homepage"] #cinematic-homepage.less-motion #main-stage{height:auto;position:relative;top:0;padding-top:42vw;background:var(--paper);overflow:visible}[data-html-page="homepage"] #cinematic-homepage.less-motion #main-stage>.film-world{height:42vw}[data-html-page="homepage"] #cinematic-homepage.less-motion #main-stage>.portrait,[data-html-page="homepage"] #cinematic-homepage.less-motion #main-stage>.veil,[data-html-page="homepage"] #cinematic-homepage.less-motion #main-stage>.wipe,[data-html-page="homepage"] #cinematic-homepage.less-motion #main-stage>.pins,[data-html-page="homepage"] #cinematic-homepage.less-motion #main-stage>.film-caption{display:none}[data-html-page="homepage"] #cinematic-homepage.less-motion .chapter{position:relative;left:auto;top:auto;transform:none!important;opacity:1!important;visibility:visible;width:auto;max-width:none;padding:55px 7%;pointer-events:auto}[data-html-page="homepage"] #cinematic-homepage.less-motion .arrival-copy,[data-html-page="homepage"] #cinematic-homepage.less-motion .paper-copy{display:none}[data-html-page="homepage"] #cinematic-homepage.less-motion .meet-copy{background:#f4f4f4}[data-html-page="homepage"] #cinematic-homepage.less-motion .service-copy{background:#00558c}[data-html-page="homepage"] #cinematic-homepage.less-motion .service-steps{height:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:30px}[data-html-page="homepage"] #cinematic-homepage.less-motion .service-steps>div{position:relative;opacity:1!important}[data-html-page="homepage"] #cinematic-homepage.less-motion .savings-sheet{position:relative;inset:auto;opacity:1!important;transform:none!important;padding:70px 7%;pointer-events:auto!important}[data-html-page="homepage"] #cinematic-homepage.less-motion .portfolio{position:relative;inset:auto;opacity:1!important;height:620px}[data-html-page="homepage"] #cinematic-homepage.less-motion .listing-lift{top:auto!important;bottom:80px!important;left:45%!important;width:50%!important;height:410px!important;opacity:1!important}[data-html-page="homepage"] #cinematic-homepage.less-motion #finale{height:auto}[data-html-page="homepage"] #cinematic-homepage.less-motion .final-stage{position:relative;top:0;height:750px} [data-html-page="homepage"] #cinematic-homepage .brand .brokerage{background:white;padding:4px;width:44px} [data-html-page="homepage"] #cinematic-homepage .service-steps>div{transition:none;visibility:hidden}[data-html-page="homepage"] #cinematic-homepage .service-steps>div.active{visibility:visible} [data-html-page="homepage"] #cinematic-homepage.less-motion .service-steps>div{visibility:visible} [data-html-page="homepage"] #cinematic-homepage .chapter,[data-html-page="homepage"] #cinematic-homepage .savings-sheet,[data-html-page="homepage"] #cinematic-homepage .portfolio,[data-html-page="homepage"] #cinematic-homepage #reading{scroll-margin-top:calc(var(--nav) + 20px)} @media(min-width:1700px){[data-html-page="homepage"] #cinematic-homepage .chapter{left:8%}[data-html-page="homepage"] #cinematic-homepage .site-header{padding-inline:8%}[data-html-page="homepage"] #cinematic-homepage .hero-copy{width:43%}} @media(max-width:1050px){[data-html-page="homepage"] #cinematic-homepage .site-header nav{gap:18px}[data-html-page="homepage"] #cinematic-homepage .brand img{width:145px}[data-html-page="homepage"] #cinematic-homepage .brand{gap:13px}[data-html-page="homepage"] #cinematic-homepage .evaluation-inline>div{flex-direction:column}[data-html-page="homepage"] #cinematic-homepage .hero-copy{width:49%}[data-html-page="homepage"] #cinematic-homepage .hero-copy .eyebrow{margin-bottom:20px}[data-html-page="homepage"] #cinematic-homepage .chapter>p:not(.eyebrow){margin-top:20px}[data-html-page="homepage"] #cinematic-homepage .evaluation-inline{padding:15px;margin-top:20px}[data-html-page="homepage"] #cinematic-homepage .savings-sheet{inset:5%;padding:5%;gap:4%}[data-html-page="homepage"] #cinematic-homepage .saving-result strong{font-size:42px}[data-html-page="homepage"] #cinematic-homepage .stats{gap:15px}[data-html-page="homepage"] #cinematic-homepage .service-copy{width:42%}[data-html-page="homepage"] #cinematic-homepage .final-copy{width:48%}} @media(max-width:700px){[data-html-page="homepage"] #cinematic-homepage{--nav:64px}[data-html-page="homepage"] #cinematic-homepage .site-header{padding-inline:5%}[data-html-page="homepage"] #cinematic-homepage .brand>span,[data-html-page="homepage"] #cinematic-homepage .brand .brokerage,[data-html-page="homepage"] #cinematic-homepage .site-header nav button{display:none}[data-html-page="homepage"] #cinematic-homepage .brand img{width:134px}[data-html-page="homepage"] #cinematic-homepage .site-header .button{font-size:10px;min-height:36px;padding:10px 12px}[data-html-page="homepage"] #cinematic-homepage .site-header nav{gap:0}[data-html-page="homepage"] #cinematic-homepage #film{height:1550svh}[data-html-page="homepage"] #cinematic-homepage .stage{height:calc(100svh - var(--nav))}[data-html-page="homepage"] #cinematic-homepage .chapter{left:6%;width:88%;max-width:none;top:55%;transform:translateY(-50%)}[data-html-page="homepage"] #cinematic-homepage h1{font-size:clamp(34px,8.6vw,48px)}[data-html-page="homepage"] #cinematic-homepage h2{font-size:clamp(33px,8.7vw,46px)}[data-html-page="homepage"] #cinematic-homepage .hero-copy{top:48%;width:88%}[data-html-page="homepage"] #cinematic-homepage .eyebrow{font-size:9px;margin-bottom:17px}[data-html-page="homepage"] #cinematic-homepage .hero-copy .intro{font-size:14px}[data-html-page="homepage"] #cinematic-homepage .hero-copy .evaluation-inline{max-width:410px}[data-html-page="homepage"] #cinematic-homepage .evaluation-inline>div{flex-direction:column}[data-html-page="homepage"] #cinematic-homepage .evaluation-inline input{padding:11px}[data-html-page="homepage"] #cinematic-homepage .evaluation-inline small{font-size:9px}[data-html-page="homepage"] #cinematic-homepage .pins>span{font-size:10px;padding:5px 9px}[data-html-page="homepage"] #cinematic-homepage .pins>span:nth-child(1){left:76%!important;top:11%!important}[data-html-page="homepage"] #cinematic-homepage .pins>span:nth-child(2){left:86%!important;top:28%!important}[data-html-page="homepage"] #cinematic-homepage .pins>span:nth-child(3){display:none}[data-html-page="homepage"] #cinematic-homepage .veil{background:linear-gradient(90deg,#fffffff5,#ffffffd9 52%,#ffffff3a)}[data-html-page="homepage"] #cinematic-homepage .meet-copy{top:63%;width:88%}[data-html-page="homepage"] #cinematic-homepage .meet-copy>p:not(.eyebrow){font-size:12px;max-width:330px;margin-top:16px}[data-html-page="homepage"] #cinematic-homepage .portrait{object-position:66% center}[data-html-page="homepage"] #cinematic-homepage .stats{margin-top:20px;padding-top:15px;gap:16px}[data-html-page="homepage"] #cinematic-homepage .stats strong{font-size:23px}[data-html-page="homepage"] #cinematic-homepage .stats span{font-size:9px}[data-html-page="homepage"] #cinematic-homepage .award{margin-top:15px;font-size:10px;gap:10px}[data-html-page="homepage"] #cinematic-homepage .award img{width:48px;height:48px}[data-html-page="homepage"] #cinematic-homepage .award strong{font-size:11px}[data-html-page="homepage"] #cinematic-homepage .service-copy{top:60%;width:88%}[data-html-page="homepage"] #cinematic-homepage .service-copy h2{font-size:41px}[data-html-page="homepage"] #cinematic-homepage .service-steps{margin-top:20px;height:145px}[data-html-page="homepage"] #cinematic-homepage .service-steps h3{font-size:23px}[data-html-page="homepage"] #cinematic-homepage .service-steps p{font-size:12px;max-width:290px}[data-html-page="homepage"] #cinematic-homepage .arrival-copy{top:60%}[data-html-page="homepage"] #cinematic-homepage .paper-copy{top:23%}[data-html-page="homepage"] #cinematic-homepage .paper-copy h2{font-size:32px}[data-html-page="homepage"] #cinematic-homepage .savings-sheet{inset:4% 5% 9%;padding:24px 20px;grid-template-columns:1fr;gap:15px;align-content:center}[data-html-page="homepage"] #cinematic-homepage .savings-sheet .eyebrow{font-size:8px;margin-bottom:14px}[data-html-page="homepage"] #cinematic-homepage .savings-sheet h2{font-size:31px}[data-html-page="homepage"] #cinematic-homepage .savings-heading>p:last-child{font-size:11px;margin-top:12px}[data-html-page="homepage"] #cinematic-homepage .calculator label{font-size:11px}[data-html-page="homepage"] #cinematic-homepage .calculator output{font-size:20px}[data-html-page="homepage"] #cinematic-homepage .calculator input{margin:13px 0}[data-html-page="homepage"] #cinematic-homepage .fee-row{font-size:11px;padding:11px 0}[data-html-page="homepage"] #cinematic-homepage .fee-row strong{font-size:17px}[data-html-page="homepage"] #cinematic-homepage .fee-row small{font-size:8px}[data-html-page="homepage"] #cinematic-homepage .saving-result{margin-top:13px}[data-html-page="homepage"] #cinematic-homepage .saving-result strong{font-size:39px}[data-html-page="homepage"] #cinematic-homepage .fee-note{font-size:8px;line-height:1.5;padding-top:11px;margin-top:0}[data-html-page="homepage"] #cinematic-homepage .portfolio-heading{top:7%;left:6%;width:88%}[data-html-page="homepage"] #cinematic-homepage .portfolio-heading h2{font-size:38px}[data-html-page="homepage"] #cinematic-homepage .portfolio-heading p:last-child{font-size:12px;margin-top:15px}[data-html-page="homepage"] #cinematic-homepage .portfolio-secondary{display:none}[data-html-page="homepage"] #cinematic-homepage .listing-lift figcaption strong{font-size:14px}[data-html-page="homepage"] #cinematic-homepage .film-caption{bottom:69px;left:6%;right:6%;font-size:8px}[data-html-page="homepage"] #cinematic-homepage .film-caption>span:last-child{max-width:110px;text-align:right}[data-html-page="homepage"] #cinematic-homepage .reading-section,[data-html-page="homepage"] #cinematic-homepage .faq-section{grid-template-columns:1fr;padding:65px 7%;gap:35px}[data-html-page="homepage"] #cinematic-homepage .reading-intro p:last-child{font-size:14px}[data-html-page="homepage"] #cinematic-homepage .guide-list h3{font-size:20px}[data-html-page="homepage"] #cinematic-homepage .guide-list p{font-size:11px}[data-html-page="homepage"] #cinematic-homepage .guide-list a,[data-html-page="homepage"] #cinematic-homepage .guide-list button{padding:25px 0;gap:16px}[data-html-page="homepage"] #cinematic-homepage .review-section{padding:60px 7%}[data-html-page="homepage"] #cinematic-homepage .review-layout{grid-template-columns:1fr;gap:30px}[data-html-page="homepage"] #cinematic-homepage .review-layout blockquote{font-size:24px}[data-html-page="homepage"] #cinematic-homepage .faq-section h2{font-size:39px}[data-html-page="homepage"] #cinematic-homepage .questions summary{font-size:15px}[data-html-page="homepage"] #cinematic-homepage .questions p{font-size:12px}[data-html-page="homepage"] #cinematic-homepage .final-copy{left:6%;width:88%;top:52%}[data-html-page="homepage"] #cinematic-homepage .final-copy h2{font-size:45px}[data-html-page="homepage"] #cinematic-homepage .final-copy>p:not(.eyebrow){font-size:13px;max-width:315px}[data-html-page="homepage"] #cinematic-homepage .final-veil{background:linear-gradient(90deg,#111111d9,#11111180 65%,#11111126)}[data-html-page="homepage"] #cinematic-homepage .final-copy .evaluation-inline{width:80%;margin-top:22px}[data-html-page="homepage"] #cinematic-homepage .final-copy .button{font-size:11px}[data-html-page="homepage"] #cinematic-homepage .review-controls{max-width:96vw;bottom:12px;padding:4px}[data-html-page="homepage"] #cinematic-homepage .review-controls button,[data-html-page="homepage"] #cinematic-homepage .review-controls select{font-size:9px;padding:9px 10px}[data-html-page="homepage"] #cinematic-homepage .review-controls select{max-width:160px}[data-html-page="homepage"] #cinematic-homepage footer{font-size:9px;gap:20px}[data-html-page="homepage"] #cinematic-homepage.less-motion #main-stage{padding-top:56vw}[data-html-page="homepage"] #cinematic-homepage.less-motion #main-stage>.film-world{height:56vw}[data-html-page="homepage"] #cinematic-homepage.less-motion .service-steps{grid-template-columns:1fr}[data-html-page="homepage"] #cinematic-homepage.less-motion .savings-sheet{padding:55px 7%}[data-html-page="homepage"] #cinematic-homepage.less-motion .portfolio{height:620px}[data-html-page="homepage"] #cinematic-homepage.less-motion .listing-lift{left:6%!important;width:88%!important;height:300px!important;bottom:70px!important}[data-html-page="homepage"] #cinematic-homepage.less-motion .final-stage{height:760px}} @media(max-height:730px) and (min-width:701px){[data-html-page="homepage"] #cinematic-homepage .hero-copy h1{font-size:51px}[data-html-page="homepage"] #cinematic-homepage .chapter .eyebrow{margin-bottom:16px}[data-html-page="homepage"] #cinematic-homepage .chapter>p:not(.eyebrow){margin-top:17px}[data-html-page="homepage"] #cinematic-homepage .evaluation-inline{margin-top:19px;padding:14px}[data-html-page="homepage"] #cinematic-homepage .meet-copy h2{font-size:48px}[data-html-page="homepage"] #cinematic-homepage .stats{margin-top:19px;padding-top:15px}[data-html-page="homepage"] #cinematic-homepage .award{margin-top:17px}[data-html-page="homepage"] #cinematic-homepage .savings-sheet{inset:4% 7%;padding:3% 5%}[data-html-page="homepage"] #cinematic-homepage .savings-sheet h2{font-size:39px}[data-html-page="homepage"] #cinematic-homepage .fee-note{margin-top:0}[data-html-page="homepage"] #cinematic-homepage .final-copy h2{font-size:54px}} @media(max-width:700px){ [data-html-page="homepage"] #cinematic-homepage .fee-note{font-size:10px;line-height:1.55}[data-html-page="homepage"] #cinematic-homepage .fee-row small{font-size:10px}[data-html-page="homepage"] #cinematic-homepage .savings-sheet{gap:12px} [data-html-page="homepage"] #cinematic-homepage .final-veil{background:linear-gradient(180deg,transparent 15%,#111111aa 36%,#111111 46%)} [data-html-page="homepage"] #cinematic-homepage .final-copy{top:36%;transform:none;bottom:auto}[data-html-page="homepage"] #cinematic-homepage .final-copy h2{font-size:36px}[data-html-page="homepage"] #cinematic-homepage .final-copy .eyebrow{margin-bottom:14px}[data-html-page="homepage"] #cinematic-homepage .final-copy>p:not(.eyebrow){font-size:12px;line-height:1.6;margin-top:14px;max-width:none} [data-html-page="homepage"] #cinematic-homepage .final-copy .evaluation-inline{width:100%;padding:12px;margin-top:16px}[data-html-page="homepage"] #cinematic-homepage .final-copy .evaluation-inline label{margin-bottom:6px}[data-html-page="homepage"] #cinematic-homepage .final-copy .evaluation-inline input{padding:10px}[data-html-page="homepage"] #cinematic-homepage .final-copy .evaluation-inline .button{min-height:39px;padding:10px} [data-html-page="homepage"] #cinematic-homepage .final-copy .phone{margin-top:13px;font-size:11px} } /* The film ends on the savings sheet. Everything below follows normal document flow. */ [data-html-page="homepage"] #cinematic-homepage #film{height:1710svh}[data-html-page="homepage"] #cinematic-homepage #finale{height:auto}[data-html-page="homepage"] #cinematic-homepage .final-stage{position:relative;top:0;height:780px} [data-html-page="homepage"] #cinematic-homepage .normal-section{max-width:1400px;margin:auto;padding:95px 5%;scroll-margin-top:100px}[data-html-page="homepage"] #cinematic-homepage .section-heading{display:flex;justify-content:space-between;align-items:end;gap:55px;margin-bottom:38px}[data-html-page="homepage"] #cinematic-homepage .section-heading h2{font-size:clamp(35px,4vw,58px)}[data-html-page="homepage"] #cinematic-homepage .section-heading>p{max-width:380px;font-size:16px;line-height:1.7}[data-html-page="homepage"] #cinematic-homepage .text-link{font-size:13px;text-decoration:underline;text-underline-offset:5px;white-space:nowrap}[data-html-page="homepage"] #cinematic-homepage .comparison-chart{border-collapse:collapse;width:100%;font-variant-numeric:tabular-nums;text-align:right}[data-html-page="homepage"] #cinematic-homepage .comparison-chart caption{text-align:left;font-size:12px;color:#505050;padding-bottom:20px}[data-html-page="homepage"] #cinematic-homepage .comparison-chart th,[data-html-page="homepage"] #cinematic-homepage .comparison-chart td{padding:19px 22px;border-bottom:1px solid #263c2620}[data-html-page="homepage"] #cinematic-homepage .comparison-chart th:first-child{text-align:left}[data-html-page="homepage"] #cinematic-homepage .comparison-chart thead{background:#00558c;color:#ffffff}[data-html-page="homepage"] #cinematic-homepage .comparison-chart thead th{font-size:16px;font-weight:650}[data-html-page="homepage"] #cinematic-homepage .comparison-chart thead small{display:block;font-size:10px;font-weight:400;margin-top:5px;color:#ffffff}[data-html-page="homepage"] #cinematic-homepage .comparison-chart tbody th{font-weight:600}[data-html-page="homepage"] #cinematic-homepage .comparison-chart tbody tr[data-price="700000"]{background:#78be3f16}[data-html-page="homepage"] #cinematic-homepage .comparison-chart tbody td:last-child{color:#111111;font-weight:750;width:29%}[data-html-page="homepage"] #cinematic-homepage .chart-saving{display:block;position:relative;padding:8px 10px;isolation:isolate}[data-html-page="homepage"] #cinematic-homepage .chart-saving:before{content:'';position:absolute;inset:0 auto 0 0;width:var(--bar);background:#78be3f2e;z-index:-1;border-radius:3px}[data-html-page="homepage"] #cinematic-homepage .chart-bottom{display:flex;gap:50px;align-items:start;margin-top:28px}[data-html-page="homepage"] #cinematic-homepage .chart-bottom p{font-size:11px;line-height:1.8;max-width:790px}[data-html-page="homepage"] #cinematic-homepage .chart-bottom .button{flex-shrink:0}[data-html-page="homepage"] #cinematic-homepage .properties-section{border-top:1px solid #23392322}[data-html-page="homepage"] #cinematic-homepage .property-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:27px}[data-html-page="homepage"] #cinematic-homepage .property-card{display:block;min-width:0}[data-html-page="homepage"] #cinematic-homepage .property-card>img,[data-html-page="homepage"] #cinematic-homepage .property-photo>img{width:100%;height:auto;aspect-ratio:1.5;object-fit:cover;display:block;border-radius:7px}[data-html-page="homepage"] #cinematic-homepage .property-card>div:not(.property-photo){padding:23px 0}[data-html-page="homepage"] #cinematic-homepage .property-card .eyebrow{font-size:9px;margin-bottom:10px;color:#00558c}[data-html-page="homepage"] #cinematic-homepage .property-card h3{font-size:22px}[data-html-page="homepage"] #cinematic-homepage .property-card strong{font-size:22px;display:block;margin-top:13px}[data-html-page="homepage"] #cinematic-homepage .property-card>div>span{display:block;margin-top:14px;font-size:12px}[data-html-page="homepage"] #cinematic-homepage .property-photo{position:relative}[data-html-page="homepage"] #cinematic-homepage .property-photo>span{position:absolute;left:16px;bottom:16px;background:#00558c;color:#ffffff;letter-spacing:.13em;padding:7px 12px;border-radius:3px;font-size:10px}[data-html-page="homepage"] #cinematic-homepage .sold-grid{grid-template-columns:1fr 1fr}[data-html-page="homepage"] #cinematic-homepage .sold-section{padding-top:45px}[data-html-page="homepage"] #cinematic-homepage .listing-snapshot-note{font-size:11px;margin:-15px 0 28px;color:#505050}[data-html-page="homepage"] #cinematic-homepage .property-card:hover h3{text-decoration:underline;text-underline-offset:5px}[data-html-page="homepage"] #cinematic-homepage .review-controls{transition:opacity .15s}[data-html-page="homepage"] #cinematic-homepage .normal-section .eyebrow{margin-bottom:18px} @media(max-width:700px){[data-html-page="homepage"] #cinematic-homepage #film{height:1390svh}[data-html-page="homepage"] #cinematic-homepage .normal-section{padding:60px 6%}[data-html-page="homepage"] #cinematic-homepage .section-heading{display:block;margin-bottom:26px}[data-html-page="homepage"] #cinematic-homepage .section-heading>p{font-size:13px;margin-top:20px}[data-html-page="homepage"] #cinematic-homepage .section-heading .text-link{display:inline-block;margin-top:18px}[data-html-page="homepage"] #cinematic-homepage .comparison-chart th,[data-html-page="homepage"] #cinematic-homepage .comparison-chart td{padding:15px 6px;font-size:11px}[data-html-page="homepage"] #cinematic-homepage .comparison-chart thead th{font-size:11px}[data-html-page="homepage"] #cinematic-homepage .comparison-chart thead small{font-size:8px}[data-html-page="homepage"] #cinematic-homepage .comparison-chart caption{font-size:10px;line-height:1.5}[data-html-page="homepage"] #cinematic-homepage .chart-saving{padding:7px 4px}[data-html-page="homepage"] #cinematic-homepage .chart-bottom{display:block}[data-html-page="homepage"] #cinematic-homepage .chart-bottom p{font-size:10px}[data-html-page="homepage"] #cinematic-homepage .chart-bottom .button{margin-top:22px}[data-html-page="homepage"] #cinematic-homepage .property-grid,[data-html-page="homepage"] #cinematic-homepage .sold-grid{grid-template-columns:1fr;gap:25px}[data-html-page="homepage"] #cinematic-homepage .property-card h3{font-size:24px}[data-html-page="homepage"] #cinematic-homepage .listing-snapshot-note{font-size:10px;line-height:1.6;margin-top:0}[data-html-page="homepage"] #cinematic-homepage .sold-section{padding-top:20px}[data-html-page="homepage"] #cinematic-homepage .final-stage{height:800px}} /* Recognition is readable and opens at its original resolution. */ [data-html-page="homepage"] #cinematic-homepage .award{gap:22px;width:fit-content}[data-html-page="homepage"] #cinematic-homepage .award img{width:190px;height:190px;object-fit:contain;flex-shrink:0;background:#f8faf4}[data-html-page="homepage"] #cinematic-homepage .award strong{font-size:18px}[data-html-page="homepage"] #cinematic-homepage .award small{display:block;margin-top:12px;font-size:11px;text-decoration:underline;text-underline-offset:4px}[data-html-page="homepage"] #cinematic-homepage .meet-copy{top:50%} [data-html-page="homepage"] #cinematic-homepage #finale{height:300svh}[data-html-page="homepage"] #cinematic-homepage .final-stage{position:sticky;top:var(--nav);height:calc(100svh - var(--nav))} @media(max-width:700px){[data-html-page="homepage"] #cinematic-homepage .award{gap:16px;margin-top:20px}[data-html-page="homepage"] #cinematic-homepage .award img{width:156px;height:156px}[data-html-page="homepage"] #cinematic-homepage .award strong{font-size:13px}[data-html-page="homepage"] #cinematic-homepage .award small{font-size:10px;max-width:140px}[data-html-page="homepage"] #cinematic-homepage .meet-copy{top:58%}[data-html-page="homepage"] #cinematic-homepage .meet-copy .stats{margin-top:15px}[data-html-page="homepage"] #cinematic-homepage .meet-copy .eyebrow{margin-bottom:12px}} @media(max-height:720px) and (min-width:701px){[data-html-page="homepage"] #cinematic-homepage .award img{width:130px;height:130px}[data-html-page="homepage"] #cinematic-homepage .meet-copy h2{font-size:42px}[data-html-page="homepage"] #cinematic-homepage .meet-copy>p:not(.eyebrow){font-size:13px}[data-html-page="homepage"] #cinematic-homepage .award{margin-top:14px}} [data-html-page="homepage"] #cinematic-homepage.less-motion #finale{height:auto}[data-html-page="homepage"] #cinematic-homepage.less-motion .final-stage{position:relative;top:0;height:780px} /* One paper section: calculator and semantic comparison table. */ [data-html-page="homepage"] #cinematic-homepage #main-stage.savings-open{overflow:visible}[data-html-page="homepage"] #cinematic-homepage #main-stage.savings-open>.film-caption{display:none} [data-html-page="homepage"] #cinematic-homepage #savings-tail{background:var(--paper)} [data-html-page="homepage"] #cinematic-homepage .savings-sheet{inset:3% 4% auto;min-height:94%;height:auto;padding:32px 4%;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:22px 5%;align-content:center} [data-html-page="homepage"] #cinematic-homepage .savings-heading{grid-column:1/-1}[data-html-page="homepage"] #cinematic-homepage .savings-sheet h2{font-size:clamp(28px,2.6vw,42px)}[data-html-page="homepage"] #cinematic-homepage .savings-sheet h2 br{display:none}[data-html-page="homepage"] #cinematic-homepage .savings-sheet .eyebrow{margin-bottom:12px}[data-html-page="homepage"] #cinematic-homepage .savings-heading>p:last-child{max-width:none;margin-top:12px;font-size:13px} [data-html-page="homepage"] #cinematic-homepage .savings-tools{align-self:center;min-width:0}[data-html-page="homepage"] #cinematic-homepage .savings-table{min-width:0;align-self:center}[data-html-page="homepage"] #cinematic-homepage .savings-table .comparison-chart{table-layout:fixed;font-size:12px}[data-html-page="homepage"] #cinematic-homepage .savings-table .comparison-chart caption{font-size:11px;padding-bottom:12px}[data-html-page="homepage"] #cinematic-homepage .savings-table .comparison-chart th,[data-html-page="homepage"] #cinematic-homepage .savings-table .comparison-chart td{padding:7px 8px;font-size:12px}[data-html-page="homepage"] #cinematic-homepage .savings-table .comparison-chart thead th{font-size:11px}[data-html-page="homepage"] #cinematic-homepage .savings-table .comparison-chart thead small{font-size:9px;margin:0}[data-html-page="homepage"] #cinematic-homepage .savings-table .comparison-chart tbody td:last-child{background:#78be3f25;width:auto}[data-html-page="homepage"] #cinematic-homepage .savings-table .comparison-chart tbody tr[data-price="700000"]{background:none}[data-html-page="homepage"] #cinematic-homepage .savings-table .comparison-chart tbody tr.selected{background:#78be3f22}[data-html-page="homepage"] #cinematic-homepage .savings-sheet .fee-note{margin:0;padding-top:15px;font-size:10px} @media(max-width:700px){[data-html-page="homepage"] #cinematic-homepage .savings-sheet{inset:16px 4% auto;min-height:0;padding:26px 18px 30px;grid-template-columns:minmax(0,1fr);gap:24px}[data-html-page="homepage"] #cinematic-homepage .savings-sheet h2{font-size:29px}[data-html-page="homepage"] #cinematic-homepage .savings-heading>p:last-child{font-size:12px}[data-html-page="homepage"] #cinematic-homepage .savings-table .comparison-chart th,[data-html-page="homepage"] #cinematic-homepage .savings-table .comparison-chart td{font-size:10px;padding:7px 4px}[data-html-page="homepage"] #cinematic-homepage .savings-table .comparison-chart thead th{font-size:10px}[data-html-page="homepage"] #cinematic-homepage .savings-table .comparison-chart thead small{font-size:8px}[data-html-page="homepage"] #cinematic-homepage .savings-sheet .fee-note{font-size:10px;line-height:1.6}[data-html-page="homepage"] #cinematic-homepage .savings-sheet .calculator input{min-height:24px}[data-html-page="homepage"] #cinematic-homepage .savings-sheet .fee-row{font-size:12px}[data-html-page="homepage"] #cinematic-homepage .savings-sheet .fee-row small{font-size:10px}} [data-html-page="homepage"] #cinematic-homepage.less-motion #savings-tail{display:none}[data-html-page="homepage"] #cinematic-homepage.less-motion .savings-sheet{min-height:0} [data-html-page="homepage"] #cinematic-homepage #main-stage.savings-open{clip-path:inset(0 0 -2000px 0)} [data-html-page="homepage"] #cinematic-homepage #film{overflow-x:clip;overflow-y:visible} [data-html-page="homepage"] #cinematic-homepage .service-panels-section{background:oklch(20% .027 235)!important;color:oklch(96% .01 180)!important;overflow:hidden;position:relative} [data-html-page="homepage"] #cinematic-homepage .service-panels-section>.current-atmosphere{opacity:.18} [data-html-page="homepage"] #cinematic-homepage .service-panels-section:not(.service-panels-shell){padding:0!important} [data-html-page="homepage"] #cinematic-homepage .service-panels-section .service-panels-shell,[data-html-page="homepage"] #cinematic-homepage .service-panels-section.service-panels-shell{display:block!important;max-width:1400px;width:100%;margin:auto;padding:80px clamp(24px,5vw,72px)!important;position:relative;min-height:0} [data-html-page="homepage"] #cinematic-homepage .service-panels-section .service-panels-intro{max-width:none!important;width:100%;position:relative;z-index:14;margin-bottom:38px} [data-html-page="homepage"] #cinematic-homepage .service-panels-section .service-panels-intro h2{max-width:24ch;font:600 clamp(36px,4.1vw,62px)/1.08 Onest,sans-serif!important;letter-spacing:-.05em} [data-html-page="homepage"] #cinematic-homepage .service-panels-section .service-panels-intro>p{max-width:78ch!important;font-size:17px!important;line-height:1.7;color:oklch(86% .018 195)!important} [data-html-page="homepage"] #cinematic-homepage .service-panels-section .service-panels-intro>p:first-child{font-size:12px!important;color:oklch(79% .14 130)!important} [data-html-page="homepage"] #cinematic-homepage .service-original-details,[data-html-page="homepage"] #cinematic-homepage .service-panels-intro .seller-process{display:inline-block;vertical-align:top;width:min(100%,540px);margin:22px 25px 0 0!important;border-color:oklch(47% .035 210)!important} [data-html-page="homepage"] #cinematic-homepage .service-original-details summary,[data-html-page="homepage"] #cinematic-homepage .service-panels-intro .seller-process summary{font-size:15px!important;padding:12px 0!important;color:oklch(89% .018 180)} [data-html-page="homepage"] #cinematic-homepage .service-original-details .a-service-list{margin-top:10px!important}[data-html-page="homepage"] #cinematic-homepage .service-original-details[open],[data-html-page="homepage"] #cinematic-homepage .service-panels-intro .seller-process[open]{display:block;width:100%} [data-html-page="homepage"] #cinematic-homepage .service-panels-intro>.plain-link,[data-html-page="homepage"] #cinematic-homepage .service-panels-intro>a{display:block;width:fit-content;margin-top:24px;color:oklch(83% .15 130)!important} [data-html-page="homepage"] #cinematic-homepage .service-motion-anchor{position:absolute!important;left:50%;top:35%;height:1px!important;width:1px!important;visibility:hidden;pointer-events:none} [data-html-page="homepage"] #cinematic-homepage .service-panel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;position:relative;z-index:14;align-items:stretch} [data-html-page="homepage"] #cinematic-homepage .service-panel{min-width:0;border:1px solid oklch(52% .035 220 / .7);border-radius:18px;overflow:hidden;background:oklch(26% .034 230 / .85);box-shadow:inset 0 1px 0 oklch(85% .01 190 / .15),0 16px 35px oklch(10% .018 230 / .18)} [data-html-page="homepage"] #cinematic-homepage .service-panel-visual{height:clamp(250px,24vw,320px);position:relative;overflow:hidden;background:oklch(29% .045 240)} [data-html-page="homepage"] #cinematic-homepage .service-panel-visual>img{width:100%;height:100%;object-fit:cover;object-position:center 36%;display:block} [data-html-page="homepage"] #cinematic-homepage .service-pricing>img,[data-html-page="homepage"] #cinematic-homepage .service-negotiation>img{object-position:center 18%} [data-html-page="homepage"] #cinematic-homepage .service-panel-copy{padding:25px;display:flex;gap:16px;align-items:baseline} [data-html-page="homepage"] #cinematic-homepage .service-panel-copy h3{font:600 clamp(23px,2.2vw,30px)/1.18 Onest,sans-serif!important;margin:0 0 12px!important;letter-spacing:-.035em;color:oklch(97% .009 170)!important} [data-html-page="homepage"] #cinematic-homepage .service-panel-copy p{font:400 16px/1.7 Onest,sans-serif!important;max-width:52ch;margin:0!important;color:oklch(85% .018 200)!important} [data-html-page="homepage"] #cinematic-homepage .service-number{font:500 13px/1.3 Onest,sans-serif;color:oklch(82% .15 130);font-variant-numeric:tabular-nums} [data-html-page="homepage"] #cinematic-homepage .service-glass-caption{position:absolute;left:20px;right:20px;bottom:18px;padding:17px 20px;border:1px solid oklch(90% .018 180 / .35);border-radius:12px;background:oklch(20% .035 235 / .84);backdrop-filter:blur(9px);color:oklch(97% .01 180)} [data-html-page="homepage"] #cinematic-homepage .service-glass-caption>span{display:block;font-size:10px;letter-spacing:.13em;color:oklch(87% .11 130);margin-bottom:8px}[data-html-page="homepage"] #cinematic-homepage .service-glass-caption strong{display:block;font:550 20px/1.3 Onest,sans-serif;max-width:30ch}[data-html-page="homepage"] #cinematic-homepage .service-glass-caption svg{position:absolute;right:18px;top:20px;width:100px;height:40px;color:oklch(81% .16 130);opacity:.7}[data-html-page="homepage"] #cinematic-homepage .service-pricing .service-glass-caption strong{padding-right:85px} [data-html-page="homepage"] #cinematic-homepage .offer-terms{display:flex;gap:9px;margin-top:13px;flex-wrap:wrap}[data-html-page="homepage"] #cinematic-homepage .offer-terms span{font-size:11px;padding:5px 9px;border-radius:5px;background:oklch(50% .045 220 / .4)} [data-html-page="homepage"] #cinematic-homepage .service-launch{background:radial-gradient(ellipse at center,oklch(42% .07 233),oklch(23% .035 233));isolation:isolate} [data-html-page="homepage"] #cinematic-homepage .launch-connections{position:absolute;inset:0;width:100%;height:100%}[data-html-page="homepage"] #cinematic-homepage .launch-connections path{fill:none;stroke:oklch(77% .14 133);stroke-width:1.5;stroke-dasharray:5 5;stroke-dashoffset:var(--launch-dash,0)} [data-html-page="homepage"] #cinematic-homepage .launch-home{position:absolute;left:35%;top:29%;width:30%;height:42%;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid oklch(77% .11 135 / .65);border-radius:12px;background:oklch(92% .018 175);box-shadow:0 10px 25px oklch(10% .025 220 / .4);z-index:2} [data-html-page="homepage"] #cinematic-homepage .launch-home img{width:95%;height:75%;object-fit:contain}[data-html-page="homepage"] #cinematic-homepage .launch-home strong{font-size:13px;color:oklch(25% .03 200)} [data-html-page="homepage"] #cinematic-homepage .launch-page{position:absolute;width:29%;height:35%;border:1px solid oklch(76% .025 205 / .7);border-radius:7px;background:oklch(96% .01 190);box-shadow:0 7px 20px oklch(10% .02 230 / .22);color:oklch(25% .03 220);overflow:hidden;transform:translate(var(--launch-x,0px),var(--launch-y,0px));will-change:transform} [data-html-page="homepage"] #cinematic-homepage .launch-page-0{left:4%;top:5%}[data-html-page="homepage"] #cinematic-homepage .launch-page-1{right:4%;top:5%}[data-html-page="homepage"] #cinematic-homepage .launch-page-2{left:4%;bottom:6%}[data-html-page="homepage"] #cinematic-homepage .launch-page-3{right:4%;bottom:6%} [data-html-page="homepage"] #cinematic-homepage .launch-browser-bar{display:flex;gap:3px;padding:5px 7px;background:oklch(88% .02 210)}[data-html-page="homepage"] #cinematic-homepage .launch-browser-bar i{width:3px;height:3px;border-radius:50%;background:oklch(52% .03 220)} [data-html-page="homepage"] #cinematic-homepage .launch-page-photo{height:55%;background:oklch(88% .025 160);overflow:hidden}[data-html-page="homepage"] #cinematic-homepage .launch-page-photo img{width:100%;height:100%;object-fit:cover;object-position:center 65%}[data-html-page="homepage"] #cinematic-homepage .launch-page strong{display:block;font:600 11px/1.2 Onest,sans-serif;padding:6px 7px} [data-html-page="homepage"] #cinematic-homepage .service-visual-note{position:absolute;left:15px;bottom:6px;font-size:9px;letter-spacing:.025em;color:oklch(89% .02 190);z-index:3} [data-html-page="homepage"] #cinematic-homepage .service-showings>img{filter:brightness(.66)}[data-html-page="homepage"] #cinematic-homepage .showing-notifications{position:absolute;inset:22px;display:flex;flex-direction:column;justify-content:center;gap:13px} [data-html-page="homepage"] #cinematic-homepage .showing-notifications>div{width:86%;padding:15px 18px;border:1px solid oklch(82% .025 190 / .35);background:oklch(22% .03 220 / .85);backdrop-filter:blur(7px);border-radius:10px}[data-html-page="homepage"] #cinematic-homepage .showing-notifications>div:nth-child(2){align-self:flex-end}[data-html-page="homepage"] #cinematic-homepage .showing-notifications span{display:block;font-size:9px;color:oklch(81% .14 130);letter-spacing:.1em;margin-bottom:6px}[data-html-page="homepage"] #cinematic-homepage .showing-notifications strong{font:500 16px/1.25 Onest,sans-serif} [data-html-page="homepage"] #cinematic-homepage .service-sold-finish{position:relative;z-index:14;display:grid;grid-template-columns:180px 1fr auto;gap:30px;align-items:center;padding:25px 30px;margin-top:28px;border-radius:16px;background:oklch(82% .15 130);color:oklch(23% .04 165);border:1px solid oklch(90% .10 130)} [data-html-page="homepage"] #cinematic-homepage .service-sold-house{position:relative;height:140px}[data-html-page="homepage"] #cinematic-homepage .service-sold-house img{height:100%;width:100%;object-fit:contain}[data-html-page="homepage"] #cinematic-homepage .service-sold-house>strong{position:absolute;bottom:10px;right:5px;background:oklch(43% .10 240);color:oklch(97% .01 190);padding:6px 14px;font:700 20px Onest,sans-serif;transform:rotate(-9deg);border-radius:4px} [data-html-page="homepage"] #cinematic-homepage .service-sold-finish h3{font:600 clamp(26px,3vw,39px)/1.15 Onest,sans-serif;margin:9px 0;letter-spacing:-.04em}[data-html-page="homepage"] #cinematic-homepage .service-sold-finish p{font-size:15px;margin:0}[data-html-page="homepage"] #cinematic-homepage .service-sold-finish>div>span{font-size:10px;letter-spacing:.1em}[data-html-page="homepage"] #cinematic-homepage .service-sold-finish .button{background:oklch(25% .04 190);color:oklch(97% .01 180);font-size:14px;white-space:nowrap} @media(max-width:900px){[data-html-page="homepage"] #cinematic-homepage .service-sold-finish{grid-template-columns:120px 1fr;gap:18px;padding:22px}[data-html-page="homepage"] #cinematic-homepage .service-sold-finish .button{grid-column:1/-1;justify-content:space-between}[data-html-page="homepage"] #cinematic-homepage .service-panel-copy{padding:20px;gap:10px}[data-html-page="homepage"] #cinematic-homepage .service-panel-visual{height:260px}[data-html-page="homepage"] #cinematic-homepage .service-glass-caption{left:12px;right:12px;padding:14px}[data-html-page="homepage"] #cinematic-homepage .service-glass-caption strong{font-size:17px}[data-html-page="homepage"] #cinematic-homepage .service-glass-caption svg{display:none}[data-html-page="homepage"] #cinematic-homepage .service-pricing .service-glass-caption strong{padding:0}} @media(max-width:760px){[data-html-page="homepage"] #cinematic-homepage .service-panels-section .service-panels-shell,[data-html-page="homepage"] #cinematic-homepage .service-panels-section.service-panels-shell{padding:52px 20px!important}[data-html-page="homepage"] #cinematic-homepage .service-panel-grid{grid-template-columns:1fr;gap:22px}[data-html-page="homepage"] #cinematic-homepage .service-panel-visual{height:280px}[data-html-page="homepage"] #cinematic-homepage .service-panel-copy{padding:24px 20px}[data-html-page="homepage"] #cinematic-homepage .service-panel-copy h3{font-size:26px!important}[data-html-page="homepage"] #cinematic-homepage .service-panel-copy p{font-size:16px!important}[data-html-page="homepage"] #cinematic-homepage .service-original-details,[data-html-page="homepage"] #cinematic-homepage .service-panels-intro .seller-process{width:100%;margin-right:0!important}[data-html-page="homepage"] #cinematic-homepage .service-panels-section .service-panels-intro h2{font-size:36px!important}[data-html-page="homepage"] #cinematic-homepage .service-launch .launch-page strong{font-size:10px}[data-html-page="homepage"] #cinematic-homepage .service-sold-finish .button{white-space:normal}} @media(prefers-reduced-motion:reduce){[data-html-page="homepage"] #cinematic-homepage .launch-page{transform:none!important;will-change:auto}[data-html-page="homepage"] #cinematic-homepage .service-glass-caption,[data-html-page="homepage"] #cinematic-homepage .showing-notifications>div{backdrop-filter:none}} @media(max-width:760px){[data-html-page="homepage"] #cinematic-homepage .service-showings{height:330px}} [data-html-page="homepage"] #cinematic-homepage .service-panel-visual{height:360px} @media(max-width:760px){[data-html-page="homepage"] #cinematic-homepage .service-panel-visual{height:320px}[data-html-page="homepage"] #cinematic-homepage .service-showings{height:330px}} /* Match the existing green service section, with all information in normal HTML flow. */ [data-html-page="homepage"] #cinematic-homepage #service{background:#111111!important;scroll-margin-top:90px;color:#ffffff} [data-html-page="homepage"] #cinematic-homepage #service>.current-atmosphere{position:absolute;inset:0;opacity:.1;pointer-events:none} [data-html-page="homepage"] #cinematic-homepage #service .current-atmosphere-layer,[data-html-page="homepage"] #cinematic-homepage #service .current-atmosphere-layer img{width:100%;height:100%;object-fit:cover} [data-html-page="homepage"] #cinematic-homepage #service .service-panels-intro h2{margin:20px 0 28px;max-width:25ch} [data-html-page="homepage"] #cinematic-homepage #service .a-section-number{letter-spacing:.1em;font-weight:650} [data-html-page="homepage"] #cinematic-homepage #service .service-panel{background:#003b63;box-shadow:none} [data-html-page="homepage"] #cinematic-homepage #service .service-panel-visual{height:360px} [data-html-page="homepage"] #cinematic-homepage #service .journey-inline-illustration{position:absolute;right:16px;top:30px;width:90px;height:35px;object-fit:contain} [data-html-page="homepage"] #cinematic-homepage #service .launch-page{width:29%;height:14%;background:#ffffff14;color:#ffffff;display:flex;align-items:center;justify-content:center;border-radius:12px;transform:none;box-shadow:none;will-change:auto} [data-html-page="homepage"] #cinematic-homepage #service .launch-page strong{text-align:center;padding:4px;font-size:13px} [data-html-page="homepage"] #cinematic-homepage #service .launch-destination-left{left:6%}[data-html-page="homepage"] #cinematic-homepage #service .launch-destination-right{right:6%} [data-html-page="homepage"] #cinematic-homepage #service .launch-row-0{top:10%}[data-html-page="homepage"] #cinematic-homepage #service .launch-row-1{top:26%}[data-html-page="homepage"] #cinematic-homepage #service .launch-row-2{top:42%}[data-html-page="homepage"] #cinematic-homepage #service .launch-row-3{top:58%} [data-html-page="homepage"] #cinematic-homepage #service .launch-conditional{border-style:dashed} [data-html-page="homepage"] #cinematic-homepage #service .launch-home{left:36%;top:30%;width:28%;height:40%;box-shadow:none} [data-html-page="homepage"] #cinematic-homepage #service .service-visual-note{left:4%;right:4%;bottom:4%;font-size:10px;line-height:1.4} [data-html-page="homepage"] #cinematic-homepage #service .service-sold-finish{background:#ffffff;color:#003b63;border-color:#cccccc} [data-html-page="homepage"] #cinematic-homepage #service .service-sold-finish p{color:#505050} [data-html-page="homepage"] #cinematic-homepage #service .service-actions{display:flex;flex-direction:column;gap:12px;align-items:start} [data-html-page="homepage"] #cinematic-homepage #service .service-actions .button{color:#111111;background:#78be3f} [data-html-page="homepage"] #cinematic-homepage #service .plain-link{text-decoration:underline;text-underline-offset:4px;font-size:12px} [data-html-page="homepage"] #cinematic-homepage #service .service-terms-note{font-size:12px;color:#cccccc;line-height:1.7;margin-top:25px;max-width:85ch} @media(max-width:900px){[data-html-page="homepage"] #cinematic-homepage #service .service-actions{grid-column:1/-1}} @media(max-width:700px){[data-html-page="homepage"] #cinematic-homepage #service .service-panel-visual{height:310px}[data-html-page="homepage"] #cinematic-homepage #service .launch-page strong{font-size:9px}[data-html-page="homepage"] #cinematic-homepage #service .launch-home strong{font-size:11px}[data-html-page="homepage"] #cinematic-homepage #service .service-visual-note{font-size:9px}[data-html-page="homepage"] #cinematic-homepage #service .service-panels-intro h2{font-size:33px!important}[data-html-page="homepage"] #cinematic-homepage #service .service-panels-intro>p{font-size:15px!important}[data-html-page="homepage"] #cinematic-homepage #service .service-panel-copy p{font-size:14px!important}[data-html-page="homepage"] #cinematic-homepage #service .service-glass-caption strong{font-size:16px;max-width:none;padding-right:0}[data-html-page="homepage"] #cinematic-homepage #service .journey-inline-illustration{display:none}[data-html-page="homepage"] #cinematic-homepage #service .service-sold-finish{grid-template-columns:85px 1fr;gap:15px;padding:20px}[data-html-page="homepage"] #cinematic-homepage #service .service-sold-house{height:95px}[data-html-page="homepage"] #cinematic-homepage #service .service-sold-finish h3{font-size:26px}[data-html-page="homepage"] #cinematic-homepage #service .service-sold-finish p{font-size:12px}} [data-html-page="homepage"] #cinematic-homepage .price-label{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:600}[data-html-page="homepage"] #cinematic-homepage #price-output{font-size:24px}[data-html-page="homepage"] #cinematic-homepage .film-motion{position:fixed;bottom:16px;right:18px;z-index:20;background:#00558c;color:white;padding:10px 18px;border:1px solid #aac58d;border-radius:24px;font-size:11px}[data-html-page="homepage"] #cinematic-homepage .report-open{margin-top:18px;background:none;padding:0;color:#78be3f;text-decoration:underline;text-underline-offset:5px;text-align:left}[data-html-page="homepage"] #cinematic-homepage .seller-pulse{margin-top:18px;font-size:13px}[data-html-page="homepage"] #cinematic-homepage .report-modal[hidden]{display:none}[data-html-page="homepage"] #cinematic-homepage .report-modal{position:fixed;inset:0;z-index:200;background:#0c201be8;overflow:auto;padding:5vh 5%;display:grid;place-items:start center}[data-html-page="homepage"] #cinematic-homepage .report-document{background:#ffffff;padding:36px;width:min(900px,100%);border-radius:16px}[data-html-page="homepage"] #cinematic-homepage .report-document h2{font-size:38px;max-width:600px}[data-html-page="homepage"] #cinematic-homepage .report-document p{margin:18px 0}[data-html-page="homepage"] #cinematic-homepage [data-report-close]{float:right;padding:9px;background:#e1e9d6;border-radius:7px}[data-html-page="homepage"] #cinematic-homepage .report-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin:28px 0}[data-html-page="homepage"] #cinematic-homepage .report-grid table{width:100%;border-collapse:collapse;text-align:left}[data-html-page="homepage"] #cinematic-homepage .report-grid td,[data-html-page="homepage"] #cinematic-homepage .report-grid th{padding:10px 6px;border-bottom:1px solid #ced8c4}[data-html-page="homepage"] #cinematic-homepage .listing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}[data-html-page="homepage"] #cinematic-homepage .listing-card{min-width:0;background:transparent;border:0;box-shadow:none}[data-html-page="homepage"] #cinematic-homepage .listing-image img{width:100%;aspect-ratio:1.5;height:auto;object-fit:cover;border-radius:9px}[data-html-page="homepage"] #cinematic-homepage .listing-info{padding:18px 0}[data-html-page="homepage"] #cinematic-homepage .listing-info h3{font-size:22px;margin:12px 0}[data-html-page="homepage"] #cinematic-homepage .listing-info span{font-size:12px}[data-html-page="homepage"] #cinematic-homepage .seller-source-note{font-size:12px;margin-bottom:24px}[data-html-page="homepage"] #cinematic-homepage .sold-carousel-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 48px)/3);gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:20px}[data-html-page="homepage"] #cinematic-homepage .sold-listing-card{scroll-snap-align:start;min-width:0}[data-html-page="homepage"] #cinematic-homepage .seller-section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}[data-html-page="homepage"] #cinematic-homepage .seller-section-heading h3{font-size:42px}[data-html-page="homepage"] #cinematic-homepage [data-sold-controls]{display:flex;gap:12px;justify-content:flex-end;margin-top:18px}[data-html-page="homepage"] #cinematic-homepage [data-sold-controls] button{background:#00558c;color:white;padding:12px 20px;border-radius:8px}[data-html-page="homepage"] #cinematic-homepage [data-sold-controls] button:disabled{opacity:.35}[data-html-page="homepage"] #cinematic-homepage .html-managed-form{max-width:650px;margin-top:25px}[data-html-page="homepage"] #cinematic-homepage #film{overflow-anchor:none} @media(max-width:700px){[data-html-page="homepage"] #cinematic-homepage .listing-grid{grid-template-columns:1fr}[data-html-page="homepage"] #cinematic-homepage .sold-carousel-track{grid-auto-columns:88%}[data-html-page="homepage"] #cinematic-homepage .report-grid{grid-template-columns:1fr}[data-html-page="homepage"] #cinematic-homepage .report-document{padding:24px}[data-html-page="homepage"] #cinematic-homepage .report-document h2{font-size:30px}} [data-html-page="homepage"] #cinematic-homepage .report-modal:not([data-open="true"]){display:none} [data-html-page="homepage"] #cinematic-homepage [data-film-surface]{width:100%;height:100%} [data-html-page="homepage"] #cinematic-homepage .film-world>[data-film-surface]{position:relative;inset:auto;left:0;top:0;width:100%;height:100%;opacity:1;pointer-events:none;z-index:0} [data-html-page="homepage"] #cinematic-homepage [data-film-surface]{background:url("/cinematic/assets/poster-calgary.jpg") center/cover}[data-html-page="homepage"] #cinematic-homepage [data-film-surface] canvas{opacity:0}[data-html-page="homepage"] #cinematic-homepage [data-film-surface] canvas[data-ready="true"]{opacity:1} /* 2% Realty palette: green accents, blue emphasis, black and white foundations. */ [data-html-page="homepage"] #cinematic-homepage{--paper:#ffffff;--ink:#111111;--green:#78be3f;--forest:#00558c} [data-html-page="homepage"] #cinematic-homepage {background:#fff;color:#111}[data-html-page="homepage"] #cinematic-homepage .site-header{background:#111}[data-html-page="homepage"] #cinematic-homepage .savings-sheet{background:#fff}[data-html-page="homepage"] #cinematic-homepage .savings-sheet em,[data-html-page="homepage"] #cinematic-homepage .saving-result strong{color:#00558c}[data-html-page="homepage"] #cinematic-homepage .calculator input{accent-color:#78be3f}[data-html-page="homepage"] #cinematic-homepage .savings-table .comparison-chart thead{background:#00558c;color:#fff}[data-html-page="homepage"] #cinematic-homepage .savings-table .comparison-chart tbody td:last-child{background:#78be3f;color:#111}[data-html-page="homepage"] #cinematic-homepage .savings-table .comparison-chart tbody tr.selected{background:#edf6e5}[data-html-page="homepage"] #cinematic-homepage .savings-table .comparison-chart tbody tr.selected td:last-child{background:#78be3f}[data-html-page="homepage"] #cinematic-homepage .button{background:#78be3f;color:#111}[data-html-page="homepage"] #cinematic-homepage .veil{filter:grayscale(1)}[data-html-page="homepage"] #cinematic-homepage .wipe{background:#111}[data-html-page="homepage"] #cinematic-homepage .film-caption{color:#505050!important}[data-html-page="homepage"] #cinematic-homepage .final-veil{filter:grayscale(1)}[data-html-page="homepage"] #cinematic-homepage .review-controls{background:#111}[data-html-page="homepage"] #cinematic-homepage .review-controls #play{color:#78be3f}[data-html-page="homepage"] #cinematic-homepage .review-section{background:#00558c;color:#fff}[data-html-page="homepage"] #cinematic-homepage #service{background:#111}[data-html-page="homepage"] #cinematic-homepage #service .service-panel{background:#003b63}[data-html-page="homepage"] #cinematic-homepage #service .service-number,[data-html-page="homepage"] #cinematic-homepage #service .service-eyebrow{color:#78be3f}[data-html-page="homepage"] #cinematic-homepage #service .service-sold-finish{background:#fff}[data-html-page="homepage"] #cinematic-homepage .questions summary::marker{color:#00558c} [data-html-page="homepage"] #cinematic-homepage .google-reviews{background:#fff;color:#202124;padding-block:85px}[data-html-page="homepage"] #cinematic-homepage .google-reviews-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:32px}[data-html-page="homepage"] #cinematic-homepage .google-reviews h2{font-size:clamp(32px,3.5vw,48px);color:#111}[data-html-page="homepage"] #cinematic-homepage .google-profile{font-size:14px;color:#00558c;text-decoration:underline;text-underline-offset:5px}[data-html-page="homepage"] #cinematic-homepage .google-review-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 40px)/3);gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;align-items:start;padding:3px 1px 18px;scrollbar-color:#b8c2cc #f1f3f4;scrollbar-width:thin}[data-html-page="homepage"] #cinematic-homepage .google-review-track>article{scroll-snap-align:start;background:#fff;border:1px solid #dadce0;border-radius:12px;padding:24px;min-width:0;min-height:330px;box-shadow:0 2px 6px #2021240a}[data-html-page="homepage"] #cinematic-homepage .google-reviews .review-author{display:flex;gap:12px;align-items:center}[data-html-page="homepage"] #cinematic-homepage .google-reviews .review-avatar{width:42px;height:42px;flex:0 0 42px;background:#00558c;color:#fff;border-radius:50%;display:grid;place-items:center;font-size:19px}[data-html-page="homepage"] #cinematic-homepage .google-reviews .review-avatar-1{background:#6c4192}[data-html-page="homepage"] #cinematic-homepage .google-reviews .review-avatar-2{background:#166b71}[data-html-page="homepage"] #cinematic-homepage .google-reviews .review-avatar-3{background:#a54c25}[data-html-page="homepage"] #cinematic-homepage .google-reviews .review-avatar-4{background:#455a64}[data-html-page="homepage"] #cinematic-homepage .google-reviews .review-author h3{font:600 15px/1.4 Onest,Arial,sans-serif;letter-spacing:0;margin:0}[data-html-page="homepage"] #cinematic-homepage .google-reviews .review-author span:not(.review-avatar){display:block;font-size:11px;color:#5f6368;margin-top:3px}[data-html-page="homepage"] #cinematic-homepage .google-reviews .review-stars{color:#fbbc04;font-size:19px;letter-spacing:2px;margin:18px 0 12px}[data-html-page="homepage"] #cinematic-homepage .google-reviews blockquote,[data-html-page="homepage"] #cinematic-homepage .google-reviews .review-full-text{font-size:14px;line-height:1.75;color:#3c4043;margin:0}[data-html-page="homepage"] #cinematic-homepage .google-reviews .review-excerpt{display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}[data-html-page="homepage"] #cinematic-homepage .google-reviews article:has(details[open]) .review-excerpt{display:none}[data-html-page="homepage"] #cinematic-homepage .google-reviews details{margin-top:14px}[data-html-page="homepage"] #cinematic-homepage .google-reviews summary{color:#00558c;font-size:13px;cursor:pointer;font-weight:600;list-style:none}[data-html-page="homepage"] #cinematic-homepage .google-reviews summary::-webkit-details-marker{display:none}[data-html-page="homepage"] #cinematic-homepage .google-reviews .review-less{display:none}[data-html-page="homepage"] #cinematic-homepage .google-reviews details[open] .review-more{display:none}[data-html-page="homepage"] #cinematic-homepage .google-reviews details[open] .review-less{display:inline}[data-html-page="homepage"] #cinematic-homepage .google-reviews .review-full-text{margin-top:14px}[data-html-page="homepage"] #cinematic-homepage .google-reviews-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:18px}[data-html-page="homepage"] #cinematic-homepage .google-reviews-bottom>p{font-size:11px;line-height:1.6;color:#5f6368;max-width:660px}[data-html-page="homepage"] #cinematic-homepage .google-review-controls{display:flex;gap:10px;flex-shrink:0}[data-html-page="homepage"] #cinematic-homepage .google-review-controls button{border:1px solid #dadce0;background:white;color:#202124;border-radius:50%;width:44px;height:44px;font-size:22px;cursor:pointer}[data-html-page="homepage"] #cinematic-homepage .google-review-controls button:hover{background:#f1f3f4}[data-html-page="homepage"] #cinematic-homepage .google-review-controls button:disabled{opacity:.35;cursor:default}@media(max-width:900px){[data-html-page="homepage"] #cinematic-homepage .google-review-track{grid-auto-columns:calc((100% - 20px)/2)}}@media(max-width:600px){[data-html-page="homepage"] #cinematic-homepage .google-reviews{padding-block:55px}[data-html-page="homepage"] #cinematic-homepage .google-reviews-heading{display:block}[data-html-page="homepage"] #cinematic-homepage .google-profile{display:inline-block;margin-top:22px;font-size:13px}[data-html-page="homepage"] #cinematic-homepage .google-review-track{grid-auto-columns:90%;gap:14px}[data-html-page="homepage"] #cinematic-homepage .google-review-track>article{padding:22px;min-height:325px}[data-html-page="homepage"] #cinematic-homepage .google-reviews-bottom{align-items:start;gap:14px}[data-html-page="homepage"] #cinematic-homepage .google-reviews h2{font-size:33px}} /* Alternate section backgrounds after listings. */ [data-html-page="homepage"] #cinematic-homepage #sold-with-don{background:#111;color:#fff;max-width:none;padding:80px max(6%,calc((100% - 1220px)/2))}[data-html-page="homepage"] #cinematic-homepage #sold-with-don h2,[data-html-page="homepage"] #cinematic-homepage #sold-with-don h3,[data-html-page="homepage"] #cinematic-homepage #sold-with-don a{color:#fff}[data-html-page="homepage"] #cinematic-homepage #sold-with-don .eyebrow{color:#78be3f}[data-html-page="homepage"] #cinematic-homepage #sold-with-don [data-sold-controls] button{background:#fff;color:#111} [data-html-page="homepage"] #cinematic-homepage #reading{background:#f2f5f8;max-width:none;padding:90px max(6%,calc((100% - 1220px)/2))}[data-html-page="homepage"] #cinematic-homepage #reading h2,[data-html-page="homepage"] #cinematic-homepage #reading h3{color:#111}[data-html-page="homepage"] #cinematic-homepage #reading p{color:#505050} [data-html-page="homepage"] #cinematic-homepage #brokerage-media{background:#00558c;color:#fff;max-width:none;padding:80px max(6%,calc((100% - 1220px)/2));display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:38px 65px;align-items:center}[data-html-page="homepage"] #cinematic-homepage #brokerage-media .eyebrow{color:#78be3f}[data-html-page="homepage"] #cinematic-homepage #brokerage-media h2{font-size:clamp(34px,3.5vw,48px);color:#fff}[data-html-page="homepage"] #cinematic-homepage #brokerage-media .media-intro>p:last-child{font-size:15px;line-height:1.7;margin-top:22px;max-width:360px;color:#fff}[data-html-page="homepage"] #cinematic-homepage .media-publications{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}[data-html-page="homepage"] #cinematic-homepage .press-logo{background:#fff;border-radius:8px;padding:18px 15px;min-width:0;min-height:115px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#00558c}[data-html-page="homepage"] #cinematic-homepage .press-logo img{display:block;object-fit:contain;width:100%;height:58px}[data-html-page="homepage"] #cinematic-homepage .press-logo span{font-size:10px}[data-html-page="homepage"] #cinematic-homepage .press-logo[href]:hover{outline:3px solid #78be3f;outline-offset:2px}[data-html-page="homepage"] #cinematic-homepage .media-note{grid-column:1/-1;font-size:11px;line-height:1.6;color:#e2edf4;margin:0}[data-html-page="homepage"] #cinematic-homepage #seller-faq{background:#fff;scroll-margin-top:90px} @media(max-width:700px){[data-html-page="homepage"] #cinematic-homepage #sold-with-don,[data-html-page="homepage"] #cinematic-homepage #reading,[data-html-page="homepage"] #cinematic-homepage #brokerage-media{padding:60px 6%}[data-html-page="homepage"] #cinematic-homepage #brokerage-media{grid-template-columns:1fr;gap:28px}[data-html-page="homepage"] #cinematic-homepage .media-publications{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}[data-html-page="homepage"] #cinematic-homepage .press-logo{min-height:108px}[data-html-page="homepage"] #cinematic-homepage .media-note{font-size:10px}[data-html-page="homepage"] #cinematic-homepage #seller-faq h2{font-size:34px}} /* Own the cinematic layout boundary: legacy savings-page chapters are numbered grids. */ [data-html-page="homepage"] #cinematic-homepage .chapter{display:block;grid-template-columns:none;gap:0;padding:0;border:0;min-height:0} [data-html-page="homepage"] #cinematic-homepage .eyebrow{display:block;gap:0} [data-html-page="homepage"] #cinematic-homepage .eyebrow::before{content:none;display:none} [data-html-page="homepage"] #cinematic-homepage h1,[data-html-page="homepage"] #cinematic-homepage h2,[data-html-page="homepage"] #cinematic-homepage h3{font-family:Onest,Arial,sans-serif} [data-html-page="homepage"] #cinematic-homepage h1 em,[data-html-page="homepage"] #cinematic-homepage h2 em,[data-html-page="homepage"] #cinematic-homepage h3 em{font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;font-style:normal;letter-spacing:inherit} [data-html-page="homepage"] #cinematic-homepage .chapter>p{width:auto} /* CMS sanitizes inline custom properties; keep pin coordinates in scoped CSS. */ [data-html-page="homepage"] #cinematic-homepage .pins>span:nth-child(1){--x:64%;--y:44%} [data-html-page="homepage"] #cinematic-homepage .pins>span:nth-child(2){--x:84%;--y:60%} [data-html-page="homepage"] #cinematic-homepage .pins>span:nth-child(3){--x:73%;--y:73%} /* Static document layout: copy owns its space; there is no overlapping film canvas. */ [data-html-page="homepage"] #cinematic-homepage.less-motion #film{height:auto;padding:0} [data-html-page="homepage"] #cinematic-homepage.less-motion #main-stage{position:relative;top:auto;height:auto;padding:0;overflow:visible;background:#fff} [data-html-page="homepage"] #cinematic-homepage.less-motion #main-stage>.film-world{display:none} [data-html-page="homepage"] #cinematic-homepage.less-motion .chapter{position:relative;inset:auto;transform:none!important;width:100%;max-width:none;padding:70px 6%;opacity:1!important;visibility:visible;min-height:0} [data-html-page="homepage"] #cinematic-homepage.less-motion .hero-copy{min-height:calc(100svh - var(--nav));display:flex;flex-direction:column;justify-content:center;background:linear-gradient(90deg,#fff 0%,#fffffff5 31%,#ffffffc9 48%,#ffffff14 78%),url('/cinematic/frames/mobile/hero/frame-0000.webp') center/cover no-repeat} [data-html-page="homepage"] #cinematic-homepage.less-motion .hero-copy>h1,[data-html-page="homepage"] #cinematic-homepage.less-motion .hero-copy>p,[data-html-page="homepage"] #cinematic-homepage.less-motion .hero-copy>.journey-evaluation{width:min(52%,720px);max-width:100%} [data-html-page="homepage"] #cinematic-homepage.less-motion .hero-copy .intro{margin-top:24px;font-size:17px;line-height:1.6} [data-html-page="homepage"] #cinematic-homepage.less-motion .hero-copy>.journey-evaluation{margin-top:28px} [data-html-page="homepage"] #cinematic-homepage.less-motion .meet-copy{background:linear-gradient(90deg,#f4f6f8 0%,#f4f6f8f5 36%,#f4f6f899 58%,#f4f6f800 80%),url('/cinematic/assets/don-advisor.webp') center/cover no-repeat} [data-html-page="homepage"] #cinematic-homepage.less-motion .meet-copy>*{max-width:620px;width:55%} [data-html-page="homepage"] #cinematic-homepage.less-motion .meet-copy .award{width:auto;max-width:620px;align-items:center} [data-html-page="homepage"] #cinematic-homepage.less-motion .meet-copy .award img{width:180px;height:auto;max-height:none;object-fit:contain} [data-html-page="homepage"] #cinematic-homepage.less-motion .meet-copy .award strong{font-size:19px} [data-html-page="homepage"] #cinematic-homepage.less-motion .service-copy{background:#00558c;color:#fff} [data-html-page="homepage"] #cinematic-homepage.less-motion .service-copy h2,[data-html-page="homepage"] #cinematic-homepage.less-motion .service-copy h3,[data-html-page="homepage"] #cinematic-homepage.less-motion .service-copy p{color:#fff} [data-html-page="homepage"] #cinematic-homepage.less-motion .service-steps{height:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px} [data-html-page="homepage"] #cinematic-homepage.less-motion .service-steps>div{position:relative;inset:auto;opacity:1!important;visibility:visible;transform:none} [data-html-page="homepage"] #cinematic-homepage.less-motion .savings-sheet{position:relative;inset:auto;height:auto;min-height:0;padding:70px 6%;background:#fff;opacity:1!important;transform:none!important} [data-html-page="homepage"] #cinematic-homepage.less-motion .arrival-copy,[data-html-page="homepage"] #cinematic-homepage.less-motion .paper-copy{display:none} [data-html-page="homepage"] #cinematic-homepage.less-motion #finale{height:auto} [data-html-page="homepage"] #cinematic-homepage.less-motion .final-stage{position:relative;top:auto;min-height:650px;height:calc(100svh - var(--nav));background:url('/cinematic/frames/mobile/twilight/frame-0143.webp') center/cover no-repeat} [data-html-page="homepage"] #cinematic-homepage.less-motion .final-stage .film-world{display:none} [data-html-page="homepage"] #cinematic-homepage .film-world [data-film-surface] canvas:not([data-ready]){visibility:hidden} [data-html-page="homepage"] #cinematic-homepage #main-stage>.film-world{background:url('/cinematic/frames/mobile/hero/frame-0000.webp') center/cover no-repeat} [data-html-page="homepage"] #cinematic-homepage .final-stage>.film-world{background:url('/cinematic/frames/mobile/twilight/frame-0000.webp') center/cover no-repeat} @media(max-width:700px){ [data-html-page="homepage"] #cinematic-homepage.less-motion .chapter,[data-html-page="homepage"] #cinematic-homepage.less-motion .savings-sheet{padding:48px 6%} [data-html-page="homepage"] #cinematic-homepage.less-motion .hero-copy{padding-top:220px;min-height:0;background:linear-gradient(0deg,#fff 0%,#fff 62%,#ffffffd9 76%,#ffffff00 94%),url('/cinematic/frames/mobile/hero/frame-0000.webp') center top/auto 330px no-repeat} [data-html-page="homepage"] #cinematic-homepage.less-motion .hero-copy>h1,[data-html-page="homepage"] #cinematic-homepage.less-motion .hero-copy>p,[data-html-page="homepage"] #cinematic-homepage.less-motion .hero-copy>.journey-evaluation,[data-html-page="homepage"] #cinematic-homepage.less-motion .meet-copy>*{width:100%;max-width:none} [data-html-page="homepage"] #cinematic-homepage.less-motion .hero-copy .intro{font-size:15px} [data-html-page="homepage"] #cinematic-homepage.less-motion .meet-copy{padding-top:260px;background:linear-gradient(0deg,#f4f6f8 0%,#f4f6f8 52%,#f4f6f8e6 65%,#f4f6f800 95%),url('/cinematic/assets/don-advisor.webp') 65% top/auto 390px no-repeat} [data-html-page="homepage"] #cinematic-homepage.less-motion .meet-copy>p:not(.eyebrow){font-size:15px;max-width:none} [data-html-page="homepage"] #cinematic-homepage.less-motion .stats{gap:12px}[data-html-page="homepage"] #cinematic-homepage.less-motion .stats span{font-size:12px} [data-html-page="homepage"] #cinematic-homepage.less-motion .meet-copy .award{gap:18px;font-size:13px}[data-html-page="homepage"] #cinematic-homepage.less-motion .meet-copy .award img{width:125px}[data-html-page="homepage"] #cinematic-homepage.less-motion .meet-copy .award strong{font-size:16px} [data-html-page="homepage"] #cinematic-homepage.less-motion .service-steps{grid-template-columns:1fr;gap:28px}[data-html-page="homepage"] #cinematic-homepage.less-motion .service-steps p{font-size:15px;max-width:none} [data-html-page="homepage"] #cinematic-homepage.less-motion .final-stage{min-height:620px;height:auto;padding-top:290px;background-size:auto 400px;background-position:65% top;background-repeat:no-repeat;background-color:#111} [data-html-page="homepage"] #cinematic-homepage.less-motion .final-copy{position:relative;inset:auto;transform:none;width:100%;padding:40px 6% 70px;background:#111} [data-html-page="homepage"] #cinematic-homepage.less-motion .final-stage .final-veil{display:none} } @media(max-width:700px){ [data-html-page="homepage"] #cinematic-homepage.less-motion .final-stage .film-caption{position:relative;inset:auto;display:flex;padding:0 6% 24px;color:#ddd;text-shadow:none;background:#111} [data-html-page="homepage"] #cinematic-homepage.less-motion .final-stage .film-caption>span:first-child{display:none} [data-html-page="homepage"] #cinematic-homepage.less-motion .final-stage .film-caption>span:last-child{max-width:none;text-align:left} } [data-html-page="homepage"] #cinematic-homepage{letter-spacing:normal} [data-html-page="homepage"] #cinematic-homepage h3{font-family:Onest,Arial,sans-serif;font-weight:700} /* Compact journey navigation and synchronized two-row featured homes. */ [data-html-page="homepage"] #cinematic-homepage .journey-dock{position:fixed;left:20px;bottom:max(18px,env(safe-area-inset-bottom));z-index:45;display:flex;align-items:center;gap:3px;padding:5px;border:1px solid #ffffff35;border-radius:30px;background:#111820f5;color:#fff;box-shadow:0 4px 20px #0002;max-width:calc(100vw - 40px)} [data-html-page="homepage"] #cinematic-homepage .journey-dock select{font:500 12px Onest,Arial,sans-serif;max-width:190px;padding:10px 8px 10px 14px;background:transparent;color:#fff;border:0;cursor:pointer} [data-html-page="homepage"] #cinematic-homepage .journey-dock option{background:#111820;color:#fff} [data-html-page="homepage"] #cinematic-homepage .journey-dock button{position:static;inset:auto;display:grid;place-items:center;min-width:44px;width:44px;height:44px;padding:10px;border:0;border-radius:50%;background:transparent;color:#fff;cursor:pointer} [data-html-page="homepage"] #cinematic-homepage .journey-dock #play{color:#8bd34a} [data-html-page="homepage"] #cinematic-homepage .journey-dock button:hover{background:#ffffff20} [data-html-page="homepage"] #cinematic-homepage .journey-dock button[aria-pressed=true]{background:#00558c} [data-html-page="homepage"] #cinematic-homepage .journey-dock svg{width:23px;height:23px} [data-html-page="homepage"] #cinematic-homepage .journey-dock :focus-visible{outline:2px solid #8bd34a;outline-offset:2px} [data-html-page="homepage"] #cinematic-homepage .film-caption{bottom:86px} [data-html-page="homepage"] #cinematic-homepage #featured-listings .listing-grid{display:grid;grid-template-rows:repeat(2,auto);grid-template-columns:none!important;grid-auto-flow:column;grid-auto-columns:calc((100% - 48px)/3);gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;align-items:stretch;padding-bottom:16px} [data-html-page="homepage"] #cinematic-homepage #featured-listings .listing-card{min-width:0;width:auto;scroll-snap-align:start} [data-html-page="homepage"] #cinematic-homepage #featured-listings .listing-image{aspect-ratio:1.5;overflow:hidden} [data-html-page="homepage"] #cinematic-homepage #featured-listings .listing-image img{width:100%;height:100%;object-fit:cover} [data-html-page="homepage"] #cinematic-homepage .featured-controls{display:flex;justify-content:flex-end;gap:10px;margin-top:18px} [data-html-page="homepage"] #cinematic-homepage .featured-controls button{width:44px;height:44px;border:1px solid #bcc9d1;background:#fff;color:#00558c;border-radius:50%;cursor:pointer;font-size:22px} [data-html-page="homepage"] #cinematic-homepage .featured-controls button:disabled{opacity:.35;cursor:default} [data-html-page="homepage"] #cinematic-homepage .context-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:26px;padding-top:22px;border-top:1px solid #cbd4da} [data-html-page="homepage"] #cinematic-homepage .context-cta p{font-size:15px;max-width:50ch;margin:0} [data-html-page="homepage"] #cinematic-homepage .context-cta a{font-size:13px;white-space:nowrap;color:#00558c;text-decoration:underline;text-underline-offset:4px} [data-html-page="homepage"] #cinematic-homepage .savings-sheet .context-cta{grid-column:1/-1;margin-top:0;padding-top:14px} @media(max-width:900px){[data-html-page="homepage"] #cinematic-homepage #featured-listings .listing-grid{grid-auto-columns:calc((100% - 20px)/2);gap:20px}} @media(max-width:600px){[data-html-page="homepage"] #cinematic-homepage .journey-dock{left:12px;bottom:max(12px,env(safe-area-inset-bottom));max-width:calc(100vw - 24px)}[data-html-page="homepage"] #cinematic-homepage .journey-dock select{max-width:170px;font-size:11px}[data-html-page="homepage"] #cinematic-homepage #featured-listings .listing-grid{grid-auto-columns:84%;gap:16px}[data-html-page="homepage"] #cinematic-homepage .context-cta{align-items:flex-start;flex-direction:column;gap:10px}[data-html-page="homepage"] #cinematic-homepage .context-cta p{font-size:13px}} @media(max-width:700px){[data-html-page="homepage"] #cinematic-homepage .arrival-copy{top:24%;width:88%}[data-html-page="homepage"] #cinematic-homepage .arrival-copy h2{font-size:30px;max-width:330px}} [data-html-page="homepage"] #cinematic-homepage #dw-service-visuals *{box-sizing:border-box}[data-html-page="homepage"] #cinematic-homepage #dw-service-visuals h1,[data-html-page="homepage"] #cinematic-homepage #dw-service-visuals h2,[data-html-page="homepage"] #cinematic-homepage #dw-service-visuals h3,[data-html-page="homepage"] #cinematic-homepage #dw-service-visuals h4,[data-html-page="homepage"] #cinematic-homepage #dw-service-visuals p{margin:0}[data-html-page="homepage"] #cinematic-homepage #dw-service-visuals a,[data-html-page="homepage"] #cinematic-homepage #dw-service-visuals button{font:inherit}[data-html-page="homepage"] #cinematic-homepage #dw-service-visuals img{display:block;width:100%;object-fit:cover}[data-html-page="homepage"] #cinematic-homepage #dw-service-visuals header{position:sticky;top:0;z-index:10;background:#111;color:white;padding:15px 4%;display:flex;gap:25px;align-items:center}[data-html-page="homepage"] #cinematic-homepage #dw-service-visuals header b{font-size:13px}[data-html-page="homepage"] #cinematic-homepage #dw-service-visuals header a{color:white;font-size:13px;text-underline-offset:5px}[data-html-page="homepage"] #cinematic-homepage #dw-service-visuals .note,[data-html-page="homepage"] #cinematic-homepage #dw-service-visuals .label{max-width:1320px;margin:35px auto 20px;padding:0 30px}[data-html-page="homepage"] #cinematic-homepage #dw-service-visuals .note h1{font-size:27px}[data-html-page="homepage"] #cinematic-homepage #dw-service-visuals .note p{max-width:850px;color:#54616b}[data-html-page="homepage"] #cinematic-homepage #dw-service-visuals .label{margin-top:60px}[data-html-page="homepage"] #cinematic-homepage #dw-service-visuals .label b{font-size:22px}[data-html-page="homepage"] #cinematic-homepage #dw-service-visuals .label p{font-size:14px;color:#54616b}[data-html-page="homepage"] #cinematic-homepage #dw-service-visuals .option{max-width:1320px;margin:auto;padding:60px;background:#fff;scroll-margin-top:85px}[data-html-page="homepage"] #cinematic-homepage #dw-service-visuals .eyebrow{color:#00558c;font-size:13px;font-weight:650;margin-bottom:16px}[data-html-page="homepage"] #cinematic-homepage #dw-service-visuals h2{font-size:clamp(30px,3.5vw,46px);line-height:1.15;letter-spacing:-.045em}[data-html-page="homepage"] #cinematic-homepage #dw-service-visuals em{font-style:normal;color:#00558c}[data-html-page="homepage"] #cinematic-homepage #dw-service-visuals h3{font-size:30px;line-height:1.2;letter-spacing:-.025em}[data-html-page="homepage"] #cinematic-homepage #dw-service-visuals .story{display:grid;grid-template-columns:1.15fr 1fr;gap:55px;align-items:center;margin-top:45px;padding-top:45px;border-top:1px solid #d9e0e4}[data-html-page="homepage"] #cinematic-homepage #dw-service-visuals .story:nth-child(even) .visual{order:2}[data-html-page="homepage"] #cinematic-homepage #dw-service-visuals .words p{color:#53616b;margin-top:15px;max-width:55ch;font-size:15px}[data-html-page="homepage"] #cinematic-homepage #dw-service-visuals .num{display:block;color:#00558c;font-size:13px;margin-bottom:14px}[data-html-page="homepage"] #cinematic-homepage #dw-service-visuals .visual{min-width:0;border-radius:10px;overflow:hidden;background:#edf3f7}[data-html-page="homepage"] #cinematic-homepage #dw-service-visuals .phone{aspect-ratio:1.55}[data-html-page="homepage"] #cinematic-homepage #dw-service-visuals .pricevisual{position:relative;padding-bottom:40px}[data-html-page="homepage"] #cinematic-homepage #dw-service-visuals .pricevisual>img{aspect-ratio:1.65}[data-html-page="homepage"] #cinematic-homepage #dw-service-visuals .pricevisual .report{width:72%;margin:-70px 0 0 auto;position:relative;box-shadow:0 8px 35px #132a3930;border:1px solid #d5e2ea}[data-html-page="homepage"] #cinematic-homepage #dw-service-visuals .report,[data-html-page="homepage"] #cinematic-homepage #dw-service-visuals .portal{padding:26px;background:#f7fafc;color:#152530}[data-html-page="homepage"] #cinematic-homepage #dw-service-visuals .apphead{font-weight:750;font-size:15px;border-bottom:1px solid #dce5eb;padding-bottom:13px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center;gap:10px}[data-html-page="homepage"] #cinematic-homepage #dw-service-visuals .apphead span{font-size:8px;letter-spacing:.08em;font-weight:550}[data-html-page="homepage"] #cinematic-homepage #dw-service-visuals small{font-size:11px}[data-html-page="homepage"] #cinematic-homepage #dw-service-visuals h4{font-size:22px;line-height:1.25;margin-top:8px;letter-spacing:-.03em}[data-html-page="homepage"] #cinematic-homepage #dw-service-visuals .bars{height:115px;display:flex;align-items:end;justify-content:space-around;border-bottom:1px solid #afc0cb;margin:23px 0 8px;padding:0 10px;gap:20px}[data-html-page="homepage"] #cinematic-homepage #dw-service-visuals .bars i{height:var(--h);background:#00558c;width:20%;border-radius:3px 3px 0 0;position:relative}[data-html-page="homepage"] #cinematic-homepage #dw-service-visuals .bars i:nth-child(2){background:#78be3f}[data-html-page="homepage"] #cinematic-homepage #dw-service-visuals .bars span{position:absolute;top:-22px;left:0;right:0;text-align:center;font-size:11px;font-style:normal;font-weight:650}[data-html-page="homepage"] #cinematic-homepage #dw-service-visuals .axis{font-size:10px;color:#61717b}[data-html-page="homepage"] #cinematic-homepage #dw-service-visuals .reportfoot{display:flex;gap:10px;margin-top:18px;font-size:9px;justify-content:space-between}[data-html-page="homepage"] #cinematic-homepage #dw-service-visuals .network{position:relative;height:330px;background:#003a60;color:white}[data-html-page="homepage"] #cinematic-homepage #dw-service-visuals .network svg{position:absolute;inset:0;width:100%;height:100%}[data-html-page="homepage"] #cinematic-homepage #dw-service-visuals .channels{position:absolute;inset:28px 15px;display:grid;grid-template-columns:1fr 1fr;column-gap:37%;row-gap:35px;align-items:center}[data-html-page="homepage"] #cinematic-homepage #dw-service-visuals .channels span{text-align:center;padding:10px 5px;border:1px solid #7da1b5;border-radius:5px;background:#124c70;font-size:11px;line-height:1.35}[data-html-page="homepage"] #cinematic-homepage #dw-service-visuals .house{position:absolute;width:30%;top:31%;left:35%;padding:10px;background:#f4f8fb;border-radius:8px;color:#103044;text-align:center;font-size:11px}[data-html-page="homepage"] #cinematic-homepage #dw-service-visuals .house img{aspect-ratio:1.35;object-fit:contain}[data-html-page="homepage"] #cinematic-homepage #dw-service-visuals .metrics{display:flex;justify-content:space-between;margin:22px 0}[data-html-page="homepage"] #cinematic-homepage #dw-service-visuals .metrics b{display:block;font-size:30px;color:#00558c;line-height:1.2}[data-html-page="homepage"] #cinematic-homepage #dw-service-visuals .metrics small{font-size:10px}[data-html-page="homepage"] #cinematic-homepage #dw-service-visuals .feedback{display:flex;gap:10px;padding:15px 0;border-top:1px solid #d9e3e9}[data-html-page="homepage"] #cinematic-homepage #dw-service-visuals .feedback b{font-size:12px}[data-html-page="homepage"] #cinematic-homepage #dw-service-visuals .feedback p,[data-html-page="homepage"] #cinematic-homepage #dw-service-visuals .next p{font-size:12px;margin-top:4px}[data-html-page="homepage"] #cinematic-homepage #dw-service-visuals .dot{width:8px;height:8px;background:#78be3f;border-radius:50%;margin-top:7px;flex-shrink:0}[data-html-page="homepage"] #cinematic-homepage #dw-service-visuals .next{padding:13px;background:#e5edf3;border-left:3px solid #00558c}[data-html-page="homepage"] #cinematic-homepage #dw-service-visuals .next small{font-size:8px}[data-html-page="homepage"] #cinematic-homepage #dw-service-visuals .example{display:block;margin-top:12px;color:#61717b}[data-html-page="homepage"] #cinematic-homepage #dw-service-visuals .link{padding:0;border:0;background:none;color:#00558c;text-decoration:underline;text-underline-offset:5px;margin-top:18px;cursor:pointer;font-size:13px}[data-html-page="homepage"] #cinematic-homepage #dw-service-visuals .cta{display:inline-block;background:#78be3f;color:#111;padding:14px 22px;text-decoration:none;border-radius:4px;font-weight:650;font-size:14px}[data-html-page="homepage"] #cinematic-homepage #dw-service-visuals .endcta{margin-top:45px;padding-top:30px;border-top:1px solid #d9e0e4;display:flex;align-items:center;justify-content:space-between;gap:25px}[data-html-page="homepage"] #cinematic-homepage #dw-service-visuals .two{background:#111;color:#fff}[data-html-page="homepage"] #cinematic-homepage #dw-service-visuals .two em,[data-html-page="homepage"] #cinematic-homepage #dw-service-visuals .two .eyebrow,[data-html-page="homepage"] #cinematic-homepage #dw-service-visuals .two .num,[data-html-page="homepage"] #cinematic-homepage #dw-service-visuals .two .link{color:#78be3f}[data-html-page="homepage"] #cinematic-homepage #dw-service-visuals .cards{display:grid;grid-template-columns:repeat(2,1fr);gap:45px 30px;margin-top:40px}[data-html-page="homepage"] #cinematic-homepage #dw-service-visuals .cards .visual{height:325px}[data-html-page="homepage"] #cinematic-homepage #dw-service-visuals .cards .phone{height:100%;object-position:center}[data-html-page="homepage"] #cinematic-homepage #dw-service-visuals .cards .report,[data-html-page="homepage"] #cinematic-homepage #dw-service-visuals .cards .portal{height:100%}[data-html-page="homepage"] #cinematic-homepage #dw-service-visuals .cards .words{padding-top:22px}[data-html-page="homepage"] #cinematic-homepage #dw-service-visuals .cards h3{font-size:27px}[data-html-page="homepage"] #cinematic-homepage #dw-service-visuals .cards .words p{color:#c4ced5}[data-html-page="homepage"] #cinematic-homepage #dw-service-visuals .cards .num{float:left;margin:7px 13px 0 0}[data-html-page="homepage"] #cinematic-homepage #dw-service-visuals .two .endcta{border-color:#475057}[data-html-page="homepage"] #cinematic-homepage #dw-service-visuals .advisor{display:flex;gap:16px;align-items:center}[data-html-page="homepage"] #cinematic-homepage #dw-service-visuals .advisor img{width:100px;height:76px;border-radius:4px}[data-html-page="homepage"] #cinematic-homepage #dw-service-visuals .advisor p{font-size:13px}[data-html-page="homepage"] #cinematic-homepage #dw-service-visuals .fine{font-size:11px;color:#76858e;margin-top:15px}[data-html-page="homepage"] #cinematic-homepage #dw-service-visuals dialog{border:0;border-radius:10px;padding:35px;max-width:650px;width:calc(100% - 30px);max-height:90vh;overflow:auto;color:#152530}[data-html-page="homepage"] #cinematic-homepage #dw-service-visuals dialog::backdrop{background:#00121ac9}[data-html-page="homepage"] #cinematic-homepage #dw-service-visuals dialog>button{float:right;background:#eaf0f4;border:0;padding:8px 15px;cursor:pointer}[data-html-page="homepage"] #cinematic-homepage #dw-service-visuals dialog h3{font-size:27px;clear:both;padding-top:15px}[data-html-page="homepage"] #cinematic-homepage #dw-service-visuals dialog p{margin-top:15px;font-size:14px}[data-html-page="homepage"] #cinematic-homepage #dw-service-visuals dialog table{width:100%;border-collapse:collapse;margin-top:20px;font-size:13px}[data-html-page="homepage"] #cinematic-homepage #dw-service-visuals td,[data-html-page="homepage"] #cinematic-homepage #dw-service-visuals th{text-align:left;border-bottom:1px solid #d9e0e4;padding:12px 5px}[data-html-page="homepage"] #cinematic-homepage #dw-service-visuals a:focus-visible,[data-html-page="homepage"] #cinematic-homepage #dw-service-visuals button:focus-visible{outline:3px solid #78be3f;outline-offset:5px}[data-html-page="homepage"] #cinematic-homepage #dw-service-visuals footer{text-align:center;padding:50px;color:#53616b;font-size:13px}@media(max-width:750px){[data-html-page="homepage"] #cinematic-homepage #dw-service-visuals header{gap:15px;flex-wrap:wrap}[data-html-page="homepage"] #cinematic-homepage #dw-service-visuals header b{width:100%}[data-html-page="homepage"] #cinematic-homepage #dw-service-visuals .option{padding:30px 22px}[data-html-page="homepage"] #cinematic-homepage #dw-service-visuals .story{grid-template-columns:1fr;gap:25px;margin-top:30px;padding-top:30px}[data-html-page="homepage"] #cinematic-homepage #dw-service-visuals .story:nth-child(even) .visual{order:0}[data-html-page="homepage"] #cinematic-homepage #dw-service-visuals .cards{grid-template-columns:1fr}[data-html-page="homepage"] #cinematic-homepage #dw-service-visuals .endcta{align-items:flex-start;flex-direction:column}[data-html-page="homepage"] #cinematic-homepage #dw-service-visuals .report,[data-html-page="homepage"] #cinematic-homepage #dw-service-visuals .portal{padding:20px}[data-html-page="homepage"] #cinematic-homepage #dw-service-visuals .pricevisual .report{width:85%}[data-html-page="homepage"] #cinematic-homepage #dw-service-visuals .cards .visual{height:315px}[data-html-page="homepage"] #cinematic-homepage #dw-service-visuals .network{height:315px}[data-html-page="homepage"] #cinematic-homepage #dw-service-visuals h3{font-size:26px}[data-html-page="homepage"] #cinematic-homepage #dw-service-visuals .note,[data-html-page="homepage"] #cinematic-homepage #dw-service-visuals .label{padding:0 22px}[data-html-page="homepage"] #cinematic-homepage #dw-service-visuals .option{scroll-margin-top:115px}[data-html-page="homepage"] #cinematic-homepage #dw-service-visuals .channels span{font-size:9px}[data-html-page="homepage"] #cinematic-homepage #dw-service-visuals .apphead span{font-size:7px}[data-html-page="homepage"] #cinematic-homepage #dw-service-visuals .reportfoot{font-size:8px}}[data-html-page="homepage"] #cinematic-homepage #dw-service-visuals .cards .visual{height:410px}[data-html-page="homepage"] #cinematic-homepage #dw-service-visuals .cards .network{height:410px}@media(max-width:750px){[data-html-page="homepage"] #cinematic-homepage #dw-service-visuals .cards .visual{height:auto}[data-html-page="homepage"] #cinematic-homepage #dw-service-visuals .cards .report,[data-html-page="homepage"] #cinematic-homepage #dw-service-visuals .cards .portal{height:auto}[data-html-page="homepage"] #cinematic-homepage #dw-service-visuals .cards .network{height:315px}[data-html-page="homepage"] #cinematic-homepage #dw-service-visuals .cards .phone{height:315px}} [data-html-page="homepage"] #cinematic-homepage #service{background:#fff;padding:0;min-height:0;height:auto;display:block}[data-html-page="homepage"] #cinematic-homepage #dw-service-visuals h2{font-size:clamp(30px,3.5vw,46px);line-height:1.15;letter-spacing:-.045em}[data-html-page="homepage"] #cinematic-homepage #dw-service-visuals h3{font-size:30px;line-height:1.2}[data-html-page="homepage"] #cinematic-homepage #dw-service-visuals .option{max-width:1320px;margin:auto;padding:60px}[data-html-page="homepage"] #cinematic-homepage #dw-service-visuals .phone{margin:0}[data-html-page="homepage"] #cinematic-homepage #dw-service-visuals .link{color:#00558c;text-decoration:underline}[data-html-page="homepage"] #cinematic-homepage #dw-service-visuals .cta{color:#111;background:#78be3f}@media(max-width:750px){[data-html-page="homepage"] #cinematic-homepage #dw-service-visuals .option{padding:35px 22px}} [data-html-page="homepage"] #cinematic-homepage #dw-example-report *{box-sizing:border-box}[data-html-page="homepage"] #cinematic-homepage #dw-example-report h2,[data-html-page="homepage"] #cinematic-homepage #dw-example-report h3,[data-html-page="homepage"] #cinematic-homepage #dw-example-report h4,[data-html-page="homepage"] #cinematic-homepage #dw-example-report p{margin:0}[data-html-page="homepage"] #cinematic-homepage #dw-example-report small{display:block;color:#637283;font-size:12px}[data-html-page="homepage"] #cinematic-homepage #dw-example-report b{display:block}[data-html-page="homepage"] #cinematic-homepage #dw-example-report section{margin:0;padding:26px 0;border-bottom:1px solid #dde4ec;background:transparent}[data-html-page="homepage"] #cinematic-homepage #dw-example-report h3{font-size:24px;line-height:1.25;margin-bottom:16px;letter-spacing:-.03em}[data-html-page="homepage"] #cinematic-homepage #dw-example-report h4{font-size:15px}[data-html-page="homepage"] #cinematic-homepage #dw-example-report p{font-size:14px;line-height:1.65;color:#526170}[data-html-page="homepage"] #cinematic-homepage #dw-example-report img{width:100%;height:190px;object-fit:contain;background:#edf2f6;border-radius:6px}[data-html-page="homepage"] #cinematic-homepage #dw-example-report .example-banner{padding:13px 25px;background:#eaf4fb;color:#00558c;font-size:12px;font-weight:600}[data-html-page="homepage"] #cinematic-homepage #dw-example-report .report-hero{background:#080f22;color:white;padding:40px;display:grid;grid-template-columns:1.6fr 1fr;gap:40px}[data-html-page="homepage"] #cinematic-homepage #dw-example-report .report-hero h2{font-family:Georgia,serif;font-size:44px;line-height:1.06;letter-spacing:-.025em;margin:15px 0}[data-html-page="homepage"] #cinematic-homepage #dw-example-report .report-hero p{color:#d8e5ee}[data-html-page="homepage"] #cinematic-homepage #dw-example-report .report-kicker{font-size:11px;font-weight:650;letter-spacing:.1em;color:#00558c}[data-html-page="homepage"] #cinematic-homepage #dw-example-report .report-hero .report-kicker{color:#b2dbea}[data-html-page="homepage"] #cinematic-homepage #dw-example-report .hero-facts{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:55px}[data-html-page="homepage"] #cinematic-homepage #dw-example-report .hero-facts>div{background:#ffffff14;border:1px solid #ffffff25;border-radius:6px;padding:14px}[data-html-page="homepage"] #cinematic-homepage #dw-example-report .hero-facts small{color:#c4d1dd}[data-html-page="homepage"] #cinematic-homepage #dw-example-report .hero-facts b{font-size:14px;margin-top:5px}[data-html-page="homepage"] #cinematic-homepage #dw-example-report .contact{background:white;color:#111827;padding:18px;margin-top:15px;border-radius:6px}[data-html-page="homepage"] #cinematic-homepage #dw-example-report .contact p{color:#637283;font-size:12px}[data-html-page="homepage"] #cinematic-homepage #dw-example-report .report-body{padding:6px 32px 30px;background:white;color:#111827}[data-html-page="homepage"] #cinematic-homepage #dw-example-report .valuebox{background:#f2f8fc;border:1px solid #dbe9f1;border-radius:8px;padding:25px;margin-top:25px}[data-html-page="homepage"] #cinematic-homepage #dw-example-report .valuebox h3{font-size:30px;margin:8px 0}[data-html-page="homepage"] #cinematic-homepage #dw-example-report .statrow{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:22px}[data-html-page="homepage"] #cinematic-homepage #dw-example-report .statrow b{font-size:20px;margin-top:4px}[data-html-page="homepage"] #cinematic-homepage #dw-example-report .property-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}[data-html-page="homepage"] #cinematic-homepage #dw-example-report .property-facts b{font-size:14px}[data-html-page="homepage"] #cinematic-homepage #dw-example-report .table-scroll{overflow-x:auto;margin-top:20px}[data-html-page="homepage"] #cinematic-homepage #dw-example-report table{border-collapse:collapse;width:100%;min-width:560px;font-size:13px}[data-html-page="homepage"] #cinematic-homepage #dw-example-report th,[data-html-page="homepage"] #cinematic-homepage #dw-example-report td{padding:13px 10px;text-align:left;border-bottom:1px solid #dce5eb;white-space:nowrap}[data-html-page="homepage"] #cinematic-homepage #dw-example-report thead{background:#eef3f7}[data-html-page="homepage"] #cinematic-homepage #dw-example-report tbody tr:last-child{background:#f4f8fb}[data-html-page="homepage"] #cinematic-homepage #dw-example-report .report-note{font-size:11px;margin-top:16px;color:#657487}[data-html-page="homepage"] #cinematic-homepage #dw-example-report .chartgrid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:28px}[data-html-page="homepage"] #cinematic-homepage #dw-example-report .chartgrid>div{background:#f4f7fa;padding:15px;border-radius:5px}[data-html-page="homepage"] #cinematic-homepage #dw-example-report svg{width:100%;height:auto}[data-html-page="homepage"] #cinematic-homepage #dw-example-report svg text{font-size:12px;fill:#526170}[data-html-page="homepage"] #cinematic-homepage #dw-example-report .button{display:inline-block;margin-top:20px}@media(max-width:650px){[data-html-page="homepage"] #cinematic-homepage #dw-example-report .report-hero{grid-template-columns:1fr;padding:25px;gap:25px}[data-html-page="homepage"] #cinematic-homepage #dw-example-report .report-hero h2{font-size:34px}[data-html-page="homepage"] #cinematic-homepage #dw-example-report .hero-facts{margin-top:25px}[data-html-page="homepage"] #cinematic-homepage #dw-example-report .report-hero aside{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:center}[data-html-page="homepage"] #cinematic-homepage #dw-example-report img{height:140px}[data-html-page="homepage"] #cinematic-homepage #dw-example-report .contact{margin:0;padding:12px}[data-html-page="homepage"] #cinematic-homepage #dw-example-report .report-body{padding:4px 18px 25px}[data-html-page="homepage"] #cinematic-homepage #dw-example-report .statrow{grid-template-columns:1fr;gap:15px}[data-html-page="homepage"] #cinematic-homepage #dw-example-report .property-facts{grid-template-columns:1fr 1fr}[data-html-page="homepage"] #cinematic-homepage #dw-example-report .chartgrid{grid-template-columns:1fr}[data-html-page="homepage"] #cinematic-homepage #dw-example-report .valuebox{padding:18px}} [data-html-page="homepage"] #cinematic-homepage .report-document{width:min(1040px,96vw);max-width:1040px;padding:0;background:#fff;max-height:90dvh;overflow:auto}[data-html-page="homepage"] #cinematic-homepage .report-modal{z-index:9999;padding:12px}[data-html-page="homepage"] #cinematic-homepage .report-document>[data-report-close]{display:block;position:sticky;top:0;z-index:3;margin:0;width:100%;text-align:right;padding:12px 24px;background:#fff;color:#111;border-bottom:1px solid #d9e1e7}[data-html-page="homepage"] #cinematic-homepage .report-modal[hidden]{display:none} [data-html-page="homepage"] #cinematic-homepage #dw-service-visuals h2,[data-html-page="homepage"] #cinematic-homepage #dw-service-visuals h3{color:#111}[data-html-page="homepage"] #cinematic-homepage #dw-service-visuals .bars i:nth-child(1){height:52%}[data-html-page="homepage"] #cinematic-homepage #dw-service-visuals .bars i:nth-child(2){height:72%}[data-html-page="homepage"] #cinematic-homepage #dw-service-visuals .bars i:nth-child(3){height:89%} [data-html-page="homepage"] #cinematic-homepage .meet-copy .award,[data-html-page="homepage"] #cinematic-homepage.less-motion .meet-copy .award{gap:24px;font-size:16px;max-width:100%} [data-html-page="homepage"] #cinematic-homepage .meet-copy .award img,[data-html-page="homepage"] #cinematic-homepage.less-motion .meet-copy .award img{width:250px;height:auto;max-height:none;object-fit:contain} [data-html-page="homepage"] #cinematic-homepage .meet-copy .award strong,[data-html-page="homepage"] #cinematic-homepage.less-motion .meet-copy .award strong{font-size:24px;line-height:1.2} [data-html-page="homepage"] #cinematic-homepage .meet-copy .award small{font-size:13px} [data-html-page="homepage"] #cinematic-homepage .meet-copy .stats .commission-saved{color:#00558c;font-size:13px;font-weight:650;max-width:180px;margin-top:8px} @media(max-height:760px) and (min-width:701px){[data-html-page="homepage"] #cinematic-homepage .meet-copy .award img{width:200px}[data-html-page="homepage"] #cinematic-homepage .meet-copy .award strong{font-size:21px}} @media(max-width:700px){[data-html-page="homepage"] #cinematic-homepage .meet-copy .award,[data-html-page="homepage"] #cinematic-homepage.less-motion .meet-copy .award{gap:16px;font-size:13px}[data-html-page="homepage"] #cinematic-homepage .meet-copy .award img,[data-html-page="homepage"] #cinematic-homepage.less-motion .meet-copy .award img{width:170px}[data-html-page="homepage"] #cinematic-homepage .meet-copy .award strong,[data-html-page="homepage"] #cinematic-homepage.less-motion .meet-copy .award strong{font-size:18px}[data-html-page="homepage"] #cinematic-homepage .meet-copy .award small{font-size:11px}[data-html-page="homepage"] #cinematic-homepage .meet-copy .stats .commission-saved{font-size:11px}} @media(max-height:760px) and (min-width:701px){[data-html-page="homepage"] #cinematic-homepage:not(.less-motion) .meet-copy{top:46%}[data-html-page="homepage"] #cinematic-homepage:not(.less-motion) .meet-copy .award img{width:185px}[data-html-page="homepage"] #cinematic-homepage:not(.less-motion) .meet-copy .award{margin-top:14px}} @media(max-width:700px){[data-html-page="homepage"] #cinematic-homepage:not(.less-motion) .meet-copy{top:52%}} [data-html-page="homepage"] #cinematic-homepage #dw-example-report .chart-0 .bar-0{height:101px}[data-html-page="homepage"] #cinematic-homepage #dw-example-report .chart-0 .bar-1{height:104px}[data-html-page="homepage"] #cinematic-homepage #dw-example-report .chart-0 .bar-2{height:107px}[data-html-page="homepage"] #cinematic-homepage #dw-example-report .chart-0 .bar-3{height:110px}[data-html-page="homepage"] #cinematic-homepage #dw-example-report .chart-1 .bar-0{height:88px}[data-html-page="homepage"] #cinematic-homepage #dw-example-report .chart-1 .bar-1{height:99px}[data-html-page="homepage"] #cinematic-homepage #dw-example-report .chart-1 .bar-2{height:104px}[data-html-page="homepage"] #cinematic-homepage #dw-example-report .chart-1 .bar-3{height:110px}[data-html-page="homepage"] #cinematic-homepage #dw-example-report .chart-2 .bar-0{height:110px}[data-html-page="homepage"] #cinematic-homepage #dw-example-report .chart-2 .bar-1{height:100px}[data-html-page="homepage"] #cinematic-homepage #dw-example-report .chart-2 .bar-2{height:89px}[data-html-page="homepage"] #cinematic-homepage #dw-example-report .chart-2 .bar-3{height:82px}[data-html-page="homepage"] #cinematic-homepage #dw-example-report .chart-3 .bar-0{height:108px}[data-html-page="homepage"] #cinematic-homepage #dw-example-report .chart-3 .bar-1{height:109px}[data-html-page="homepage"] #cinematic-homepage #dw-example-report .chart-3 .bar-2{height:109px}[data-html-page="homepage"] #cinematic-homepage #dw-example-report .chart-3 .bar-3{height:110px}[data-html-page="homepage"] #cinematic-homepage #dw-example-report .diff-0 i{width:28.57142857142858%;right:50%;background:#00558c}[data-html-page="homepage"] #cinematic-homepage #dw-example-report .diff-1 i{width:29.41176470588225%;left:50%;background:#78be3f}[data-html-page="homepage"] #cinematic-homepage #dw-example-report .diff-2 i{width:40.000000000000036%;right:50%;background:#00558c} [data-html-page="homepage"] #cinematic-homepage #dw-example-report .fiction-charts{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:26px} [data-html-page="homepage"] #cinematic-homepage #dw-example-report .fiction-chart{background:#f2f6fa;padding:20px;border-radius:7px;margin:0;min-width:0} [data-html-page="homepage"] #cinematic-homepage #dw-example-report figcaption{font-size:15px;font-weight:650;margin-bottom:24px} [data-html-page="homepage"] #cinematic-homepage #dw-example-report .fiction-bars{display:flex;gap:14px;align-items:flex-end;justify-content:space-between} [data-html-page="homepage"] #cinematic-homepage #dw-example-report .fiction-column{flex:1;text-align:center;min-width:0} [data-html-page="homepage"] #cinematic-homepage #dw-example-report .bar-value{display:block;font-size:12px;white-space:nowrap;margin-bottom:8px;font-weight:650} [data-html-page="homepage"] #cinematic-homepage #dw-example-report .fiction-bar{background:#00558c;width:70%;margin:auto;border-radius:3px 3px 0 0} [data-html-page="homepage"] #cinematic-homepage #dw-example-report .fiction-column:last-child .fiction-bar{background:#78be3f} [data-html-page="homepage"] #cinematic-homepage #dw-example-report .bar-year{display:block;border-top:1px solid #bdcbd6;padding-top:8px;font-size:11px} [data-html-page="homepage"] #cinematic-homepage #dw-example-report .assessment-plot{background:#f2f6fa;padding:22px;margin-top:24px;border-radius:6px} [data-html-page="homepage"] #cinematic-homepage #dw-example-report .difference-row{display:grid;grid-template-columns:65px 1fr 72px;align-items:center;gap:12px;margin-top:18px;font-size:12px} [data-html-page="homepage"] #cinematic-homepage #dw-example-report .difference-track{position:relative;height:22px;background:linear-gradient(90deg,transparent 49.6%,#8797a6 49.6%,#8797a6 50.4%,transparent 50.4%)} [data-html-page="homepage"] #cinematic-homepage #dw-example-report .difference-track i{position:absolute;height:16px;top:3px;border-radius:2px} @media(max-width:650px){[data-html-page="homepage"] #cinematic-homepage #dw-example-report .fiction-charts{grid-template-columns:1fr}[data-html-page="homepage"] #cinematic-homepage #dw-example-report .fiction-chart{padding:16px}[data-html-page="homepage"] #cinematic-homepage #dw-example-report .difference-row{grid-template-columns:52px 1fr 62px;gap:7px}[data-html-page="homepage"] #cinematic-homepage #dw-example-report .assessment-plot{padding:15px}} /* Sold portfolio: explicit card colours, spacing and native scrolling. */ [data-html-page="homepage"] #cinematic-homepage #film-canvas{position:relative} [data-html-page="homepage"] #cinematic-homepage #film-canvas>[data-film-poster]{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:1;pointer-events:none} [data-html-page="homepage"] #cinematic-homepage #film-canvas>canvas{position:relative;opacity:0} [data-html-page="homepage"] #cinematic-homepage #film-canvas>canvas[data-ready="true"]{opacity:1} [data-html-page="homepage"] #cinematic-homepage #film-canvas:has(>canvas[data-ready="true"])>[data-film-poster]{opacity:0} [data-html-page="homepage"] .seller-sold-block .dw-sold-track{display:flex!important;gap:24px!important;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:0 0 8px;margin-top:28px;align-items:stretch} [data-html-page="homepage"] .dw-sold-track>.dw-sold-card{flex:0 0 calc((100% - 48px)/3);min-width:0;scroll-snap-align:start;display:block!important;background:oklch(97% .008 92);color:oklch(24% .02 154);border:1px solid oklch(81% .016 150);border-radius:9px;overflow:hidden;text-decoration:none} [data-html-page="homepage"] .dw-sold-card .dw-sold-photo{position:relative;aspect-ratio:4/3;background:oklch(88% .015 150);overflow:hidden} [data-html-page="homepage"] .dw-sold-card .dw-sold-photo img{display:block;width:100%;height:100%;object-fit:cover;margin:0;border-radius:0} [data-html-page="homepage"] .dw-sold-card .dw-sold-badge{position:absolute;top:15px;left:15px;padding:5px 11px;background:oklch(31% .04 155);color:oklch(97% .008 92);font-size:12px;font-weight:700;letter-spacing:.09em;border-radius:3px} [data-html-page="homepage"] .dw-sold-card .dw-sold-copy{padding:22px} [data-html-page="homepage"] .dw-sold-card .dw-sold-copy h3{color:oklch(24% .02 154)!important;font:650 clamp(19px,1.5vw,23px)/1.25 Onest,Arial,sans-serif;letter-spacing:-.025em;margin:9px 0 16px;opacity:1} [data-html-page="homepage"] .dw-sold-card .dw-sold-copy p{color:oklch(43% .025 152)!important;font:12px/1.5 Onest,Arial,sans-serif;margin:0} [data-html-page="homepage"] .dw-sold-card:hover h3{text-decoration:underline;text-underline-offset:4px} [data-html-page="homepage"] .dw-sold-card .dw-sold-no-photo{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:26px;color:oklch(24% .02 154)} [data-html-page="homepage"] .dw-sold-no-photo small{font-size:12px} [data-html-page="homepage"] .seller-sold-block .dw-sold-intro{font-size:14px;color:oklch(88% .008 150);margin:16px 0} [data-html-page="homepage"] .seller-sold-block .dw-sold-note{font-size:12px;line-height:1.6;color:oklch(84% .008 150);margin-top:24px;max-width:70ch} [data-html-page="homepage"] .seller-sold-block .dw-sold-note a{text-decoration:underline;text-underline-offset:3px} @media(max-width:800px){[data-html-page="homepage"] .dw-sold-track>.dw-sold-card{flex-basis:calc((100% - 24px)/2)}} @media(max-width:550px){[data-html-page="homepage"] .dw-sold-track>.dw-sold-card{flex-basis:86%}[data-html-page="homepage"] .seller-sold-block .seller-section-heading{display:block}[data-html-page="homepage"] .seller-sold-block .seller-section-heading>a{display:inline-block;margin-top:16px}} [data-html-page="homepage"] #cinematic-homepage #film-canvas>[data-film-poster]>img{width:100%;height:100%;object-fit:cover;display:block} [data-html-page="homepage"] #cinematic-homepage [data-film-surface],[data-html-page="homepage"] #cinematic-homepage #main-stage>.film-world{background:none} [data-html-page="homepage"] #cinematic-homepage .seller-sold-block .dw-sold-intro{color:oklch(88% .008 150)!important}[data-html-page="homepage"] #cinematic-homepage .seller-sold-block .dw-sold-note{color:oklch(84% .008 150)!important} @media(max-width:600px){[data-html-page="homepage"] #sold-with-don .seller-section-heading{display:block!important}[data-html-page="homepage"] #sold-with-don .seller-section-heading h3{font-size:36px!important;margin-bottom:16px!important}[data-html-page="homepage"] #sold-with-don .seller-section-heading>a{display:inline-block!important;margin-bottom:10px!important}} @media(max-width:750px){[data-html-page="homepage"] #cinematic-homepage #dw-service-visuals .story>.visual{align-self:stretch}} /* Selective homepage accents. Form behavior and content remain in their existing components. */ [data-html-page="homepage"] { --neon-action: linear-gradient(120deg, oklch(92% .15 125), oklch(82% .21 130)); --neon-ink: oklch(18% .018 145); --neon-line: oklch(68% .17 130 / .45); } [data-html-page="homepage"] :is(.journey-evaluation .journey-cta-row > .journey-eval-submit, .journey-evaluation .journey-address-row > button, #dw-service-visuals .endcta .cta, .context-cta > a, #finale .final-copy .button, .browse-primary-link) { color: var(--neon-ink) !important; background: var(--neon-action) !important; border: 1px solid oklch(79% .17 130) !important; border-radius: 3px 14px 3px 14px !important; box-shadow: inset 0 1px 0 oklch(98% .015 130 / .8), 0 5px 16px oklch(60% .13 130 / .13) !important; min-height: 46px; font-weight: 750 !important; text-decoration: none !important; transition: transform 180ms ease-out, box-shadow 180ms ease-out !important; } [data-html-page="homepage"] :is(.journey-evaluation .journey-cta-row > .journey-eval-submit, .journey-evaluation .journey-address-row > button, #dw-service-visuals .endcta .cta, .context-cta > a, #finale .final-copy .button, .browse-primary-link):hover { transform: translateY(-2px); box-shadow: inset 0 1px 0 oklch(98% .015 130 / .8), 0 7px 22px oklch(62% .18 130 / .25) !important; } [data-html-page="homepage"] :is(.journey-evaluation .journey-cta-row > .journey-eval-submit, .journey-evaluation .journey-address-row > button, #dw-service-visuals .endcta .cta, .context-cta > a, #finale .final-copy .button, .browse-primary-link):focus-visible { outline: 2px solid oklch(40% .12 135); outline-offset: 4px; } [data-html-page="homepage"] :is(#dw-service-visuals, .journey-evaluation) .journey-cta-row > .journey-eval-submit, [data-html-page="homepage"] :is(#dw-service-visuals, .journey-evaluation) .journey-cta-row > a.text-don-button { box-sizing: border-box; min-height: 52px; padding: 12px 16px; border-width: 1px; border-style: solid; border-radius: 8px !important; } [data-html-page="homepage"] :is(#dw-service-visuals, .journey-evaluation) .journey-cta-row > a.text-don-button { border-color: #111 !important; } [data-html-page="homepage"] #dw-service-visuals .endcta { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 24px; padding: 28px 32px; margin-top: 36px; background: repeating-linear-gradient(115deg, transparent 0 58px, oklch(90% .06 130 / .035) 58px 59px), oklch(20% .012 145); border: 1px solid oklch(72% .14 130 / .25); border-radius: 4px 22px 4px 22px; } [data-html-page="homepage"] #dw-service-visuals .endcta p { color: oklch(96% .008 130); margin: 0; max-width: 32ch; font-weight: 550; } [data-html-page="homepage"] #dw-service-visuals .endcta .cta { margin: 0; box-shadow: 0 0 24px oklch(76% .2 130 / .17) !important; } [data-html-page="homepage"] :is(#featured-listings .section-heading, #reading .reading-intro, #client-reviews .google-reviews-heading) { position: relative; } [data-html-page="homepage"] :is(#featured-listings .section-heading, #client-reviews .google-reviews-heading)::before { content: ""; display: block; position: absolute; top: -25px; left: 0; width: min(250px, 60%); height: 1px; background: linear-gradient(90deg, oklch(66% .19 130), oklch(66% .19 130 / .3) 55%, transparent); box-shadow: 0 4px 0 oklch(60% .12 130 / .07); } [data-html-page="homepage"] #reading .guide-list > :is(a, button) { border-color: oklch(65% .11 130 / .3); transition: background 180ms ease-out; } [data-html-page="homepage"] #reading .guide-list > :is(a, button):hover { background: oklch(96% .025 130); } [data-html-page="homepage"] #reading .guide-list > :is(a, button) > b { display: grid; place-items: center; width: 42px; height: 42px; border: 1px solid var(--neon-line); border-radius: 2px 11px 2px 11px; color: oklch(38% .08 135); background: oklch(96% .035 130); font-size: 22px; } [data-html-page="homepage"] #featured-listings .text-link { padding: 10px 0; text-decoration-color: oklch(60% .16 130); text-underline-offset: 7px; } [data-html-page="homepage"] #finale .final-copy .button { box-shadow: 0 0 28px oklch(76% .2 130 / .22) !important; } @media(max-width:600px) { [data-html-page="homepage"] #dw-service-visuals .endcta { padding: 24px 20px; gap: 20px; } [data-html-page="homepage"] #dw-service-visuals .endcta p { font-size: 18px; line-height: 1.45; } [data-html-page="homepage"] #reading .guide-list > :is(a, button) > b { width: 34px; height: 38px; } } @media(prefers-reduced-motion:reduce) { [data-html-page="homepage"] :is(.journey-evaluation button, .context-cta > a, #dw-service-visuals .endcta .cta, #finale .final-copy .button, .browse-primary-link, #reading .guide-list > a, #reading .guide-list > button) { transition: none !important; transform: none !important; } } [data-html-page="homepage"].approved-homepage #cinematic-homepage #service{--surface:#0c100e;--panel:#131b16;--raised:#1b281f;--ink:#f2f5ed;--muted:#b0bcb2;--accent:#b4ed70;--line:#9ac56f30;background:var(--surface);color:var(--ink)}[data-html-page="homepage"].approved-homepage #cinematic-homepage #dw-service-visuals *{box-sizing:border-box}[data-html-page="homepage"].approved-homepage #cinematic-homepage #dw-service-visuals .option{max-width:1280px;margin:auto;padding:90px 60px 100px}[data-html-page="homepage"].approved-homepage #cinematic-homepage #dw-service-visuals .eyebrow{color:var(--accent);font-size:10px;letter-spacing:2px;margin:0 0 22px}[data-html-page="homepage"].approved-homepage #cinematic-homepage #dw-service-visuals h2{font-size:clamp(34px,3.7vw,57px);max-width:850px;line-height:1.08;letter-spacing:-2.8px;margin:0 0 60px;color:var(--ink)}[data-html-page="homepage"].approved-homepage #cinematic-homepage #dw-service-visuals h2 em{color:var(--accent)}[data-html-page="homepage"].approved-homepage #cinematic-homepage #dw-service-visuals h3{font-size:34px;line-height:1.15;letter-spacing:-1.2px;margin:0 0 18px;color:var(--ink)}[data-html-page="homepage"].approved-homepage #cinematic-homepage #dw-service-visuals .story{position:relative;display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:75px;border-top:1px solid var(--line);padding:55px 0;margin:0}[data-html-page="homepage"].approved-homepage #cinematic-homepage #dw-service-visuals .story:before{content:'';position:absolute;top:-1px;left:0;height:1px;width:75px;background:var(--accent);box-shadow:0 0 9px #9fde5440}[data-html-page="homepage"].approved-homepage #cinematic-homepage #dw-service-visuals .story:nth-of-type(even) .visual{order:-1}[data-html-page="homepage"].approved-homepage #cinematic-homepage #dw-service-visuals .num{display:block;color:var(--accent);font-size:11px;letter-spacing:2px;margin-bottom:18px}[data-html-page="homepage"].approved-homepage #cinematic-homepage #dw-service-visuals .words p{font-size:15px;line-height:1.85;color:var(--muted);max-width:460px;margin:0}[data-html-page="homepage"].approved-homepage #cinematic-homepage #dw-service-visuals .visual{min-width:0;border:1px solid var(--line);border-radius:3px 22px 3px 22px;overflow:hidden;background:var(--panel)}[data-html-page="homepage"].approved-homepage #cinematic-homepage #dw-service-visuals img{display:block;width:100%;object-fit:cover}[data-html-page="homepage"].approved-homepage #cinematic-homepage #dw-service-visuals .phone{aspect-ratio:1.25}[data-html-page="homepage"].approved-homepage #cinematic-homepage #dw-service-visuals .pricevisual{position:relative;padding:0 18px 18px 0}[data-html-page="homepage"].approved-homepage #cinematic-homepage #dw-service-visuals .pricevisual>img{aspect-ratio:1.8;object-position:50% 37%;filter:saturate(.8)}[data-html-page="homepage"].approved-homepage #cinematic-homepage #dw-service-visuals .report{padding:24px;background:var(--panel,#131b16);color:var(--ink,#f2f5ed);border:1px solid var(--line,#9ac56f30);border-radius:3px 15px 3px 15px}[data-html-page="homepage"].approved-homepage #cinematic-homepage #dw-service-visuals .pricevisual .report{position:relative;width:83%;margin:-40px 0 0 auto;box-shadow:0 15px 35px #0003}[data-html-page="homepage"].approved-homepage #cinematic-homepage #dw-service-visuals .apphead{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid var(--line,#9ac56f30);padding-bottom:15px;margin-bottom:18px;font-size:13px;font-weight:700}[data-html-page="homepage"].approved-homepage #cinematic-homepage #dw-service-visuals .apphead span{font-size:7px;letter-spacing:.7px;font-weight:500;color:var(--muted,#b0bcb2)}[data-html-page="homepage"].approved-homepage #cinematic-homepage #dw-service-visuals .report small{font-size:10px;color:var(--muted,#b0bcb2)}[data-html-page="homepage"].approved-homepage #cinematic-homepage #dw-service-visuals .report h4{font-size:21px;letter-spacing:-.6px;margin:7px 0 0;line-height:1.2}[data-html-page="homepage"].approved-homepage #cinematic-homepage #dw-service-visuals .bars{height:100px;display:flex;align-items:end;justify-content:space-around;border-bottom:1px solid var(--line,#9ac56f30);margin:25px 0 10px}[data-html-page="homepage"].approved-homepage #cinematic-homepage #dw-service-visuals .bars i{position:relative;width:20%;height:52%;background:#507946;border-radius:3px 3px 0 0}[data-html-page="homepage"].approved-homepage #cinematic-homepage #dw-service-visuals .bars i:nth-child(2){height:72%;background:#b4ed70}[data-html-page="homepage"].approved-homepage #cinematic-homepage #dw-service-visuals .bars i:nth-child(3){height:89%;background:#759d57}[data-html-page="homepage"].approved-homepage #cinematic-homepage #dw-service-visuals .bars span{position:absolute;top:-19px;width:100%;text-align:center;font:10px Onest,sans-serif}[data-html-page="homepage"].approved-homepage #cinematic-homepage #dw-service-visuals .axis{font-size:9px;color:var(--muted,#b0bcb2)}[data-html-page="homepage"].approved-homepage #cinematic-homepage #dw-service-visuals .reportfoot{display:flex;justify-content:space-between;gap:10px;margin-top:18px;font-size:8px;color:var(--muted,#b0bcb2)}[data-html-page="homepage"].approved-homepage #cinematic-homepage #dw-service-visuals .link{background:none;border:0;color:var(--accent);padding:0 0 6px;margin-top:24px;font:600 12px Onest,sans-serif;border-bottom:1px solid var(--line);cursor:pointer;text-align:left}[data-html-page="homepage"].approved-homepage #cinematic-homepage #dw-service-visuals .network{position:relative;height:330px;background:radial-gradient(ellipse at center,#61943e28,transparent 65%),repeating-linear-gradient(120deg,transparent 0 40px,#b4ed7005 41px 42px),var(--panel)}[data-html-page="homepage"].approved-homepage #cinematic-homepage #dw-service-visuals .network:before,[data-html-page="homepage"].approved-homepage #cinematic-homepage #dw-service-visuals .network:after{content:'';position:absolute;left:20%;right:20%;top:23%;bottom:23%;border:1px solid var(--line);border-radius:50%}[data-html-page="homepage"].approved-homepage #cinematic-homepage #dw-service-visuals .network:after{left:31%;right:31%;top:9%;bottom:9%}[data-html-page="homepage"].approved-homepage #cinematic-homepage #dw-service-visuals .channels{position:absolute;z-index:1;inset:28px 15px;display:grid;grid-template-columns:1fr 1fr;column-gap:37%;row-gap:35px;align-items:center}[data-html-page="homepage"].approved-homepage #cinematic-homepage #dw-service-visuals .channels span{text-align:center;padding:11px 4px;border:1px solid var(--line);border-radius:4px;background:var(--raised);font-size:10px;line-height:1.4}[data-html-page="homepage"].approved-homepage #cinematic-homepage #dw-service-visuals .house{position:absolute;z-index:2;width:30%;top:33%;left:35%;padding:10px;background:var(--panel);border:1px solid var(--accent);border-radius:3px 13px 3px 13px;color:var(--ink);text-align:center;font-size:10px;box-shadow:0 0 25px #a5de4620}[data-html-page="homepage"].approved-homepage #cinematic-homepage #dw-service-visuals .house img{aspect-ratio:1.35}[data-html-page="homepage"].approved-homepage #cinematic-homepage #dw-service-visuals .house b{display:block;margin-top:9px;font-weight:500}[data-html-page="homepage"].approved-homepage #cinematic-homepage #dw-service-visuals .portal{padding:30px}[data-html-page="homepage"].approved-homepage #cinematic-homepage #dw-service-visuals .portal h4{font-size:27px;line-height:1.2;letter-spacing:-1px;margin:25px 0}[data-html-page="homepage"].approved-homepage #cinematic-homepage #dw-service-visuals .metrics{display:flex;gap:12px;justify-content:space-between;margin:25px 0}[data-html-page="homepage"].approved-homepage #cinematic-homepage #dw-service-visuals .metrics>div{flex:1}[data-html-page="homepage"].approved-homepage #cinematic-homepage #dw-service-visuals .metrics b{display:block;font-size:35px;font-weight:600;color:var(--accent);line-height:1.2}[data-html-page="homepage"].approved-homepage #cinematic-homepage #dw-service-visuals .metrics small{display:block;font-size:10px;color:var(--muted);margin-top:7px}[data-html-page="homepage"].approved-homepage #cinematic-homepage #dw-service-visuals .feedback{display:flex;gap:12px;border-top:1px solid var(--line);padding:20px 0}[data-html-page="homepage"].approved-homepage #cinematic-homepage #dw-service-visuals .feedback b{font-size:12px}[data-html-page="homepage"].approved-homepage #cinematic-homepage #dw-service-visuals .feedback p,[data-html-page="homepage"].approved-homepage #cinematic-homepage #dw-service-visuals .next p{font-size:12px;line-height:1.65;margin:5px 0;color:var(--muted)}[data-html-page="homepage"].approved-homepage #cinematic-homepage #dw-service-visuals .dot{display:block;background:var(--accent);width:6px;height:6px;flex-shrink:0;border-radius:50%;margin-top:7px}[data-html-page="homepage"].approved-homepage #cinematic-homepage #dw-service-visuals .next{background:var(--raised);padding:16px;border-left:1px solid var(--accent)}[data-html-page="homepage"].approved-homepage #cinematic-homepage #dw-service-visuals .next small{font-size:8px;letter-spacing:1px;color:var(--accent)}[data-html-page="homepage"].approved-homepage #cinematic-homepage #dw-service-visuals .example{display:block;margin-top:18px;font-size:9px;color:var(--muted)}[data-html-page="homepage"].approved-homepage #cinematic-homepage #dw-service-visuals .endcta{display:flex;align-items:center;justify-content:space-between;gap:35px;border-top:1px solid var(--line);padding-top:40px}[data-html-page="homepage"].approved-homepage #cinematic-homepage #dw-service-visuals .endcta p{font-size:22px;letter-spacing:-.5px;max-width:340px;line-height:1.4;margin:0}[data-html-page="homepage"].approved-homepage #cinematic-homepage #dw-service-visuals .cta{display:inline-flex;padding:17px 23px;font-size:13px;font-weight:700;color:#101a0b;background:linear-gradient(110deg,#c7f794,#a1e42b);border:1px solid #d7ff9c;border-radius:3px 15px 3px 15px;box-shadow:0 0 20px #a4e63e18;text-decoration:none;white-space:nowrap}[data-html-page="homepage"].approved-homepage #cinematic-homepage #dw-service-visuals .fine{margin:25px 0 0;font-size:10px;line-height:1.7;color:var(--muted)}@media(max-width:700px){[data-html-page="homepage"].approved-homepage #cinematic-homepage #dw-service-visuals .option{padding:50px 24px 90px}[data-html-page="homepage"].approved-homepage #cinematic-homepage #dw-service-visuals h2{font-size:35px;letter-spacing:-1.6px;line-height:1.13;margin-bottom:36px}[data-html-page="homepage"].approved-homepage #cinematic-homepage #dw-service-visuals .eyebrow{font-size:9px;letter-spacing:1.4px;margin-bottom:21px}[data-html-page="homepage"].approved-homepage #cinematic-homepage #dw-service-visuals .story{display:flex;flex-direction:column;align-items:stretch;gap:26px;padding:32px 0 38px}[data-html-page="homepage"].approved-homepage #cinematic-homepage #dw-service-visuals .story .words{order:0}[data-html-page="homepage"].approved-homepage #cinematic-homepage #dw-service-visuals .story .visual{order:1}[data-html-page="homepage"].approved-homepage #cinematic-homepage #dw-service-visuals .num{font-size:10px;margin-bottom:13px}[data-html-page="homepage"].approved-homepage #cinematic-homepage #dw-service-visuals h3{font-size:28px;margin-bottom:14px;letter-spacing:-1px}[data-html-page="homepage"].approved-homepage #cinematic-homepage #dw-service-visuals .words p{font-size:14px;line-height:1.8}[data-html-page="homepage"].approved-homepage #cinematic-homepage #dw-service-visuals .link{font-size:12px;margin-top:18px}[data-html-page="homepage"].approved-homepage #cinematic-homepage #dw-service-visuals .pricevisual{padding:0 12px 12px 0}[data-html-page="homepage"].approved-homepage #cinematic-homepage #dw-service-visuals .pricevisual .report{width:92%;padding:18px;margin-top:-25px}[data-html-page="homepage"].approved-homepage #cinematic-homepage #dw-service-visuals .report h4{font-size:19px}[data-html-page="homepage"].approved-homepage #cinematic-homepage #dw-service-visuals .apphead{font-size:12px}[data-html-page="homepage"].approved-homepage #cinematic-homepage #dw-service-visuals .apphead span{font-size:6px}[data-html-page="homepage"].approved-homepage #cinematic-homepage #dw-service-visuals .reportfoot{font-size:7px;gap:5px}[data-html-page="homepage"].approved-homepage #cinematic-homepage #dw-service-visuals .portal{padding:23px}[data-html-page="homepage"].approved-homepage #cinematic-homepage #dw-service-visuals .network{height:310px}[data-html-page="homepage"].approved-homepage #cinematic-homepage #dw-service-visuals .channels span{font-size:9px}[data-html-page="homepage"].approved-homepage #cinematic-homepage #dw-service-visuals .endcta{align-items:flex-start;flex-direction:column;gap:23px;padding-top:30px}[data-html-page="homepage"].approved-homepage #cinematic-homepage #dw-service-visuals .endcta p{font-size:23px}} /* Approved Seller Pulse preview: feedback, competition and local market context. */ [data-html-page="homepage"].approved-homepage #cinematic-homepage #dw-service-visuals .portal-update{display:flex;gap:12px;border-top:1px solid var(--line);padding:17px 0} [data-html-page="homepage"].approved-homepage #cinematic-homepage #dw-service-visuals .portal-update b{font-size:12px;line-height:1.5;display:block} [data-html-page="homepage"].approved-homepage #cinematic-homepage #dw-service-visuals .portal-update p{font-size:12px;line-height:1.65;margin:5px 0 0;color:var(--muted)} [data-html-page="homepage"].approved-homepage #cinematic-homepage #dw-service-visuals .update-icon{color:var(--accent);font-size:15px;line-height:1.3;flex-shrink:0;width:14px;margin-top:2px} [data-html-page="homepage"].approved-homepage #cinematic-homepage #dw-service-visuals .portal .next{margin-top:4px} @media(max-width:700px){[data-html-page="homepage"].approved-homepage #cinematic-homepage #dw-service-visuals .story:nth-of-type(even) .visual{order:1}}/* Approved clean credentials and readable recognition image. */ [data-html-page="homepage"].approved-homepage #cinematic-homepage .meet-copy .award img{width:240px!important;height:240px!important} [data-html-page="homepage"].approved-homepage #cinematic-homepage .meet-copy{top:45%!important} [data-html-page="homepage"].approved-homepage #cinematic-homepage .meet-copy .award{gap:22px} [data-html-page="homepage"].approved-homepage #cinematic-homepage .meet-copy .award>span{min-width:0;flex:1} [data-html-page="homepage"].approved-homepage #cinematic-homepage .meet-copy .award strong{font-size:24px!important;line-height:1.2} #cinematic-homepage.doorway-design:not(.less-motion) #main-stage.savings-open{overflow:visible!important} @media(min-width:701px) and (max-width:1100px){[data-html-page="homepage"].approved-homepage #cinematic-homepage .meet-copy{width:55%!important;left:5%}[data-html-page="homepage"].approved-homepage #cinematic-homepage .portrait{left:auto!important;right:-9%!important;height:84%!important;bottom:0!important}[data-html-page="homepage"].approved-homepage #cinematic-homepage .meet-copy .award img{width:200px!important;height:200px!important}} @media(min-width:701px) and (max-height:760px){[data-html-page="homepage"].approved-homepage #cinematic-homepage .meet-copy .award img{width:150px!important;height:150px!important}} @media(max-width:700px){[data-html-page="homepage"].approved-homepage #cinematic-homepage .meet-copy{top:16%!important}[data-html-page="homepage"].approved-homepage #cinematic-homepage .meet-copy .award img{width:180px!important;height:180px!important}[data-html-page="homepage"].approved-homepage #cinematic-homepage .meet-copy .award strong{font-size:19px!important}[data-html-page="homepage"].approved-homepage #cinematic-homepage .meet-copy .award{gap:16px}} @media(max-width:700px) and (max-height:740px){[data-html-page="homepage"].approved-homepage #cinematic-homepage .meet-copy{top:3%!important}[data-html-page="homepage"].approved-homepage #cinematic-homepage .meet-copy .award img{width:156px!important;height:156px!important}} /* Mobile savings exits the sticky film and becomes an ordinary document section. */ [data-html-page="homepage"].approved-homepage #cinematic-homepage.mobile-savings-flow #savings-tail{height:auto!important;position:relative;padding:25px 12px 100px;background:#e6e2d7} [data-html-page="homepage"].approved-homepage #cinematic-homepage.mobile-savings-flow #savings{position:relative!important;inset:auto!important;display:flex!important;flex-direction:column;gap:26px;min-height:0!important;height:auto!important;max-height:none!important;overflow:visible!important;visibility:visible!important;opacity:1!important;transform:none!important;pointer-events:auto!important;width:100%;margin:0;padding:28px 18px 32px;scroll-margin-top:115px} [data-html-page="homepage"].approved-homepage #cinematic-homepage.mobile-savings-flow .savings-table{min-width:0;width:100%;padding-top:25px!important} [data-html-page="homepage"].approved-homepage #cinematic-homepage.mobile-savings-flow .comparison-chart{width:100%;min-width:0!important;table-layout:auto} [data-html-page="homepage"].approved-homepage #cinematic-homepage.mobile-savings-flow .comparison-chart :is(th,td){font-size:12px!important;padding:12px 3px!important} [data-html-page="homepage"].approved-homepage #cinematic-homepage.mobile-savings-flow .comparison-chart thead th{font-size:11px!important} [data-html-page="homepage"].approved-homepage #cinematic-homepage.mobile-savings-flow .comparison-chart thead small{font-size:9px!important;color:#476379!important} [data-html-page="homepage"].approved-homepage #cinematic-homepage.mobile-savings-flow .context-cta{padding-bottom:5px} @media(max-width:360px){[data-html-page="homepage"].approved-homepage #cinematic-homepage.mobile-savings-flow #savings{padding-left:13px;padding-right:13px}[data-html-page="homepage"].approved-homepage #cinematic-homepage.mobile-savings-flow .comparison-chart :is(th,td){font-size:11px!important}} /* Keep managed-theme specificity from undoing the shared compact listing cards. */ [data-html-page="homepage"].approved-homepage #cinematic-homepage #featured-listings .compact-listing{border:1px solid #9eaf9266;background:linear-gradient(135deg,#ffffffc9,#f0f5ec99);border-radius:5px 19px 5px 19px;overflow:hidden} [data-html-page="homepage"].approved-homepage #cinematic-homepage #featured-listings .compact-listing .listing-info{padding:15px 16px;margin:0} [data-html-page="homepage"].approved-homepage #cinematic-homepage #featured-listings .compact-listing h3{font-size:19px;margin:0 0 9px} [data-html-page="homepage"].approved-homepage #cinematic-homepage #featured-listings .compact-listing .listing-image{border-radius:0} [data-html-page="homepage"].approved-homepage #cinematic-homepage #service,[data-html-page="homepage"].approved-homepage #cinematic-homepage #dw-service-visuals{background:#0c100e!important;color:#f2f5ed} [data-html-page="homepage"].approved-homepage #cinematic-homepage #savings .context-cta a{display:inline-flex;align-items:center;justify-content:center;padding:13px 17px;min-height:44px} [data-html-page="homepage"].approved-homepage #cinematic-homepage #dw-service-visuals .option{background:transparent} [data-html-page="homepage"].approved-homepage #cinematic-homepage #dw-service-visuals .portal{background:var(--panel);color:var(--ink)} [data-html-page="homepage"].approved-homepage #cinematic-homepage #dw-service-visuals :is(.portal,.report) h4{color:var(--ink)} /* Light product previews within the dark seller story. */ [data-html-page="homepage"].approved-homepage #cinematic-homepage #dw-service-visuals :is(.report,.portal){--panel:#f7fafc;--raised:#e8eff3;--ink:#162b36;--muted:#596c76;--accent:#07598a;--line:#d7e1e6;background:#f7fafc;color:#162b36} [data-html-page="homepage"].approved-homepage #cinematic-homepage #dw-service-visuals .price-trend-chart{display:block;width:100%;height:auto;aspect-ratio:auto;margin:24px 0 8px;border-radius:0;object-fit:contain} [data-html-page="homepage"].approved-homepage #cinematic-homepage #dw-service-visuals .portal .dot{background:#78be3f} [data-html-page="homepage"].approved-homepage #cinematic-homepage #featured-listings .compact-listing{background:linear-gradient(135deg,#fff,#ffffffc9);border-color:#1113} /* Reviews stay visible in the page instead of hiding behind carousel arrows. */ [data-html-page="homepage"].approved-homepage #cinematic-homepage #client-reviews .google-review-track{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;overflow:visible!important;scroll-snap-type:none;padding:4px 0 12px} [data-html-page="homepage"].approved-homepage #cinematic-homepage #client-reviews .google-review-track>article{width:auto!important;min-width:0!important;max-width:none!important;flex:none;min-height:0;height:100%;padding:24px;border:1px solid #1112;border-radius:4px 20px;background:linear-gradient(135deg,#fff,#fafafa);box-shadow:0 8px 24px #00000006;display:flex;flex-direction:column;align-items:stretch} [data-html-page="homepage"].approved-homepage #cinematic-homepage #client-reviews .review-excerpt{margin:0 0 22px;line-height:1.8} [data-html-page="homepage"].approved-homepage #cinematic-homepage #client-reviews .review-expand{margin-top:auto} [data-html-page="homepage"].approved-homepage #cinematic-homepage #client-reviews .review-expand summary{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;color:#b4ed70!important;background:#111;border:1px solid #111;border-radius:3px 12px;font-size:12px;font-weight:650;line-height:1.4;cursor:pointer;list-style:none} [data-html-page="homepage"].approved-homepage #cinematic-homepage #client-reviews .review-expand summary::-webkit-details-marker{display:none} [data-html-page="homepage"].approved-homepage #cinematic-homepage #client-reviews .review-full-text{font-size:13px;line-height:1.8;margin-top:18px;color:#333} [data-html-page="homepage"].approved-homepage #cinematic-homepage #client-reviews .google-review-controls{display:none!important} [data-html-page="homepage"].approved-homepage #cinematic-homepage #client-reviews .google-profile{color:#111;border-bottom:1px solid #a1e42b;padding:10px 0;line-height:1.5} [data-html-page="homepage"].approved-homepage #cinematic-homepage #client-reviews .review-avatar{background:#111!important;color:#b4ed70!important;border:1px solid #b4ed70} [data-html-page="homepage"].approved-homepage #cinematic-homepage .context-cta>a{display:inline-flex!important;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:14px 22px!important;line-height:1.4!important;text-align:center;white-space:normal} [data-html-page="homepage"].approved-homepage #cinematic-homepage :is(.context-cta>a,.review-expand summary,.google-profile,.press-logo):focus-visible{outline:3px solid #a1e42b;outline-offset:4px} /* Brokerage media uses Don's black, white and electric-lime palette. */ [data-html-page="homepage"].approved-homepage #cinematic-homepage #brokerage-media{background:repeating-linear-gradient(115deg,transparent 0 70px,#b4ed7005 70px 71px),#101010!important;color:#fff!important;border-top:1px solid #b4ed7044;border-bottom:1px solid #b4ed7044} [data-html-page="homepage"].approved-homepage #cinematic-homepage #brokerage-media .eyebrow{color:#b4ed70!important} [data-html-page="homepage"].approved-homepage #cinematic-homepage #brokerage-media h2{color:#fff!important} [data-html-page="homepage"].approved-homepage #cinematic-homepage #brokerage-media .media-intro>p:not(.eyebrow){color:#ddd} [data-html-page="homepage"].approved-homepage #cinematic-homepage #brokerage-media .press-logo{background:#fff;border:1px solid #ffffff44;border-radius:4px 18px;box-shadow:none;min-height:125px;padding:20px;transition:border-color .2s,box-shadow .2s} [data-html-page="homepage"].approved-homepage #cinematic-homepage #brokerage-media a.press-logo:hover{border-color:#b4ed70;box-shadow:0 0 20px #b4ed7022} [data-html-page="homepage"].approved-homepage #cinematic-homepage #brokerage-media .press-logo span{color:#111;font-weight:600;font-size:11px;border-bottom:1px solid #a1e42b;padding-bottom:3px} [data-html-page="homepage"].approved-homepage #cinematic-homepage #brokerage-media .media-note{color:#bdbdbd} @media(max-width:1000px){[data-html-page="homepage"].approved-homepage #cinematic-homepage #client-reviews .google-review-track{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:600px){[data-html-page="homepage"].approved-homepage #cinematic-homepage #client-reviews .google-review-track{grid-template-columns:1fr;gap:16px}[data-html-page="homepage"].approved-homepage #cinematic-homepage #client-reviews .google-review-track>article{padding:22px}[data-html-page="homepage"].approved-homepage #cinematic-homepage .context-cta>a{width:100%}[data-html-page="homepage"].approved-homepage #cinematic-homepage #brokerage-media .media-publications{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}[data-html-page="homepage"].approved-homepage #cinematic-homepage #brokerage-media .press-logo{padding:15px;min-height:110px}} [data-html-page="homepage"].approved-homepage #cinematic-homepage #client-reviews .google-review-track{grid-auto-flow:row!important;grid-auto-columns:auto!important;grid-template-rows:auto!important} [data-html-page="homepage"].approved-homepage #cinematic-homepage #client-reviews .google-review-track>article{grid-column:auto!important;grid-row:auto!important} [data-html-page="homepage"].approved-homepage #cinematic-homepage #client-reviews .review-expand summary{padding:12px 18px!important;min-width:145px;font-size:12px!important;line-height:1.4!important} [data-html-page="homepage"].approved-homepage #cinematic-homepage #client-reviews .review-expand{margin-top:auto!important;padding-top:18px} [data-html-page="homepage"].approved-homepage #cinematic-homepage #client-reviews .google-review-track>article{display:flex!important;flex-direction:column!important;align-items:stretch!important} /* Google review styling is intentionally distinct from Don's lime CTAs. */ [data-html-page="homepage"].approved-homepage #cinematic-homepage #client-reviews .review-avatar{color:#fff!important;border:0;background:#4285f4!important} [data-html-page="homepage"].approved-homepage #cinematic-homepage #client-reviews article:nth-child(4n+2) .review-avatar{background:#ea4335!important} [data-html-page="homepage"].approved-homepage #cinematic-homepage #client-reviews article:nth-child(4n+3) .review-avatar{background:#0f9d58!important} [data-html-page="homepage"].approved-homepage #cinematic-homepage #client-reviews article:nth-child(4n) .review-avatar{background:#7e57c2!important} [data-html-page="homepage"].approved-homepage #cinematic-homepage #client-reviews .review-stars{color:#fbbc04!important} [data-html-page="homepage"].approved-homepage #cinematic-homepage #client-reviews :is(.review-expand summary,.review-google-link){display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;background:#fff!important;color:#1967d2!important;border:1px solid #dadce0!important;border-radius:8px;padding:12px 18px!important;min-height:44px;min-width:145px;font-size:12px!important;line-height:1.4!important;font-weight:600;text-decoration:none} [data-html-page="homepage"].approved-homepage #cinematic-homepage #client-reviews .review-google-link{margin-top:auto} [data-html-page="homepage"].approved-homepage #cinematic-homepage #client-reviews .google-profile{color:#1967d2!important;border-color:#1967d2} [data-html-page="homepage"].approved-homepage #cinematic-homepage #client-reviews :is(.review-expand summary,.review-google-link):hover{background:#e8f0fe!important} [data-html-page="homepage"].approved-homepage #cinematic-homepage #client-reviews :is(.review-expand summary,.review-google-link,.google-profile):focus-visible{outline:3px solid #4285f4;outline-offset:3px} /* Compact, specific seller benefits alongside the approved photography. */ [data-html-page="homepage"].approved-homepage #cinematic-homepage #dw-service-visuals h2{margin-bottom:20px;max-width:1050px} [data-html-page="homepage"].approved-homepage #cinematic-homepage #dw-service-visuals .service-intro{max-width:840px;color:var(--muted);font-size:17px;line-height:1.7;margin:0 0 30px} [data-html-page="homepage"].approved-homepage #cinematic-homepage #dw-service-visuals .story{gap:42px;padding:36px 0;align-items:start} [data-html-page="homepage"].approved-homepage #cinematic-homepage #dw-service-visuals .words{padding-top:12px} [data-html-page="homepage"].approved-homepage #cinematic-homepage #dw-service-visuals .words p{line-height:1.7;max-width:none} [data-html-page="homepage"].approved-homepage #cinematic-homepage #dw-service-visuals .service-benefits{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:10px} [data-html-page="homepage"].approved-homepage #cinematic-homepage #dw-service-visuals .service-benefits li{padding:13px 15px;background:#ffffff06;border:1px solid var(--line);border-left:2px solid var(--accent);border-radius:4px;font-size:14px;line-height:1.6;color:var(--muted)} [data-html-page="homepage"].approved-homepage #cinematic-homepage #dw-service-visuals .service-benefits strong{color:var(--ink)} [data-html-page="homepage"].approved-homepage #cinematic-homepage #dw-service-visuals .endcta p{max-width:none} @media(max-width:700px){[data-html-page="homepage"].approved-homepage #cinematic-homepage #dw-service-visuals .story{gap:24px;padding:28px 0}[data-html-page="homepage"].approved-homepage #cinematic-homepage #dw-service-visuals .service-intro{font-size:15px}[data-html-page="homepage"].approved-homepage #cinematic-homepage #dw-service-visuals .words{padding-top:0}}