@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=Inter:wght@400;600;700&display=swap');
:root{--black:#090a09;--cream:#f2eee6;--lime:#c7d300;--line:rgba(255,255,255,.16);--max:1440px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--black);color:#fff;font-family:Inter,Arial,sans-serif;font-size:16px;line-height:1.55}
h1,h2,h3,.brand,.flight-lock{font-family:'Barlow Condensed',Impact,sans-serif;line-height:.88;margin:0;text-transform:uppercase}
h2{font-size:clamp(3.4rem,7vw,7.5rem);letter-spacing:-.035em}
p{max-width:660px}
.eyebrow{color:var(--lime);font:bold .78rem Inter;letter-spacing:.16em;text-transform:uppercase;margin:0 0 1.5rem}
i{color:var(--lime);font-style:normal}
header{height:78px;position:fixed;z-index:20;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;border-bottom:1px solid var(--line);background:rgba(9,10,9,.82);backdrop-filter:blur(15px)}
.brand{display:flex;flex-direction:column;width:max-content;color:#fff;text-decoration:none;font-family:Arial,Helvetica,sans-serif;line-height:1}
.brand img{display:block;width:9rem;height:auto;object-fit:contain}
nav{display:flex;align-items:center;gap:2rem}
nav a{color:#fff;text-decoration:none;text-transform:uppercase;font-size:.76rem;font-weight:700;letter-spacing:.08em}
.nav-cta{color:#090a09;background:var(--lime);padding:.75rem 1rem}
.menu{display:none;background:none;color:#fff;border:0;font-weight:700}
.hero{min-height:100svh;position:relative;display:grid;align-items:center;padding:calc(78px + 4.5rem) 5vw 4.5rem;overflow:hidden;background:var(--black)}
.hero-bg{position:absolute;inset:78px 0 0;overflow:hidden}
.hero-bg picture{display:block;width:100%;height:100%}
.hero-bg img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top}
.shade{position:absolute;inset:78px 0 0;pointer-events:none;background:linear-gradient(90deg,transparent 20%,rgba(9,10,9,.08) 40%,rgba(9,10,9,.4) 64%,rgba(9,10,9,.72)),linear-gradient(0deg,rgba(9,10,9,.3),transparent 25%)}
.hero-copy{z-index:1;min-width:0;width:44%;margin-left:auto}
.hero .flight-lock{width:100%;max-width:34rem}
.hero .flight-lock img{width:100%;height:auto}
.hero .eyebrow{font-size:clamp(.75rem,1vw,.88rem)}
.flight-lock{display:flex;flex-direction:column;width:max-content;margin-bottom:1rem;font-family:Arial,Helvetica,sans-serif;line-height:1}
.flight-lock img{display:block;width:clamp(20rem,42vw,40rem);height:auto;object-fit:contain}
.hero h1{font-size:clamp(3.4rem,8vw,8rem)}
.hero-copy>p:not(.eyebrow){font-size:1.05rem;text-transform:uppercase;letter-spacing:.12em}
.hero-copy>p.hero-product-detail{font-size:1rem;text-transform:none;letter-spacing:0;line-height:1.5;color:#e6e7e2;max-width:28rem}
.actions{display:flex;gap:1rem;margin-top:2rem}
.actions a,.button{display:inline-block;color:white;border:1px solid rgba(255,255,255,.4);padding:1rem 1.3rem;text-decoration:none;text-transform:uppercase;font-weight:700;font-size:.78rem;letter-spacing:.08em}
.actions a:first-child,.button{background:var(--lime);border-color:var(--lime);color:#080808}
.scroll{position:absolute;right:3vw;bottom:3vw;writing-mode:vertical-rl;font-size:.67rem;letter-spacing:.16em}
.split,.question,.flight-section,.manifesto{min-height:90vh;display:grid;grid-template-columns:1fr 1fr}
.copy{padding:clamp(4rem,9vw,10rem) 6vw;display:flex;flex-direction:column;justify-content:center}
.copy>strong{color:var(--lime)}
.light{background:var(--cream);color:#0a0a0a}
#story .story-heading{font-size:clamp(2.3rem,4vw,4.3rem);line-height:.98}
#story .story-intro{margin:1.5rem 0 0}
#story .story-miles{margin:1.25rem 0 0;font-size:.875rem;font-weight:600;line-height:1.7}
#story .story-setup{margin:2.25rem 0 .75rem;max-width:31rem}
#story .story-statement{margin:0;font:800 clamp(3.3rem,5.5vw,6rem)/.98 'Barlow Condensed',Impact,sans-serif;letter-spacing:-.025em}
#story .story-statement strong{font-weight:inherit;color:inherit;background:linear-gradient(transparent 76%,var(--lime) 76%);box-decoration-break:clone;-webkit-box-decoration-break:clone}
.visual{min-height:550px;background-size:cover;background-position:center}
.visual-airport{background-image:url('assets/airport-story.png');background-position:58% center}
.visual-hotel{background-image:url('assets/hotel-travel.png');background-position:58% center}
.visual-flight{background-image:url('assets/in-flight-question.png');background-position:38% center}
.reality{padding:0;list-style:none}
.reality li{display:flex;gap:1rem;margin:1.4rem 0;max-width:540px}
.reality b{color:var(--lime);font-size:1.6rem}
.question{background:var(--cream);color:#0a0a0a}
.question-copy{padding:8vw;align-self:center}
.question h2{font-size:clamp(3.5rem,7.5vw,8rem)}
.family,.pillars,.journey,.system,.close{padding:clamp(5rem,10vw,10rem) 6vw}
.section-head{max-width:1000px}
.family{background:#070807}
.family h2{font-size:clamp(3rem,6vw,6rem)}
.people{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;background:#333;margin-top:3rem}
.people article{background:#111;padding:1.4rem;display:flex;flex-direction:column;gap:.7rem}
.people b{color:var(--lime);font-family:'Barlow Condensed';font-size:1.3rem}
.people span{font-size:.78rem;color:#b8b8b8}
.pillars h2{max-width:1100px}
.pillar-grid{display:grid;grid-template-columns:repeat(6,1fr);margin-top:4rem;border-top:1px solid #bbb}
.pillar-grid div{font-family:'Barlow Condensed';font-size:2.6rem;padding:2rem 1rem;border-right:1px solid #bbb}
.pillar-grid b{display:block;font-size:1rem;margin-top:1.2rem}
.flight-section{position:relative;isolation:isolate;min-height:0;grid-template-columns:minmax(0,1fr);background:#090a09}
.flight-art{grid-area:1/1;position:relative;min-width:0;min-height:0;aspect-ratio:1671/941;background:#090a09;overflow:hidden}
.flight-scene{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;object-position:center}
.flight-section>.copy{grid-area:1/1;position:relative;z-index:1;min-width:0;width:48%;padding:clamp(2.5rem,4vw,5rem) 4vw}
.flight-section .flight-lock{width:100%;max-width:26rem}
.flight-section .flight-lock img{width:100%;height:auto}
.flight-section .features{margin:1.5rem 0}
.flight-section h2{font-size:clamp(4rem,8vw,8rem)}
.features{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin:2rem 0;background:#333}
.features span{background:#111;padding:1rem;text-align:center;font-size:.7rem;font-weight:700}
.journey{text-align:center;background:#111}
.journey h2{margin-bottom:4rem}
.track{display:flex;justify-content:center;align-items:center;gap:2.2vw}
.track div{display:flex;flex-direction:column;gap:1rem}
.track b{font-size:2.6rem;color:var(--lime)}
.track span{font:700 .72rem Inter;letter-spacing:.05em}
.track i{color:var(--lime)}
.system{background:var(--cream);color:#111}
.system h2{font-size:clamp(3.2rem,6vw,6.2rem)}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:4rem;background:#aaa}
.cards article{min-height:390px;background:#171817;color:white;padding:2rem;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;text-align:center;transition:.3s}
.cards article:hover{transform:translateY(-8px);background:#20211e}
.cards article.active{background:var(--lime);color:#0a0a0a}
.product-lockup{width:100%;display:flex;flex-direction:column;align-items:center;margin-bottom:1rem}
.product-lockup img{width:min(15rem,100%);height:auto;margin-bottom:.25rem}
.cards article.active .product-lockup img{filter:none}
.cards b{font-family:'Barlow Condensed';font-size:1.4rem}
.cards small{align-self:flex-start;margin-bottom:auto}
.cards p{font-size:.86rem}
.product-stage{font-size:.875rem;color:var(--lime);font-weight:600}
.concept-status{display:block;border-top:1px solid currentColor;padding-top:.75rem;margin-top:.5rem;font-size:.875rem;line-height:1.5}
.manifesto{position:relative;min-height:90vh}
.manifesto .visual{grid-column:1/-1}
.visual-mountain{background-image:url('assets/manifesto-mountain.png');background-position:center}
.manifesto .copy{position:absolute;inset:0 46% 0 0;background:linear-gradient(90deg,rgba(0,0,0,.95),rgba(0,0,0,.65),transparent)}
.manifesto h2{font-size:clamp(3.5rem,6vw,6.5rem)}
.close{background:var(--cream);color:#0a0a0a;text-align:center;min-height:80vh;display:flex;flex-direction:column;justify-content:center;align-items:center}
.jumbo{color:#0a0a0a}
.jumbo img{width:clamp(22rem,52vw,46rem)}
.close h2{font-size:clamp(4rem,8vw,8rem);margin-top:3rem}
.inverse{margin-top:2rem}
.launch-form{width:min(100%,46rem);margin:1.5rem auto 0;text-align:left}
.launch-form>label{display:block;font-weight:600;margin-bottom:.5rem}
.signup-row{display:flex;gap:.75rem;align-items:stretch}
.signup-row input{flex:1;min-width:0;width:100%;border:1px solid #85867c;border-radius:0;background:#fff;color:#090a09;padding:1rem;font:inherit;font-size:1rem}
.signup-row .button{font:700 .875rem/1.4 Inter,Arial,sans-serif;letter-spacing:.02em;cursor:pointer;border-radius:0;white-space:normal}
.signup-row .button:disabled{opacity:.7;cursor:wait}
.launch-form .signup-consent{display:flex;align-items:flex-start;gap:.6rem;font-weight:400;font-size:.875rem;margin:1rem 0 .5rem;line-height:1.5}
.signup-consent input{width:1.1rem;height:1.1rem;flex:none;margin:.12rem 0 0;accent-color:#394000}
.signup-privacy{font-size:.875rem;line-height:1.5;color:#4d5046;margin:.5rem 0}
.signup-privacy a{color:inherit;text-underline-offset:.2em;overflow-wrap:anywhere}
.signup-status{font-size:1rem;font-weight:600;min-height:1.6em;margin:1rem 0 0;outline:none}
.signup-status[data-state="error"]{color:#a22d20}
.signup-status[data-state="success"]{color:#374b16}
.signup-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.launch-form :focus-visible,.partner-link:focus-visible{outline:3px solid #526000;outline-offset:4px}
.partner-invitation{width:min(100%,66rem);display:flex;align-items:center;justify-content:space-between;gap:2rem;border-top:1px solid #c2c2b6;margin-top:3.5rem;padding-top:2.5rem;text-align:left}
.partner-invitation h3{font-size:clamp(1.8rem,3vw,2.5rem);line-height:1.05;letter-spacing:-.02em}
.partner-invitation p{max-width:35rem;margin:.75rem 0 0;font-size:1rem}
.partner-link{display:inline-block;flex-shrink:0;color:#10120c;font-size:1rem;font-weight:700;text-underline-offset:.35em}
[id]{scroll-margin-top:6rem}
@media(max-width:600px){.signup-row,.partner-invitation{flex-direction:column;align-items:stretch}.signup-row .button{width:100%;min-height:3.5rem}.partner-invitation{gap:1.25rem}}
footer{padding:3rem 4vw;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;text-align:center;border-top:1px solid var(--line);font-size:.7rem;letter-spacing:.08em}
footer .brand{width:min(100%,17.25rem)}
footer .brand img{width:100%;height:auto}
footer p{margin:0}
.reveal{opacity:0;transform:translateY(40px);transition:.8s ease}
.reveal.in{opacity:1;transform:none}

@media(max-width:800px){header{height:68px}
.menu{display:block}
nav{display:none;position:absolute;top:68px;left:0;right:0;background:#090a09;padding:1.5rem 4vw;flex-direction:column;align-items:flex-start}
nav.open{display:flex}
.hero{min-height:max(36rem,100svh);padding:calc(68px + 3rem) 4vw 3rem}
.hero-bg{inset:68px 0 0}
.shade{inset:68px 0 0;background:linear-gradient(90deg,transparent 18%,rgba(9,10,9,.1) 40%,rgba(9,10,9,.48) 58%,rgba(9,10,9,.72)),linear-gradient(0deg,rgba(9,10,9,.3),transparent 20%)}
.hero-copy{width:46%;margin-left:auto}
.hero-copy>p:not(.eyebrow){font-size:clamp(.875rem,2vw,1.05rem);letter-spacing:.07em}
.hero-copy>p.hero-product-detail{font-size:1rem;letter-spacing:0}
.hero .actions{gap:.75rem;margin-top:1.5rem}
.hero .actions a{max-width:100%;padding:.9rem .7rem;font-size:.75rem;letter-spacing:.025em}
.scroll{display:none}
.split,.question,.flight-section,.manifesto{grid-template-columns:1fr}
.visual{min-height:55vh}
.reverse .visual{order:2}
.question>.question-copy{order:0}
.question>.visual{order:1}
.copy,.question-copy{padding:5rem 6vw}
.family,.pillars,.journey,.system,.close{padding:5rem 6vw}
.people{grid-template-columns:1fr;background:transparent;gap:1rem}
.pillar-grid{grid-template-columns:repeat(2,1fr)}
.track{overflow-x:auto;justify-content:flex-start;padding-bottom:1rem}
.cards{grid-template-columns:1fr}
.cards article{min-height:280px}
.manifesto .visual{min-height:85vh;background-size:cover;background-position:62% center}
.manifesto .copy{inset:0;background:rgba(0,0,0,.7)}
.actions{flex-direction:column;align-items:flex-start}
footer .brand{width:min(60%,10.35rem)}
footer p{font-size:.525rem}
}

/* Keep the glass and both sachet seals inside the frame at narrower widths.
   The 4:3 frame trims only empty space to the left of the product. */
@media(max-width:1100px){
.flight-art{grid-area:auto;aspect-ratio:4/3}
.flight-scene{object-fit:cover;object-position:right center}
.flight-section>.copy{grid-area:auto;width:100%;padding:3rem 6vw 4rem}
.flight-section .flight-lock{max-width:30rem}
}

@media(max-aspect-ratio:1/1){.hero-bg img{object-position:center 20%}}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
.reveal{opacity:1;transform:none;transition:none}
}

.people img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:center;border-bottom:3px solid var(--lime);margin-bottom:.5rem}
.people article:not(:has(img)){padding-top:calc(1.4rem + 220px)}


/* Flight launch focus: preserve the established travel imagery and brand. */
:focus-visible{outline:3px solid var(--lime);outline-offset:5px}
.skip-link{position:fixed;top:1rem;left:1rem;z-index:50;background:var(--lime);color:var(--black);padding:1rem;transform:translateY(-180%)}
.skip-link:focus{transform:none}
.eyebrow{font-size:.875rem;line-height:1.5}
nav a{font-size:.875rem}
.actions{flex-wrap:wrap}
.actions a,.button{font-size:.875rem;line-height:1.45}
.hero-copy>p.hero-provenance{font-size:.875rem;text-transform:none;letter-spacing:0;color:#e6e7e2;margin-top:1.5rem}
.hero .flight-lock{margin-bottom:1.5rem}
.flight-section>.copy{align-self:center;padding-top:3rem;padding-bottom:3rem}
.flight-section .product-note{font-size:.875rem;line-height:1.6;color:#c4c8bf;margin:.25rem 0 .75rem}
.flight-section .button{margin-top:1rem;align-self:flex-start}
.features span{font-size:.875rem;padding:1rem .5rem}
.travel-story{min-height:0}
.travel-story .copy{padding:5rem 5vw}
.travel-story h2{font-size:clamp(3.2rem,5.4vw,6rem);line-height:.97}
.reality b{font-size:.875rem;line-height:1.7;min-width:1.4rem;padding-top:.1rem}
.arrival-question{font-weight:700;font-size:1.25rem;line-height:1.5;margin-bottom:0;color:var(--lime)}
.text-link{color:var(--lime);font-weight:600;text-underline-offset:.3em;align-self:flex-start;margin-top:1rem}
.close{min-height:0;padding:6rem 6vw}
.close h2{margin-top:0;line-height:.98}
.close .eyebrow{color:#566000}
.close i{color:#566000}
.signup-details{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1.25rem}
.signup-details label{display:block;font-size:.875rem;font-weight:600;margin-bottom:.5rem}
.signup-details label span{font-weight:400;color:#55584f}
.signup-details input,.signup-details select{width:100%;min-width:0;min-height:3.5rem;border:1px solid #85867c;border-radius:0;background:#fff;color:#090a09;padding:.875rem;font:inherit}
.signup-details>div{min-width:0}
.about-flight{display:grid;grid-template-columns:1fr 1fr;gap:5vw;align-items:center;padding:5rem 6vw}
.about-flight h2{font-size:clamp(3rem,4.5vw,5rem);line-height:.98}
.about-flight .people{grid-template-columns:repeat(2,minmax(0,1fr));margin:0;gap:1.25rem;background:transparent}
.about-flight .people article{padding:0;background:transparent}
.about-flight .people b{font-size:1.25rem;line-height:1.2}
.about-flight .people span{font-size:.875rem}
.privacy-note{display:grid;grid-template-columns:1fr 2fr;gap:4vw;padding:3.5rem 6vw;background:#151714;border-top:1px solid var(--line);color:#c4c8bf}
.privacy-note h2{font-size:1.75rem;line-height:1.05;letter-spacing:0;color:#fff}
.privacy-note p{font-size:.875rem;margin:0 0 1rem;max-width:50rem}
.privacy-note .privacy-date{margin-top:1rem}
.privacy-note a{color:#fff;text-underline-offset:.2em;overflow-wrap:anywhere}
footer{font-size:.875rem;letter-spacing:.04em}
footer p{font-size:.875rem;letter-spacing:0;max-width:40rem}
.footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem 1.5rem}
.footer-links a{color:#fff;text-underline-offset:.3em}
@media(max-width:900px){.about-flight{grid-template-columns:1fr;gap:2.5rem}.about-flight .people{max-width:36rem}.privacy-note{grid-template-columns:1fr;gap:1rem}.partner-invitation{flex-direction:column;align-items:flex-start;gap:1.5rem}}
@media(max-width:600px){
.hero{display:flex;flex-direction:column;min-height:0;padding:68px 0 0}
.hero-bg{position:relative;inset:auto;width:100%;aspect-ratio:948/1120}
.hero-bg img{object-position:center 36%}
.shade{inset:auto 0 0;height:100%;background:linear-gradient(0deg,var(--black) 0%,transparent 40%)}
.hero-copy{width:100%;margin:0;padding:2rem 6vw 3rem}
.hero .flight-lock{max-width:23rem}
.hero-copy>p:not(.eyebrow){font-size:1.05rem}
.hero-copy>p.hero-provenance{font-size:.875rem}
.hero .eyebrow{font-size:.875rem}
.hero .actions{flex-direction:row;align-items:stretch}
.hero .actions a{font-size:.875rem;padding:.9rem 1rem}
.hero .actions a:first-child{width:100%;text-align:center}
.hero .actions a:last-child{border:0;background:transparent;padding:.5rem 0}
.travel-story .visual{display:none}
.travel-story .copy{padding:4rem 6vw}
.close{padding:4rem 6vw}
.signup-details{grid-template-columns:1fr}
.about-flight{padding:4rem 6vw}
.about-flight .people{gap:1rem}
footer p{font-size:.875rem}
}
@media(max-width:600px){
.hero{display:grid;min-height:max(42rem,100svh);padding:calc(68px + 2rem) 5vw 2rem}
.hero-bg{position:absolute;inset:68px 0 0;width:auto;aspect-ratio:auto}
.hero-bg img{object-position:35% 25%}
.shade{inset:68px 0 0;height:auto;background:linear-gradient(90deg,transparent 10%,rgba(9,10,9,.25) 35%,rgba(9,10,9,.84) 58%,rgba(9,10,9,.94)),linear-gradient(0deg,rgba(9,10,9,.4),transparent 30%)}
.hero-copy{width:56%;margin-left:auto;padding:0}
.hero-copy>p:not(.eyebrow){font-size:1rem;letter-spacing:.025em}
.hero-copy>p.hero-product-detail{font-size:1rem;letter-spacing:0}
.hero-copy>p.hero-provenance{font-size:.875rem;letter-spacing:0}
.hero .eyebrow{font-size:.75rem;letter-spacing:.12em}
.hero .actions{gap:.75rem;margin-top:1.25rem}
.hero .actions a{font-size:.875rem;padding:.8rem .65rem}
}