:root{--bg:#061018;--bg2:#0a1720;--text:#f8fbff;--muted:rgba(255,255,255,.74);--gold:#f1d79e;--blue:#49b9e6;--blue2:#025864;--card:rgba(255,255,255,.055);--line:rgba(255,255,255,.12);--ease:cubic-bezier(.2,.75,.2,1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;background:radial-gradient(circle at 60% 0,rgba(2,88,100,.12),transparent 38%),var(--bg);color:var(--text);overflow-x:hidden}a{color:inherit;text-decoration:none}img,video{max-width:100%;display:block}.smoke-canvas{position:fixed;inset:0;pointer-events:none;z-index:999;mix-blend-mode:screen;opacity:.85;filter:blur(.25px)}.site-header{position:fixed;z-index:50;inset:0 0 auto 0;display:flex;align-items:center;justify-content:space-between;padding:18px clamp(20px,4vw,54px);transition:background .25s ease,backdrop-filter .25s ease}.site-header.is-scrolled{background:rgba(4,12,18,.70);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.08)}.brand{display:inline-flex;align-items:center;gap:14px}.brand img{width:74px;height:74px;object-fit:contain}.brand span{font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:15px;text-shadow:0 0 18px rgba(73,185,230,.2)}.site-nav{display:flex;align-items:center;gap:22px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.12em}.site-nav a{opacity:.82}.site-nav a:hover{opacity:1;color:var(--gold)}.nav-cta{padding:12px 18px;border:1px solid rgba(241,215,158,.34);border-radius:6px}.nav-toggle{display:none;background:transparent;border:0;width:46px;height:42px}.nav-toggle span{display:block;width:28px;height:2px;background:white;margin:7px auto}.hero{position:relative;min-height:100svh;display:grid;align-items:center;padding:130px clamp(20px,5vw,70px) 70px;overflow:hidden}.hero-media,.hero-poster,.hero-film,.hero-slab,.hero-overlay{position:absolute;inset:0}.hero-media{z-index:-2;background:radial-gradient(circle at 70% 36%,rgba(2,88,100,.18),transparent 38%),linear-gradient(120deg,#061018,#081620 52%,#050d13)}.hero-poster,.hero-film,.hero-slab{width:100%;height:100%;object-fit:cover}.hero-poster{opacity:1;transition:opacity .45s ease}.hero-film{opacity:0;transition:opacity .4s ease;filter:brightness(1.02) contrast(1.16) saturate(1.08)}body.video-live .hero-film{opacity:1}body.video-live .hero-poster{opacity:0}body.hero-finished .hero-film,body.hero-finished .hero-poster{opacity:0}.hero-slab{opacity:0;transition:opacity .8s ease,transform 1.4s var(--ease);filter:contrast(1.08) saturate(1.04) drop-shadow(0 22px 44px rgba(0,0,0,.34));transform:scale(1.012)}body.hero-finished .hero-slab{opacity:1;transform:scale(1)}.hero-overlay{background:linear-gradient(90deg,rgba(4,12,18,.70),rgba(4,12,18,.42) 34%,rgba(4,12,18,.08) 68%,rgba(4,12,18,.16)),linear-gradient(0deg,rgba(4,12,18,.60),rgba(4,12,18,.16) 48%,rgba(4,12,18,.12))}.hero-inner{width:min(610px,42vw);position:relative;z-index:2}.eyebrow{margin:0 0 14px;color:var(--gold);font-size:12px;font-weight:900;letter-spacing:.2em;text-transform:uppercase}.hero h1{margin:0;max-width:12ch;font-size:clamp(54px,7vw,104px);line-height:.92;letter-spacing:-.08em}.hero p:not(.eyebrow){max-width:500px;color:rgba(255,255,255,.82);font-size:clamp(18px,1.5vw,22px);line-height:1.45}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.btn{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 24px;border-radius:6px;border:1px solid transparent;font-size:12px;font-weight:900;letter-spacing:.09em;text-transform:uppercase;transition:transform .2s ease,box-shadow .2s ease,border .2s ease}.btn:hover{transform:translateY(-3px)}.btn-primary{
  color:#f7fbff;
  border:2px solid rgba(73,185,230,.38);
  border-radius:6px;
  background:linear-gradient(180deg,rgba(7,16,24,.98),rgba(1,7,12,.99));
  box-shadow:inset 0 0 30px rgba(0,0,0,.86),0 18px 42px rgba(0,0,0,.32),0 0 18px rgba(2,88,100,.18);
  overflow:visible;
}
.btn-primary::before,.btn-primary::after{content:none}
.btn-primary .btn-label{position:relative;z-index:3;display:inline-flex;align-items:center;justify-content:center}
.btn-primary .button-trace{position:absolute;inset:-2px;width:calc(100% + 4px);height:calc(100% + 4px);z-index:2;pointer-events:none;overflow:visible}
.btn-primary .button-trace rect{fill:none;vector-effect:non-scaling-stroke}
.btn-primary .trace-base{stroke:rgba(90,196,240,.42);stroke-width:2;filter:drop-shadow(0 0 5px rgba(73,185,230,.5))}
.btn-primary .trace-comet{stroke:#8fd8ff;stroke-width:2.5;stroke-linecap:round;stroke-dasharray:32 68;stroke-dashoffset:0;animation:traceButton 3.4s linear infinite;filter:drop-shadow(0 0 6px rgba(140,216,255,.95)) drop-shadow(0 0 14px rgba(73,185,230,.6))}
.btn-primary:hover{border-color:rgba(73,185,230,.62);box-shadow:inset 0 0 30px rgba(0,0,0,.86),0 22px 48px rgba(0,0,0,.34),0 0 26px rgba(73,185,230,.20)}
.btn-primary:hover .trace-comet{stroke:#b6e8ff;animation-duration:2.7s}
.btn-primary:hover .trace-base{stroke:rgba(140,216,255,.55)}
@keyframes traceButton{to{stroke-dashoffset:-100}}
.btn-secondary{background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.18);color:white}.section{position:relative;padding:clamp(80px,10vw,140px) clamp(20px,5vw,70px)}.section-head{text-align:center;margin:0 auto 42px;max-width:940px}.section h2{font-size:clamp(38px,5.6vw,76px);line-height:.96;letter-spacing:-.06em;margin:0}.stone-card{border:1px solid rgba(241,215,158,.14);border-radius:28px;background:linear-gradient(180deg,rgba(9,23,34,.76),rgba(5,13,20,.88));box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 30px 90px rgba(0,0,0,.25);overflow:hidden}.about-card{width:min(1040px,100%);margin:0 auto;padding:clamp(26px,4vw,46px)}.about-card p{margin:0;color:var(--muted);font-size:clamp(18px,1.5vw,21px);line-height:1.55}.about-card p+p{margin-top:16px}.typed-headline{display:flex;align-items:baseline;justify-content:center;gap:0;flex-wrap:wrap}.typed-headline>span:first-child{margin-right:.22em}.typed-word{display:inline-block;color:var(--gold)}.typed-cursor{color:var(--blue);text-shadow:0 0 14px rgba(73,185,230,.7);animation:blink .9s steps(1) infinite}.typed-cursor.is-typing{opacity:1;animation:none}@keyframes blink{50%{opacity:.15}}.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.work-photo-card{position:relative;min-height:320px;border-radius:26px;overflow:hidden;border:1px solid rgba(241,215,158,.14);contain:layout paint style;background:#08131b;box-shadow:0 16px 40px rgba(0,0,0,.22);transition:transform .2s ease,border-color .2s ease}.work-photo-card picture,.work-photo-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.work-photo-card:hover{transform:translateY(-6px);border-color:rgba(241,215,158,.38)}.work-photo-card:hover img{transform:scale(1.028)}.work-photo-card img{transition:transform .35s var(--ease)}.work-photo-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.24));z-index:1}.work-hover-card{position:absolute;z-index:2;left:16px;right:16px;bottom:16px;padding:16px;border-radius:20px;border:1px solid rgba(241,215,158,.18);background:rgba(5,14,22,.78);backdrop-filter:blur(10px);opacity:0;transform:translateY(12px);transition:opacity .25s ease,transform .25s ease}.work-photo-card:hover .work-hover-card{opacity:1;transform:translateY(0)}.work-hover-card strong,.work-hover-card em{display:block}.work-hover-card strong{font-size:18px}.work-hover-card em{margin-top:5px;color:var(--gold);font-style:normal;text-transform:uppercase;letter-spacing:.14em;font-size:11px}.showroom-card{width:min(1120px,100%);margin:0 auto;display:grid;grid-template-columns:1.08fr .92fr;gap:18px;padding:clamp(24px,4vw,46px)}.showroom-card p{color:var(--muted);font-size:18px;line-height:1.55}.showroom-card strong{color:white}.showroom-details{display:grid;gap:12px}.detail-row{padding:18px 20px;border-radius:20px;background:rgba(255,255,255,.045);border:1px solid rgba(241,215,158,.12)}.detail-row span{display:block;color:var(--gold);font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.detail-row strong{display:block;margin-top:9px;line-height:1.45}.showroom-detail-actions{display:grid;gap:12px;margin-top:12px}.reviews-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;width:min(1040px,100%);margin:0 auto}.review-card{padding:22px;border-radius:24px;background:rgba(255,255,255,.052);border:1px solid rgba(255,255,255,.10)}.review-card div{display:flex;justify-content:space-between;gap:14px}.review-card span{color:var(--gold);letter-spacing:.08em}.review-card p{color:var(--muted);line-height:1.5}.reviews-action{text-align:center;margin-top:28px}.cta-section{overflow:hidden;display:grid;place-items:center;text-align:center;min-height:620px}.cta-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.38;filter:brightness(.8) contrast(1.1)}.cta-section::after{content:"";position:absolute;inset:0;background:rgba(4,12,18,.45)}.cta-card{position:relative;z-index:1;width:min(900px,100%);padding:clamp(32px,6vw,64px)}.cta-card p{color:var(--muted);font-size:18px}.site-footer{padding:56px clamp(20px,5vw,70px);display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:28px;border-top:1px solid rgba(255,255,255,.08);background:#050d13}.footer-brand img{width:94px;height:94px;object-fit:contain}.footer-brand span,.footer-seo strong{display:block;font-weight:900;text-transform:uppercase;letter-spacing:.12em}.footer-brand p{color:var(--muted);max-width:300px;line-height:1.5}.footer-seo a{display:block;color:rgba(255,255,255,.66);margin-top:11px}.reveal{opacity:0;transform:translateY(26px);transition:opacity .75s var(--ease),transform .75s var(--ease)}.reveal.is-visible{opacity:1;transform:translateY(0)}@media (min-width:721px){
  .hero{align-items:center;padding-top:132px;padding-bottom:70px}
  .hero-poster,.hero-film,.hero-slab{
    top:50%;
    left:auto;
    bottom:auto;
    right:clamp(24px,3.5vw,64px);
    width:min(46vw,620px);
    height:min(66vh,580px);
    object-fit:cover;
    object-position:center center;
    border-radius:24px;
    background:#08131b;
    box-shadow:0 44px 100px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.06);
    transform:translateY(-50%);
  }
  .hero-film{filter:brightness(1.05) contrast(1.12) saturate(1.08)}
  .hero-slab{object-fit:contain;background:transparent;box-shadow:none;border-radius:0;filter:contrast(1.05) saturate(1.03) drop-shadow(0 30px 52px rgba(0,0,0,.6));transform:translateY(-50%) scale(1.012)}
  body.hero-finished .hero-slab{transform:translateY(-50%) scale(1)}
  .hero-overlay{top:50%;left:auto;bottom:auto;right:clamp(24px,3.5vw,64px);width:min(46vw,620px);height:min(66vh,580px);transform:translateY(-50%);border-radius:24px;background:linear-gradient(180deg,rgba(4,12,18,0) 55%,rgba(4,12,18,.34))}
  .hero-inner{width:min(500px,40vw);transform:none}
  .hero h1{font-size:clamp(44px,4.55vw,68px);line-height:.91;letter-spacing:-.075em}
  .hero p:not(.eyebrow){font-size:clamp(17px,1.2vw,19px);max-width:440px}
  .hero-actions{gap:12px}
}
@media (max-width:980px){.work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.showroom-card,.reviews-list{grid-template-columns:1fr}.site-footer{grid-template-columns:1fr}}@media (max-width:720px){.site-header{padding:14px 18px}.brand img{width:62px;height:62px}.brand span{font-size:12px;max-width:130px;line-height:1.05}.nav-toggle{display:block}.site-nav{position:fixed;inset:76px 14px auto 14px;display:grid;gap:0;padding:10px;border:1px solid rgba(255,255,255,.10);border-radius:20px;background:rgba(6,16,24,.96);opacity:0;transform:translateY(-12px);pointer-events:none;transition:.22s}.site-nav.is-open{opacity:1;transform:translateY(0);pointer-events:auto}.site-nav a{padding:14px}.hero{min-height:auto;padding:calc(84px + min(34svh,250px) + 22px) 20px 60px;align-items:start}.hero-poster,.hero-film,.hero-slab{top:84px;bottom:auto;left:12px;right:auto;width:calc(100vw - 24px);height:min(34svh,250px);object-fit:contain;object-position:center center;border-radius:18px;box-shadow:none;background:transparent}.hero-film,.hero-poster{filter:drop-shadow(0 22px 44px rgba(0,0,0,.55))}.hero-slab{object-fit:contain;background:transparent;box-shadow:none;border-radius:0;filter:drop-shadow(0 18px 34px rgba(0,0,0,.6))}.hero-overlay{display:none}.hero-inner{width:100%}.hero h1{font-size:clamp(38px,11vw,56px);max-width:none;letter-spacing:-.04em}.hero p:not(.eyebrow){font-size:17px}.hero-actions{display:grid}.work-grid{grid-template-columns:1fr}.work-photo-card{min-height:360px}.section{padding:76px 18px}.section-head{text-align:left}.typed-headline{justify-content:flex-start;font-size:clamp(38px,11vw,56px)}.footer-seo{display:none}.site-footer{padding:42px 20px}}@media (max-width:420px){.brand span{display:none}}
/* ---- perf + smoothness ---- */
.hero-overlay{transition:opacity .8s ease}
body.hero-finished .hero-overlay{opacity:0}
.reveal{will-change:opacity,transform}
.reveal.is-visible{will-change:auto}
.work-photo-card,.hero-poster,.hero-film,.hero-slab{backface-visibility:hidden}
.cta-section,.site-footer{content-visibility:auto;contain-intrinsic-size:auto 640px}
.site-footer{contain-intrinsic-size:auto 320px}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .reveal{opacity:1;transform:none;transition:none}
  .btn-primary .button-trace{display:none}
  .btn:hover{transform:none}
  .typed-cursor{animation:none}
}
