:root { --ink:#080808; --paper:#f2eee8; --muted:#a6a29d; --red:#b61f39; --line:rgba(255,255,255,.18); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; background:var(--ink); }
body { margin:0; background:var(--ink); color:#fff; font-family:Arial, Helvetica, sans-serif; }
a { color:inherit; text-decoration:none; }
img { display:block; width:100%; }
.site-header { position:absolute; z-index:20; top:0; left:0; width:100%; display:flex; align-items:center; justify-content:space-between; padding:24px 4.5vw; border-bottom:1px solid rgba(255,255,255,.22); }
.brand { display:flex; align-items:center; gap:12px; font-size:14px; font-weight:800; letter-spacing:.12em; }
.brand-mark { display:grid; place-items:center; width:30px; height:30px; background:#fff; color:#111; font-size:18px; letter-spacing:0; }
nav { display:flex; align-items:center; gap:32px; font-size:13px; }
nav a { opacity:.82; transition:.2s ease; } nav a:hover { opacity:1; }
.nav-cta { border:1px solid rgba(255,255,255,.55); padding:11px 17px; }
.hero { position:relative; min-height:100svh; display:flex; align-items:flex-end; overflow:hidden; }
.hero-image { position:absolute; inset:0; background:url('/images/showroom.jpeg') center 52%/cover no-repeat; filter:saturate(.82) contrast(1.08); transform:scale(1.01); }
.hero-shade { position:absolute; inset:0; background:linear-gradient(90deg,rgba(0,0,0,.82) 0%,rgba(0,0,0,.45) 48%,rgba(0,0,0,.12) 78%),linear-gradient(0deg,rgba(0,0,0,.72),transparent 42%); }
.hero-content { position:relative; z-index:2; width:min(760px,88vw); padding:155px 0 150px 7vw; }
.eyebrow,.section-index { margin:0 0 28px; color:#d9d5cf; font-size:12px; font-weight:700; letter-spacing:.16em; text-transform:uppercase; }
.hero h1 { margin:0; max-width:720px; font-size:clamp(66px,8.8vw,142px); line-height:.79; letter-spacing:-.075em; text-transform:uppercase; }
.hero h1 em { color:#d8b7a1; font-style:normal; }
.hero-copy { max-width:610px; margin:38px 0 0; font-size:18px; line-height:1.6; color:#eee9e2; }
.hero-actions { display:flex; flex-wrap:wrap; gap:14px; margin-top:38px; }
.button { padding:16px 22px; font-size:13px; font-weight:700; border:1px solid rgba(255,255,255,.5); }
.button.primary { color:#fff; border-color:var(--red); background:var(--red); }.button.primary span{margin-left:18px}.button.ghost{backdrop-filter:blur(8px)}
.hero-stats { position:absolute; z-index:3; right:4.5vw; bottom:38px; display:flex; border-top:1px solid var(--line); }
.hero-stats div { width:160px; padding:16px 10px 0; }
.hero-stats strong,.hero-stats span { display:block; }.hero-stats strong{font-size:20px}.hero-stats span{margin-top:6px;color:#d6d0c9;font-size:11px;text-transform:uppercase;letter-spacing:.08em}
.section-shell { padding:120px 7vw; }
.intro { background:var(--paper); color:#111; }.intro .section-index,.products .section-index,.development .section-index{color:#7b7771}
.intro-grid { display:grid; grid-template-columns:1.15fr .85fr; gap:10vw; align-items:end; }
h2 { margin:0; font-size:clamp(44px,6vw,88px); line-height:.96; letter-spacing:-.055em; }
.intro-grid>div p,.section-heading>p,.factory-lead>div>p,.development-title>p { font-size:18px; line-height:1.65; color:#504d49; }
.text-link { display:inline-flex; gap:38px; margin-top:18px; padding-bottom:7px; border-bottom:1px solid #111; font-weight:700; }
.products { color:#141414; background:#e6e0d8; }
.section-heading { display:grid; grid-template-columns:1.2fr .65fr; gap:10vw; align-items:end; }
.product-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; margin-top:70px; }
.product-card { min-width:0; background:#f7f4ef; }.product-card img{aspect-ratio:1/1.15;object-fit:contain;padding:18px}.product-card div{padding:20px 22px 24px;border-top:1px solid #d5cec5}.product-card h3{margin:0 0 8px;font-size:18px}.product-card p{margin:0;color:#77716a;font-size:13px}
.category-line { margin-top:24px; padding-top:24px; border-top:1px solid #bcb5ac; font-size:12px; letter-spacing:.08em; text-transform:uppercase; }
.showroom { position:relative; min-height:780px; overflow:hidden; }.showroom>img{height:780px;object-fit:cover}.showroom:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.75),rgba(0,0,0,.05) 70%)}
.showroom-copy { position:absolute; z-index:2; left:7vw; bottom:90px; max-width:590px; }.showroom-copy p:last-child{max-width:520px;font-size:17px;line-height:1.6;color:#e5e1db}.showroom-copy h2{font-size:clamp(50px,6vw,94px)}
.manufacturing { background:var(--paper); color:#111; }.factory-lead{display:grid;grid-template-columns:.8fr 1.2fr;gap:7vw;align-items:center}.factory-lead img{aspect-ratio:1.35;object-fit:cover}.factory-lead h2{font-size:clamp(46px,5.2vw,78px)}
.capability-panel { display:grid; grid-template-columns:1fr 1fr; margin-top:90px; background:#111; color:#fff; }.capability-panel>img{height:620px;object-fit:cover}.capability-panel>div{padding:60px}.capability-panel ul{list-style:none;margin:0;padding:0}.capability-panel li{display:flex;gap:28px;padding:18px 0;border-top:1px solid #333;font-size:17px}.capability-panel li span{color:#c8c2bb;font-size:12px}
.development { background:#0b0b0b; }.development-title{display:grid;grid-template-columns:1.15fr .75fr;gap:9vw;align-items:end}.development-title>p{color:#aaa59e}.process-list{margin-top:72px;border-top:1px solid #343434}.process-row{display:grid;grid-template-columns:80px .8fr 1fr;gap:30px;align-items:center;padding:25px 0;border-bottom:1px solid #343434}.process-row>span{color:var(--red);font-weight:700}.process-row h3{margin:0;font-size:23px}.process-row p{margin:0;color:#aaa59e;line-height:1.5}
.quality { display:grid; grid-template-columns:1fr 1fr; background:#161616; }.quality-image img{height:100%;min-height:760px;object-fit:cover}.quality-copy{padding:100px 7vw}.quality-copy h2{color:#fff}.quality-copy>p:nth-of-type(2){font-size:17px;line-height:1.65;color:#bcb7b1}.quality-copy ol{list-style:none;padding:0;margin:50px 0 0}.quality-copy li{display:flex;gap:24px;padding:16px 0;border-top:1px solid #3a3a3a;font-size:15px}.quality-copy li span{color:#d7b8a2}
.contact { background:var(--red); }.contact .section-index{color:#f0cdd4}.contact-grid{display:grid;grid-template-columns:1.05fr .8fr;gap:9vw}.contact-grid h2{font-size:clamp(50px,6.4vw,98px)}.contact-details>p{margin-top:0;font-size:18px;line-height:1.65}.email-link{display:flex;justify-content:space-between;margin-top:35px;padding:18px 0;border-top:1px solid rgba(255,255,255,.45);border-bottom:1px solid rgba(255,255,255,.45);font-size:clamp(22px,2.5vw,38px)}.contact-meta{display:flex;gap:48px;margin-top:30px;color:#f4dce1;font-size:12px;line-height:1.8}.contact-meta b{color:#fff;font-size:14px}
footer { display:flex;align-items:center;justify-content:space-between;padding:32px 4.5vw;background:#050505;color:#aaa;font-size:11px;text-transform:uppercase;letter-spacing:.08em}footer .brand{color:#fff}
.proof-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:60px;border-top:1px solid #ccc;border-bottom:1px solid #ccc}.proof-grid div{padding:28px 18px;border-right:1px solid #ccc}.proof-grid div:last-child{border-right:0}.proof-grid strong{display:block;color:var(--red);font-size:clamp(1.35rem,2.2vw,2.2rem)}.proof-grid span{display:block;margin-top:6px;color:#666;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}
.full-range{grid-template-columns:repeat(4,1fr)}.full-range .product-card img{height:230px;aspect-ratio:auto}.product-number{display:block;color:var(--red);font-size:.7rem;letter-spacing:.12em;margin-bottom:8px}
.contact-intro{max-width:520px;color:#f4dce1;line-height:1.7;margin:22px 0 30px}.inquiry-form{background:#fff;color:#111;padding:34px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.inquiry-form label{display:grid;gap:8px;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.inquiry-form input,.inquiry-form select{width:100%;border:0;border-bottom:1px solid #bbb;background:transparent;padding:10px 2px;color:#111;font:inherit;outline:none}.inquiry-form input:focus,.inquiry-form select:focus{border-color:var(--red)}.form-submit{border:0;cursor:pointer;margin-top:28px}.form-note{color:#777;font-size:.72rem;margin:14px 0 0;text-transform:none;letter-spacing:0}
@media(max-width:900px){nav>a:not(.nav-cta){display:none}.site-header{padding:18px 20px}.hero-content{padding:130px 20px 180px}.hero h1{font-size:clamp(60px,18vw,100px)}.hero-copy{font-size:16px}.hero-stats{left:20px;right:20px;bottom:24px}.hero-stats div{flex:1;width:auto}.section-shell{padding:88px 20px}.intro-grid,.section-heading,.factory-lead,.development-title,.contact-grid{grid-template-columns:1fr;gap:34px}.product-grid{grid-template-columns:1fr 1fr}.showroom,.showroom>img{min-height:650px;height:650px}.showroom-copy{left:20px;right:20px;bottom:55px}.capability-panel,.quality{grid-template-columns:1fr}.capability-panel>img{height:430px}.capability-panel>div{padding:40px 24px}.quality-image img{min-height:520px;height:520px}.quality-copy{padding:70px 20px}.process-row{grid-template-columns:45px 1fr}.process-row p{grid-column:2}.contact-meta{flex-direction:column;gap:12px}footer{gap:20px;flex-wrap:wrap}}
@media(max-width:560px){.brand{font-size:12px}.nav-cta{padding:9px 12px}.hero-stats span{font-size:9px}.hero-stats strong{font-size:15px}.button{width:100%;text-align:center}.product-grid{grid-template-columns:1fr}.product-card img{aspect-ratio:1.35}.category-line{line-height:1.8}.process-row h3{font-size:19px}.contact-grid h2{font-size:48px}.email-link{font-size:20px}footer{display:block}footer>p{margin-top:18px}}
@media(max-width:900px){.proof-grid{grid-template-columns:1fr 1fr}.proof-grid div:nth-child(2){border-right:0}.full-range{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.proof-grid,.full-range,.form-grid{grid-template-columns:1fr}.proof-grid div{border-right:0}.inquiry-form{padding:24px 18px}}
