/* ===== fonts.css ===== */



@font-face {
  font-display: swap; font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  src: url(assets/fonts/font-3.woff2) format('woff2');
}
@font-face {
  font-display: swap; font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  src: url(assets/fonts/font-4.woff2) format('woff2');
}
@font-face {
  font-display: swap; font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  src: url(assets/fonts/font-5.woff2) format('woff2');
}



/* ===== style.css ===== */
:root{--forest:#123c32;--deep:#0d2e27;--ivory:#f7f5ef;--ink:#183a31;--muted:#626a63;--line:#d4d9cf;--gold:#c4af82;--gutter:max(6vw,calc((100vw - 1400px)/2));--display:'Manrope',Georgia,serif;--body:'Manrope',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--ivory);color:var(--ink);font:400 16px/1.75 var(--body);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #a78f5f;outline-offset:5px}h1,h2,h3,p{margin-top:0}h1,h2{font-family:var(--display);font-weight:400;letter-spacing:-.03em}h2{font-size:clamp(44px,4.3vw,64px);line-height:1.05;margin-bottom:0}em{font-family:var(--display);font-weight:400}.eyebrow{font-size:11px;font-weight:600;line-height:1.6;letter-spacing:2.1px;margin-bottom:24px}.topline{padding:9px var(--gutter);background:var(--deep);color:#dbe2d9;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.5px}header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:36px;padding:22px var(--gutter);border-bottom:1px solid var(--line)}.logo{display:flex;gap:14px;align-items:center;width:max-content}.logo img{width:78px;height:auto;mix-blend-mode:multiply}.logo>span{font:500 29px/1.1 var(--display);letter-spacing:-.4px}.logo small{display:block;margin-top:9px;font:500 8px/1.4 var(--body);letter-spacing:1.6px}nav{display:flex;gap:36px;font-size:15px;font-weight:500}nav a{padding:12px 0}nav a:hover{text-decoration:underline;text-underline-offset:8px}.contact{justify-self:end;white-space:nowrap;font-size:14px;padding:11px 0;border-bottom:1px solid #758a7c}.contact span{margin-left:24px}.hero{background:var(--forest);color:var(--ivory);display:grid;grid-template-columns:1fr 1fr;gap:9%;padding:76px var(--gutter) 66px;align-items:center}.hero-copy,.hero-gallery{min-width:0}.hero .eyebrow{color:#d1bc91}.hero h1{font-size:clamp(64px,6.7vw,102px);line-height:.96;letter-spacing:-.035em;margin:0 0 28px}.hero h1 em{color:#e8e1d1}.lead{font-size:16px;line-height:1.85;color:#d1dbd2;max-width:39ch}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-height:52px;padding:15px 23px;border:1px solid var(--forest);border-radius:0;background:var(--forest);color:var(--ivory);font-size:14px;font-weight:500}.button:hover{filter:brightness(1.1)}.hero .button,.inquiry .button{background:#eae4d7;color:var(--forest);border-color:#eae4d7}.quiet-link{font-size:14px;padding:7px 0;border-bottom:1px solid #79958a}.hero-caption{font-size:9px;letter-spacing:1.5px;color:#c5d1c8;border-top:1px solid #46675a;padding-top:22px;margin:40px 0 0;max-width:440px}.hero-gallery{align-self:center}.sample-main{background:#edece3;color:var(--ink);padding:28px 30px 24px;border-top:2px solid var(--gold)}.sample-main>span{font-size:9px;letter-spacing:1.5px}.sample-main img{display:block;width:100%;aspect-ratio:1.12;object-fit:contain;padding:24px 12px;mix-blend-mode:multiply}.sample-main p{border-top:1px solid #c9cec0;padding-top:18px;margin:0;font:400 italic 27px/1.2 var(--display)}.gallery-caption{display:flex;justify-content:space-between;gap:15px;font-size:9px;letter-spacing:1.3px;color:#c8d4cb;padding-top:22px}.ribbon{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:27px var(--gutter);border-bottom:1px solid var(--line);font-size:13px;color:#526456}.ribbon b{font-size:10px;color:#99845c}.collection{padding:104px var(--gutter) 112px}.section-head{display:grid;grid-template-columns:1.3fr 1fr;align-items:end;gap:9%}.section-head>p{font-size:15px;color:var(--muted);max-width:36ch;margin:0 0 4px}.section-head>p br{display:none}.filters{display:flex;flex-wrap:wrap;gap:28px;margin:40px 0 30px;border-bottom:1px solid var(--line)}.filters button{min-height:46px;padding:8px 0 14px;background:none;border:0;border-bottom:2px solid transparent;color:var(--muted);font-size:14px}.filters .active{color:var(--ink);border-color:var(--forest);font-weight:600}.products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.product{border:0;background:none;padding:0;color:var(--ink);text-align:left}.product-image{aspect-ratio:1.05;background:#ece9e0;display:grid;place-items:center;position:relative;overflow:hidden}.product:nth-child(2) .product-image{background:#e6eae1}.product:nth-child(3) .product-image{background:#eee9df}.product-image img{width:80%;height:76%;object-fit:contain;mix-blend-mode:multiply;transition:transform .3s}.product:hover img{transform:scale(1.05)}.product-image span{position:absolute;right:18px;bottom:16px;font-size:9px;letter-spacing:1px}.product-title{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:20px}.product-title h3{font:500 30px/1.2 var(--display);margin:0}.product-title>span{font-size:11px;color:var(--muted)}.product>p{font-size:13px;color:var(--muted);margin:7px 0 0}.craft{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center;padding:88px var(--gutter);background:#e8ece4}.craft-art{padding:30px 30px 24px;background:#d7dfd2}.craft-art img{width:100%;display:block}.craft-art>span{display:block;margin-top:22px;text-align:center;font-size:9px;letter-spacing:1.3px}.craft-text>p:not(.eyebrow){font-size:15px;line-height:1.85;color:var(--muted);margin:24px 0}.craft-row{display:flex;gap:20px;padding:18px 0;border-bottom:1px solid #bfcbba}.craft-row>span{font-size:11px;color:var(--muted);padding-top:2px}.craft-row h3{font:500 15px/1.5 var(--body);margin:0}.craft-row p{font-size:14px;color:var(--muted);line-height:1.75;margin:6px 0 0}.textlink{display:inline-block;font-size:14px;border-bottom:1px solid;padding:6px 0;margin-top:24px}.about{padding:108px var(--gutter);display:grid;grid-template-columns:.65fr 1.35fr;gap:0 9%;align-items:start}.about-identity{grid-row:1/3}.roots-logo{display:block;width:130px;mix-blend-mode:multiply;margin:0 0 30px}.about>h2{margin:0}.about>div:last-child{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:30px}.about>div:last-child p{font-size:15px;line-height:1.9;color:var(--muted);margin:0}.inquiry{display:grid;grid-template-columns:1.15fr 1fr;gap:12%;padding:92px var(--gutter);background:var(--deep);color:var(--ivory)}.inquiry .eyebrow{color:#d1bc91}.inquiry h2{font-size:clamp(48px,4.5vw,68px)}.inquiry h2 em{color:#e8e0cf}.inquiry>div>p:not(.eyebrow){color:#d3ded4;font-size:15px;margin:28px 0}.inquiry>div>a{display:inline-block;border-bottom:1px solid #708c7a;padding:0 0 8px;font-size:17px}.inquiry form{padding-top:6px}form label{display:block;font-size:13px;font-weight:500;margin-bottom:22px}input,textarea{display:block;background:none;width:100%;border:0;border-bottom:1px solid #708c7a;border-radius:0;padding:12px 0;color:white;font:400 16px/1.5 var(--body)}input::placeholder,textarea::placeholder{color:#c7d3c7}textarea{resize:vertical}form .button{width:100%;margin-top:4px}form small{display:block;font-size:11px;line-height:1.7;color:#c7d3c7;margin-top:12px}#form-status{font-size:13px;color:#d3ded4}footer{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;padding:35px var(--gutter)}footer p,footer>span,footer>a:last-child{font-size:11px;color:var(--muted);margin:0}dialog{width:90%;max-width:560px;max-height:90vh;overflow:auto;background:var(--ivory);color:var(--ink);border:0;padding:40px}dialog::backdrop{background:#092719b8}dialog h2{font-size:44px}dialog img{display:block;width:75%;height:220px;object-fit:contain;mix-blend-mode:multiply;margin:20px auto}dialog p{font-size:15px}.close{position:absolute;right:15px;top:10px;border:0;background:none;font-size:30px;color:var(--ink)}[hidden]{display:none!important}@media(min-width:761px) and (max-width:1100px){:root{--gutter:5vw}header{gap:20px}.logo img{width:62px}.logo>span{font-size:25px}nav{gap:22px;font-size:14px}.contact{font-size:13px}.contact span{margin-left:12px}.hero{gap:6%;padding-block:56px}.hero h1{font-size:clamp(60px,7vw,78px)}.hero-actions{gap:16px;flex-wrap:wrap}.sample-main{padding:20px}.section-head,.craft{gap:6%}.about{grid-template-columns:.45fr 1.55fr;gap:0 6%}.inquiry{gap:7%}.product-title h3{font-size:27px}}
@media(max-width:760px){:root{--gutter:6vw}.topline{font-size:8px}.topline span{display:none}header{grid-template-columns:1fr auto;gap:10px;padding-block:14px}.logo{gap:9px}.logo img{width:62px}.logo>span{font-size:25px}.logo small{font-size:7px;letter-spacing:1.1px}.contact{grid-column:2;grid-row:1;font-size:12px}.contact span{margin-left:9px}nav{grid-column:1/-1;grid-row:2;justify-content:center;gap:30px;font-size:14px}nav a{padding:7px 0}.hero{grid-template-columns:1fr;gap:38px;padding-block:44px}.hero h1{font-size:clamp(64px,13vw,88px);max-width:9ch}.hero .eyebrow{font-size:10px;letter-spacing:1.6px}.lead{font-size:16px}.hero-actions{gap:24px}.button{font-size:13px;padding:15px 18px;gap:18px}.quiet-link{font-size:13px}.hero-caption{margin-top:30px;font-size:8px;letter-spacing:1px}.hero-gallery{width:100%;max-width:500px}.sample-main{padding:22px}.sample-main img{aspect-ratio:1.35;max-height:300px}.sample-main p{font-size:27px}.gallery-caption{font-size:8px;letter-spacing:.8px}.ribbon{display:grid;grid-template-columns:1fr 1fr;gap:12px;text-align:center;font-size:12px;padding-block:22px}.ribbon b{display:none}h2{font-size:clamp(43px,9vw,56px)}.eyebrow{font-size:10px;letter-spacing:1.6px;margin-bottom:20px}.collection{padding-block:64px}.section-head{display:block}.section-head>p{margin-top:24px}.filters{gap:12px 20px;margin:28px 0}.filters button{font-size:12px}.products{grid-template-columns:1fr;gap:34px}.product-image{aspect-ratio:1.2}.product-image img{max-width:340px}.product-title h3{font-size:32px}.craft{grid-template-columns:1fr;gap:38px;padding-block:60px}.craft-art{padding:24px}.craft-text>p:not(.eyebrow){font-size:15px}.about{display:block;padding-block:64px}.about-identity{display:flex;align-items:center;gap:25px;margin-bottom:30px}.roots-logo{width:90px;margin:0}.about-identity .eyebrow{margin:0}.about>div:last-child{display:block;margin-top:25px}.about>div:last-child p+p{margin-top:20px}.inquiry{grid-template-columns:1fr;gap:40px;padding-block:64px}.inquiry h2{font-size:54px}.inquiry>div>a{font-size:16px}footer{gap:22px;padding-block:30px}footer .logo{width:100%}dialog{padding:32px 24px}dialog h2{font-size:38px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Photography and editorial content supplied by Box Natural. */
.sample-main img{padding:0;mix-blend-mode:normal;aspect-ratio:auto;height:auto;margin:24px 0;object-fit:contain}.sample-main{padding:25px}.product-image{background:#eeeae1;aspect-ratio:1.1}.product-image img{width:100%;height:100%;object-fit:contain;mix-blend-mode:normal;max-width:none}.product-image span{background:#f7f5eff0;padding:6px 9px;right:10px;bottom:10px}.product-title h3{font-size:27px}.product-count{font-size:12px;color:var(--muted);margin:-10px 0 20px}.collection-note{font-size:14px;color:var(--muted);border-top:1px solid var(--line);padding-top:24px;margin:36px 0 0}.collection-note a{display:inline-block;border-bottom:1px solid}.materials,.quality{padding:90px var(--gutter)}.materials{background:#e7ece3}.materials .section-head>div:last-child p{font-size:15px;color:var(--muted);max-width:48ch}.materials figure,.quality figure{margin:36px 0 0}.materials figure img,.workshop-panorama img{width:100%;height:auto;display:block}.materials figcaption,.quality figcaption{font-size:11px;color:var(--muted);margin-top:12px}header{gap:22px}nav{gap:24px}.media-craft{background:var(--ivory);grid-template-columns:.8fr 1.2fr;gap:10%;align-items:start}.process-media{max-width:390px;justify-self:center;width:100%}.process-media video{display:block;width:100%;height:auto;aspect-ratio:9/16;background:var(--deep);object-fit:contain}.process-media>p{font-size:12px;color:var(--muted);line-height:1.65;margin-top:16px}.machine-detail{display:grid;grid-template-columns:110px 1fr;align-items:center;gap:20px;margin:30px 0 0;padding-top:24px;border-top:1px solid var(--line)}.machine-detail img{width:110px;height:auto}.machine-detail figcaption{font-size:12px;color:var(--muted)}.quality{background:#eeeae1}.showroom-row{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:9%;margin-top:48px}.showroom-row>img{width:100%;height:auto;max-width:480px}.showroom-row h3{font:400 42px/1.1 var(--display);margin-bottom:20px}.showroom-row p{font-size:15px;color:var(--muted)}.updated-about .about-identity{display:block}.updated-about .about-identity>img:last-child{width:100%;height:auto;margin-top:28px;max-width:340px}.updated-about{grid-template-columns:.8fr 1.2fr}.updated-about>div:last-child{grid-template-columns:1fr;gap:18px}.contact-details{font-style:normal;font-size:13px;color:#d3ded4;margin-top:28px;line-height:1.8}.contact-details>span,.contact-details>a{display:block}.contact-details a{text-decoration:underline;text-underline-offset:4px}.contact-details p{margin:16px 0}dialog img{width:100%;height:auto;max-height:46vh;object-fit:contain;mix-blend-mode:normal}dialog h2{font-size:38px}
@media(min-width:761px) and (max-width:1100px){nav{gap:15px;font-size:13px}.logo>span{font-size:23px}.contact{font-size:12px}.product-title h3{font-size:24px}}
@media(max-width:760px){nav{gap:20px;font-size:13px;flex-wrap:wrap}.sample-main{padding:20px}.sample-main img{max-height:none;aspect-ratio:auto}.product-image img{max-width:none}.product-title h3{font-size:30px}.materials,.quality{padding:60px var(--gutter)}.media-craft{grid-template-columns:1fr;gap:35px}.process-media{max-width:320px}.media-craft .craft-text{grid-row:1}.showroom-row{grid-template-columns:1fr;gap:30px;margin-top:30px}.showroom-row h3{font-size:36px}.updated-about .about-identity>img:last-child{max-width:280px;margin-top:20px}.updated-about>div:last-child{display:block}.materials .section-head>div:last-child{margin-top:24px}.contact-details{font-size:13px}}
/* Individually art-directed photographs, not flattened supplier collages. */
.product-image{aspect-ratio:1;background:#f3f0e8}.product-image img{object-fit:contain}.sample-main img{background:#f3f0e8}.materials .material-stories{display:grid;grid-template-columns:1.1fr .8fr 1.1fr;gap:26px;margin-top:44px;align-items:start}.material-stories figure{margin:0}.material-stories img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover}.material-stories figure:last-child img{object-fit:contain;background:#f3f0e8}.material-stories h3{font:500 29px/1.2 var(--display);margin:18px 0 8px}.material-stories p{font:400 13px/1.7 var(--body);color:var(--muted);margin:0}.production-gallery{display:grid;grid-template-columns:1.1fr 1fr;gap:34px;margin-top:44px;align-items:start}.production-gallery figure{margin:0}.production-gallery>figure img{width:100%;height:auto;display:block}.production-details{display:grid;grid-template-columns:1fr;gap:28px}.production-details figure:first-child img{width:100%;max-height:390px;object-fit:contain;background:#e2e4dc}.production-details figure:last-child img{display:block;width:100%;height:auto}.production-gallery h3{font:500 27px/1.2 var(--display);margin:16px 0 6px}.production-gallery p{font-size:13px;margin:0}.sample-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin:64px 0 26px}.sample-heading h3{font:400 40px/1.1 var(--display);margin:0}.sample-heading p{font-size:14px;color:var(--muted);max-width:36ch;margin:0}.sample-library{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.sample-library figure{margin:0}.sample-library img{width:100%;aspect-ratio:4/5;object-fit:cover;display:block}.sample-library h3{font:500 23px/1.25 var(--display);margin:14px 0 0}.quality .textlink{margin-top:32px}
@media(max-width:760px){.materials .material-stories{grid-template-columns:1fr;gap:32px;margin-top:30px}.material-stories img{aspect-ratio:4/3}.material-stories h3{font-size:30px}.production-gallery{grid-template-columns:1fr;gap:30px;margin-top:30px}.production-gallery>figure img{max-height:500px;object-fit:cover;object-position:center}.production-details{grid-template-columns:1fr 1fr;gap:18px}.production-details figure:first-child img,.production-details figure:last-child img{width:100%;aspect-ratio:4/5;height:auto;object-fit:cover;max-height:none}.production-gallery h3{font-size:24px}.sample-heading{display:block;margin-top:45px}.sample-heading h3{font-size:36px}.sample-heading p{margin-top:16px}.sample-library{grid-template-columns:1fr 1fr;gap:24px 18px}.sample-library h3{font-size:23px}}
.materials .material-stories{grid-template-columns:repeat(3,minmax(0,1fr))}.material-stories img{aspect-ratio:4/5}@media(max-width:760px){.materials .material-stories{grid-template-columns:1fr}.material-stories img{aspect-ratio:4/3}}

/* Give display type enough room for italic ascenders and descenders. */
h1,h2{letter-spacing:-.01em}
h2{line-height:1.16}
.hero h1{line-height:1.16;letter-spacing:-.012em;margin-bottom:30px}
.hero h1 em{letter-spacing:0}
@media(max-width:760px){
 .hero h1{font-size:clamp(52px,12.5vw,80px);line-height:1.18;max-width:none;letter-spacing:-.01em}
 .hero h1 em{letter-spacing:0}
 .hero .eyebrow{margin-bottom:26px}
 .inquiry h2{font-size:clamp(44px,10.8vw,54px)}
}

/* A consistent, restrained frame for photography throughout the site. */
:root{--photo-radius:16px;--frame-radius:24px}
.sample-main{border-top:0;border:1px solid rgba(196,175,130,.28);border-radius:var(--frame-radius);overflow:hidden;padding:24px}
.sample-main img{border-radius:12px}
.product-image{border-radius:var(--photo-radius);isolation:isolate}
.product-image img{border-radius:inherit}
.product-image span{border-radius:6px;right:14px;bottom:14px}
.material-stories img,.production-gallery img,.sample-library img,.process-media video,.machine-detail img,.updated-about .about-identity>img:last-child{border-radius:var(--photo-radius)}
.machine-detail img{border-radius:10px}
dialog{border-radius:var(--frame-radius)}
dialog img{border-radius:var(--photo-radius)}
@media(max-width:760px){:root{--photo-radius:12px;--frame-radius:20px}.sample-main{padding:18px}.sample-main img{border-radius:10px}}

/* Final layout contracts: reserve media space; align cards at their top edge. */
main img{display:block;max-width:100%}
.logo img,.roots-logo{height:auto}
.products{align-items:start;row-gap:40px}
.product{display:flex;flex-direction:column;align-items:stretch;min-width:0;align-self:start}
.product-image{width:100%;height:auto;aspect-ratio:1;display:block;position:relative}
.product-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.product:hover img{transform:none}
.product:hover .product-image span{background:var(--forest);color:var(--ivory)}
.product-title{align-items:baseline}
.sample-main>span{display:block}
.sample-main img{width:100%;height:auto;aspect-ratio:1;margin:18px 0;object-fit:contain}
.gallery-caption{line-height:1.6;flex-wrap:wrap}
.materials .material-stories img{height:auto;aspect-ratio:4/5;object-fit:cover}
.materials .material-stories figure:last-child img{object-fit:cover}
.production-gallery{grid-template-columns:1fr 1fr;gap:28px;align-items:stretch}
.production-gallery>figure,.production-details>figure{display:flex;flex-direction:column;min-width:0}
.production-gallery>figure img{height:0;min-height:0;flex:1;width:100%;object-fit:cover;object-position:center 60%}
.production-details{gap:28px;min-width:0}
.production-details figure:first-child img,.production-details figure:last-child img{display:block;width:100%;height:auto;max-height:none;aspect-ratio:16/10;object-fit:cover;object-position:center 55%;background:none}
.production-gallery figcaption{flex:none;min-height:70px}
.sample-library{align-items:start}
.sample-library img{height:auto;aspect-ratio:1;object-fit:cover}
.updated-about{grid-template-columns:.85fr 1.15fr;align-items:start}
.updated-about .about-identity>img:last-child{width:100%;height:auto;max-width:340px}
@media(min-width:761px) and (max-width:1000px){.products{grid-template-columns:repeat(2,minmax(0,1fr))}.sample-library{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
 .materials .material-stories img{aspect-ratio:4/3}
 .production-gallery{grid-template-columns:1fr;gap:28px}
 .production-gallery>figure img{height:auto;flex:none;aspect-ratio:4/3;max-height:none;object-position:center 65%}
 .production-details{grid-template-columns:1fr;gap:28px}
 .production-details figure:first-child img{aspect-ratio:4/3;object-position:center 50%}
 .production-details figure:last-child img{aspect-ratio:16/9}
 .production-gallery figcaption{min-height:0}
 .sample-library h3{font-size:clamp(20px,5vw,24px)}
 .updated-about .about-identity>img:last-child{max-width:none;aspect-ratio:4/3;object-fit:cover;object-position:center 35%}
 .sample-heading h3{line-height:1.2}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Keep the two portrait workshop photos intact; give the wide dispatch photo its own row. */
.production-details{display:contents}
.production-gallery>figure,.production-details>figure{display:block}
.production-gallery>figure img,.production-details figure:first-child img{width:100%;height:auto;min-height:0;aspect-ratio:4/5;max-height:none;object-fit:cover;object-position:center}
.production-details figure:last-child{grid-column:1/-1;display:grid;grid-template-columns:1.3fr 1fr;gap:32px;align-items:center;margin-top:8px}
.production-details figure:last-child img{height:auto;aspect-ratio:2.1;object-fit:cover}
.production-details figure:last-child figcaption{margin:0;min-height:0}
@media(max-width:760px){
 .production-gallery>figure img,.production-details figure:first-child img{aspect-ratio:4/5;object-position:center}
 .production-details figure:last-child{display:block;margin-top:0}
 .production-details figure:last-child figcaption{margin-top:12px}
}
@media(max-width:380px){
 header{grid-template-columns:minmax(0,1fr) auto;gap:12px 8px}
 header .logo{gap:7px}header .logo img{width:46px}header .logo>span{font-size:22px}header .logo small{font-size:6px;letter-spacing:1px}
 header .contact{font-size:11px}header .contact span{display:none}
 nav{min-width:0;gap:16px;font-size:12px}
 .hero-actions{flex-wrap:wrap;gap:18px}
}
@media(min-width:761px){.updated-about{grid-template-rows:max-content 1fr}.updated-about>div:last-child{margin-top:28px;align-content:start}}

/* One tall view paired with two cropped details; aligned outer bounds. */
.production-gallery{display:grid;grid-template-columns:1.1fr 1fr;gap:28px;height:clamp(560px,56vw,740px);align-items:stretch}
.production-details{display:grid;grid-template-columns:1fr;grid-template-rows:1fr 1fr;gap:24px;min-height:0}
.production-gallery>figure,.production-details>figure,.production-details figure:last-child{display:grid;grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto;gap:0;margin:0;min-width:0;min-height:0;grid-column:auto;align-items:stretch}
.production-gallery>figure img,.production-details figure:first-child img,.production-details figure:last-child img{display:block;width:100%;height:100%;min-height:0;max-height:none;aspect-ratio:auto;object-fit:cover;object-position:center}
.production-gallery figcaption,.production-details figure:last-child figcaption{height:72px;min-height:0;margin:0;padding-top:14px}
.production-gallery h3{margin:0 0 5px;font-size:26px;line-height:1.2}
.production-gallery p{font-size:12px;line-height:1.5}
@media(max-width:760px){
 .production-gallery{height:auto;grid-template-columns:1fr;gap:28px}
 .production-details{display:grid;grid-template-rows:auto auto;gap:28px}
 .production-gallery>figure img{height:auto;aspect-ratio:4/5}
 .production-details figure:first-child img{height:auto;aspect-ratio:368/240}
 .production-details figure:last-child img{height:auto;aspect-ratio:2.1}
 .production-gallery figcaption,.production-details figure:last-child figcaption{height:auto;padding-top:14px}
}

/* Reading hierarchy: body 16px, supporting copy 14–15px, labels 12px. */
:root{--muted:#535e56}
.section-head>p,.materials .section-head>div:last-child p,.craft-text>p:not(.eyebrow),.about>div:last-child p,.inquiry>div>p:not(.eyebrow),dialog p{font-size:16px;line-height:1.8}
.lead{font-size:17px;line-height:1.8}
.product>p,.material-stories p,.production-gallery p,.sample-heading p,.collection-note,.craft-row p,.contact-details{font-size:15px;line-height:1.75}
nav{font-size:16px;gap:24px}nav a{min-height:44px;display:inline-flex;align-items:center}
.contact,.button,.quiet-link,.textlink,.filters button{font-size:15px}
.filters{column-gap:24px;row-gap:6px}.filters button{min-height:48px}
.craft-row h3,form label{font-size:16px;line-height:1.6}
.process-media>p,.machine-detail figcaption,form small,#form-status,.product-count,footer p,footer>span,footer>a:last-child{font-size:14px;line-height:1.7}
.eyebrow,.hero .eyebrow,.topline,.hero-caption,.gallery-caption,.sample-main>span,.product-image span,.product-title>span,.craft-row>span{font-size:12px;line-height:1.6;letter-spacing:.08em}
.product-image span{font-weight:600;letter-spacing:.04em;padding:8px 10px}
.hero-caption,.gallery-caption{color:#d4dfd5}
.logo small{font-size:10px;letter-spacing:.09em}
.product-title h3{font-size:29px;line-height:1.25}.sample-library h3{font-size:25px;line-height:1.3}
.production-gallery figcaption,.production-details figure:last-child figcaption{height:90px}
@media(min-width:761px) and (max-width:1100px){header{grid-template-columns:1fr auto}nav{grid-column:1/-1;grid-row:2;justify-content:center;gap:32px}.contact{grid-column:2;grid-row:1}.product-title h3{font-size:28px}}
@media(max-width:760px){
 nav{font-size:15px;gap:18px}.contact{font-size:14px}.contact span{display:none}
 .logo img{width:50px}.logo>span{font-size:24px}.logo small{font-size:9px}
 .hero-actions{flex-wrap:wrap;gap:18px}.lead{font-size:16px}
 .ribbon{font-size:14px}.filters{gap:6px 20px}
 .sample-library h3{font-size:24px;line-height:1.3}
 .production-gallery figcaption,.production-details figure:last-child figcaption{height:auto}
 .hero-caption{letter-spacing:.04em}.gallery-caption{gap:8px}
}
@media(max-width:380px){header .logo img{width:40px}header .logo>span{font-size:21px}header .logo small{font-size:8px}header .contact{font-size:13px}nav{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}nav a{justify-content:center}.sample-library h3{font-size:22px}}

/* A light photographic surface separates pale subjects from the page. */
.material-visual{position:relative;aspect-ratio:4/5;border-radius:var(--photo-radius);overflow:hidden;background:#f3f0e8;box-shadow:0 1px 3px rgba(24,58,49,.10)}

.materials .material-stories .material-visual img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;border-radius:0}
.materials .material-stories figure:last-child .material-visual img{object-fit:contain;padding:16px;background:#f3f0e8;mix-blend-mode:multiply}
.product-image{box-shadow:0 1px 3px rgba(24,58,49,.10)}

@media(max-width:760px){.material-visual{aspect-ratio:4/3}.materials .material-stories figure:last-child .material-visual img{padding:12px}}
.material-stories figure:last-child .material-visual{background:#f3efe6}
.materials .material-stories figure:last-child .material-visual img{mix-blend-mode:normal;background:#f3efe6}

/* Editorial headings paired with clear, compact product information. */
h2{font-weight:500;letter-spacing:-.015em;line-height:1.16}
h2 em{font-style:normal;font-weight:500}
.hero h1{font-weight:500}.hero h1 em{font-weight:400}
.product-title h3,.material-stories h3,.production-gallery h3,.sample-library h3{font-family:var(--body);font-size:20px;font-weight:500;line-height:1.4;letter-spacing:-.02em}
.material-stories h3{font-size:22px;margin-top:20px}
.production-gallery h3{font-size:21px}
.sample-library h3{font-size:18px;line-height:1.45}
.sample-heading h3{font-weight:500;line-height:1.2}
.product>p,.material-stories p{margin-top:8px}
@media(max-width:760px){.product-title h3,.material-stories h3{font-size:22px}.production-gallery h3{font-size:21px}.sample-library h3{font-size:18px}}
/* Gentle movement keeps the complete product inside its photographic frame. */
@media(hover:hover) and (pointer:fine){
 .product-image,.material-visual,.production-gallery img,.sample-library img,.sample-main{transition:transform .35s ease,box-shadow .35s ease}
 .material-visual img{transition:transform .6s cubic-bezier(.2,.65,.3,1)}
 .product:hover .product-image,.product:focus-visible .product-image{transform:translateY(-2px);box-shadow:0 3px 6px rgba(24,58,49,.13)}
 .product:hover img,.product:focus-visible img{transform:none}
 .material-stories figure:hover .material-visual{transform:translateY(-2px);box-shadow:0 3px 6px rgba(24,58,49,.12)}
 .material-stories figure:hover .material-visual img{transform:scale(1.025)}
 .production-gallery figure:hover>img,.sample-library figure:hover>img{transform:translateY(-2px);box-shadow:0 3px 6px rgba(24,58,49,.12)}
 .sample-main:hover{transform:translateY(-2px);box-shadow:0 3px 6px rgba(0,0,0,.12)}
 .product-image span{transition:background-color .25s,color .25s}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}.product:hover .product-image,.product:focus-visible .product-image,.material-stories figure:hover .material-visual,.material-stories figure:hover .material-visual img,.production-gallery figure:hover>img,.sample-library figure:hover>img,.sample-main:hover{transform:none!important}}

/* Product detail: contained scroll, persistent close control, generous image. */
body:has(#detail[open]){overflow:hidden}
#detail{width:min(960px,calc(100vw - 48px));max-width:960px;max-height:calc(100dvh - 48px);padding:0;border:1px solid rgba(83,94,86,.14);border-radius:24px;overflow:hidden;box-shadow:0 28px 90px rgba(9,39,25,.25)}
#detail[open]{display:flex;flex-direction:column}
#detail::backdrop{background:rgba(13,46,39,.6);backdrop-filter:blur(5px)}
.detail-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 24px 18px 32px;flex:none;border-bottom:1px solid var(--line)}
.detail-header .eyebrow{margin:0;font-size:11px;letter-spacing:.12em;line-height:1.5}
#detail .close{position:static;flex:none;display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid #cfd5cc;border-radius:50%;background:#edeFE8;color:var(--ink);font:400 28px/1 Arial,sans-serif}
#detail .close:hover{background:#dfe6db}
.detail-scroll{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b7c2b5 transparent}
.detail-scroll::-webkit-scrollbar{width:6px}.detail-scroll::-webkit-scrollbar-thumb{background:#b7c2b5;border-radius:6px}
.detail-layout{display:grid;grid-template-columns:1.08fr 1fr;gap:36px;padding:32px;align-items:center}
.detail-photo{min-width:0;background:#f3f0e8;border:1px solid rgba(83,94,86,.12);border-radius:16px;overflow:hidden}
#detail img{display:block;width:100%;height:auto;aspect-ratio:1;max-height:none;object-fit:contain;margin:0;padding:12px;border-radius:0;mix-blend-mode:normal}
.detail-copy{min-width:0;padding:12px 0}
#detail .detail-kicker{font-size:11px;font-weight:600;letter-spacing:.12em;margin:0 0 16px;color:var(--muted)}
#detail h2{font:500 clamp(28px,3vw,36px)/1.2 var(--display);letter-spacing:-.01em;margin:0 0 22px}
#detail #detail-description{font-size:16px;line-height:1.8;margin:0 0 28px;color:var(--muted)}
#detail .button{width:100%;font-size:15px;gap:12px;border-radius:8px}
@media(max-width:680px){#detail{width:calc(100vw - 24px);max-height:calc(100dvh - 24px);border-radius:20px}.detail-header{padding:12px 16px;gap:12px}.detail-header .eyebrow{font-size:10px;letter-spacing:.08em}.detail-layout{grid-template-columns:1fr;gap:24px;padding:20px}.detail-photo{width:100%;max-width:300px;justify-self:center}#detail img{max-height:34dvh;aspect-ratio:1;object-fit:contain}.detail-copy{padding:0}#detail .detail-kicker{display:none}#detail h2{font-size:30px;margin-bottom:16px}#detail #detail-description{margin-bottom:22px}}

/* Keep the close control outside the only scrollable region. */
html:has(#detail[open]),body:has(#detail[open]){overflow:hidden;overscroll-behavior:none}
#detail{position:fixed;inset:0;margin:auto;height:min(600px,calc(100dvh - 48px));max-height:calc(100dvh - 48px);overflow:hidden}
#detail[open]{display:grid;grid-template-rows:80px minmax(0,1fr)}
#detail .detail-header{position:relative;z-index:2;height:80px;padding:18px 88px 18px 32px;background:var(--ivory);overflow:visible}
#detail .close{position:absolute;top:18px;right:24px;z-index:3;margin:0}
#detail .detail-scroll{height:100%;min-height:0;overflow:auto;overscroll-behavior:contain}
@media(max-width:680px){#detail{height:min(760px,calc(100dvh - 24px));max-height:calc(100dvh - 24px)}#detail[open]{grid-template-rows:68px minmax(0,1fr)}#detail .detail-header{height:68px;padding:12px 76px 12px 16px}#detail .close{top:12px;right:16px}}

/* Photography is separated by soft ambient shadow, without an outline. */
.product-image,.material-visual,.detail-photo{border:0;box-shadow:0 1px 3px rgba(24,58,49,.10)}
.sample-main{border:0;box-shadow:0 2px 4px rgba(0,0,0,.10)}

/* Accessibility and interaction polish (preserves the existing Forest visual system). */
:where(a,button,input,textarea):focus-visible{outline:3px solid #bf8f44;outline-offset:3px}
:where(.product):focus-visible{outline-offset:6px}
#inquiry{scroll-margin-top:24px}
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
}


/* ===== typography.css ===== */
/* Final editorial hierarchy. Keep typography decisions in this one file. */
:root{--reading-size:16px;--reading-leading:1.75;--reading-width:54ch}
body{font-size:var(--reading-size);line-height:var(--reading-leading);letter-spacing:0}
h1,h2,h3{text-wrap:balance}
p{text-wrap:pretty}
.hero h1{font-size:clamp(60px,6.1vw,88px);line-height:1.14;letter-spacing:-.015em;font-weight:500;margin-bottom:28px}
.hero h1 em{font-weight:400;letter-spacing:0}
.hero .lead{font-size:18px;line-height:1.7;max-width:36ch;margin-bottom:0}
.hero-origin{display:block;font-size:14px;line-height:1.7;color:#cbd7ce;margin-top:16px;max-width:40ch}
.hero-actions{margin-top:28px}
h2,.inquiry h2{font-size:clamp(40px,4vw,56px);font-weight:500;line-height:1.14;letter-spacing:-.015em}
h2 em{font-style:normal;font-weight:inherit}
.eyebrow,.hero .eyebrow{font-size:12px;line-height:1.5;letter-spacing:.1em;font-weight:600;margin-bottom:20px}
.section-head{grid-template-columns:1.1fr 1fr;gap:8%;align-items:start}
.section-head>p,.materials .section-head>div:last-child{padding-top:38px;margin:0}
.section-head>p,.materials .section-head>div:last-child p,.craft-text>p:not(.eyebrow),.about>div:last-child p,.inquiry>div>p:not(.eyebrow){font-size:16px;line-height:1.75;max-width:var(--reading-width);letter-spacing:0}
.materials .section-head>div:last-child p{margin:0 0 18px}
.materials .section-head>div:last-child p:last-child{margin-bottom:0}
.product-title{margin-top:20px;gap:16px;align-items:baseline}
.product-title h3,.material-stories h3,.production-gallery h3{font-family:var(--body);font-size:21px;font-weight:500;line-height:1.35;letter-spacing:-.015em;margin-bottom:0;text-wrap:pretty}
.product>p,.material-stories p,.production-gallery p{font-size:15px;line-height:1.65;letter-spacing:0;margin-top:8px;max-width:42ch}
.material-stories h3{margin-top:0}
.materials figcaption{margin-top:20px}
.sample-library h3{font-family:var(--body);font-size:18px;line-height:1.4;letter-spacing:0;font-weight:500;margin-top:16px;text-wrap:pretty}
.sample-heading{align-items:baseline}.sample-heading h3{font-size:36px;line-height:1.2;font-weight:500}.sample-heading p{font-size:15px;line-height:1.7;max-width:40ch}
.craft-row h3{font-size:17px;font-weight:600;line-height:1.5;letter-spacing:0}
.craft-row p{font-size:15px;line-height:1.7;max-width:48ch}
.craft-text>p:not(.eyebrow){margin:24px 0 30px}
.updated-about>div:last-child{gap:20px}
.contact-details{font-size:15px;line-height:1.8;max-width:48ch}
form label{font-size:15px;font-weight:500;line-height:1.5}input,textarea{font-size:16px;line-height:1.6}
nav{font-weight:500;letter-spacing:0}.filters button{font-size:15px;letter-spacing:0}
.sample-main p{font-size:25px;line-height:1.3}
#detail h2{font-size:34px;line-height:1.2;font-weight:500}
#detail #detail-description{font-size:16px;line-height:1.75;max-width:46ch}
@media(max-width:760px){
 .hero h1{font-size:clamp(48px,12vw,72px);line-height:1.16}
 .hero .lead{font-size:17px;max-width:36ch}.hero-origin{font-size:14px}
 h2,.inquiry h2{font-size:clamp(36px,9vw,46px);line-height:1.16}
 .section-head>p,.materials .section-head>div:last-child{padding-top:0;margin-top:24px}
 .product-title h3,.material-stories h3,.production-gallery h3{font-size:21px}
 .sample-library h3{font-size:18px;line-height:1.4}
 .sample-heading h3{font-size:32px}.sample-heading p{margin-top:16px}
 .sample-main p{font-size:24px}#detail h2{font-size:30px}
}


/* ===== layout.css ===== */
/* Shared page grid: one content width, consistent columns and section rhythm. */
:root{--gutter:max(5vw,calc((100vw - 1280px)/2));--section-space:88px;--column-gap:64px}
main section{min-width:0}
.hero,.craft,.about,.inquiry{column-gap:var(--column-gap)}
.collection,.materials,.quality,.craft,.about,.inquiry{padding-block:var(--section-space)}
.hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding-block:64px}
.hero h1{font-size:clamp(60px,5.5vw,80px)}
.hero-gallery{width:100%;max-width:560px;justify-self:end}
.section-head{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--column-gap);align-items:start}
.section-head>p,.materials .section-head>div:last-child{padding-top:38px;max-width:54ch}
.products{gap:40px 28px}
.product-title h3{font-size:21px}
.materials .material-stories{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:40px}
.material-visual{width:100%}
.media-craft{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center}
.process-media{width:100%;max-width:350px;justify-self:start}
.craft-text{min-width:0}
.craft-text>p:not(.eyebrow){margin:24px 0}
.machine-detail{margin-top:24px;padding-top:20px}
.production-gallery{margin-top:40px;height:660px}
.sample-heading{margin-top:56px;align-items:start}
.sample-library{gap:24px}
/* About is a single image-and-copy pair, not a narrow identity rail spanning rows. */
.about.updated-about{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);grid-template-rows:auto;align-items:center;gap:var(--column-gap)}
.about-photo{margin:0;min-width:0}
.about-photo>img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;object-position:center 35%;border-radius:var(--photo-radius)}
.about-photo figcaption{display:flex;align-items:center;gap:20px;margin-top:20px;color:var(--muted);font-size:14px;line-height:1.6}
.about-photo .roots-logo{width:86px;height:auto;margin:0;flex:none}
.about.updated-about>.about-copy{display:block;margin:0;min-width:0}
.about-copy>.eyebrow{margin:0 0 20px;font-size:12px;line-height:1.5;color:var(--ink)}
.about-copy h2{font-size:clamp(40px,3.6vw,52px);line-height:1.15}
.about-body{margin-top:28px;max-width:54ch}
.about .about-body p{margin:0;color:var(--muted);font-size:16px;line-height:1.75}
.about .about-body p+p{margin-top:18px}
.inquiry{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}
.inquiry form{padding-top:0}
.inquiry>div>p:not(.eyebrow){margin-block:24px}
.contact-details{margin-top:24px}
@media(min-width:761px) and (max-width:1100px){
 :root{--column-gap:40px;--section-space:72px}
 .hero h1{font-size:60px}
 .sample-main{padding:20px}
 .gallery-caption{font-size:11px;letter-spacing:.03em}
 .production-gallery{height:600px}
 .about-copy h2{font-size:42px}
 .about-photo>img{aspect-ratio:4/5}
}
@media(max-width:760px){
 :root{--gutter:6vw;--section-space:56px;--column-gap:28px}
 .hero{grid-template-columns:1fr;padding-block:40px;gap:32px}
 .hero h1{font-size:clamp(48px,12vw,72px)}
 .hero-gallery{justify-self:start;max-width:none}
 .section-head{display:grid;grid-template-columns:1fr;gap:20px}
 .section-head>p,.materials .section-head>div:last-child{padding-top:0;margin:0}
 .products{gap:32px}
 .materials .material-stories{grid-template-columns:1fr;gap:30px;margin-top:30px}
 .media-craft{grid-template-columns:1fr;gap:30px}
 .process-media{max-width:340px}
 .production-gallery{height:auto;margin-top:30px}
 .sample-heading{display:block;margin-top:40px}
 .sample-heading p{margin-top:16px}
 .sample-library{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 18px}
 .sample-library h3{font-size:17px}
 .about.updated-about{grid-template-columns:1fr;gap:30px}
 .about.updated-about>.about-copy{grid-row:1}
 .about-copy h2{font-size:clamp(36px,9vw,46px)}
 .about-body{margin-top:24px}
 .about-photo>img{aspect-ratio:1;max-height:none}
 .about-photo figcaption{margin-top:16px}
 .inquiry{grid-template-columns:1fr;gap:36px}
}


/* ===== type-refined.css ===== */
/* Box Natural — restrained typographic polish. Loaded last for predictable cascade. */
:root{--reading-size:16px;--reading-leading:1.72}
body{font-weight:400;line-height:1.72;font-feature-settings:'kern' 1}
/* Keep the editorial display face, but make it quieter and more consistent. */
.hero h1{font-family:var(--display);font-size:clamp(52px,5.15vw,76px);font-weight:400;line-height:1.17;letter-spacing:-.012em;margin-bottom:24px}
.hero h1 em{font-weight:400;letter-spacing:-.006em}
h2,.inquiry h2{font-family:var(--display);font-size:clamp(38px,3.65vw,52px);font-weight:400;line-height:1.18;letter-spacing:-.01em}
h2 em{font-family:inherit;font-style:normal;font-weight:inherit;letter-spacing:inherit}
.showroom-row h3{font-family:var(--display);font-size:clamp(32px,3vw,40px);font-weight:400;line-height:1.2;letter-spacing:-.01em}
.sample-heading h3{font-family:var(--display);font-size:clamp(30px,3vw,38px);font-weight:400;letter-spacing:-.01em;line-height:1.18}
.logo>span{font-weight:500;letter-spacing:-.01em}
/* Body and UI stay in Manrope, in a modest, coherent scale. */
nav{font-weight:500;letter-spacing:0}
.hero .lead{font-size:17px;line-height:1.72;letter-spacing:0}
.section-head>p,.materials .section-head>div:last-child p,.craft-text>p:not(.eyebrow),.about>div:last-child p,.inquiry>div>p:not(.eyebrow){font-size:16px;line-height:1.72;letter-spacing:0}
.product-title h3,.material-stories h3,.production-gallery h3{font-family:var(--body);font-size:20px;font-weight:500;line-height:1.4;letter-spacing:-.01em}
.sample-library h3{font-family:var(--body);font-size:18px;font-weight:500;line-height:1.4;letter-spacing:0}
.product>p,.material-stories p,.production-gallery p,.sample-heading p,.craft-row p{font-size:15px;line-height:1.7;letter-spacing:0}
.sample-main p{font-family:var(--display);font-size:24px;font-weight:400;line-height:1.3;letter-spacing:0}
.eyebrow,.hero .eyebrow{font-family:var(--body);font-size:11px;font-weight:600;letter-spacing:.075em;line-height:1.6}
.topline,.hero-caption,.gallery-caption,.sample-main>span,.product-title>span,.product-image span,.craft-row>span{letter-spacing:.055em}
.button,.contact,.quiet-link,.textlink,.filters button{font-weight:500;letter-spacing:0}
#detail h2{font-family:var(--display);font-size:clamp(30px,2.6vw,36px);font-weight:400;letter-spacing:-.01em;line-height:1.2}
@media(max-width:760px){
 .hero h1{font-size:clamp(46px,10.9vw,66px);line-height:1.17;letter-spacing:-.01em}
 h2,.inquiry h2{font-size:clamp(35px,8.3vw,44px);line-height:1.18}
 .hero .lead{font-size:16px}
 .product-title h3,.material-stories h3,.production-gallery h3{font-size:20px}
 .sample-library h3{font-size:18px}
 .sample-heading h3{font-size:32px}
 .sample-main p{font-size:23px}
 #detail h2{font-size:30px}
}


/* ===== design-review.css ===== */
/* Design review · unified typography and section rhythm */
:root{--section-space:76px;--column-gap:50px;--reading-leading:1.62}
body{line-height:1.62}
.hero{padding-block:54px}
.hero h1{font-size:clamp(51px,5.25vw,74px);line-height:1.11;letter-spacing:-.016em;font-weight:400;margin-bottom:19px}
.hero .lead{font-size:16px;line-height:1.65}
.hero-actions{margin-top:23px}
.hero-caption{margin-top:25px;padding-top:16px}
h2,.inquiry h2{font-size:clamp(37px,3.6vw,49px);line-height:1.17;letter-spacing:-.012em;font-weight:400}
h2 em{font-style:normal}
.eyebrow,.hero .eyebrow{font-size:11px;letter-spacing:.075em;margin-bottom:13px;font-weight:600}
.section-head{gap:48px;align-items:end}
.section-head>p,.materials .section-head>div:last-child{padding-top:0}
.section-head>p,.materials .section-head>div:last-child p,.craft-intro>p,.about .about-body p,.inquiry>div>p:not(.eyebrow){line-height:1.64;font-size:15px}
.collection,.materials,.quality,.about,.inquiry{padding-block:var(--section-space)}
.filters{margin:26px 0 24px}
.products{gap:32px 24px}
.product-title{margin-top:13px}
.product-title h3,.material-stories h3,.production-gallery h3{font-size:18px;line-height:1.4;font-weight:500}
.product>p,.material-stories p,.production-gallery p{font-size:14px;line-height:1.55;margin-top:5px}
.materials .material-stories{margin-top:24px;gap:24px}
.materials figure{margin-top:0}
.materials figcaption{margin-top:12px}
.production-gallery{margin-top:30px;height:600px}
.sample-heading{margin-top:38px}
.sample-heading h3{font-size:32px;font-weight:400}
.sample-library{gap:20px}
.about .about-body{margin-top:18px}
.about .about-body p+p{margin-top:12px}
.inquiry>div>p:not(.eyebrow){margin-block:17px}
.contact-details{margin-top:17px}
/* Production: own editorial heading then wide film + true process details */
.craft-redesign{display:block;background:var(--ivory);padding:72px var(--gutter) 80px}
.craft-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.85fr);align-items:end;gap:70px;margin-bottom:29px}
.craft-intro h2{max-width:530px}
.craft-intro>p{color:var(--muted);max-width:50ch;margin:0 0 4px}
.craft-showcase{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr);gap:46px;align-items:stretch}
.craft-redesign .process-media{max-width:none;min-width:0;width:100%;justify-self:stretch}
.craft-redesign .process-media video{width:100%;aspect-ratio:3/2;height:auto;object-fit:cover;background:#26362f;border-radius:10px}
.craft-redesign .process-media>p{margin:10px 0 0;font-size:12px;line-height:1.5;color:var(--muted)}
.craft-steps{display:flex;flex-direction:column;justify-content:center;min-width:0;border-top:1px solid var(--line)}
.craft-redesign .craft-row{display:grid;grid-template-columns:29px 1fr;gap:15px;align-items:start;padding:21px 0;border-bottom:1px solid var(--line)}
.craft-redesign .craft-row>span{font-size:11px;letter-spacing:0;color:#718077;padding-top:4px}
.craft-redesign .craft-row h3{font-size:16px;font-weight:500;line-height:1.4}
.craft-redesign .craft-row p{font-size:14px;line-height:1.55;margin:6px 0 0;max-width:37ch}
.craft-footnote{display:flex;justify-content:flex-end;margin-top:14px}
.craft-redesign .machine-detail{margin:0;padding:0;border:0;display:flex;align-items:center;gap:11px}
.craft-redesign .machine-detail img{width:55px;height:55px;object-fit:cover;border-radius:7px}
.craft-redesign .machine-detail figcaption{font-size:12px;line-height:1.4}
@media(max-width:1000px){.craft-intro{gap:38px}.craft-showcase{gap:28px}.craft-redesign .craft-row{padding:15px 0}}
@media(max-width:760px){:root{--section-space:52px}.hero{padding-block:36px}.hero h1{font-size:clamp(45px,10vw,61px)}.hero .lead{font-size:15px}.section-head{gap:12px}.section-head>p,.materials .section-head>div:last-child{margin-top:0}.materials .material-stories{gap:25px}.production-gallery{height:auto;margin-top:25px}.craft-redesign{padding-block:54px}.craft-intro{grid-template-columns:1fr;gap:12px;margin-bottom:22px}.craft-showcase{grid-template-columns:1fr;gap:23px}.craft-steps{border-top:1px solid var(--line)}.craft-redesign .process-media{max-width:none}.craft-redesign .craft-row{padding:17px 0}.craft-footnote{margin-top:16px;justify-content:flex-start}.sample-heading{margin-top:30px}.inquiry{gap:27px}.about.updated-about{gap:23px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}


/* ===== site-polish.css ===== */
/* Box Natural — whole-site Manrope system · review version 02 */
:root {
 --display:'Manrope',Arial,sans-serif;
 --body:'Manrope',Arial,sans-serif;
 --ink:#173c32;
 --muted:#4d5c54;
 --line:#cdd5ca;
 --section-space:76px;
 --gutter:clamp(24px,5.2vw,88px);
}
html{scroll-padding-top:20px}
body{font-family:var(--body);font-size:15px;line-height:1.65;color:var(--ink)}
h1,h2,h3,h4,h5,h6,em,.logo>span,.sample-main p,.showroom-row h3,#detail h2{font-family:var(--body)!important;font-style:normal!important}
h1,h2,h3{letter-spacing:-.035em;text-wrap:balance}
p{line-height:1.65}
h2,.inquiry h2{font-size:clamp(32px,3.55vw,48px);font-weight:500;line-height:1.23;letter-spacing:-.04em}
h2 em,.hero h1 em{font-family:inherit;font-style:normal;font-weight:inherit;letter-spacing:inherit}
.eyebrow,.hero .eyebrow{font-size:12px;letter-spacing:.06em;line-height:1.5;font-weight:600;margin-bottom:12px}
.hero{gap:5.5%;padding-block:58px 59px}
.hero h1{font-size:clamp(43px,4.5vw,66px);font-weight:500;line-height:1.17;letter-spacing:-.045em;margin:0 0 18px}
.hero .lead{font-size:16px;line-height:1.68;max-width:44ch}
.hero-actions{margin-top:24px;gap:22px}
.hero-caption{font-size:12px;margin-top:25px;padding-top:14px;letter-spacing:.015em}
.hero-origin{font-size:13px;margin-top:12px}
.sample-main p{font-size:19px;line-height:1.45;font-weight:500;letter-spacing:-.025em}
.sample-main>span,.gallery-caption,.topline{font-size:11px;letter-spacing:.04em}
.logo>span{font-size:23px;font-weight:600;letter-spacing:-.04em}
.logo small{font-family:var(--body);letter-spacing:.10em}
nav{font-size:14px;gap:25px}
.ribbon{padding-block:20px}
.collection,.materials,.quality,.about,.inquiry{padding-block:var(--section-space)}
.section-head{gap:clamp(30px,5vw,72px);align-items:center;grid-template-columns:minmax(0,1.07fr) minmax(0,.93fr)}
.section-head>p,.materials .section-head>div:last-child{padding-top:0;margin-top:0}
.section-head>p,.materials .section-head>div:last-child p,.about .about-body p,.inquiry>div>p:not(.eyebrow){font-size:15px;line-height:1.67;color:var(--muted)}
.materials .section-head>div:last-child p{margin-bottom:12px}
.filters{margin:25px 0 20px}
.products{gap:29px 22px}
.product-title{margin-top:12px;gap:10px}
.product-title h3,.material-stories h3,.production-gallery h3,.sample-library h3{font-family:var(--body);font-size:17px;font-weight:600;letter-spacing:-.025em;line-height:1.4}
.product>p,.material-stories p,.production-gallery p{font-size:14px;line-height:1.6;margin-top:5px}
.materials .material-stories{margin-top:27px;gap:22px}
.materials figcaption{margin-top:12px}
.material-stories h3{margin:0 0 3px}
.production-gallery{margin-top:28px;height:clamp(480px,49vw,630px);gap:24px}
.production-gallery figcaption{padding-top:8px}
.production-gallery h3{margin:2px 0 4px}
.sample-heading{margin:37px 0 20px;align-items:center}
.sample-heading h3{font-size:clamp(25px,2.7vw,34px);font-weight:500;line-height:1.25}
.sample-heading p{font-size:14px;line-height:1.6}
.sample-library{gap:18px}
.sample-library h3{margin-top:11px;font-size:16px}
.about .about-body{margin-top:18px}
.about .about-body p+p{margin-top:12px}
.updated-about>div:last-child{gap:15px;margin-top:0}
.inquiry>div>p:not(.eyebrow){margin-block:16px}
.contact-details{font-size:14px;margin-top:19px;line-height:1.66}
form label{font-size:14px;font-weight:500}
#detail h2{font-family:var(--body);font-size:clamp(26px,2.8vw,36px);font-weight:600;line-height:1.25}
#detail #detail-description{font-size:15px;line-height:1.65}
/* Production / real horizontal machinery clip */
.craft-redesign{padding:72px var(--gutter) 76px}
.craft-intro{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(28px,5vw,70px);align-items:center;margin-bottom:27px}
.craft-intro h2{max-width:650px}
.craft-intro>p{font-size:15px;line-height:1.66;max-width:45ch;color:var(--muted);margin:0}
.craft-showcase{grid-template-columns:minmax(0,1.22fr) minmax(0,.78fr);gap:clamp(24px,3.2vw,46px);align-items:center}
.craft-redesign .process-media video{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:9px;display:block}
.craft-redesign .process-media>p{font-size:13px;line-height:1.45;margin:10px 0 0;color:var(--muted)}
.craft-steps{justify-content:center}
.craft-redesign .craft-row{grid-template-columns:28px 1fr;gap:14px;padding:21px 0}
.craft-redesign .craft-row>span{font-size:12px;color:var(--muted);padding-top:3px}
.craft-redesign .craft-row h3{font-size:17px;font-weight:600;line-height:1.45;letter-spacing:-.025em}
.craft-redesign .craft-row p{font-size:14px;line-height:1.62;margin-top:6px;color:var(--muted)}
.craft-footnote{margin-top:12px}
.craft-redesign .machine-detail figcaption{font-size:13px;color:var(--muted)}
@media(max-width:1000px){.craft-showcase{grid-template-columns:1.1fr .9fr;gap:24px}.craft-redesign .craft-row{padding:16px 0}.hero h1{font-size:clamp(40px,5vw,58px)}}
@media(max-width:760px){:root{--section-space:53px;--gutter:24px}.hero{padding-block:40px 44px;gap:30px}.hero h1{font-size:clamp(38px,9vw,51px);line-height:1.2}.hero .lead{font-size:15px}.sample-main p{font-size:18px}.section-head{grid-template-columns:1fr;gap:12px;align-items:start}.section-head>p,.materials .section-head>div:last-child{margin-top:0;padding-top:0}.eyebrow,.hero .eyebrow{margin-bottom:10px}h2,.inquiry h2{font-size:clamp(30px,7.4vw,39px);line-height:1.25}.products{gap:24px 16px}.product-title h3,.material-stories h3,.production-gallery h3{font-size:17px}.materials .material-stories{margin-top:25px;gap:23px}.materials figcaption{margin-top:10px}.production-gallery{height:auto;gap:22px;margin-top:24px}.sample-heading{margin-top:32px}.sample-heading h3{font-size:27px}.sample-library h3{font-size:15px}.craft-redesign{padding-block:53px}.craft-intro{grid-template-columns:1fr;gap:13px;margin-bottom:22px}.craft-showcase{grid-template-columns:1fr;gap:18px}.craft-redesign .process-media video{aspect-ratio:3/2}.craft-redesign .craft-row{padding:16px 0}.craft-footnote{margin-top:15px;justify-content:flex-start}.craft-redesign .machine-detail img{width:54px;height:54px}.inquiry{gap:28px}.contact-details{font-size:13px}.logo>span{font-size:21px}}
@media(max-width:380px){:root{--gutter:18px}}


/* ===== visual-qa.css ===== */
/* Visual QA pass — balanced editorial layout */
:root{--gutter:clamp(24px,calc((100vw - 1200px)/2),96px);--section-space:70px}
header,.topline,.ribbon,footer{padding-left:max(24px,calc((100vw - 1200px)/2));padding-right:max(24px,calc((100vw - 1200px)/2))}
.hero,.collection,.materials,.about,.inquiry,.craft-redesign,.quality{padding-left:max(24px,calc((100vw - 1200px)/2));padding-right:max(24px,calc((100vw - 1200px)/2))}
.hero{grid-template-columns:minmax(0,1fr) minmax(0,.88fr);gap:clamp(34px,5vw,85px);padding-top:58px;padding-bottom:58px;min-height:0}
.hero-copy{max-width:520px}.hero h1{font-size:clamp(40px,4vw,58px);line-height:1.2;letter-spacing:-.043em;max-width:13ch;margin-bottom:19px}.hero-gallery{width:100%;max-width:475px;justify-self:end}
.sample-main{padding:18px 20px 18px;border-radius:14px}.sample-main img{aspect-ratio:4/3;max-height:335px;padding:10px 6px}.sample-main p{font-size:16px;padding-top:12px}.gallery-caption{padding-top:10px}
.hero-caption{margin-top:20px}.hero-actions{margin-top:20px}.hero .eyebrow{margin-bottom:14px}
.collection,.materials,.quality,.about,.inquiry{padding-top:70px;padding-bottom:74px}
.section-head{gap:36px;align-items:center}.section-head>p{padding-top:0}
.filters{margin:23px 0 23px}.products{grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 22px}
.product-image{aspect-ratio:4/3;border-radius:12px}.product-image img{width:87%;height:84%;object-fit:contain}.product-image span{font-size:11px;right:12px;bottom:12px;background:rgba(247,245,239,.90);padding:5px 8px;border-radius:4px}
.product-title{margin-top:11px}.product-title h3{font-size:17px!important;font-weight:600}.product>p{font-size:14px;margin-top:5px}
.material-stories .material-visual{max-height:340px}.material-stories img{max-height:340px;object-fit:cover}
.production-gallery{height:480px!important;gap:22px}.production-gallery figcaption{height:auto;min-height:0}
.craft-redesign{padding-top:70px;padding-bottom:74px}.craft-intro{margin-bottom:26px}.craft-intro h2{font-size:clamp(32px,3.3vw,45px)}.craft-showcase{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}
.craft-redesign .process-media video{aspect-ratio:3/2;object-fit:cover;object-position:center 52%}.craft-redesign .craft-row{padding:17px 0}
.sample-library img{max-height:330px;object-fit:cover}
@media(max-width:1000px){:root{--gutter:32px}.hero,.collection,.materials,.about,.inquiry,.craft-redesign,.quality{padding-inline:32px}.hero h1{font-size:clamp(38px,4.5vw,52px)}.hero{gap:32px}.product-image{aspect-ratio:4/3}}
@media(max-width:760px){:root{--gutter:20px;--section-space:52px}.hero,.collection,.materials,.about,.inquiry,.craft-redesign,.quality{padding-inline:20px}.hero{grid-template-columns:1fr;gap:24px;padding-top:36px;padding-bottom:39px}.hero h1{font-size:clamp(38px,9.6vw,52px);max-width:13ch}.hero-gallery{max-width:500px;justify-self:start}.sample-main img{max-height:300px}.collection,.materials,.quality,.about,.inquiry{padding-top:52px;padding-bottom:56px}.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}.product-image{aspect-ratio:4/3}.product-image img{width:91%;height:88%}.product-title h3{font-size:15px!important}.product>p{font-size:12px;line-height:1.5}.product-image span{font-size:9px;padding:4px 5px;right:7px;bottom:7px}.production-gallery{height:auto!important}.craft-redesign{padding-top:52px;padding-bottom:56px}.craft-showcase{grid-template-columns:1fr}}
@media(max-width:390px){.products{grid-template-columns:1fr}.product-image{aspect-ratio:4/3}}


/* ===== final-fixes.css ===== */

/* Final layout fixes: preserve images, remove decorative fragments, consistent grids */
:root{--display:Manrope,Arial,sans-serif;--body:Manrope,Arial,sans-serif}
h1,h2,h3,.hero h1,.section-head h2,.craft-intro h2,.about h2,.inquiry h2{font-family:Manrope,Arial,sans-serif!important;font-style:normal!important;letter-spacing:-.038em}
h1 em,h2 em,h3 em{font-family:inherit!important;font-weight:inherit!important;font-style:normal!important}
.hero{align-items:center!important;max-width:none;min-height:0!important;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr)!important;gap:clamp(26px,4vw,58px)!important}
.hero-copy{align-self:center!important}.hero-gallery{max-width:460px!important}.hero h1{font-size:clamp(38px,4vw,56px)!important;line-height:1.17!important}
.products{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:34px 22px!important}
.product-image{height:auto!important;aspect-ratio:4/3!important;background:#f5f2ea!important;overflow:hidden!important;display:block!important}
.product-image img{width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;object-position:center!important;padding:0!important;margin:0!important;transform:none!important}
.product-image span{background:rgba(250,249,246,.93)!important}
.product-title h3{font-size:17px!important;font-weight:600!important}.product>p{font-size:14px!important}
.craft-footnote,.machine-detail,.about-photo figcaption{display:none!important}
.craft-showcase{align-items:start!important}.craft-steps{align-self:start!important}.craft-row{padding:19px 0!important}
.production-gallery{display:grid!important;grid-template-columns:1fr 1fr!important;gap:22px!important;height:480px!important;align-items:stretch!important}
.production-gallery>figure,.production-details>figure{min-height:0!important;display:flex!important;flex-direction:column!important;margin:0!important}
.production-gallery>figure>img{height:410px!important;min-height:0!important;object-fit:cover!important;aspect-ratio:auto!important;flex:none!important;width:100%!important}
.production-details{display:grid!important;grid-template-columns:1fr!important;grid-template-rows:1fr 1fr!important;gap:22px!important;min-height:0!important}
.production-details>figure{display:flex!important;flex-direction:column!important;min-height:0!important;gap:0!important}
.production-details>figure img{height:calc((410px - 22px)/2)!important;aspect-ratio:auto!important;width:100%!important;object-fit:cover!important;flex:none!important}
.production-gallery figcaption,.production-details figcaption{height:auto!important;min-height:0!important;padding-top:8px!important;margin:0!important}
.production-gallery h3{font-size:16px!important;line-height:1.35!important}
.about{align-items:center!important}.about-photo>img{max-height:480px!important;object-fit:cover!important;object-position:center 40%!important}.about-copy h2{font-size:clamp(32px,3.4vw,45px)!important;line-height:1.18!important}
@media(max-width:760px){.hero{grid-template-columns:1fr!important}.products{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:25px 13px!important}.product-image{aspect-ratio:1/1!important}.craft-showcase,.production-gallery{grid-template-columns:1fr!important}.production-gallery{height:auto!important}.production-gallery>figure>img{height:auto!important;aspect-ratio:4/3!important}.production-details{grid-template-columns:1fr 1fr!important;grid-template-rows:auto!important;gap:13px!important}.production-details>figure img{height:150px!important}.about-photo>img{max-height:390px!important}}
@media(max-width:420px){.products{grid-template-columns:1fr!important}.product-image{aspect-ratio:4/3!important}.production-details{grid-template-columns:1fr!important}.production-details>figure img{height:auto!important;aspect-ratio:16/9!important}}


/* ===== final-balance.css ===== */
/* Box Natural: final layout and image QA refinements. */
:root{--section-space:66px;--body:'Manrope',sans-serif;--display:'Manrope',sans-serif}
html{scroll-padding-top:95px}body{font-family:var(--body)}
.hero,.collection,.materials,.craft-redesign,.quality,.about,.inquiry{padding-left:max(24px,calc((100vw - 1200px)/2));padding-right:max(24px,calc((100vw - 1200px)/2));}
.hero{min-height:0;grid-template-columns:minmax(0,1fr) minmax(0,.93fr);align-items:center;gap:clamp(30px,4vw,64px);padding-block:58px}
.hero-copy{max-width:530px}.hero h1{font:500 clamp(44px,4.1vw,62px)/1.14 var(--body);letter-spacing:-.045em;max-width:12ch;margin:0 0 22px}.hero h1 em,h2 em{font:inherit!important;color:inherit}
.hero-gallery{width:100%;max-width:495px}.sample-main{padding:18px}.sample-main img{width:100%;height:auto;aspect-ratio:4/3;max-height:350px;object-fit:cover;padding:0;margin:10px 0 0;border-radius:10px}.sample-main p{font-size:16px;margin:0;padding-top:14px}.hero .eyebrow{margin-bottom:18px}.hero-actions{margin-top:22px}.hero-caption{margin-top:26px}
.collection,.materials,.quality,.about,.inquiry{padding-top:66px;padding-bottom:68px}.section-head{gap:28px;align-items:center}.section-head h2,.craft-redesign h2,.about h2{font-family:var(--body);font-weight:500;letter-spacing:-.04em;line-height:1.15;font-size:clamp(34px,3.6vw,48px)}
.section-head>p{padding-top:0}.eyebrow{font-size:12px;letter-spacing:.035em;font-weight:600}.filters{margin:23px 0}.products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:31px 24px}.product{min-width:0;text-align:left}.product-image{aspect-ratio:4/3;background:#f4f1e9;overflow:hidden;border-radius:12px}.product-image img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;mix-blend-mode:normal;transform:none!important}.product-title{margin-top:12px;display:flex;align-items:baseline;gap:12px}.product-title h3{font:600 17px/1.45 var(--body)!important;letter-spacing:-.02em}.product-title>span:not(.product-action){display:none}.product-title .product-action{margin-left:auto;white-space:nowrap;font:600 11px/1.4 var(--body);color:var(--deep)}.product>p{font-size:13px;line-height:1.55;margin-top:3px}
.material-stories .material-visual,.material-stories img{max-height:330px}.materials .material-stories{gap:20px;margin-top:28px}
.craft-redesign{padding-block:66px}.craft-intro{margin-bottom:24px;gap:32px}.craft-intro h2{font-size:clamp(34px,3.5vw,46px)}.craft-showcase{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);align-items:start;gap:32px}.craft-redesign .process-media{max-width:none}.craft-redesign .process-media video{width:100%;aspect-ratio:3/2;object-fit:cover;object-position:center 52%;border-radius:11px}.craft-redesign .process-media>p{font-size:12px;margin-top:9px}.craft-redesign .craft-row{padding:18px 0}.craft-redesign .craft-row h3{font-size:17px;font-weight:600}.craft-redesign .craft-row p{font-size:13px;line-height:1.6}
/* Strict image alignment: photos have one shared top and bottom grid, captions below. */
.production-gallery{display:grid;grid-template-columns:1.06fr 1fr;gap:22px;height:470px!important;margin-top:28px;align-items:stretch}.production-gallery>figure{display:grid!important;grid-template-rows:410px auto!important;min-height:0}.production-gallery>figure img{width:100%;height:410px!important;aspect-ratio:auto!important;object-fit:cover;object-position:center 55%;max-height:none}.production-details{display:grid!important;grid-template-rows:repeat(2,minmax(0,1fr))!important;gap:12px;height:410px;min-height:0}.production-details>figure{display:block!important;position:relative;overflow:hidden;border-radius:11px;margin:0!important}.production-details>figure img{position:absolute;inset:0;height:100%!important;width:100%!important;aspect-ratio:auto!important;max-height:none!important;object-fit:cover!important}.production-details>figure figcaption{position:absolute;left:0;bottom:0;width:100%;height:auto!important;padding:22px 12px 10px!important;margin:0!important;background:linear-gradient(transparent,rgba(0,0,0,.62));color:white}.production-details h3{font-size:15px!important;color:white;margin:0!important}.production-gallery>figure figcaption{height:auto!important;padding-top:10px!important}.production-gallery>figure h3{font-size:17px!important}
.about.updated-about{grid-template-columns:.92fr 1.08fr;gap:42px;align-items:center}.about-photo>img{aspect-ratio:1/1;max-height:485px;object-fit:cover}.about h2{font-size:clamp(32px,3.3vw,44px)}.about-body p{font-size:15px;line-height:1.7}
.sample-library img{max-height:285px;object-fit:cover}.sample-heading{margin-top:38px}.sample-library h3{font-size:16px}
@media(min-width:761px) and (max-width:1100px){.hero,.collection,.materials,.craft-redesign,.quality,.about,.inquiry{padding-inline:32px}.product-title .product-action{font-size:10px}.production-gallery{height:420px!important}.production-gallery>figure{grid-template-rows:360px auto!important}.production-gallery>figure img,.production-details{height:360px!important}}
@media(max-width:760px){.hero,.collection,.materials,.craft-redesign,.quality,.about,.inquiry{padding-inline:20px}.hero{grid-template-columns:1fr;gap:24px;padding-block:34px 42px}.hero h1{font-size:clamp(39px,9.5vw,52px)}.hero-gallery{max-width:510px;justify-self:start}.collection,.materials,.quality,.about,.inquiry,.craft-redesign{padding-block:52px}.section-head{gap:14px}.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 14px}.product-image{aspect-ratio:1/1}.product-title{display:block}.product-title h3{font-size:15px!important}.product-title .product-action{display:block;font-size:10px;margin-top:5px}.product>p{font-size:12px}.craft-intro{gap:12px}.craft-showcase{grid-template-columns:1fr;gap:22px}.production-gallery{height:auto!important;grid-template-columns:1fr;gap:14px}.production-gallery>figure{grid-template-rows:auto auto!important}.production-gallery>figure img{height:auto!important;aspect-ratio:4/3!important}.production-details{height:230px!important;grid-template-columns:1fr 1fr;grid-template-rows:1fr!important;gap:12px}.production-details>figure img{height:100%!important}.about.updated-about{grid-template-columns:1fr;gap:22px}.about-photo>img{aspect-ratio:4/3;max-height:430px}.about h2{font-size:clamp(32px,7vw,42px)}.sample-library img{max-height:none}}
@media(max-width:390px){.products{grid-template-columns:1fr}.product-image{aspect-ratio:4/3}.product-title{display:flex}.product-title .product-action{margin-left:auto}}


/* ===== no-crop-override.css ===== */
/* Priority: never crop user-provided product photographs. */
.products .product-image {aspect-ratio:4/3!important; height:auto!important; background:#f5f2eb!important; overflow:hidden!important; display:grid!important; place-items:center!important}
.products .product-image img {position:static!important; inset:auto!important; display:block!important; width:100%!important; height:100%!important; max-width:100%!important; max-height:100%!important; object-fit:contain!important; object-position:center center!important; transform:none!important; margin:0!important; padding:0!important}
.products .product:hover .product-image img {transform:none!important}
/* Give short production headline room; keep video/steps aligned below. */
.craft-redesign .craft-intro {display:block!important; max-width:1200px!important}
.craft-redesign .craft-intro-heading {max-width:none!important; width:100%!important}
.craft-redesign .craft-intro h2 {font:500 clamp(32px,3.2vw,42px)/1.19 Manrope,Arial,sans-serif!important; letter-spacing:-.035em!important; max-width:none!important; width:100%!important; white-space:nowrap!important; margin-bottom:14px!important}
.craft-redesign .craft-intro>p {max-width:740px!important; font-size:15px!important; line-height:1.65!important; margin:0!important}
.craft-redesign .craft-showcase {margin-top:24px!important}
@media(max-width:760px){.products .product-image{aspect-ratio:1/1!important}.craft-redesign .craft-intro h2{white-space:normal!important;font-size:clamp(28px,6vw,38px)!important}}
@media(max-width:420px){.products .product-image{aspect-ratio:4/3!important}}
/* Square photographic source in a landscape card: scale the whole square inside the card. */
.products .product-image img {width:78%!important;height:96%!important;max-width:78%!important;max-height:96%!important;object-fit:contain!important;object-position:center!important}
@media(max-width:760px){.products .product-image img{width:94%!important;height:94%!important;max-width:94%!important;max-height:94%!important}}


/* ===== materials-refined.css ===== */
/* Materials introduction: aligned two-column composition with dividing rule. */
@media (min-width: 761px) {
  .materials .section-head {
    display:grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 0;
    align-items:center;
  }
  .materials .section-head > div:first-child {
    min-width:0;
    padding-right: clamp(25px, 3vw, 48px);
  }
  .materials .section-head > div:last-child {
    min-width:0;
    border-left:1px solid #aebcaf;
    padding: 4px 0 4px clamp(25px, 3vw, 48px);
    margin:0;
    max-width:none;
  }
  .materials .section-head > div:last-child p {
    max-width: 53ch;
    margin: 0 0 12px;
    line-height:1.65;
  }
  .materials .section-head > div:last-child p:last-child { margin-bottom:0; }
  .materials .material-stories { margin-top: 42px; }
}
@media (max-width: 760px) {
  .materials .section-head { display:grid; grid-template-columns:1fr; gap:16px; }
  .materials .section-head > div:last-child {
    padding: 0 0 0 17px;
    margin: 0;
    border-left: 2px solid #aebcaf;
  }
  .materials .section-head > div:last-child p { margin: 0 0 10px; line-height:1.65; }
  .materials .section-head > div:last-child p:last-child {margin-bottom:0;}
  .materials .material-stories { margin-top:30px; }
}


/* ===== materials-order-fix.css ===== */
/* Material cards: positional styles must not change appearance after reordering. */
.material-stories figure:last-child .material-visual{background:#f3f0e8}
.materials .material-stories figure:last-child .material-visual img{padding:0;background:transparent;mix-blend-mode:normal;object-fit:cover}
.materials .material-stories figure.moulded-card .material-visual{background:#f3efe6}
.materials .material-stories figure.moulded-card .material-visual img{object-fit:contain;padding:16px;background:#f3efe6;mix-blend-mode:normal}
@media(max-width:760px){.materials .material-stories figure.moulded-card .material-visual img{padding:12px}}

/* Logo-free concept photograph: blend its light studio backdrop into the product tile. */
.products .product[data-image="assets/media/folding-flap-gift-box-1440.webp"] .product-image img {
  mix-blend-mode: multiply;
}

/* Product imagery: full-artwork display with comfortable padding; no crop */
.products .product-image { overflow:hidden; background:#f5f1ea; }
.products .product-image img { width:100%;height:100%;object-fit:contain !important;object-position:center; }
.products .product-image { border-radius:16px; }

/* Product photos: preserve whole objects */
.products .product-image img {object-fit:contain !important; object-position:center !important; width:100% !important; height:100% !important; transform:none !important;}

/* Production equipment supplementary visual */
.equipment-feature{display:grid;grid-template-columns:minmax(0,410px) minmax(0,1fr);gap:40px;align-items:center;margin-top:34px;padding-top:34px;border-top:1px solid rgba(25,60,50,.14)}
.equipment-feature img{display:block;width:100%;aspect-ratio:4/3;object-fit:contain;border-radius:12px;background:#f4f0e9}
.equipment-feature h3{font-weight:550;letter-spacing:-.025em;font-size:clamp(22px,2.5vw,30px);margin:12px 0}
.equipment-feature p:last-child{line-height:1.7;max-width:46ch}
.admin-entry{font-size:12px;opacity:.6}
@media(max-width:760px){.equipment-feature{grid-template-columns:1fr;gap:14px}.equipment-feature img{max-width:100%}}


/* ===== inquiry form honeypot ===== */
#quote .hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
#quote button[disabled]{opacity:.6;cursor:progress}
.equipment-feature img{height:auto}

/* ===== 2026-10 refinements ===== */
/* A1: intro text in the contact block was dark-on-dark */
.inquiry>div>p:not(.eyebrow){color:#d3ded4}
/* A4: equipment block uses the same proportions as the video row above */
.craft-redesign .equipment-feature{grid-template-columns:minmax(0,1.22fr) minmax(0,.78fr);gap:clamp(24px,3.2vw,46px);align-items:center}
.craft-redesign .equipment-feature img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:50% 60%;background:#e6e2d8}
@media(max-width:760px){.craft-redesign .equipment-feature{grid-template-columns:1fr;gap:16px}}

/* B1: sticky header, compact after scrolling; menu button on phones */
html{scroll-padding-top:96px}
header{position:sticky;top:0;z-index:40;background:rgba(247,245,239,.94);-webkit-backdrop-filter:saturate(1.2) blur(10px);backdrop-filter:saturate(1.2) blur(10px);transition:padding .2s ease,box-shadow .2s ease}
header .logo img{transition:width .2s ease}
header.scrolled{padding-block:10px;box-shadow:0 6px 24px rgba(13,46,39,.08)}
header.scrolled .logo img{width:46px}
.menu-toggle,.nav-cta{display:none}
@media(min-width:761px){header.scrolled nav a{padding-block:6px;min-height:36px}}
@media(max-width:760px){
  html{scroll-padding-top:76px}
  header{grid-template-columns:1fr auto auto;gap:12px;padding-block:12px}
  header.scrolled{padding-block:8px}
  header .contact{display:none}
  .menu-toggle{display:inline-grid;place-content:center;gap:6px;width:44px;height:44px;margin-right:-8px;border:0;background:none;color:var(--forest);cursor:pointer}
  .menu-toggle span{display:block;width:22px;height:1.5px;background:currentColor;transition:transform .2s ease}
  header.menu-open .menu-toggle span:first-child{transform:translateY(3.75px) rotate(45deg)}
  header.menu-open .menu-toggle span:last-child{transform:translateY(-3.75px) rotate(-45deg)}
  header nav{position:absolute;left:0;right:0;top:100%;display:none!important;flex-direction:column;gap:0;padding:8px var(--gutter) 20px;background:var(--ivory);border-bottom:1px solid var(--line);box-shadow:0 18px 30px rgba(13,46,39,.10)}
  header.menu-open nav{display:flex!important}
  header nav a{justify-content:flex-start!important;padding:12px 0;border-bottom:1px solid var(--line);font-size:17px}
  header nav .nav-cta{display:flex;margin-top:14px;border:0;justify-content:space-between!important;padding:14px 18px;background:var(--forest);color:var(--ivory)}
}

/* B5: key numbers under the hero */
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:24px;padding:30px var(--gutter);border-bottom:1px solid var(--line)}
.stats div{display:flex;flex-direction:column;gap:4px;padding-left:20px;border-left:1px solid var(--line)}
.stats div:first-child{padding-left:0;border-left:0}
.stats b{font:500 clamp(24px,2.6vw,34px)/1.1 var(--display);letter-spacing:-.03em;color:var(--forest)}
.stats span{font-size:13px;color:var(--muted);line-height:1.5}
@media(max-width:760px){.stats{grid-template-columns:1fr 1fr 1fr;gap:12px;padding-block:20px}.stats div{padding-left:12px}.stats b{font-size:20px}.stats span{font-size:11.5px}}

/* B4: show six products, the rest behind "View more" */
.more-products{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;margin:28px 0 0;padding:16px;border:1px solid var(--forest);background:transparent;color:var(--forest);font:500 15px/1 var(--body);cursor:pointer}
.more-products:hover{background:var(--forest);color:var(--ivory)}

/* B6: sample library now closes the collection */
.collection .sample-heading{margin-top:72px}

/* B3: product dialog with more photos and specs */
#detail .detail-thumbs{display:flex;gap:8px;padding:0 14px 14px;overflow-x:auto}
#detail .detail-thumbs[hidden]{display:none}
#detail .detail-thumbs button{flex:0 0 56px;height:56px;padding:0;border:1px solid transparent;border-radius:8px;background:#fff;cursor:pointer;overflow:hidden}
#detail .detail-thumbs button[aria-current=true]{border-color:var(--forest)}
#detail .detail-thumbs img{width:100%;height:100%;max-height:none;margin:0;object-fit:contain;border-radius:0}
.detail-specs{display:grid;grid-template-columns:auto 1fr;gap:8px 18px;margin:0 0 26px;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:14px;line-height:1.5}
.detail-specs[hidden]{display:none}
.detail-specs dt{color:var(--muted)}
.detail-specs dd{margin:0;color:var(--ink)}

/* B2: floating contact button */
.float-cta{position:fixed;right:22px;bottom:22px;z-index:30;display:inline-flex;align-items:center;gap:10px;padding:14px 20px;background:var(--forest);color:var(--ivory);font-size:14px;font-weight:500;box-shadow:0 12px 30px rgba(13,46,39,.25);border-radius:999px;transition:transform .2s ease,opacity .2s ease}
.float-cta[hidden]{display:inline-flex;opacity:0;transform:translateY(16px);pointer-events:none}
.float-cta:hover{background:var(--deep)}
.float-cta svg{width:20px;height:20px;fill:currentColor}
@media(max-width:760px){.float-cta{right:14px;bottom:14px;padding:12px 16px}}
@media(prefers-reduced-motion:reduce){header,header .logo img,.float-cta{transition:none}}

/* First screen: four products instead of one picture, so visitors see the range at once */
.hero-products{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.hero-product{display:flex;flex-direction:column;gap:0;padding:0;border:1px solid rgba(196,175,130,.28);border-radius:var(--frame-radius,16px);background:#edece3;color:var(--ink);cursor:pointer;overflow:hidden;text-align:left;font:inherit;transition:transform .2s ease,box-shadow .2s ease}
.hero-product:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(0,0,0,.18)}
.hero-product img{display:block;width:100%;height:auto;aspect-ratio:1.25;object-fit:contain;padding:10px 14px 0;background:transparent;mix-blend-mode:multiply}
.hero-product span{padding:8px 14px 12px;font-size:13.5px;font-weight:500;line-height:1.3}
.stats{padding-left:max(24px,calc((100vw - 1200px)/2));padding-right:max(24px,calc((100vw - 1200px)/2))}
@media(min-width:761px){.hero{padding-block:52px 48px}}
@media(max-width:760px){.hero-products{gap:10px}.hero-product span{font-size:12px;padding:6px 10px 10px}}
@media(prefers-reduced-motion:reduce){.hero-product{transition:none}}
.hero-product img{aspect-ratio:1.25;object-fit:cover;padding:0;mix-blend-mode:normal}
/* 缩短页面：④ 收紧间距 */
:root{--section-space:56px}
.collection,.materials,.about,.inquiry{padding-top:56px;padding-bottom:58px}
.craft-redesign{padding-top:56px;padding-bottom:60px}
.sample-heading{margin-top:36px}
/* ⑤ 工艺 + 车间与品质 合并 */
.workshop{margin-top:40px;padding-top:34px;border-top:1px solid var(--line)}
.workshop-head{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:var(--column-gap,48px);align-items:end}
.workshop-head h3{font-family:var(--body);font-weight:500;font-size:clamp(24px,2.4vw,32px);line-height:1.2;letter-spacing:-.03em;margin:8px 0 0}
.workshop-head h3 em{color:#5f8f6f}
.workshop-head>p{margin:0;max-width:56ch;font-size:15px;line-height:1.7;color:var(--muted)}
.workshop-grid{display:grid;grid-template-columns:1.7fr 1fr 1fr 1fr;gap:18px;margin-top:26px;align-items:start}
.workshop-grid figure{margin:0;min-width:0}
.workshop-grid img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:var(--photo-radius,12px);background:#e6e2d8}
.workshop-grid .workshop-feature img{aspect-ratio:1.36}
.workshop-feature{display:flex;flex-direction:column}
.workshop-grid figcaption{padding-top:10px}
.workshop-grid h3{font-family:var(--body);font-size:16px;font-weight:600;line-height:1.35;letter-spacing:-.015em;margin:0}
.workshop-grid figcaption p{font-size:13.5px;line-height:1.55;margin:4px 0 0;color:var(--muted)}
.workshop-grid figcaption .eyebrow{font-size:10px;margin:0 0 4px;color:var(--muted)}
.workshop .textlink{display:inline-block;margin-top:22px}
@media(max-width:1000px){.workshop-grid{grid-template-columns:1fr 1fr 1fr}.workshop-feature{grid-column:1/-1}.workshop-grid .workshop-feature img{aspect-ratio:16/9}}
@media(max-width:760px){
 .workshop{margin-top:30px;padding-top:26px}
 .workshop-head{grid-template-columns:1fr;gap:10px}
 .workshop-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}
 .workshop-grid figure:not(.workshop-feature):last-child{grid-column:1/-1}
 .workshop-grid figure:not(.workshop-feature):last-child img{aspect-ratio:2.1}
 .workshop-grid img{aspect-ratio:1}
 .workshop-grid figcaption p{display:none}
 .workshop-grid .workshop-feature figcaption p{display:block}
}
/* ① 手机产品两列 */
@media(max-width:760px){
 .products{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:22px 12px!important}
 .product-image{aspect-ratio:1/1!important}
 .product-title h3{font-size:15px!important;line-height:1.3!important}
 .product-title .product-action,.product-title>span:not(.product-action){display:none}
 .product>p{font-size:13px!important;line-height:1.5!important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
}
/* ② 手机材料卡片、③ 首屏产品：左右滑动 */
@media(max-width:760px){
 .materials .material-stories,.hero-products,.sample-library{display:flex!important;gap:12px!important;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:-20px!important;padding:0 20px 6px!important;scroll-padding-inline:20px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
 .materials .material-stories::-webkit-scrollbar,.hero-products::-webkit-scrollbar,.sample-library::-webkit-scrollbar{display:none}
 .materials .material-stories>figure{flex:0 0 78%;scroll-snap-align:start;margin:0}
 .materials .material-stories .material-visual{aspect-ratio:4/3}
 .hero-products>.hero-product{flex:0 0 44%;scroll-snap-align:start}
 .sample-library>figure{flex:0 0 46%;scroll-snap-align:start;margin:0}
}
/* ===== 2026-10 布局与字体优化 ===== */
:root{--serif:'Manrope',Arial,sans-serif;--h2:clamp(32px,3.4vw,48px);--h3-sub:clamp(26px,2.3vw,34px);--accent:#5f8f6f}
/* 9 统一字号 */
.hero h1,.section-head h2,.craft-redesign h2,.about h2,.inquiry h2,.sample-heading h3,.workshop-head h3,#detail h2{font-family:var(--serif)!important;font-weight:500!important;letter-spacing:-.035em!important}
.hero h1{font-size:clamp(42px,4.6vw,66px)!important;line-height:1.08!important;max-width:11ch}
.section-head h2,.craft-redesign h2,.about h2,.inquiry h2{font-size:var(--h2)!important;line-height:1.12!important}
.sample-heading h3,.workshop-head h3{font-size:var(--h3-sub)!important;line-height:1.15!important}
.hero h1 em,h2 em,.workshop-head h3 em{font:inherit!important;font-style:normal!important;color:inherit!important;letter-spacing:inherit!important}
#detail h2{font-size:clamp(32px,3vw,44px)!important;line-height:1.08!important}
/* 10 小字放大 */
.craft-row p,.product>p,.material-stories p,.sample-heading p,.workshop-head>p{font-size:15px!important;line-height:1.65!important}
#video-description,.hero-caption,.gallery-caption span,.workshop-grid figcaption p{font-size:13px!important}
.product-title .product-action{font-size:12px!important}
.hero-product span{font-size:14px!important}
.hero-origin{font-size:14px!important}
.stats span{font-size:14px!important}
.workshop-grid figcaption .eyebrow{font-size:11px!important}
/* 1 首屏：加宽产品图 */
@media(min-width:1001px){
 .hero{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important;gap:clamp(32px,4vw,64px)!important}
 .hero-gallery{max-width:640px!important;justify-self:end!important}
 .hero-copy{max-width:560px}
}
/* 2 产品卡片改矮 */
@media(min-width:761px){.product-image{aspect-ratio:4/3!important}}
/* 3 工艺：步骤居中 + 按钮 */
@media(min-width:761px){.craft-showcase{align-items:center!important}}
.craft-cta{display:inline-flex;margin-top:26px}
/* 4 关于我们换浅底 */
.about{background:#ece9e0}
.craft-redesign{padding-bottom:64px!important}
@media(max-width:760px){.craft-redesign{padding-bottom:48px!important}.about{padding-top:44px!important}}
/* 5 手机数字条 */
@media(max-width:760px){.stats{gap:0!important}.stats>div{padding-inline:10px!important}.stats>div:first-child{padding-left:0!important}.stats b{font-size:19px!important}.stats span{font-size:12px!important;line-height:1.4!important}}
/* 6 联系方式 */
.contact-lines{display:grid;gap:12px;margin:22px 0 4px}
.contact-line{display:inline-flex;align-items:center;gap:12px;width:max-content;max-width:100%;font-size:19px!important;color:#f2efe6!important;text-decoration:none!important;border:0!important;padding:0!important}
.contact-line span{border-bottom:1px solid rgba(242,239,230,.35);padding-bottom:2px;overflow-wrap:anywhere}
.contact-line:hover span{border-color:#d8c79c}
.contact-line .ico{width:20px;height:20px;flex:none;color:#d8c79c}
.contact-details{font-size:15px!important;margin-top:20px}
@media(max-width:760px){.contact-line{font-size:17px!important}.contact-details{font-size:14px!important}}
/* 7 页脚 */
footer{display:grid!important;grid-template-columns:auto 1fr auto;gap:18px 48px!important;align-items:center;padding-top:40px!important;padding-bottom:28px!important;border-top:1px solid var(--line)}
footer .logo{width:auto!important;grid-row:1/3}
footer .footer-tag{grid-column:2;margin:0;font-size:15px!important;color:var(--ink)!important}
footer .footer-nav{grid-column:2;display:flex;flex-wrap:wrap;gap:8px 22px}
footer .footer-nav a,footer .footer-contact a{font-size:14px;color:var(--muted);text-decoration:none}
footer .footer-nav a:hover,footer .footer-contact a:hover{color:var(--ink)}
footer .footer-contact{grid-column:3;grid-row:1/3;display:grid;gap:6px;justify-items:end}
footer .footer-contact a{font-size:15px;color:var(--ink)}
footer .footer-bottom{grid-column:1/-1;display:flex;justify-content:space-between;gap:16px;padding-top:18px;border-top:1px solid var(--line)}
footer .footer-bottom span,footer .footer-bottom a{font-size:13px!important;color:var(--muted)!important;margin:0}
@media(max-width:760px){
 footer{grid-template-columns:1fr;gap:16px!important}
 footer .logo,footer .footer-tag,footer .footer-nav,footer .footer-contact{grid-column:1;grid-row:auto}
 footer .footer-contact{justify-items:start}
}
.craft-redesign .craft-intro h2{font:500 var(--h2)/1.1 var(--serif)!important;letter-spacing:-.035em!important;white-space:normal!important}
.about .about-copy>.eyebrow{font-size:12px!important;font-weight:600!important;letter-spacing:.035em!important;color:var(--forest)!important}
.craft-cta{width:max-content!important;max-width:100%;gap:28px}
@media(min-width:761px){.hero-product img{aspect-ratio:1.5!important}}
footer .footer-nav{justify-content:flex-start!important;padding:0!important;margin:0!important;gap:8px 22px!important;width:auto!important;border:0!important}
footer .footer-nav a{padding:0!important;font-size:14px!important}
@media(max-width:760px){
 .stats{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;padding-block:18px!important}
 .stats>div{display:flex!important;align-items:baseline;gap:12px;padding:0!important;border:0!important}
 .stats b{font-size:18px!important;min-width:92px}
 .stats span{font-size:13px!important}
 .hero-product span{font-size:12.5px!important}
}
@media(max-width:760px){.stats>div{flex-direction:row!important;grid-template-columns:none!important}.stats span{margin:0!important}footer .footer-nav a{min-height:0!important;line-height:1.7!important;display:inline!important}}