:root{--slate:#1c2024;--surface:#24292e;--gold:#c5a880;--gold-hover:#b39366;--gold-subtle:#f5efeb;--base:#f8f9fa;--card:#fff;--border:#e5e7eb;--text:#111827;--muted:#4b5563;--shadow:0 1px 3px rgba(0,0,0,.05),0 1px 2px rgba(0,0,0,.03)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--base);color:var(--text);font-family:Inter,Arial,sans-serif;font-size:16px;line-height:1.6}.site-header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,28px);background:#fff;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}.brand{color:var(--slate);display:flex;align-items:center;gap:10px;background:var(--slate);padding:4px 8px;border-radius:4px;font-weight:800;letter-spacing:.1em;text-decoration:none;font-size:14px;line-height:1}.brand-logo{display:block;width:132px;height:31px;object-fit:contain;object-position:center;border-radius:2px}.site-footer .brand-logo{filter:brightness(1.08)}.brand small{display:block;font-size:8px;letter-spacing:.36em;margin-top:4px}.brand-mark{display:grid;place-items:center;width:31px;height:31px;background:var(--slate);color:var(--gold);font-family:Georgia,serif;font-size:20px;letter-spacing:0}.main-nav{display:flex;align-items:center;gap:26px}.main-nav a{color:#30353a;text-decoration:none;font-size:14px;font-weight:600}.main-nav a:hover,.main-nav a.active{color:#9b7e50}.main-nav .nav-cta{padding:9px 14px;border:1px solid var(--gold);color:var(--slate)}.menu-button{display:none;background:none;border:1px solid var(--border);padding:7px 10px}.hero{background:var(--slate);color:white;min-height:600px;display:grid;grid-template-columns:1.05fr .95fr}.hero-copy{padding:100px max(7vw,36px);align-self:center;max-width:770px}.eyebrow,.kicker{margin:0 0 14px;color:#777f89;text-transform:uppercase;font-size:11px;font-weight:800;letter-spacing:.14em}.eyebrow.gold{color:var(--gold)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(38px,4.2vw,64px);line-height:1.08;letter-spacing:-.04em;margin-bottom:23px}h2{font-size:clamp(27px,3vw,40px);line-height:1.18;letter-spacing:-.03em;margin-bottom:18px}h3{font-size:20px;line-height:1.3;margin-bottom:11px}.lead{font-size:19px;color:#d3d6d9;max-width:610px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:33px 0 52px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:18px;border-radius:4px;border:1px solid transparent;padding:12px 19px;font:700 14px Inter,Arial,sans-serif;text-decoration:none;cursor:pointer;transition:.2s}.btn.primary{color:var(--slate);background:var(--gold);border-color:var(--gold)}.btn.primary:hover{background:var(--gold-hover);border-color:var(--gold-hover);transform:translateY(-1px)}.btn.secondary{color:var(--slate);border-color:var(--slate);background:transparent}.btn.secondary.light{color:white;border-color:#aeb2b5}.hero-stats{display:flex;gap:34px;margin:0}.hero-stats div{display:grid;gap:2px}.hero-stats dt{font-weight:800;color:var(--gold);font-size:20px}.hero-stats dd{color:#bbc0c4;font-size:12px;margin:0}.hero-visual{position:relative;overflow:hidden;min-height:450px;background:url("images/raw-coil-2b-1280.webp") center/cover no-repeat;border-radius:12px;border:1px solid rgba(255,255,255,0.12);box-shadow:0 20px 48px rgba(0,0,0,0.3)}.placeholder>span{position:absolute;z-index:2;bottom:25px;left:25px;color:white;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.placeholder em{display:block;font-size:9px;color:#e6d9c6;font-style:normal;letter-spacing:.04em;margin-top:5px}.metal-line{position:absolute;height:150%;width:28%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);transform:rotate(22deg);top:-24%}.metal-line.one{left:20%}.metal-line.two{left:65%;opacity:.6}.section{padding:82px max(7vw,36px)}.intro{max-width:900px;padding-bottom:38px}.intro>p:last-child{max-width:700px;color:var(--muted)}.grid{display:grid;gap:20px}.grid.three{grid-template-columns:repeat(3,1fr)}.grid.two{grid-template-columns:repeat(2,1fr)}.grid.four{grid-template-columns:repeat(4,1fr)}.product-card,.resource-card{display:block;background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow);padding:0 23px 26px;color:inherit;text-decoration:none}.product-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.08)}.card-visual{height:180px;margin:0 -23px 23px;background:#d2d4d3}.coil{background:url("images/apple-slitting-coils-strips-1280.webp") center/cover no-repeat}.finish{background:url("images/apple-pvd-samples-1280.webp") center/cover no-repeat}.fabrication{background:url("images/apple-cad-laser-fabrication-1280.webp") center/cover no-repeat}.goldsheet{background:url("images/apple-pvd-samples-1280.webp") center/cover no-repeat}.ripple{background:url("images/real-water-ripple-stamped-sheet-1280.webp") center/cover no-repeat}.texture{background:url("images/apple-etched-sheet-1280.webp") center/cover no-repeat}.kicker{margin-top:0;color:#9a7d51}.text-link{color:#876c43;text-decoration:none;font-weight:800;font-size:14px}.surface-section{grid-template-columns:1fr 1fr;display:grid;gap:60px;align-items:center}.finish-grid{height:310px;background:#272c2f;display:grid;grid-template-columns:repeat(2,1fr);gap:1px;position:relative;overflow:hidden}.finish-grid i:nth-of-type(1){background:linear-gradient(135deg,#201f1f,#d8c38e,#3d3025)}.finish-grid i:nth-of-type(2){background:repeating-radial-gradient(circle,#2d3030 0 7px,#c9b187 8px 14px)}.finish-grid i:nth-of-type(3){background:repeating-linear-gradient(90deg,#383e3e,#a2a9a7 2px,#2a2e2f 5px)}.finish-grid i:nth-of-type(4){background:linear-gradient(150deg,#101315,#e4e6e3,#323a3b)}.process{background:#fff}.steps article{border-top:2px solid var(--gold);padding-top:19px}.steps b,.service-grid b{color:#9e7f51;font-family:ui-monospace,monospace;font-size:13px}.steps p,.service-grid p,.product-card p,.resource-card p{color:var(--muted);font-size:14px}.dark{background:var(--slate);color:white}.trust{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:center}.trust p{color:#c5c9cc;max-width:620px}.trust-list{border-top:1px solid #51565a}.trust-list div{padding:16px 0;border-bottom:1px solid #51565a;display:grid;gap:3px}.trust-list span{font-size:13px;color:#c4c8ca}.cta-strip{background:var(--gold-subtle);display:flex;align-items:center;justify-content:space-between;gap:30px}.cta-strip h2{margin:0;max-width:670px;font-size:30px}.page-hero{padding:100px max(12vw,36px) 78px;max-width:1100px}.page-hero>p:not(.eyebrow){color:var(--muted);max-width:720px;font-size:18px}.dark-page{max-width:none;background:var(--slate);color:#fff}.dark-page>p:not(.eyebrow){color:#c9cdd0}.muted{background:#fff}.product-list article{background:#fff;border:1px solid var(--border);padding:22px}.mini-visual{height:110px;margin:-22px -22px 22px}.sheet{background:url("images/apple-slitting-coils-strips-1280.webp") center/cover no-repeat}.circles{background:url("images/apple-circles-blanks-1280.webp") center/cover no-repeat}.tubes{background:url("images/hero-products-showcase-1280.webp") center/cover no-repeat;position:relative}.tubes:after{display:none}.compact .product-card,.resource-card{padding-top:23px}.compact .card-visual{margin-top:-23px}.spec-note{display:flex;justify-content:space-between;gap:30px;align-items:center}.spec-note p{color:var(--muted);max-width:620px}.service-grid article{border:1px solid var(--border);background:#fff;padding:26px}.drawing-placeholder{height:330px;background:url("images/real-stainless-steel-plate-ba-1280.webp") center/cover no-repeat}.packing-placeholder{height:330px;background:url("images/hero-quality-export-1280.webp") center/cover no-repeat}.notice{background:var(--gold-subtle);border-left:3px solid var(--gold);padding:14px 17px;font-size:14px;color:#3c4044}.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.timeline div{padding:17px;border-top:2px solid var(--gold);display:grid;gap:8px}.timeline b{color:#a08050}.timeline span{font-weight:700;font-size:14px}.notice-panel{background:var(--gold-subtle);text-align:center;padding:62px max(15vw,36px)}.notice-panel h2{font-size:28px}.notice-panel p{color:var(--muted);max-width:700px;margin:0 auto}.quote-layout{min-height:calc(100vh - 76px);display:grid;grid-template-columns:.85fr 1.15fr}.quote-intro{background:var(--slate);color:#fff;padding:100px max(7vw,40px)}.quote-intro>p:not(.eyebrow){color:#ced2d4;font-size:18px}.quote-help{margin:38px 0;padding:20px 0;border-top:1px solid #50575b;border-bottom:1px solid #50575b;display:grid;gap:8px}.quote-help span,.small-note{color:#c6cbd0;font-size:13px}.rfq-form{padding:78px max(7vw,40px);background:#fff}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{display:grid;gap:7px;font-size:13px;font-weight:700;color:#30353a;margin-bottom:18px}input,select,textarea{border:1px solid var(--border);border-radius:3px;background:#fff;padding:11px;font:14px Inter,Arial,sans-serif;color:var(--text);width:100%}input:focus,select:focus,textarea:focus{outline:2px solid #ddcaa9;border-color:var(--gold)}.file-label{border:1px dashed #b5b9bb;padding:14px}.file-label input{border:0;padding:0}.form-note{font-size:12px;color:var(--muted)}.form-success{margin-top:18px;padding:14px;background:#edf4ed;border-left:3px solid #5d7e5e;font-size:14px}.site-footer{background:var(--surface);color:#d6d9db;padding:58px max(7vw,36px);display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px}.site-footer .brand{color:#fff}.site-footer p,.site-footer small,.site-footer span{display:block;color:#aeb4b7;font-size:13px;margin-top:16px}.site-footer h3{font-size:13px;color:var(--gold);text-transform:uppercase;letter-spacing:.1em}.site-footer a:not(.brand){display:block;color:#d6d9db;text-decoration:none;font-size:14px;margin:9px 0}.site-footer.simple{display:flex;padding:22px max(7vw,36px);justify-content:space-between;align-items:center}.site-footer.simple span{margin:0}.site-footer.simple a{margin:0;color:var(--gold)}@media(max-width:860px){.brand-logo{width:116px;height:28px}.site-header{height:66px}.menu-button{display:block}.main-nav{display:none;position:absolute;top:65px;left:0;right:0;background:#fff;border-bottom:1px solid var(--border);padding:18px max(5vw,28px);flex-direction:column;align-items:flex-start;gap:17px}.main-nav.open{display:flex}.hero,.quote-layout{grid-template-columns:1fr}.hero-copy{padding:75px max(7vw,28px)}.hero-visual{position:relative;overflow:hidden;min-height:450px;background:url("images/raw-coil-2b-1280.webp") center/cover no-repeat;border-radius:12px;border:1px solid rgba(255,255,255,0.12);box-shadow:0 20px 48px rgba(0,0,0,0.3)}.grid.three,.grid.four{grid-template-columns:1fr 1fr}.surface-section,.trust{grid-template-columns:1fr;gap:35px}.section{padding:64px max(7vw,28px)}.page-hero{padding:70px max(7vw,28px) 55px}.quote-intro,.rfq-form{padding:64px max(7vw,28px)}}@media(max-width:540px){h1{font-size:37px}.grid.two,.grid.three,.grid.four,.form-grid{grid-template-columns:1fr}.hero-stats{gap:17px;flex-wrap:wrap}.cta-strip,.spec-note{display:grid}.site-footer{grid-template-columns:1fr;gap:25px}.site-footer.simple{display:grid;gap:8px}.timeline{grid-template-columns:1fr}.actions .btn{width:100%}}
/* Homepage finish collage using supplied surface references. */
.finish-collage{position:relative;overflow:hidden;background:url("images/real-8k-mirror-stainless-sheet-1280.webp") center/cover no-repeat}
.finish-collage:before{content:"";position:absolute;inset:0 0 0 50%;background:url("images/real-pvd-gold-titanium-sheet-1280.webp") center/cover no-repeat}
.finish-collage:after{content:"";position:absolute;left:0;bottom:0;width:50%;height:36%;background:url("images/apple-circles-blanks-1280.webp") center/cover no-repeat;border-top:2px solid rgba(255,255,255,.85)}
.finish-collage span{position:absolute;z-index:2;left:24px;bottom:20px;color:#fff;background:rgba(18,24,30,.72);padding:8px 11px;font-size:11px;letter-spacing:.04em}
@media(max-width:760px){.finish-collage{position:relative;overflow:hidden;background:url("images/raw-coil-2b-1280.webp") center/cover no-repeat;border-radius:12px;border:1px solid rgba(255,255,255,0.12);box-shadow:0 20px 48px rgba(0,0,0,0.3)}}
/* Unified first-screen density */
.hero{min-height:520px}
.hero-copy{padding-top:72px;padding-bottom:72px}
.page-hero{padding-top:64px;padding-bottom:52px}
.page-hero:has(.products-hero-visual){padding-top:64px;padding-bottom:52px}
@media(max-width:860px){.hero{min-height:0}.hero-copy{padding-top:58px;padding-bottom:58px}.page-hero,.page-hero:has(.products-hero-visual){padding-top:52px;padding-bottom:42px}}
.site-footer.simple .site-contact{margin:0;color:#fff;font-weight:700;white-space:nowrap}
@media(max-width:700px){.site-footer.simple .site-contact{white-space:normal}}
/* Harmonized visual hero configuration across landing pages */
.page-hero.visual-hero{display:grid;grid-template-columns:1.15fr 0.85fr;gap:clamp(36px,4vw,64px);align-items:center}
.page-hero.visual-hero>*{max-width:none}
@media(max-width:860px){.page-hero.visual-hero{grid-template-columns:1fr;gap:24px}}
/* Shared layout safety: prevent decorative and grid children creating horizontal voids */
.hero{position:relative;overflow:hidden}.hero-copy,.hero-visual,.page-hero-copy,.products-hero-visual,.quote-layout>*,.surface-section>*,.trust>*{min-width:0}
.page-hero:has(.products-hero-visual)>*{min-width:0}
/* Site-wide compact first-screen system */
.hero{min-height:460px;grid-template-columns:1.15fr .85fr}
.hero-copy{max-width:720px;padding-top:48px;padding-bottom:48px}
.hero h1{font-size:clamp(36px,3.45vw,52px);margin-bottom:16px}
.hero .lead{font-size:17px;margin-bottom:0}.hero .actions{margin:24px 0 30px}
.hero-stats{gap:24px}.hero-stats dt{font-size:17px}.hero-visual{position:relative;overflow:hidden;min-height:450px;background:url("images/raw-coil-2b-1280.webp") center/cover no-repeat;border-radius:12px;border:1px solid rgba(255,255,255,0.12);box-shadow:0 20px 48px rgba(0,0,0,0.3)}
.page-hero{padding-top:46px;padding-bottom:38px}.page-hero h1{font-size:clamp(34px,3.5vw,50px);margin-bottom:14px}
.page-hero>p:not(.eyebrow){font-size:16px;margin-bottom:20px}.products-hero-visual{min-height:300px}
.quote-intro,.rfq-form{padding-top:54px;padding-bottom:54px}.quote-help{margin:24px 0}.notice-panel{padding-top:44px;padding-bottom:44px}
@media(max-width:860px){.hero{grid-template-columns:1fr}.hero-copy{padding-top:42px;padding-bottom:42px}.hero h1{font-size:clamp(34px,8vw,44px)}.hero-visual{position:relative;overflow:hidden;min-height:450px;background:url("images/raw-coil-2b-1280.webp") center/cover no-repeat;border-radius:12px;border:1px solid rgba(255,255,255,0.12);box-shadow:0 20px 48px rgba(0,0,0,0.3)}.page-hero,.page-hero:has(.products-hero-visual){padding-top:40px;padding-bottom:34px}.products-hero-visual{min-height:250px}.quote-intro,.rfq-form{padding-top:42px;padding-bottom:42px}}
/* Prevent empty space in the home hero copy column */
.hero{grid-template-columns:1.05fr .95fr}.hero-copy{max-width:none;width:100%;padding-right:max(4vw,36px)}
@media(max-width:860px){.hero{grid-template-columns:1fr}.hero-copy{padding-right:max(7vw,28px)}}
/* Cross-page header and split-layout audit: no constrained empty columns */
.page-hero{max-width:none;width:100%;padding-left:max(7vw,36px);padding-right:max(7vw,36px)}
.page-hero>*{max-width:760px}.page-hero>.page-hero-copy,.page-hero>.products-hero-visual{max-width:none}.page-hero-copy>*{max-width:760px}
.surface-section,.trust,.detail-grid{gap:36px}.surface-section>*,.trust>*,.detail-grid>*{min-width:0}
.finish-grid{height:250px}.drawing-placeholder,.packing-placeholder{height:250px}
.quote-layout{grid-template-columns:1fr 1fr}.quote-intro,.rfq-form{min-width:0}
@media(max-width:860px){.page-hero{padding-left:max(7vw,28px);padding-right:max(7vw,28px)}.finish-grid,.drawing-placeholder,.packing-placeholder{height:220px}.quote-layout{grid-template-columns:1fr}}
/* Product index visual composition */
.page-hero:has(.products-hero-visual){max-width:none;display:grid;grid-template-columns:1fr .9fr;gap:56px;align-items:center}
.page-hero-copy{min-width:0}
.products-hero-visual{min-height:360px;position:relative;overflow:hidden}
.products-hero-visual span{position:absolute;z-index:2;left:20px;bottom:18px;color:#fff;background:rgba(18,24,30,.72);padding:8px 11px;font-size:12px}
@media(max-width:860px){.page-hero:has(.products-hero-visual){grid-template-columns:1fr;padding-top:70px}.products-hero-visual{min-height:300px}}
/* Effective overrides loaded after legacy rules */
.hero{min-height:520px}.hero-copy{padding-top:72px;padding-bottom:72px}.page-hero{padding-top:64px;padding-bottom:52px}.page-hero:has(.products-hero-visual){padding-top:64px;padding-bottom:52px}
@media(max-width:860px){.hero{min-height:0}.hero-copy{padding-top:58px;padding-bottom:58px}.page-hero,.page-hero:has(.products-hero-visual){padding-top:52px;padding-bottom:42px}}