@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@0,500;1,500&display=swap";:root{--paper:#f1eee7;--white:#f8f6f1;--ink:#171d18;--muted:#687069;--sage:#7d887f;--lime:#c9f263;--line:#d4d8cf;--serif:"Playfair Display",Georgia,serif;--sans:"DM Sans","Segoe UI",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--sans);margin:0;font-size:16px;overflow-x:hidden}body:before{content:"";z-index:-1;background-color:#0000;background-image:linear-gradient(#68776a1f 1px,#0000 1px),linear-gradient(90deg,#68776a1f 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:42px 42px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 80%);mask-image:linear-gradient(#000,#0000 80%)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.skip-link{z-index:100;background:var(--lime);padding:12px;position:fixed;top:-60px;left:18px}.skip-link:focus{top:12px}.promo{color:#fff;background:#0b100d;justify-content:center;align-items:center;gap:10px;min-height:45px;padding:8px 5vw;font-size:13px;font-weight:700;display:flex}.promo span{background:#47700d;border:2px solid #caff38;border-radius:4px;padding:4px 10px;animation:1.8s ease-in-out infinite glow;box-shadow:0 0 14px #aef52dcc}.promo a{color:var(--lime);margin-left:22px;font-weight:800}@keyframes glow{50%{transform:translateY(-1px);box-shadow:0 0 24px #bafa39}}header{z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#f5f4eee6;justify-content:space-between;align-items:center;height:84px;padding:0 5vw;display:flex;position:sticky;top:0}.brand{align-items:center;gap:11px;display:flex}.brand-icon{background:var(--ink);width:43px;height:43px;color:var(--lime);border-radius:50%;place-items:center;display:grid}.brand-icon svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:27px}.wordmark{letter-spacing:-.05em;font-size:22px;font-weight:800}.wordmark span{color:#7b9148}nav{align-items:center;gap:31px;font-size:14px;font-weight:700;display:flex}nav a{padding:10px 0}.nav-order{background:var(--ink);color:#fff;padding:12px 18px}.menu-button{background:var(--ink);color:#fff;border:0;width:46px;height:46px;font-size:21px;display:none}main{max-width:1500px;margin:auto}.details-hero{grid-template-columns:.78fr 1.22fr;align-items:center;gap:6vw;min-height:760px;padding:72px 6vw 95px;display:grid}.hero-copy{z-index:2;position:relative}.eyebrow{letter-spacing:.17em;color:#68774d;font-size:12px;font-weight:800}.hero-copy h1,.feature-intro h2,.dimensions-copy h2{font-family:var(--serif);letter-spacing:-.05em;margin:22px 0 28px;font-size:clamp(54px,5.6vw,90px);font-weight:500;line-height:.96}.hero-copy em,.feature-intro em,.dimensions-copy em{color:#7c895f;font-weight:500}.hero-copy>p{max-width:600px;color:var(--muted);font-size:17px;line-height:1.75}.hero-actions{align-items:center;gap:30px;margin-top:31px;display:flex}.primary{background:var(--ink);color:#fff;padding:17px 23px;font-size:14px;font-weight:800}.text-link{border-bottom:1px solid;font-size:14px;font-weight:800}.hero-facts{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin-top:55px;display:grid}.hero-facts div{border-right:1px solid var(--line);padding:19px 12px 0 0}.hero-facts div:last-child{border:0}.hero-facts strong{font-family:var(--serif);font-size:24px;display:block}.hero-facts span{color:var(--muted);margin-top:5px;font-size:12px;display:block}.hero-image{background:#111;margin:0;position:relative;overflow:hidden;box-shadow:0 35px 90px #1b231c33}.hero-image:before{content:"";z-index:1;pointer-events:none;border:1px solid #d1f18080;position:absolute;inset:15px}.hero-image img{aspect-ratio:1;object-fit:cover;width:100%;transition:transform .8s}.hero-image:hover img{transform:scale(1.025)}.hero-image figcaption{background:var(--lime);letter-spacing:.06em;padding:11px 14px;font-size:12px;font-weight:800;position:absolute;bottom:24px;left:24px}.feature-intro{max-width:900px;padding:110px 8vw 58px}.feature-intro h2{font-size:clamp(48px,5vw,76px)}.feature-intro>p{color:var(--muted);max-width:610px;font-size:16px;line-height:1.7}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;padding:0 6vw 120px;display:grid}.feature-card{color:#fff;background:#101612;grid-template-columns:1fr;margin:0;display:grid;overflow:hidden;box-shadow:0 24px 65px #1b231c21}.feature-card img{aspect-ratio:1;object-fit:cover;width:100%;transition:transform .75s}.feature-card:hover img{transform:scale(1.03)}.feature-card>div{border-top:1px solid #2f3831;padding:28px 31px 32px}.feature-card span{color:var(--lime);letter-spacing:.13em;font-size:11px;font-weight:800}.feature-card h3{font-family:var(--serif);margin:12px 0 8px;font-size:32px;font-weight:500}.feature-card p{color:#b7beb8;margin:0;line-height:1.65}.feature-wide{grid-column:1/-1;grid-template-columns:1.2fr .8fr;align-items:center}.feature-wide>div{border:0;border-left:1px solid #2f3831}.feature-wide img{aspect-ratio:1.35;height:100%}.dimensions{color:#fff;background:#0f1511;grid-template-columns:.62fr 1.38fr;gap:7vw;padding:115px 6vw;display:grid}.dimensions-copy{align-self:start;position:sticky;top:130px}.dimensions-copy h2{font-size:clamp(44px,4.6vw,68px)}.dimensions-copy p{color:#afb7b0;line-height:1.75}.dimensions-copy ul{border-top:1px solid #374039;margin:34px 0 0;padding:0;list-style:none}.dimensions-copy li{border-bottom:1px solid #374039;padding:15px 0;font-size:14px}.technical-gallery{gap:32px;display:grid}.technical-gallery figure{color:var(--ink);background:#fff;margin:0;padding:12px}.technical-gallery img{aspect-ratio:1;object-fit:cover;width:100%}.technical-gallery figcaption{padding:15px 8px 6px;font-size:13px;font-weight:800}.closing-cta{background:var(--lime);justify-content:space-between;align-items:center;gap:35px;margin:0;padding:72px 7vw;display:flex}.closing-cta span{letter-spacing:.13em;font-size:12px;font-weight:800}.closing-cta h2{font-family:var(--serif);margin:8px 0;font-size:55px;font-weight:500}.closing-cta p{margin:0}.closing-cta>a{background:var(--ink);color:#fff;white-space:nowrap;padding:18px 24px;font-weight:800}footer{background:var(--white);grid-template-columns:1fr 1fr 1fr;align-items:start;gap:35px;padding:65px 6vw 35px;display:grid}footer>p{font-family:var(--serif);margin:0;font-size:27px}footer>div{gap:10px;font-size:13px;display:grid}footer>small{border-top:1px solid var(--line);color:var(--muted);grid-column:1/-1;padding-top:23px}.mobile-order{display:none}@media (width<=900px){nav{background:var(--paper);flex-direction:column;align-items:stretch;padding:10px 20px 22px;display:none;position:absolute;top:84px;left:0;right:0}nav.open{display:flex}.menu-button{display:block}.details-hero{grid-template-columns:1fr;padding:45px 20px 80px}.hero-copy{order:2}.hero-image{order:1}.feature-grid{grid-template-columns:1fr;padding:0 18px 90px}.feature-wide{grid-column:auto;grid-template-columns:1fr}.feature-wide>div{border-top:1px solid #2f3831;border-left:0}.feature-wide img{aspect-ratio:1}.dimensions{grid-template-columns:1fr;gap:45px;padding:80px 18px}.dimensions-copy{position:static}.closing-cta{flex-direction:column;align-items:flex-start}footer{grid-template-columns:1fr;padding-bottom:105px}.promo{text-align:center;padding:8px 12px;font-size:11px}.promo a{display:none}.mobile-order{z-index:30;background:var(--white);border-top:1px solid var(--line);justify-content:space-between;align-items:center;height:76px;padding:10px 14px 10px 20px;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-order span{display:grid}.mobile-order small{font-size:10px}.mobile-order b{font-family:var(--serif);font-size:20px}.mobile-order strong{background:var(--ink);color:#fff;padding:15px 19px}}@media (width<=560px){.details-hero{padding-top:18px}.hero-copy h1{font-size:50px}.hero-facts{grid-template-columns:1fr}.hero-facts div{border-right:0;border-bottom:1px solid var(--line);justify-content:space-between;padding:14px 0;display:flex}.hero-facts span{text-align:right}.hero-actions{flex-direction:column;align-items:flex-start;gap:16px}.feature-intro{padding:75px 20px 40px}.feature-intro h2,.dimensions-copy h2{font-size:43px}.feature-card>div{padding:24px}.feature-card h3{font-size:28px}.closing-cta h2{font-size:42px}.wordmark{font-size:19px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.promo span{animation:none}.hero-image img,.feature-card img{transition:none}}
