@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600&family=DM+Sans:wght@400;500;600&display=swap');
:root{--paper:#f7f6f1;--ink:#242b25;--coral:#c58470;--sage:#9ba99a;--slate:#777b78;--pad:clamp(22px,4.4vw,80px);--header:88px;--ease:cubic-bezier(.22,1,.36,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid #313e31;outline-offset:5px}img{display:block;width:100%;object-fit:cover}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Outfit,Arial,sans-serif;font-weight:400}em{font-style:normal;color:#657660}.skip{position:fixed;left:20px;top:-100px;background:white;padding:14px;z-index:100}.skip:focus{top:10px}.header{height:var(--header);display:flex;justify-content:space-between;align-items:center;padding:0 var(--pad);background:var(--paper);position:relative;z-index:20;border-bottom:1px solid #272f2513}.brand{width:195px;display:block;flex-shrink:0}.brand img{height:auto;object-fit:contain}.header nav{display:flex;gap:38px;font-size:12px}.header nav a{padding:9px 0;position:relative}.header nav a:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease)}.header nav a:hover:after{transform:scaleX(1)}.header-end{display:flex;align-items:center;gap:35px}.availability{display:flex;align-items:center;gap:9px;font-size:10px;color:#778073}.availability i{width:5px;height:5px;border-radius:50%;background:#668360;box-shadow:0 0 0 4px #6683600d}.languages{display:flex;align-items:center;gap:9px;font-size:10px}.languages button{border:0;background:none;padding:9px 2px;opacity:.45}.languages .selected{opacity:1;font-weight:600}.languages>span{opacity:.25}.menu-toggle{display:none}
.stage{height:calc(100svh - var(--header));min-height:500px;position:relative;overflow:hidden;display:flex;flex-direction:column}.stage-intro{height:0;position:relative;z-index:3;pointer-events:none}.stage-intro>p{position:absolute;top:35px;left:var(--pad);font-family:Outfit,sans-serif;font-size:clamp(17px,1.6vw,25px);line-height:1.35;font-weight:300;letter-spacing:-.015em}.stage-instruction{position:absolute;top:46px;left:37%;font-size:8px;letter-spacing:.18em;color:#6d766d}.edition{position:absolute;top:46px;right:var(--pad);font-size:8px;letter-spacing:.14em;color:#6d766d}.panorama{position:relative;flex:1;margin-top:18px;overflow:hidden;isolation:isolate}.panel{position:absolute;inset:0;display:block;overflow:hidden;clip-path:polygon(0 19%,33.333% 19%,33.333% 100%,0 100%);--start:0;--span:33.333;--pointer-x:50%;--pointer-y:50%;--shift-x:0px;--shift-y:0px}.panel-windows{clip-path:polygon(33.333% 19%,66.667% 0%,66.667% 100%,33.333% 100%);--start:33.333;--span:33.334}.panel-coatings{clip-path:polygon(66.667% 0%,100% 0%,100% 100%,66.667% 100%);--start:66.667;--span:33.333}.panel-surface{position:absolute;inset:0;background:var(--coral)}.panel-windows .panel-surface{background:var(--sage)}.panel-coatings .panel-surface{background:var(--slate)}.panel-surface>img{position:absolute;top:0;bottom:0;left:calc(var(--start)*1%);width:calc(var(--span)*1%);height:100%;object-fit:cover;object-position:center;opacity:.16;filter:saturate(.35);transform:translate(var(--shift-x),var(--shift-y)) scale(1.06);transition:opacity .65s var(--ease),filter .7s var(--ease);will-change:transform}.colour-wash{position:absolute;inset:0;background:linear-gradient(0deg,#252f27dd,transparent 90%);opacity:.07;transition:opacity .75s var(--ease)}.light-field{position:absolute;inset:0;background:radial-gradient(ellipse 280px 340px at var(--pointer-x) var(--pointer-y),#ffffff2b,transparent);opacity:0;transition:opacity .5s;pointer-events:none}.panel-grain{position:absolute;inset:0;opacity:.07;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.6' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.panel-copy{position:absolute;left:calc((var(--start)*1%) + var(--pad));width:calc((var(--span)*1%) - var(--pad)*1.5);top:44%;transform:translateY(-12%);color:#294834;transition:color .5s;z-index:2;pointer-events:none}.panel-windows .panel-copy{color:#374b37}.panel-coatings .panel-copy{color:#f1efd6}.panel-index{font-size:8px;letter-spacing:.14em;font-weight:500;display:block;margin-bottom:23px;opacity:.7;white-space:nowrap}.panel h1,.panel h2{font-size:clamp(38px,4.2vw,82px);line-height:1.02;letter-spacing:-.045em;font-weight:300;white-space:nowrap}.panel strong{font-weight:500}.title-line{display:block;margin-top:21px;height:1px;background:currentColor;opacity:.4;width:30px;transition:width .7s var(--ease)}.panel-detail{margin-top:19px;transition:opacity .4s}.panel-detail p{font-size:11px;line-height:1.8;opacity:.75;max-width:290px;transition:opacity .4s}.panel-link{display:flex;gap:30px;align-items:center;font-size:11px;margin-top:29px;width:max-content;position:relative;max-width:100%;white-space:nowrap}.panel-link:after{content:'';position:absolute;bottom:-6px;left:0;height:1px;width:calc(100% - 36px);background:currentColor;transform:scaleX(.45);transform-origin:left;transition:transform .6s var(--ease)}.link-mark{font-size:24px;font-weight:300;display:inline-block;transition:transform .5s var(--ease)}.panel-word{position:absolute;bottom:31px;left:calc(var(--start)*1% + var(--pad));font-size:8px;letter-spacing:.26em;opacity:.45;color:#1d3c2e}.panel-coatings .panel-word{color:white}.gama-tab{position:absolute;top:calc(19% + 22px);left:calc(var(--start)*1% + var(--pad));font-family:Outfit,sans-serif;font-size:16px;letter-spacing:.13em;color:#334c33;display:flex;align-items:center;gap:23px;transition:color .5s}.gama-tab>span{font-size:14px}.panel.active .panel-surface>img{opacity:1;filter:saturate(.85)}.panel.active .colour-wash{opacity:.85}.panel.active .light-field{opacity:1}.panel.active .panel-copy,.panel.active .gama-tab,.panel.active .panel-word{color:#fff}.panel.active .title-line{width:100px}.panel.active .panel-link:after{transform:scaleX(1)}.panel.active .link-mark{transform:translate(6px,-6px)}.panorama.has-active .panel:not(.active) .panel-detail{opacity:0;transition:opacity .2s}.panorama.has-active .panel:not(.active) h1,.panorama.has-active .panel:not(.active) h2{font-size:clamp(30px,3.1vw,53px)}.seams{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:4}.seams path{stroke:var(--paper);stroke-width:1;vector-effect:non-scaling-stroke;fill:none;opacity:.4}.interaction-hint{position:absolute;top:0;left:0;z-index:5;width:74px;height:74px;background:#f7f6f1ef;backdrop-filter:blur(10px);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:21px;opacity:0;transform:scale(.6);transition:opacity .3s,scale .4s;pointer-events:none;color:var(--ink)}.interaction-hint>span{font-size:7px;letter-spacing:.12em}.panorama.has-active .interaction-hint{opacity:1;scale:1}.stage-footer{height:58px;display:flex;justify-content:space-between;align-items:center;padding:0 var(--pad);background:var(--paper);font-size:8px;letter-spacing:.14em;flex-shrink:0}.stage-footer>a{display:flex;align-items:center;gap:35px;letter-spacing:.02em;font-size:10px}.scroll-track{display:block;font-size:17px;animation:scrollHint 2.5s ease-in-out infinite}.stage-count{display:flex;gap:16px;align-items:center}.stage-count b{font-weight:400}.stage-count i{width:50px;height:1px;background:#bdc2b7;position:relative}.stage-count i:before{content:'';position:absolute;inset:0;width:33.33%;background:#52694a;transition:transform .6s}.stage-count[data-step='1'] i:before{transform:translateX(100%)}.stage-count[data-step='2'] i:before{transform:translateX(200%)}
.about{display:grid;grid-template-columns:1fr 3fr;gap:60px;padding:90px var(--pad);border-bottom:1px solid #262e231c}.about-label{display:flex;flex-direction:column;gap:17px;font-size:9px;letter-spacing:.12em}.about-label>span:last-child{color:#8b9288;font-size:7px}.about h2{font-size:clamp(32px,3.6vw,56px);line-height:1.22;letter-spacing:-.035em;font-weight:300}.about h2 span{color:#858d80}.about-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:55px;margin-top:32px}.about p{max-width:440px;font-size:12px;line-height:1.9;color:#70786d}.line-link{display:flex;justify-content:space-between;align-items:center;gap:35px;padding:15px 0;font-size:11px;border-bottom:1px solid #2e392d;min-width:180px;width:max-content;max-width:100%;position:relative}.line-link>span:last-child{font-size:24px;transition:transform .5s var(--ease)}.line-link:hover>span:last-child{transform:translate(5px,-5px)}.line-link:after{content:'';position:absolute;bottom:-1px;height:2px;left:0;width:100%;background:#698961;transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease)}.line-link:hover:after{transform:scaleX(1)}.material-section{padding:80px var(--pad)}.material-heading{display:grid;grid-template-columns:1fr 2fr 1fr;gap:40px;align-items:end;margin-bottom:35px}.material-heading>span{font-size:9px;letter-spacing:.14em;align-self:start}.material-heading h2{font-size:clamp(32px,3.4vw,54px);line-height:1.1;letter-spacing:-.025em;font-weight:300}.material-heading p{font-size:11px;line-height:1.8;color:#737d70}.material-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.material-item:nth-child(2){margin-top:70px}.material-item:nth-child(3){margin-top:140px}.material-photo{height:340px;overflow:hidden;position:relative}.material-photo img{height:100%;transition:transform 1.2s var(--ease),filter .7s;filter:saturate(.6)}.material-item:hover img{transform:scale(1.045);filter:saturate(1)}.material-explore{position:absolute;bottom:0;right:0;background:var(--paper);width:48px;height:48px;display:grid;place-items:center;font-size:24px;transform:translateY(100%);transition:transform .4s var(--ease)}.material-item:hover .material-explore,.material-item:focus-visible .material-explore{transform:none}.material-name{padding-top:18px;border-top:1px solid #2c382523;margin-top:15px}.material-name h3{font-size:23px}.material-name>span{display:block;font-size:10px;color:#7a8374;margin-top:7px}.windows-strip{margin:0 var(--pad);padding:38px 0;border-top:1px solid #262e2330;border-bottom:1px solid #262e2330;display:flex;align-items:center;gap:40px}.strip-number{font-family:Outfit,sans-serif;font-size:55px;color:#9ba99a;font-weight:300}.windows-strip>div>span{font-size:8px;letter-spacing:.15em;color:#737d70}.windows-strip h2{font-size:30px;letter-spacing:-.02em;margin-top:9px}.windows-strip p{font-size:11px;color:#788370;margin-top:8px}.windows-strip>a{margin-left:auto}.finish-section{padding:80px var(--pad);display:grid;grid-template-columns:1.4fr 1fr;gap:8%;align-items:center}.finish-photo{position:relative;overflow:hidden;height:430px}.finish-photo img{height:100%}.finish-photo>span{position:absolute;left:22px;bottom:22px;font-size:8px;letter-spacing:.14em;color:white}.section-kicker{font-size:8px;letter-spacing:.16em}.finish-copy h2{font-size:clamp(34px,3.5vw,53px);line-height:1.1;margin-top:25px;letter-spacing:-.03em}.finish-copy>p{font-size:12px;line-height:1.9;color:#788370;margin-top:22px;max-width:360px}.finish-copy>.line-link{margin-top:25px}.contact{display:flex;align-items:flex-end;justify-content:space-between;padding:65px var(--pad);background:#e5e9de;gap:40px}.contact h2{font-size:clamp(42px,4.5vw,70px);font-weight:300;line-height:1.05;letter-spacing:-.035em;margin-top:20px}.contact-links{display:flex;flex-direction:column;gap:15px;min-width:320px}.contact-links a{display:flex;justify-content:space-between;gap:45px;font-size:18px;border-bottom:1px solid #b8c2af;padding-bottom:15px}.contact-links a:last-child{border:0;font-size:10px;padding-bottom:0;color:#6a7761}footer{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:30px var(--pad);font-size:8px;color:#808977}footer .brand{width:155px}footer>a:last-child{font-size:10px}.reveal{opacity:1;transform:none}.motion .reveal{opacity:0;transform:translateY(25px);transition:opacity .85s var(--ease),transform 1s var(--ease)}.motion .reveal.visible{opacity:1;transform:none}.material-photo img{clip-path:inset(0)}.motion .material-item:not(.visible) .material-photo img{clip-path:inset(0 0 100% 0)}.motion .material-item.visible .material-photo img{clip-path:inset(0);transition:clip-path 1.1s var(--ease),transform 1.2s var(--ease),filter .7s}
.window-view{position:fixed;inset:0;z-index:50;background:#20272055;backdrop-filter:blur(8px);padding:clamp(16px,3vw,48px);overflow:auto}.window-view[hidden]{display:none}.window-sheet{background:var(--paper);min-height:calc(100svh - 96px);max-width:1440px;margin:auto;padding:28px;animation:sheetOpen .65s var(--ease) both}.close-view{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:0;padding:0 0 24px;font-size:10px;border-bottom:1px solid #26332122}.close-view b{font-size:28px;font-weight:300}.window-layout{display:grid;grid-template-columns:1fr 1fr;gap:7%;padding-top:28px;align-items:center}.window-photo{position:relative;height:550px;overflow:hidden}.window-photo img{height:100%;object-position:45% center;animation:photoOpen 1s var(--ease) both}.window-photo>span{position:absolute;bottom:20px;left:20px;letter-spacing:.15em;font-size:8px;color:white}.window-info{padding-right:30px}.window-info h2{font-size:clamp(32px,4vw,61px);line-height:1.06;letter-spacing:-.035em;margin:22px 0}.window-info p{font-size:12px;line-height:1.9;color:#788370;max-width:430px}.window-info .window-lead{color:var(--ink);font-size:14px;margin-bottom:14px}.window-info .line-link{margin-top:22px;min-width:240px}.window-info .secondary{color:#788370;border-color:#a9b19f;margin-top:0}.window-note{display:block;font-size:9px;color:#8a9283;margin-top:32px}.portal-transition{position:fixed;z-index:60;background:var(--sage);pointer-events:none;transition:inset .7s var(--ease),clip-path .7s var(--ease),opacity .25s;overflow:hidden}.portal-transition img{width:100%;height:100%;object-fit:cover}.portal-transition:after{content:'';position:absolute;inset:0;background:#67836833}@keyframes sheetOpen{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:none}}@keyframes photoOpen{from{clip-path:inset(0 0 100% 0);scale:1.08}to{clip-path:inset(0);scale:1}}@keyframes scrollHint{0%,100%{transform:translateY(-3px)}50%{transform:translateY(3px)}}
.interaction-hint{display:none!important}.panel-detail p{opacity:1}.panel-index{opacity:1}
@media(min-width:1600px){.panel-detail p{font-size:13px}.panel-link{font-size:12px}.panel-index{font-size:10px}}
@media(max-width:1050px){:root{--pad:30px;--header:78px}.availability,.edition{display:none}.stage-instruction{left:auto;right:var(--pad)}.panel-copy{left:calc(var(--start)*1% + 30px);width:calc(var(--span)*1% - 40px)}.panel-index{font-size:7px;letter-spacing:.07em}.panel h1,.panel h2{font-size:4.9vw}.panel-detail p{font-size:10px}.panel-link{gap:16px;font-size:10px}.about{gap:30px}.about-bottom{display:block}.about-bottom .line-link{margin-top:16px}.material-heading{grid-template-columns:1fr 2fr}.material-heading>p{display:none}.material-photo{height:280px}.windows-strip{gap:25px}.windows-strip h2{font-size:25px}.finish-section{gap:6%}.window-photo{height:450px}.window-info{padding-right:0}.window-sheet{min-height:calc(100svh - 48px)}.window-layout{gap:5%}}
@media(max-width:700px){:root{--pad:22px;--header:72px}.brand{width:153px}.header nav{display:none;position:absolute;top:72px;left:0;right:0;background:var(--paper);padding:20px var(--pad);border-bottom:1px solid #abb5a0;flex-direction:column;gap:14px;font-size:16px}.header.menu-open nav{display:flex}.header-end{gap:16px}.menu-toggle{display:flex;flex-direction:column;gap:6px;background:none;border:0;padding:10px 0 10px 10px}.menu-toggle>span{width:21px;height:1px;background:var(--ink)}.stage{min-height:0;height:calc(100svh - var(--header))}.stage-intro>p{top:15px;font-size:16px;line-height:1.35}.stage-instruction{top:26px;font-size:6px;letter-spacing:.1em}.panorama{margin-top:72px;display:flex;flex-direction:column;gap:1px;overflow:visible}.panel{position:relative;inset:auto!important;clip-path:none!important;flex:1;min-height:0;overflow:hidden;transition:flex .7s var(--ease)}.panel-surface>img{left:0!important;width:100%!important;object-position:center 45%;opacity:.18}.panel-copy{left:var(--pad)!important;top:50%;transform:translateY(-50%);width:calc(100% - 44px)!important;display:grid;grid-template-columns:1fr auto;gap:0 20px;align-items:center}.panel-index{grid-column:1/3;margin-bottom:8px;font-size:6px;letter-spacing:.14em}.panel h1,.panel h2{font-size:clamp(26px,7.5vw,36px);line-height:.97}.panel h1 br,.panel h2 br{display:none}.panel h1 strong,.panel h2 strong{display:block}.title-line{display:none}.panel-detail{margin:0;align-self:center;opacity:1!important}.panel-detail>p{display:none}.panel-link{margin:0;gap:0;font-size:10px}.panel-link>span:first-child,.panel-link:after{display:none}.link-mark{font-size:28px}.panel-word{display:none}.gama-tab{top:18px;left:auto!important;right:22px;font-size:10px;gap:8px}.gama-tab span{font-size:11px}.seams,.interaction-hint{display:none}.panorama.has-active .panel.active{flex:1.8}.panorama.has-active .panel:not(.active){flex:.75}.panorama.has-active .panel:not(.active) h1,.panorama.has-active .panel:not(.active) h2{font-size:25px}.panel.active .panel-detail p{display:block;font-size:9px;margin-bottom:9px}.panel.active .panel-copy{grid-template-columns:1fr 1fr;gap:0 10px}.panel.active .panel-link>span:first-child{display:block;font-size:8px;margin-right:15px}.panel.active .panel-link .link-mark{font-size:22px}.stage-footer{height:47px;font-size:6px;letter-spacing:.05em}.stage-footer>span:first-child{max-width:135px;line-height:1.7}.stage-footer>a{font-size:8px;gap:13px}.stage-count{display:none}.scroll-track{font-size:15px}.about{display:block;padding:50px var(--pad)}.about-label{flex-direction:row;justify-content:space-between;margin-bottom:24px}.about h2{font-size:31px}.about-bottom{margin-top:20px}.about p{font-size:11px}.line-link{font-size:10px;gap:30px}.material-section{padding:50px var(--pad)}.material-heading{display:block;margin-bottom:27px}.material-heading h2{font-size:34px;margin-top:18px}.material-gallery{display:flex;overflow:auto;scroll-snap-type:x mandatory;gap:15px;padding-bottom:15px}.material-item{min-width:82%;scroll-snap-align:start;margin-top:0!important}.material-photo{height:340px}.material-name h3{font-size:22px}.windows-strip{flex-wrap:wrap;padding:25px 0;gap:20px}.strip-number{font-size:40px}.windows-strip>div{flex:1}.windows-strip h2{font-size:21px}.windows-strip p{font-size:10px}.windows-strip .line-link{margin:0 0 0 60px}.finish-section{padding:50px var(--pad);grid-template-columns:1fr;gap:28px}.finish-photo{height:310px}.finish-copy h2{font-size:38px;margin-top:18px}.finish-copy p{font-size:11px}.contact{display:block;padding:45px var(--pad)}.contact h2{font-size:43px}.contact-links{min-width:0;margin-top:35px}.contact-links a{font-size:16px}.contact-links a:last-child{font-size:9px}footer{flex-wrap:wrap;padding:25px var(--pad);gap:20px}footer .brand{width:130px}footer>span{order:3;width:100%;font-size:7px;border-top:1px solid #a2ad9733;padding-top:15px}.window-view{padding:12px}.window-sheet{padding:18px;min-height:calc(100svh - 24px)}.window-layout{grid-template-columns:1fr;padding-top:20px;gap:25px}.window-photo{height:280px}.window-info h2{font-size:40px}.window-info .window-lead{font-size:13px}.window-info p{font-size:11px}.window-info{padding-bottom:20px}.window-info .line-link{min-width:0;width:100%}.window-note{font-size:8px;margin-top:24px}}
@media(max-height:650px) and (min-width:701px){:root{--header:70px}.stage{min-height:0}.stage-intro>p{top:22px;font-size:16px}.stage-instruction,.edition{top:30px}.panel-copy{top:38%;transform:none}.panel h1,.panel h2{font-size:46px}.panel-index{margin-bottom:14px}.panel-detail p{font-size:10px}.panel-detail{margin-top:13px}.panel-link{margin-top:15px}.panel-word{bottom:18px}.stage-footer{height:45px}}
@media(max-width:700px) and (max-height:660px){.panorama{margin-top:58px}.stage-intro>p{font-size:14px;top:10px}.stage-instruction{top:18px}.panel h1,.panel h2{font-size:25px}.panel-index{margin-bottom:6px}.gama-tab{top:12px}.stage-footer{height:38px}.panel.active .panel-detail p{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion .reveal{opacity:1;transform:none}.material-photo img{clip-path:none!important}.panel-surface>img{transform:none!important}}