@font-face{font-family:"Manrope";src:url("assets/fonts/manrope-latin.woff2") format("woff2");font-weight:400 800;font-display:swap}
@font-face{font-family:"DM Sans";src:url("assets/fonts/dm-sans-latin.woff2") format("woff2");font-weight:400 700;font-display:swap}
:root{--navy:#032f58;--navy-deep:#011b34;--blue:#006da8;--cyan:#00c2cf;--aqua:#53e2d5;--lemon:#ffd20a;--orange:#ff9b00;--green:#55b73f;--cream:#fff9df;--white:#fffef8;--ink:#032744;--line:rgba(3,47,88,.18);--pad:clamp(1.15rem,4vw,4.5rem);--display:"Manrope",system-ui,sans-serif;--body:"DM Sans",system-ui,sans-serif;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{overflow-x:clip;scroll-behavior:smooth;background:var(--navy-deep)}body{margin:0;overflow-x:clip;color:var(--ink);background:var(--cream);font-family:var(--body)}img{display:block;max-width:100%}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--lemon);outline-offset:4px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;z-index:100;top:1rem;left:1rem;padding:.75rem 1rem;border-radius:999px;color:var(--white);background:var(--navy);font-weight:800;transform:translateY(-180%)}.skip-link:focus{transform:none}
.site-header{position:fixed;z-index:70;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;min-height:5.3rem;padding:.75rem var(--pad);color:var(--white);background:linear-gradient(to bottom,rgba(1,27,52,.82),transparent);transition:background .3s ease,backdrop-filter .3s ease}.site-header.scrolled{background:rgba(1,27,52,.88);backdrop-filter:blur(16px)}.brand{display:inline-flex;align-items:center;gap:.65rem;color:inherit;text-decoration:none;font:800 .92rem/1 var(--display);letter-spacing:-.025em}.brand img{width:3.45rem;height:3.45rem;object-fit:contain}.brand small{display:block;margin-top:.2rem;color:var(--lemon);font-size:.61rem;letter-spacing:.15em;text-transform:uppercase}.nav-links{display:flex;align-items:center;gap:clamp(1rem,2.2vw,2.4rem);font-size:.79rem;font-weight:700}.nav-links a{text-decoration:none}.nav-links>a:not(.nav-call){opacity:.78;transition:opacity .2s ease}.nav-links>a:hover{opacity:1}.nav-call{display:inline-flex;align-items:center;gap:1.5rem;padding:.78rem 1rem;border:1px solid rgba(255,255,255,.4);border-radius:999px;background:rgba(255,255,255,.08)}.menu-toggle{display:none;width:2.75rem;height:2.75rem;padding:0;border:1px solid rgba(255,255,255,.45);border-radius:50%;color:var(--white);background:rgba(1,27,52,.28)}.menu-toggle span:not(.sr-only){display:block;width:1rem;height:1px;margin:.27rem auto;background:currentColor}
.hero{position:relative;isolation:isolate;display:grid;align-items:end;min-height:100svh;overflow:hidden;color:var(--white);background:var(--navy-deep)}.hero-media,.hero-grade{position:absolute;z-index:-2;inset:0}.hero-media img{width:100%;height:100%;object-fit:cover;object-position:center}.hero-grade{z-index:-1;background:linear-gradient(90deg,rgba(1,20,39,.91) 0%,rgba(1,27,52,.57) 34%,rgba(1,27,52,.05) 70%),linear-gradient(0deg,rgba(1,20,39,.9) 0%,transparent 52%)}.hero-content{width:min(50rem,65vw);padding:clamp(8rem,19vh,12rem) var(--pad) clamp(5.5rem,10vh,7.5rem)}.eyebrow,.section-label{margin:0 0 1.25rem;font-size:.68rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.eyebrow{color:var(--lemon)}.hero h1{margin:0;font:800 clamp(4rem,8.2vw,8.3rem)/.84 var(--display);letter-spacing:-.075em;text-wrap:balance;text-shadow:0 .08em .35em rgba(1,27,52,.24)}.hero h1 em,.story-copy h2 em,.formula-copy h2 em,.rotation-heading h2 em,.wall-copy h2 em,.booking-copy h2 em{color:var(--lemon);font-style:italic;font-weight:800}.hero-content>p:not(.eyebrow){max-width:36rem;margin:1.7rem 0 0;color:rgba(255,255,255,.84);font-size:clamp(1rem,1.45vw,1.25rem);line-height:1.55}.hero-actions{display:flex;align-items:center;gap:1.4rem;margin-top:2rem}.button{display:inline-flex;align-items:center;justify-content:center;gap:1.75rem;min-height:3.35rem;padding:.82rem 1.15rem;border:0;border-radius:999px;text-decoration:none;font-size:.84rem;font-weight:800;transition:transform .25s var(--ease),box-shadow .25s ease}.button:hover{transform:translateY(-3px);box-shadow:0 .75rem 2rem rgba(1,27,52,.2)}.button-lemon{color:var(--navy-deep);background:var(--lemon)}.button-navy{color:var(--white);background:var(--navy-deep)}.hero-link{font-size:.84rem;font-weight:700;text-underline-offset:.3rem}.hero-seal{position:absolute;right:var(--pad);bottom:3.2rem;display:grid;place-items:center;width:7.8rem;aspect-ratio:1;border:1px solid rgba(255,255,255,.4);border-radius:50%;background:rgba(1,27,52,.34);backdrop-filter:blur(10px);transform:rotate(8deg)}.hero-seal strong{position:absolute;color:var(--lemon);font:800 2.25rem/1 var(--display)}.hero-seal span{position:absolute;font-size:.53rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.hero-seal span:first-child{top:1.25rem}.hero-seal span:last-child{bottom:1.25rem}.scroll-cue{position:absolute;right:var(--pad);bottom:1.05rem;display:flex;align-items:center;gap:.6rem;color:rgba(255,255,255,.66);font-size:.57rem;letter-spacing:.12em;text-transform:uppercase}.scroll-cue span{display:block;width:2.7rem;height:1px;background:currentColor}.hero-bubbles i{position:absolute;border:1px solid rgba(255,255,255,.45);border-radius:50%;animation:float 7s ease-in-out infinite}.hero-bubbles i:nth-child(1){right:14%;bottom:18%;width:1.8rem;height:1.8rem}.hero-bubbles i:nth-child(2){right:8%;bottom:30%;width:.8rem;height:.8rem;animation-delay:-2s}.hero-bubbles i:nth-child(3){left:42%;top:17%;width:1.1rem;height:1.1rem;animation-delay:-4s}.hero-bubbles i:nth-child(4){left:30%;top:28%;width:.55rem;height:.55rem;animation-delay:-1s}@keyframes float{50%{transform:translateY(-1.2rem) scale(1.08)}}
.ticker{position:relative;z-index:2;overflow:hidden;padding:.9rem 0;color:var(--navy-deep);background:var(--lemon);border-block:2px solid var(--navy-deep);transform:rotate(-1deg) scale(1.02);transform-origin:center}.ticker div{display:flex;width:max-content;align-items:center;gap:1.5rem;animation:ticker 28s linear infinite}.ticker span{font:800 clamp(1rem,2vw,1.65rem)/1 var(--display);letter-spacing:-.035em;text-transform:uppercase}.ticker b{color:var(--blue)}@keyframes ticker{to{transform:translateX(-50%)}}
.section-shell{padding:clamp(5rem,10vw,10rem) var(--pad)}.section-label{display:flex;align-items:center;gap:.75rem}.section-label span{display:grid;place-items:center;width:2rem;aspect-ratio:1;border:1px solid currentColor;border-radius:50%;font-size:.58rem}.brand-story{display:grid;grid-template-columns:minmax(18rem,.85fr) minmax(0,1.15fr);gap:clamp(3rem,8vw,9rem);align-items:center;min-height:100vh;background:var(--cream)}.story-art{position:relative}.story-card{position:relative;padding:1rem;border:2px solid var(--navy);border-radius:2rem 2rem 2rem .4rem;background:var(--white);box-shadow:1.2rem 1.2rem 0 var(--cyan);transform:rotate(-3deg)}.story-card img{width:100%;border-radius:1.25rem}.atom{position:absolute;right:-2rem;top:-3rem;display:grid;place-items:center;width:6.5rem;aspect-ratio:1;border-radius:50%;color:var(--lemon);background:var(--navy);font-size:3rem;animation:spin 12s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.story-copy h2,.formula-copy h2,.rotation-heading h2,.wall-copy h2,.booking-copy h2{margin:0;font:800 clamp(3.5rem,7.7vw,8.5rem)/.84 var(--display);letter-spacing:-.075em}.story-copy h2 em{color:var(--blue)}.story-copy>p:not(.section-label),.wall-copy>p:not(.section-label){max-width:39rem;margin:2rem 0;font-size:clamp(1.05rem,1.6vw,1.35rem);line-height:1.6}.inline-link{display:inline-flex;gap:2rem;font-weight:800;text-underline-offset:.35rem}
.formula{position:relative;height:360svh;color:var(--white);background:var(--navy-deep)}.formula-stage{position:sticky;top:0;height:100svh;overflow:hidden;background:var(--navy-deep)}.formula-poster,.formula-canvas,.formula-shade{position:absolute;inset:0;width:100%;height:100%}.formula-poster{object-fit:cover;object-position:center}.formula-canvas{opacity:0;transition:opacity .25s ease}.formula-canvas.is-ready{opacity:1}.formula-shade{background:linear-gradient(90deg,rgba(1,20,39,.88),rgba(1,27,52,.2) 56%,rgba(1,27,52,.45)),linear-gradient(0deg,rgba(1,20,39,.75),transparent 55%)}.formula-topline{position:absolute;z-index:3;top:clamp(5.8rem,9vh,7rem);left:var(--pad);right:var(--pad);display:flex;align-items:center;justify-content:space-between}.formula-topline .section-label{margin:0}.formula-progress{display:flex;align-items:center;gap:.8rem;margin:0;font-size:.62rem;font-weight:800;letter-spacing:.1em}.formula-progress i{position:relative;display:block;width:clamp(5rem,12vw,10rem);height:2px;background:rgba(255,255,255,.3)}.formula-progress i::after{content:"";position:absolute;inset:0;background:var(--lemon);transform:scaleX(var(--sequence-progress,0));transform-origin:left}.formula-copy{position:absolute;z-index:3;left:var(--pad);bottom:clamp(5.5rem,12vh,9rem);width:min(62rem,75vw)}.formula-copy h2{font-size:clamp(3.8rem,8.5vw,9rem);text-shadow:0 .08em .3em rgba(1,27,52,.35)}.formula-copy p{max-width:32rem;color:rgba(255,255,255,.78);font-size:clamp(1rem,1.4vw,1.22rem);line-height:1.55}.formula-phases{position:absolute;z-index:4;right:var(--pad);bottom:clamp(6rem,12vh,9rem);display:grid;gap:.75rem}.formula-phases p{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;margin:0;color:rgba(255,255,255,.42);transition:color .25s ease,transform .35s var(--ease)}.formula-phases p.is-active{color:var(--lemon);transform:translateX(-.65rem)}.formula-phases span{font-size:.56rem}.formula-phases strong{font:800 1rem/1 var(--display);text-transform:uppercase}.formula-hint{position:absolute;z-index:3;left:var(--pad);bottom:1.15rem;margin:0;color:rgba(255,255,255,.55);font-size:.58rem;letter-spacing:.12em;text-transform:uppercase}
.rotation{position:relative;background:var(--navy)}.rotation-heading{display:grid;grid-template-columns:.65fr 1.7fr .8fr;align-items:end;gap:2rem;color:var(--white)}.rotation-heading h2 em{color:var(--lemon)}.rotation-heading>p:last-child{margin:0;color:rgba(255,255,255,.7);line-height:1.55}.flavor-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:2px solid var(--navy-deep)}.flavor-card{--spot-x:50%;--spot-y:50%;position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;min-height:72vh;padding:clamp(1.25rem,3vw,3rem);overflow:hidden;border-right:2px solid var(--navy-deep)}.flavor-card::after{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(circle 14rem at var(--spot-x) var(--spot-y),rgba(255,255,255,.35),transparent 70%);opacity:0;transition:opacity .25s ease}.flavor-card:hover::after{opacity:1}.flavor-card--cyan{background:var(--cyan)}.flavor-card--yellow{background:var(--lemon)}.flavor-card--green{background:var(--green)}.card-number{font-size:.65rem;font-weight:800}.flavor-card p{font-size:.67rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.flavor-card h3{margin:.8rem 0 0;font:800 clamp(2rem,3.6vw,4rem)/.9 var(--display);letter-spacing:-.065em}.card-mark{position:absolute;z-index:-1;right:-.08em;bottom:-.13em;color:rgba(255,255,255,.32);font:800 clamp(5rem,10vw,10rem)/1 var(--display);letter-spacing:-.09em;transform:rotate(-8deg)}.card-orbit{position:absolute;right:2rem;top:2rem;width:5.5rem;aspect-ratio:1;border:1px solid rgba(3,47,88,.5);border-radius:50%}.card-orbit::before,.card-orbit::after{content:"";position:absolute;border-radius:50%;background:var(--navy)}.card-orbit::before{top:-.25rem;left:1.2rem;width:.55rem;height:.55rem}.card-orbit::after{right:-.35rem;bottom:1rem;width:.8rem;height:.8rem}
.brand-wall{display:grid;grid-template-columns:minmax(0,.85fr) minmax(20rem,1.15fr);gap:clamp(3rem,7vw,8rem);align-items:center;min-height:100vh;background:var(--white)}.wall-copy h2{font-size:clamp(3.2rem,6.8vw,7.4rem)}.wall-copy h2 em{color:var(--blue)}.wall-copy>p:not(.section-label){max-width:39rem;margin:2rem 0;font-size:clamp(1.05rem,1.6vw,1.35rem);line-height:1.6}.wall-visual{position:relative;margin:0;padding:.8rem;border:2px solid var(--navy);border-radius:.4rem 2rem 2rem 2rem;background:var(--lemon);box-shadow:1rem 1rem 0 var(--cyan);transform:rotate(2deg)}.wall-visual picture{display:block;overflow:hidden;border-radius:.25rem 1.35rem 1.35rem 1.35rem;background:var(--cream)}.wall-visual img{display:block;width:100%;height:auto;aspect-ratio:1200/1004;object-fit:cover}.wall-visual figcaption{padding:.8rem .35rem 0;font-size:.6rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.booking{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(18rem,.75fr) minmax(0,1.25fr);align-items:center;min-height:100svh;padding:clamp(5rem,10vw,9rem) var(--pad);overflow:hidden;color:var(--navy-deep);background:var(--lemon)}.booking-logo{position:relative;z-index:2;width:min(36rem,42vw);filter:drop-shadow(0 1.8rem 1.5rem rgba(3,47,88,.18));transform:rotate(-4deg)}.booking-copy{position:relative;z-index:2}.booking-copy h2 em{color:var(--blue)}.booking-copy>p:not(.section-label){font-size:clamp(1rem,1.5vw,1.25rem)}.booking-actions{display:flex;align-items:center;flex-wrap:wrap;gap:1.25rem;margin-top:2rem}.booking-actions>a:not(.button){font-weight:800;text-underline-offset:.35rem}.booking-956{position:absolute;z-index:-1;right:-.05em;bottom:-.27em;color:rgba(255,255,255,.42);font:800 min(42vw,38rem)/1 var(--display);letter-spacing:-.1em}.booking-burst{position:absolute;z-index:-1;left:-13rem;top:50%;width:42rem;aspect-ratio:1;border-radius:50%;background:repeating-conic-gradient(from 0deg,var(--cyan) 0deg 8deg,transparent 8deg 18deg);transform:translateY(-50%);opacity:.35}
.site-footer{display:grid;grid-template-columns:1.4fr 1.1fr .5fr;gap:2rem;align-items:center;padding:2.5rem var(--pad);color:rgba(255,255,255,.66);background:var(--navy-deep);font-size:.78rem;line-height:1.65}.site-footer a{color:var(--white)}.footer-brand{display:flex;align-items:center;gap:.7rem;text-decoration:none;font-weight:800}.footer-brand img{width:3.6rem;height:3.6rem;object-fit:contain}.site-footer>p:last-of-type{text-align:right}.footer-admin{grid-column:1/-1;display:grid;justify-items:end;gap:.2rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.14);font-size:.7rem}.footer-admin>a{font-weight:800}.footer-admin span{color:rgba(255,255,255,.48)}.js .reveal-in{opacity:0;transform:translateY(3rem);transition:opacity .85s var(--ease),transform .85s var(--ease)}.js .reveal-in.is-visible{opacity:1;transform:none}
@media(max-width:900px){.menu-toggle{display:block}.nav-links{position:absolute;top:4.75rem;left:1rem;right:1rem;display:none;flex-direction:column;align-items:stretch;gap:0;padding:.5rem;border:1px solid rgba(255,255,255,.16);border-radius:1rem;background:rgba(1,27,52,.97);backdrop-filter:blur(16px)}.nav-links.open{display:flex}.nav-links a{padding:1rem}.nav-call{margin-top:.25rem}.hero-content{width:min(43rem,82vw)}.brand-story,.brand-wall{grid-template-columns:1fr}.story-art{width:min(33rem,88vw)}.rotation-heading{grid-template-columns:1fr}.rotation-heading h2{grid-row:2}.flavor-grid{grid-template-columns:1fr}.flavor-card{min-height:24rem;border-right:0;border-bottom:2px solid var(--navy-deep)}.booking{grid-template-columns:.75fr 1.25fr}}
@media(max-width:700px){.site-header{min-height:4.7rem}.brand img{width:3rem;height:3rem}.brand{font-size:.8rem}.hero{min-height:100svh}.hero-media img{object-position:51% center}.hero-grade{background:linear-gradient(0deg,rgba(1,20,39,.96) 0%,rgba(1,27,52,.52) 62%,rgba(1,27,52,.34) 100%)}.hero-content{width:100%;padding-top:9rem;padding-bottom:6rem}.hero h1{font-size:clamp(3.6rem,17vw,6.4rem)}.hero-content>p:not(.eyebrow){max-width:27rem}.hero-actions{align-items:flex-start;flex-direction:column}.hero-seal{top:5.5rem;right:1rem;bottom:auto;width:5.7rem}.hero-seal strong{font-size:1.6rem}.hero-seal span:first-child{top:.85rem}.hero-seal span:last-child{bottom:.85rem}.scroll-cue{display:none}.ticker div{animation-duration:22s}.section-shell{padding-top:5.5rem;padding-bottom:5.5rem}.brand-story{min-height:auto}.story-art{width:88%;margin:1rem auto 0}.atom{right:-1.3rem;top:-2rem;width:4.5rem;font-size:2rem}.story-copy h2,.rotation-heading h2,.wall-copy h2,.booking-copy h2{font-size:clamp(3.2rem,15vw,5.3rem)}.formula{height:300svh}.formula-topline{top:5.4rem}.formula-copy{left:var(--pad);right:var(--pad);bottom:8.8rem;width:auto}.formula-copy h2{font-size:clamp(3.5rem,15vw,5.8rem)}.formula-copy p{max-width:24rem}.formula-phases{right:auto;left:var(--pad);bottom:4.4rem;grid-template-columns:repeat(3,auto);gap:1rem}.formula-phases p{justify-content:flex-start}.formula-phases p.is-active{transform:translateY(-.35rem)}.formula-phases strong{font-size:.72rem}.formula-progress i{width:4rem}.flavor-card{min-height:22rem}.brand-wall{min-height:auto;gap:2.75rem}.wall-visual{width:calc(100% - .75rem);margin:0;padding:.55rem;border-radius:.35rem 1.4rem 1.4rem 1.4rem;box-shadow:.75rem .75rem 0 var(--cyan);transform:rotate(1deg)}.wall-visual picture{border-radius:.2rem 1rem 1rem 1rem}.wall-visual img{aspect-ratio:36/49;object-position:center}.wall-visual figcaption{padding:.7rem .25rem .15rem;font-size:.56rem;line-height:1.4}.booking{grid-template-columns:1fr;padding-top:5rem;padding-bottom:7rem}.booking-logo{width:min(21rem,80vw);margin:0 auto 1rem}.booking-copy{text-align:left}.booking-actions{align-items:flex-start;flex-direction:column}.booking-956{font-size:70vw}.booking-burst{left:-17rem}.site-footer{grid-template-columns:1fr}.site-footer p:last-child{text-align:left}}
@media(max-width:700px){.hero-link,.inline-link,.booking-actions>a:not(.button),.site-footer p a,.footer-admin>a,.footer-admin span a{display:inline-flex;align-items:center;min-height:44px;padding-block:.5rem}.booking-actions{gap:.5rem 1.25rem}.site-footer{row-gap:1.25rem}.footer-admin{justify-items:start}.footer-admin span{display:flex;align-items:center;gap:.3rem}}
@media(max-width:420px){.brand span{display:none}.hero-content{padding-top:8rem}.hero h1{font-size:clamp(3.2rem,16vw,4.5rem)}.formula-copy h2{font-size:clamp(3rem,14vw,4.5rem)}.formula-copy p{font-size:.92rem}.formula-phases{gap:.6rem}.formula-phases p{gap:.35rem}.formula-phases span{display:none}.card-orbit{right:1.2rem;top:1.2rem}.site-footer{padding-bottom:5rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.js .reveal-in{opacity:1;transform:none}.formula{height:auto}.formula-stage{position:relative;height:100svh}.formula-poster{content:url("assets/brand/formula-final.webp")}.formula-canvas{display:none}.formula-hint,.formula-progress{display:none}}
