:root{color-scheme:dark;--cream:#f5edde;--ink:#142e36;--ease:cubic-bezier(.22,.7,.15,1)}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#263c45;color:var(--cream);font-family:"Avenir Next",Avenir,"Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;font:inherit;color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:2px solid #fff0bf;outline-offset:5px}.arrival{width:100%;height:100svh;min-height:580px;position:relative;isolation:isolate;overflow:hidden}#world{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;cursor:grab;outline-offset:-4px;opacity:0;transition:opacity 1.2s}#world:active{cursor:grabbing}.ready #world{opacity:1}.vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#071f3540,transparent 57%),linear-gradient(0deg,#062235c7,transparent 21%,transparent 82%,#0b24383b)}header{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:30px 4.2vw;gap:20px;z-index:4}.brand{display:flex;gap:12px;align-items:center;font-size:28px;font-weight:500;letter-spacing:-1px}.brand img{width:40px;height:40px;border-radius:11px}.top-note{font-size:12px;letter-spacing:2.3px;opacity:.8;margin-left:auto;margin-right:46px}.text-button{border:0;background:none;font-size:14px;padding:12px 0}.text-button span{margin-left:11px;font-size:22px}.hero{position:absolute;left:5.4vw;top:24%;pointer-events:none;opacity:0;transform:translateY(25px);transition:opacity 1.4s ease,transform 1.6s var(--ease)}.settled .hero{opacity:1;transform:none}.hero button{pointer-events:auto}.eyebrow{font-size:12px;letter-spacing:2.2px;display:flex;gap:14px;align-items:center;margin:0 0 24px}.eyebrow span{height:1px;width:25px;background:var(--cream);opacity:.6}h1{font-size:clamp(64px,min(7.5vw,12svh),135px);font-weight:400;letter-spacing:-.067em;line-height:.97;margin:0 0 24px}h1 em{font-style:normal}.description{font-size:17px;line-height:1.55;margin:0 0 25px;color:#f0e9df}.primary{display:flex;gap:34px;align-items:center;background:var(--cream);border:1px solid var(--cream);border-radius:40px;padding:16px 24px;color:var(--ink);font-size:14px;min-height:52px;transition:transform .3s,background .3s}.primary:hover{transform:translateY(-2px);background:white}.primary svg{width:24px;height:18px;fill:none;stroke:currentColor;stroke-width:1.4}.intro-label{position:absolute;left:5.4vw;bottom:19%;pointer-events:none;transition:opacity .8s,transform 1s}.intro-label span{font-size:12px;letter-spacing:2.4px}.intro-label p{font-size:clamp(27px,3.1vw,48px);line-height:1.12;font-weight:400;letter-spacing:-1.6px;margin:19px 0 0}.settled .intro-label,.loading .intro-label{opacity:0;transform:translateY(10px)}.look-mode .hero{opacity:0;transform:translateY(-18px);pointer-events:none}.look-mode .hero button{pointer-events:none}.look-mode .intro-label{opacity:1;transform:none}footer{position:absolute;bottom:0;left:0;right:0;padding:0 4.2vw 33px;display:flex;justify-content:space-between;align-items:center;gap:25px;z-index:3}nav{display:flex;gap:25px}.chapter{display:flex;gap:10px;align-items:center;border:0;background:none;color:#e3e4df88;padding:14px 0;font-size:14px;white-space:nowrap;transition:color .3s}.chapter span{font-size:12px}.chapter:hover,.chapter.active{color:var(--cream)}.chapter.active span{color:#d9be84}.view-tools{display:flex;gap:12px;align-items:center}.interaction-hint{font-size:12px;letter-spacing:1.2px;margin-right:17px;opacity:.64}.timeline{position:absolute;left:4.2vw;right:4.2vw;bottom:21px;height:1px;background:#f4edde25}.timeline i{display:block;height:1px;width:100%;background:#dbc8a0;transform:scaleX(0);transform-origin:left}.loader{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:21px;background:#1a3039;transition:opacity .7s,visibility .7s;z-index:5}.loader>span:nth-child(2){font-size:13px;letter-spacing:1px}.loader-mark{font-size:48px;line-height:1;letter-spacing:-6px;color:#dcca9c;font-weight:500}.loader-track{height:1px;width:100px;overflow:hidden;background:#f4edde25}.loader-track i{display:block;width:40%;height:1px;background:#dcca9c;animation:loading 1.2s ease-in-out infinite alternate}.ready .loader{opacity:0;visibility:hidden}.fallback{position:absolute;z-index:9;inset:0;padding:30px;background:#19313a;align-content:center;text-align:center}.fallback p{max-width:520px;line-height:1.6;margin:20px auto}.fallback button{background:var(--cream);border:0;color:var(--ink);padding:14px 24px;border-radius:24px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@keyframes loading{to{transform:translateX(150%)}}
@media(max-width:1050px){.top-note{display:none}.interaction-hint{display:none}nav{gap:20px}.hero{top:23%}h1{font-size:clamp(65px,min(9vw,12svh),102px)}}
@media(max-width:650px){.arrival{min-height:560px}header{padding:23px 22px}.brand{font-size:24px;gap:9px}.brand img{width:34px;height:34px}.text-button{font-size:13px}.hero{left:27px;top:26%;right:20px}h1{font-size:clamp(61px,min(16.5vw,10.5svh),86px)}.eyebrow{font-size:12px;letter-spacing:1.6px;gap:10px}.description{font-size:16px}.primary{font-size:14px;padding:14px 21px}.intro-label{left:27px;bottom:24%}.intro-label p{font-size:34px}footer{left:0;right:0;padding:0 23px 30px;flex-wrap:wrap;gap:4px;align-items:flex-end}nav{gap:19px;flex:1}.chapter{font-size:12px;gap:7px;flex-direction:column;align-items:flex-start}.chapter span{font-size:12px}.view-tools{gap:8px;padding-bottom:9px}.timeline{left:23px;right:23px;bottom:16px}.vignette{background:linear-gradient(0deg,#09222bad,transparent 28%,transparent 81%,#0b243844),linear-gradient(90deg,#071f3536,transparent)}}
/* Quiet sculptural branding and staggered editorial type. */
.brand{gap:9px;font-weight:550;letter-spacing:-1.25px;text-shadow:0 2px 18px #112c3655}
.brand-emblem{display:block;flex:none;width:66px;height:62px;margin:-13px -3px -13px -12px}
.brand>span:last-child{background:linear-gradient(115deg,#fffdf4 12%,#f8e4bd 58%,#d9bd8c);background-clip:text;-webkit-background-clip:text;color:transparent}
.vignette{background:linear-gradient(90deg,#102e415f,transparent 58%),linear-gradient(0deg,#062235b3,transparent 23%,transparent 82%,#0b243830)}
.hero{top:22.5%;transition:opacity 1s ease,transform 1.3s var(--ease)}
h1{font-weight:500;letter-spacing:-.058em;line-height:1.04;text-shadow:0 3px 24px #13324235}
.title-line{display:block;overflow:hidden;padding:0 .09em .09em;margin:0 -.09em -.09em;perspective:800px}
.title-line>span,.title-line>em{display:block;transform:translateY(110%) rotateX(9deg);opacity:0;transform-origin:50% 100%;transition:transform 1.65s var(--ease),opacity 1.15s ease;will-change:transform}
.title-line:nth-child(2)>span{transition-delay:.13s}
.title-line:nth-child(2)>em{transition-delay:.27s;background:linear-gradient(108deg,#f3d79f 5%,#fff7df 32%,#e6bd78 57%,#fff0cd 77%,#f3d79f);background-size:220% 100%;background-position:90% 50%;background-clip:text;-webkit-background-clip:text;color:transparent;text-shadow:none;filter:drop-shadow(0 3px 14px #14333c55)}
.settled .title-line>span,.settled .title-line>em{transform:none;opacity:1}
.settled .title-line>em{animation:title-light 3.8s ease-out .8s both}
.eyebrow{color:#fbe1b1;text-shadow:0 1px 12px #0c303e66}
.description{text-shadow:0 2px 12px #13313b99}
.primary{box-shadow:0 5px 30px #08283426;transition:transform .3s,background .3s,box-shadow .3s}
.primary:hover{box-shadow:0 8px 35px #0828343b}
.intro-label p{text-shadow:0 2px 18px #16343b70}
.motion-paused .title-line>em{animation-play-state:paused}
@keyframes title-light{from{background-position:90% 50%}to{background-position:10% 50%}}
@media(max-width:650px){.brand-emblem{width:55px;height:53px;margin:-11px -3px -11px -9px}.brand{gap:7px}.hero{top:25%}h1{line-height:1.04}.vignette{background:linear-gradient(0deg,#09222b9c,transparent 29%,transparent 81%,#0b243844),linear-gradient(90deg,#071f355c,transparent)}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}.settled .title-line>span,.settled .title-line>em{transform:none;opacity:1}}

/* Short product promise, with a distinct early-access note. */
.hero{top:24%;max-width:760px}
h1{font-size:clamp(58px,min(6.8vw,11svh),112px)}
.description{line-height:1.65;margin-bottom:23px}
.mint-note{margin-top:27px;padding-left:15px;border-left:1px solid #e9cd92a6;text-shadow:0 2px 14px #14313d99}
.mint-kicker{display:block;font-size:12px;font-weight:600;letter-spacing:1.9px;color:#f0d49e}
.mint-note p{font-size:15px;line-height:1.5;margin:6px 0 0;color:#f4edde}
.mint-note strong{font-weight:600;color:#ffe2a7}
.interaction-hint{margin-right:0}
@media(max-width:1050px){h1{font-size:clamp(54px,min(7.5vw,10svh),88px)}}
@media(max-width:650px){.hero{top:24%;left:27px;right:20px}h1{font-size:clamp(36px,10.3vw,64px);margin-bottom:21px}.eyebrow{font-size:12px;letter-spacing:1.1px;margin-bottom:20px;gap:8px}.eyebrow span{width:16px}.description{font-size:16px;margin-bottom:20px}.mint-note{margin-top:23px;padding-left:12px}.mint-note p{font-size:14px;max-width:270px}.mint-kicker{font-size:12px}.view-tools{display:none}}
@media(max-height:700px){.hero{top:19%}.mint-note{margin-top:18px}.eyebrow{margin-bottom:17px}.description{margin-bottom:18px}h1{margin-bottom:18px}}
@media(max-height:520px){.hero{top:85px;bottom:80px;overflow-y:auto;pointer-events:auto;scrollbar-width:thin;padding-bottom:16px}.arrival{min-height:0}h1{font-size:42px}}

/* An invitation, with one clear email action. */
.signup{width:min(100%,490px);pointer-events:auto}
.signup-fields{display:flex;gap:7px;padding:6px;background:#173c46c9;border:1px solid #f1e4c852;border-radius:36px;box-shadow:0 8px 32px #082b3021;backdrop-filter:blur(16px)}
.signup input{flex:1;min-width:0;background:transparent;border:0;border-radius:28px;padding:0 17px;font:inherit;font-size:16px;color:var(--cream);outline-offset:0}
.signup input::placeholder{color:#eee7d9bb}
.signup input:focus-visible{outline:2px solid #e7cca0}
.signup .primary{flex:none;padding:14px 22px;min-height:48px;font-weight:500;box-shadow:none}
.signup .primary:disabled{cursor:default;opacity:.8;transform:none}
.signup-note{margin:11px 4px 0;color:#f0e6d6cc;font-size:12px;line-height:1.45;text-shadow:0 1px 8px #173c46}
.signup-status{margin:0;font-size:15px;line-height:1.5}
.signup-status:not(:empty){margin:12px 4px 0}
.signup-status.error{color:#ffe3cf}
.signup-status.success{padding:17px 20px;border:1px solid #d9c38b80;border-radius:18px;background:#163e46d9;color:#ffedc6}
.signup.registered .signup-fields{display:none}
.mint-note{margin-top:22px}
@media(max-width:650px){.hero{top:22%}.description{max-width:315px;line-height:1.5}.signup .primary{font-size:14px;padding:12px 16px}.signup input{padding:0 10px}.signup-fields{gap:2px}.signup-note{max-width:295px}.mint-note{margin-top:20px}}
@media(max-width:370px){.signup-fields{border-radius:22px;flex-wrap:wrap;padding:8px}.signup input{flex-basis:100%;min-height:40px}.signup .primary{width:100%;justify-content:center;min-height:42px}.hero{top:17%}.eyebrow{letter-spacing:.5px}}

/* Keep the invitation readable over sunlit architecture and moving water. */
.hero{isolation:isolate}
.hero::before{content:"";position:absolute;z-index:-1;pointer-events:none;inset:-65px -90px -55px -90px;background:radial-gradient(ellipse at 35% 48%,#092733eb 0%,#092733d9 35%,#0927339e 57%,#09273300 76%);filter:blur(18px)}
h1{color:#fffdf5;font-weight:600;letter-spacing:-.052em;text-shadow:0 2px 3px #061d2b80,0 5px 22px #061d2b80}
.title-line:nth-child(2)>em{background-image:linear-gradient(108deg,#ffe2a8 5%,#fff5dc 32%,#f3d08b 57%,#fff0ce 77%,#ffe2a8);filter:drop-shadow(0 2px 3px #061d2b80)}
.description{color:#fffaf0;font-size:18px;font-weight:500;text-shadow:0 2px 8px #061d2bcc}
.eyebrow{color:#ffe7b8;font-weight:600;text-shadow:0 2px 6px #061d2bcc}
.signup-note{color:#f5eddf}
.mint-note p{color:#fffaf0;font-weight:500}
.intro-label{text-shadow:0 2px 6px #061d2be6}
.intro-label::before{content:"";position:absolute;z-index:-1;inset:-38px -65px;background:radial-gradient(ellipse,#092733c9,transparent 73%);filter:blur(12px)}
@media(max-width:650px){.hero::before{inset:-45px -30px -45px -45px;background:radial-gradient(ellipse at 36% 48%,#092733eb 0%,#092733d9 40%,#09273380 68%,transparent 91%)}.description{font-size:16px}}

.signup-trap{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(100%);pointer-events:none}footer{justify-content:flex-end}