:root{
  --bg:#0d0c0a;
  --bg2:#15130f;
  --paper:#f2eee5;
  --paper2:#e7dfd0;
  --text:#f7f4ed;
  --ink:#171510;
  --muted:#b7afa2;
  --gold:#c89a5b;
  --gold2:#e2ba7d;
  --line:rgba(255,255,255,.14);
  --shadow:0 24px 80px rgba(0,0,0,.34);
  --radius:22px;
  --container:min(1280px, calc(100vw - 48px));
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;background:var(--bg);color:var(--text);font-family:"DM Sans",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6;overflow-x:hidden}
body.menu-open{overflow:hidden}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.container{width:var(--container);margin-inline:auto}
.skip-link{position:absolute;left:-9999px;top:auto}.skip-link:focus{left:18px;top:18px;z-index:9999;background:white;color:black;padding:10px 14px}
.site-header{position:fixed;z-index:1000;top:0;left:0;width:100%;transition:.3s ease;background:linear-gradient(180deg,rgba(0,0,0,.65),rgba(0,0,0,0));border-bottom:1px solid transparent}
.site-header.is-scrolled{background:rgba(11,10,8,.91);backdrop-filter:blur(16px);border-color:rgba(255,255,255,.08)}
.header-inner{height:92px;display:flex;align-items:center;gap:28px}
.brand{width:74px;min-width:74px;height:74px;overflow:hidden;border:1px solid rgba(255,255,255,.18);box-shadow:0 8px 30px rgba(0,0,0,.28);display:flex;align-items:center;justify-content:center;background:rgba(8,8,7,.38)}
.brand img{width:100%;height:100%;object-fit:contain;background:transparent}
.brand-fallback{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:7px 5px;color:#fff;background:linear-gradient(145deg,#1b1a18,#0c0c0b)}
.brand-fallback strong{font:800 12px/1 "Manrope",sans-serif;letter-spacing:.08em}
.brand-fallback small{font:500 7px/1.2 "DM Sans",sans-serif;margin-top:5px;color:var(--gold2);letter-spacing:.03em}
.site-nav{display:flex;align-items:center;gap:30px;margin-left:8px;flex:1}
.site-nav a{font-family:"Manrope",sans-serif;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.82);position:relative;white-space:nowrap}
.site-nav a:after{content:"";position:absolute;left:0;bottom:-10px;width:0;height:2px;background:var(--gold);transition:.25s}
.site-nav a:hover:after{width:100%}
.header-actions{display:flex;align-items:center;gap:12px}
.phone-pill{border:1px solid rgba(255,255,255,.23);height:46px;padding:0 16px;display:flex;align-items:center;gap:8px;font:700 12px "Manrope",sans-serif;background:rgba(8,8,7,.38)}
.btn{min-height:48px;padding:0 24px;display:inline-flex;align-items:center;justify-content:center;gap:18px;font:800 12px "Manrope",sans-serif;text-transform:uppercase;letter-spacing:.03em;border:1px solid transparent;transition:.25s ease;cursor:pointer}
.btn:hover{transform:translateY(-2px)}
.btn-gold{color:#1a140d;background:linear-gradient(135deg,var(--gold2),var(--gold));box-shadow:0 14px 35px rgba(190,137,70,.18)}
.btn-gold:hover{filter:brightness(1.06)}
.btn-outline{border-color:rgba(255,255,255,.38);background:rgba(0,0,0,.18);color:white}
.btn-outline:hover{border-color:var(--gold);color:var(--gold2)}
.btn-compact{min-height:46px;padding-inline:18px}
.menu-toggle{display:none;width:48px;height:48px;border:1px solid rgba(255,255,255,.16);background:rgba(0,0,0,.35);padding:12px;margin-left:auto}
.menu-toggle span{display:block;height:2px;background:#fff;margin:5px 0;transition:.2s}
.hero{position:relative;min-height:760px;height:90vh;display:flex;align-items:center;overflow:hidden;background:#12100d}
.hero-media{position:absolute;inset:0;background-image:url("https://images.unsplash.com/photo-1782834185312-0ee7e7d07f64?auto=format&fit=crop&fm=jpg&q=82&w=2400");background-size:cover;background-position:center 42%;transform:scale(1.03)}
.hero-media:before{content:"";position:absolute;right:-3%;top:9%;width:51%;height:73%;border:24px solid rgba(215,173,118,.35);border-bottom-width:40px;clip-path:polygon(0 0,100% 0,100% 100%,74% 100%,74% 26%,23% 26%,23% 100%,0 100%);filter:drop-shadow(0 22px 50px rgba(0,0,0,.4))}
.hero-media:after{content:"";position:absolute;right:15%;bottom:5%;width:44%;height:12%;background:linear-gradient(180deg,#6f4b2d,#2c1c11);box-shadow:0 0 0 1px rgba(255,255,255,.05),0 20px 60px rgba(0,0,0,.45);transform:skewX(-10deg)}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,5,4,.88) 0%,rgba(6,5,4,.72) 39%,rgba(6,5,4,.22) 64%,rgba(6,5,4,.28) 100%),linear-gradient(0deg,rgba(5,5,4,.52),transparent 55%)}
.hero-content{position:relative;z-index:2;padding-top:86px}
.eyebrow{font:700 12px "Manrope",sans-serif;letter-spacing:.34em;color:var(--gold2);margin-bottom:20px;text-transform:uppercase}
.eyebrow.dark{color:#9a6d36}
h1,h2,h3{font-family:"Manrope",sans-serif;margin:0;letter-spacing:-.035em}
.hero h1{font-size:clamp(48px,6vw,94px);line-height:.95;max-width:920px;font-weight:800;text-transform:uppercase;text-shadow:0 8px 24px rgba(0,0,0,.24)}
.hero h1 span,.section-copy h2 span,.fair-card h2 span,.section-heading h2 span{color:var(--gold2)}
.hero p{max-width:670px;font-size:17px;color:rgba(255,255,255,.8);margin:24px 0 30px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.hero-signature{position:absolute;right:7vw;bottom:10%;z-index:2;font:italic 26px Georgia,serif;line-height:1.2;color:rgba(255,255,255,.86);transform:rotate(-4deg);text-align:center}
.trust-strip{position:relative;background:var(--paper);color:var(--ink);border-bottom:1px solid rgba(0,0,0,.08)}
.trust-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.trust-item{display:grid;grid-template-columns:54px 1fr;gap:16px;padding:30px 26px;border-right:1px solid rgba(0,0,0,.1)}
.trust-item:last-child{border-right:none}
.trust-icon{font-size:34px;color:#986d3f;line-height:1}
.trust-item h3{font-size:15px;text-transform:uppercase;letter-spacing:-.01em;margin-bottom:7px}
.trust-item p{font-size:13px;color:#615a51;margin:0;line-height:1.45}
.section{padding:108px 0}
.dark-section{background:radial-gradient(circle at 80% 20%,rgba(178,126,69,.07),transparent 30%),#11100e}
.split-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:68px;align-items:center}
.section-copy h2,.section-heading h2,.fair-card h2,.contact-copy h2{font-size:clamp(38px,4.7vw,72px);line-height:1.02;text-transform:uppercase}
.section-copy p{color:#d3ccc0;max-width:620px;font-size:16px;margin:24px 0 14px}.section-copy .muted{color:#91897e;margin-top:0;margin-bottom:30px}
.architectural-visual{min-height:520px;position:relative;border:1px solid rgba(255,255,255,.08);overflow:hidden;background:linear-gradient(160deg,#2a1c12 0 24%,#0c0c0c 24% 100%);box-shadow:var(--shadow)}
.architectural-visual:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 10%,rgba(255,232,198,.24),transparent 18%),linear-gradient(0deg,rgba(0,0,0,.38),transparent 50%)}
.arch-frame{position:absolute;border:18px solid #936638;box-shadow:0 18px 40px rgba(0,0,0,.32)}
.frame-1{left:10%;top:16%;width:58%;height:63%}.frame-2{right:-5%;top:28%;width:42%;height:53%;border-color:#c7a06b}
.arch-slat{position:absolute;top:18%;height:64%;width:19%;background:repeating-linear-gradient(90deg,#8d5c33 0 9px,#4b2d18 9px 13px);opacity:.95}.slat-1{left:17%}.slat-2{right:13%;top:30%;height:51%;width:14%}
.arch-floor{position:absolute;bottom:0;left:0;right:0;height:24%;background:linear-gradient(155deg,#6f4b31,#2d2018 66%)}
.arch-light{position:absolute;width:8px;height:8px;border-radius:50%;background:#ffe1ac;box-shadow:0 0 30px 10px rgba(255,211,151,.45)}.light-1{top:10%;left:35%}.light-2{top:16%;right:18%}
.light-section{background:var(--paper);color:var(--ink)}
.section-heading{max-width:840px;margin-bottom:44px}.section-heading p{color:#665f56;max-width:670px;font-size:16px}
.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.product-card{position:relative;min-height:390px;overflow:hidden;padding:0;background:#5c4937;box-shadow:0 14px 40px rgba(41,29,17,.15)}
.product-card:before{content:"";position:absolute;inset:0;transition:transform .5s ease;transform:scale(1.03)}
.product-card:hover:before{transform:scale(1.09)}
.product-1:before{background:repeating-linear-gradient(0deg,#8e6f4f 0 11px,#6f5135 11px 17px,#b28d67 17px 24px)}
.product-2:before{background:repeating-linear-gradient(90deg,#b99d7c 0 6px,#6c4e33 6px 11px,#d3ba99 11px 18px)}
.product-3:before{background:linear-gradient(90deg,#a2764e 0 22%,#d0aa7d 22% 29%,#8a5d35 29% 52%,#caa274 52% 59%,#6a4227 59% 100%)}
.product-4:before{background:linear-gradient(135deg,#3a2d20,#886040 45%,#2d2219 46%,#b58b60 70%,#4e3726 71%)}
.product-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,6,5,.9),rgba(7,6,5,.05) 68%)}
.product-body{position:absolute;z-index:2;left:24px;right:24px;bottom:24px;color:white}.product-body span{font-size:11px;color:var(--gold2);letter-spacing:.2em}.product-body h3{font-size:23px;text-transform:uppercase;margin:6px 0}.product-body p{font-size:13px;color:rgba(255,255,255,.74);margin:0 0 16px;line-height:1.45}.product-body a{font:700 12px "Manrope",sans-serif;text-transform:uppercase;color:var(--gold2)}
.fair-section{position:relative;min-height:720px;display:flex;align-items:center;overflow:hidden;background:#17120f}
.fair-bg{position:absolute;inset:0;background:radial-gradient(circle at 70% 25%,rgba(255,232,195,.28),transparent 10%),repeating-linear-gradient(90deg,rgba(159,105,55,.36) 0 11px,rgba(30,19,12,.3) 11px 17px,transparent 17px 85px),linear-gradient(115deg,#25170e 0 35%,#0f0e0c 35% 64%,#3a2517 64% 100%)}
.fair-bg:after{content:"";position:absolute;right:4%;top:18%;width:46%;height:62%;border:26px solid rgba(214,169,111,.52);clip-path:polygon(0 0,100% 0,100% 100%,76% 100%,76% 28%,23% 28%,23% 100%,0 100%);box-shadow:0 30px 60px rgba(0,0,0,.4)}
.fair-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,700px) 1fr}
.fair-card{padding:58px;background:rgba(10,9,8,.83);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.12);box-shadow:var(--shadow)}
.fair-card p{color:#c6beb2;font-size:16px;max-width:600px}.fair-features{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:32px}.fair-features div{padding:18px;border-top:1px solid rgba(255,255,255,.16)}.fair-features strong{display:block;color:var(--gold2);font-size:15px;margin-bottom:8px}.fair-features span{font-size:13px;color:#d0c7bb}
.stats-section{background:#0b0b0a;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.stat{padding:36px 24px;border-right:1px solid rgba(255,255,255,.1);text-align:center}.stat:last-child{border-right:none}.stat strong{display:block;font:800 26px "Manrope",sans-serif;color:var(--gold2);letter-spacing:-.03em}.stat span{display:block;color:#9f978b;font-size:12px;letter-spacing:.12em;margin-top:5px}
.contact-section{padding:110px 0;background:linear-gradient(125deg,#11100e,#18130f)}
.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:52px;align-items:stretch}.contact-copy{padding:28px 0}.contact-copy h2{margin-bottom:28px}.contact-list{display:grid;gap:18px;margin:22px 0 30px}.contact-list>div{display:flex;gap:15px;align-items:flex-start}.contact-icon{color:var(--gold2);font-size:24px}.contact-list p{margin:0;color:#d9d0c4}.contact-list a{font-weight:700}.contact-actions{display:flex;gap:12px;flex-wrap:wrap}.direction-note{font-size:12px;color:#8f877d;margin-top:18px;max-width:500px}.map-wrap{min-height:500px;border:1px solid rgba(255,255,255,.1);box-shadow:var(--shadow);overflow:hidden}.map-wrap iframe{width:100%;height:100%;min-height:500px;border:0;filter:grayscale(.2) contrast(1.03)}
.site-footer{background:#080807;padding:58px 0 24px}.footer-grid{display:grid;grid-template-columns:1.4fr .8fr 1fr;gap:48px}.footer-logo-link{width:82px;height:82px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;overflow:hidden;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.03)}.footer-logo-link img{width:100%;height:100%;object-fit:contain}.footer-logo-link .brand-fallback{display:flex}.footer-brand img{width:82px;height:82px;object-fit:contain;margin-bottom:0}.footer-brand p{max-width:380px;color:#847d73;font-size:14px}.footer-links{display:grid;align-content:start;gap:10px}.footer-links a{font:700 13px "Manrope",sans-serif;color:#cfc6b9}.footer-contact{display:grid;align-content:start;gap:8px;color:#b3aa9d}.footer-contact a{font-weight:800;color:var(--gold2)}.footer-bottom{margin-top:42px;padding-top:20px;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#716a62}.footer-bottom a:hover{color:var(--gold2)}
.mobile-quickbar{display:none}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.is-visible{opacity:1;transform:none}
@media (max-width:1180px){
  .site-nav{gap:20px}.header-actions .phone-pill{display:none}.hero{min-height:700px}.trust-grid{grid-template-columns:repeat(2,1fr)}.trust-item:nth-child(2){border-right:none}.trust-item:nth-child(-n+2){border-bottom:1px solid rgba(0,0,0,.1)}.product-grid{grid-template-columns:repeat(2,1fr)}.product-card{min-height:340px}
}
@media (max-width:900px){
  :root{--container:min(100% - 32px,760px)}
  .header-inner{height:76px}.brand{width:58px;min-width:58px;height:58px}.menu-toggle{display:block}.header-actions{display:none}
  .site-nav{position:fixed;inset:76px 0 auto 0;background:rgba(10,9,8,.98);backdrop-filter:blur(18px);display:flex;flex-direction:column;align-items:stretch;gap:0;padding:12px 16px 24px;transform:translateY(-140%);opacity:0;pointer-events:none;transition:.28s;border-bottom:1px solid rgba(255,255,255,.08)}
  .site-nav.is-open{transform:none;opacity:1;pointer-events:auto}.site-nav a{font-size:15px;padding:16px;border-bottom:1px solid rgba(255,255,255,.07)}.site-nav a:after{display:none}
  .hero{height:auto;min-height:700px;padding:116px 0 78px}.hero-content{padding-top:0}.hero h1{font-size:clamp(48px,12vw,76px);max-width:690px}.hero p{font-size:16px;max-width:560px}.hero-signature{display:none}.hero-media:before{right:-25%;width:86%;opacity:.55}
  .split-grid,.contact-grid{grid-template-columns:1fr}.architectural-visual{min-height:430px}.product-grid{grid-template-columns:1fr 1fr}.fair-grid{grid-template-columns:1fr}.fair-card{margin:74px 0;padding:38px}.fair-bg:after{right:-22%;width:80%;opacity:.4}.stats-grid{grid-template-columns:1fr 1fr}.stat:nth-child(2){border-right:none}.stat:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.1)}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}
  .mobile-quickbar{display:grid;grid-template-columns:1fr 1fr;position:fixed;z-index:999;left:0;right:0;bottom:0;padding:10px max(10px, env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left));background:rgba(8,8,7,.94);backdrop-filter:blur(18px);border-top:1px solid rgba(255,255,255,.1)}.mobile-quickbar a{min-height:46px;display:flex;align-items:center;justify-content:center;font:800 13px "Manrope",sans-serif;text-transform:uppercase}.mobile-quickbar a:first-child{background:#22201c}.mobile-quickbar a:last-child{background:linear-gradient(135deg,var(--gold2),var(--gold));color:#1b140d}
  .site-footer{padding-bottom:92px}
}
@media (max-width:640px){
  :root{--container:calc(100vw - 28px)}
  .hero{min-height:650px}.hero h1{font-size:46px;line-height:.98}.hero p{font-size:15px}.hero-actions .btn{width:100%}.trust-grid{grid-template-columns:1fr}.trust-item,.trust-item:nth-child(2){border-right:none}.trust-item:nth-child(-n+3){border-bottom:1px solid rgba(0,0,0,.1)}
  .section{padding:78px 0}.section-copy h2,.section-heading h2,.fair-card h2,.contact-copy h2{font-size:39px}.product-grid{grid-template-columns:1fr}.product-card{min-height:320px}.fair-section{min-height:650px}.fair-card{padding:28px;margin:58px 0}.fair-features{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr}.stat,.stat:nth-child(2){border-right:none;border-bottom:1px solid rgba(255,255,255,.1)}.stat:last-child{border-bottom:none}.contact-section{padding:76px 0}.contact-actions .btn{width:100%}.map-wrap,.map-wrap iframe{min-height:360px}.footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:auto}.footer-bottom{flex-direction:column}.architectural-visual{min-height:330px}.frame-1{width:68%;left:6%}.frame-2{width:46%}.arch-slat{width:24%}
}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.reveal{opacity:1;transform:none;transition:none}.product-card:before,.btn{transition:none}}

body.admin-bar .site-header{top:32px}@media (max-width:782px){body.admin-bar .site-header{top:46px}}
