/* STEIDEN / editorial edition. Existing brand, imagery and native cinematic renderer retained. */
:root{--ivory:#f4f1eb;--ink:#272925;--muted:#5d625b;--white:#fcfaf6;--line:#d4d4ca;--ease-out:cubic-bezier(.23,1,.32,1)}
::selection{background:#ced5bf;color:#20251e}body{font-size:16px}.header{height:84px;position:fixed;background:#f4f1ebf5;gap:38px;border-color:#27292518}.header .brand{gap:6px}.brand-wordmark{width:174px}.brand-descriptor{font-size:6.8px;margin-left:16px}.desktop-nav{gap:32px}.contact-link{border:1px solid var(--ink);padding:0 21px;border-radius:0}.section{padding:110px max(5vw,24px)}.eyebrow{font-size:10px;letter-spacing:.13em}.button{border-radius:0;min-height:56px;font-size:13px;transition:background 180ms ease,transform 160ms var(--ease-out)}.button:active{transform:scale(.97)}
.hero-copy{top:29%;width:45%;left:5%}.hero-copy h1{font-size:clamp(42px,4.5vw,76px);font-weight:500;letter-spacing:-.062em;line-height:1.08}.hero-copy h1 em{font-style:normal;color:#616c58}.hero-text{font-size:14px;max-width:330px}.story-skip{background:transparent;padding:0;border-bottom:1px solid #27292555}.scene-note{font-size:10px}.scene-layer:after{background:linear-gradient(90deg,#f4f1eb77,transparent 54%)}
.work-heading{grid-template-columns:.65fr 1.5fr 1fr;align-items:end;margin-bottom:65px}.work-heading h2{font-size:clamp(48px,6.5vw,100px);line-height:.99;letter-spacing:-.065em}.work-heading>p:last-child{font-size:13px}.work-heading>.eyebrow{align-self:start;padding-top:8px}
.project-card{max-width:none;margin:0;background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible}.project-card-top{padding:0 0 16px;border:0;font-size:10px;letter-spacing:.1em}.project-card .project-image{margin:0;border:0;border-radius:0;background:#e4e8dd;padding:clamp(20px,4.5vw,72px);overflow:hidden}.project-card .project-image picture{display:block;aspect-ratio:8/5;box-shadow:0 15px 42px #27292520;overflow:hidden}.project-card .project-image img{width:100%;height:100%;object-fit:cover;transition:transform 700ms var(--ease-out)}.project-open{right:24px;bottom:24px;border:0;border-radius:0;background:var(--ink);padding:14px 22px;box-shadow:none;min-height:52px;font-size:12px;gap:32px}.project-card .project-info{padding:30px 0 0;grid-template-columns:1.2fr 1fr;gap:8vw}.project-info h3{font-size:clamp(42px,5vw,78px)!important;letter-spacing:-.05em;line-height:1}.project-info h3 span{display:block;font-size:15px;letter-spacing:0;margin-top:16px}.project-card .project-info .eyebrow{font-size:9px;letter-spacing:.08em}.project-card .project-info p{font-size:14px}.text-link{font-size:12px;padding-bottom:2px}.additional-work{padding-top:40px;padding-bottom:100px}.additional-work:has(.project-kota){padding-left:17vw}.additional-work:has(.project-sad){padding-right:17vw}.project-kota .project-image{background:#ddd8ce}.project-sad .project-image{background:#e3e5d0}.project-sad .project-info{grid-template-columns:1fr 1.2fr}.additional-work .project-card{transition:transform 700ms var(--ease-out),opacity 700ms ease}.additional-work .project-card.reveal-pending{transform:translateY(24px)}
.responsive{background:#272e27;color:#f3f2e9;grid-template-columns:1fr 1.3fr;gap:8vw;padding-top:115px;padding-bottom:115px}.responsive h2{font-size:clamp(42px,5vw,78px);letter-spacing:-.055em}.responsive p:not(.eyebrow){color:#c4cabe;font-size:15px}.responsive .eyebrow{color:#c4cabe}.responsive .text-link{border-color:#c4cabe}.desktop-device{border-color:#101710;background:#101710}.phone-device{border-color:#101710;background:#101710}.comparison{padding-top:0}.services{display:grid;grid-template-columns:1fr 1.45fr;gap:0 10vw;background:var(--ivory)}.services>.eyebrow{grid-column:1/-1}.services>h2{font-size:clamp(40px,4.5vw,66px);max-width:480px;position:sticky;top:125px;align-self:start}.service-grid{display:block;margin:0}.service-grid article{display:block;padding:28px 0;border-top:1px solid var(--line)}.service-grid article:first-child{padding-top:0;border:0}.service-grid h3{font-size:28px;margin:0 0 16px}.service-grid p{max-width:490px;margin-bottom:0;font-size:15px}.approach{background:#e6e7de;gap:10vw;align-items:center}.approach h2{font-size:clamp(43px,5vw,76px)}.signature{font-size:23px;margin:28px 0}.signature span{display:block;font-size:10px;letter-spacing:.08em;color:var(--muted);margin-top:5px}.intro-text{font-size:16px;max-width:480px}.approach-steps h3{font-size:23px}.contact{background:var(--ivory);padding-top:130px;padding-bottom:95px}.contact h2{font-size:clamp(58px,8.5vw,132px);line-height:1.01;letter-spacing:-.065em;max-width:1120px}.contact>p:not(.eyebrow){font-size:15px}.contact .button{min-width:210px}.contact-email{font-size:clamp(22px,3vw,42px);border:0;margin-top:32px}.brand-footer{border-top:1px solid var(--line);padding:40px 5%;align-items:center}.footer-wordmark img{width:200px}.brand-footer>div p{font-family:var(--font);font-size:12px}.brand-footer>div span{font-size:10px}.menu-toggle{font-size:12px;border:1px solid var(--line);padding:0 10px}.cursor-companion{display:none!important}
[data-reveal]{transition:opacity 700ms ease,transform 700ms var(--ease-out)}[data-reveal].edition-wait{opacity:0;transform:translateY(20px)}
@media(hover:hover) and (pointer:fine){.project-image:hover img{transform:scale(1.018);filter:none}.button:hover{background:#45513e}.text-link:hover{color:#566b43}.desktop-nav a:hover{color:#566b43}}
@media(min-width:801px){.cinematic .work,.portal{padding-top:100px}.portal .work-heading{margin-bottom:40px}.portal .work-heading h2{font-size:65px}.portal .project-image{padding:30px}.portal .project-info{display:none}}
@media(max-width:800px){.header{height:var(--header);gap:12px}.brand-wordmark{width:155px}.brand-descriptor{font-size:6px}.section{padding:65px 22px}.hero-copy{top:30px;left:22px;right:22px;width:auto}.hero-copy h1{font-size:clamp(36px,9.5vw,64px);line-height:1.07;letter-spacing:-.055em;max-width:540px}.hero-copy .eyebrow{font-size:8px}.hero-copy .button{bottom:75px}.scene-layer:after{background:linear-gradient(#f4f1eb55,transparent 35%)}.work-heading{grid-template-columns:1fr;gap:19px;margin-bottom:35px}.work-heading h2{font-size:56px}.work-heading>p:last-child{max-width:260px}.project-card .project-image{padding:18px 14px 68px}.project-open{left:14px;right:14px;bottom:12px;min-height:44px;padding:8px 14px;justify-content:space-between}.project-card-top{font-size:8px;gap:8px}.project-card .project-info,.project-sad .project-info{grid-template-columns:1fr;gap:20px;padding:25px 0 0}.project-info h3{font-size:48px!important}.project-info h3 span{font-size:15px}.project-card .project-info p{font-size:14px}.additional-work:has(.project-kota),.additional-work:has(.project-sad){padding:15px 22px 65px}.responsive{grid-template-columns:1fr;gap:35px;padding-top:70px;padding-bottom:70px}.responsive h2{font-size:44px}.services{display:block}.services>h2{position:static;font-size:43px;max-width:430px}.service-grid{margin-top:40px}.service-grid h3{font-size:25px}.approach{grid-template-columns:1fr;gap:24px}.approach h2{font-size:43px}.contact h2{font-size:clamp(44px,11.5vw,70px);line-height:1.06}.contact-email{font-size:24px}.brand-footer{align-items:flex-start}.portal .project-info{display:none}.portal .work-heading h2{font-size:46px}.portal .work-heading{gap:10px;margin-bottom:20px}.portal .work-heading>p:last-child{display:none}}
@media(max-width:350px){.hero-copy h1{font-size:33px}.work-heading h2{font-size:48px}.contact-email{font-size:21px}.project-card-top{letter-spacing:.03em}.responsive h2,.approach h2,.services>h2{font-size:37px}}
@media(prefers-reduced-motion:reduce){[data-reveal],.edition-wait{opacity:1!important;transform:none!important;transition:none!important}.project-image img{transform:none!important}}
/* Match the live notebook surface to the real gallery at the handoff. */
@media(min-width:801px){.portal .work-heading{margin-bottom:65px}.portal .work-heading h2{font-size:clamp(48px,6.5vw,100px)}.portal .project-image{padding:clamp(20px,4.5vw,72px)}}
@media(max-width:800px){.portal .work-heading{gap:19px;margin-bottom:35px}.portal .work-heading h2{font-size:56px}.portal .work-heading>p:last-child{display:block}}
@media(max-width:350px){.portal .work-heading h2{font-size:48px}}

/* JS. — approved identity, existing composition and media preserved. */
[hidden]{display:none!important}
.inquiry-form{max-width:840px;margin:45px 0;text-align:left}
.inquiry-form fieldset{border:0;padding:0;margin:0;min-width:0}
.inquiry-form legend{font-size:22px;margin-bottom:24px;letter-spacing:-.03em}
.inquiry-row{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.inquiry-form label{display:block;font-size:13px;margin-bottom:22px}
.inquiry-form input,.inquiry-form textarea{display:block;width:100%;margin-top:8px;border:1px solid #8a8e82;background:var(--white);color:var(--ink);border-radius:0;padding:14px;font:16px/1.5 var(--font)}
.inquiry-form textarea{min-height:150px;resize:vertical}
.inquiry-form input:focus-visible,.inquiry-form textarea:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.inquiry-form fieldset:disabled{opacity:.6}
.inquiry-form button:disabled{cursor:not-allowed}
.inquiry-privacy,.inquiry-status{font-size:13px;max-width:650px;line-height:1.6}
.inquiry-status{margin:16px 0;min-height:1.6em}
.inquiry-status[data-state=error]{color:#9a3024}
.inquiry-status[data-state=success]{color:#355632}
.inquiry-trap{display:none!important}
@media(max-width:600px){.inquiry-row{grid-template-columns:1fr;gap:0}.inquiry-form{margin:32px 0}.inquiry-form .button{width:100%}}
.header .brand{flex-direction:row;align-items:center;gap:18px}
.js-wordmark{display:block;font-family:var(--font);font-size:44px;font-weight:800;line-height:1;letter-spacing:-.09em;padding-right:.09em}
.js-descriptor{font-size:10px;font-weight:500;letter-spacing:0;line-height:1.4}
.js-menu-mark{font-size:26px;font-weight:800;letter-spacing:-.09em;margin-right:14px;vertical-align:middle}
.footer-wordmark .js-wordmark{font-size:76px}
.offer{display:grid;grid-template-columns:1.1fr 1fr;gap:10vw;align-items:start;background:var(--ivory)}
.offer-intro h2{font-size:clamp(42px,5vw,76px);letter-spacing:-.055em}
.offer-intro>p:last-child{max-width:350px;color:var(--muted);font-size:16px}
.offer-detail{border-top:1px solid var(--ink);padding-top:28px}
.offer-detail h3{font-size:23px;letter-spacing:-.025em;margin-bottom:24px}
.offer-price{font-size:clamp(64px,7vw,104px);font-weight:500;letter-spacing:-.065em;line-height:1;margin-bottom:24px;white-space:nowrap}
.offer-price span{font-size:.33em;letter-spacing:-.025em}
.offer-scope{max-width:320px;color:var(--muted);font-size:15px;margin-bottom:28px}
.offer-note{font-size:12px;color:var(--muted);max-width:300px;margin:20px 0 0}
@media(max-width:800px){.header .brand{gap:14px}.js-wordmark{font-size:38px}.js-descriptor{font-size:9px}.offer{grid-template-columns:1fr;gap:32px}.offer-intro h2{font-size:clamp(38px,10vw,54px)}.offer-detail{padding-top:24px}.offer-price{font-size:76px}.footer-wordmark .js-wordmark{font-size:60px}}