/* Refined spacing, surfaces, and small-screen navigation. */
:root{--muted:#535e58}
header{background:#f5f4eef5;backdrop-filter:blur(14px);padding-top:21px;padding-bottom:21px}
nav a{position:relative;padding:8px 0}
nav a:after{content:'';position:absolute;bottom:2px;left:0;width:0;height:1px;background:var(--ink);transition:width .2s}
nav a:hover:after{width:100%}
.brand>span{border-radius:3px}
.bag{padding:8px 0 8px 12px;min-height:44px}
.hero{padding-top:65px;padding-bottom:65px;align-items:center}
.hero-copy{padding:12px 0}
.intro{font-size:16px;line-height:1.8}
.hero-note{letter-spacing:2px}
.hero-art{border-radius:12px;border:1px solid #99cbbd60;min-height:550px}
.button{border-radius:5px;min-height:48px}
.button.dark:hover{background:#25413a}
.text-link{line-height:1.7}
.section-heading>p{line-height:1.9}
.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 28px}
.product-image{height:auto;aspect-ratio:1.36;border-radius:10px;border:1px solid #00000008}
.product-image svg{width:74%;height:90%}
.product-image .tag{background:#ffffffc9;border-radius:3px;padding:7px 9px;font-size:9px;letter-spacing:1px}
.product-image .arrow{width:39px;height:39px;display:grid;place-items:center;padding:0;transition:background .2s,transform .2s}
.product-card:hover .arrow{background:var(--ink);color:white;transform:rotate(8deg)}
.product-meta{margin-top:20px}
.product-meta h3{font-size:23px;line-height:1.2}
.product-meta p{font-size:12px}
.product-meta>span{font-size:11px;line-height:1.5}
.filters{gap:10px;margin-bottom:30px}
.filters button{padding:11px 18px;min-height:42px;transition:background .2s,color .2s}
.filters button:not(.active):hover{background:#e4e9e1}
.collection-note{font-size:11px;max-width:650px;margin-top:21px}
.collection-custom{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:27px 30px;border:1px solid var(--line);border-radius:8px;margin-top:40px;background:#eeefe7}
.collection-custom .eyebrow{font-size:8px}
.collection-custom h3{font-size:23px;font-weight:500;letter-spacing:-.7px;margin:7px 0 0}
.collection-custom a{white-space:nowrap}
.services button{padding:31px 0;transition:padding .2s}
.services button:hover{padding-left:8px}
.services p{font-size:13px;line-height:1.8}
.steps article{padding-top:25px}
.steps p{line-height:1.85}
.request form{background:#f7faf480;border:1px solid #b9cbbd;border-radius:10px;padding:28px}
.form-heading{font:500 21px/1.3 'Space Grotesk',sans-serif;letter-spacing:-.5px;margin:0 0 24px}
.request form label{font-size:12px}
input,textarea,select{border-radius:5px;background:#ffffff50;border-color:#9aafa1;line-height:1.5}
input:hover,textarea:hover,select:hover{border-color:#648574}
textarea::placeholder{color:#65786b}
.form-note{font-size:11px;line-height:1.8}
.faq details{padding:24px 0}
.faq summary{line-height:1.4;gap:25px}
.faq details:last-child{border-bottom:1px solid var(--line)}
footer{padding-top:45px;padding-bottom:45px}
dialog{border-radius:12px;box-shadow:0 24px 100px #0003}
.close{width:44px;height:44px;right:8px;top:8px;background:#f5f4eee8;border-radius:50%}
.detail-image{border-radius:8px}
.bag-row{line-height:1.7}
.bag-row button{min-height:40px;padding:8px}
dialog .button{min-height:48px}
#inquiry-modal .outline{margin-left:8px}
#inquiry-text{margin-top:10px;font-size:13px;line-height:1.8}
#copy-status{font-size:12px;color:#235b45}
#toast{border-radius:7px;box-shadow:0 8px 30px #0002}
@media(min-width:1200px){.hero{gap:7%}.hero-art{min-height:590px}.product-image{aspect-ratio:1.5}.art-bottom{margin-bottom:38px}.art-top{font-size:9px}.section{padding-top:95px;padding-bottom:95px}}
@media(max-width:1000px){.hero-art{min-height:510px}.hero .eyebrow{font-size:8px;letter-spacing:1.3px}.product-meta{display:block}.product-meta>span{display:inline-block;margin-top:12px}.request form{padding:22px}.form-heading{font-size:19px}}
@media(max-width:700px){header{flex-wrap:wrap;gap:13px;padding-top:14px;padding-bottom:0}nav{display:flex;order:3;width:100%;justify-content:space-between;border-top:1px solid var(--line);gap:14px;font-size:12px;padding:4px 0 5px}nav a{min-height:38px;display:flex;align-items:center}.hero{padding-top:28px;padding-bottom:35px}.hero-copy{padding:0}.hero .eyebrow{font-size:8px;letter-spacing:1.1px}h1{font-size:clamp(50px,12vw,76px);letter-spacing:-3px;margin-top:22px}.intro{font-size:15px;max-width:430px}.hero-art{min-height:440px}.hero-note{font-size:9px}.hero-actions{margin-top:24px}.section{padding-top:54px;padding-bottom:54px}.section-heading h2{font-size:43px}.products{gap:30px 16px}.product-image{height:auto;aspect-ratio:1}.product-image svg{width:88%;height:88%}.product-meta{margin-top:15px}.product-meta h3{font-size:19px}.product-meta p{font-size:11px;line-height:1.6}.product-image .tag{font-size:7px;padding:5px 7px}.product-image .arrow{width:30px;height:30px;bottom:9px;right:9px}.filters{gap:8px}.filters button{font-size:11px;padding:9px 13px}.collection-custom{padding:23px;align-items:start;flex-direction:column;gap:17px;margin-top:30px}.collection-custom h3{font-size:22px}.collection-custom a{white-space:normal}.request{gap:30px}.request form{padding:22px}.custom h2{font-size:65px}.steps{gap:25px}.faq summary{font-size:17px}.bag{font-size:11px}#inquiry-modal .button{display:flex;width:100%;margin-left:0}footer{gap:22px}footer small{width:100%;padding-top:15px;border-top:1px solid var(--line)}}
@media(max-width:380px){.products{grid-template-columns:1fr}.product-image{aspect-ratio:1.3}.hero-art{min-height:380px}.hero-actions .button{width:100%}.art-top{font-size:6px}.request form{padding:17px}.field-row{grid-template-columns:1fr}.collection-custom{padding:20px}}
@media(prefers-reduced-motion:reduce){.services button:hover{padding-left:0}}