body{background:#ebe6d9}.concept{position:relative;z-index:5}header{background:#ebe6d9;position:relative;z-index:5}.assembly-story{background:#202720;color:#ede5d3}.assembly-stage{min-height:720px;height:calc(100svh - 80px);position:relative;isolation:isolate;overflow:hidden}.stage-grid{position:absolute;inset:0;background:linear-gradient(90deg,#a2b29a0b 1px,transparent 1px),linear-gradient(#a2b29a0b 1px,transparent 1px),radial-gradient(ellipse at 70% 50%,#62674d55,transparent 60%);background-size:90px 90px,90px 90px,auto}.scene-kicker{position:absolute;top:24px;left:4%;right:4%;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.13em}.hero-copy{position:absolute;left:4%;top:15%;width:45%;z-index:2;pointer-events:none}.hero-copy .hero-display{font:500 clamp(60px,7.6vw,135px)/.95 Space;letter-spacing:-.075em;margin:24px 0}.hero-copy .hero-display em{color:#c7a576;font-style:normal}.hero-intro{font-size:13px;color:#d6d8c9;margin-top:28px}.model{position:relative;overflow:hidden;min-height:400px}.model canvas{display:block;width:100%;height:100%;position:absolute;inset:0}.model-fallback{width:100%;height:100%;stroke:#bb9b6c;stroke-width:2;fill:none;position:absolute;inset:0}.model-ready .model-fallback{display:none}.model-note{position:absolute;bottom:35px;right:25px;font-size:8px;letter-spacing:.11em;max-width:210px;text-align:right;line-height:1.7}.model-canopy{position:absolute;right:-3%;top:8%;width:69%;height:89%;min-height:0;z-index:1}.assembly-second{position:absolute;left:4%;top:38%;width:42%;opacity:0;visibility:hidden;z-index:2}.assembly-second h2{font-size:clamp(60px,7vw,110px);margin:28px 0}.assembly-second h2 em{color:#c7a576}.assembly-second p{font-size:13px;color:#d6d8c9}.hero-foot{position:absolute;left:4%;right:4%;bottom:24px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:.12em;z-index:3}.hero-foot a{border-bottom:1px solid #abaf9b;padding-bottom:6px}.assembly-progress,.cinema-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:#858c6a30;z-index:5}.assembly-progress span,.cinema-progress span{display:block;height:100%;background:#c7a576;transform:scaleX(0);transform-origin:left}.craft-intro{padding:100px 4% 80px;display:grid;grid-template-columns:1.6fr 1fr;gap:35px 10%}.craft-intro>.eyebrow{grid-column:1/-1}.craft-intro h2{font-size:clamp(50px,5.9vw,95px)}.craft-intro>div{align-self:end}.craft-intro>div p:first-child{font-size:22px;line-height:1.4}.craft-intro>div p:last-child{font-size:13px;max-width:330px;color:#55594e}.timber-cinema{position:relative;overflow:hidden;background:#b98a52}.cinema-track{display:flex;width:300%;transform:translateX(0)}.cinema-panel{width:33.333333%;flex-shrink:0;height:max(740px,100svh);position:relative;overflow:hidden;isolation:isolate;padding:110px 4vw 65px}.roof-panel{background:#c29662;color:#232a22}.stair-panel{background:#e8e4d8;color:#292e26}.joint-panel{background:#252b25;color:#ede5d3}.panel-number{position:absolute;right:-1vw;bottom:-6vw;font:500 34vw/.85 Space;letter-spacing:-.1em;color:#191e1a0b;z-index:-1}.joint-panel .panel-number{color:#eee5cf07}.panel-copy{width:38%;position:relative;z-index:2;pointer-events:none}.panel-copy h2{font-size:clamp(55px,6.3vw,100px);margin:45px 0 26px}.panel-copy h2 em{font-style:normal;color:#3c4c35}.joint-panel .panel-copy h2 em{color:#c8a373}.panel-copy p{font-size:14px;max-width:320px;line-height:1.65}.panel-detail{display:block;font-size:8px;letter-spacing:.1em;border-top:1px solid #5c634f70;padding-top:22px;margin-top:35px;max-width:320px}.joint-panel .panel-detail{border-color:#b5b99a60}.cinema-panel>.model{position:absolute;width:67%;height:88%;right:-2%;top:8%;z-index:1}.panel-caption{position:absolute;bottom:26px;left:4vw;right:4vw;font-size:8px;letter-spacing:.1em;max-width:520px;line-height:1.7}.cinema-nav{position:absolute;z-index:5;top:25px;left:4%;right:4%;display:flex;gap:26px;border-bottom:1px solid #535f4660}.cinema-nav button{padding:16px 0;border:0;border-bottom:2px solid transparent;background:none;color:#293126;font-size:9px;letter-spacing:.08em;white-space:nowrap}.cinema-nav button[aria-pressed=true]{border-color:currentColor}.cinema-nav.on-dark button{color:#ece5d4}.light-study{position:relative;background:#e8e4d8;padding:100px 4% 90px;display:grid;grid-template-columns:1.2fr 1fr;gap:8%;align-items:center}.light-study figure{margin:0;position:relative;overflow:hidden;min-height:500px}.light-study img{height:650px;width:100%;object-fit:cover;object-position:55%;display:block}.light-study figcaption{font-size:8px;background:#252b25;color:#eee8d9;padding:12px 14px;line-height:1.7;letter-spacing:.04em}.light-copy{padding-top:100px}.light-copy h2{font-size:clamp(45px,5vw,80px);margin:35px 0}.light-copy p{font-size:14px;max-width:350px}.light-copy .text-link{margin-top:25px}.enquiry{background:#f5f1e7}.enquiry-heading h2{font-size:clamp(60px,7.2vw,115px)}.contact{background:#f5f1e7}.motion-active .assembly-stage{height:100svh}.motion-active .cinema-panel{height:100svh;min-height:720px}.motion-active .hero-copy{will-change:transform}.timber-cinema:not(.is-pinned) .cinema-track{display:block;width:auto}.timber-cinema:not(.is-pinned) .cinema-panel{width:100%}.timber-cinema:not(.is-pinned) .cinema-nav{position:relative;top:0;padding-top:15px}.timber-cinema:not(.is-pinned) .cinema-progress{display:none}.timber-cinema:not(.is-pinned) .cinema-panel{height:750px}.scene-kicker,.hero-foot,.hero-copy .eyebrow,.model-note{color:inherit}.joint-panel .model-note{color:#dddcc7}.roof-panel .model-note,.stair-panel .model-note{color:#313a2d}
@media(max-width:750px){.assembly-stage{height:900px;min-height:0}.motion-active .assembly-stage{height:100svh;min-height:760px}.scene-kicker{top:22px;font-size:8px}.scene-kicker span{display:none}.hero-copy{top:10%;width:92%;left:5%}.hero-copy .hero-display{font-size:clamp(57px,13.5vw,82px);line-height:.96;margin:18px 0}.hero-copy .eyebrow{font-size:8px}.hero-intro{font-size:12px;margin-top:20px}.model-canopy{width:116%;height:57%;top:42%;right:-8%}.model-note{font-size:7px;bottom:45px;right:8%;max-width:190px}.hero-foot{bottom:15px;left:5%;right:5%;font-size:7px;gap:10px}.hero-foot span:last-child{display:none}.assembly-second{top:13%;left:5%;width:90%}.assembly-second h2{font-size:65px;margin:20px 0}.assembly-second p{font-size:12px}.craft-intro{padding:65px 5%;grid-template-columns:1fr;gap:24px}.craft-intro h2{font-size:50px}.craft-intro>div p:first-child{font-size:22px}.cinema-nav{gap:18px;left:5%;right:5%}.cinema-nav button{font-size:8px;padding:15px 0}.cinema-panel,.timber-cinema:not(.is-pinned) .cinema-panel{height:880px;min-height:0;padding:45px 5% 40px}.panel-copy{width:100%}.panel-copy h2{font-size:60px;margin:30px 0 20px;max-width:330px}.panel-copy p{font-size:13px;max-width:320px}.panel-detail{font-size:7px;margin-top:22px;padding-top:17px}.cinema-panel>.model{width:110%;height:52%;right:-5%;top:44%;min-height:0}.panel-number{font-size:74vw;bottom:0;right:0}.panel-caption{bottom:18px;left:5%;right:5%;font-size:7px;max-width:280px}.cinema-panel>.model .model-note{bottom:45px;font-size:7px;right:10%}.light-study{padding:60px 5%;grid-template-columns:1fr;gap:35px}.light-study figure{min-height:0}.light-study img{height:470px}.light-copy{padding:0}.light-copy h2{font-size:50px;margin:25px 0}.enquiry-heading h2{font-size:62px}}
@media(prefers-reduced-motion:reduce){.assembly-second{display:none}.model-canopy{top:15%}.hero-copy{position:relative;top:auto;padding:65px 0 0}.assembly-stage{height:900px}.hero-foot{bottom:20px}.cinema-track{transform:none!important}.assembly-progress{display:none}}
@media(min-width:751px){.joint-panel .panel-copy{margin-left:57%;width:43%}.joint-panel .panel-copy h2{font-size:clamp(52px,5.4vw,88px)}.joint-panel>.model{right:auto;left:-10%;width:73%}.joint-panel .model-note{right:auto;left:20%;text-align:left}.joint-panel .panel-number{right:auto;left:-2%}}
@media(prefers-reduced-motion:reduce) and (max-width:750px){.model-canopy{top:42%}.hero-copy{padding-top:50px}}

.model-control{display:none;position:absolute;bottom:54px;left:5%;z-index:5;padding:9px 15px;border:1px solid #c7a576;background:#252b25;color:#eee5d3;font-size:12px}.joint-panel:has([data-render-state=fallback]) .model-control{display:none!important}@media(max-width:750px),(prefers-reduced-motion:reduce){.model-control{display:block}.joint-panel .model-note{bottom:95px}}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.cinema-nav:not(.on-dark) button{color:#182015}

.model-control{visibility:hidden}.joint-panel:has([data-render-state=ready]) .model-control{visibility:visible}