:root{--paper:#f0ece2;--ink:#222021;--orange:#dba275;--line:#f2e9d229;--font:'Manrope',Arial,sans-serif;--serif:'Cormorant Garamond',Georgia,serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#222021;color:var(--paper);font:14px/1.7 var(--font);overflow-x:clip}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer;color:inherit}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:1px solid var(--orange);outline-offset:6px}button{border-radius:0}[hidden]{display:none!important}p,h1,h2,h3{margin-top:0}::selection{background:#dba275;color:#222021}.skip-link{position:fixed;z-index:100;top:-70px;left:20px;background:var(--paper);color:var(--ink);padding:10px 20px}.skip-link:focus{top:10px}
#world{position:fixed;inset:0;z-index:0;overflow:hidden;background:#332b22;will-change:opacity}#world canvas{display:block;width:100%;height:100%;outline:none}.world-fallback{position:absolute;width:100%;height:100%;object-fit:cover;filter:brightness(.7)}#world canvas{opacity:0;transition:opacity .65s}#world.ready canvas{opacity:1}.world-fallback{transition:opacity .65s}#world.ready .world-fallback{opacity:0;pointer-events:none}.cinema-shade{position:fixed;inset:0;pointer-events:none;z-index:1;background:linear-gradient(90deg,#14121366,transparent 66%),linear-gradient(0deg,#1412134d,transparent 25%,transparent 78%,#14121344)}.grain{position:fixed;inset:0;z-index:15;pointer-events:none;opacity:.018;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.78' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.85' filter='url(%23n)'/%3E%3C/svg%3E")}
.site-header{position:fixed;top:0;left:0;right:0;z-index:25;display:flex;align-items:center;justify-content:space-between;padding:27px 4.5%;gap:20px;transition:background .4s,color .4s}.wordmark{display:flex;align-items:center;gap:17px}.brand-icon{font-size:36px;font-weight:800;letter-spacing:-6px;line-height:1;color:var(--orange);padding-right:5px}.brand-icon>span{color:var(--paper)}.brand-name{font-size:12px;letter-spacing:1px;font-weight:700;line-height:1.3}.brand-name small{display:block;font-size:6.8px;letter-spacing:1.5px;font-weight:400;margin-top:6px;color:#d1cabe}.header-middle{font-size:8px;letter-spacing:1.8px;display:flex;align-items:center;gap:9px;color:#d4ccbf}.live-dot{height:4px;width:4px;background:#ddb185;border-radius:50%;box-shadow:0 0 12px #ddb185aa}.header-cta{font-size:11px;display:flex;align-items:center;gap:30px}.header-cta>span{font-size:21px;color:var(--orange)}body.in-contact .site-header{background:#222021ed;backdrop-filter:blur(15px)}
#film{height:920svh;position:relative}.film-ui{position:fixed;inset:0;z-index:3;pointer-events:none;overflow:hidden}.film-ui a,.film-ui button{pointer-events:auto}.film-topline{position:absolute;top:132px;left:4.6%;right:4.6%;display:flex;justify-content:space-between;font-size:7px;letter-spacing:2px;color:#d1cbbe}.film-topline:before{content:'';position:absolute;left:0;right:0;top:-20px;height:1px;background:#faf0da21}.coordinates{writing-mode:vertical-rl;position:absolute;right:0;top:0;font-size:7px}.story-copy{position:absolute;left:8%;top:30%;opacity:0;visibility:hidden;max-width:72%;will-change:opacity,transform;pointer-events:none}.story-copy.is-active{visibility:visible}.story-copy .eyebrow{font-size:8px;letter-spacing:2.1px;margin:0 0 22px;display:flex;align-items:center;gap:10px;color:#d8cbb8}.story-copy .eyebrow:before{display:none}.eyebrow i{width:27px;height:1px;background:var(--orange)}.story-copy h1,.story-copy h2{font-size:clamp(75px,8.9vw,158px);line-height:.95;letter-spacing:-.065em;font-weight:400;margin:0 0 34px}.story-copy h1 em,.story-copy h2 em{font-family:var(--serif);font-weight:400;font-size:1.28em;letter-spacing:-.035em;line-height:.86;color:#e0b792}.story-description{font-size:12px;line-height:1.9;color:#ddd6c9;max-width:360px;margin-bottom:26px}.enter{border:0;background:none;padding:0;display:flex;align-items:center;gap:15px;font-size:10px;letter-spacing:.25px}.enter>span{height:42px;width:42px;border:1px solid #d4c5ac66;border-radius:50%;display:grid;place-items:center;font-size:21px;transition:background .3s,color .3s}.enter:hover>span{background:var(--orange);color:var(--ink)}.detail-copy{top:49%;left:6.5%;max-width:48%}.detail-copy h2{font-size:clamp(58px,6vw,102px)}.detail-copy .story-description{font-size:11px}.final-copy{top:25%;max-width:65%}.final-copy h2{font-size:clamp(65px,7vw,110px);margin-bottom:35px}.mood-controls{display:flex;gap:38px;margin:30px 0}.mood-controls>div>span{font-size:7px;letter-spacing:2px;color:#c4bba9;display:block;margin-bottom:11px}.choice{display:flex;gap:15px}.choice button{border:0;background:none;border-bottom:1px solid transparent;padding:4px 0 7px;font-size:11px;display:flex;align-items:center;gap:7px;color:#ddd5c6}.choice button[aria-pressed=true]{border-color:var(--orange);color:white}.choice i{height:16px;width:16px;border-radius:50%;border:1px solid #fff3}.walnut{background:#71533a}.oak{background:#c7b08b}.start-project{display:flex;align-items:center;justify-content:space-between;gap:30px;width:300px;font-size:12px;border-top:1px solid #fff3;padding-top:17px}.start-project>span{font-size:22px;color:var(--orange)}
.chapter-rail{position:absolute;right:4.5%;top:40%;display:flex;flex-direction:column;gap:18px}.chapter-rail button{display:flex;align-items:center;justify-content:flex-end;gap:13px;border:0;background:none;padding:4px;color:#f0e5d577;min-height:25px}.chapter-rail span{font-size:7px;letter-spacing:1px}.chapter-rail i{width:5px;height:5px;border:1px solid #e9ddc680;border-radius:50%;transition:background .3s,transform .3s}.chapter-rail button[aria-current=step]{color:#e6bb91}.chapter-rail button[aria-current=step] i{background:#e6bb91;border-color:#e6bb91;transform:scale(1.5)}.film-bottom{position:absolute;bottom:35px;left:4.6%;right:4.6%;display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:7px;letter-spacing:1.5px;color:#c5bdad}.film-sign i{color:var(--orange);font-style:normal;margin:0 6px}.film-position b{font-size:13px;font-weight:400;letter-spacing:-.2px;color:#e5d6bf;margin-right:4px}.scroll-instruction{display:flex;align-items:center;gap:15px;font-size:7px;letter-spacing:1.6px}.scroll-track{height:30px;width:1px;background:#fff2;position:relative;overflow:hidden}.scroll-track i{position:absolute;left:0;top:-100%;width:1px;height:50%;background:#e0b792;animation:scroll-prompt 2.7s infinite ease-in-out}@keyframes scroll-prompt{to{top:150%}}.film-progress{position:absolute;left:4.6%;right:4.6%;height:1px;background:#f6e9d018;bottom:18px}.film-progress>i{display:block;position:absolute;left:0;top:0;height:1px;width:100%;transform:scaleX(0);transform-origin:left;background:#c1946e}.world-label{position:absolute;left:0;top:0;display:flex;align-items:center;gap:80px;font-size:8px;letter-spacing:1.7px;opacity:0;transform:translate(-50%,-50%);white-space:nowrap}.world-label>i{width:7px;height:7px;border:1px solid #fff9;border-radius:50%}.world-label:before{content:'';position:absolute;top:50%;left:13px;width:65px;height:1px;background:#fff5}.world-label small{display:block;letter-spacing:0;font-size:9px;margin-top:5px;color:#ddcbb7}.world-status{position:absolute;bottom:95px;left:8%;font-size:12px;max-width:350px;color:#e2c29f}.world-status:empty{display:none}
.contact-section,footer,.global-disclosure{position:relative;z-index:5}.contact-section{min-height:100svh;align-items:center}.contact-section .contact-intro h2{font-size:clamp(52px,6vw,88px)}
@media(min-width:1800px){.story-copy{top:31%}.story-copy h1{font-size:160px}.story-description{font-size:15px}.film-topline,.film-bottom{font-size:9px}.enter{font-size:13px}}
@media(max-width:900px){.header-middle{display:none}.story-copy{left:7%;max-width:82%;top:32%}.story-copy h1,.story-copy h2{font-size:clamp(68px,10vw,98px)}.detail-copy{top:54%;max-width:80%}.detail-copy h2{font-size:clamp(52px,7.5vw,76px)}.final-copy{top:31%}.final-copy h2{font-size:clamp(61px,8vw,83px)}.contact-section{gap:6%;padding:100px 6%}.inquiry-panel{padding:28px}.contact-intro h2{font-size:60px}}
@media(max-width:600px){#film{height:820svh}.site-header{padding:25px 6%;gap:15px}.brand-icon{font-size:30px}.wordmark{gap:12px}.brand-name{font-size:9px;letter-spacing:.6px}.brand-name small{font-size:5.7px;letter-spacing:.75px}.header-cta{font-size:9px;gap:10px}.header-cta>span{font-size:18px}.film-topline{top:105px;left:6%;right:6%;font-size:6px;letter-spacing:1.6px}.film-topline:before{top:-15px}.coordinates{font-size:6px}.story-copy{left:7%;top:35%;max-width:88%}.story-copy h1,.story-copy h2{font-size:clamp(61px,15.5vw,84px);margin-bottom:30px;letter-spacing:-.065em}.story-copy h1 em,.story-copy h2 em{font-size:1.3em}.story-copy .eyebrow{font-size:6.5px;letter-spacing:1.6px;margin-bottom:20px}.story-description{font-size:10.5px;line-height:1.9;margin-bottom:22px}.enter{font-size:9px}.enter>span{height:37px;width:37px;font-size:18px}.chapter-rail{right:5%;top:24%;gap:9px}.chapter-rail button{min-height:22px;gap:8px}.chapter-rail span{font-size:6px}.chapter-rail i{height:3px;width:3px}.detail-copy{top:58%;max-width:87%}.detail-copy h2{font-size:49px;margin-bottom:17px}.detail-copy .eyebrow{font-size:6px;margin-bottom:16px}.detail-copy .story-description{font-size:9px}.final-copy{top:33%}.final-copy h2{font-size:clamp(53px,13.9vw,70px);margin-bottom:30px}.mood-controls{gap:32px;margin:26px 0}.choice{gap:15px}.choice button{font-size:10px;min-height:34px}.mood-controls>div>span{font-size:6px;margin-bottom:6px}.start-project{width:270px;font-size:11px}.film-bottom{left:6%;right:6%;bottom:31px}.film-sign{display:none}.film-position{font-size:6px}.scroll-instruction{font-size:6px;letter-spacing:1.3px}.film-progress{left:6%;right:6%;bottom:16px}.world-label{display:none}.contact-section{grid-template-columns:1fr;padding:105px 7% 70px;gap:45px}.contact-section .contact-intro h2{font-size:57px}.inquiry-panel{padding:26px 22px}.contact-phone{font-size:26px}.form-step legend{font-size:24px}.form-topline{font-size:9px}.space-options label>span{font-size:13px}.contact-intro>p:not(.eyebrow){font-size:14px}.field-label{font-size:13px}footer{display:block;padding:35px 7%;padding-right:70px}.footer-brand{font-size:14px}footer>p{margin-top:22px;margin-bottom:10px}.back-to-top{position:absolute;right:7%;top:35px}.global-disclosure{font-size:9px;line-height:1.7;padding:0 7% 25px}.world-status{left:7%;font-size:10px;bottom:80px;max-width:280px}}
@media(max-height:700px){.story-copy{top:28%}.story-copy h1,.story-copy h2{font-size:70px}.story-copy .eyebrow{margin-bottom:16px}.story-copy h1,.story-copy h2{margin-bottom:23px}.detail-copy{top:45%}.detail-copy h2{font-size:48px}.final-copy{top:26%}.final-copy h2{font-size:50px}.mood-controls{margin:16px 0}.film-topline{top:100px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.mood-controls{padding:16px 20px;margin-left:-20px;width:max-content;background:linear-gradient(90deg,#222021d9,#22202180);border:1px solid #ffffff18;backdrop-filter:blur(10px)}.choice button{min-height:44px}.story-copy h1,.story-copy h2{text-shadow:0 2px 22px #14121335}@media(max-width:600px){.story-description{font-size:12px}.story-copy .eyebrow{font-size:7.5px}.mood-controls{gap:24px;padding:12px 15px;margin-left:-8px}.choice button{font-size:11px}.detail-copy .story-description{font-size:11px}.detail-copy .eyebrow{font-size:7px}}

.story-description{font-size:14px;line-height:1.85}.detail-copy .story-description{font-size:13px}.story-copy[data-scene="3"]{top:22%;left:6.5%;max-width:68%}.story-copy[data-scene="3"] h2{font-size:clamp(58px,6vw,100px)}@media(max-width:600px){.story-description{font-size:13px}.detail-copy .story-description{font-size:12px}.story-copy[data-scene="3"]{top:22%;left:7%;max-width:88%}.story-copy[data-scene="3"] h2{font-size:52px}.final-copy h2{font-size:51px}}
/* Readable editorial layers leave the material image open. */
.cinema-shade{background:linear-gradient(90deg,#14121340,transparent 48%),linear-gradient(0deg,#14121332,transparent 22%,transparent 84%,#14121324)}
.grain{opacity:.009}
.story-description,.detail-copy .story-description{font-size:16px;line-height:1.7;color:#f0e9df;max-width:390px;text-shadow:0 1px 12px #141213a0}
.story-copy h1,.story-copy h2{text-shadow:0 2px 28px #14121370}
.header-cta,.enter,.start-project{font-size:14px}
.story-copy .eyebrow{font-size:11px;letter-spacing:1.8px}
.film-topline,.film-bottom{font-size:10px;letter-spacing:1.5px}
.header-middle{font-size:10px}.coordinates{font-size:9px}
.chapter-rail{gap:3px}.chapter-rail button{min-height:44px;min-width:44px}.chapter-rail span{font-size:10px}
.choice button{font-size:14px;min-height:44px}.mood-controls>div>span{font-size:10px;letter-spacing:1.4px}
.mood-controls{background:linear-gradient(105deg,#222021cc,#22202155);backdrop-filter:blur(8px);border-color:#fff2}
@media(max-width:600px){.header-cta{font-size:12px}.enter,.start-project{font-size:14px}.story-description,.detail-copy .story-description{font-size:14px;max-width:285px}.story-copy .eyebrow{font-size:9px}.film-topline{font-size:9px}.coordinates{font-size:8px}.chapter-rail{right:3%;top:21%;gap:0}.chapter-rail button{min-height:40px;min-width:40px}.chapter-rail span{font-size:9px}.choice button{font-size:13px}.mood-controls{gap:22px;padding:12px}.mood-controls>div>span{font-size:9px}.film-bottom{font-size:9px}.scroll-instruction{font-size:8px;letter-spacing:1px}.story-copy[data-scene="3"]{top:20%}.story-copy[data-scene="3"] h2{font-size:48px}.story-copy[data-scene="3"] .story-description{max-width:250px}.final-copy{top:30%}.start-project{width:280px}}

.story-copy[data-scene="0"].is-active{opacity:1}.ui-icon{width:20px;height:20px;display:inline-block;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;transition:transform .25s}.header-cta:hover .ui-icon,.start-project:hover .ui-icon,.compare-expand:hover .ui-icon{transform:translate(2px,-2px)}.back-to-top:hover .ui-icon{transform:translateY(-3px)}.compare-handle .ui-icon{width:14px;height:14px}.viewer-navigation button,.back-button{display:inline-flex;align-items:center;gap:9px}.viewer-toolbar button .ui-icon{width:22px;height:22px}.enter .ui-icon{width:19px;height:19px}.contact-phone .ui-icon{width:23px;height:23px}.portfolio-shortcut .ui-icon{width:18px;height:18px}.footer-credit{display:flex;align-items:center;gap:10px;min-height:44px;color:#bdb4ae}.footer-credit img{width:46px;height:46px;object-fit:contain;background:#f3f0eb;border-radius:5px;padding:3px}.footer-credit span{font-size:12px;line-height:1.5;white-space:nowrap}.footer-credit small{display:block;font-size:9px;letter-spacing:.7px;color:#99918a}.footer-credit:hover{color:var(--paper)}footer{flex-wrap:wrap;gap:24px}.business-summary{font-size:15px;line-height:1.85;color:#c9c0b8;max-width:440px}.business-summary strong{font-weight:500;color:#e9ded3}@media(max-width:600px){footer{display:grid;grid-template-columns:1fr auto}.footer-credit{grid-column:1;grid-row:3}.back-to-top{grid-column:2;grid-row:3}footer>p{grid-column:1}footer>small{grid-column:2;grid-row:2}.story-copy[data-scene="0"] .story-description{max-width:280px}.viewer-toolbar button .ui-icon{display:block}}@media(prefers-reduced-motion:reduce){.ui-icon,#world canvas,.world-fallback{transition:none}}
/* Avoid filtering the moving canvas behind the material controls. */ .mood-controls{backdrop-filter:none;background:linear-gradient(105deg,#222021ed,#222021a8)}