.site-layout{background:var(--paper);color:var(--ink);padding-top:30px}
.site-layout :focus-visible{outline-color:var(--ink)}
.layout-breadcrumb{display:flex;flex-wrap:wrap;gap:13px;margin:0 var(--gutter);font-size:11px;color:var(--muted-ink)}
.layout-breadcrumb a{text-decoration:underline;text-underline-offset:4px}
.layout-heading{padding:62px var(--gutter) 65px;display:grid;grid-template-columns:1.5fr 1fr;gap:60px;align-items:end}
.layout-heading h1{font-size:clamp(38px,4.8vw,70px);font-weight:500;line-height:1.12;max-width:940px}
.layout-heading>p{font-size:15px;color:var(--muted-ink);line-height:1.9;max-width:410px;padding-bottom:5px}
.category-tabs{margin:0 var(--gutter);display:flex;flex-wrap:wrap;gap:35px;border-top:1px solid #10243A25;border-bottom:1px solid #10243A25;font-size:13px}
.category-tabs a{display:flex;gap:12px;align-items:center;padding:22px 0;border-bottom:2px solid transparent}
.category-tabs a[aria-current]{border-color:var(--ink);font-weight:600}
.category-tabs svg{width:16px;height:16px}
.layout-notice{margin:22px var(--gutter)!important;color:var(--muted-ink);font-size:11px;line-height:1.8}
.catalog-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:55px;padding:22px var(--gutter) 100px}
.catalog-sidebar{padding-top:19px;font-size:12px}
.catalog-sidebar label[for]{font-weight:600;display:block;margin-bottom:12px}
.site-layout input,.site-layout textarea{font:inherit;max-width:100%;border-radius:0;background:transparent;color:var(--ink);border:1px solid #10243A45;box-shadow:none;accent-color:var(--accent);caret-color:var(--ink)}
.search-field{display:flex;border-bottom:1px solid var(--ink);align-items:center}
.search-field input{border:0;width:100%;min-width:0;padding:12px 0;font-size:14px}
.search-field button{display:grid;place-items:center;min-width:44px;min-height:44px;padding:0!important}
.search-field svg{width:18px;height:18px}
.catalog-sidebar fieldset{border:0;margin:32px 0 22px;padding:0}
.catalog-sidebar legend{font-size:12px;font-weight:600;margin-bottom:18px}
.filter-choice{display:flex;align-items:center;gap:11px;padding:10px 0;cursor:pointer;min-height:44px}
.filter-choice input{margin:0;width:15px;height:15px}
.shg-site .filter-submit{width:100%;display:flex;justify-content:space-between;align-items:center;background:var(--accent);color:var(--paper);border:1px solid var(--accent)!important;padding:12px 15px!important;min-height:44px;font-size:11px!important}
.shg-site .filter-submit:hover{background:var(--accent-hover);border-color:var(--accent-hover)!important}
.filter-submit svg{width:16px;height:16px}
.filter-clear{display:inline-block;margin-top:16px;text-decoration:underline!important;text-underline-offset:4px;font-size:11px}
.sidebar-note{border-top:1px solid #10243A25;padding-top:24px;margin-top:35px!important;color:var(--muted-ink);line-height:2}
.sidebar-note a{font-weight:500;color:var(--ink)}
.results-line{display:flex;justify-content:space-between;gap:20px;font-size:11px;border-bottom:1px solid #10243A25;padding:18px 0;margin-bottom:24px}
.results-line span{color:var(--muted-ink)}
.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 24px}
.product-card{min-width:0}
.product-art{--sample:#bd5f3a;display:block;position:relative;aspect-ratio:1/1.13;overflow:hidden;background:var(--surface);isolation:isolate}
.material-disc{display:block;position:absolute;inset:17% 14%;border-radius:50%;transform:rotate(-24deg);background:linear-gradient(125deg,#ffffff 0%,var(--sample) 12%,var(--sample) 35%,#fff8 48%,var(--sample) 52%,var(--sample) 65%,var(--ink) 100%);box-shadow:14px 25px 25px -20px #10243A55,inset 0 1px 2px #fff8;transition:transform .7s var(--ease)}
.product-art:hover .material-disc{transform:rotate(-12deg)}
.tone-copper{--sample:#a74b2a;background:#d9cec3}
.tone-silver{--sample:#969da1;background:#d5d8d7}
.tone-graphite{--sample:#3b3d3f;background:#c6c7c5}
.tone-blue{--sample:#20475b;background:#c6cfd2}
.tone-paper{--sample:#cac3b7;background:#e2ddd4}
.tone-ruby{--sample:#5b1c2b;background:#d5c8c9}
.sample-mark{position:absolute;bottom:18px;left:18px;right:18px;font-size:9px;color:var(--ink)}
.product-art>svg{position:absolute;right:16px;top:16px;width:18px;height:18px;color:var(--ink)}
.product-card-meta{display:flex;justify-content:space-between;gap:10px;font-size:9px;color:var(--muted-ink);margin:17px 0 10px}
.product-card-meta>span:last-child{font-size:8px;letter-spacing:.03em}
.product-card h3{font-size:23px;margin:0 0 8px}
.product-card p{font-size:11px;color:var(--muted-ink);line-height:1.8}
.product-detail{display:grid;grid-template-columns:1.1fr 1fr;gap:75px;padding:16px var(--gutter) 85px;align-items:start}
.product-large{aspect-ratio:1/1.12}
.product-large .sample-mark{font-size:10px;bottom:25px;left:25px}
.product-summary{padding-top:20px}
.product-status{font-size:11px;color:var(--muted-ink);margin-bottom:22px!important}
.product-summary h1{font-size:clamp(37px,3.8vw,58px);line-height:1.13}
.product-summary>p:not(.product-status){font-size:14px;line-height:1.9;color:var(--muted-ink);margin-top:25px;max-width:440px}
.pack-options{border:0;padding:0;margin:28px 0;display:flex;gap:12px;flex-wrap:wrap}
.pack-options legend{font-size:11px;margin-bottom:14px}
.pack-options label{cursor:pointer}
.pack-options input{position:absolute;opacity:0;pointer-events:none}
.pack-options span{display:block;border:1px solid #10243A55;padding:13px 16px;font-size:11px;min-height:44px}
.pack-options input:checked+span{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.pack-options input:focus-visible+span{outline:2px solid var(--ink);outline-offset:4px}
.product-summary .price-state{font-size:12px!important;margin-bottom:24px!important}
.product-back{display:block;width:fit-content;margin-top:21px;text-decoration:underline!important;font-size:11px;text-underline-offset:4px}
.product-information{display:grid;grid-template-columns:250px minmax(0,680px);justify-content:space-between;gap:60px;padding:65px var(--gutter) 85px;border-top:1px solid #10243A25}
.product-information nav{display:flex;flex-direction:column;gap:22px;font-size:12px;align-self:start;position:sticky;top:35px}
.product-information>div>section+section{margin-top:55px}
.product-information h2{font-size:32px;margin-bottom:22px}
.product-information p{font-size:14px;line-height:1.9;color:var(--muted-ink)}
.spec-list{margin:0;font-size:12px}
.spec-list>div{display:grid;grid-template-columns:1fr 1fr;gap:20px;border-bottom:1px solid #10243A25;padding:17px 0}
.spec-list dd{margin:0;color:var(--muted-ink)}
.related-products{padding:65px var(--gutter) 90px;background:var(--surface)}
.related-products .section-heading h2{font-size:36px}
.related-products .section-heading{align-items:center}
.brand-directory{padding:0 var(--gutter) 100px}
.brand-directory>a{display:grid;grid-template-columns:1fr 1.4fr 24px;align-items:center;gap:40px;padding:40px 0;border-top:1px solid #10243A35}
.brand-placeholder{font-size:15px;font-weight:600;letter-spacing:.04em}
.brand-directory h2{font-size:32px}
.brand-directory p{font-size:11px;color:var(--muted-ink);margin-top:10px}
.company-cover{margin:0 var(--gutter);position:relative}
.company-cover img{width:100%;height:480px;filter:brightness(.85) saturate(.6)}
.company-cover figcaption{position:absolute;left:28px;bottom:24px;right:28px;color:var(--paper);font-size:11px;text-shadow:0 2px 8px #000}
.company-story{display:grid;grid-template-columns:1fr 1fr;gap:90px;padding:90px var(--gutter)}
.company-story .large-copy{font-size:25px;line-height:1.6;margin-bottom:24px}
.company-story p+p{font-size:14px;color:var(--muted-ink);line-height:1.9}
.company-story .text-link{margin-top:28px}
.company-topics{padding:65px var(--gutter) 90px;background:var(--surface)}
.company-topics h2{margin-bottom:40px}
.company-topics details{border-top:1px solid #10243A35;padding:23px 0;max-width:900px;margin-left:auto}
.company-topics summary{font-size:21px;cursor:pointer;min-height:32px}
.company-topics details p{font-size:14px;line-height:1.9;color:var(--muted-ink);max-width:650px;margin-top:20px}
.knowledge-feature{padding:45px var(--gutter) 0}
.knowledge-feature>a{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:65px}
.knowledge-feature img{width:100%;height:350px;filter:brightness(.85) saturate(.65)}
.knowledge-feature span:not(.text-link){font-size:11px;color:var(--muted-ink)}
.knowledge-feature h2{font-size:40px;margin:20px 0}
.knowledge-feature p{font-size:14px;color:var(--muted-ink)}
.knowledge-feature .text-link{margin-top:25px}
.editorial-empty{padding:65px var(--gutter) 95px}
.editorial-empty h2{font-size:32px;margin-bottom:20px}
.editorial-empty p{font-size:14px;line-height:1.9;color:var(--muted-ink);max-width:650px}
.editorial-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:35px}
.editorial-slots span{display:grid;place-items:center;aspect-ratio:1.7;background:var(--surface);color:var(--muted-ink);font-size:12px;border:1px dashed #10243A35}
.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:90px;padding:10px var(--gutter) 100px}
.contact-direct h2,.contact-form-preview h2{font-size:32px;margin-bottom:28px}
.contact-number{display:flex;align-items:center;justify-content:space-between;font-size:clamp(24px,3vw,42px);font-weight:500;max-width:460px;margin:35px 0 23px}
.contact-number svg{width:26px;height:26px}
.contact-facts{margin:45px 0 0;max-width:450px}
.contact-facts>div{border-top:1px solid #10243A25;padding:22px 0}
.contact-facts dt{font-size:11px;color:var(--muted-ink);margin-bottom:10px}
.contact-facts dd{margin:0;font-size:14px}
.contact-form-preview{padding:35px;background:var(--surface)}
.contact-form-preview>p{font-size:12px;color:var(--muted-ink);line-height:1.9;margin-bottom:25px}
.contact-form-preview fieldset{border:0;margin:0;padding:0}
.contact-form-preview label{display:block;font-size:12px;margin-bottom:20px}
.contact-form-preview input,.contact-form-preview textarea{display:block;width:100%;padding:13px 0;border:0;border-bottom:1px solid #10243A55;margin-top:5px;font-size:15px;resize:vertical}
.site-layout input::placeholder,.site-layout textarea::placeholder{color:var(--muted-ink);opacity:1}
.contact-form-preview button{background:var(--ink);color:var(--paper)!important;opacity:.65}
.cart-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:60px;padding:0 var(--gutter) 100px}
.empty-state{padding:65px 25px;text-align:center;border-top:1px solid #10243A35;border-bottom:1px solid #10243A35}
.empty-state h2{font-size:32px;margin-bottom:20px}
.empty-state p{font-size:14px;color:var(--muted-ink);line-height:1.9;margin-bottom:25px}
.cart-summary{background:var(--surface);padding:32px}
.cart-summary h2{font-size:25px;margin-bottom:25px}
.cart-summary dl{font-size:12px;margin:0 0 25px}
.cart-summary dl>div{display:flex;gap:20px;justify-content:space-between;border-bottom:1px solid #10243A25;padding:17px 0}
.cart-summary dd{margin:0}
.cart-summary button{background:var(--ink);color:var(--paper);width:100%;padding:16px;font-size:12px}
.cart-summary p{font-size:11px;color:var(--muted-ink);margin-top:18px;line-height:1.9}
.policy-layout{display:grid;grid-template-columns:250px minmax(0,680px);justify-content:space-between;gap:70px;padding:0 var(--gutter) 100px}
.policy-layout nav{display:flex;flex-direction:column;gap:5px;font-size:12px;align-self:start;position:sticky;top:30px}
.policy-layout nav a{padding:12px 0;border-bottom:1px solid #10243A25}
.policy-layout nav a[aria-current]{font-weight:600}
.policy-layout .layout-notice{margin:0 0 28px!important}
.policy-layout h2{font-size:32px;margin-bottom:22px}
.policy-layout h3{font-size:23px;margin:32px 0 16px}
.policy-layout article>p{font-size:15px;line-height:1.95;color:var(--muted-ink)}
.policy-layout .text-link{margin-top:28px}
.generic-content{padding:0 var(--gutter) 90px;max-width:900px}
.search-layout{padding:50px var(--gutter) 100px;max-width:1000px}
.search-layout .search-field{max-width:600px;margin-bottom:45px}
.search-result{padding:25px 0;border-bottom:1px solid #10243A25}
.search-result h2{font-size:26px;margin-bottom:12px}
.search-result p{font-size:14px;color:var(--muted-ink)}
@media(max-width:1100px){.layout-heading{gap:30px}.catalog-layout{grid-template-columns:185px minmax(0,1fr);gap:30px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.related-products .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.product-detail{gap:40px}.contact-layout{gap:40px}.brand-directory>a{grid-template-columns:1fr 1fr 24px;gap:25px}}
@media(max-width:900px){.layout-heading{grid-template-columns:1fr;padding-top:45px;padding-bottom:45px;gap:25px}.layout-heading h1{font-size:52px}.layout-heading>p{max-width:600px}.category-tabs{gap:25px}.product-detail{gap:30px}.product-summary h1{font-size:36px}.product-information,.policy-layout{grid-template-columns:180px minmax(0,1fr);gap:35px}.company-story{gap:40px}.company-story h2{font-size:35px}.knowledge-feature>a{gap:30px}.knowledge-feature h2{font-size:32px}.contact-layout{grid-template-columns:1fr}.contact-facts{max-width:none}.cart-layout{gap:30px}.related-products .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.site-layout{padding-top:23px}.layout-breadcrumb{font-size:10px;gap:10px}.layout-heading{padding-top:35px;padding-bottom:35px;gap:23px}.layout-heading h1{font-size:39px}.layout-heading>p{font-size:13px}.category-tabs{gap:0 22px;font-size:11px}.category-tabs a{padding:15px 0;min-height:44px}.layout-notice{font-size:10px;margin:18px var(--gutter)!important}.catalog-layout{grid-template-columns:1fr;gap:25px;padding-top:5px;padding-bottom:60px}.catalog-sidebar form{display:grid;grid-template-columns:1fr;gap:0}.catalog-sidebar fieldset{display:flex;flex-wrap:wrap;gap:0 18px;margin:22px 0 15px}.catalog-sidebar legend{margin-bottom:10px}.filter-choice{font-size:11px;gap:7px}.filter-choice input{width:14px;height:14px}.filter-submit{max-width:230px}.filter-clear{margin-top:14px}.sidebar-note{display:none}.results-line{font-size:10px;gap:12px;margin-bottom:20px}.results-line span{max-width:95px;text-align:right}.product-grid,.related-products .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:27px 14px}.product-card h3{font-size:19px}.product-card p{font-size:10px}.product-card-meta{font-size:8px;margin-top:12px}.product-card-meta>span:last-child{display:none}.sample-mark{font-size:8px;left:10px;right:10px;bottom:11px;line-height:1.5}.material-disc{inset:19% 12%}.product-art>svg{width:15px;height:15px;top:10px;right:10px}.product-detail{grid-template-columns:1fr;padding-bottom:50px;gap:15px}.product-large{aspect-ratio:1.1}.product-large .sample-mark{font-size:9px;left:18px;bottom:18px}.product-summary h1{font-size:40px}.product-summary>p:not(.product-status){font-size:14px}.product-information,.policy-layout{grid-template-columns:1fr;gap:35px;padding-top:30px;padding-bottom:60px}.product-information nav,.policy-layout nav{position:static;flex-direction:row;flex-wrap:wrap;gap:12px 23px;font-size:11px}.product-information nav a{padding:10px 0}.product-information h2,.policy-layout h2{font-size:29px}.spec-list{font-size:11px}.related-products{padding-top:45px;padding-bottom:60px}.related-products .section-heading h2{font-size:31px}.related-products .section-heading .text-link{margin-top:20px}.brand-directory{padding-bottom:65px}.brand-directory>a{grid-template-columns:1fr 20px;gap:20px;padding:28px 0}.brand-placeholder{grid-column:1/-1;font-size:11px}.brand-directory h2{font-size:27px}.brand-directory p{font-size:10px}.company-cover img{height:320px}.company-cover figcaption{font-size:9px;left:18px;right:18px;bottom:18px}.company-story{grid-template-columns:1fr;padding:55px var(--gutter);gap:30px}.company-story h2{font-size:34px}.company-story .large-copy{font-size:22px}.company-topics{padding-top:45px;padding-bottom:55px}.company-topics h2{font-size:31px}.company-topics summary{font-size:18px}.company-topics details{margin-left:0}.knowledge-feature{padding-top:30px}.knowledge-feature>a{grid-template-columns:1fr;gap:25px}.knowledge-feature img{height:270px}.knowledge-feature h2{font-size:34px}.editorial-empty{padding:45px var(--gutter) 60px}.editorial-empty h2{font-size:28px}.editorial-slots{gap:12px}.editorial-slots span{font-size:9px;aspect-ratio:1}.contact-layout{padding-bottom:60px;gap:35px}.contact-direct h2,.contact-form-preview h2{font-size:30px}.contact-number{font-size:30px}.contact-form-preview{padding:25px 20px}.cart-layout{grid-template-columns:1fr;padding-bottom:60px}.empty-state{padding:45px 10px}.empty-state h2{font-size:28px}.cart-summary{padding:25px}.policy-layout{padding-top:0}.policy-layout nav{gap:0 20px}.policy-layout nav a{font-size:10px;min-height:44px}.policy-layout article>p{font-size:14px}.search-layout{padding-top:20px;padding-bottom:60px}.search-result h2{font-size:23px}}
@media(prefers-reduced-motion:reduce){.material-disc{transition:none}}
