@font-face{font-family:Display;src:url('/demos/stillform/assets/display.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Display;src:url('/demos/stillform/assets/display-italic.ttf') format('truetype');font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Manrope;src:url('/demos/stillform/assets/manrope.woff2') format('woff2');font-weight:200 800;font-display:swap}:root{--ink:#1c211c;--paper:#eceae1;--line:#b9b9aa;--accent:#b49b72;--gutter:5vw}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--ink);color:var(--paper);font-family:Manrope,Arial,sans-serif;font-size:16px;line-height:1.6}body:has(dialog[open]){overflow:hidden}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Display,Georgia,serif;font-weight:400;line-height:.95;letter-spacing:-.045em}em{font-weight:400}h2{font-size:clamp(54px,6.6vw,110px)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer;background:none;color:inherit;border:0}a,button,summary,input,select,textarea{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #bc9864;outline-offset:5px}img{display:block;max-width:100%;object-fit:cover}button:disabled{opacity:.45;cursor:default}.eyebrow,.section-kicker{font-size:10px;text-transform:uppercase;letter-spacing:.12em;line-height:1.6}.section{padding:105px var(--gutter)}.section-kicker{display:flex;justify-content:space-between;gap:24px;border-top:1px solid #9c9e8c66;padding-top:20px;margin-bottom:70px}.line-link{display:inline-flex;gap:32px;align-items:center;font-size:12px;padding:12px 0;border-bottom:1px solid currentColor}.line-link span{transition:transform .3s}.line-link:hover span{transform:translate(3px,-3px)}.line-link.small{font-size:10px}.skip{position:fixed;top:-100px;left:20px;background:white;color:black;padding:12px;z-index:100}.skip:focus{top:10px}.site-header{position:fixed;z-index:30;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;height:96px;padding:0 var(--gutter);color:#f7f2e9;background:linear-gradient(#10181270,transparent);transition:background .3s,height .3s}.site-header.scrolled{background:#1b211aeb;backdrop-filter:blur(12px);height:76px}.wordmark{font:400 39px Display,Georgia,serif;letter-spacing:-2px;line-height:1}.wordmark>span{font:10px Manrope;margin:0 0 0 5px;vertical-align:top;display:none}.header-description{font-size:8px;letter-spacing:.15em;line-height:1.8;margin-left:auto;margin-right:9vw}.header-actions{display:flex;align-items:center;gap:38px}.header-contact{font-size:11px;border-bottom:1px solid #d5d2c575;padding:10px 0}.header-contact span{margin-left:30px}.menu-toggle{display:flex;gap:15px;align-items:center;font-size:11px;padding:14px 0}.menu-icon{display:flex;flex-direction:column;gap:5px}.menu-icon i{display:block;width:22px;height:1px;background:currentColor}.opening{position:relative;background:#12160f}.opening-stage{height:100svh;min-height:700px;position:relative;overflow:hidden;isolation:isolate}.opening-exterior,.opening-shade,.portal{position:absolute;inset:0;width:100%;height:100%}.opening-exterior{z-index:-3;object-position:center 60%;will-change:transform}.opening-shade{z-index:-2;background:linear-gradient(180deg,#06121038 0%,transparent 45%,#09140be0 100%)}.hero-title{position:absolute;top:17%;left:var(--gutter);right:var(--gutter);z-index:2}.hero-title>.eyebrow{margin:0 0 20px 6px;font-size:9px}.hero-title h1{font-size:clamp(88px,12vw,190px);line-height:.77;letter-spacing:-.055em;max-width:1200px}.hero-title h1>span{display:block}.hero-title .second-line{margin-left:20vw;margin-top:9px}.hero-title em{color:#e2d7bf}.hero-intro{position:absolute;left:var(--gutter);right:var(--gutter);bottom:105px;display:flex;justify-content:space-between;align-items:end;gap:30px;z-index:3}.hero-intro p{font-size:12px;line-height:1.8}.hero-intro .line-link{font-size:12px}.opening-bottom{position:absolute;bottom:25px;left:var(--gutter);right:var(--gutter);z-index:5;display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:8px;letter-spacing:.12em}.scroll-cue{display:flex;gap:12px;align-items:center;padding:14px 0}.scroll-line{display:block;width:1px;height:27px;background:#f5eee5}.portal{visibility:hidden;z-index:1;overflow:hidden;clip-path:inset(45% 44% 9% 44%)}.portal>img{width:100%;height:100%;object-position:center;transform:scale(1.15)}.portal-shade{position:absolute;inset:0;background:linear-gradient(0deg,#111b12c9,transparent 70%)}.portal-copy{position:absolute;left:9vw;bottom:17%;visibility:hidden}.portal-copy h2{font-size:clamp(64px,8vw,132px);margin-top:28px}.manifesto{position:relative;background:var(--paper);color:var(--ink);z-index:2;padding-top:90px;padding-bottom:100px}.manifesto-title{font-size:clamp(49px,6.5vw,106px);line-height:1.05;letter-spacing:-.04em}.manifesto-title em{color:#777c65}.manifesto-bottom{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:6vw;margin-top:65px}.manifesto-bottom p{font-size:13px;max-width:375px}.frame-mark{width:95px;stroke:#6b7659;stroke-width:1;fill:none}.architecture{background:#181d18;position:relative}.architecture-stage{position:relative;min-height:850px;height:100svh;overflow:hidden}.architecture-head{position:absolute;top:105px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;align-items:center;z-index:5}.architecture-title{position:absolute;top:165px;left:var(--gutter);right:var(--gutter);z-index:3;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.architecture-title h2{font-size:clamp(44px,4.6vw,75px)}.architecture-title p{font-size:11px;text-align:right;color:#bfc2b5}.architecture-watermark{position:absolute;top:40%;left:-2%;font-family:Display,serif;font-size:17vw;letter-spacing:-.05em;color:#ffffff05;white-space:nowrap;pointer-events:none}.model-host{position:absolute;inset:22% 0 12%;overflow:hidden;touch-action:pan-y;z-index:2}.model-host canvas{display:block;width:100%;height:100%;cursor:grab;touch-action:pan-y}.model-host canvas:active{cursor:grabbing}.model-fallback{position:absolute;inset:10% 20%;width:60%;height:75%;opacity:.5}.model-loading{position:absolute;top:60%;left:0;right:0;text-align:center;font-size:11px}.model-host.ready .model-fallback,.model-host.ready .model-loading{display:none}.model-caption{position:absolute;bottom:115px;left:var(--gutter);z-index:3;max-width:250px;pointer-events:none}.model-caption .eyebrow{color:#cab58d}.model-caption p{font-size:12px;margin:10px 0}.model-disclaimer{font-size:7px;letter-spacing:.08em;color:#b6bbae;display:block;margin-top:15px}.model-controls{position:absolute;z-index:5;bottom:28px;left:var(--gutter);right:var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid #ffffff26;padding-top:20px}.model-views{display:flex;gap:8px}.model-views button{padding:10px 14px;border:1px solid #ffffff33;font-size:10px}.model-views button[aria-pressed=true]{background:var(--paper);color:var(--ink)}.assembly-label{font-size:9px;display:flex;align-items:center;gap:15px}.assembly-label input{accent-color:#c4af83;width:140px;min-height:30px}.drag-label{font-size:7px;letter-spacing:.12em;color:#babfac}.chapter-intro{background:var(--paper);color:var(--ink);position:relative;padding-bottom:100px}.chapter-intro h2{font-size:clamp(80px,12vw,190px);line-height:.85}.chapter-intro .offset{display:block;margin-left:22vw}.chapter-intro>p{margin-top:40px;margin-left:65%;font-size:12px}.chapters{position:relative;background:#151b13}.chapters-stage{height:100svh;min-height:700px;position:relative;overflow:hidden}.chapter{position:relative;height:100%;width:100%;overflow:hidden}.chapter>img{width:100%;height:100%;object-fit:cover}.chapter-shade{position:absolute;inset:0;background:linear-gradient(90deg,#08130899,transparent 80%),linear-gradient(0deg,#081308c9,transparent 45%)}.chapter-content{position:absolute;left:8vw;top:25%;max-width:80%}.chapter-content h3{font-size:clamp(80px,10vw,165px);line-height:.85;margin:22px 0 30px}.chapter-content>p:last-child{font-size:13px}.chapter-nav{position:absolute;left:8vw;bottom:38px;display:flex;gap:35px;z-index:5}.chapter-nav button{position:relative;min-width:125px;text-align:left;padding:14px 0;font-size:12px;color:#fff}.chapter-nav button>span{font-size:8px;margin-right:16px}.chapter-nav i{position:absolute;bottom:0;left:0;right:0;height:1px;background:#ffffff4d}.chapter-nav button[aria-pressed=true] i{height:2px;background:#f7edda}.chapter-enquire{position:absolute;z-index:5;right:6vw;bottom:52px;font-size:11px}.chapter-enquire span{margin-left:30px}.chapters:not(.enhanced) .chapters-stage{height:auto}.chapters:not(.enhanced) .chapter{height:90svh;min-height:600px}.chapters:not(.enhanced) .chapter-nav{display:none}.chapters:not(.enhanced) .chapter-enquire{bottom:25px}.chapters.enhanced .chapter{position:absolute;inset:0;visibility:hidden}.chapters.enhanced .chapter:first-child{visibility:visible}.editorial{background:#e7e5db;color:var(--ink)}.editorial-title{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:80px}.editorial-title p{font-size:12px}.editorial-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:90px 9vw;align-items:start}.journal-frame{display:block;width:100%;text-align:left;padding:0}.journal-frame img{width:100%;height:100%;transition:transform .7s}.journal-frame>span{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:.06em;text-transform:uppercase;margin-top:16px}.journal-frame b{font-weight:400}.journal-frame i{font-style:normal;font-size:20px}.frame-one img{aspect-ratio:.92;object-position:42%}.frame-two{margin-top:150px}.frame-two img{aspect-ratio:.8;object-position:63%}.frame-three{grid-column:2}.frame-three img{aspect-ratio:1.12;object-position:60%}.journal-frame:hover img{filter:brightness(1.06)}.editorial-quote{font:400 clamp(45px,5vw,80px)/.95 Display,serif;letter-spacing:-.04em;align-self:center}.editorial-quote small{display:block;font:9px Manrope;letter-spacing:.1em;margin-top:30px}.services{background:#2a3025}.service-layout{display:grid;grid-template-columns:1fr 1.15fr;gap:8vw}.service-layout h2{font-size:clamp(60px,6vw,100px)}details{border-top:1px solid #8f968078}details:last-child{border-bottom:1px solid #8f968078}summary{list-style:none;display:flex;align-items:center;gap:18px;padding:27px 0;cursor:pointer;font:400 clamp(25px,2.5vw,40px)/1.1 Display,serif;min-height:80px}summary::-webkit-details-marker{display:none}summary>span{font:9px Manrope;color:#c5c9b8}summary i{font:22px Manrope;font-style:normal;margin-left:auto}details[open] summary i{transform:rotate(45deg)}details p{font-size:13px;color:#c4c8b9;max-width:400px;padding:0 0 15px 31px}details .line-link{margin:0 0 28px 31px}.process{background:var(--paper);color:var(--ink)}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:60px}.process-number{font-size:10px;color:#6c745d;display:block;margin-bottom:30px}.process-grid h3{font-size:65px;margin-bottom:23px}.process-grid p{font-size:13px;color:#5a634f;max-width:300px}.enquire{background:#c8cbb9;color:var(--ink)}.enquiry-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:8vw}.enquiry-layout h2{font-size:clamp(65px,7.2vw,120px)}.enquiry-layout>div>p{font-size:13px;margin-top:28px}.enquiry-layout .demo-note{font-size:10px;color:#48513e;margin-top:50px}form{padding-top:10px}form label{font-size:10px;display:block;margin-bottom:22px}input,select,textarea{font-size:15px;display:block;width:100%;border:0;border-bottom:1px solid #7c856c;background:none;color:var(--ink);border-radius:0;padding:12px 0;min-height:46px}input::placeholder,textarea::placeholder{color:#566048;opacity:1}textarea{resize:vertical}.form-row{display:grid;grid-template-columns:1.2fr 1fr;gap:25px}.button{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:20px 24px;min-height:60px;background:var(--ink);color:var(--paper);font-size:12px;width:100%;border:1px solid var(--ink)}.button:hover{background:#333d2b}.form-status{font-size:13px;margin-top:20px}.form-row select{max-width:100%}footer{padding:40px var(--gutter) 25px;background:#181d18;overflow:hidden}.footer-meta,.footer-base{display:flex;justify-content:space-between;gap:25px;align-items:center;font-size:9px;letter-spacing:.06em}.footer-meta button{font-size:10px;text-decoration:underline;padding:12px}.footer-wordmark{font:400 24vw/.95 Display,serif;letter-spacing:-.075em;padding:50px 0 30px;white-space:nowrap}.footer-wordmark>span{font:400 .28em Display;vertical-align:top;margin-left:.4em;display:inline-block;padding-top:.3em;letter-spacing:0;color:#9aab86}.footer-base{border-top:1px solid #737e6959;padding-top:20px;color:#bdc3b2}.menu-dialog{max-width:none;max-height:none;width:100%;height:100svh;margin:0;border:0;padding:0;background:#303d2b;color:var(--paper);overflow:auto}.menu-dialog::backdrop{background:#131b10}.menu-head{display:flex;justify-content:space-between;align-items:center;padding:30px var(--gutter)}.menu-close,.gallery-close{font-size:12px;min-height:44px;padding:10px 15px}.menu-inner{padding:25px 12vw}.menu-inner nav{margin:35px 0}.menu-inner nav a{display:flex;align-items:center;gap:30px;font:400 clamp(40px,6vw,100px)/1.2 Display,serif;letter-spacing:-.03em;border-bottom:1px solid #aab39a55;padding:12px 0}.menu-inner nav a small{font:9px Manrope;letter-spacing:0}.menu-inner nav a>span{font-size:.6em;margin-left:auto;transition:transform .3s}.menu-inner nav a:hover>span{transform:translate(10px,-5px)}.menu-foot{font-size:9px;letter-spacing:.1em;line-height:2}.gallery-dialog{padding:25px;border:0;background:#181d18;color:var(--paper);width:min(1200px,95vw);max-height:94svh;max-width:95vw}.gallery-dialog::backdrop{background:#0a100bee;backdrop-filter:blur(10px)}.gallery-top{display:flex;justify-content:space-between;align-items:center;gap:25px}.gallery-image{height:min(58vh,620px);margin:10px 0 25px;overflow:hidden}.gallery-image img{height:100%;width:100%;object-fit:contain}.gallery-bottom{display:flex;align-items:center;gap:30px}.gallery-bottom>button{border:1px solid #fff5;width:45px;height:45px;flex-shrink:0}.gallery-bottom>div{flex:1}.gallery-bottom h2{font-size:37px;letter-spacing:-.02em}.gallery-bottom p{font-size:10px;color:#c6cbbd;margin-top:10px}.gallery-bottom>span{font-size:10px}.gallery-cta{margin-top:20px;font-size:10px}body.reduce-motion *,body.reduce-motion *::before,body.reduce-motion *::after{transition:none!important;animation:none!important}html:has(body.reduce-motion){scroll-behavior:auto}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
@media(max-width:1000px){.header-description{display:none}.hero-title{top:24%}.hero-title h1{font-size:13vw}.architecture-title h2{font-size:52px}.model-caption{bottom:140px;max-width:200px}.model-controls{flex-wrap:wrap;gap:12px}.drag-label{display:none}.editorial-grid{gap:60px 5vw}.service-layout{gap:4vw}.process-grid{gap:30px}.enquiry-layout{gap:5vw}.footer-wordmark{font-size:23vw}}
@media(max-width:700px){:root{--gutter:24px}.section{padding:65px var(--gutter)}.section-kicker{font-size:8px;margin-bottom:40px;gap:20px}.section-kicker>span:last-child{max-width:155px;text-align:right}.site-header{height:80px}.wordmark{font-size:34px}.header-actions{gap:22px}.header-contact{font-size:9px}.header-contact span{margin-left:8px}.menu-toggle{font-size:0;gap:0}.menu-icon{gap:6px}.site-header.scrolled{height:68px}.opening-stage{height:100svh;min-height:700px}.hero-title{top:23%;left:24px;right:24px}.hero-title>.eyebrow{font-size:8px;max-width:240px;margin:0 0 24px}.hero-title h1{font-size:clamp(70px,17vw,118px);line-height:.9;letter-spacing:-.055em}.hero-title .second-line{margin-left:7vw;margin-top:5px}.opening-exterior{object-position:48%}.opening-shade{background:linear-gradient(0deg,#071108dd,transparent 65%,#07110850)}.hero-intro{bottom:125px;display:block}.hero-intro p{font-size:11px}.hero-intro .line-link{font-size:11px;margin-top:18px}.opening-bottom{font-size:7px;bottom:24px}.opening-counter{display:none}.concept-label{max-width:95px;text-align:right}.portal-copy{left:24px;right:24px;bottom:24%}.portal-copy h2{font-size:64px}.portal-copy .eyebrow{font-size:8px}.portal>img{object-position:58%}.manifesto-title{font-size:clamp(35px,8vw,56px);line-height:1.1}.manifesto-bottom{grid-template-columns:60px 1fr;gap:25px;margin-top:36px}.frame-mark{width:60px}.manifesto-bottom p{font-size:12px}.manifesto-bottom>a{grid-column:2;justify-self:start}.architecture-stage{height:850px;min-height:850px}.architecture-head{top:90px}.architecture-head .eyebrow{font-size:8px}.architecture-head .line-link{font-size:8px;gap:10px}.architecture-title{top:155px;display:block}.architecture-title h2{font-size:43px;line-height:1}.architecture-title p{display:none}.architecture-watermark{top:42%;font-size:22vw}.model-host{inset:25% 0 23%}.model-fallback{inset:15% 5%;width:90%;height:60%}.model-loading{font-size:9px}.model-caption{left:24px;bottom:175px;max-width:310px}.model-caption p{font-size:11px;margin:7px 0}.model-disclaimer{font-size:6px;margin-top:10px}.model-controls{bottom:25px;left:24px;right:24px;display:block;padding-top:16px}.model-views{justify-content:space-between;gap:6px}.model-views button{font-size:9px;padding:12px 10px;flex:1}.assembly-label{display:flex;justify-content:space-between;margin-top:14px}.assembly-label input{width:55%;margin:0}.chapter-intro h2{font-size:clamp(66px,16vw,110px);line-height:.9}.chapter-intro .offset{margin-left:10vw}.chapter-intro>p{margin:28px 0 0 20vw;font-size:11px}.chapters-stage{height:90svh;min-height:650px}.chapter-content{top:25%;left:24px;right:24px}.chapter-content h3{font-size:80px}.chapter-content .eyebrow{font-size:8px}.chapter-content>p:last-child{font-size:12px}.chapter>img{object-position:60%}.chapter-1>img{object-position:65%}.chapter-nav{bottom:80px;left:24px;right:24px;gap:17px}.chapter-nav button{min-width:0;flex:1;font-size:10px}.chapter-nav button>span{font-size:7px;margin-right:8px}.chapter-enquire{left:24px;right:auto;bottom:25px;font-size:10px}.editorial-title{display:block;margin-bottom:38px}.editorial-title h2{font-size:53px}.editorial-title p{margin-top:25px;font-size:11px}.editorial-grid{grid-template-columns:1fr 1fr;gap:40px 18px}.frame-one{grid-column:span 2}.frame-one img{aspect-ratio:1.15}.frame-two{margin-top:0;grid-column:2}.frame-two img{aspect-ratio:.7}.editorial-quote{font-size:34px;grid-row:2;grid-column:1;line-height:1}.editorial-quote small{font-size:6px;line-height:1.7;margin-top:20px}.frame-three{grid-column:span 2}.frame-three img{aspect-ratio:1.3}.journal-frame>span{font-size:7px}.service-layout{grid-template-columns:1fr;gap:40px}.service-layout h2{font-size:65px}summary{font-size:28px;padding:24px 0;gap:12px}details p{font-size:12px}.process-grid{grid-template-columns:1fr;gap:35px}.process-grid article{display:grid;grid-template-columns:35px 1fr;gap:15px;align-items:center}.process-number{margin:0}.process-grid h3{font-size:50px;margin:0}.process-grid p{grid-column:2;font-size:12px;max-width:none}.enquiry-layout{grid-template-columns:1fr;gap:35px}.enquiry-layout h2{font-size:70px}.enquiry-layout>div>p{font-size:12px}.enquiry-layout .demo-note{margin-top:25px;font-size:9px}.footer-meta{flex-wrap:wrap;gap:14px;font-size:8px}.footer-meta>span{flex-basis:100%}.footer-meta button{padding-left:0;font-size:9px}.footer-wordmark{font-size:24vw;padding:40px 0 25px}.footer-base{font-size:7px;gap:15px;flex-wrap:wrap}.menu-head{padding:25px 24px}.menu-inner{padding:35px 24px}.menu-inner nav a{font-size:43px;gap:15px;padding:20px 0}.menu-inner nav{margin-top:35px}.menu-inner .eyebrow{font-size:9px}.gallery-dialog{padding:16px;width:96vw;max-width:96vw}.gallery-top .eyebrow{font-size:7px;max-width:170px}.gallery-image{height:45vh}.gallery-bottom{gap:12px;flex-wrap:wrap}.gallery-bottom>div{min-width:160px}.gallery-bottom h2{font-size:30px}.gallery-bottom>button{width:38px;height:44px}.gallery-bottom>span{font-size:8px}.gallery-bottom p{font-size:9px}.gallery-cta{font-size:10px}}@media(max-width:360px){.hero-title h1{font-size:65px}.header-contact{font-size:8px}.header-actions{gap:18px}.architecture-title h2{font-size:37px}.chapter-content h3{font-size:68px}.form-row{grid-template-columns:1fr;gap:0}.editorial-quote{font-size:28px}.menu-inner nav a{font-size:36px}.enquiry-layout h2{font-size:60px}}

.architecture-stage{min-height:700px;height:100svh}@media(max-width:700px){.architecture-stage{min-height:780px}}

.process-number{color:#626958}.section:has(>h1){max-width:900px;margin:auto;min-height:100vh}.section>h1{font-size:clamp(55px,8vw,90px);margin:55px 0 35px}.section:has(>h1)>p{margin:25px 0}

@media(min-width:701px){.model-host{top:30%}}