/* /assets/css/open-house.css */
@font-face{font-family:Fraunces;src:url('/assets/fonts/fraunces-var.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:'Instrument Sans';src:url('/assets/fonts/instrument-sans-var.woff2') format('woff2');font-weight:400 700;font-display:swap}
:root{--cf-paper:#fff7eb;--cf-ink:#062822;--cf-teal:#006b5e;--cf-night:#063d36;--cf-muted:#416355;--cf-line:#ccd5c4;--cf-gutter:clamp(24px,4.4vw,80px);--cf-ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scrollbar-color:#668d7c var(--cf-paper);background:var(--cf-paper);scroll-padding-top:24px}.open-house{margin:0;background:var(--cf-paper);color:var(--cf-ink);font:400 16px/1.65 'Instrument Sans',sans-serif;-webkit-font-smoothing:antialiased}::selection{background:#f6c9ad;color:var(--cf-ink)}.open-house a{color:inherit;text-decoration-thickness:1px;text-underline-offset:5px}.open-house :is(button,input,textarea,select){font:inherit}.open-house :is(button,a,summary){-webkit-tap-highlight-color:#bbd0b866}.open-house :is(a,button,input,textarea,select,summary):focus-visible{outline:2px solid #ad572f;outline-offset:5px}.open-house input,.open-house textarea{caret-color:var(--cf-teal)}.open-house button,.open-house summary{touch-action:manipulation}.open-house:not(.legacy-page) :is(h1,h2,h3,h4,p,figure){margin:0}.open-house p{text-wrap:pretty}.open-house img{max-width:100%}.open-house svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.open-house [hidden]{display:none!important}.cf-skip{position:fixed;z-index:100;top:10px;left:20px;background:var(--cf-paper);color:var(--cf-ink);padding:10px 18px;transform:translateY(-160%)}.cf-skip:focus{transform:none}.sr-only,.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.cf-wrap{width:100%;max-width:1480px;margin-inline:auto;padding-inline:var(--cf-gutter)}.cf-section{padding-block:100px}.cf-header{position:relative;z-index:12;background:var(--cf-paper);color:var(--cf-ink)}.cf-header-row{height:128px;display:flex;align-items:center;gap:45px}.cf-brand{display:block;width:205px;flex-shrink:0}.cf-brand img{display:block;width:100%;height:auto}.cf-navigation{display:flex;align-items:center;gap:30px;margin-left:auto;font-size:15px;line-height:1.4}.cf-navigation>a{text-decoration:none;white-space:nowrap;padding-block:12px}.cf-navigation>a:not(.cf-button){position:relative}.cf-navigation>a:not(.cf-button)::after{content:'';position:absolute;left:0;right:0;bottom:6px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:0 50%;transition:transform 220ms var(--cf-ease)}.cf-navigation>a:hover::after,.cf-navigation>a[aria-current]::after{transform:scaleX(1)}.cf-navigation>.cf-nav-contact{margin-left:12px;padding:14px 24px;font-size:14px}.cf-menu{display:none}.cf-header--dark{color:var(--cf-paper);background:transparent}.cf-header--dark .cf-nav-contact{background:var(--cf-paper);color:var(--cf-ink)}
.cf-button{display:inline-flex;justify-content:center;align-items:center;gap:24px;min-height:52px;padding:14px 25px;border:1px solid transparent;border-radius:999px;background:var(--cf-night);color:var(--cf-paper)!important;font-size:15px;font-weight:550;line-height:1.3;text-decoration:none!important;cursor:pointer;transition:background-color 180ms var(--cf-ease),transform 180ms var(--cf-ease)}.cf-button:hover{background:#006b5e}.cf-button:active{transform:scale(.98)}.cf-button:disabled{cursor:wait;opacity:.6}.cf-button--cream{background:var(--cf-paper);color:var(--cf-ink)!important}.cf-button--cream:hover{background:#e4e7d6}.cf-button--line{background:transparent;color:inherit!important;border-color:currentColor}.cf-button--line:hover{background:#7f9c8422}.cf-button svg{width:21px;height:21px;transition:transform 220ms var(--cf-ease)}.cf-button:hover svg{transform:translateX(4px)}.cf-text-link{display:inline-flex;align-items:center;gap:16px;min-height:44px;font-weight:550}.cf-text-link svg{width:20px;height:20px;transition:transform 220ms var(--cf-ease)}.cf-text-link:hover svg{transform:translateX(4px)}
.cf-opening{padding-block:70px 95px}.cf-display{font:450 clamp(48px,6vw,88px)/1.04 Fraunces,Georgia,serif;letter-spacing:-.035em;font-variation-settings:'SOFT' 20,'WONK' 0,'opsz' 72;text-wrap:balance}.cf-opening h1:not([class]){font:450 clamp(48px,6vw,88px)/1.04 Fraunces,Georgia,serif;letter-spacing:-.035em;max-width:15ch;text-wrap:balance}.cf-lede{font-size:clamp(18px,1.6vw,22px);line-height:1.6;max-width:43ch;color:var(--cf-muted)}.cf-split{display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(40px,8vw,130px);align-items:start}.cf-section h2{font:450 clamp(38px,4.1vw,62px)/1.08 Fraunces,Georgia,serif;letter-spacing:-.03em;text-wrap:balance}.cf-section h3{font-size:24px;line-height:1.25;font-weight:550;letter-spacing:-.02em}.cf-prose{max-width:65ch}.cf-prose p+p{margin-top:20px}.cf-two{display:grid;grid-template-columns:1fr 1fr;gap:60px}.cf-dark{background:var(--cf-night);color:var(--cf-paper)}.cf-dark .cf-lede{color:#d6e1d1}.cf-paper{background:#ece9dc}.cf-link-row{display:flex;align-items:center;gap:20px 30px;flex-wrap:wrap;margin-top:30px}
.cf-document{background:#fffcf5;color:var(--cf-ink);padding:36px;box-shadow:0 24px 55px -35px #06282255}.cf-document-head{display:flex;justify-content:space-between;align-items:start;gap:30px;padding-bottom:22px;border-bottom:1px solid var(--cf-line);font-size:14px}.cf-document-head strong{font-size:19px;font-weight:550}.cf-table-wrap{width:100%;overflow:auto;overscroll-behavior-inline:contain}.cf-table{width:100%;border-collapse:collapse;text-align:left;font-size:15px;line-height:1.55;font-variant-numeric:tabular-nums}.cf-table th{font-size:13px;font-weight:550;color:var(--cf-muted)}.cf-table :is(th,td){padding:18px 14px 18px 0;border-bottom:1px solid var(--cf-line);vertical-align:top}.cf-status{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:550;color:var(--cf-teal)}.cf-status::before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor}.cf-status--review{color:#8c492c}.cf-steps{list-style:none;padding:0;margin:0}.cf-steps>li{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;padding:28px 0;border-top:1px solid var(--cf-line)}.cf-steps h3{font-size:24px}.cf-steps p{max-width:53ch;color:var(--cf-muted)}.cf-faq{border-top:1px solid var(--cf-line)}.cf-faq details{border-bottom:1px solid var(--cf-line)}.cf-faq summary{position:relative;cursor:pointer;list-style:none;padding:24px 40px 24px 0;font-size:20px;font-weight:500;line-height:1.4}.cf-faq summary::-webkit-details-marker{display:none}.cf-faq summary::before,.cf-faq summary::after{content:'';position:absolute;width:14px;height:1px;background:currentColor;right:2px;top:37px;transition:transform 200ms var(--cf-ease)}.cf-faq summary::after{transform:rotate(90deg)}.cf-faq details[open] summary::after{transform:rotate(0)}.cf-faq details>p{padding:0 40px 26px 0;max-width:68ch;color:var(--cf-muted)}
.cf-close{position:relative;overflow:hidden;background:var(--cf-night);color:var(--cf-paper);padding-block:105px}.cf-close::before{content:'';position:absolute;inset:0;background:url('/assets/img/open-house/door-brand-v8.webp') 0% 47%/165% auto;opacity:.1;pointer-events:none}.cf-close .cf-wrap{position:relative}.cf-close h2{font:450 clamp(44px,5.3vw,78px)/1.07 Fraunces,Georgia,serif;letter-spacing:-.03em;max-width:19ch;text-wrap:balance}.cf-close-row{margin-top:38px;display:flex;justify-content:space-between;align-items:end;gap:45px}.cf-close-row p{max-width:43ch;color:#d6e1d1;font-size:18px}.cf-footer{padding-block:65px 26px;background:var(--cf-paper);color:var(--cf-ink)}.cf-footer-top{display:flex;justify-content:space-between;gap:50px;align-items:center;padding-bottom:45px;border-bottom:1px solid var(--cf-line)}.cf-footer-brand{display:block;width:215px}.cf-footer-brand img{display:block;width:100%;height:auto}.cf-footer-top p{font:450 30px/1.2 Fraunces,Georgia,serif;letter-spacing:-.02em}.cf-footer-links{display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px;margin-left:32%;padding-block:32px 45px}.cf-footer-links a{display:block;width:fit-content;min-height:37px;font-size:14px;text-decoration:none}.cf-footer a:hover{text-decoration:underline}.cf-footer-bottom{border-top:1px solid var(--cf-line);padding-top:22px;display:flex;justify-content:space-between;align-items:center;gap:25px;font-size:12px;color:var(--cf-muted)}.cf-footer-bottom>div{display:flex;gap:25px;flex-wrap:wrap}.cf-footer-bottom button{padding:0;min-height:30px;border:0;color:inherit;background:none;font-size:12px;cursor:pointer;text-decoration:underline;text-underline-offset:4px}
@media(max-width:1100px){.cf-navigation{gap:20px}.cf-navigation>.cf-nav-contact{margin-left:0;padding-inline:18px}.cf-brand{width:175px}.cf-header-row{gap:24px}.cf-two{gap:40px}}
@media(max-width:1000px){.cf-header-row{height:105px}.cf-brand{width:166px}.cf-menu{display:flex;align-items:center;gap:12px;margin-left:auto;min-height:44px;padding:8px 0;background:none;border:0;color:inherit;font-size:14px}.cf-menu svg{width:22px;height:22px}.cf-navigation{display:none;position:absolute;top:92px;left:var(--cf-gutter);right:var(--cf-gutter);margin:0;padding:18px 25px;background:var(--cf-paper);color:var(--cf-ink);box-shadow:0 20px 45px -20px #06282266;border-radius:12px}.cf-header[data-menu-open=true] .cf-navigation{display:block}.cf-header .cf-navigation>a{display:block;min-height:46px;white-space:normal}.cf-header .cf-navigation>.cf-nav-contact{display:flex;margin:14px 0 4px;background:var(--cf-night);color:var(--cf-paper)!important}.cf-navigation>a:not(.cf-button)::after{display:none}.cf-navigation>a[aria-current]:not(.cf-button){text-decoration:underline}.cf-opening{padding-block:45px 70px}.cf-section{padding-block:75px}.cf-footer-links{margin-left:0}.cf-split{gap:40px}}
@media(max-width:600px){:root{--cf-gutter:24px}.cf-display,.cf-opening h1:not([class]){font-size:47px;line-height:1.04}.cf-section{padding-block:62px}.cf-section h2{font-size:40px}.cf-section h3{font-size:23px}.cf-split,.cf-two{grid-template-columns:1fr;gap:30px}.cf-lede{font-size:18px}.cf-document{padding:24px 20px}.cf-document-head{gap:20px;font-size:12px}.cf-document-head strong{font-size:17px}.cf-steps>li{grid-template-columns:1fr;gap:12px;padding-block:24px}.cf-faq summary{font-size:18px}.cf-close{padding-block:72px}.cf-close h2{font-size:44px}.cf-close-row{align-items:start;flex-direction:column;gap:25px}.cf-close-row p{font-size:17px}.cf-footer{padding-top:48px}.cf-footer-top{align-items:start;flex-direction:column;gap:28px;padding-bottom:30px}.cf-footer-brand{width:185px}.cf-footer-top p{font-size:27px}.cf-footer-links{grid-template-columns:1fr 1fr;gap:24px;padding-bottom:30px}.cf-footer-links>div:last-child{grid-column:1/-1}.cf-footer-bottom{align-items:start;flex-direction:column;gap:16px}.cf-footer-bottom>div{gap:20px}.cf-faq details>p{padding-right:0}}
@media(max-width:360px){:root{--cf-gutter:20px}.cf-display,.cf-opening h1:not([class]){font-size:41px}.cf-section h2{font-size:36px}.cf-brand{width:150px}.cf-button{padding-inline:20px;gap:16px}.cf-footer-links{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.open-house *, .open-house *::before,.open-house *::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}

/* Navigation remains a list of usable links when scripting is unavailable. */
.home .google-g{stroke:none}.home .hero-footer .hero-playback button:hover{background:#fff7eb22;border-radius:5px}.legacy-page .cf-header{background:var(--cf-paper);color:var(--cf-ink)}.legacy-page .cf-footer{font-family:'Instrument Sans',sans-serif}.legacy-page .cf-footer img{height:auto}

/* The same optional analytics choice belongs to every public page, including
   marketing routes that do not load the older studio/site stylesheets. */
.open-house .consent{position:fixed;z-index:150;left:max(16px,env(safe-area-inset-left));bottom:max(16px,env(safe-area-inset-bottom));width:min(440px,calc(100% - 32px));margin:0;padding:18px 20px 20px;border-radius:14px;background:var(--cf-paper,#fff7eb);color:var(--cf-ink,#062822);box-shadow:0 22px 55px -16px #06282255;font:400 15px/1.5 'Instrument Sans',sans-serif}
.open-house .consent[hidden]{display:none}
.open-house .consent:focus{outline:2px solid var(--cf-teal,#006b5e);outline-offset:-4px}
.open-house .consent p{margin:0}
.open-house .consent__text a{color:var(--cf-teal,#006b5e);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.open-house .consent .consent__status{margin-top:8px;color:var(--cf-muted,#456055)}
.open-house .consent__actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}
.open-house .consent .consent__btn{display:inline-flex;justify-content:center;align-items:center;min-height:44px;padding:9px 12px;border:1px solid var(--cf-teal,#006b5e);border-radius:8px;background:transparent;color:var(--cf-teal,#006b5e);font:500 14px/1.35 'Instrument Sans',sans-serif;cursor:pointer;text-align:center;white-space:normal}
.open-house .consent .consent__btn:hover{background:var(--cf-teal,#006b5e);color:var(--cf-paper,#fff7eb)}
.open-house .consent .consent__btn:focus-visible{outline:2px solid #955d29;outline-offset:3px}
@media(max-width:359.98px){.open-house .consent__actions{grid-template-columns:1fr}}
@media print{.open-house .consent{display:none!important}}

.cf-header--dark .cf-nav-contact{color:var(--cf-ink)!important}.home a.cta,.legacy-page a.btn--cream{color:var(--cf-ink)}.legacy-page .prose h2{margin-top:38px;margin-bottom:16px}.legacy-page .prose p{margin-bottom:18px}


/* /assets/css/studio-system.css */
/* Approved CustomerFlow studio language. Page artwork stays route-owned. */
:root{--sf-cream:#fff7eb;--sf-teal:#063d36;--sf-ink:#062822;--sf-sage:#e9eddf;--sf-elevation:12px 24px 38px -25px #163f3652}
.open-house:not(.home):not(.legacy-page) .cf-navigation>.cf-nav-contact{background:transparent;color:var(--cf-ink)!important;border:0;border-radius:0;padding:12px 0;margin-left:14px;border-bottom:1px solid currentColor}
.open-house:not(.home):not(.legacy-page) .cf-navigation>.cf-nav-contact:hover{color:var(--cf-teal)!important}
.open-house .cf-footer{background:var(--cf-night);color:var(--cf-paper);padding-block:50px 24px}
.open-house .cf-footer-top,.open-house .cf-footer-bottom{border-color:#4b7366}.open-house .cf-footer-bottom{color:#c4d8c6}.open-house .cf-footer-links{padding-block:27px 35px}.open-house .cf-footer-brand{width:200px}.open-house .cf-footer-brand img{height:auto}.open-house .cf-footer-links a{min-height:42px}.open-house .cf-footer-top p{color:#d6e2d0}
.open-house:not(.home) .cf-close::before{display:none}.open-house:not(.home) .cf-close{padding-block:90px}.open-house:not(.home) .cf-close p{font-size:18px;line-height:1.55;max-width:44ch}.open-house:not(.home) .cf-close .cf-button{margin-top:26px}
.open-house .art-playback{display:flex;align-items:center;justify-content:flex-end;gap:9px;position:relative;z-index:5;padding-top:15px;grid-column:1/-1}.open-house .art-playback button{display:flex;align-items:center;gap:7px;min-height:44px;padding:7px 11px;border:1px solid currentColor;border-radius:25px;background:transparent;color:inherit;font-size:12px;line-height:1.3;cursor:pointer}.open-house .art-playback button:disabled{opacity:.48;cursor:default}.open-house .art-playback svg{width:16px;height:16px}
.ad-playback{display:flex;align-items:center;gap:8px;margin-left:auto}.ad-playback button{background:transparent;color:var(--cf-muted);font:500 12px/1.3 'Instrument Sans',sans-serif;border:1px solid #92ac9c;border-radius:25px;min-height:44px;padding:9px 15px;cursor:pointer}.ad-playback button:hover{color:var(--cf-ink);border-color:var(--cf-ink)}
@media(max-width:1000px){.open-house:not(.home):not(.legacy-page) .cf-header .cf-navigation>.cf-nav-contact{margin:10px 0 0;padding:14px 20px;background:var(--cf-night);color:var(--cf-paper)!important;border:0;border-radius:30px}.open-house:not(.home):not(.legacy-page) .cf-header .cf-navigation>.cf-nav-contact:hover{color:var(--cf-paper)!important}}
@media(max-width:600px){.open-house .cf-footer{padding-block:39px 24px}.open-house .cf-footer-brand{width:174px}.open-house .cf-footer-top{gap:23px}.open-house .cf-footer-top p{font-size:27px}.open-house:not(.home) .cf-close{padding-block:64px}.open-house:not(.home) .cf-close p{font-size:17px}.ad-playback{gap:6px}.ad-playback button{font-size:12px;padding-inline:12px}}

/* A single, quiet site motion preference replaces illustration toolbars. */
.cf-footer-bottom [data-motion-preference]{background:transparent;border:0;padding:10px 0;min-height:44px;color:inherit;font:inherit;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.cf-footer-bottom [data-motion-preference][hidden]{display:none}
.cf-footer-bottom [data-motion-preference]:focus-visible{outline:2px solid currentColor;outline-offset:4px}


/* /assets/css/hero.css */
@font-face{font-family:Fraunces;src:url('/assets/fonts/fraunces-var.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:'Instrument Sans';src:url('/assets/fonts/instrument-sans-var.woff2') format('woff2');font-weight:400 700;font-display:swap}
:root{--cream:#fff7eb;--teal:#006b5e;--night:#062822;--gutter:clamp(24px,4.4vw,80px);--ease-out:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}
html{background:var(--cream);color:var(--night);scrollbar-color:#668d7c var(--cream)}
body{margin:0;font-family:'Instrument Sans',sans-serif;-webkit-font-smoothing:antialiased;font-size:16px}
::selection{background:#f6c9ad;color:var(--night)}
p,h1,h2{margin:0}
p{text-wrap:pretty}
svg{display:block;flex-shrink:0}
button{font:inherit}
button:focus-visible,a:focus-visible{outline:2px solid #c37943;outline-offset:4px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.hero{position:relative;isolation:isolate;min-height:690px;height:min(850px,52vw);background:#143d34;color:var(--cream);overflow:hidden}
.architecture{position:absolute;inset:0;z-index:-1;overflow:hidden}
.scene-masks{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
.photo-stage{position:absolute;inset:0;perspective:var(--door-perspective,1800px);perspective-origin:70.2% 41%;transform-style:preserve-3d}
.photo-scene,.occlusion-photo{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;transform-origin:70.2% 41%}
.occlusion-photo{clip-path:url(#wall-opening);transform:translateZ(0)}
.scene-shade{position:absolute;inset:0;background:#092e26;opacity:0;pointer-events:none;transform:translateZ(1px)}
.floor-shade{position:absolute;inset:0;background:#163a2f;clip-path:polygon(0 70.6%,56% 70.6%,70.2% 72.3%,75.2% 73.5%,100% 73.5%,100% 100%,0 100%);opacity:0;pointer-events:none;transform:translateZ(2px)}
.door-perspective{display:contents}
.photo-door-leaf{position:absolute;background-color:#1c463c;background-image:url('/assets/img/open-house/door-brand-v8.webp');clip-path:url(#door-leaf-shape);transform-origin:100% 50%;transform:rotateY(-104deg);backface-visibility:hidden}
.leaf-light{position:absolute;inset:0;background:#c0aa7c;opacity:0;pointer-events:none}
.copy-shade{position:absolute;inset:0;background:linear-gradient(90deg,#12372e69 0%,#12372e20 39%,transparent 60%);pointer-events:none}
.hero::before{content:'';position:absolute;inset:0 0 auto;height:145px;background:linear-gradient(#0c2e2440,transparent);pointer-events:none;z-index:0}
.lettering-plane{position:absolute;left:74%;top:32%;width:clamp(280px,24vw,360px);height:3em;font:450 clamp(48px,4.2vw,64px)/.98 Fraunces,Georgia,serif;letter-spacing:-.025em;font-variation-settings:'SOFT' 20,'WONK' 0,'opsz' 72;transform-origin:50% 50%;transform-style:preserve-3d;transform:translateZ(2px);pointer-events:none}
.lettering-face{position:absolute;inset:0;backface-visibility:hidden}
.lettering-face span,.lettering-shadow span{display:block}
.lettering-front{color:#fff7eb;text-shadow:0 2px 3px #0c302833}
.lettering-edge{color:#c5b89b;transform:translateZ(calc(var(--slice) * -.75px))}
.lettering-slice-1{--slice:1}
.lettering-slice-2{--slice:2}
.lettering-slice-3{--slice:3}
.lettering-slice-4{--slice:4}
.lettering-slice-5{--slice:5}
.lettering-slice-6{--slice:6}
#door-floor-luminance{mask-type:luminance}
.lettering-shadow{position:absolute;left:65%;top:76%;width:310px;font:450 56px/.98 Fraunces,Georgia,serif;letter-spacing:-.025em;color:#0b241c;filter:blur(7px);transform-origin:50% 50%;transform:translateZ(3px) rotateX(72deg) skewX(-15deg);opacity:.15;pointer-events:none}
.site-header{height:128px;position:relative;display:flex;align-items:center;gap:40px;padding:25px var(--gutter);z-index:5;max-width:1840px;margin:auto}
.logo{display:block;width:205px;height:auto}
.desktop-nav{display:flex;gap:34px;margin-left:auto;font-size:15px}
[aria-disabled=true]{cursor:default}
.cta{display:inline-flex;gap:24px;align-items:center;justify-content:center;border-radius:999px;background:var(--cream);color:var(--night);height:54px;padding:0 26px;font-size:15px;font-weight:550;white-space:nowrap}
.cta svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.cta-header{height:48px;font-size:14px;gap:20px;margin-left:5px}
.mobile-menu{display:none}
.hero-copy{position:relative;z-index:2;margin-left:var(--gutter);padding-top:62px;max-width:58%;width:max-content}
.hero-copy h1{font:450 clamp(58px,5.5vw,84px)/1.04 Fraunces,Georgia,serif;letter-spacing:-.035em;font-variation-settings:'SOFT' 20,'WONK' 0,'opsz' 72;text-wrap:balance}
.hero-copy h1 span{display:block;white-space:nowrap}
.hero-copy>p{margin-top:27px;font-size:clamp(18px,1.45vw,21px);line-height:1.5;color:#f1efdb;max-width:42ch}
.cta-main{margin-top:30px;height:57px;font-size:16px;gap:26px}
.hero-footer{position:absolute;bottom:27px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;align-items:center;color:#102e23;font-size:12px;font-weight:500;line-height:1.5;z-index:3;text-shadow:0 1px 3px #fff7eb66}
.scroll-note{display:flex;align-items:center;gap:12px}
.scroll-note svg{width:12px;height:18px;fill:none;stroke:currentColor;stroke-width:1.3}
.continuation{display:grid;grid-template-columns:1.08fr 1fr;gap:clamp(40px,8vw,140px);padding:84px var(--gutter) 88px;max-width:1600px;margin:auto;align-items:center}
.continuation h2{font:450 clamp(36px,4.2vw,62px)/1.08 Fraunces,Georgia,serif;letter-spacing:-.035em;font-variation-settings:'SOFT' 20,'WONK' 0,'opsz' 72}
.continuation-copy{margin-top:28px}
.continuation-copy p{font-size:clamp(16px,1.32vw,19px);line-height:1.6;max-width:51ch;color:#345447}
.service-line{display:flex;flex-wrap:wrap;gap:10px 24px;border-top:1px solid #c9d2c0;margin-top:29px;padding-top:19px;font-size:12px;font-weight:500;color:#315445}
.study-footer{display:flex;align-items:center;gap:12px;padding:25px var(--gutter) 110px;color:#597363;border-top:1px solid #d8ddcb;font-size:12px}
.study-footer img{width:23px;height:31px;object-fit:contain}
.study-footer>span:last-child{margin-left:auto}
.study-controls{position:fixed;bottom:19px;left:50%;transform:translateX(-50%);z-index:20;display:flex;align-items:center;gap:20px;background:#fffaf1;color:#284c3c;border-radius:15px;padding:7px 9px 7px 17px;box-shadow:0 9px 38px -12px #00000040;max-width:calc(100% - 28px)}
.study-identity{display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:11px}
.study-dot{height:5px;width:5px;border-radius:50%;background:#376c56}
.control-divider{height:12px;width:1px;background:#cbd1bd;margin:0 2px}
#motion-status{min-width:57px;color:#53644c;font-variant-numeric:tabular-nums}
.playback-actions{display:flex;gap:4px}
.playback-actions button{display:flex;align-items:center;justify-content:center;gap:7px;height:40px;min-width:78px;padding:0 10px;border:0;border-radius:9px;color:#294e3e;background:transparent;font-size:12px;transition:background-color 150ms var(--ease-out),transform 150ms var(--ease-out)}
.playback-actions button:hover{background:#e9eddf}
.playback-actions button:active{transform:scale(.96)}
.playback-actions button:disabled{opacity:.4;cursor:default}
.playback-actions button svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.play-icon{display:none}
#pause[aria-pressed=true] .pause-icon{display:none}
#pause[aria-pressed=true] .play-icon{display:block}
.study-boundary{font-size:11px;color:#5d6c53;border-left:1px solid #d1d8c6;padding:0 9px 0 17px;max-width:176px;line-height:1.4}
.study-boundary a{color:#345e48;display:inline-block;margin-top:2px;text-decoration-thickness:1px;text-underline-offset:3px}
.motion-enabled .lettering-plane,.motion-enabled .photo-door-leaf{will-change:transform}
.motion-enabled .floor-shade{will-change:opacity}
@media(min-width:1680px){.hero-copy{padding-top:95px}}
@media(max-width:1200px){.site-header{gap:25px}.desktop-nav{gap:24px;font-size:14px}.cta-header{display:none}.logo{width:185px}}
@media(max-width:1000px){
 :root{--gutter:24px}
 .hero{height:1035px;min-height:0}
 .architecture{top:430px}
 .copy-shade{background:linear-gradient(#143d34,transparent 17%,transparent 83%,#15362b22)}
 .site-header{height:105px;gap:20px;padding:24px var(--gutter);align-items:flex-start}
 .logo{width:166px}
 .desktop-nav,.cta-header{display:none}
 .mobile-menu{display:flex;gap:10px;align-items:center;margin-left:auto;margin-top:12px;font-size:12px}
 .mobile-menu svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.3}
 .hero-copy{margin:0 var(--gutter);padding-top:35px;max-width:none;width:auto}
 .hero-copy h1{font-size:clamp(43px,11.8vw,70px);line-height:1.02}
 .hero-copy h1 span{white-space:normal;max-width:12ch}
 .hero-copy>p{font-size:16px;line-height:1.5;margin-top:23px;max-width:34ch}
 .cta-main{margin-top:25px;height:51px;padding:0 22px;font-size:14px;gap:23px}
 .lettering-plane{width:230px;font-size:46px}
 .hero-footer{bottom:24px;gap:20px;align-items:end;font-size:12px}
 .scroll-note{gap:9px;max-width:15ch}
 .continuation{grid-template-columns:1fr;padding:55px var(--gutter) 58px;gap:35px}
 .continuation h2{font-size:43px}
 .continuation-copy{margin-top:24px}
 .continuation-copy p{font-size:16px;max-width:39ch;line-height:1.65}
 .service-line{font-size:12px;gap:9px 20px;margin-top:24px}
 .study-footer{padding:22px var(--gutter) 120px;font-size:12px;gap:9px}
 .study-footer>span:last-child{max-width:16ch;text-align:right;line-height:1.5}
 .study-controls{bottom:12px;gap:9px;padding:6px 7px 6px 12px;border-radius:13px}
 .study-identity{font-size:11px;gap:6px}
 .study-boundary{display:none}
 .playback-actions button{min-width:64px;font-size:11px;height:44px;padding:0 8px;gap:5px}
}
@media(max-width:360px){
 :root{--gutter:20px}
 .hero{height:1035px}
 .hero-copy h1{font-size:41px}
 .hero-copy>p{font-size:15px;max-width:31ch}
 .logo{width:153px}
 .lettering-plane{width:216px;font-size:44px}
 .continuation h2{font-size:38px}
 .study-identity>span:nth-child(2){max-width:36px;line-height:1.15;white-space:normal}
 #motion-status{min-width:49px}
 .study-controls{gap:7px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important}}

/* Full homepage proposal: the selected photographic world, extended in scale. */
a{color:inherit;text-underline-offset:4px;text-decoration-thickness:1px}
a,button,summary{-webkit-tap-highlight-color:#bbd0b866}
h3,figure,ul,ol{margin:0}
h3{font-weight:550}
button,summary{touch-action:manipulation}
section[id]{scroll-margin-top:30px}
.cta{text-decoration:none;transition:background-color 180ms var(--ease-out)}
.cta:hover{background:#e6e9d5}
.cta svg,.contact-email svg,.page-footer a svg{transition:transform 220ms var(--ease-out)}
.cta:hover svg,.contact-email:hover svg,.page-footer a:hover svg{transform:translateX(4px)}
.desktop-nav a{text-decoration:none;padding-block:12px}
.desktop-nav a:hover{text-decoration:underline}
.hero{height:860px;min-height:860px}
.hero-copy{padding-top:62px}
.mobile-menu{background:none;border:0;color:var(--cream);padding:0;min-height:44px}
.mobile-nav{position:absolute;top:95px;left:var(--gutter);right:var(--gutter);z-index:10;background:var(--cream);color:var(--night);padding:18px 24px;box-shadow:0 20px 40px -15px #06282270;border-radius:12px}
.mobile-nav[hidden]{display:none}
.mobile-nav a{display:block;min-height:46px;padding:12px 0;text-decoration:none;border-bottom:1px solid #d3d9c7}
.mobile-nav a:last-child{border:0}
/* CustomerFlow's brand threshold and a photographic campaign story. */
:root{--brand:#006b5e;--deep:#063d36;--ink:#062822;--paper:#fff7eb;--rust:#86472c}
.hero{background:var(--deep)}
.photo-door-leaf{background-color:var(--brand)}
.floor-shade{background:#00493f}
.hero-footer{color:var(--paper);text-shadow:none}
.section-shell{width:100%;max-width:1600px;margin-inline:auto;padding-inline:var(--gutter)}
.section-shell h2{font:450 clamp(44px,4.6vw,70px)/1.06 Fraunces,Georgia,serif;letter-spacing:-.032em;font-variation-settings:'SOFT' 20,'WONK' 0,'opsz' 72;text-wrap:balance}
.story-intro{padding-block:115px 95px;display:flex;justify-content:space-between;align-items:end;gap:65px}
.story-intro h2{font-size:clamp(46px,5.5vw,84px);max-width:18ch}
.story-intro>p{max-width:34ch;font-size:18px;line-height:1.65;color:#34574b;padding-bottom:4px}
.campaign-chapter{background:#ece9dc;padding-block:90px 65px}
.chapter-heading{display:flex;justify-content:space-between;align-items:end;gap:65px;padding-bottom:50px}
.chapter-heading>p{font-size:18px;line-height:1.65;max-width:33ch;color:#34574b}
.campaign-portrait{position:relative;width:calc(100% - 2 * var(--gutter));max-width:1440px;margin:auto;height:720px;overflow:hidden;background:#b78b5a;color:#432f23}
.campaign-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 53%;transform-origin:60% 50%}
.fictional-brand{position:absolute;top:32px;left:36px;right:36px;display:flex;justify-content:space-between;align-items:start;gap:35px;color:#fff9ed;text-shadow:0 1px 8px #3d251c38}
.ep-wordmark{font:650 27px/.94 'Instrument Sans',sans-serif;letter-spacing:-.025em}

.landing-preview{position:absolute;left:36px;bottom:64px;width:400px;max-width:calc(100% - 72px);padding:33px 34px 25px;background:#fff9ed;box-shadow:0 22px 50px -26px #3921166b}
.landing-preview h3{font:600 48px/1.02 'Instrument Sans',sans-serif;letter-spacing:-.035em;color:#603923}
.landing-preview>p{font-size:15px;line-height:1.6;max-width:30ch;margin-top:20px;color:#6c503d}
.landing-invitation{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #c6b29b;padding-top:18px;margin-top:26px;font-size:14px;font-weight:550;color:#603923}
.landing-invitation svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.3}
.campaign-portrait figcaption{position:absolute;bottom:20px;left:36px;right:36px;font-size:11px;line-height:1.4;color:#fff9ed;background:#432f23db;width:fit-content;max-width:calc(100% - 72px);padding:5px 8px}
.campaign-caption{display:flex;justify-content:space-between;gap:70px;padding-top:35px;font-size:16px;line-height:1.6;color:#34574b}
.campaign-caption p{max-width:47ch;flex:1}
.campaign-caption strong{display:block;color:var(--ink);font-weight:550;margin-bottom:4px}
.thinking-section{padding-block:110px 100px}
.thinking-heading{display:flex;justify-content:space-between;align-items:end;gap:65px;margin-bottom:55px}
.thinking-heading>p{font-size:18px;line-height:1.65;max-width:35ch;color:#34574b}
.intent-studio{border-top:1px solid #aabdad;border-bottom:1px solid #aabdad}
.query-choices{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0}
.query-choices button{padding:26px 24px 23px;border:0;border-bottom:2px solid transparent;background:transparent;color:#466457;cursor:pointer;text-align:left;font-size:clamp(16px,1.55vw,22px);font-weight:500;line-height:1.3;transition:background-color 180ms var(--ease-out),color 180ms var(--ease-out)}
.query-choices button+button{border-left:1px solid #c0ccba}
.query-choices span{display:block;font-size:12px;font-weight:400;line-height:1.5;margin-top:9px}
.query-choices button[aria-selected=true]{background:#e1e8da;border-bottom-color:var(--brand);color:var(--ink)}
.query-choices button:hover{background:#e8eddf}
.intent-response{display:grid;grid-template-columns:1.05fr .16fr .85fr;gap:35px;align-items:center;min-height:310px;padding:38px 34px}
.intent-ad .decision-label{font-size:12px;line-height:1.5;color:#42634e;margin-bottom:19px}
.intent-ad h3{font:550 31px/1.15 'Instrument Sans',sans-serif;letter-spacing:-.025em;color:#1c4f76}
.intent-ad>p:last-child{font-size:15px;line-height:1.6;margin-top:16px;color:#34574b;max-width:41ch}
.intent-connection svg{width:45px;height:45px;fill:none;stroke:#6b8e77;stroke-width:.8}
.intent-request h4{font-size:18px;font-weight:550;margin:0 0 18px}
.intent-request ul{padding-left:18px;font-size:15px;line-height:1.8;color:#34574b}
.intent-response[data-excluded=true] .intent-ad h3{color:#73442e}
.intent-response[data-excluded=true] .intent-connection{opacity:.25}
.scope-note{display:grid;grid-template-columns:1fr 1fr;gap:65px;padding-top:48px}
.scope-note h3{font:450 32px/1.12 Fraunces,Georgia,serif;letter-spacing:-.025em}
.scope-note p{font-size:16px;line-height:1.65;color:#34574b;max-width:48ch}
.scope-note p+p{margin-top:15px}
.outcome-section{background:var(--deep);color:var(--paper);padding-block:100px 80px}
.outcome-heading{display:flex;justify-content:space-between;align-items:end;gap:65px}
.outcome-heading>p{font-size:18px;line-height:1.65;max-width:37ch;color:#c9dfcf}
.record-switch{display:flex;gap:8px;flex-wrap:wrap;margin-top:45px}
.record-switch button{min-height:45px;padding:10px 18px;color:#e2edda;background:transparent;border:1px solid #739989;border-radius:999px;font-size:14px;cursor:pointer;transition:background-color 180ms var(--ease-out),color 180ms var(--ease-out)}
.record-switch button[aria-pressed=true]{background:var(--paper);color:var(--ink);border-color:var(--paper)}
.record-switch button:hover{background:#276252;color:var(--paper)}
.record-switch button[aria-pressed=true]:hover{background:#e5eddc;color:var(--ink)}
.record-journey{position:relative;display:grid;grid-template-columns:1fr 1fr 1fr;gap:65px;margin-top:55px;padding-top:30px}
.record-journey article{position:relative;padding-top:18px}
.record-journey article::before{content:'';position:absolute;top:-4px;left:0;width:8px;height:8px;border-radius:50%;background:var(--paper)}
.record-route{position:absolute;left:0;right:0;top:30px;display:flex}
.record-route>div{height:1px;background:#d6e8cf;transform-origin:0 50%}
.route-first{width:calc((100% + 65px) / 3)}
.route-second{flex:1}
.record-stage{display:block;font-size:12px;color:#c9dfcf;margin-top:20px;line-height:1.4}
.record-journey h3{font:450 clamp(30px,3.5vw,52px)/1.05 Fraunces,Georgia,serif;letter-spacing:-.025em;margin-top:22px;min-height:2.1em}
.record-journey article>p{font-size:16px;line-height:1.6;margin-top:21px;color:#c9dfcf}
.record-journey[data-record=pending] .route-second{background:transparent;border-top:1px dashed #80aa96}
.record-journey[data-record=pending] .record-outcome::before{background:var(--deep);border:1px solid #b0cbb7;top:-5px;width:10px;height:10px}
.record-journey[data-record=pending] .record-outcome h3{color:#c9dfcf}
.record-context{display:flex;gap:30px;align-items:start;border-top:1px solid #527f6e;margin-top:50px;padding-top:24px}
.record-context>span{font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap;padding-top:2px;color:#c9dfcf}
.record-context>p{font-size:15px;line-height:1.65;max-width:68ch;color:#e0ebd6}
.working-section{padding-block:110px 85px;display:grid;grid-template-columns:1fr 1fr;gap:70px 85px}
.studio-intro>p{font-size:18px;line-height:1.65;max-width:34ch;margin-top:28px;color:#34574b}
.working-steps{padding:0;list-style:none}
.working-steps li{padding:28px 0;border-top:1px solid #bfccb9}
.working-steps li:first-child{border-top:0;padding-top:0}
.working-steps h3{font:450 30px/1.12 Fraunces,Georgia,serif;letter-spacing:-.025em}
.working-steps p{font-size:16px;line-height:1.65;color:#34574b;margin-top:15px;max-width:49ch}
.ownership-note{display:flex;gap:24px;align-items:center;grid-column:1/-1;border-top:1px solid #bfccb9;padding-top:37px}
.ownership-note img{width:28px;height:39px;object-fit:contain}
.ownership-note p{font-size:24px;line-height:1.4;letter-spacing:-.02em}
.ownership-note span{display:block;font-size:14px;line-height:1.65;letter-spacing:0;color:#466457;margin-top:11px}
.faq-section{padding-block:55px 110px;max-width:1120px}
.faq-section h2{font-size:36px;margin-bottom:33px}
.faq-list details{border-top:1px solid #bfccb9}
.faq-list details:last-child{border-bottom:1px solid #bfccb9}
.faq-list summary{display:flex;justify-content:space-between;align-items:center;gap:25px;list-style:none;padding:23px 0;cursor:pointer;font-size:17px;line-height:1.5;font-weight:500}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary>span{position:relative;flex-shrink:0;width:15px;height:15px}
.faq-list summary>span::before,.faq-list summary>span::after{content:'';position:absolute;left:1px;top:7px;width:13px;height:1px;background:currentColor;transition:transform 180ms var(--ease-out)}
.faq-list summary>span::after{transform:rotate(90deg)}
.faq-list details[open] summary>span::after{transform:rotate(0)}
.faq-list p{font-size:16px;line-height:1.65;color:#34574b;padding:0 30px 27px 0;max-width:78ch}
.contact-section{position:relative;isolation:isolate;overflow:hidden;background:var(--deep);color:var(--paper);padding-block:105px 85px}
.closing-light{position:absolute;inset:0;z-index:-1;background:url('/assets/img/open-house/door-brand-v8.webp') 0% 47%/165% auto;opacity:.18;pointer-events:none}
.contact-section h2{font-size:clamp(50px,7vw,96px);line-height:1.04;max-width:16ch}
.contact-bottom{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-top:60px}
.contact-bottom p{font-size:18px;line-height:1.6;color:#d9e6d0}
.contact-email{display:inline-flex;align-items:center;gap:30px;font-size:clamp(18px,2.3vw,33px);letter-spacing:-.025em;text-decoration:none;padding-block:12px;border-bottom:1px solid #94b4a1}
.contact-email svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:1.2}
.page-footer{padding-block:50px 120px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:30px 60px}
.page-footer>a{justify-self:start}
.page-footer img{display:block;width:205px;height:auto}
.page-footer>p{font-size:14px;color:#466457;justify-self:end}
.page-footer>div{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid #bfccb9;padding-top:25px;font-size:12px;color:#466457}
.page-footer>div a{display:flex;align-items:center;gap:10px;min-height:44px;text-decoration:none}
.page-footer svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.3}
.lettering-face span{width:max-content}
html:has(.mobile-menu[aria-expanded=true]) .study-controls{visibility:hidden}
@media(min-width:1680px){.hero{height:930px}.hero-copy{padding-top:95px}}
@media(max-width:1100px) and (min-width:1001px){.hero-copy h1{font-size:58px}.hero-copy>p{font-size:18px;max-width:34ch}}
@media(max-width:1000px){
 .hero{height:1000px;min-height:0}
 .hero-copy{padding-top:35px;max-width:54%;margin-right:0}
 .hero-copy h1{font-size:clamp(43px,7.2vw,60px)}
 .hero-copy>p{font-size:16px;max-width:100%}
 .copy-shade{background:linear-gradient(var(--deep),transparent 17%,transparent 83%,#063d3622)}
 .section-shell h2{font-size:clamp(40px,6.5vw,56px)}
 .story-intro{padding-block:80px 65px;gap:40px}
 .story-intro>p,.chapter-heading>p,.thinking-heading>p,.outcome-heading>p{font-size:16px}
 .campaign-chapter{padding-top:65px}
 .chapter-heading{gap:35px;padding-bottom:38px}
 .campaign-portrait{height:650px}
 .landing-preview{width:340px;left:28px;bottom:58px;padding:28px}
 .landing-preview h3{font-size:42px}
 .fictional-brand{left:28px;right:28px}
 .campaign-portrait figcaption{left:28px;max-width:calc(100% - 56px)}
 .campaign-caption{gap:35px;font-size:15px}
 .thinking-section{padding-block:80px}
 .thinking-heading,.outcome-heading{gap:40px}
 .query-choices button{padding:22px 17px;font-size:17px}
 .intent-response{padding:30px 22px;gap:25px}
 .intent-ad h3{font-size:27px}
 .intent-request h4{font-size:17px}
 .intent-request ul,.intent-ad>p:last-child{font-size:14px}
 .scope-note{gap:40px}
 .scope-note h3{font-size:29px}
 .outcome-section{padding-block:75px 65px}
 .record-journey{gap:35px}
 .route-first{width:calc((100% + 35px) / 3)}
 .record-journey article>p{font-size:14px}
 .working-section{padding-block:80px 65px;gap:55px}
 .studio-intro>p{font-size:16px}
 .working-steps h3{font-size:28px}
 .ownership-note p{font-size:22px}
 .faq-section{padding-block:45px 80px}
 .faq-section h2{font-size:32px}
 .contact-section{padding-block:80px 65px}
 .contact-bottom{gap:30px;margin-top:40px}
 .contact-bottom p{font-size:16px}
 .contact-email{font-size:22px;gap:20px}
 .study-identity>span:nth-child(2){max-width:50px;white-space:normal;line-height:1.15}
}
@media(max-width:600px){
 .hero{height:1080px}
 .hero-copy{max-width:none;margin-right:var(--gutter)}
 .hero-copy h1{font-size:clamp(43px,11.8vw,70px)}
 .hero-copy>p{max-width:34ch}
 .lettering-plane{width:216px;font-size:44px}
 .section-shell h2{font-size:42px}
 .story-intro,.chapter-heading,.thinking-heading,.outcome-heading{display:block}
 .story-intro{padding-block:65px 55px}
 .story-intro h2{font-size:45px}
 .story-intro>p,.chapter-heading>p,.thinking-heading>p,.outcome-heading>p{margin-top:25px;max-width:38ch;font-size:16px}
 .campaign-chapter{padding-block:55px 45px}
 .chapter-heading{padding-bottom:30px}
 .campaign-portrait{height:680px}
 .campaign-photo{object-position:66% 50%}
 .fictional-brand{left:22px;right:22px;top:25px}
 .ep-wordmark{font-size:23px}
 .landing-preview{left:18px;bottom:58px;max-width:calc(100% - 36px);width:calc(100% - 36px);padding:25px 24px 22px}
 .landing-preview h3{font-size:39px}
 .landing-preview>p{font-size:14px;margin-top:18px}
 .landing-invitation{font-size:13px;margin-top:22px;padding-top:16px}
 .campaign-portrait figcaption{left:18px;right:18px;max-width:calc(100% - 36px);font-size:11px;bottom:17px}
 .campaign-caption{display:block;padding-top:26px;font-size:15px}
 .campaign-caption p+p{margin-top:20px}
 .thinking-section{padding-block:65px}
 .thinking-heading{margin-bottom:32px}
 .query-choices{grid-template-columns:1fr}
 .query-choices button{padding:18px;font-size:18px;min-height:68px}
 .query-choices button+button{border-left:0;border-top:1px solid #c0ccba}
 .query-choices button span{display:inline-block;float:right;margin:4px 0 0 14px;font-size:11px}
 .intent-response{grid-template-columns:1fr;padding:28px 18px;gap:20px;min-height:430px}
 .intent-ad h3{font-size:29px}
 .intent-connection svg{width:32px;height:32px;transform:rotate(90deg);margin-left:-6px}
 .intent-request h4{font-size:18px;margin-bottom:12px}
 .intent-request ul{font-size:14px}
 .scope-note{grid-template-columns:1fr;gap:20px;padding-top:35px}
 .scope-note h3{font-size:31px}
 .scope-note p{font-size:15px}
 .outcome-section{padding-block:65px 55px}
 .record-switch{gap:7px;margin-top:30px}
 .record-switch button{font-size:12px;padding-inline:14px}
 .record-journey{display:block;margin-top:34px;padding-top:0;padding-left:26px}
 .record-journey article{padding:8px 0 30px}
 .record-journey article+article{padding-top:15px}
 .record-journey article::before{left:-30px;top:14px}
 .record-journey article+article::before{top:22px}
 .record-stage{margin-top:0;font-size:12px}
 .record-journey h3{font-size:34px;min-height:0;margin-top:15px}
 .record-journey article>p{font-size:15px;margin-top:14px}
 .record-route{left:0;top:18px;bottom:85px;width:1px;right:auto;display:flex;flex-direction:column}
 .record-route>div{width:1px;transform-origin:50% 0;min-height:0}
 .route-first{height:50%!important}
 .route-second{flex:1}
 .record-journey[data-record=pending] .route-second{border-top:0;border-left:1px dashed #80aa96}
 .record-journey[data-record=pending] .record-outcome::before{left:-31px;top:21px}
 .record-context{display:block;margin-top:5px;padding-top:23px}
 .record-context>p{font-size:14px;margin-top:12px}
 .working-section{grid-template-columns:1fr;padding-block:65px 50px;gap:35px}
 .studio-intro>p{margin-top:24px;max-width:38ch}
 .working-steps li:first-child{padding-top:25px;border-top:1px solid #bfccb9}
 .working-steps li{padding-block:25px}
 .working-steps h3{font-size:29px}
 .working-steps p{font-size:15px}
 .ownership-note{gap:17px;align-items:start;padding-top:28px}
 .ownership-note p{font-size:20px}
 .ownership-note span{font-size:13px}
 .ownership-note img{width:24px;height:34px}
 .faq-section{padding-block:35px 65px}
 .faq-section h2{font-size:31px;margin-bottom:25px}
 .faq-list summary{font-size:16px}
 .faq-list p{font-size:15px;padding-right:0}
 .contact-section{padding-block:65px 55px}
 .contact-section h2{font-size:48px}
 .contact-bottom{display:block;margin-top:30px}
 .contact-email{font-size:20px;gap:15px;margin-top:25px;max-width:100%}
 .contact-email svg{width:22px;height:22px}
 .page-footer{grid-template-columns:1fr;padding-block:35px 110px;gap:25px}
 .page-footer img{width:185px}
 .page-footer>p{justify-self:start;font-size:13px}
 .page-footer>div{display:block;padding-top:20px}
 .page-footer>div a{margin-top:10px}
 .study-controls{position:absolute;top:86px;bottom:auto;left:var(--gutter);transform:none;padding:0 6px 0 12px;max-width:calc(100% - 2 * var(--gutter));gap:9px}
 .study-identity>span:nth-child(2),.study-identity>.control-divider{display:none}
 .hero-away .study-controls{position:fixed;top:auto;bottom:12px;left:50%;transform:translateX(-50%)}
}
@media(max-width:360px){.hero-copy h1{font-size:41px}.hero-copy>p{font-size:15px}.lettering-plane{width:190px;font-size:36px}.section-shell h2{font-size:37px}.story-intro h2{font-size:39px}.landing-preview{padding:22px 18px}.landing-preview h3{font-size:34px}.landing-invitation{font-size:12px}.query-choices button{font-size:16px;padding-inline:15px}.query-choices button span{font-size:11px}.contact-section h2{font-size:42px}.contact-email{font-size:17px}.intent-response{padding-inline:16px}.intent-ad h3{font-size:26px}.record-switch button{padding-inline:12px}}
@media(prefers-reduced-motion:reduce){.campaign-photo,.landing-preview,.record-route>div,.closing-light{transform:none!important}}
/* The connecting line stops at its final evidence node. */
.record-route{right:calc((100% - 130px) / 3)}
.route-first{width:50%}
@media(max-width:1000px){.record-route{right:calc((100% - 70px) / 3)}.route-first{width:50%}}
@media(max-width:600px){.record-route{right:auto}.record-route>div{flex-shrink:0}.route-first{width:1px;height:auto!important;flex-grow:0}.route-second{width:1px;height:auto}}
.campaign-ad-proof{display:none;position:absolute;top:36%;left:36px;width:400px;max-width:calc(100% - 72px);padding:23px 26px;background:#fffcf5;border-radius:12px;box-shadow:0 22px 48px -24px #39211675;color:#294e3f;pointer-events:none}
.proof-query{font-size:14px;border-bottom:1px solid #d6dacc;padding-bottom:15px;margin-bottom:19px}
.campaign-ad-proof>p{font-size:12px;line-height:1.6}
.campaign-ad-proof h3{font:550 27px/1.18 'Instrument Sans',sans-serif;letter-spacing:-.025em;color:#1c4f76;margin-block:12px}
@media(max-width:1000px){.campaign-ad-proof{left:28px;width:340px;max-width:calc(100% - 56px)}}
@media(max-width:600px){
 .campaign-portrait{height:auto;padding-top:390px;padding-bottom:49px}
 .campaign-photo{height:420px;object-position:75% 50%}
 .landing-preview{position:relative;left:auto;bottom:auto;margin-inline:auto;width:calc(100% - 36px);max-width:calc(100% - 36px)}
 .campaign-portrait figcaption{bottom:14px}
 .campaign-ad-proof{left:18px;top:190px;width:calc(100% - 36px);max-width:none;padding:23px}
 .campaign-ad-proof h3{font-size:25px}
}
@media(max-width:360px){.landing-preview h3{font-size:32px}.campaign-ad-proof{padding:20px}.campaign-ad-proof h3{font-size:22px}}

/* Production home: the approved scene with real navigation and contained playback. */
.home .cf-header{background:transparent}.home .cf-header-row{max-width:1600px}.home .hero-copy{padding-top:30px;max-width:53%}.home .hero-copy h1{font-size:clamp(58px,5.1vw,76px);line-height:1.02}.home .hero-copy>p{max-width:43ch;font-size:19px;margin-top:24px}.home .hero-copy .hero-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap;margin-top:28px}.home .hero-copy .cta-main{margin:0}.home .hero-copy .hero-secondary{font-size:14px;min-height:44px;display:inline-flex;align-items:center}.home .hero-footer{bottom:25px;align-items:center;justify-content:flex-end;text-shadow:none}.hero-playback{display:flex;align-items:center;gap:12px;background:#063d36e8;padding:4px 6px;font-size:12px}.hero-playback button{display:inline-flex;align-items:center;gap:5px;min-height:34px;border:0;padding:4px 7px;background:transparent;color:var(--cream);cursor:pointer;font-size:12px}.hero-playback button:disabled{opacity:.5;cursor:default}.hero-playback button svg{width:14px;height:14px}.hero-playback #motion-status{display:none}.home-problems{display:grid;grid-template-columns:1fr 1.15fr;gap:100px;padding-block:80px 85px}.home-problems h2{max-width:14ch}.problem-lines p{border-top:1px solid var(--cf-line);padding:18px 0;font-size:20px;line-height:1.45}.problem-lines p:first-child{border-top:0;padding-top:0}.problem-lines .problem-close{font-size:16px;color:var(--cf-muted);border:0;padding-bottom:0}.home-scope{padding-block:90px 95px}.home-scope-top{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:45px}.home-scope-top h2{max-width:16ch}.home-scope-top p{max-width:35ch;color:var(--cf-muted);font-size:18px}.home-scope-row{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;padding:29px 0;border-top:1px solid var(--cf-line)}.home-scope-row h3{font:450 32px/1.15 Fraunces,Georgia,serif}.home-scope-row p{max-width:60ch;color:var(--cf-muted)}.home-scope-row strong{font-weight:550;color:var(--cf-ink)}.home-decision-note{display:grid;grid-template-columns:1fr 1fr;gap:55px;margin-top:28px;padding-top:24px;border-top:1px solid var(--cf-line)}.home-decision-note p{font-size:15px;line-height:1.65;color:var(--cf-muted)}.home-decision-note strong{display:block;color:var(--cf-ink);font-weight:550;margin-bottom:7px}.home-ownership{padding-block:80px;display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.home-ownership h2{font-size:clamp(38px,4.4vw,65px)}.home-ownership p{font-size:19px;line-height:1.65;color:var(--cf-muted);max-width:48ch}.home .campaign-portrait figcaption{font-size:12px}.home .thinking-section{padding-top:85px;padding-bottom:80px}.home .intent-ad h3{font-size:30px}.home .cf-close h2{color:var(--cf-paper)}.legacy-anchor{display:block;position:relative;scroll-margin-top:25px}.home .cf-footer a{font-family:'Instrument Sans',sans-serif}.home .cf-footer img{height:auto}.home .cf-header svg{height:22px;width:22px}
@media(max-width:1000px){.home .hero-copy{padding-top:25px;max-width:54%}.home .hero-copy h1{font-size:58px}.home .hero-copy>p{font-size:17px}.home .hero-copy .hero-actions{gap:14px}.home .hero-secondary{max-width:28ch}.home-problems{gap:50px}.home-scope-top{gap:35px}.home-scope-row{gap:45px}.home-ownership{gap:45px}}
@media(max-width:600px){.home .hero{height:850px;min-height:850px}.home .hero-copy{padding-top:23px;max-width:none}.home .hero-copy h1{font-size:44px;line-height:1.03}.home .hero-copy h1 span{white-space:nowrap}.home .hero-copy>p{font-size:16px;max-width:35ch;margin-top:19px}.home .hero-copy .hero-actions{gap:10px 20px;margin-top:23px}.home .hero-copy .cta-main{font-size:14px;min-height:50px}.home .hero-secondary{font-size:13px}.home .hero-footer{bottom:18px}.hero-playback{gap:0;padding:1px 2px}.hero-playback button{font-size:11px;gap:4px;padding-inline:5px}.home-problems{grid-template-columns:1fr;gap:25px;padding-block:60px}.problem-lines p{font-size:19px}.home-scope{padding-block:65px}.home-scope-top{align-items:start;flex-direction:column;gap:22px;margin-bottom:30px}.home-scope-top p{font-size:17px}.home-scope-row{grid-template-columns:1fr;gap:13px;padding-block:24px}.home-scope-row h3{font-size:29px}.home-decision-note{grid-template-columns:1fr;gap:22px}.home-ownership{grid-template-columns:1fr;gap:25px;padding-block:65px}.home-ownership p{font-size:17px}.home .thinking-section{padding-block:65px}.home .intent-ad h3{font-size:27px}}
@media(max-width:360px){.home .hero-copy h1{font-size:38px}.home .hero-copy>p{font-size:15px}.home .hero-secondary{font-size:12px}.home .hero-copy .hero-actions{gap:5px}.home .hero{height:850px;min-height:850px}}

.home .hero-playback button{font-size:12px;min-height:44px}

/* Register the same cover geometry before architecture.js measures the scene.
   This prevents a first-paint jump of the floor light; inline live values retain
   authority for the authored doorway path and exact measured lettering width. */
@supports(container-type:size){
 .architecture{container-type:size}
 .photo-stage{--stage-width:max(100cqw,calc(100cqh * 1672 / 941));--stage-height:max(100cqh,calc(100cqw * 941 / 1672));--stage-word-width:190px;--door-perspective:calc(var(--stage-width) * 1.2);width:var(--stage-width);height:var(--stage-height);left:calc((100cqw - var(--stage-width)) * .5);top:calc((100cqh - var(--stage-height)) * .1)}
 @media(max-width:1000px){.photo-stage{left:max(calc(100cqw * .78 - var(--stage-width) * .6442),calc(var(--gutter) + var(--stage-word-width) + 18px - var(--stage-width) * .55))}}
 @media(max-width:360px){.photo-stage{--stage-word-width:155px}}
}


/* /assets/css/lettering-float.css */
/* The architecture owns the parent path; these child layers own the living pose. */
.lettering-body,.lettering-drift{position:absolute;inset:0;transform-style:preserve-3d;transform-origin:42% 48%;pointer-events:none}
.lettering-body{transform:translateZ(48px) rotateY(-13deg) rotateX(5deg)}
.lettering-body .lettering-edge{transform:translateZ(calc(var(--slice) * -1.6px));color:#b8aa8b}
.lettering-body .lettering-front{text-shadow:1px 3px 4px #0c302845}
.lettering-face .lettering-word{position:relative;display:block;height:.98em}
.lettering-face .lettering-glyph{position:absolute;top:0;display:block;width:max-content;transform-style:preserve-3d;backface-visibility:hidden}
.lettering-measure{position:fixed;left:0;top:0;display:block;visibility:hidden;white-space:pre;pointer-events:none}
@media(prefers-reduced-motion:reduce){.lettering-drift{transform:none!important}.lettering-glyph{transform:none!important}}

@media(max-width:600px){.lettering-body{transform:translate3d(8px,-6px,48px) rotateY(-13deg) rotateX(5deg)}}
@media(max-width:360px){.lettering-body{transform:translate3d(12px,-6px,48px) rotateY(-13deg) rotateX(5deg)}}


/* /assets/css/doorway-brand.css */
/* Light uses the approved mark's orange-to-pink field, registered to the photograph. */
.open-house .brand-aperture-light,.open-house .brand-floor-light{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;mix-blend-mode:multiply;stroke:none}
.brand-aperture-light{transform:translateZ(-.4px);opacity:.94}
.brand-floor-light{transform:translateZ(.4px);opacity:.76}
.home .leaf-light{background:#ff862e}


/* /assets/css/dimensional-studio.css */
/* Physical campaign media. Faces, receding edges and the space beneath them
   remain in the composition after entrance motion has finished. */
:root{--depth-shadow:18px 38px 42px -22px #001a1780;--depth-paper:#fffcf5;--depth-edge:#91aa9b}
[data-depth-stage]{position:relative;perspective:1400px;isolation:isolate}
[data-depth-object]{position:relative;transform-style:preserve-3d;translate:calc(var(--depth-x,0)*1px) calc(var(--depth-y,0)*1px);backface-visibility:hidden}
.depth-responsive [data-depth-object]{will-change:translate}
[data-depth-stage] svg{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.commission-object :is(.project-cover,.project-sheet,.review-file)::after,
.page-advertising .excerpt-composition .customer-page::after,
.home .campaign-photo-plane::after,.home .campaign-ad-proof::after,
.home .campaign-request-object::after,.work-selection .work-piece-visual::after,
.page-search-example :is(.ex-ad-object,.ex-destination-object)::after{
  content:'';position:absolute;inset:100% 0 auto;height:9px;background:var(--depth-edge);transform-origin:50% 0;transform:rotateX(-90deg);pointer-events:none;
}
.commission-object :is(.project-cover,.project-sheet,.review-file)::before,
.page-advertising .excerpt-composition .customer-page::before,
.home .campaign-photo-plane::before,.work-selection .work-piece-visual::before{
  content:'';position:absolute;inset:0 auto 0 100%;width:9px;background:var(--depth-edge);transform-origin:0 50%;transform:rotateY(90deg);pointer-events:none;
}
/* Commissioning is a pair of different work scenes, rather than two columns. */
.page-advertising .service-commission{padding-block:94px 68px}
.page-advertising .commission-options{display:block;border:0}
.page-advertising .commission-options>article{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:9%;padding:30px 0 76px;border:0}
.page-advertising .commission-options>article+article{padding:30px 0 60px;border:0}
.page-advertising .commission-options>article+article .commission-object{grid-column:2;grid-row:1}
.page-advertising .commission-options>article+article .commission-copy{grid-column:1;grid-row:1}
.commission-copy h3{font:450 clamp(34px,3.1vw,46px)/1.1 Fraunces,Georgia,serif;letter-spacing:-.025em}
.commission-copy>.commission-purpose{font-size:19px;line-height:1.55;margin-top:21px;max-width:40ch}
.commission-copy>p:not(.commission-purpose){font-size:16px;line-height:1.6;color:var(--cf-muted);max-width:47ch}
.commission-copy .cf-text-link{margin-top:24px}
.commission-object{min-width:0;height:440px;transform-style:preserve-3d}
.commission-object::after{content:'';position:absolute;left:8%;right:8%;bottom:20px;height:100px;background:#91aa9b;opacity:.25;filter:blur(24px);transform:rotateX(70deg);z-index:-1;pointer-events:none}
.commission-build{background:#e9eddf}
.commission-build .project-cover{position:absolute;left:5%;top:62px;width:66%;height:310px;padding:27px;background:#006b5e;color:#fff7eb;--depth-edge:#1a4f44;transform:rotateX(9deg) rotateY(14deg) rotateZ(-7deg) translateZ(10px);box-shadow:var(--depth-shadow)}
.project-cover>span,.project-sheet>span,.review-file>span{display:block;font-size:13px;line-height:1.5}
.project-cover>strong{display:block;font:450 49px/1.02 Fraunces,Georgia,serif;letter-spacing:-.025em;margin-top:26px}
.project-cover>svg{width:110px;height:40px;margin-top:20px;color:#ff9d6d}
.commission-build .project-sheet{position:absolute;top:36px;right:4%;width:59%;padding:25px 24px 29px;background:var(--depth-paper);color:#062822;transform:rotateX(9deg) rotateY(-14deg) rotateZ(7deg) translateZ(65px);box-shadow:var(--depth-shadow)}
.project-sheet>p{font:450 27px/1.3 Fraunces,Georgia,serif;margin-block:29px}
.project-sheet>i{display:block;height:1px;background:#a7baaa;margin-top:15px}
.project-sheet>i:last-child{width:65%}
.commission-build .project-tab{position:absolute;right:7%;bottom:31px;display:flex;align-items:center;gap:14px;padding:19px 22px;background:#ff6257;color:#062822;font-size:14px;transform:rotateX(7deg) rotateY(-10deg) rotateZ(-3deg) translateZ(105px);box-shadow:var(--depth-shadow)}
.project-tab>svg{width:23px;height:23px}
.commission-review{background:#063d36;color:#fff7eb}
.review-track{position:absolute;inset:0;overflow:clip;pointer-events:none}.review-orbit{position:absolute;left:10%;top:3%;width:80%;height:94%;border:3px solid #ff862e;border-radius:50%;transform:rotateX(62deg) rotateZ(-25deg);box-shadow:6px 18px 20px -10px #001a1766}
.commission-review .review-file{position:absolute;width:70%;min-height:220px;padding:28px;box-shadow:var(--depth-shadow)}
.review-file>strong{display:block;font:450 35px/1.13 Fraunces,Georgia,serif;letter-spacing:-.025em;margin-top:28px}
.commission-review .review-file-back{left:6%;top:40px;background:#316f60;--depth-edge:#1a4f44;transform:rotateX(10deg) rotateY(12deg) rotateZ(-8deg)}
.commission-review .review-file-front{right:6%;bottom:37px;background:var(--depth-paper);color:#062822;transform:rotateX(9deg) rotateY(-12deg) rotateZ(5deg) translateZ(70px)}
.review-file-front>svg{display:block;width:100%;height:27px;margin-top:22px;color:#b94d43}
.review-cycle{position:absolute;right:4%;top:47px;width:74px;height:74px;display:grid;place-items:center;background:#ff6257;color:#062822;transform:rotateX(10deg) rotateY(-10deg) rotateZ(9deg) translateZ(90px);box-shadow:12px 24px 29px -12px #001a17aa}
.review-cycle>svg{width:43px;height:43px}
.commission-review[data-depth-active=true] .review-cycle>svg{animation:review-return 14s cubic-bezier(.65,0,.35,1) infinite}
@keyframes review-return{0%,25%{rotate:0deg}65%,100%{rotate:360deg}}
/* The example is a studio presentation of connected media in space. */
.page-advertising .campaign-excerpt{padding-block:87px 62px;overflow:clip;background:#063d36}
.page-advertising .excerpt-composition{display:block;height:660px;margin-top:22px;perspective:1400px;background:#062822}
.page-advertising .excerpt-composition::before{content:'';position:absolute;inset:68% 0 0;background:#134c42;clip-path:polygon(0 27%,100% 0,100% 100%,0 100%)}
.page-advertising .excerpt-composition .excerpt-ad{position:absolute;left:4%;top:124px;width:35%;padding:28px 27px 34px;background:#fffcf5;color:#062822;border:0;transform:rotateX(8deg) rotateY(13deg) rotateZ(-5deg) translateZ(85px);box-shadow:var(--depth-shadow);z-index:3}
.page-advertising .excerpt-ad .excerpt-fiction{color:#416355}
.page-advertising .excerpt-ad .excerpt-query{font-size:18px;margin-bottom:34px;border-bottom:1px solid #ccd5c4;padding-bottom:20px}
.page-advertising .excerpt-ad .excerpt-query::before{display:none}
.excerpt-query>svg{width:21px;height:21px;vertical-align:middle;margin-right:10px}
.page-advertising .excerpt-composition .customer-page{position:absolute;left:37%;right:8%;top:43px;width:auto;overflow:visible;transform-style:preserve-3d;transform:rotateX(8deg) rotateY(-13deg) rotateZ(4deg) translateZ(20px);box-shadow:var(--depth-shadow)}
.page-advertising .excerpt-photo{height:310px}
.page-advertising .excerpt-service-note{position:absolute;left:4%;right:auto;bottom:35px;width:28%;padding:23px 28px;background:#ff6257;color:#062822;transform:rotateX(8deg) rotateY(-11deg) rotateZ(-5deg) translateZ(125px);box-shadow:var(--depth-shadow);z-index:4}
.excerpt-service-note>span{font-size:13px;line-height:1.5}
.excerpt-service-note>strong{display:block;font:450 36px/1.1 Fraunces,Georgia,serif;margin-top:15px}
.page-advertising .excerpt-foot{margin-top:36px}
/* Home's campaign retains its ad, image and request as separate physical planes. */
.home .campaign-chapter{padding-top:30px;padding-bottom:56px;background:#e9eddf;overflow:clip}
.home .campaign-portrait{height:750px;margin-top:45px;background:#063d36;overflow:visible;perspective:1600px}
.home .campaign-portrait::before{content:'';position:absolute;inset:66% 0 0;background:#134c42;clip-path:polygon(0 30%,100% 0,100% 100%,0 100%)}
.home .campaign-photo-plane{position:absolute;top:45px;left:36%;width:57%;height:560px;background:#fffcf5;color:#392b23;transform-style:preserve-3d;transform:rotateX(8deg) rotateY(-12deg) rotateZ(4deg) translateZ(20px);box-shadow:var(--depth-shadow)}
.home .campaign-photo-plane .campaign-photo{position:absolute;inset:0;width:100%;height:68%;object-fit:cover;object-position:50% 48%;clip-path:inset(0)}
.home .campaign-photo-plane .fictional-brand{position:absolute;top:28px;left:30px;inset-inline-end:auto}
.home .campaign-photo-plane .ep-wordmark{font-size:27px;line-height:1.08;color:#392b23}
.home .campaign-photo-plane .landing-preview{position:absolute;inset:auto 0 0;transform:none;width:auto;max-width:none;padding:26px 33px 25px;background:#fffcf5;color:#392b23;opacity:1}
.home .campaign-photo-plane .landing-preview h3{font-size:40px;line-height:1.05;max-width:none}
.home .campaign-photo-plane .landing-preview p{font-size:15px;line-height:1.5;max-width:37ch;margin-top:12px}
.home .campaign-photo-plane .landing-invitation{font-size:14px;margin-top:15px}
.home .campaign-portrait .campaign-ad-proof{display:block;position:absolute;inset:152px auto auto 3%;width:31%;max-width:none;padding:30px 28px;color:#062822;background:#fffcf5;opacity:1;transform:rotateX(8deg) rotateY(12deg) rotateZ(-6deg) translateZ(90px);box-shadow:var(--depth-shadow);z-index:3}
.home .campaign-ad-proof .proof-query{font-size:16px;line-height:1.5;border-bottom:1px solid #ccd5c4;padding-bottom:20px;margin-bottom:22px}
.home .campaign-ad-proof>p{font-size:14px;line-height:1.5;color:#416355}
.home .campaign-ad-proof h3{font:500 27px/1.2 'Instrument Sans',sans-serif;letter-spacing:-.025em;margin-block:20px}
.home .campaign-request-object{position:absolute;left:4%;right:auto;bottom:35px;width:27%;padding:26px 28px;background:#ff6257;color:#062822;transform:rotateX(10deg) rotateY(-10deg) rotateZ(-5deg) translateZ(120px);box-shadow:var(--depth-shadow);z-index:4}
.campaign-request-object>span{font-size:13px}
.campaign-request-object>strong{display:block;font:450 34px/1.1 Fraunces,Georgia,serif;margin-top:15px}
.campaign-request-object>p{font-size:14px;line-height:1.7;margin-top:20px}
.campaign-request-object>svg{position:absolute;right:23px;bottom:25px;width:25px;height:25px}
.home .campaign-portrait>figcaption{position:absolute;left:35px;bottom:22px;color:#d0e0d4;font-size:13px}
.home .campaign-caption{padding-top:40px}
.home .home-scope-row{position:relative;padding:37px 35px;background:#e9eddf;box-shadow:12px 25px 35px -28px #06282299;transform:perspective(1400px) rotateX(2deg) rotateY(-2deg);margin-top:28px;border-top:0}
.home .home-scope-row+.home-scope-row{margin-left:4%;background:#ece9dc;transform:perspective(1400px) rotateX(2deg) rotateY(2deg)}
/* Portfolio: mounted campaign media and a separate raised record folio. */
.page-examples .work-index{background:#e9eddf}
.page-examples .work-index-opening{padding-block:55px 65px}
.page-examples .work-selection{width:100%;max-width:none;margin:0;padding:90px max(var(--cf-gutter),calc((100vw - 1440px)/2)) 100px;background:#063d36;color:#fff7eb;gap:9%;overflow:clip;perspective:1700px}
.page-examples .work-selection>article+article{padding-top:95px}
.page-examples .work-piece-visual{overflow:visible;min-height:480px;transform:rotateX(7deg) rotateY(11deg) rotateZ(-4deg) translateZ(10px);box-shadow:var(--depth-shadow);transform-style:preserve-3d}
.page-examples .work-piece-visual>img{clip-path:inset(0);transition:none}
.page-examples .work-piece-visual>div{padding:35px}
.page-examples .work-selection h2{margin-top:51px}
.page-examples .work-selection article>p{color:#d0e0d4}
.page-examples .work-selection .cf-text-link{color:#fff7eb}
.page-examples .work-trace{background:#316f60;--depth-edge:#1a4f44;transform:rotateX(7deg) rotateY(-12deg) rotateZ(4deg) translateZ(45px);padding:32px 30px 50px}
.page-examples .work-trace .trace-title{font-size:36px}
.page-examples .work-trace ol{border:0;padding:0;margin-block:28px}
.page-examples .work-trace li:not(.evidence-connection){padding:16px 20px;margin-top:13px;background:#063d36;transform:translateZ(18px);box-shadow:6px 12px 16px -9px #001a1777}
.page-examples .work-trace li:not(.evidence-connection):nth-child(2){margin-left:12px;transform:translateZ(32px)}
.page-examples .work-trace li:not(.evidence-connection):nth-child(3){margin-left:24px;transform:translateZ(46px)}
.page-examples .work-trace li::before{display:none}
.page-examples .work-trace li>strong{font-size:20px;margin:5px 0}
.page-examples .work-related{padding-top:85px}
/* Inspectable case: the interfaces have edges and a shared ground plane. */
.page-search-example .rx-search-opening{background:#e9eddf;overflow:clip}
.page-search-example .rx-search-spread{background:#063d36;color:#fff7eb;padding:35px 45px 55px;perspective:1600px}
.page-search-example .rx-spread-top{color:#d0e0d4}
.page-search-example .rx-live-query{color:#fff7eb;margin-bottom:30px}
.page-search-example .rx-search-spread .ex-ad-position{transform:rotateX(7deg) rotateY(12deg) rotateZ(-4deg);transform-style:preserve-3d;margin-top:45px}
.page-search-example .rx-search-spread .ex-destination-position{transform:rotateX(7deg) rotateY(-10deg) rotateZ(3deg) translateZ(50px);transform-style:preserve-3d;margin-top:-5px}
.page-search-example :is(.ex-ad-object,.ex-destination-object){background:#fffcf5;color:#062822;overflow:visible;transform-style:preserve-3d;box-shadow:var(--depth-shadow)}
.page-search-example .rx-case-photo{overflow:hidden}
.page-search-example .rx-spread-connector{color:#ff9d6d}
.page-search-example .rx-spread-bottom{color:#d0e0d4;margin-top:30px}
.page-search-example .ex-case-notes{background:#ece9dc}
.page-inquiry-example :is(.ex-customer-note,.ex-owner-note){box-shadow:var(--depth-shadow)}
/* The process is an open desk, a scope board, aligned media and a handover. */
.page-approach .as-clarify{background:#e6e9dd}
.page-approach .as-artifact{perspective:1300px}
.page-approach .as-brief-position{transform:rotateX(12deg) rotateY(-14deg) rotateZ(-5deg);transform-style:preserve-3d}
.page-approach .as-brief-sheet{box-shadow:var(--depth-shadow)}
.page-approach .as-brief-note{transform:translateZ(65px) rotate(3deg)}
.page-approach .as-scope{background:#316f60;box-shadow:var(--depth-shadow);transform:perspective(1400px) rotateX(7deg) rotateY(-10deg) rotateZ(2deg);border-bottom:7px solid #1a4f44}
.page-approach .as-scope-boundary{display:none}
.page-approach .as-scope-content :is(dt,dd){color:#fff7eb}
.page-approach .as-build{background:#ece9dc}
.page-approach .as-ad-position{transform:rotateX(9deg) rotateY(13deg) rotateZ(-5deg);transform-style:preserve-3d}
.page-approach .as-page-position{transform:rotateX(9deg) rotateY(-11deg) rotateZ(4deg) translateZ(60px);transform-style:preserve-3d}
.page-approach :is(.as-message-ad,.as-message-page){box-shadow:var(--depth-shadow)}
.page-approach .as-check{background:#e6e9dd}
.page-approach .as-receipt{padding:33px 35px;background:#fffcf5;box-shadow:var(--depth-shadow);transform:perspective(1400px) rotateX(7deg) rotateY(-8deg) rotateZ(3deg);border-bottom:6px solid #91aa9b}
/* Evidence is kept readable: a raised ledger and a separate selected record. */
.page-measurement{background:#e6e9dd}
.page-measurement .ledger-opening{padding-block:35px 55px}
.page-measurement .ledger-work{width:calc(100% - 2*var(--cf-gutter));max-width:1352px;background:#fffcf5;padding:35px 40px 43px;margin-bottom:65px;box-shadow:18px 36px 42px -28px #06282280;transform:perspective(1800px) rotateX(2deg) rotateZ(-.6deg);border-bottom:7px solid #91aa9b}
.page-measurement .ledger-title{border:0;padding-top:0}
.page-measurement .ledger-record{margin-left:7%;margin-right:-17px;box-shadow:14px 25px 32px -21px #001a1780;transform:perspective(1600px) rotateX(2deg) rotateZ(1.2deg)}
.page-measurement .measurement-method{padding-top:15px}
/* Studio identity becomes a physical mark; responsibilities stay business-only. */
.page-studio .practice-opening{grid-template-columns:1.05fr .95fr;gap:10%;padding-block:70px 110px;perspective:1500px}
.page-studio .practice-identity{position:relative;padding:45px 25px;min-height:430px;align-items:center;text-align:center;border:0;background:#fffcf5;transform:rotateX(9deg) rotateY(-15deg) rotateZ(5deg);transform-style:preserve-3d;box-shadow:var(--depth-shadow)}
.page-studio .practice-identity::before{content:'';position:absolute;inset:-12px 20px 12px -20px;background:#006b5e;transform:translateZ(-24px) rotate(-7deg);z-index:-1;box-shadow:var(--depth-shadow)}
.page-studio .practice-identity::after{content:'';position:absolute;inset:100% 0 auto;height:11px;background:#ff6257;transform:rotateX(-90deg);transform-origin:top}
.page-studio .practice-identity>img{width:160px;max-width:60%}
.page-studio .practice-identity>p{font-size:21px}
.page-studio .practice-responsibility{background:#063d36;padding-bottom:85px}
.page-studio .responsibility-map{perspective:1600px;gap:4%}
.page-studio .responsibility-map article{padding:26px 25px 30px;background:#316f60;box-shadow:12px 29px 30px -20px #001a1799;transform:rotateX(5deg) rotateY(5deg) rotateZ(-2deg)}
.page-studio .responsibility-map article:nth-of-type(2){transform:rotateX(5deg) rotateY(-4deg) rotateZ(2deg);margin-top:35px}
.page-studio .responsibility-map article:nth-of-type(3){transform:rotateX(5deg) rotateY(-6deg) rotateZ(-2deg);margin-top:70px}
.page-studio .responsibility-map article>p{color:#fff7eb}
.page-studio .practice-delivery{padding-block:100px;background:#e9eddf}
.page-studio .practice-agreement{padding:34px;background:#fffcf5;transform:perspective(1500px) rotateX(3deg) rotateY(-5deg);box-shadow:var(--depth-shadow)}
/* A readable form sits on a substantial surface, never a tilted input plane. */
.page-contact .contact-flow-opening{background:#e6e9dd}
.page-contact #inquiry-form{position:relative;background:#fffcf5;padding:36px;box-shadow:16px 32px 40px -25px #06282266}
html.page-away [data-depth-stage] *{animation-play-state:paused!important}
html[data-motion=paused],html[data-study=still]{scroll-behavior:auto}
html[data-motion=paused] [data-depth-stage] *{animation-play-state:paused!important}
@media(max-width:1000px){
 .page-advertising .commission-options>article{gap:6%}
 .commission-object{height:390px}.project-cover>strong{font-size:39px}.project-sheet>p{font-size:24px}.commission-build .project-cover{padding:24px;height:275px}.commission-build .project-sheet{padding:22px 18px}.commission-build .project-tab{font-size:12px;padding:16px}
 .review-file>strong{font-size:29px}.commission-review .review-file{padding:24px;min-height:195px}.review-cycle{width:62px;height:62px}
 .page-advertising .excerpt-composition{height:640px}.page-advertising .excerpt-composition .excerpt-ad{left:3%;width:38%;padding:24px}.page-advertising .excerpt-composition .customer-page{left:39%;right:5%}.excerpt-service-note>strong{font-size:30px}
 .home .campaign-photo-plane{left:36%;width:57%}.home .campaign-portrait .campaign-ad-proof{left:3%;width:32%;padding:25px}.home .campaign-request-object{width:29%}
 .page-examples .work-selection{gap:8%}.page-examples .work-piece-visual{min-height:440px}.page-examples .work-trace{padding:25px}.page-examples .work-trace .trace-title{font-size:31px}
 .page-studio .practice-opening{gap:8%}.page-studio .practice-identity{min-height:370px}.page-studio .responsibility-map article{padding:24px 20px}
}
@media(max-width:700px){
 [data-depth-stage]{perspective:1000px}
 .page-advertising .service-commission{padding-block:55px 45px}
 .page-advertising .commission-options>article,.page-advertising .commission-options>article+article{grid-template-columns:1fr;padding:0 0 55px;gap:36px}
 .page-advertising .commission-options>article+article .commission-object,.page-advertising .commission-options>article+article .commission-copy{grid-column:auto;grid-row:auto}
 .commission-object{height:365px;margin-inline:5px}.commission-copy h3{font-size:35px}.commission-copy>.commission-purpose{font-size:18px}
 .commission-build .project-cover{top:46px;height:260px;left:3%;width:70%;padding:20px}.project-cover>strong{font-size:32px;margin-top:23px}.project-cover>svg{width:80px;height:30px;margin-top:19px}
 .commission-build .project-sheet{top:28px;right:3%;width:62%;padding:22px 18px}.project-sheet>p{font-size:24px;margin-block:26px}.commission-build .project-tab{bottom:25px;right:3%;font-size:12px;gap:9px;padding:15px}
 .commission-review .review-file{width:73%;padding:23px;min-height:190px}.review-file>strong{font-size:29px}.commission-review .review-file-back{top:28px;left:3%}.commission-review .review-file-front{bottom:28px;right:3%}.review-cycle{right:4%;top:35px;width:58px;height:58px}.review-cycle>svg{width:35px;height:35px}
 .page-advertising .campaign-excerpt{padding-block:55px 40px}.page-advertising .excerpt-composition{height:970px;margin-inline:-4px;margin-top:32px}
 .page-advertising .excerpt-composition .customer-page{left:11%;right:7%;top:34px;transform:rotateX(7deg) rotateY(-9deg) rotateZ(3deg)}
 .page-advertising .excerpt-photo{height:220px}.page-advertising .excerpt-photo h3{font-size:32px;padding:24px}.page-advertising .painting-navigation{padding-inline:17px;min-height:55px;font-size:12px}
 .page-advertising .excerpt-composition .request-preview{padding:22px}.page-advertising .request-preview h4{font-size:24px}.page-advertising .request-preview>p{font-size:15px}
 .page-advertising .excerpt-composition .excerpt-ad{left:5%;top:465px;width:76%;padding:23px;transform:rotateX(7deg) rotateY(8deg) rotateZ(-4deg) translateZ(35px)}
 .page-advertising .excerpt-ad .excerpt-query{font-size:15px;margin-bottom:22px;padding-bottom:16px}.page-advertising .excerpt-ad h3{font-size:25px}.excerpt-ad>p{font-size:15px}
 .page-advertising .excerpt-service-note{left:auto;right:4%;bottom:25px;width:55%;padding:19px 22px;transform:rotateX(7deg) rotateY(-8deg) rotateZ(4deg) translateZ(65px)}.excerpt-service-note>span{font-size:12px}.excerpt-service-note>strong{font-size:28px}
 .page-advertising .excerpt-foot{display:block;margin-top:28px}.page-advertising .excerpt-foot .cf-button{margin-top:23px}
 .home .campaign-chapter{padding-top:24px}.home .campaign-portrait{height:970px;margin-top:30px;width:calc(100% - 2*var(--cf-gutter))}
 .home .campaign-photo-plane{left:10%;width:83%;top:32px;height:435px;transform:rotateX(8deg) rotateY(-9deg) rotateZ(3deg)}
 .home .campaign-photo-plane .campaign-photo{height:60%}.home .campaign-photo-plane .fictional-brand{top:23px;left:22px}.home .campaign-photo-plane .ep-wordmark{font-size:23px}
 .home .campaign-photo-plane .landing-preview{padding:24px}.home .campaign-photo-plane .landing-preview h3{font-size:33px}.home .campaign-photo-plane .landing-preview p{font-size:14px}.home .campaign-photo-plane .landing-invitation{font-size:13px}
 .home .campaign-portrait .campaign-ad-proof{left:6%;top:445px;width:78%;padding:25px 23px;transform:rotateX(7deg) rotateY(8deg) rotateZ(-4deg) translateZ(45px)}
 .home .campaign-ad-proof h3{font-size:23px;margin-block:17px}.home .campaign-ad-proof>p{font-size:13px}.home .campaign-ad-proof .proof-query{font-size:15px;padding-bottom:16px;margin-bottom:17px}
 .home .campaign-request-object{width:56%;left:auto;right:4%;bottom:38px;padding:21px 22px;transform:rotateX(8deg) rotateY(-7deg) rotateZ(4deg) translateZ(70px)}.campaign-request-object>strong{font-size:28px}.campaign-request-object>p{font-size:12px;margin-top:15px}.campaign-request-object>svg{width:22px;bottom:19px;right:18px}
 .home .campaign-portrait>figcaption{left:18px;bottom:15px;font-size:11px}.home .home-scope-row{padding:28px 24px;margin-top:24px}.home .home-scope-row+.home-scope-row{margin-left:0}
 .page-examples .work-index-opening{padding-block:35px 45px}.page-examples .work-selection{padding:55px var(--cf-gutter) 65px;gap:65px;grid-template-columns:1fr}
 .page-examples .work-selection>article+article{padding-top:0}.page-examples .work-piece-visual{min-height:410px;margin-inline:5px;transform:rotateX(6deg) rotateY(7deg) rotateZ(-3deg)}
 .page-examples .work-piece-visual>div{padding:28px}.page-examples .work-selection h2{margin-top:39px}.page-examples .work-trace{transform:rotateX(6deg) rotateY(-7deg) rotateZ(3deg);padding:27px;min-height:440px}.page-examples .work-trace .trace-title{font-size:34px}
 .page-search-example .rx-search-spread{padding:23px 22px 34px}.page-search-example .rx-live-query{margin-bottom:4px}.page-search-example .rx-search-spread .ex-ad-position{margin-top:18px;transform:rotateX(6deg) rotateY(7deg) rotateZ(-2.5deg)}
 .page-search-example .rx-search-spread .ex-destination-position{margin-top:15px;transform:rotateX(6deg) rotateY(-7deg) rotateZ(2.5deg)}.page-search-example .rx-spread-bottom{margin-top:20px}
 .page-inquiry-example .ex-record-stage{padding-top:28px;padding-bottom:36px}.page-inquiry-example .ex-customer-position{transform:rotateX(6deg) rotateY(6deg) rotateZ(-2deg)}.page-inquiry-example .ex-owner-position{transform:rotateX(6deg) rotateY(-6deg) rotateZ(2deg)}
 .page-approach .as-brief-position{transform:rotateX(8deg) rotateY(-9deg) rotateZ(-3deg)}.page-approach .as-scope{transform:perspective(1000px) rotateX(5deg) rotateY(-6deg) rotateZ(1.5deg);padding:30px 26px}
 .page-approach .as-ad-position{transform:rotateX(6deg) rotateY(7deg) rotateZ(-3deg)}.page-approach .as-page-position{transform:rotateX(6deg) rotateY(-7deg) rotateZ(3deg) translateZ(30px)}.page-approach .as-receipt{padding:29px 23px;transform:perspective(1000px) rotateX(5deg) rotateY(-5deg) rotateZ(2deg)}
 .page-measurement .ledger-work{padding:23px 20px 30px;width:calc(100% - 2*var(--cf-gutter));transform:none;margin-bottom:45px}.page-measurement .ledger-record{margin-left:0;margin-right:0;transform:rotate(.6deg)}
 .page-studio .practice-opening{grid-template-columns:1fr;gap:47px;padding-block:35px 65px}.page-studio .practice-identity{min-height:340px;max-width:340px;width:83%;justify-self:center;transform:rotateX(7deg) rotateY(-10deg) rotateZ(4deg);padding:33px 25px}
 .page-studio .practice-identity>img{width:130px}.page-studio .practice-identity>p{font-size:19px}.page-studio .responsibility-map{gap:27px}.page-studio .responsibility-map article{padding:26px;margin-inline:8px;transform:perspective(1100px) rotateY(4deg) rotateZ(-1.5deg)}
 .page-studio .responsibility-map article:nth-of-type(2),.page-studio .responsibility-map article:nth-of-type(3){margin-top:0;transform:perspective(1100px) rotateY(-4deg) rotateZ(1.5deg)}.page-studio .practice-delivery{padding-block:60px}.page-studio .practice-agreement{padding:25px}
 .page-contact #inquiry-form{padding:27px 21px}
}
@media(max-width:360px){
 .commission-object{height:340px}.project-sheet>p{font-size:21px}.project-cover>strong{font-size:35px}.commission-build .project-cover{height:240px}.commission-build .project-sheet{padding-inline:16px}.project-cover>span,.project-sheet>span,.review-file>span{font-size:12px}.review-file>strong{font-size:26px}.review-cycle{width:50px;height:50px}
 .page-advertising .excerpt-composition{height:990px}.page-advertising .excerpt-composition .customer-page{left:8%;right:6%}.page-advertising .excerpt-composition .excerpt-ad{top:477px;width:79%;padding:21px}.page-advertising .excerpt-service-note{width:60%}.excerpt-service-note>strong{font-size:26px}
 .home .campaign-photo-plane{left:7%;width:87%}.home .campaign-photo-plane .landing-preview{padding:21px}.home .campaign-photo-plane .landing-preview h3{font-size:29px}.home .campaign-portrait .campaign-ad-proof{width:83%;left:4%;padding:23px 21px}.home .campaign-request-object{width:61%;padding:19px}
 .page-examples .work-piece-visual{min-height:375px}.page-examples .work-trace{min-height:430px;padding:23px}.page-examples .work-trace .trace-title{font-size:30px}.page-examples .work-trace li:not(.evidence-connection){padding:14px 16px}.page-examples .work-trace li>small{font-size:13px}
 .page-search-example .rx-search-spread{padding-inline:17px}.page-measurement .ledger-work{padding-inline:16px}
}
@media(prefers-reduced-motion:reduce){.door-flow-field{display:none}[data-depth-stage] *{animation:none!important}[data-depth-object]{translate:none!important}.depth-responsive [data-depth-object]{will-change:auto}}

.page-examples .work-trace li.evidence-connection{display:none}
.page-inquiry-example .inquiry-opening{background:#e9eddf;padding-block:35px 58px}
.page-inquiry-example .inquiry-records{background:#063d36;color:#fff7eb;padding-block:35px 60px;overflow:clip}
.page-inquiry-example .record-choice-heading{border-color:#719383}
.page-inquiry-example .record-choice-heading .finish-note{color:#d0e0d4}
.page-inquiry-example .record-switcher button{color:#fff7eb;border-color:#719383}
.page-inquiry-example .record-switcher button[aria-pressed=true]{color:#062822;background:#ff9d6d;border-color:#ff9d6d}
.page-inquiry-example .inquiry-record{border-color:#719383;gap:40px 7%;padding-top:48px;perspective:1500px}
.page-inquiry-example .record-introduction>p{color:#d0e0d4}
.page-inquiry-example .inquiry-events{border-color:#719383;padding-left:32px}
.page-inquiry-example .inquiry-events li{padding-bottom:28px}
.page-inquiry-example .inquiry-events li>div{padding:25px 30px;background:#fffcf5;color:#062822;box-shadow:16px 28px 35px -20px #001a1799;transform:rotateX(4deg) rotateY(-5deg) rotateZ(1deg);transform-style:preserve-3d}
.page-inquiry-example .inquiry-events li:nth-child(even)>div{transform:rotateX(4deg) rotateY(5deg) rotateZ(-1deg);margin-left:20px}
.page-inquiry-example .inquiry-events blockquote{font-size:26px;line-height:1.4}
.page-inquiry-example .inquiry-events li.evidence-connection{width:1px;padding:0;background:#ff9d6d;box-shadow:none}
.page-inquiry-example .event-index{background:#316f60;color:#fff7eb;border-color:#91aa9b}
.page-inquiry-example .record-conclusion{border-color:#719383}
.page-inquiry-example .record-conclusion p{color:#d0e0d4}
.page-inquiry-example .record-responsibilities{padding-top:65px}
@media(max-width:700px){
 .page-inquiry-example .inquiry-opening{padding-block:25px 40px}
 .page-inquiry-example .inquiry-records{padding-block:24px 40px}
 .page-inquiry-example .inquiry-record{padding-top:32px;gap:24px}
 .page-inquiry-example .inquiry-events{margin-left:12px;padding-left:15px}
 .page-inquiry-example .inquiry-events li>div{padding:23px 20px;transform:rotateX(4deg) rotateY(-4deg) rotateZ(1deg)}
 .page-inquiry-example .inquiry-events li:nth-child(even)>div{margin-left:0;transform:rotateX(4deg) rotateY(4deg) rotateZ(-1deg)}
 .page-inquiry-example .inquiry-events blockquote{font-size:23px}
 .page-inquiry-example .event-index{left:-30px;z-index:2}
 .page-inquiry-example .record-conclusion{margin-top:10px}
}

/* At phone widths, keep the physical angles but let content determine the
   spacing between objects. No foreground plane may cover request wording. */
@media(max-width:700px){
 .page-advertising .excerpt-composition{display:flex;flex-direction:column;gap:48px;height:auto;min-height:0;padding:34px 18px 42px}
 .page-advertising .excerpt-composition .customer-page{position:relative;inset:auto;width:88%;margin:0;align-self:flex-end;order:1}
 .page-advertising .excerpt-composition .excerpt-ad{position:relative;inset:auto;width:90%;margin:0;align-self:flex-start;order:2}
 .page-advertising .excerpt-composition .excerpt-service-note{position:relative;inset:auto;width:66%;margin:0;align-self:flex-end;order:3}
 .home .campaign-portrait{display:flex;flex-direction:column;gap:48px;height:auto;min-height:0;padding:34px 18px 28px}
 .home .campaign-portrait .campaign-photo-plane{position:relative;inset:auto;width:90%;height:435px;margin:0;align-self:flex-end}
 .home .campaign-portrait .campaign-ad-proof{position:relative;inset:auto;width:92%;margin:0;align-self:flex-start}
 .home .campaign-portrait .campaign-request-object{position:relative;inset:auto;width:70%;margin:0;align-self:flex-end}
 .home .campaign-portrait>figcaption{position:relative;inset:auto;margin:0;font-size:11px}
}


/* /assets/css/home-atmosphere.css */
/* The doorway opens into one continuous studio, rather than a white interlude
   followed by a second framed room. Existing type and brand colours remain. */
.home .hero{margin-bottom:-1px}
.home .hero::after{content:'';position:absolute;inset:auto 0 0;height:128px;background:linear-gradient(transparent,#063d36);pointer-events:none;z-index:1}
.home .home-problems{max-width:none;background:#063d36;color:#fff7eb;padding-top:72px;padding-bottom:100px;padding-inline:max(var(--cf-gutter),calc((100vw - 1600px)/2 + var(--cf-gutter)))}
.home .home-problems .problem-lines p{border-color:#527f6e;color:#fff7eb}
.home .home-problems .problem-close{color:#d0e0d4}
.home .campaign-chapter{background:#063d36;color:#fff7eb;padding-top:20px;padding-bottom:84px}
.home .campaign-chapter .chapter-heading>p,.home .campaign-caption p{color:#d0e0d4}
.home .campaign-caption strong{color:#fff7eb}
.home .campaign-caption a{color:#fff7eb;text-decoration-color:#91aa9b}
.home .campaign-portrait{background:transparent;margin-top:24px}
.home .campaign-portrait::before{display:none}
.home .campaign-portrait>figcaption{background:none;padding:0;color:#d0e0d4}
.home .campaign-caption{padding-top:20px}
.home .home-scope{padding-top:100px}

/* Same refined material on every registered photographic plane. */
.home .photo-stage>picture{display:contents}
.home .photo-door-leaf{background-image:none}

/* Three overlapping passes travel OUT from the threshold. Screen blending
   adds emitted light; the earlier soft-light layer was too faint to read. */
.home .door-emission{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;transform:translateZ(1px);mix-blend-mode:screen;opacity:0;transition:opacity .7s ease}
.home .hero[data-light-state=flowing] .door-emission{opacity:.88}
.home .door-emission :is(ellipse,rect){stroke:none}
.door-emission-pass{transform-box:view-box;transform-origin:1077px 670px;animation:threshold-outflow 6s linear infinite;animation-play-state:paused;opacity:0}
.door-emission-pass:nth-child(2){animation-delay:-2s}
.door-emission-pass:nth-child(3){animation-delay:-4s}
.door-emission-curtain{transform-box:view-box;animation:threshold-rise 6s linear infinite;animation-play-state:paused;opacity:0}
.door-emission-curtain:nth-child(2){animation-delay:-2s}
.door-emission-curtain:nth-child(3){animation-delay:-4s}
.home .hero[data-light-state=flowing] :is(.door-emission-pass,.door-emission-curtain){animation-play-state:running}
@keyframes threshold-outflow{
  0%{transform:translate(0,0) scale(.72,.72);opacity:0}
  12%{opacity:.85}
  65%{opacity:.68}
  100%{transform:translate(-1120px,298px) scale(3.4,1.8);opacity:0}
}
@keyframes threshold-rise{
  0%{transform:translateY(600px);opacity:0}
  18%{opacity:.72}
  75%{opacity:.55}
  100%{transform:translateY(-420px);opacity:0}
}
html:is(.hero-away,.page-away) .door-emission *,html[data-motion=paused] .door-emission *{animation-play-state:paused!important}
html:is([data-motion=paused],[data-study=still]) .door-emission{display:none}
@media(min-width:601px){
  .home .campaign-portrait .campaign-ad-proof{left:7%;width:29%}
  .home .campaign-portrait .campaign-request-object{left:10%;width:25%}
  .home .campaign-portrait>figcaption{left:auto;right:4%;bottom:10px}
}
@media(max-width:1000px){.home .home-problems{padding-bottom:76px}.home .hero::after{height:100px}}
@media(max-width:600px){
  .home .home-problems{padding-top:48px;padding-bottom:64px;gap:28px}
  .home .campaign-chapter{padding-top:8px;padding-bottom:58px}
  .home .campaign-portrait{margin-top:28px}
  .home .campaign-caption{padding-top:30px}
  .home .home-scope{padding-top:65px}
  .home .hero::after{height:82px}
}
@media(prefers-reduced-motion:reduce){.home .door-emission{display:none}}