/* SteelRaw: white, charcoal, warm stone and kiln red. Loaded after page styles. */
@font-face{font-family:Geist;src:url('geist-latin.woff2') format('woff2');font-weight:400 800;font-style:normal;font-display:swap}
@font-face{font-family:'Special Gothic Condensed One';src:url('special-gothic-condensed-latin.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
:root,body.metal-studio-page{
  --ink:#1a1a1a;--muted:#62615b;--line:#deddd6;--paper:#f6f5f1;
  --accent:#b43c32;--accent-hover:#923129;--accent-soft:#f8edea;
  --stone:#e7e6dd;--surface:#f4f3ee;--green:var(--accent);--mint:var(--stone);
  --radius:6px;--display:'Special Gothic Condensed One','Big Shoulders Display',Impact,sans-serif;
}
body,body.metal-studio-page{background:#fff;color:var(--ink);font-family:Geist,Arial,sans-serif}
button,input,select,textarea{font-family:inherit}
h1,h2,h3{font-family:var(--display);font-weight:400;letter-spacing:.005em;text-wrap:balance}
h1,.section-head h2,.page-heading h1,.discovery-heading h1,.cta h2,.studio-stage-intro h2{text-transform:uppercase}
p{text-wrap:pretty}
::selection{background:#edc9c3;color:var(--ink)}
:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.text-link{text-underline-offset:5px}
.text-link:hover{color:var(--accent)}
.eyebrow,.studio-eyebrow,.product-kicker{color:var(--accent);font-weight:600;letter-spacing:.1em}
.button,.metal-product-builder .button{background:var(--ink);border-color:var(--ink);color:#fff;border-radius:28px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;font-size:11px;transition:background .18s,border-color .18s,transform .18s}
.button:hover,.metal-product-builder .button:hover{background:var(--accent);border-color:var(--accent);color:#fff;transform:translateY(-1px)}
.button:active{transform:translateY(1px)}
.button.secondary,.metal-product-builder .button.secondary{background:transparent;color:var(--ink);border-color:#a7a59c}
.button.secondary:hover,.metal-product-builder .button.secondary:hover{background:var(--surface);border-color:var(--ink);color:var(--ink)}
.button.mint{background:var(--accent);color:#fff;border-color:var(--accent)}
.button.mint:hover{background:var(--accent-hover);border-color:var(--accent-hover)}
.button:disabled,.button[disabled]{opacity:.5;transform:none;cursor:not-allowed}
.local-notice,.metal-studio-page .local-notice{background:var(--ink);color:#e7e6dd;border:0;font-size:10px;letter-spacing:.02em;padding:7px 18px}
.main-header,.metal-studio-page .main-header{background:#f4f3ee}
.main-nav,.metal-studio-page .main-nav{background:#f4f3ee;border-color:var(--line)}
.head-row,.metal-studio-page .head-row{min-height:80px}
.logo{font-family:Geist,Arial,sans-serif;font-weight:800;letter-spacing:-1.4px;color:var(--ink);justify-self:start}
.logo svg{color:var(--accent)}
.search input{background:#fff;border-color:#cfcdc2;font-size:13px}
.search input:focus{outline:2px solid var(--accent);outline-offset:2px}
.search button:hover{background:var(--accent)}
.head-actions .count,.head-actions .cart-count{background:var(--accent);color:#fff}
.nav-inner>a,.catalog-nav-menu>summary{font-family:var(--display);font-size:18px;text-transform:uppercase;letter-spacing:.025em;font-weight:400}
.catalog-navigation .nav-inner{gap:28px}
.catalog-nav-menu[open]>summary,.nav-inner>a:hover{color:var(--accent)}
.catalog-mega.mega{background:#fff;border-color:var(--accent);box-shadow:0 12px 26px #25221a12}
.catalog-mega-group strong a{font-family:var(--display);font-size:24px;text-transform:uppercase;font-weight:400}
.catalog-mega-group strong span{font-family:Geist,Arial,sans-serif;text-transform:none;letter-spacing:0}
.catalog-mega-group>a:hover{color:var(--accent)}
.catalog-mega-bottom{background:var(--surface)}
.catalog-nav-shape img{background:#ededed;border-radius:4px}
.discovery-hero{background:#fff;border-bottom:1px solid var(--line)}
.discovery-hero .hero-copy .eyebrow{border:0;border-radius:0;padding:0;color:var(--accent);font-size:10px;letter-spacing:.12em}
.discovery-hero h1{font-family:var(--display);font-weight:400;font-size:clamp(42px,4.6vw,64px);line-height:.99;letter-spacing:0;text-transform:uppercase}
.discovery-hero .hero-copy>p{color:#55544f}
.discovery-hero .hero-copy .button{font-size:11px;letter-spacing:.045em}
.discovery-hero .hero-copy .small-note{color:var(--muted)}
.discovery-hero .hero-art{mask-image:linear-gradient(to right,transparent,#000 7%)}
.discovery-overview{background:#fff}
.discovery-overview strong{font-family:var(--display);font-weight:400;font-size:39px;color:var(--accent)}
.discovery-overview span{color:var(--muted)}
.home-guide-nav{background:var(--surface)}
.home-guide-nav strong{color:var(--accent)}
.section.soft{background:#fff;border-top:1px solid var(--line)}
.section-head h2,.discovery-section .section-head h2{font-size:clamp(32px,3vw,43px);line-height:1.06;font-weight:400;letter-spacing:0}
.discovery-material-tile,.discovery-shape-tile{border-color:transparent;background:#fff}
.discovery-material-tile:hover,.discovery-shape-tile:hover{border-color:transparent}
.material-tile-image,.discovery-shape-tile img,.discovery-product-image{border-radius:9px;background:#ededed;border-color:transparent}
.material-tile-copy{padding:19px 0 0}
.material-tile-copy h3,.discovery-shape-tile h3,.discovery-product h3{font-family:var(--display);font-size:25px;font-weight:400;letter-spacing:0}
.material-tile-copy h3 span,.discovery-shape-tile h3 span{color:var(--accent)}
.material-tile-copy p{color:var(--muted)}
.discovery-product .material-label{color:var(--accent);font-weight:600;letter-spacing:.08em}
.discovery-product .product-visual-arrow{background:#fff;border-color:var(--line);color:var(--ink)}
.discovery-product:hover .product-visual-arrow{background:var(--accent);border-color:var(--accent);color:#fff}
.discovery-heading,.page-heading{background:#fff;border-bottom:1px solid var(--line)}
.discovery-heading h1,.page-heading h1{font-family:var(--display);font-size:clamp(38px,4vw,58px);line-height:1.06;font-weight:400}
.discovery-heading-help{border-color:var(--line)}
.catalog-results-top h2,.discovery-related h2{font-family:var(--display);font-weight:400;font-size:28px}
.catalog-filter-disclosure{background:var(--surface);border-color:var(--line);border-radius:6px}
.catalog-filter-disclosure>summary{font-size:13px}
.catalog-quote-label{background:var(--surface);border-color:var(--line);color:#55534b;border-radius:3px}
.catalog-active-filters a,.filter-bar a.current{background:var(--accent-soft);color:var(--accent);border-color:#e5c4be}
.catalog-active-filters a:hover{background:#f1d9d3}
.catalog-empty,.note{background:var(--surface);color:var(--muted)}
.note{border-left-color:#b8aa98}
.home-product-link{border:0;border-bottom:1px solid var(--line);padding:18px 0}
.home-product-link:hover{border-color:var(--accent)}
.home-product-link img{border-radius:6px}
.home-product-link h3{font-size:25px;font-weight:400;letter-spacing:0}
.home-process-steps li{border-color:var(--stone)}
.home-process-steps h3{font-size:28px;font-weight:400}
.home-step-number{color:var(--accent)}
.home-selection-table thead,.guide-comparison-table thead th{background:var(--surface);color:var(--ink)}
.home-selection-table td,.buying-faq details p,.guide-chapter p,.guide-example>p{color:#514f49}
.home-table-wrap,.guide-table-wrap{border-color:var(--line);border-radius:6px}
.home-questions h2{font-family:var(--display);text-transform:uppercase;font-weight:400;font-size:42px;line-height:1.05}
.cut-preview{box-shadow:none;border:1px solid var(--line);border-radius:9px}
.resource-link{border:0;border-top:1px solid var(--line);padding:24px 0;background:#fff}
.resource-link:hover{background:#fff;border-color:var(--accent)}
.resource-link h3{font-size:25px;font-weight:400}
.resource-link .eyebrow{color:var(--accent)}
.benefits{background:#fff}
.benefit svg{color:var(--accent)}
.buying-guide{background:#fff;border-top:1px solid var(--line)}
.buying-guide aside h2{font-family:var(--display);font-weight:400;text-transform:uppercase;letter-spacing:0}
.guide-contents{background:var(--surface);border-color:var(--accent);border-radius:0 7px 7px 0}
.guide-comparison-table th,.guide-comparison-table td,.buying-faq details,.buying-faq details:last-child,.guide-example,.guide-calculation dl>div{border-color:var(--line)}
.guide-example-dimensions>div{border-color:var(--stone)}
.guide-chapter h2,.guide-comparison h2,.guide-example h2{font-family:var(--display);font-weight:400;font-size:32px;letter-spacing:0}
.buying-faq summary{font-weight:500}
.buying-faq details[open] summary{color:var(--accent)}
.buying-faq summary:after{color:var(--accent)}
.cta{background:var(--surface);border-top:1px solid var(--line)}
.cta h2{font-family:var(--display);font-weight:400;font-size:38px;letter-spacing:0}
.site-footer,.metal-studio-page .site-footer{background:var(--ink);color:#fff;border:0}
.site-footer .logo{color:#fff}
.site-footer .logo svg{color:#d96b5e}
.site-footer .footer-grid p,.site-footer .footer-grid a:not(.logo),.footer-bottom,.site-footer .market{color:#c7c5bb}
.site-footer .footer-grid strong{font-family:var(--display);font-size:21px;font-weight:400;text-transform:uppercase;letter-spacing:.035em}
.site-footer .footer-grid a:hover{color:#fff}
.footer-bottom{border-color:#46453f}
/* Product selection and quote forms use the same brand, without recoloring metals. */
.pdp-heading h1{font-family:var(--display);font-weight:400;letter-spacing:0;line-height:1.02;text-transform:uppercase}
.pdp-heading>p,.purchase-note,.part-weight,.dimension-hint,.dimension-fields .field small,.part-options summary>span{color:var(--muted)}
.product-kicker,.studio-eyebrow{color:var(--accent)}
.status-dot{background:var(--accent)}
.gallery-photo{border-radius:10px}
@media(min-width:701px){.pdp-layout{grid-template-columns:minmax(0,.85fr) minmax(340px,1.15fr);gap:36px}.pdp-gallery{grid-template-columns:56px minmax(0,1fr);gap:12px}.gallery-main{padding-right:0;border-right:0}.gallery-details{grid-template-columns:1fr;gap:8px}.gallery-details p{margin:0}.gallery-assurance{flex-wrap:wrap;gap:14px}.gallery-technical{aspect-ratio:auto;height:auto}}
@media(min-width:1151px){.pdp-layout{gap:48px}}
@media(max-width:700px){.gallery-photo{max-width:320px;margin-inline:auto}.pdp-layout{gap:22px}}
.gallery-badge{border-color:#b8b5aa;background:#ffffffd9;color:#55534b;border-radius:3px}
.gallery-photo-caption{color:#57554d}
.gallery-details h2{font-family:var(--display);font-weight:400;font-size:29px}
.gallery-assurance svg{color:var(--accent)}
.gallery-thumbnails button{color:var(--muted);border-radius:5px}
.gallery-thumbnails button[aria-selected=true]{border-color:var(--accent)}
.gallery-thumbnails button:hover{border-color:#b7aaa4}
.metal-product-builder .builder-tabs button.active,.metal-product-builder .builder-tabs button[aria-selected=true]{border-color:var(--accent);color:var(--accent)}
.material-options button,.shape-options button{color:#55534c;border-color:#d4d1c7;background:#fff;border-radius:5px}
.material-options button strong{color:var(--ink)}
.material-options button[aria-pressed=true],.shape-options button[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent);color:var(--accent)}
.material-options button:hover,.shape-options button:hover{border-color:var(--accent)}
.dimensions-option .unit-toggle{background:var(--surface);border-color:var(--line)}
.dimensions-option .unit-toggle button[aria-pressed=true]{background:var(--ink);color:#fff}
.field input,.field select,.field textarea,.metal-product-builder .field input,.metal-product-builder .field select,.metal-product-builder .field textarea{background:#fff;border-color:#cac7bc;color:var(--ink);accent-color:var(--accent)}
.field input:focus,.field select:focus,.field textarea:focus,.metal-product-builder .field input:focus,.metal-product-builder .field select:focus,.metal-product-builder .field textarea:focus{outline:0;border-color:var(--accent);box-shadow:0 0 0 2px #b43c3226}
.option-heading>span{color:var(--accent)}
.option-heading h2{font-family:Geist,Arial,sans-serif;font-weight:600}
.profile-dimension-note{color:#62584f;background:var(--surface);border-color:#b8aa98}
.part-weight strong{color:var(--ink)}
.quantity-control{border-color:#cac7bc;border-radius:5px}
.quantity-control button{color:var(--ink)}
.purchase-actions .button,.metal-product-builder .summary-body .button{background:var(--accent);border-color:var(--accent);border-radius:26px}
.purchase-actions .button:hover,.metal-product-builder .summary-body .button:hover{background:var(--accent-hover);border-color:var(--accent-hover)}
.metal-product-builder .upload-box{background:var(--surface);border-color:#b9b3a4}
.metal-product-builder .upload-box input::file-selector-button{border-color:var(--line)}
.metal-product-builder .quote-summary,.metal-product-builder .inline-empty{background:var(--surface);border-radius:8px}
.metal-product-builder .summary-head{border-color:var(--line)}
.studio-steps button{color:var(--muted)}
.studio-steps button[aria-current=step]{color:var(--accent);border-color:var(--accent)}
.studio-form-stage,.studio-cut-list{border-radius:8px}
.metal-product-builder .status-message,.status-message{background:#f0f2e9;color:#3b4934;border-color:#c4ceba}
.status-message.error{background:#fff0ed;border-color:#b43c32;color:#8d2c24}
/* Technical drawing keeps material finishes; annotations become warm neutral. */
.gallery-technical{background:#242522;color:#f4f3ee;border-radius:10px;width:100%;min-width:0}
.canvas-topline,.canvas-heading p,.canvas-footer{color:#c0beb0}
.canvas-topline .status-dot{background:#d5c7ae}
.canvas-heading h2{font-family:var(--display);font-weight:400;letter-spacing:.01em}
.viewport-toolbar{background:#30312d;border-color:#636357}
.view-options button,.view-utilities button{color:#d2cfc0}
.view-options button[aria-pressed=true]{background:var(--stone);color:var(--ink)}
.view-options button:hover,.view-utilities button:hover{background:#595b50;color:#fff}
.gallery-technical :focus-visible{outline-color:#e4b7a6}
.gallery-technical #view-dimension-status{margin:10px 14px 0;color:#ddd8c8;font-size:11px;line-height:1.5;min-height:2.9em;flex-shrink:0}
.gallery-technical .viewport-toolbar,.gallery-technical .canvas-footer{flex-shrink:0}
.view-utilities #view-dimensions[aria-pressed=true]{background:#d5c7ae;color:#242522;box-shadow:inset 0 0 0 1px #eadfcf}
.view-utilities #view-dimensions[aria-pressed=false]{background:transparent;color:#a09f94}
/* Small, source-backed starting points, kept inside the actual product page. */
.common-configurations{margin:4px 0 26px;border:1px solid var(--line);border-radius:6px;background:#fff;scroll-margin-top:24px}
.common-config-disclosure>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;list-style:none;cursor:pointer;background:var(--surface);font-size:12px;font-weight:600;border-radius:5px}
.common-config-disclosure>summary::-webkit-details-marker{display:none}
.common-config-disclosure>summary small{display:block;color:var(--muted);font-size:10px;font-weight:400;margin-top:4px}
.common-config-plus{font-size:20px;font-weight:400;color:var(--accent);transition:transform .15s}
.common-config-disclosure[open] .common-config-plus{transform:rotate(45deg)}
.common-configurations .common-config-intro{margin:14px 16px;font-size:11px;line-height:1.6;color:var(--muted)}
.common-config-list{list-style:none;margin:0;padding:0 16px}
.common-config-list>li{padding:14px 0;border-top:1px solid var(--line);scroll-margin-top:24px}
.common-config-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.common-config-top h3{font-family:Geist,Arial,sans-serif;font-size:12px;line-height:1.55;font-weight:600;margin:0;color:var(--ink)}
.common-config-top button{flex-shrink:0;background:#fff;border:1px solid #b9b3a6;color:var(--ink);border-radius:4px;padding:7px 9px;cursor:pointer;font:500 10px Geist,Arial,sans-serif;min-height:32px}
.common-config-top button:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}
.common-config-list p{margin:5px 0 0;font-size:10px;line-height:1.65;color:#686459}
.common-config-list .common-config-dimensions{font-size:11px;color:var(--ink)}
.common-config-list .common-config-imperial{color:#79766a;font-size:10px}
.common-config-list .common-config-note{font-size:10px;color:#79766a}
.common-config-references{margin:0 16px 14px;border-top:1px solid var(--line);padding-top:12px;font-size:10px;line-height:1.6}
.common-config-references summary{cursor:pointer;color:var(--muted)}
.common-config-references ul{margin:8px 0 0;padding-left:16px}.common-config-references a{text-decoration:underline;text-underline-offset:2px;overflow-wrap:anywhere}
.common-config-guard{border-top:1px solid #d9b4a7;background:#fbf2ed;padding:12px 16px;font-size:11px;line-height:1.6}.common-config-guard p{margin:0 0 9px}
.common-config-guard>div{display:flex;gap:8px;flex-wrap:wrap}.common-config-guard button{font:500 10px Geist,Arial,sans-serif;padding:8px 10px;border:1px solid #c7b5a9;border-radius:4px;background:#fff;cursor:pointer}.common-config-guard #common-config-replace{color:var(--accent)}
.common-config-status{margin:0;padding:10px 16px;background:#f0f2e9;color:#3b4934;font-size:11px;line-height:1.6;border-radius:0 0 5px 5px}
.common-configurations :focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media(max-width:700px){.gallery-technical{aspect-ratio:auto;height:auto}.common-config-top button{min-height:40px;padding:9px 10px}.common-config-list .common-config-dimensions{font-size:12px}.common-config-list p,.common-config-list .common-config-note{font-size:11px}}
.metal-part-dimension{stroke:#d7c7a7}
.metal-part-dimension rect{fill:#2b2c28;stroke:#897e68}
.metal-part-dimension text{fill:#f0e8d6;stroke:none}
.metal-part-readout,.metal-part-readout text{fill:#c7c3b4}
.metal-part-readout circle{fill:#d7c7a7}
.studio-viewport marker path{stroke:#d7c7a7}
.studio-viewport [stroke="#79a79a"]{stroke:#9f9c8c}
.studio-viewport [fill="#acc8c1"],.studio-viewport [fill="#c3e2d8"]{fill:#c7c3b4}
@media(max-width:1100px){.catalog-navigation .nav-inner{gap:20px}.nav-inner>a,.catalog-nav-menu>summary{font-size:16px}}
@media(max-width:800px){.head-row,.metal-studio-page .head-row{min-height:0}.discovery-hero h1{font-size:42px}.discovery-hero .hero-art{mask-image:none}.discovery-section .section-head h2{font-size:33px}.catalog-navigation .nav-inner{gap:18px}.nav-inner>a,.catalog-nav-menu>summary{font-size:21px}.discovery-material-grid .material-tile-copy h3{font-size:22px}.discovery-shape-tile h3,.discovery-product h3{font-size:23px}.catalog-results-top h2{font-size:26px}.home-questions h2{font-size:35px}.cta h2{font-size:31px}.guide-chapter h2,.guide-comparison h2,.guide-example h2{font-size:28px}}
@media(prefers-reduced-motion:reduce){.button{transition:none;transform:none}}
@media(max-width:800px){.discovery-hero .hero-copy .actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;max-width:410px}.discovery-hero .hero-copy .button{padding-inline:10px;font-size:10px;gap:8px;letter-spacing:.02em}}