:root{--cream:#f2efea;--ink:#212325;--black:#0b0f12;--line:#21232540;--ease:cubic-bezier(.65,.05,0,1);--pad:36px;--sans:"Hanken Grotesk", system-ui, sans-serif;--mono:"JetBrains Mono", ui-monospace, monospace}*{box-sizing:border-box;margin:0}html{background:var(--ink)}html.lenis,html.lenis body{height:auto}body{font-family:var(--sans);color:var(--ink);background:var(--cream);-webkit-font-smoothing:antialiased;overflow-x:clip}a{color:inherit;text-decoration:none}img{object-fit:cover;width:100%;height:100%;display:block}.eyebrow{font:700 12.6px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:8px;display:flex}.eyebrow:before{content:"";background:currentColor;width:5px;height:5px;transform:rotate(45deg)}.arr{border-bottom:1.5px solid;border-left:1.5px solid;width:12px;height:10px;display:inline-block;position:relative}.arr:after{content:"";border-top:1.5px solid;border-right:1.5px solid;width:5px;height:5px;position:absolute;bottom:-3px;right:-4px;transform:rotate(45deg)}.arr{border-top:0;border-bottom:1.5px solid;border-left:1.5px solid;border-right:0;width:10px;height:8px}.btn{background:var(--black);color:#fff;font:500 10.8px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;transition:background .5s var(--ease), color .5s var(--ease);align-items:center;gap:12px;padding:13px 21px;display:inline-flex}.btn:hover{color:var(--black);background:#fff}.btn--ghost{background:0 0;padding-inline:0}.btn--ghost:hover{opacity:.6;background:0 0}.rule{margin:0 var(--pad);border-top:1px solid var(--line);padding-top:22px}.rule--dark{color:#fff;border-color:#fff3}.top{z-index:20;padding:14px var(--pad);color:#fff;mix-blend-mode:difference;pointer-events:none;grid-template-columns:1fr auto 1fr;align-items:center;display:grid;position:fixed;inset:0 0 auto}.top>*{pointer-events:auto}.top .btn{color:#fff;justify-self:end}.logo{letter-spacing:-.02em;font-size:28.8px}.hero{color:#fff;height:calc(100svh + 460px);min-height:560px;position:relative;overflow:hidden}.hero__media{will-change:transform;background:#1d2022;position:absolute;inset:-20% 0 0}.hero__media:after{content:"";background:linear-gradient(#0006,#0006),linear-gradient(#0000 55%,#0000004d);position:absolute;inset:0}.hero__title{width:min(780px, calc(100% - 2*var(--pad)));text-align:center;letter-spacing:-.03em;z-index:2;text-wrap:balance;font-size:clamp(34px,4vw,57.6px);font-weight:400;line-height:1;position:absolute;top:calc(100svh - 14vh - 130px);left:50%;transform:translate(-50%)}.hero__info{left:var(--pad);right:var(--pad);z-index:2;border-top:1px solid #ffffff59;grid-template-columns:1fr 280px;gap:40px;padding-top:22px;display:grid;position:absolute;top:calc(100svh + 90px)}.hero__info .eyebrow{align-self:start;margin-left:44%}.hero__info p:last-child{font-size:16.2px;line-height:1.3}.hero__title .line{padding-bottom:.1em;display:block;overflow:hidden}.about{padding:18vh var(--pad) 14vh;text-align:center;flex-direction:column;align-items:center;gap:28px;display:flex}.about__text{letter-spacing:-.03em;max-width:880px;margin-bottom:14px;font-size:clamp(32px,4vw,57.6px);line-height:1}.about__text .w{opacity:.15}.collection{padding-bottom:14vh}.collection__grid{padding:80px var(--pad) 0;grid-template-columns:repeat(12,1fr);align-items:start;gap:0 20px;display:grid;position:relative}.card{color:#fff;display:block;position:relative}.card__img{background:#8b8f88;position:relative;overflow:hidden}.card__img:after{content:"";background:#00000038;position:absolute;inset:0}.card img{transition:transform 1.2s var(--ease)}.card:hover img{transform:scale(1.05)}.card h3{letter-spacing:-.02em;pointer-events:none;place-items:center;font-size:36px;font-weight:400;display:grid;position:absolute;inset:0}.card--doors{grid-area:1/4/auto/span 3}.card--doors .card__img{aspect-ratio:4/5}.card--windows{grid-area:2/9/auto/span 3;margin-top:4vw}.card--windows .card__img{aspect-ratio:5/6}.card--additional{grid-area:2/1/auto/span 3;margin-top:8vw}.card--additional .card__img{aspect-ratio:4/5}.card--structural{grid-area:2/6/auto/span 3;margin-top:2vw}.card--structural .card__img{aspect-ratio:4/5}.collection__copy{flex-direction:column;grid-area:1/8/auto/span 3;align-self:start;gap:36px;max-width:280px;padding-top:6px;font-size:16.2px;line-height:1.3;display:flex}.collection__copy b{font-weight:500}.collection__copy .btn{align-self:flex-start}.projects{padding-bottom:16vh}.projects__row{padding:40px var(--pad) 0;grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.ph{aspect-ratio:3/2;background:#8b8f88;overflow:hidden}.ph img{transition:transform 1.2s var(--ease)}figure:hover .ph img{transform:scale(1.05)}figcaption{font:500 10.8px var(--mono);letter-spacing:.08em;text-transform:uppercase;padding-top:12px}.showroom{background:var(--ink);color:#fff;padding:36px 0 28px}.showroom__stage{height:100svh;margin-top:36px;position:relative}.showroom__frame{clip-path:inset(var(--inset,12%) var(--inset,12%));background:#3b3f43;position:absolute;inset:0;overflow:hidden}.showroom__frame img{position:absolute;inset:0}.showroom__frame .s2{opacity:0}.showroom__shade{background:#21232573;position:absolute;inset:0}.showroom__title{z-index:2;letter-spacing:-.02em;max-width:380px;font-size:36px;line-height:1;position:absolute;top:50%;left:45px}.showroom__info{z-index:2;text-align:right;flex-direction:column;align-items:flex-end;gap:12px;font-size:14.4px;line-height:1.3;display:flex;position:absolute;top:50%;right:45px}.showroom__info .btn{background:#fff3;padding-inline:21px}.foot{background:var(--ink);color:#fff;padding:12vh var(--pad) 140px}.foot__big{letter-spacing:-.04em;max-width:11ch;font-size:clamp(40px,8vw,128px);line-height:.95}.foot__cols{color:#fff9;justify-content:space-between;gap:40px;margin-top:10vh;font-size:14.4px;line-height:1.5;display:flex}.foot nav{flex-direction:column;display:flex}.foot nav a:hover{color:#fff}.dock{z-index:40;position:fixed;bottom:36px;left:50%;transform:translate(-50%)}.dock__btn{background:var(--black);color:#fff;cursor:pointer;width:248px;height:45px;font:500 10.8px var(--mono);letter-spacing:.08em;text-transform:uppercase;border:0;justify-content:space-between;align-items:center;gap:0;padding:0 12px 0 0;display:flex}.dock__mark{place-items:center;width:45px;height:45px;display:grid}.dock__mark:before{content:"";clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:#fff;width:22px;height:24px}.dock__burger{gap:5px;width:18px;display:grid}.dock__burger i{height:1.5px;transition:transform .5s var(--ease);background:#fff}.dock__btn[aria-expanded=true] .dock__burger i:first-child{transform:translateY(3.2px)rotate(25deg)}.dock__btn[aria-expanded=true] .dock__burger i:last-child{transform:translateY(-3.2px)rotate(-25deg)}.cookie{z-index:50;background:var(--cream);width:432px;color:var(--ink);padding:12px 14px 14px;font-size:14.4px;line-height:1.3;position:fixed;bottom:10px;right:10px}.cookie .eyebrow{margin-bottom:26px;font-size:12px}.cookie p+div{align-items:center;gap:26px;margin-top:20px;display:flex}.cookie .btn{cursor:pointer;border:0}.cookie .btn--ghost{color:var(--ink)}.cookie[hidden]{display:none}.menu{z-index:30;background:var(--black);color:#fff;clip-path:inset(100% 0 0);visibility:hidden;padding:12vh var(--pad) 120px;grid-template-columns:1fr 34%;gap:40px;display:grid;position:fixed;inset:0}.menu__links{flex-direction:column;justify-content:center;display:flex}.menu__links a{letter-spacing:-.04em;font-size:clamp(44px,7vw,96px);line-height:1.05;display:block;overflow:hidden}.menu__links a span{display:block}.menu__img{aspect-ratio:4/5;background:#2c3a36;align-self:center;overflow:hidden}@media (width<=800px){:root{--pad:20px}.logo{font-size:20px}.top{gap:12px;padding-inline:16px}.top .btn{white-space:nowrap;letter-spacing:.04em;font-size:10px}.cookie{width:auto;bottom:74px;left:10px;right:10px}.hero__info{grid-template-columns:1fr;gap:16px}.hero__info .eyebrow{margin-left:0}.collection__grid{grid-template-columns:1fr 1fr;gap:28px 14px;padding-top:48px}.collection__copy{grid-area:1/1/auto/-1;max-width:none}.card--doors,.card--windows,.card--additional,.card--structural{grid-area:auto;margin-top:0}.card--doors{grid-column:1/-1}.card h3{font-size:24px}.projects__row{grid-template-columns:1fr}.showroom__title{max-width:300px;font-size:28px;top:20%;left:20px}.showroom__info{text-align:left;align-items:flex-start;inset:auto auto 12% 20px}.menu{grid-template-columns:1fr}.menu__img{display:none}.dock{bottom:20px}.dock__btn{width:220px}.foot__cols{flex-direction:column}}@media (prefers-reduced-motion:reduce){.about__text .w{opacity:1!important}.card img,.ph img{transition:none}}