/* ==========================================================================
   AURORA PREMIUM FINISH — 40K LOOK
   Additive, reversible design layer. No content or asset changes.
   ========================================================================== */

:root{
  --ap-ink:#030407;
  --ap-panel:rgba(9,12,18,.72);
  --ap-panel-strong:rgba(7,9,14,.9);
  --ap-line:rgba(255,255,255,.10);
  --ap-line-hi:rgba(255,255,255,.18);
  --ap-blue:#58d5ff;
  --ap-violet:#8d6cff;
  --ap-warm:#e6c88b;
  --ap-soft:#aeb6c4;
  --ap-ease:cubic-bezier(.2,.78,.22,1);
  --ap-shadow:0 30px 100px rgba(0,0,0,.36);
  --ap-shadow-soft:0 20px 60px rgba(0,0,0,.22);
}
html{background:var(--ap-ink);text-rendering:optimizeLegibility}
body{
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  background:
    radial-gradient(1100px 700px at 72% -10%,rgba(88,213,255,.035),transparent 58%),
    var(--ap-ink);
}
body:before{
  content:"";
  position:fixed;inset:0;z-index:89;pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.012),transparent 14%,transparent 82%,rgba(255,255,255,.008));
  mix-blend-mode:screen;
}

/* PREMIUM NAVIGATION */
.nav,.show-nav{
  border-bottom-color:rgba(255,255,255,.055)!important;
}
.nav.scrolled,.show-nav.is-scrolled,
body[data-showroom-focus] .show-nav{
  background:linear-gradient(180deg,rgba(5,7,11,.88),rgba(5,7,11,.74))!important;
  border-bottom-color:rgba(255,255,255,.10)!important;
  box-shadow:0 12px 44px rgba(0,0,0,.18);
  backdrop-filter:blur(22px) saturate(125%)!important;
}
.brand,.show-brand{
  transition:opacity .35s var(--ap-ease),transform .35s var(--ap-ease);
}
.brand:hover,.show-brand:hover{opacity:.92;transform:translateY(-1px)}
.brand-mark,.show-brand img{
  filter:drop-shadow(0 0 13px rgba(88,213,255,.24)) drop-shadow(0 3px 8px rgba(0,0,0,.28))!important;
}
.nav-links a,.nav-links button,.show-links a{
  letter-spacing:.16em!important;
  transition:color .32s var(--ap-ease),opacity .32s var(--ap-ease)!important;
}
.language-switch{
  background:rgba(7,9,14,.52)!important;
  border-color:rgba(255,255,255,.14)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.nav-cta,.show-cta{
  background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.012))!important;
  border-color:rgba(255,255,255,.24)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 8px 30px rgba(0,0,0,.12);
  transition:transform .35s var(--ap-ease),border-color .35s,color .35s,box-shadow .35s!important;
}
.nav-cta:hover,.show-cta:hover{
  transform:translateY(-2px);
  border-color:rgba(88,213,255,.52)!important;
  box-shadow:0 0 0 1px rgba(88,213,255,.05),0 12px 34px rgba(0,0,0,.2),0 0 30px rgba(88,213,255,.08);
}

/* HOME HERO — CINEMATIC MATERIALITY */
.hero.hero-banner{
  background:#020307;
  border-bottom:1px solid rgba(255,255,255,.055);
}
.hero.hero-banner:after{
  content:"";
  position:absolute;inset:0;z-index:2;pointer-events:none;
  background:
    radial-gradient(ellipse at 50% 45%,transparent 34%,rgba(2,3,6,.12) 60%,rgba(2,3,6,.48) 100%),
    linear-gradient(180deg,rgba(255,255,255,.015),transparent 18%,transparent 74%,rgba(2,3,6,.22));
}
.hero-brand-lockup img{
  filter:drop-shadow(0 12px 36px rgba(0,0,0,.38)) drop-shadow(0 0 24px rgba(88,213,255,.04))!important;
}
.marquee{
  background:linear-gradient(180deg,rgba(8,10,15,.96),rgba(5,7,11,.96));
  border-color:rgba(255,255,255,.08)!important;
  box-shadow:0 -20px 80px rgba(0,0,0,.18);
}
.marquee-track{opacity:.78}

/* TYPOGRAPHIC HIERARCHY */
main h2,.experience-title h2,.worlds h2,.diff h2,.final-cta h2{
  letter-spacing:-.052em!important;
  text-wrap:balance;
}
.section-head,.worlds-head{
  position:relative;
}
.section-head:before,.worlds-head:before{
  content:"";
  position:absolute;left:0;top:-28px;width:52px;height:1px;
  background:linear-gradient(90deg,var(--ap-blue),transparent);
  box-shadow:0 0 16px rgba(88,213,255,.22);
}
.kicker,.section-kicker,.world-label,.eyebrow{
  letter-spacing:.22em!important;
}

/* SECTION RHYTHM / DEPTH */
main>section{
  isolation:isolate;
}
.intro,.services,.work,.property,.process,.founder,.final-cta,.worlds,.experience,.diff{
  border-top-color:rgba(255,255,255,.07)!important;
}
.wrap{
  max-width:1320px;
}
.intro,.services,.work,.process,.founder,.final-cta{
  position:relative;
}
.intro:after,.services:after,.work:after{
  content:"";
  position:absolute;right:-8%;top:10%;width:34vw;height:34vw;border-radius:50%;
  background:radial-gradient(circle,rgba(88,213,255,.028),transparent 68%);
  filter:blur(30px);pointer-events:none;z-index:-1;
}

/* SYSTEM / SERVICE OBJECTS */
.architecture-pillar,.service,.case-hero,.story-card,.property-stage,.step,.engagement,.logic-compare article,.glass-card{
  border-color:rgba(255,255,255,.095)!important;
}
.architecture-pillar,.step,.logic-compare article{
  background:linear-gradient(180deg,rgba(255,255,255,.022),rgba(255,255,255,.006));
}
.architecture-pillar,.step{
  transition:background .55s var(--ap-ease),border-color .55s,transform .55s var(--ap-ease),box-shadow .55s;
}
.architecture-pillar:hover,.step:hover{
  background:linear-gradient(180deg,rgba(88,213,255,.035),rgba(255,255,255,.008));
  border-color:rgba(88,213,255,.16)!important;
  box-shadow:0 22px 70px rgba(0,0,0,.16);
  transform:translateY(-2px);
}
.service{
  transition:padding-left .45s var(--ap-ease),border-color .45s,color .45s;
}
.service:hover{
  border-color:rgba(88,213,255,.18)!important;
}
.service-num,.architecture-num,.property-stage-num{
  color:rgba(88,213,255,.78)!important;
}

/* PREMIUM MEDIA FRAMES */
.case-hero,.story-card,.property-stage-media,.founder-portrait,.world,.story-visual,.cinema-film,.highend-frame,.highend-film,.glass-card{
  box-shadow:var(--ap-shadow-soft);
}
.case-hero,.story-card,.world,.story-visual,.cinema-film,.highend-frame,.highend-film,.glass-card{
  position:relative;
}
.case-hero:before,.story-card:before,.story-visual:before,.cinema-film:before,.highend-frame:before,.highend-film:before,.glass-card:before{
  content:"";position:absolute;inset:0;z-index:4;pointer-events:none;border-radius:inherit;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055),inset 0 -1px 0 rgba(0,0,0,.16);
}

/* BUTTONS — JEWEL-LIKE, NOT FLASHY */
.btn,.big-cta{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 30px rgba(0,0,0,.16);
}
.btn-primary,.big-cta{
  background:linear-gradient(180deg,#fff,#e9edf0)!important;
  color:#05070a!important;
}
.btn-primary:hover,.big-cta:hover{
  background:linear-gradient(180deg,#c9f4ff,#84dfff)!important;
  box-shadow:0 12px 36px rgba(0,0,0,.18),0 0 32px rgba(88,213,255,.12);
}

/* HOME SHOWROOM TEASER */
.home-showroom{
  background:
    radial-gradient(900px 420px at 70% 12%,rgba(88,213,255,.045),transparent 62%),
    linear-gradient(180deg,#05070b,#030407);
}
.home-showroom .showroom-teaser-card,
.home-showroom article,
.home-showroom a{
  border-color:rgba(255,255,255,.10);
}

/* ENGAGEMENTS — EDITORIAL LUXURY */
.engagements-page .engagement-hero{
  background:
    radial-gradient(800px 480px at 72% 22%,rgba(88,213,255,.055),transparent 64%),
    linear-gradient(180deg,#04060a,#070910);
  border-bottom:1px solid rgba(255,255,255,.07);
}
.engagements-page .engagement{
  background:linear-gradient(180deg,rgba(255,255,255,.017),rgba(255,255,255,.004));
  transition:background .5s var(--ap-ease),border-color .5s,transform .5s var(--ap-ease),box-shadow .5s;
}
.engagements-page .engagement:hover{
  background:linear-gradient(180deg,rgba(88,213,255,.025),rgba(255,255,255,.007));
  border-color:rgba(88,213,255,.16)!important;
  transform:translateY(-2px);
  box-shadow:0 24px 70px rgba(0,0,0,.16);
}

/* SHOWROOM — GALLERY-GRADE */
.show-hero{
  background:
    radial-gradient(circle at 50% 44%,rgba(88,213,255,.085),transparent 25%),
    radial-gradient(circle at 18% 28%,rgba(141,108,255,.06),transparent 25%),
    linear-gradient(180deg,#020307,#040509)!important;
}
.portal-orbit{
  border-color:rgba(88,213,255,.085)!important;
  box-shadow:0 0 140px rgba(88,213,255,.035),inset 0 0 140px rgba(88,213,255,.02)!important;
}
.hero-kicker{
  color:rgba(132,224,255,.88)!important;
}
.show-hero h1{
  text-shadow:0 24px 60px rgba(0,0,0,.32);
}
.world{
  border-radius:34px!important;
  background:#07090e!important;
}
.world-content{
  background:linear-gradient(180deg,transparent,rgba(2,4,8,.045));
}
.world h3{
  text-shadow:0 16px 42px rgba(0,0,0,.28);
}
.world-number{
  padding:7px 10px;border-radius:999px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(3,5,9,.34);
  backdrop-filter:blur(10px);
}
.enter{
  backdrop-filter:blur(14px) saturate(120%)!important;
}
.experience-title{
  position:sticky;
  top:118px;
  align-self:start;
}
body[data-showroom-focus] .experience-title{
  position:sticky!important;
}
.story-step{
  border-top-color:rgba(255,255,255,.075)!important;
}
.story-step h3{
  letter-spacing:-.045em!important;
}
.concept-label{
  background:rgba(216,185,121,.035);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
.property-meta{
  box-shadow:var(--ap-shadow-soft);
}
.property-meta div{
  background:linear-gradient(180deg,#080a0f,#06080c)!important;
}
.highend-frame,.highend-film,.cinema-film{
  border-color:rgba(255,255,255,.12)!important;
  box-shadow:var(--ap-shadow)!important;
}
.frame-bar,.film-caption,.cinema-meta{
  background:linear-gradient(180deg,rgba(8,10,15,.98),rgba(5,7,11,.98))!important;
}
.glass-card{
  border-radius:28px!important;
}
.diff{
  background:
    radial-gradient(900px 500px at 18% 20%,rgba(88,213,255,.035),transparent 62%),
    #05060a!important;
}
.pillars{
  border-color:rgba(255,255,255,.09)!important;
}
.pillar{
  background:linear-gradient(180deg,rgba(255,255,255,.018),rgba(255,255,255,.004));
}
.final-cta{
  background:
    radial-gradient(circle at 50% 70%,rgba(88,213,255,.08),transparent 26%),
    #020307!important;
}

/* INTAKE / MODAL */
.intake,.intake-panel{
  backdrop-filter:blur(24px) saturate(120%);
}
.intake-panel{
  box-shadow:0 40px 140px rgba(0,0,0,.52)!important;
  border-color:rgba(255,255,255,.12)!important;
}

/* RESPONSIVE — KEEP LUXURY WITHOUT OVERLOAD */
@media(max-width:980px){
  .experience-title,body[data-showroom-focus] .experience-title{position:relative!important;top:auto!important}
}
@media(max-width:760px){
  .section-head:before,.worlds-head:before{top:-20px}
  .world{border-radius:24px!important}
}
@media(prefers-reduced-motion:reduce){
  .architecture-pillar,.step,.engagements-page .engagement,.brand,.show-brand,.nav-cta,.show-cta{
    transition:none!important;transform:none!important;
  }
}


/* ==========================================================================
   FINAL VISUAL QC — LUXURY RESTRAINT
   Reduce UI-ness; preserve cinematic depth and premium materiality.
   ========================================================================== */

/* Navigation: quieter and more architectural */
.nav-links,.show-links{gap:clamp(20px,1.8vw,30px)}
.nav-links a,.nav-links button,.show-links a{
  opacity:.86;
}
.nav-links a:hover,.nav-links button:hover,.show-links a:hover{
  opacity:1;
}

/* Showroom cards: less hover theatre, more gallery-object behaviour */
.world:hover{
  transform:translateY(-1px)!important;
  box-shadow:0 24px 80px rgba(0,0,0,.26),0 0 28px rgba(88,213,255,.045)!important;
}
.world:hover:before{opacity:.7!important}
.world:hover .world-media img,
.world:hover .world-media video{
  transform:scale(1.032) translate3d(0,-.15%,0)!important;
}
.world:hover .enter{
  transform:none!important;
  border-color:rgba(88,213,255,.58)!important;
  box-shadow:0 0 24px rgba(88,213,255,.10),inset 0 0 24px rgba(88,213,255,.035)!important;
}

/* Home teaser: calm down movement so it reads as premium editorial navigation */
.home-world{
  transition:background .55s var(--ap-ease),border-color .55s var(--ap-ease),transform .55s var(--ap-ease)!important;
}
.home-world:hover{
  transform:translateY(-2px)!important;
  background:#090c11!important;
}
.home-world:hover:before{opacity:.58!important}

/* Keep image frames crisp instead of over-glowing */
.case-hero,.story-card,.property-stage-media,.founder-portrait,
.story-visual,.cinema-film,.highend-frame,.highend-film,.glass-card{
  outline:1px solid rgba(255,255,255,.018);
  outline-offset:-1px;
}

/* Small-screen visual restraint */
@media(max-width:980px){
  .architecture-pillar:hover,.step:hover,.engagements-page .engagement:hover,
  .home-world:hover,.world:hover{
    transform:none!important;
  }
}
@media(hover:none),(pointer:coarse){
  .world:before{opacity:0!important}
  .world:hover .world-media img,.world:hover .world-media video{transform:none!important}
  .home-world:hover:before{opacity:.4!important}
}


/* ==========================================================================
   PERFORMANCE RENDER BUDGET
   Skip off-screen layout/paint work until sections approach the viewport.
   ========================================================================== */
@supports (content-visibility:auto){
  .brand-system,.services,.work,.home-showroom,.property,.process,.founder,
  .principle,.direction-logic,.engagement-ladder,.decision,.example,.property-section,
  .scope-clarity,.transparency,.worlds,.experience,.diff,.final-cta{
    content-visibility:auto;
    contain-intrinsic-size:auto 900px;
  }
}