.hero{position:relative;isolation:isolate}.hero-light-stage{position:absolute;inset:-60px -10px 0;z-index:-1;pointer-events:none;overflow:hidden;border-radius:45px}.hero-light-orb{position:absolute;left:var(--light-x,88%);top:15px;width:66px;height:66px;border-radius:50%;transform:translateX(-50%);background:radial-gradient(circle at 40% 40%,#fff 0,#fff8df 35%,#ffe9b866 65%,transparent 74%);box-shadow:0 0 45px 20px #fff3ce6b,0 0 110px 50px #fff8e650;opacity:var(--light-power,0)}.hero-light-beam{position:absolute;inset:0;background:conic-gradient(from var(--beam-angle,165deg) at var(--light-x,88%) 45px,transparent 0deg,#fff4d840 12deg,#ffffff80 22deg,#fff4d830 33deg,transparent 44deg);filter:blur(15px);opacity:var(--light-power,0)}#headline{position:relative;text-shadow:var(--rim-x,0px) -1px 0 rgba(255,249,220,var(--rim-power,0)),calc(var(--rim-x,0px) * 2) -2px 8px rgba(255,243,193,var(--rim-power,0));}#headline::after{content:attr(data-light-text);position:absolute;inset:0;white-space:pre-line;color:transparent;-webkit-text-stroke:.7px #fff8dc;background:radial-gradient(ellipse 30% 150% at var(--light-x,88%) 0%,#fffbe4 0,transparent 80%);background-clip:text;-webkit-background-clip:text;mask-image:linear-gradient(to bottom,#000,transparent 95%);opacity:var(--rim-power,0);pointer-events:none} @media(max-width:800px){.hero-light-orb{width:44px;height:44px}.hero-light-stage{inset:-30px -10px 0}}@media(prefers-reduced-motion:reduce){.hero-light-stage{display:none}#headline::after{display:none}}
.lighting-hero{width:100vw;margin-left:calc(50% - 50vw);background:#030405;color:#edf0f5;overflow:hidden;border-radius:0;padding:85px 24px 80px!important}.lighting-hero .hero-light-stage{inset:0;border-radius:0}.lighting-hero .hero-light-orb{top:9px}.lighting-hero .hero-light-beam{background:conic-gradient(from var(--beam-angle) at var(--light-x) 42px,transparent 0deg,#c7ddff0c 6deg,#e5efff30 17deg,#c7ddff0c 28deg,transparent 34deg);filter:blur(8px)}.lighting-hero #headline{color:#c8ced9;max-width:900px;margin-left:auto;margin-right:auto}.lighting-hero p{color:#9ba8ba}.lighting-hero .eyebrow{color:#8d9db4}.lighting-hero .btn{background:#ffffff0d;border-color:#ffffff45;color:#e6edf7;box-shadow:inset 0 1px 0 #ffffff33}.lighting-hero .btn.primary{background:#e8edf5;color:#17273b}.lighting-hero .actions{position:relative}.lighting-hero+.credentials{margin-top:45px}@media(max-width:800px){.lighting-hero{padding:76px 23px 62px!important}.lighting-hero #headline{font-size:40px}.lighting-hero .hero-light-orb{top:20px}}
.lighting-hero #headline::after{text-shadow:none;-webkit-text-stroke:.45px #fff8dc;background:none}.lighting-hero #headline{text-shadow:var(--rim-x,0px) -1px 0 rgba(255,249,220,var(--rim-power,0)),var(--rim-x,0px) -1px 5px rgba(255,243,193,.22)}
.lighting-hero{min-height:760px;display:flex;flex-direction:column;justify-content:center;padding-top:120px!important;padding-bottom:140px!important}.lighting-hero .hero-light-orb{width:112px;height:112px;top:22px;background:#fff4d8;border-radius:50%;box-shadow:0 0 44px 12px #fff4d835,0 0 100px 35px #fff4d81c;opacity:var(--light-power,0)}.lighting-hero .hero-light-beam{background:conic-gradient(from var(--beam-angle) at var(--light-x) 78px,transparent 0deg,#c7ddff0c 6deg,#e5efff30 17deg,#c7ddff0c 28deg,transparent 34deg)}#collections{padding-top:60px}#collections .credentials{margin:0 0 44px;width:100%;max-width:none}@media(max-width:800px){.lighting-hero{min-height:680px;padding-top:130px!important;padding-bottom:90px!important}.lighting-hero .hero-light-orb{width:86px;height:86px;top:35px}#collections{padding-top:42px}#collections .credentials{margin-bottom:32px}}
/* Dim edge lighting leaves a quiet dark center behind the headline. */
.lighting-hero{background:radial-gradient(ellipse 48% 66% at 0% 0%,#17466d70 0%,#112b4240 40%,transparent 77%),radial-gradient(ellipse 42% 60% at 100% 2%,#502e6570 0%,#2a1b3b35 43%,transparent 78%),radial-gradient(ellipse 30% 38% at 93% 68%,#aeb7c11a,transparent 75%),radial-gradient(ellipse 44% 33% at 55% 110%,#89612b30,transparent 80%),#07090c}
/* A single center axis and measured spacing for the whole hero. */
.lighting-hero{align-items:center;gap:0;padding:125px 24px!important;background:radial-gradient(ellipse 48% 65% at 0% 4%,#28597788,transparent 76%),radial-gradient(ellipse 42% 57% at 100% 4%,#55416880,transparent 77%),radial-gradient(ellipse 38% 30% at 74% 84%,#64778b38,transparent 78%),radial-gradient(ellipse 36% 35% at 9% 72%,#335c6540,transparent 78%),radial-gradient(ellipse 48% 35% at 47% 112%,#9a785238,transparent 80%),radial-gradient(ellipse 28% 25% at 52% 38%,#7f8b9b12,transparent 90%),#07090c}
.lighting-hero>#role{margin:0;width:100%;text-align:center}.lighting-hero #headline{width:min(100%,960px);margin:32px 0 0!important;text-align:center;line-height:1.22;letter-spacing:-2px;white-space:pre-line;color:#d4d8dd;background:linear-gradient(165deg,#fafbfc 0%,#dbe0e5 24%,#8d98a5 47%,#e2e6eb 52%,#abb4bf 73%,#e1e4e9 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none;filter:drop-shadow(0 1px 0 #717b88) drop-shadow(0 2px 0 #404956) drop-shadow(0 4px 1px #151b24) drop-shadow(0 10px 16px #0008)}
.lighting-hero #headline::after{-webkit-text-fill-color:transparent;-webkit-text-stroke:.55px #eef4fb;background:radial-gradient(ellipse 35% 100% at var(--light-x,88%) 0%,#ffffff8c,transparent 80%);background-clip:text;-webkit-background-clip:text;mask-image:linear-gradient(#0009,transparent 85%);opacity:var(--rim-power,0)}
.lighting-hero>#intro{width:min(100%,650px);max-width:650px;margin:30px 0 0!important;text-align:center;line-height:2}.lighting-hero>.actions{width:100%;justify-content:center;margin:32px 0 0!important;gap:16px}.lighting-hero .hero-light-orb{background:#eee9dc;box-shadow:0 0 55px 18px #fff5df30,0 0 130px 60px #ccddef16}
@media(max-width:800px){.lighting-hero{padding:140px 22px 100px!important;min-height:680px}.lighting-hero #headline{font-size:clamp(29px,6.7vw,46px);letter-spacing:-1px;margin-top:26px!important}.lighting-hero>#intro{margin-top:25px!important;font-size:13px}.lighting-hero>.actions{margin-top:28px!important;gap:12px}}
/* Oversized off-canvas light source: only a soft lower arc is visible. */
.lighting-hero .hero-light-orb{width:360px;height:360px;top:-310px;box-shadow:0 0 65px 25px #fff5df30,0 0 170px 75px #ccddef18}
.lighting-hero .hero-light-beam{background:conic-gradient(from var(--beam-angle) at var(--light-x) -130px,transparent 0deg,#c7ddff0c 6deg,#e5efff30 17deg,#c7ddff0c 28deg,transparent 34deg)}
@media(max-width:800px){.lighting-hero .hero-light-orb{width:260px;height:260px;top:-225px}.lighting-hero .hero-light-beam{background:conic-gradient(from var(--beam-angle) at var(--light-x) -95px,transparent 0deg,#c7ddff0c 6deg,#e5efff30 17deg,#c7ddff0c 28deg,transparent 34deg)}}
.lighting-hero .hero-light-orb{top:-346px}
.lighting-hero .hero-light-beam{background:conic-gradient(from var(--beam-angle) at var(--light-x) -166px,transparent 0deg,#c7ddff0c 6deg,#e5efff30 17deg,#c7ddff0c 28deg,transparent 34deg)}
@media(max-width:800px){.lighting-hero .hero-light-orb{top:-250px}.lighting-hero .hero-light-beam{background:conic-gradient(from var(--beam-angle) at var(--light-x) -120px,transparent 0deg,#c7ddff0c 6deg,#e5efff30 17deg,#c7ddff0c 28deg,transparent 34deg)}}
/* Home-only floating navigation; no header row occupies the page. */
.floating-home-nav>.wrap>.nav{position:fixed;z-index:100;top:18px;left:50%;transform:translateX(-50%);width:min(920px,calc(100% - 40px));height:64px;min-height:0;margin:0;padding:10px 22px;gap:24px;border:1px solid #ffffff38;border-radius:999px;background:linear-gradient(135deg,#303844bf,#171c27b0);backdrop-filter:blur(28px) saturate(1.3);-webkit-backdrop-filter:blur(28px) saturate(1.3);box-shadow:inset 0 1px 1px #ffffff35,0 12px 35px #00000020;color:#edf1f7;flex-wrap:nowrap}
.floating-home-nav .nav .logo{font-size:18px;white-space:nowrap}.floating-home-nav .nav .logo small{color:#a6b2c2;font-size:8px;margin-left:10px;letter-spacing:1.6px}.floating-home-nav .navlinks{gap:22px;font-size:11px;flex-wrap:nowrap}.floating-home-nav .nav .btn{padding:9px 16px;background:#ffffff0d;border-color:#ffffff35;color:#f1f4f9;box-shadow:inset 0 1px 1px #ffffff22}.floating-home-nav .nav .account-avatar{background:#ffffff10;border-color:#ffffff33;box-shadow:none}.floating-home-nav .nav a:hover{color:#fff}.floating-home-nav .lighting-hero{padding-top:170px!important;scroll-margin-top:100px}.floating-home-nav #collections,.floating-home-nav #contact{scroll-margin-top:110px}
@media(max-width:800px){.floating-home-nav>.wrap>.nav{top:12px;width:calc(100% - 24px);height:58px;padding:8px 15px;gap:12px}.floating-home-nav .nav .logo{font-size:15px}.floating-home-nav .nav .logo small{display:none}.floating-home-nav .navlinks{gap:14px;font-size:10px}.floating-home-nav .navlinks>a:first-child{display:inline}.floating-home-nav .navlinks .btn{padding:7px 10px;font-size:10px}.floating-home-nav .navlinks .account-entry{font-size:10px;gap:5px}.floating-home-nav .nav .account-avatar{width:25px;height:25px}.floating-home-nav .lighting-hero{padding-top:155px!important}}
@media(max-width:440px){.floating-home-nav .navlinks{gap:10px}.floating-home-nav .navlinks>a[href='#contact']{display:none}.floating-home-nav .navlinks .account-entry>span:last-child{display:none}}
@media(max-width:440px){.floating-home-nav .navlinks>a[href='#contact']{display:inline-flex}.floating-home-nav .navlinks{gap:8px}.floating-home-nav .navlinks .btn{padding:7px 8px}}
/* Full-width fixed navigation, matching the reference's slim neutral bar. */
.floating-home-nav>.wrap>.nav{top:0;left:0;transform:none;width:100%;height:48px;padding:0 max(24px,calc((100vw - 1120px)/2));border:0;border-bottom:1px solid #ffffff40;border-radius:0;background:#e7e7e7dc;color:#26282c;box-shadow:0 1px 8px #00000008;backdrop-filter:blur(24px) saturate(1.2);-webkit-backdrop-filter:blur(24px) saturate(1.2)}
.floating-home-nav .nav .logo{font-size:16px}.floating-home-nav .nav .logo small{font-size:8px;color:#74777c}.floating-home-nav .navlinks{gap:28px;font-size:11px}.floating-home-nav .nav .btn{padding:0;border:0;border-radius:0;background:none;box-shadow:none;color:inherit;font-size:11px}.floating-home-nav .nav .btn:hover{transform:none;background:none}.floating-home-nav .nav .account-avatar{width:24px;height:24px;background:transparent;border:0;color:#42464c}.floating-home-nav .nav a:hover{color:#006ac6}.floating-home-nav #collections,.floating-home-nav #contact{scroll-margin-top:72px}
@media(max-width:800px){.floating-home-nav>.wrap>.nav{top:0;left:0;width:100%;height:48px;padding:0 18px;gap:12px}.floating-home-nav .nav .logo{font-size:14px}.floating-home-nav .navlinks{gap:18px;font-size:10px}.floating-home-nav .navlinks .btn{padding:0;font-size:10px}.floating-home-nav .navlinks .account-entry{font-size:10px}}
@media(max-width:440px){.floating-home-nav>.wrap>.nav{padding:0 14px}.floating-home-nav .navlinks{gap:13px}.floating-home-nav .navlinks .btn{padding:0}}
/* More vertical breathing room in the dark hero. */
.floating-home-nav .lighting-hero{min-height:900px;padding-top:210px!important;padding-bottom:180px!important}
@media(max-width:800px){.floating-home-nav .lighting-hero{min-height:780px;padding-top:185px!important;padding-bottom:145px!important}}
/* Neutral black backdrop; lighting remains a separate foreground effect. */
.floating-home-nav .lighting-hero{background:#07090c}
/* Fade only the background, independently from foreground entrance effects. */
.floating-home-nav .lighting-hero{background:transparent}
.floating-home-nav .lighting-hero::before{content:'';position:absolute;inset:0;z-index:-2;pointer-events:none;background:#07090c;animation:hero-background-in .7s cubic-bezier(.42,0,.58,1) both}
@keyframes hero-background-in{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.floating-home-nav .lighting-hero::before{animation:none;opacity:1}}

/* Main homepage: neutral gray hero aligned with the navigation palette. */
.floating-home-nav:not(.white-preview) .lighting-hero::before{background:#e7e7e9}
.floating-home-nav:not(.white-preview) .lighting-hero{color:#29313c}
.floating-home-nav:not(.white-preview) .lighting-hero #headline{color:#454e5c;background-image:linear-gradient(165deg,#687280 0%,#414b59 28%,#7e8793 48%,#424c5a 53%,#626d7a 78%,#394451 100%);filter:drop-shadow(0 1px 0 #ffffffa8) drop-shadow(0 2px 1px #5b657d25)}
.floating-home-nav:not(.white-preview) .lighting-hero>#intro{color:#626c7b}
.floating-home-nav:not(.white-preview) .lighting-hero .eyebrow{color:#717d8e}
.floating-home-nav:not(.white-preview) .lighting-hero .btn{background:#ffffff50;border-color:#ffffffb8;color:#34465c;box-shadow:inset 0 1px 1px #ffffffaa}
.floating-home-nav:not(.white-preview) .lighting-hero .btn.primary{background:#344b68;border-color:#344b68;color:#fff;box-shadow:none}
/* Share the page's continuous backdrop with the content below. */
.floating-home-nav:not(.white-preview) .lighting-hero::before{background:transparent;animation:none}
.floating-home-nav:not(.white-preview) .lighting-hero{background:transparent}
/* Floating glass navigation for the live homepage only. */
.floating-home-nav:not(.white-preview)>.wrap>.nav{top:16px;left:50%;transform:translateX(-50%);width:min(980px,calc(100% - 40px));height:62px;padding:10px 24px;border:1px solid #ffffffe0;border-radius:999px;background:linear-gradient(125deg,#ffffffb3,#ffffff60);color:#344358;backdrop-filter:blur(26px) saturate(1.3);-webkit-backdrop-filter:blur(26px) saturate(1.3);box-shadow:inset 0 1px 2px #fff,0 8px 30px #40577412}
.floating-home-nav:not(.white-preview) .nav .logo{font-size:17px}
@media(max-width:800px){.floating-home-nav:not(.white-preview)>.wrap>.nav{top:12px;width:calc(100% - 24px);height:56px;padding:8px 16px;gap:12px}.floating-home-nav:not(.white-preview) .nav .logo{font-size:14px}.floating-home-nav:not(.white-preview) .navlinks{gap:13px}}
@media(max-width:360px){.floating-home-nav:not(.white-preview)>.wrap>.nav{padding:8px 12px}.floating-home-nav:not(.white-preview) .navlinks{gap:9px}}
/* Bring the achievement capsule closer to the hero content. */
.floating-home-nav:not(.white-preview) .lighting-hero{min-height:780px;padding-bottom:75px!important}
.floating-home-nav:not(.white-preview) .lighting-hero+.credentials{margin-top:8px}
@media(max-width:800px){.floating-home-nav:not(.white-preview) .lighting-hero{min-height:690px;padding-bottom:55px!important}.floating-home-nav:not(.white-preview) .lighting-hero+.credentials{margin-top:8px}}
/* Slightly restore breathing room above the achievement capsule. */
.floating-home-nav:not(.white-preview) .lighting-hero{min-height:820px;padding-bottom:105px!important}
.floating-home-nav:not(.white-preview) .lighting-hero+.credentials{margin-top:18px}
@media(max-width:800px){.floating-home-nav:not(.white-preview) .lighting-hero{min-height:720px;padding-bottom:75px!important}.floating-home-nav:not(.white-preview) .lighting-hero+.credentials{margin-top:16px}}
/* Compact mobile entrance; desktop and independent design previews stay unchanged. */
@media(max-width:800px){
 .floating-home-nav:not(.white-preview) .lighting-hero{
  min-height:0;
  padding-top:200px!important;
  padding-bottom:112px!important;
  justify-content:flex-start;
 }
 .floating-home-nav:not(.white-preview) .lighting-hero+.credentials{margin-top:16px}
}
@media(max-width:800px) and (max-height:700px){
 .floating-home-nav:not(.white-preview) .lighting-hero{padding-top:175px!important}
}
/* Mobile browsers can rasterize duplicate glyph outlines at different subpixels. */
@media(max-width:800px){
 .floating-home-nav:not(.white-preview) .lighting-hero #headline::after{content:none;display:none}
 .floating-home-nav:not(.white-preview) .lighting-hero #headline{filter:none;text-shadow:none;-webkit-text-stroke:0}
}