@layer theme,base,tokens,surfaces;@layer components{@media (prefers-reduced-motion:no-preference){[data-reveal]{opacity:0;transition:opacity var(--duration-reveal) var(--ease-out), transform var(--duration-reveal) var(--ease-out);transform:translateY(20px)}[data-reveal][data-revealed=true]{opacity:1;transform:none}}.steelmart-section-head{max-width:48rem;margin-bottom:clamp(var(--spacing-8), 4vw, var(--spacing-12));text-align:start;align-items:flex-start}.steelmart-sheet{border:1px solid var(--border-hairline);border-radius:var(--radius-sm);background:var(--surface-raised);padding:clamp(var(--spacing-6), 3vw, var(--spacing-8))}.steelmart-hero{position:relative;overflow:hidden}.steelmart-hero-motif{pointer-events:none;background-image:repeating-linear-gradient(122deg,#0000 0 19px,oklch(20% .02 270/.05) 30px,#0000 41px 60px);position:absolute;inset:0;mask-image:linear-gradient(90deg,#0000 38%,#000)}.steelmart-hero-live{pointer-events:none;width:48%;position:absolute;inset:0 0 0 auto;overflow:hidden;mask-image:linear-gradient(90deg,#0000,#000 70%)}.steelmart-hero-live:after{content:"";background:linear-gradient(180deg, color-mix(in oklab, var(--surface) 94%, transparent), color-mix(in oklab, var(--surface) 55%, transparent) 42%, color-mix(in oklab, var(--surface) 55%, transparent) 62%, color-mix(in oklab, var(--surface) 94%, transparent));position:absolute;inset:0}.steelmart-hero-live-poster,.steelmart-hero-live-video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.steelmart-hero-live-video{opacity:0;width:auto;height:auto;inset:1px}@media (prefers-reduced-motion:no-preference){.steelmart-hero-live-video{transition:opacity .42s var(--ease-out)}}.steelmart-hero-live[data-playing=true] .steelmart-hero-live-video{opacity:1}@media (width>=48rem){.steelmart-hero-live{width:62%;mask-image:linear-gradient(90deg,#0000,#000 55%)}}.steelmart-hero-content{flex-direction:column;align-items:flex-start;max-width:56rem;display:flex;position:relative}.steelmart-hero-head{gap:var(--spacing-4)}.steelmart-hero-head .text-h1{font-size:var(--text-display);letter-spacing:-.025em;text-wrap:balance;line-height:1.03}.steelmart-hero-head .heading-supporting{max-width:40rem}.steelmart-hero-actions{gap:var(--spacing-4);margin-top:clamp(var(--spacing-6), 3vw, var(--spacing-8));flex-wrap:wrap;display:flex}.steelmart-titleblock{gap:var(--spacing-6) var(--spacing-8);width:100%;margin-top:clamp(var(--spacing-8), 5vw, var(--spacing-12));padding-top:var(--spacing-6);border-top:1px solid var(--border-hairline);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.steelmart-titleblock-cell{gap:var(--spacing-2);flex-direction:column;display:flex}.steelmart-titleblock-label{font-size:var(--text-label);letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);font-weight:600}.steelmart-titleblock-value{color:var(--text-primary)}@media (width>=48rem){.steelmart-titleblock{grid-template-columns:repeat(4,minmax(0,1fr))}}.steelmart-register{border-bottom:1px solid var(--border-hairline);margin:0;padding:0;list-style:none}.steelmart-register-row{align-items:center;gap:var(--spacing-2) var(--spacing-6);padding-block:var(--spacing-6);border-top:1px solid var(--border-hairline);grid-template-columns:minmax(0,1fr);display:grid;position:relative}.steelmart-register-row:first-child:before{content:"";background:var(--accent);width:2.5rem;height:2px;position:absolute;top:-1px;left:0}.steelmart-register-main{gap:var(--spacing-1);flex-direction:column;min-width:0;display:flex}.steelmart-register-name{font-family:var(--font-display);letter-spacing:-.01em;color:var(--text-primary);font-size:clamp(1.25rem,1.1rem + .75vw,1.625rem);font-weight:500}.steelmart-register-detail{max-width:58ch;font-size:var(--text-body-s);color:var(--text-secondary)}.steelmart-register-spec{gap:var(--spacing-1);color:var(--text-secondary);flex-direction:column;display:flex}.steelmart-register-spec-label{font-size:var(--text-label);text-transform:uppercase;letter-spacing:.06em}.steelmart-register-spec-value{color:var(--text-primary)}@media (width>=48rem){.steelmart-register-row{grid-template-columns:minmax(0,1fr) 14rem}}.steelmart-minimums{position:relative;overflow:hidden}.steelmart-minimums-backdrop{z-index:0;pointer-events:none;position:absolute;inset:0}.steelmart-minimums-photo{object-fit:cover;filter:grayscale()brightness(.85)contrast(1.02);width:100%;height:100%}.steelmart-minimums-scrim{background-color:oklch(20.5% .012 255/.9);position:absolute;inset:0}@media (width>=48rem){.steelmart-minimums-scrim{background-color:#0000;background-image:linear-gradient(90deg,oklch(20.5% .012 255/.95) 0%,oklch(20.5% .012 255/.92) 52%,oklch(20.5% .012 255/.62) 74%,oklch(20.5% .012 255/.38) 100%)}}.steelmart-minimums-shell{z-index:1;position:relative}.steelmart-minimums-inner{flex-direction:column;align-items:flex-start;max-width:44rem;display:flex}.steelmart-minimums-tick{width:2.5rem;height:2px;margin-bottom:var(--spacing-4);background:var(--color-red-500)}.steelmart-minimums-head{margin-bottom:0}.steelmart-minimums-head .text-h2{font-size:var(--text-h1);letter-spacing:-.02em}.steelmart-minimums-head .eyebrow,.steelmart-minimums-head .heading-supporting{color:oklch(100% 0 0/.92)}.steelmart-minimums-head .heading-supporting{max-width:48ch}.steelmart-fabrication-grid{gap:var(--spacing-6);grid-template-columns:1fr;margin:0;padding:0;list-style:none;display:grid}@media (width>=48rem){.steelmart-fabrication-grid{grid-template-columns:repeat(2,1fr)}}.steelmart-fabrication-item{aspect-ratio:4/3;border:1px solid var(--border-hairline);border-radius:var(--radius-sm);flex-direction:column;display:flex;position:relative;overflow:hidden}@media (width>=48rem){.steelmart-fabrication-item{aspect-ratio:3/2}}.steelmart-fabrication-photo{object-fit:cover;filter:grayscale()brightness(.88)contrast(1.02);width:100%;height:100%;position:absolute;inset:0}.steelmart-fabrication-item:before{content:"";background:oklch(24% .014 255/.35);position:absolute;inset:0}.steelmart-fabrication-copy{gap:var(--spacing-2);width:100%;padding:3.5rem var(--spacing-6) var(--spacing-6);background:linear-gradient(oklch(20.5% .012 255/0) 0%,oklch(20.5% .012 255/.88) 26%,oklch(20.5% .012 255/.94) 100%);flex-direction:column;align-items:flex-start;margin-top:auto;display:flex;position:relative}.steelmart-fabrication-title{color:var(--color-steel-100)}.steelmart-fabrication-body{max-width:52ch;font-size:var(--text-body-s);color:oklch(100% 0 0/.9)}.steelmart-fabrication-note{margin-top:clamp(var(--spacing-6), 3vw, var(--spacing-8))}.steelmart-factory-inner{flex-direction:column;align-items:flex-start;display:flex;position:relative}.steelmart-record{gap:var(--spacing-8);width:100%;margin:0 0 clamp(var(--spacing-8), 4vw, var(--spacing-12));grid-template-columns:1fr;padding:0;list-style:none;display:grid}@media (width>=48rem){.steelmart-record{grid-template-columns:repeat(3,1fr)}}.steelmart-record-item{gap:var(--spacing-2);padding-top:var(--spacing-4);border-top:1px solid var(--border-hairline);flex-direction:column;display:flex;position:relative}.steelmart-record-item:before{content:"";background:var(--accent);width:2.5rem;height:2px;position:absolute;top:-1px;left:0}.steelmart-record-value{color:var(--text-primary);line-height:1}.steelmart-record-label{max-width:40ch;color:var(--text-secondary)}.steelmart-doors{gap:var(--spacing-6);grid-template-columns:1fr;display:grid}@media (width>=48rem){.steelmart-doors{grid-template-columns:repeat(2,1fr)}}.steelmart-door{align-items:flex-start;gap:var(--spacing-4);flex-direction:column;display:flex}.steelmart-door-address{color:var(--text-secondary)}.steelmart-door-facts{gap:var(--spacing-3);flex-direction:column;margin:0;display:flex}.steelmart-door-fact{gap:var(--spacing-1);flex-direction:column;display:flex}.steelmart-door-fact-label{font-size:var(--text-label);letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);font-weight:600}.steelmart-door-phone{font-size:var(--text-body-l);color:var(--text-primary);text-decoration:underline;text-decoration-color:var(--border-hairline);text-underline-offset:.3em}.steelmart-door-mail{color:var(--text-secondary);text-decoration:underline;text-decoration-color:var(--border-hairline);text-underline-offset:.3em}@media (hover:hover){.steelmart-door-phone:hover,.steelmart-door-mail:hover{color:var(--accent-text);text-decoration-color:currentColor}}@media (hover:hover) and (prefers-reduced-motion:no-preference){.steelmart-door-phone,.steelmart-door-mail{transition:color var(--duration-hover) var(--ease-out), text-decoration-color var(--duration-hover) var(--ease-out)}}.steelmart-door-hours{gap:var(--spacing-1);color:var(--text-primary);flex-direction:column;display:flex}.steelmart-door-actions{padding-top:var(--spacing-2);margin-top:auto}.section-shell.steelmart-cta{background-color:var(--surface-raised);position:relative}.steelmart-factory-motif,.steelmart-cta-motif{pointer-events:none;background-image:repeating-linear-gradient(122deg,#0000 0 19px,oklch(100% 0 0/.04) 30px,#0000 41px 60px);position:absolute;inset:0;mask-image:linear-gradient(90deg,#0000 38%,#000)}.steelmart-factory{position:relative}.steelmart-cta-inner{text-align:start;flex-direction:column;align-items:flex-start;max-width:44rem;display:flex;position:relative}.steelmart-cta-head{margin-bottom:var(--spacing-8)}.steelmart-cta-head .text-h2{font-size:var(--text-h1);letter-spacing:-.02em}.steelmart-cta-actions{gap:var(--spacing-4);flex-wrap:wrap;display:flex}}@layer utilities;.steelmart-hero{padding-block:clamp(3rem,6vw,5rem)}.steelmart-minimums,.steelmart-cta{padding-block:clamp(3.5rem,7vw,6rem)}
