/* ===========================================================================
   Stena Steel — base layer
   Reset, custom properties and shared element styles. Loads first; layout.css
   and brand.css build on it. Keep the load order in stena_steel_enqueue_assets().
   =========================================================================== */
:root{--ink:#2b2b28;--paper:#e9e6df;--muted:#99958c;--rust:#d9673c;--line:rgba(233,230,223,.16);--serif:Georgia,'Times New Roman',serif;--sans:'Manrope',Arial,sans-serif;--mono:'DM Mono',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--sans);overflow-x:hidden}a{color:inherit;text-decoration:none}button, a{transition:color .25s,border-color .25s,background .25s,transform .25s}p{line-height:1.7}img{max-width:100%;height:auto}.section-pad{padding:8rem 8vw}.site-header{position:absolute;z-index:20;top:0;left:0;width:100%;padding:2.2rem 4vw;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:.7rem;font-size:0.97rem;letter-spacing:.18em;font-weight:800}.brand-mark{display:grid;place-items:center;width:30px;height:30px;background:var(--rust);color:var(--ink);font-family:var(--serif);font-size:1.32rem;font-style:italic}.brand-word span{color:var(--rust);margin-left:.25rem}.site-nav{display:flex;gap:2.2rem;margin-left:auto;margin-right:3rem}.site-nav a, .header-cta{font-size:0.85rem;text-transform:uppercase;letter-spacing:.13em}.site-nav a{color:var(--muted)}.site-nav a:hover, .header-cta:hover{color:var(--rust)}.header-cta{border-bottom:1px solid var(--rust);padding-bottom:.35rem}.header-cta span{color:var(--rust);font-size:1.14rem;margin-left:.35rem}.hero{height:100vh;min-height:700px;position:relative;overflow:hidden;background:radial-gradient(circle at 72% 50%,#454643 0,#313130 24%,#2a2a28 55%,#282826 100%)}.hero-copy{position:relative;z-index:3;padding:20vh 8vw 0;max-width:660px}.eyebrow, .section-kicker, .product-top{font-family:var(--mono);font-size:0.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.eyebrow{display:flex;align-items:center;gap:.7rem}.eyebrow-dot{width:6px;height:6px;background:var(--rust);border-radius:50%;display:inline-block}.hero h1{font-size:clamp(4.5rem,8.7vw,9.7rem);line-height:.87;letter-spacing:-.08em;margin:2.8rem 0 2rem;font-weight:600}.hero h1 em, h2 em{font-family:var(--serif);font-weight:400;letter-spacing:-.08em;color:var(--rust)}.hero-intro{max-width:330px;color:#c2beb5;font-size:1.03rem}.hero-actions{display:flex;align-items:center;gap:2rem;margin-top:2.6rem}.button{display:inline-flex;align-items:center;gap:1.5rem;padding:1.15rem 1.45rem;text-transform:uppercase;font-size:0.83rem;letter-spacing:.12em}.button-solid{background:var(--rust);color:var(--ink)}.button-solid:hover{background:var(--paper);transform:translateY(-2px)}.button span{font-size:1.14rem}.text-link{font-size:0.85rem;text-transform:uppercase;letter-spacing:.12em;border-bottom:1px solid var(--rust);padding-bottom:.45rem}.text-link span{color:var(--rust);font-size:1.14rem;margin-left:.55rem}.section-kicker{display:flex;gap:1.2rem;color:var(--rust);margin-bottom:4rem}.section-kicker span:last-child{color:var(--muted)}.story{background:var(--paper);color:var(--ink)}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:8vw}.story h2, .section-heading h2, .process h2, .contact h2{font-size:clamp(3rem,5.8vw,7rem);line-height:.94;letter-spacing:-.075em;margin:0;font-weight:500}.story h2 em{color:var(--rust)}.story-copy{max-width:390px;padding-top:1rem}.story-copy .lead{font-size:1.37rem;line-height:1.35;margin-top:0}.story-copy p:not(.lead){color:#69665e;font-size:1.06rem;margin:2rem 0}.story .text-link{display:inline-block;color:var(--ink);margin-top:1rem}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;border-top:1px solid rgba(11,11,10,.2);margin-top:8rem;padding-top:1.4rem}.principles div{display:grid;grid-template-columns:40px 1fr;column-gap:.7rem}.principles span{font: 0.82rem var(--mono);color:var(--rust)}.principles strong{font-size:1.22rem}.principles p{grid-column:2;color:#69665e;font-size:0.95rem;margin:.5rem 0}.products{background:#2f2f2c}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:4rem}.section-heading h2{color:var(--paper)}.section-heading p{max-width:285px;color:var(--muted);font-size:0.97rem;margin:0}.product-list{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.product-card{min-height:390px;background:#363632;padding:1.8rem;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.product-card.featured{background:#3d3a35}.product-top{display:flex;justify-content:space-between;color:var(--muted)}.product-card h3{font:clamp(3rem,5vw,6rem) var(--serif);font-weight:400;letter-spacing:-.07em;margin:0 0 1rem}.product-card p{max-width:280px;font-size:0.95rem;color:#bbb7ae}.card-link{font: 0.82rem var(--mono);text-transform:uppercase;letter-spacing:.1em;border-bottom:1px solid var(--rust);padding-bottom:.5rem;display:inline-block;margin-top:1rem}.card-link span{color:var(--rust);margin-left:.5rem}.bar-visual{position:absolute;right:-20px;bottom:30px;display:flex;gap:12px;transform:rotate(-22deg);opacity:.8}.bar-visual span{display:block;width:18px;height:240px;border-radius:10px;background:linear-gradient(90deg,#70412e,#e2a681 35%,#7a3b29 70%,#3e2019);box-shadow:inset -4px 0 5px rgba(0,0,0,.5)}.bar-visual span:nth-child(2){height:280px;transform:translateY(-25px)}.process{display:grid;grid-template-columns:1fr 1fr;background:#363632}.process-image{min-height:650px;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 45%,#ad4e2d 0,#54231d 15%,#362f2b 48%,#2d2c2a 75%)}.process-image:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(0,0,0,.5),transparent 50%,rgba(0,0,0,.7))}.heat-orb{position:absolute;width:26vw;height:26vw;min-width:260px;min-height:260px;top:25%;left:32%;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff4c2 0,#ffba58 13%,#e24d25 38%,#791f1a 67%,transparent 68%);filter:blur(3px);box-shadow:0 0 90px #e95225}.process-number{position:absolute;z-index:2;top:3rem;left:3rem;font:1.14rem var(--mono);color:var(--rust)}.process-content{display:flex;flex-direction:column;justify-content:center;max-width:700px}.process-content h2{margin-bottom:2rem}.process-content p{max-width:390px;color:var(--muted);font-size:1.06rem}.process-steps{border-top:1px solid var(--line);margin-top:3rem;padding-top:1rem;display:flex;gap:1.3rem}.process-steps div{display:flex;flex-direction:column;gap:1.3rem;flex:1}.process-steps span{font: 0.82rem var(--mono);color:var(--rust)}.process-steps strong{font-size:0.89rem;font-weight:500}.contact{background:var(--rust);color:var(--ink);min-height:600px}.contact .section-kicker, .contact .section-kicker span:last-child{color:var(--ink);opacity:.6}.contact-inner{display:grid;grid-template-columns:1fr 1fr;gap:8vw}.contact h2 em{color:var(--paper)}.contact-side{max-width:360px;padding-top:4rem}.contact-side p{font-size:1.22rem;line-height:1.45}.contact-side .button{background:var(--ink);color:var(--paper);margin:1.5rem 0}.contact-side .button:hover{background:var(--paper);color:var(--ink)}.contact-side .small-note{font-size:0.87rem;line-height:1.7;opacity:.65}.site-footer{padding:2rem 4vw;display:flex;align-items:center;justify-content:space-between;font: 0.82rem var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.site-footer>div{color:var(--paper)}.site-footer .brand-mark{width:24px;height:24px;font-size:1.14rem}.back-top{color:var(--rust)}@media(max-width:800px){.site-header{padding:1.4rem 5vw}.site-nav{display:none}.header-cta{font-size:0.75rem}.hero{min-height:720px}.hero-copy{padding:18vh 8vw 0}.hero h1{font-size:clamp(4rem,18vw,7rem)}.section-pad{padding:5rem 8vw}.story-grid, .contact-inner, .process{grid-template-columns:1fr}.story-copy{padding-top:2rem}.principles{margin-top:5rem;grid-template-columns:1fr;gap:1.5rem}.principles div{max-width:300px}.section-heading{display:block}.section-heading p{margin-top:2rem}.product-list{grid-template-columns:1fr}.product-card{min-height:360px}.process-image{min-height:400px}.heat-orb{width:60vw;height:60vw;left:20%}.process-content{padding-top:5rem}.process-steps{gap:.6rem}.process-steps strong{font-size:0.79rem}.contact-side{padding-top:2rem}.site-footer{flex-wrap:wrap;gap:1rem}}
 .hero-copy{text-shadow:0 2px 20px rgba(0,0,0,.24)}

.stena-steel-site{background:#2a2825}.admin-bar .site-header{top:32px}@media screen and (max-width:782px){.admin-bar .site-header{top:46px}}