/* The same warm materials, with independent content and routes for every collection. */
.header .brand-crop img{mix-blend-mode:normal}
.header{background:var(--paper)}
.category-hero{padding:0 var(--pad);max-width:1920px;margin:auto}
.breadcrumbs{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:11px;color:var(--muted);padding:20px 0 12px}
.breadcrumbs a{display:inline-flex;align-items:center;min-height:44px;border-bottom:1px solid transparent}
.breadcrumbs a:hover{border-color:var(--ink)}
.category-heading{display:grid;grid-template-columns:1.3fr 1fr;align-items:end;gap:7%;padding:26px 0 42px}
.category-heading .section-label{margin-bottom:23px}
.category-heading h1{font-size:clamp(52px,5.5vw,88px);line-height:1.04;letter-spacing:-.055em}
.category-lead{max-width:420px;justify-self:end;padding-bottom:4px}
.category-lead p{font-size:15px;color:var(--muted);line-height:1.8}
.hero-actions{display:flex;flex-wrap:wrap;gap:15px 30px;margin-top:22px}
.hero-actions .text-link{font-size:12px;gap:20px}
.category-cover{background:#d8cebd}
.category-cover img{height:auto;width:100%;object-fit:contain}
.category-cover figcaption,.product-range figcaption,.category-items figcaption,.steel-making figcaption{position:absolute;bottom:0;left:0;right:0;padding:45px 22px 17px;color:#fff;background:linear-gradient(transparent,#171b17ad);font-size:10px;letter-spacing:.08em;text-shadow:0 1px 3px #000}
.category-tags{display:flex;flex-wrap:wrap;justify-content:space-between;gap:15px 24px;padding:23px 0;border-bottom:1px solid var(--line);font-size:11px;color:var(--muted)}
.category-tags span:before{content:'+';margin-right:12px;color:#92663d}
.collection-intro .section-top{margin-bottom:0}
.collection-intro .section-top h2{max-width:18ch}
.collection-intro .section-top>p{font-size:15px}
.collection-intro .benefits{margin-top:55px;gap:6%}
.collection-intro .benefits h3{font-size:clamp(23px,2.1vw,32px);letter-spacing:-.04em}
.product-range{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:27px}
.product-range article{min-width:0}
.product-range figure{aspect-ratio:1.2;margin-bottom:25px}
.product-range img{height:100%;object-fit:cover;transition:transform .7s ease}
.product-range .eyebrow{color:var(--muted);font-size:9px}
.product-range h3{font-size:28px;margin:12px 0 17px}
.product-range p{font-size:14px;color:var(--muted)}
.finish-feature .text-link{margin-top:25px;font-size:13px}
.real-section .section-top h2{margin-bottom:0}
.real-section .project-grid{row-gap:40px}
.category-items article{margin-bottom:110px;gap:7%}
.category-items article:nth-child(even){grid-template-columns:1fr 1.2fr}
.category-items figure{aspect-ratio:1.23}
.category-items figure img{height:100%;object-fit:cover}
.category-items h2{font-size:clamp(35px,3.7vw,60px)}
.category-items p{line-height:1.8}
.category-items .button{margin-top:20px}
.detail-list{padding:0;margin:25px 0;list-style:none;border-top:1px solid var(--line)}
.detail-list li{position:relative;padding:12px 0 12px 24px;border-bottom:1px solid var(--line);font-size:12px;color:var(--muted)}
.detail-list li:before{content:'+';position:absolute;left:0;color:#92663d}
.steel-making{display:grid;grid-template-columns:1fr 1fr;background:var(--dark);color:var(--paper);align-items:center}
.steel-making figure{aspect-ratio:1.15}
.steel-making img{height:100%;object-fit:cover;filter:brightness(.75)}
.steel-making .weld-word{bottom:70px;width:44%;left:35px}
.steel-making>div{padding:65px var(--pad)}
.steel-making h2{font-size:clamp(34px,3.7vw,58px);margin:25px 0}
.steel-making em{color:#c4c4b8}
.steel-making p{font-size:14px;color:#bec4bb}
.order-process{background:#e9e5dc}
.process-grid{margin:50px 0 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6%}
.process-grid li{border-top:1px solid #c3beb2;padding-top:22px}
.process-grid li>span{font-size:11px;color:#775a39}
.process-grid h3{font-size:25px;margin:20px 0 15px}
.process-grid p{font-size:14px;color:var(--muted)}
.collection-next{display:grid;grid-template-columns:1fr 1fr;gap:6%;padding:0 var(--pad) 90px}
.collection-next>a{border-top:1px solid #bdbdb2;display:flex;flex-direction:column;align-items:flex-start;padding-top:25px}
.collection-next span{font-size:10px;letter-spacing:.1em;color:var(--muted)}
.collection-next strong{font-size:clamp(24px,2.7vw,43px);letter-spacing:-.05em;font-weight:600;line-height:1.2;margin:15px 0 9px}
.collection-next small{color:var(--muted);font-size:12px}
.collection-next a:hover strong{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:7px}
.terrace-scope{background:#e6e5dc;display:grid;grid-template-columns:1.1fr 1fr;gap:9%}
.terrace-scope>div>p{font-size:14px;color:var(--muted);margin-top:25px;max-width:44ch}
.terrace-scope dl{margin:0}
.terrace-scope dl>div{border-top:1px solid #bfbfb3;padding:20px 0}
.terrace-scope dt{font-size:23px;letter-spacing:-.04em;font-weight:600}
.terrace-scope dd{font-size:14px;color:var(--muted);margin:10px 0 0}
.terrace-case{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}
.terrace-case .project-grid{grid-template-columns:1fr}
.terrace-case .project-image{aspect-ratio:1.4}
.case-note h3{font-size:clamp(30px,3vw,46px);margin:25px 0}
.case-note p{font-size:15px;color:var(--muted)}
.case-note .text-link{font-size:12px;margin-top:25px}
.story-tabs button{min-height:44px}
.faq-list summary{min-height:44px;align-items:center}
@media(min-width:1051px){body[data-page=tarasy] .category-cover{max-width:1300px;margin:auto}}
@media(max-width:1050px){.category-heading{gap:5%;grid-template-columns:1.15fr 1fr}.category-heading h1{font-size:60px}.category-lead p{font-size:14px}.category-items article,.category-items article:nth-child(even){gap:5%;grid-template-columns:1fr 1fr}.category-items h2{font-size:40px}.category-items p{font-size:14px}.product-range{gap:20px}.product-range figure{aspect-ratio:1}.product-range h3{font-size:25px}.steel-making>div{padding:35px}.steel-making h2{font-size:38px}.process-grid{gap:4%}.process-grid h3{font-size:23px}}
@media(max-width:760px){
 .breadcrumbs{padding:12px 0 4px;font-size:10px}
 .category-heading{display:block;padding:18px 0 28px}
 .category-heading .section-label{font-size:9px;margin-bottom:20px}
 .category-heading h1{font-size:clamp(44px,10.9vw,64px)}
 .category-lead{max-width:none;padding:0;margin-top:24px}
 .category-lead p{font-size:14px}
 .hero-actions{margin-top:16px;gap:25px}
 .category-cover{margin:0 calc(-1 * var(--pad) + 9px)}
 .category-cover figcaption{font-size:8px;padding:27px 12px 10px}
 .category-tags{display:grid;grid-template-columns:1fr 1fr;gap:13px 10px;font-size:10px;padding:20px 0}
 .category-tags span:before{margin-right:7px}
 .collection-intro .benefits{margin-top:35px;gap:28px}
 .collection-intro .section-top>p{font-size:14px}
 .collection-intro .benefits h3{font-size:26px}
 .product-range{grid-template-columns:1fr;gap:40px}
 .product-range figure{aspect-ratio:1.4;margin-bottom:18px}
 .product-range h3{font-size:29px;margin:12px 0 13px}
 .category-items article,.category-items article:nth-child(even){grid-template-columns:1fr;gap:25px;margin-bottom:60px}
 .category-items figure{aspect-ratio:1.4}
 .category-items article:nth-child(even) figure{order:0}
 .category-items h2{font-size:40px;margin:20px 0}
 .detail-list{margin:20px 0}
 .detail-list li{font-size:12px}
 .steel-making{grid-template-columns:1fr}
 .steel-making figure{aspect-ratio:1.5}
 .steel-making>div{padding:40px var(--pad) 50px}
 .steel-making .weld-word{width:40%;bottom:50px;left:25px}
 .process-grid{grid-template-columns:1fr;gap:30px;margin-top:32px}
 .process-grid h3{font-size:27px;margin:14px 0}
 .collection-next{grid-template-columns:1fr;gap:30px;padding-bottom:60px}
 .collection-next strong{font-size:32px}
 .terrace-scope{grid-template-columns:1fr;gap:30px}
 .terrace-case{grid-template-columns:1fr;gap:30px}
 .case-note h3{font-size:34px;margin:20px 0}
 .real-section .project-grid{gap:30px 16px}
 .story-caption small{padding-right:10px}
}
@media(hover:hover) and (pointer:fine){.product-range article:hover img{transform:scale(1.025)}}
@media(prefers-reduced-motion:reduce){.product-range img{transition:none}.product-range article:hover img{transform:none}}
.reduced .product-range article:hover img{transform:none}

/* v9: richer collections, with quiet controls and a consistent material palette. */
.category-jump{display:flex;align-items:center;gap:28px;padding:12px var(--pad);background:rgba(244,241,234,.97);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}
.category-jump>span{font-size:11px;font-weight:600;letter-spacing:.05em;margin-right:auto}
.category-jump a{font-size:12px;min-height:44px;display:inline-flex;align-items:center;border-bottom:1px solid transparent}
.category-jump a:hover,.category-jump a:focus-visible{border-color:var(--oak)}
.expanded-range{gap:50px 28px;align-items:start}
.expanded-range figure{aspect-ratio:4/3;margin-bottom:0}
.catalog-copy{padding:24px 0 0}
.expanded-range h3{font-size:clamp(25px,2.1vw,32px);min-height:2.4em;margin:12px 0 15px;max-width:20ch;text-wrap:balance}
.expanded-range .catalog-copy>p{font-size:14px;line-height:1.75;min-height:7em}
.catalog-details{margin-top:23px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.catalog-details summary{display:flex;justify-content:space-between;align-items:center;gap:14px;min-height:52px;list-style:none;cursor:pointer;font-size:12px;font-weight:600}
.catalog-details summary::-webkit-details-marker{display:none}
.catalog-details summary span{font-size:22px;font-weight:400;transition:transform .2s}
.catalog-details[open] summary span{transform:rotate(45deg)}
.catalog-details>p{padding:5px 0 8px;font-size:13px;line-height:1.8}
.catalog-details .text-link{font-size:12px;margin:9px 0 22px;background:transparent;border:0;border-bottom:1px solid var(--ink);text-align:left}
.visual-figure{position:relative;background:#d8cebd}
.visual-figure img{width:100%;height:100%;object-fit:cover}
.visual-figure figcaption{position:absolute;inset:auto 0 0;padding:45px 18px 14px;background:linear-gradient(transparent,#171b17b3);color:white;font-size:9px;text-shadow:0 1px 3px #000;pointer-events:none}
.visual-open{position:absolute;top:14px;right:14px;display:flex;gap:8px;align-items:center;min-height:44px;padding:9px 12px;background:#f4f1eaf0;color:var(--ink);border:1px solid #ffffff90;font-size:11px;transition:background .2s,transform .2s;z-index:2}
.visual-open span{font-size:20px;line-height:1}
.visual-open:hover{background:#fff;transform:translateY(-2px)}
.visual-open:focus-visible{outline-offset:3px}
.collection-transition{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:35px var(--pad);border-top:1px solid var(--line);background:#e9e5dc}
.collection-transition>.eyebrow{max-width:22ch}
.collection-transition>p{font-size:20px;letter-spacing:-.04em;max-width:38ch;line-height:1.5}
.collection-transition .text-link{font-size:12px;flex-shrink:0}
.collection-transition+.table-story{margin-top:0}
.environment-collection{background:#e9e5dc}
.environment-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:36px;align-items:start}
.environment-grid figure{aspect-ratio:4/3}
.environment-grid article:nth-child(2){padding-top:65px}
.environment-grid h3{font-size:30px;margin:25px 0 15px}
.environment-grid p{font-size:14px;color:var(--muted);max-width:58ch}
.place-types{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6%;margin-top:65px}
.place-types>div{border-top:1px solid #bfbcb2;padding-top:22px}
.place-types span{font-size:10px;letter-spacing:.12em;color:#775a39}
.place-types h3{font-size:26px;margin:18px 0 12px}
.place-types p{font-size:14px;color:var(--muted)}
.terrace-dining-layout{display:grid;grid-template-columns:1.65fr 1fr;gap:5%;align-items:center}
.terrace-dining-layout figure{aspect-ratio:4/3}
.terrace-zones article{border-top:1px solid var(--line);padding:22px 0}
.terrace-zones span{font-size:10px;letter-spacing:.1em;color:#775a39}
.terrace-zones h3{font-size:29px;margin:12px 0}
.terrace-zones p{font-size:14px;color:var(--muted)}
.railing-feature{display:grid;grid-template-columns:1fr 1fr;align-items:center;background:var(--dark);color:var(--paper)}
.railing-feature figure{aspect-ratio:1.2;height:100%}
.railing-feature>div{padding:60px var(--pad)}
.railing-feature h2{font-size:clamp(32px,3.6vw,56px);margin:25px 0}
.railing-feature em,.railing-feature p,.railing-feature .detail-list li{color:#c1c7bd}
.railing-feature p{font-size:14px;line-height:1.8}
.railing-feature .detail-list,.railing-feature .detail-list li{border-color:#50584e}
.railing-feature .text-link{border:0;border-bottom:1px solid #a5afa1;background:transparent;color:var(--paper);font-size:13px;text-align:left}
#visual-dialog{width:min(1160px,96vw);max-width:none;padding:0;border:0;background:var(--paper);color:var(--ink);max-height:92svh;overflow:auto}
#visual-dialog::backdrop{background:#101714d9;backdrop-filter:blur(8px)}
.visual-stage{display:grid;place-items:center;background:#171d1a;min-height:200px}
#visual-image{width:100%;height:min(65svh,730px);object-fit:contain}
.visual-caption{padding:24px 32px 30px}
.visual-caption h2{font-size:30px;margin:12px 0}
.visual-caption p{font-size:14px;color:var(--muted);max-width:75ch}
.visual-caption .eyebrow{color:#775a39}
@media(min-width:761px) and (max-width:1100px){
 .expanded-range{grid-template-columns:repeat(2,minmax(0,1fr))}
 .expanded-range h3{font-size:29px}
 .category-jump{gap:18px}
 .terrace-dining-layout{grid-template-columns:1.2fr 1fr;gap:4%}
 .terrace-zones h3{font-size:24px}
 .railing-feature>div{padding:35px}
 .railing-feature h2{font-size:37px}
}
@media(max-width:760px){
 .category-jump{gap:0;justify-content:space-between;padding:7px 14px;backdrop-filter:none}
 .category-jump>span{display:none}
 .category-jump a{font-size:10px;padding:0 6px}
 .expanded-range{gap:35px}
 .expanded-range figure{aspect-ratio:4/3}
 .expanded-range h3{min-height:0;font-size:30px}
 .expanded-range .catalog-copy>p{min-height:0;font-size:14px}
 .catalog-copy{padding-top:20px}
 .catalog-details{margin-top:20px}
 .visual-open{top:10px;right:10px;padding:8px 10px}
 .collection-transition{display:block;padding:30px var(--pad)}
 .collection-transition>p{font-size:23px;margin:14px 0}
 .collection-transition>.eyebrow{max-width:none}
 .environment-grid{grid-template-columns:1fr;gap:36px}
 .environment-grid article:nth-child(2){padding-top:0}
 .environment-grid h3{font-size:28px;margin-top:20px}
 .place-types{grid-template-columns:1fr;gap:25px;margin-top:40px}
 .place-types h3{font-size:27px;margin:10px 0}
 .terrace-dining-layout{grid-template-columns:1fr;gap:26px}
 .terrace-zones h3{font-size:29px}
 .railing-feature{grid-template-columns:1fr}
 .railing-feature figure{aspect-ratio:4/3}
 .railing-feature>div{padding:40px var(--pad) 45px}
 .railing-feature h2{font-size:38px}
 #visual-image{height:auto;max-height:65svh;object-fit:contain}
 .visual-caption{padding:23px}
 .visual-caption h2{font-size:26px}
 .visual-caption p{font-size:13px}
}
.reduced .visual-open:hover{transform:none}
@media(prefers-reduced-motion:reduce){.visual-open:hover{transform:none}}