@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#142c35;--muted:#657277;--paper:#f5f5ef;--green:#d9ee64;--line:#d9dfda}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:var(--paper);font:15px 'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer} .top{text-align:center;background:var(--ink);color:white;font-size:10px;letter-spacing:2.3px;padding:12px}header{display:flex;align-items:center;justify-content:space-between;padding:24px 5%;border-bottom:1px solid var(--line);background:var(--paper);gap:24px}.brand{font:800 28px Manrope,sans-serif;letter-spacing:-1.5px}.brand span{display:block;font:8px 'DM Sans';letter-spacing:2px;margin-top:4px}nav{display:flex;gap:30px;font-size:13px}.button{display:inline-block;border:0;border-radius:3px;padding:17px 24px;background:var(--ink);color:white;font-weight:600;font-size:13px}.small{padding:13px 18px}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:660px;align-items:center;gap:5%;padding:70px 5% 65px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;margin:0 0 25px}h1,h2,h3{font-family:Manrope,sans-serif}h1{font-size:clamp(48px,5.5vw,84px);line-height:1.05;letter-spacing:-4px;margin:0 0 28px;font-weight:600}h2{font-size:clamp(34px,3.4vw,52px);line-height:1.13;letter-spacing:-2px;margin:0 0 24px;font-weight:500}p{line-height:1.75} .lead{color:var(--muted);max-width:470px;font-size:16px}.actions{display:flex;align-items:center;gap:24px;margin-top:35px}.textlink{font-size:12px;border-bottom:1px solid var(--ink);padding-bottom:5px}.herofoot{font-size:9px;letter-spacing:2px;margin-top:55px}.heroimage{position:relative;background:#e6e8e3;border-radius:8px;overflow:hidden}.heroimage img{width:100%;display:block}.image-label{position:absolute;bottom:0;left:0;right:0;padding:16px;background:#142c35e6;color:white;font-size:9px;letter-spacing:2px}.intro{padding:70px 5%;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.5fr 1.3fr;gap:40px}.intro p:last-child{color:var(--muted);margin:0}.collection{padding:75px 5%;background:white}.sectionhead{display:flex;justify-content:space-between;align-items:end}.sectionhead>p{color:var(--muted);font-size:13px}.tools{display:flex;justify-content:space-between;gap:20px;margin:30px 0 20px}.filters{display:flex;flex-wrap:wrap;gap:8px}.filters button{background:transparent;border:1px solid var(--line);padding:10px 17px;border-radius:30px;font-size:12px;color:var(--ink)}.filters .active{background:var(--ink);color:white;border-color:var(--ink)}input,textarea{border:1px solid var(--line);border-radius:3px;background:transparent;padding:13px;color:var(--ink);width:100%}#search{width:260px}.note{font-size:11px;color:var(--muted);line-height:1.65}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px 22px;margin-top:30px}.product{padding:0;border:0;background:transparent;text-align:left;color:var(--ink)}.productimage{position:relative;background:#f2f3f0;border-radius:5px;overflow:hidden}.productimage img{width:100%;display:block;transition:transform .3s}.product:hover img{transform:scale(1.045)}.productimage>span{position:absolute;left:15px;top:15px;background:#ffffffda;padding:6px 9px;border-radius:20px;font-size:9px}.productinfo{padding:19px 2px}.productinfo small{font-size:8px;letter-spacing:1.5px;color:var(--muted)}.productinfo h3{font-size:20px;margin:10px 0}.productinfo h3 span{float:right}.productinfo p{font-size:12px;color:var(--muted);margin:0 0 15px}.productinfo>div{border-top:1px solid var(--line);padding-top:13px;font-size:10px}.productinfo>div span{float:right}.custom{padding:90px 5%;display:grid;grid-template-columns:1fr 1fr;gap:10%;background:var(--ink);color:white}.custom>div>p:not(.eyebrow){color:#b8c5c7;max-width:430px}.custom .button{background:var(--green);color:var(--ink);margin-top:20px}.options{display:grid;grid-template-columns:1fr 1fr;gap:35px}.options article{border-top:1px solid #ffffff40;padding-top:18px}.options span{color:var(--green);font-size:11px}.options h3{font-size:18px}.options p{font-size:12px;color:#b8c5c7}#process{padding:90px 5%}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:35px;margin-top:50px}.steps article{border-top:1px solid var(--ink);padding-top:20px}.steps b{font-size:10px;letter-spacing:1px}.steps h3{font-size:18px}.steps p{font-size:13px;color:var(--muted)}.factory{margin-top:50px;padding:28px 32px;background:#e8ece3;display:grid;grid-template-columns:1fr 2fr 1fr;gap:35px;align-items:center}.factory h3{margin:0}.factory p{font-size:12px;margin:0;color:var(--muted)}.factory a{font-size:12px;text-decoration:underline}.faq{padding:80px 5%;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.5fr;gap:10%}details{border-bottom:1px solid var(--line);padding:20px 0}summary{cursor:pointer;font-size:15px;font-weight:500}details p{font-size:13px;color:var(--muted)}.contact{padding:80px 5%;display:grid;grid-template-columns:1fr 1fr;gap:12%;background:var(--green)}.contact>div>p{max-width:430px}.email{font-size:clamp(16px,2vw,25px);border-bottom:1px solid}.contact form{display:grid;gap:14px}label{display:grid;gap:7px;font-size:11px}.contact input,.contact textarea{background:#ffffff50;border-color:#142c3540}.copy{background:none;border:none;text-decoration:underline;text-align:left;font-size:12px}footer{padding:45px 5%;display:flex;align-items:center;justify-content:space-between;gap:25px}footer p,footer a:not(.brand),footer small{font-size:10px;color:var(--muted)}dialog{padding:0;border:0;width:min(1040px,93vw);max-height:90vh;border-radius:8px;color:var(--ink);background:var(--paper)}dialog::backdrop{background:#10272ebb;backdrop-filter:blur(4px)}#detailcontent{display:grid;grid-template-columns:42% 58%}.detailimage{width:100%;position:sticky;top:0}.detailtext{padding:40px}.detailtext h2{font-size:34px}.detailtext>p{font-size:13px}.detailtext h3{font-size:15px}dl{display:grid;grid-template-columns:1fr 1.5fr;font-size:11px;line-height:1.7}dt,dd{margin:0;padding:10px 0;border-bottom:1px solid var(--line)}dt{font-weight:600}dd{color:var(--muted)}.close{position:sticky;float:right;right:12px;top:12px;z-index:2;width:34px;height:34px;border:0;border-radius:50%;font-size:25px;background:white;color:var(--ink)}:focus-visible{outline:3px solid #78a2ec;outline-offset:4px}@media(max-width:800px){nav{display:none}h1{letter-spacing:-2px}.hero{grid-template-columns:1fr;padding-top:45px;gap:40px}.heroimage{max-height:500px}.intro{grid-template-columns:1fr;gap:15px}.intro h2{margin:0}.grid{grid-template-columns:repeat(2,1fr)}.custom,.faq,.contact{grid-template-columns:1fr;gap:40px}.steps{grid-template-columns:1fr 1fr}.factory{grid-template-columns:1fr;gap:15px}.tools{flex-direction:column}#search{width:100%}.sectionhead{align-items:start;gap:20px}.sectionhead>p{display:none}footer{flex-wrap:wrap}#detailcontent{grid-template-columns:1fr}.detailimage{position:static;max-height:300px;object-fit:contain}.detailtext{padding:25px}.actions{flex-wrap:wrap}.productinfo h3{font-size:16px}.productinfo>div span{display:block;float:none;margin-top:8px}.herofoot{margin-top:30px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.heroimage{max-height:610px}.heroimage img{width:100%;aspect-ratio:1;object-fit:cover;object-position:top}.structures{padding:85px 5%;background:#edf1f2}.structures>.note{max-width:950px}#structuregrid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:36px}.structurecard{background:white;border-radius:6px;overflow:hidden}.layerzoom{display:block;position:relative;width:100%;border:0;padding:0;background:#e9edf0}.layerzoom img{display:block;width:100%;aspect-ratio:1.18;object-fit:contain}.layerzoom>span{position:absolute;bottom:15px;right:15px;padding:9px 12px;background:#142c35;color:white;font-size:10px;border-radius:20px}.structurecard>div{padding:28px}.structurecard .eyebrow{margin:0 0 12px}.structurecard h3{font-size:25px;margin:0 0 18px}.structurecard ol,.layerfull ol,.detailstructure ol{padding-left:22px;line-height:1.9;font-size:13px;color:var(--muted)}.expandedfaq{grid-template-columns:1fr 2fr;gap:7%}#faqfilters{margin:20px 0;gap:7px}#faqfilters button{font-size:11px;padding:8px 12px}.detailstructure{border-top:1px solid var(--line);margin-top:30px;padding-top:15px}.detailstructure img{width:100%;border-radius:5px}.layerfull{grid-column:1/-1;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;padding:25px;gap:25px}.layerfull>img{width:100%}.layerfull h2{font-size:32px}.productimage img{aspect-ratio:1.15;object-fit:contain}nav{gap:20px}@media(max-width:800px){#structuregrid{grid-template-columns:1fr}.expandedfaq{grid-template-columns:1fr}.layerfull{grid-template-columns:1fr}.heroimage{max-height:520px}.structurecard>div{padding:23px}}
/* Graphic collection */
.heroimage{background:#fff;max-height:none;border-radius:4px}.heroimage img{aspect-ratio:1;object-fit:contain}.structurecard .layerzoom img{aspect-ratio:1;object-fit:contain}.structurecard ol li strong,.layerfull ol li strong,.detailstructure ol li strong{color:var(--ink);font-size:13px}.structurecard ol li p,.layerfull ol li p,.detailstructure ol li p{margin:2px 0 10px;font-size:12px;line-height:1.6}.layerfull.annotated{grid-template-columns:1.5fr 1fr;align-items:start;padding:32px}.layerfull.annotated>img{position:sticky;top:0}.layerfull.annotated h2{font-size:27px}.layerfull.annotated .button{margin:15px 0}.productimage{background:white;border:1px solid #e4e8e6}.productimage img{aspect-ratio:1;object-fit:contain}.structurecard>div{border-top:1px solid var(--line)}.structurecard .layerzoom>span{background:#142c35ed}.structures{background:#eaf0f2}.hero .image-label{letter-spacing:1.5px}@media(max-width:800px){.layerfull.annotated{grid-template-columns:1fr;padding:18px}.layerfull.annotated>img{position:static}.heroimage{max-height:none}.productinfo h3{font-size:15px}.productinfo p{font-size:11px}.heroimage img{max-height:500px}}
.archfeature{padding:85px 5%;display:grid;grid-template-columns:.8fr 1.3fr;gap:6%;align-items:center;background:#e9eef0}.archfeature>div>p:not(.eyebrow){color:var(--muted)}.archfeature .button{margin-top:20px}.arch-feature-image{background:white;position:relative;border:0;padding:0;border-radius:6px;overflow:hidden}.arch-feature-image img{display:block;width:100%;height:auto}.arch-feature-image span{display:block;background:var(--ink);color:white;padding:14px;font-size:11px;letter-spacing:1px}.arch-lab-heading{grid-column:1/-1;margin:55px 0 15px;padding:35px;background:var(--ink);color:white;scroll-margin-top:30px}.arch-lab-heading>p:last-child{color:#c7d6da;max-width:800px}.arch-full{grid-column:1/-1;padding:28px}.arch-full>img{width:100%;display:block}.arch-full>div{padding:30px 15px 10px}.arch-full h2{font-size:34px}.arch-full p{font-size:13px}.zonebrief{margin-top:25px;border-top:1px solid var(--line);padding-top:25px}.zonebrief p{font-size:12px;color:var(--muted)}.zonebrief strong{color:var(--ink)}@media(max-width:800px){.archfeature{grid-template-columns:1fr;gap:30px}.arch-lab-heading{padding:24px}.arch-full{padding:15px}.arch-full>div{padding:25px 0 0}}
