/* Premium editorial layer for Splash N Sizzle */

:root{
  --ink:#02070d;
  --ink-soft:#07131d;
  --aqua:#10c9ef;
  --aqua-soft:#86ecff;
  --sun:#ff9d00;
  --sun-soft:#ffc24a;
  --cream:#f5f1e8;
}

body{background:#02070d}
.site-header{padding:16px 0}
.site-header.is-scrolled{background:rgba(2,7,13,.76);border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(22px) saturate(120%)}
.site-nav{gap:24px}
.site-nav>a{font-size:11px;letter-spacing:.15em;color:#d7e5ea}
.site-nav>a::after{content:"";display:block;width:0;height:1px;margin-top:6px;background:linear-gradient(90deg,var(--aqua),var(--sun));transition:width .25s ease}
.site-nav>a:hover::after,.site-nav>a:focus-visible::after{width:100%}
.site-nav .nav-cta{padding:11px 17px;border-color:rgba(16,201,239,.45);background:rgba(16,201,239,.055)}

.hero{position:relative;isolation:isolate;background:#02070d}
.hero::before{z-index:-3;background-image:linear-gradient(90deg,rgba(1,6,10,.97) 0%,rgba(1,6,10,.92) 38%,rgba(1,6,10,.63) 68%,rgba(1,6,10,.82) 100%),linear-gradient(180deg,rgba(1,6,10,.08),rgba(1,6,10,.18) 55%,#02070d 100%),url("https://images.unsplash.com/photo-1631655104117-f1cfdf688772?auto=format&fit=crop&fm=jpg&ixlib=rb-4.1.0&q=82&w=2600");background-size:cover;background-position:center calc(52% + var(--hero-shift,0px))}
.hero::after{opacity:.13;mask-image:linear-gradient(to bottom,black,transparent 75%)}
.hero .hero-copy{position:relative;padding:26px 0 10px}
.hero .hero-copy::before{content:"";position:absolute;left:-24px;top:24px;bottom:8px;width:1px;background:linear-gradient(var(--aqua),rgba(255,157,0,.75),transparent)}
.hero h1{line-height:.84;letter-spacing:-.015em;text-shadow:0 14px 44px rgba(0,0,0,.38)}
.hero-lead{max-width:760px;color:#d8e6eb;text-shadow:0 2px 18px rgba(0,0,0,.45)}
.hero-note{border-left-color:var(--sun);background:linear-gradient(90deg,rgba(2,7,13,.46),transparent);padding-top:10px;padding-bottom:10px}
.hero-actions .button-primary{background:linear-gradient(115deg,var(--aqua),#8eeeff);box-shadow:0 18px 48px rgba(16,201,239,.18)}
.hero-actions .button-ghost{background:rgba(2,7,13,.42);backdrop-filter:blur(12px)}

.immersive-band{padding:0 0 115px;background:#02070d;border-bottom:1px solid rgba(255,255,255,.08)}
.immersive-grid{width:min(1380px,calc(100% - 48px));margin:0 auto;display:grid;grid-template-columns:1.28fr .72fr;gap:18px}
.immersive-panel{position:relative;min-height:560px;overflow:hidden;border-radius:4px;background-size:cover;background-position:center;isolation:isolate}
.immersive-panel::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(2,7,13,.06),rgba(2,7,13,.18) 48%,rgba(2,7,13,.88))}
.immersive-panel.water{background-image:url("https://images.unsplash.com/photo-1631655104117-f1cfdf688772?auto=format&fit=crop&fm=jpg&ixlib=rb-4.1.0&q=82&w=2200")}
.immersive-panel.bar{background-image:url("https://images.unsplash.com/photo-1743244304656-85be67637d33?auto=format&fit=crop&fm=jpg&ixlib=rb-4.1.0&q=82&w=1800");background-position:center 58%}
.immersive-copy{position:absolute;left:34px;right:34px;bottom:32px;z-index:2}
.immersive-copy small{display:block;margin-bottom:8px;color:var(--aqua-soft);font-size:10px;text-transform:uppercase;letter-spacing:.2em;font-weight:850}
.immersive-panel.bar .immersive-copy small{color:var(--sun-soft)}
.immersive-copy h3{margin:0;max-width:620px;font-family:Georgia,"Times New Roman",serif;font-size:clamp(34px,4.2vw,62px);line-height:1.02;font-weight:600;letter-spacing:-.035em}
.immersive-copy p{max-width:580px;margin:14px 0 0;color:#d4e2e7;font-size:15px;line-height:1.7}

.experience{background:linear-gradient(180deg,#02070d,#06131c)}
.experience-grid{grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12)}
.experience-card{min-height:390px;border:0;border-right:1px solid rgba(255,255,255,.1);border-radius:0;background:transparent;padding:34px 30px 36px;box-shadow:none}
.experience-card:last-child{border-right:0}
.experience-card:hover{transform:none;background:linear-gradient(180deg,rgba(16,201,239,.045),rgba(255,157,0,.025))}
.experience-card::after{display:none}
.experience-card h3{font-family:Georgia,"Times New Roman",serif;font-size:30px;text-transform:none;letter-spacing:-.02em;line-height:1.08}
.experience-card p{font-size:14px;line-height:1.82}
.experience-card .overline{font-size:9px;letter-spacing:.22em}

.statement,.model,.roadmap,.opportunity{position:relative}
.statement::after,.model::after,.roadmap::after{content:"";position:absolute;left:50%;bottom:0;width:min(1220px,calc(100% - 48px));height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,rgba(16,201,239,.3),rgba(255,157,0,.22),transparent)}
.section-kicker{font-size:10px;letter-spacing:.24em}
.statement h2,.section-heading h2,.model h2,.thesis h2,.opportunity h2{font-weight:500;line-height:.98;letter-spacing:-.045em}

.model{overflow:hidden;background:linear-gradient(180deg,#06131c,#02090f)}
.model::before{content:"";position:absolute;right:-8%;top:-8%;width:52%;height:116%;background:radial-gradient(circle,rgba(16,201,239,.08),transparent 63%);pointer-events:none}
.model-stack{position:relative;border-top:1px solid rgba(255,255,255,.14)}
.model-row{padding:28px 0;grid-template-columns:88px 1.05fr 1fr;border-bottom-color:rgba(255,255,255,.11)}
.model-row>span{color:var(--sun-soft)}
.model-row strong{font-family:Georgia,"Times New Roman",serif;font-size:20px;text-transform:none;letter-spacing:-.01em}

.roadmap-grid{gap:0;border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12)}
.roadmap-step{min-height:310px;border:0;border-right:1px solid rgba(255,255,255,.1);border-radius:0;background:transparent;padding:38px 34px}
.roadmap-step:last-child{border-right:0}
.roadmap-step h3{font-size:36px;line-height:1.05}
.roadmap-step p{font-size:14px;line-height:1.82}
.capital-card{border-radius:4px;background:linear-gradient(150deg,rgba(255,255,255,.055),rgba(255,255,255,.015));backdrop-filter:blur(12px)}
.investor-contact-box{border-radius:4px}

.menu-hero{position:relative;isolation:isolate;background:#02070d;overflow:hidden}
.menu-hero::before{content:"";position:absolute;inset:0;z-index:-2;background-image:linear-gradient(90deg,rgba(2,7,13,.97),rgba(2,7,13,.85) 54%,rgba(2,7,13,.55)),linear-gradient(180deg,transparent,#02070d),url("https://images.unsplash.com/photo-1743244304656-85be67637d33?auto=format&fit=crop&fm=jpg&ixlib=rb-4.1.0&q=82&w=2400");background-size:cover;background-position:center 56%}
.menu-category{border-top-color:rgba(255,255,255,.13)}
.menu-item{border-radius:2px}

.investor-hero-grid{gap:96px}
.investor-hero{background-position:center calc(50% + var(--hero-shift,0px))}
.snapshot-row{border-radius:6px;background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.018))}
.snapshot-row:hover{transform:translateY(-3px)}
.investor-point{border-radius:6px}
.site-footer{padding-top:62px}
.footer-brand .brand-logo{width:150px;height:96px}
.footer-legal{opacity:.85}

@media (prefers-reduced-motion:no-preference){.immersive-panel{transition:transform .7s cubic-bezier(.2,.75,.2,1),filter .7s ease}.immersive-panel:hover{transform:translateY(-5px);filter:saturate(1.06)}.reveal{transition-duration:.85s;transition-timing-function:cubic-bezier(.2,.75,.2,1)}}
@media(max-width:1050px){.immersive-grid{grid-template-columns:1fr}.immersive-panel{min-height:500px}.experience-grid{grid-template-columns:1fr 1fr}.experience-card:nth-child(2){border-right:0}.experience-card:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.1)}}
@media(max-width:700px){.hero .hero-copy::before{display:none}.immersive-band{padding-bottom:72px}.immersive-grid{width:calc(100% - 28px);gap:12px}.immersive-panel{min-height:410px}.immersive-copy{left:22px;right:22px;bottom:22px}.experience-grid{grid-template-columns:1fr}.experience-card{border-right:0;border-bottom:1px solid rgba(255,255,255,.1);min-height:300px}.experience-card:last-child{border-bottom:0}.roadmap-grid{border:0}.roadmap-step{border-right:0;border-bottom:1px solid rgba(255,255,255,.1);padding:28px 0}.roadmap-step:last-child{border-bottom:0}}
