:root{color-scheme:dark;--bg:#06150f;--ink:#f1f6e9;--lime:#cbfb6b;--mint:#8ce9bd;font-family:Manrope,sans-serif;color:var(--ink);background:var(--bg)}
*{box-sizing:border-box;scrollbar-color:#52755c var(--bg);scrollbar-width:thin}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--lime);outline-offset:6px}::selection{background:var(--lime);color:var(--bg)}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.header{height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 5.4%;position:absolute;top:0;left:0;right:0;z-index:3}.brand{display:flex;align-items:center;gap:10px;font-size:25px;font-weight:800;letter-spacing:-.04em}.brand img{width:38px;height:43px}.brand-dot{color:var(--lime)}.upcoming{color:var(--lime);font-size:12px;font-weight:600;padding:11px 18px;border:1px solid #52683d;border-radius:30px}
.hero{height:100svh;min-height:930px;max-height:1250px;position:relative;isolation:isolate;overflow:clip;background:radial-gradient(ellipse at 50% 57%,#214f2640,transparent 63%)}.hero-copy{position:relative;z-index:2;text-align:center;padding:127px 24px 0;pointer-events:none}h1{font-family:Unbounded,sans-serif;font-weight:700;font-size:clamp(44px,5.3vw,83px);line-height:1.12;letter-spacing:-.04em;margin:0}h1 span{background:linear-gradient(100deg,#e0ff93 5%,#c5fa7d 48%,#8feaca 100%);background-clip:text;-webkit-background-clip:text;color:transparent}
.scene-wrap{position:absolute;inset:0;z-index:0}#universe{display:block;width:100%;height:100%;opacity:0;transition:opacity .65s}.scene-wrap.ready #universe{opacity:1}.socials{position:absolute;bottom:75px;left:20px;right:20px;display:flex;justify-content:center;gap:13px;z-index:2}.socials[hidden]{display:none}.social-link{display:flex;align-items:center;justify-content:center;gap:12px;min-width:158px;min-height:52px;padding:15px 24px;border-radius:8px;font-size:13px;font-weight:800;background:#143624ab;backdrop-filter:blur(18px);box-shadow:inset 0 0 0 1px #7db45e60,0 12px 24px #0002;transition:transform .2s,background .2s}.social-link:first-child{background:var(--lime);color:#112914;box-shadow:none}.social-link:hover{transform:translateY(-3px);background:#2d5034}.social-link:first-child:hover{background:#e0ffa3}.social-link svg{width:19px;height:19px;stroke:none;fill:currentColor}.social-link .arrow{fill:none;stroke:currentColor;width:16px;height:16px;margin-left:5px}
#motion{position:absolute;right:5.4%;bottom:18px;z-index:2;display:flex;align-items:center;gap:7px;min-height:44px;border:0;padding:8px 0;background:none;color:#b4c9b6;font-size:11px;cursor:pointer}#motion[hidden]{display:none}#motion svg{width:14px;height:14px}#motion:hover{color:var(--lime)}
.scene-fallback{position:absolute;width:620px;height:500px;left:50%;top:56%;transform:translate(-50%,-50%);display:grid;place-items:center;transition:opacity .4s}.ready .scene-fallback{opacity:0;pointer-events:none}.fallback-h{font-family:Unbounded,sans-serif;font-size:240px;font-weight:800;color:var(--lime);text-shadow:14px 18px 0 #2f6239;transform:rotate(-12deg)}.fallback-orbit{position:absolute;width:84%;height:65%;border:1px solid #72924b;border-radius:50%;transform:rotate(-30deg)}.fallback-logo{position:absolute;width:76px;height:76px;padding:18px;background:#173d29;border:1px solid #557447;border-radius:50%}.fallback-logo.apple{left:10%;top:20%}.fallback-logo.nvidia{right:8%;top:23%}.fallback-logo.circle{bottom:5%;right:20%}
footer{position:relative;z-index:2;padding:18px 4.8% 0;background:var(--lime);color:#132d16;overflow:clip}.giant-word{font-family:Unbounded,sans-serif;font-size:11.65vw;font-weight:800;letter-spacing:-.04em;line-height:1.2;white-space:nowrap}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding:16px 0 23px;font-size:11px;font-weight:600;border-top:1px solid #72994260}
@media(min-width:1600px){.hero-copy{padding-top:142px}h1{font-size:83px}}
@media(max-width:900px){.hero{min-height:900px;max-height:1100px}.hero-copy{padding-top:140px}h1{font-size:clamp(42px,6.6vw,59px)}.socials{bottom:76px}.header{padding:0 6%}}
@media(max-width:600px){.header{height:82px}.brand{font-size:21px;gap:5px}.brand img{width:30px;height:35px}.upcoming{font-size:11px;padding:9px 12px}.hero{min-height:790px;max-height:980px}.hero-copy{padding:126px 12px 0}h1{font-size:clamp(25px,6.7vw,40px);line-height:1.2}.socials{left:18px;right:18px;gap:9px;bottom:76px;flex-wrap:wrap}.social-link{min-width:142px;min-height:49px;padding:13px 17px;font-size:12px;gap:10px}.social-link svg{width:17px;height:17px}.social-link .arrow{display:none}#motion{font-size:11px;right:6%;bottom:17px}.scene-fallback{width:420px;height:390px;top:55%}.fallback-h{font-size:170px}.fallback-logo{width:55px;height:55px;padding:13px}.footer-bottom{font-size:10px;padding:14px 0 19px}.giant-word{font-size:11.5vw}footer{padding-top:20px}}
@media(max-width:360px){.hero{min-height:750px}.hero-copy{padding-top:119px}.social-link{min-width:132px}.socials{left:14px;right:14px}.brand{font-size:19px}.upcoming{padding:8px 10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important}.social-link:hover{transform:none}}
.fallback-h{width:280px;height:310px;object-fit:contain;filter:drop-shadow(12px 16px 0 #224b2f)}@media(max-width:600px){.fallback-h{width:190px;height:220px}}
/* Architectural variation: a single object, directional light, deliberate space. */
.hero{min-height:940px;background:#07150f}.hero-copy{padding-top:122px}h1{font-size:clamp(46px,5.2vw,78px);line-height:1.08}.hero-copy h1>span{background:linear-gradient(95deg,#eef6d8,#b5e892 70%,#81c9a2);background-clip:text;-webkit-background-clip:text;color:transparent}.upcoming{border:0;padding-right:0;color:#b7cda9;letter-spacing:.02em}footer{background:#0a1b12;color:#bedcaa;border-top:1px solid #29442e}.giant-word{color:#badea3;line-height:1.15}.footer-bottom{color:#b0c3a8;border-color:#29442e}.fallback-gateway{position:absolute;width:68%;height:90%;border:1px solid #b3d392;box-shadow:15px 15px 0 -1px #0c2015,15px 15px 0 #436247,30px 30px 0 -1px #0c2015,30px 30px 0 #294f36;transform:rotate(-7deg)}.fallback-h{filter:drop-shadow(10px 13px 0 #244b32)}
@media(max-width:900px){h1{font-size:clamp(40px,6.5vw,58px)}.hero-copy{padding-top:131px}.hero{min-height:900px}}
@media(max-width:600px){h1{font-size:clamp(25px,6.7vw,40px);line-height:1.15}.hero-copy{padding-top:123px}.hero{min-height:790px}}
.fallback-wordmark{font-family:Unbounded,sans-serif;font-size:72px;font-weight:700;letter-spacing:-.04em;color:#c4f58d;transform:rotate(-5deg);text-shadow:3px 4px #4d7b43,6px 8px #244b32}.fallback-gateway{width:110%;height:60%}@media(max-width:600px){.fallback-wordmark{font-size:32px}.fallback-gateway{width:85%;height:42%}}

/* A suspended wordmark with light trails, never a pedestal. */
.fallback-gateway{width:120%;height:48%;border-radius:50%;transform:rotate(-13deg);border-color:#91c77555;box-shadow:none}
@media(max-width:600px){.fallback-gateway{width:85%;height:35%}}

/* Eclipse composition: animated type, orbiting stocks, one social destination row. */
:root{--bg:#030e10}.hero{height:100svh;min-height:720px;max-height:none;background:#030e10}.header{height:88px}.hero-copy{padding-top:108px}
.hero-copy h1>span{background:none;color:var(--ink)}.headline-line{display:inline-block;animation:headline-breathe 7s ease-in-out infinite}.headline-line.headline-accent{animation-delay:-3.5s}
.headline-word{display:inline-block;animation:type-arrive 1.4s cubic-bezier(.16,1,.3,1) both}.headline-word:nth-child(2){animation-delay:.12s}.headline-accent .headline-word{animation-delay:.24s;color:#c3f19e}.headline-accent .headline-word:nth-child(2){animation-delay:.36s;color:#98dfbc}
@keyframes type-arrive{from{transform:translateY(20px) rotateX(24deg);filter:blur(5px);opacity:.35}to{transform:translateY(0) rotateX(0);filter:blur(0);opacity:1}}
@keyframes headline-breathe{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
.socials{bottom:48px;gap:16px}.social-link{min-width:194px;min-height:58px;border:0;border-radius:12px;cursor:pointer;font-size:14px;background:#163d33;color:#ecffe5;box-shadow:0 12px 28px #0005}.social-link:first-child{background:#caf68b;color:#0b2318}.social-link[aria-disabled=true]{cursor:default}.social-link .arrow{margin-left:12px}
@media(min-width:1600px){.hero-copy{padding-top:125px}}
@media(max-width:900px){.hero{min-height:720px}.hero-copy{padding-top:112px}}
@media(max-width:600px){.hero{min-height:700px}.header{height:78px}.hero-copy{padding-top:106px}.socials{bottom:35px;gap:10px;flex-wrap:nowrap}.social-link{min-width:0;min-height:54px;padding:14px 18px;font-size:12px;gap:9px}.social-link svg{width:18px;height:18px}}
@media(prefers-reduced-motion:reduce){.headline-line,.headline-word{animation:none!important;filter:none;transform:none;opacity:1}}

/* Reserve the title band; the WebGL composition fits between it and the actions. */
.hero-copy{padding-top:98px}h1{font-size:clamp(40px,4.5vw,66px);line-height:1.18}.headline-word{background:none!important;color:inherit}.headline-line:first-child{color:#edf8df}.headline-accent .headline-word{color:#c3f19e}.headline-accent .headline-word:nth-child(2){color:#98dfbc}
.social-link,.social-link:first-child{color:#e8f9dc;background:linear-gradient(135deg,#bcefa524,#49967916);border:1px solid #bcf0c44d;box-shadow:inset 0 1px 0 #efffe529,0 12px 32px #0004;backdrop-filter:blur(22px) saturate(145%);-webkit-backdrop-filter:blur(22px) saturate(145%);min-height:54px;font-weight:700}
.social-link:first-child{border-color:#cafa945e;background:linear-gradient(135deg,#c5f69e30,#64bd8617)}.social-link:hover,.social-link:first-child:hover{background:#90d8a630;border-color:#d0fbb37d;transform:translateY(-2px)}
@media(min-width:1600px){.hero-copy{padding-top:105px}h1{font-size:66px}}
@media(max-width:900px){.hero-copy{padding-top:105px}h1{font-size:clamp(34px,5.2vw,48px)}}
@media(max-width:600px){.hero-copy{padding-top:103px}h1{font-size:clamp(24px,6.5vw,36px);line-height:1.22}.social-link,.social-link:first-child{min-height:52px}}

.headline-word+.headline-word{margin-left:.12em}

/* The headline belongs to the sculpture: one compact line above a much larger orbit. */
.hero-copy{padding-top:112px}h1{font-size:clamp(30px,3vw,48px);line-height:1.15}.hero-copy h1 br{display:none}.headline-line.headline-accent{margin-left:.22em}.headline-word+.headline-word{margin-left:.07em}
@media(min-width:1600px){.hero-copy{padding-top:114px}h1{font-size:48px}}
@media(max-width:900px){.hero-copy{padding-top:106px}h1{font-size:clamp(25px,3.5vw,32px)}}
@media(max-width:600px){.hero-copy{padding-top:103px}h1{font-size:clamp(24px,6.5vw,36px);line-height:1.2}.hero-copy h1 br{display:block}.headline-line.headline-accent{margin-left:0}}

/* One interaction opens the entire system around its wordmark. */
.hero-copy{padding-top:104px;transition:opacity .7s,transform .7s,filter .7s}.hero-copy h1{font-size:clamp(26px,3.1vw,48px);line-height:1.18;min-height:1.3em;color:#d7f5b8;transition:opacity .26s,transform .26s,filter .26s}.hero-copy h1.title-out{opacity:0;transform:translateY(-9px);filter:blur(5px)}
.launch-status{font-size:12px;color:#bad7c5;letter-spacing:.08em;margin:16px 0 0}
.enter-scene{position:absolute;z-index:4;left:8%;right:8%;top:50%;height:210px;transform:translateY(-50%);border:0;background:transparent;color:#d6f5c3;cursor:pointer;border-radius:20px}
.enter-scene span{display:flex;align-items:center;justify-content:center;gap:12px;position:absolute;top:100%;left:0;right:0;font-size:13px;letter-spacing:.04em;animation:invite 2.8s ease-in-out infinite}.enter-scene svg{width:16px;height:16px}.enter-scene:hover span{color:#efffe6}.enter-scene:focus-visible{outline:1px solid #b3e89766;outline-offset:12px}
@keyframes invite{0%,100%{transform:translateY(0);opacity:.7}50%{transform:translateY(5px);opacity:1}}
[data-experience=intro] .hero-copy,[data-experience=revealing] .hero-copy{opacity:0;transform:translateY(20px);filter:blur(8px);pointer-events:none}
[data-experience=intro] .socials,[data-experience=revealing] .socials{opacity:0;transform:translateY(18px);pointer-events:none}
.socials{transition:opacity .65s,transform .65s}.replay-scene{position:absolute;z-index:3;bottom:12px;left:50%;transform:translateX(-50%);border:0;background:none;color:#a5cbb4;font-size:10px;cursor:pointer;padding:8px 12px;min-height:32px}.replay-scene:hover{color:#e0ffc8}.enter-scene[hidden],.replay-scene[hidden]{display:none}
[data-experience=intro] .scene-fallback .fallback-gateway{opacity:0}
@media(max-width:600px){.hero-copy{padding:99px 18px 0}.hero-copy h1{font-size:25px;min-height:2.5em;max-width:350px;margin:auto;text-wrap:balance}.launch-status{margin-top:8px}.enter-scene{height:100px}.enter-scene span{top:calc(100% + 15px)}.socials{bottom:48px}.replay-scene{bottom:9px}}
@media(prefers-reduced-motion:reduce){.enter-scene span{animation:none}.hero-copy,.socials,.hero-copy h1{transition:none;filter:none}}

.hero-copy h1:focus{outline:none}

/* Color changes with the title; the launch badge sits within the same composition. */
.hero-copy h1{color:#cbf78c;background:linear-gradient(100deg,#f0ffd8 15%,#c9f984 55%,#8fe5b8);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.hero-copy h1[data-tone="1"]{background-image:linear-gradient(100deg,#dfffe9,#86e8c7 55%,#b4f695)}
.hero-copy h1[data-tone="2"]{background-image:linear-gradient(100deg,#e7fda7,#d6f381 50%,#b6eab2)}
.launch-status{display:inline-flex;align-items:center;gap:10px;padding:9px 16px;margin:14px 0 0;border-radius:30px;border:1px solid #a4dd9840;background:linear-gradient(135deg,#98dc8620,#5aa88c0b);backdrop-filter:blur(16px);font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#d2eac6;box-shadow:inset 0 1px 0 #efffe519}
.launch-status:before{content:"";width:7px;height:7px;background:#c4f38f;clip-path:polygon(50% 0,62% 37%,100% 50%,62% 63%,50% 100%,38% 63%,0 50%,38% 37%)}
@media(max-width:600px){.launch-status{margin-top:10px;font-size:9px;padding:8px 13px}.socials{bottom:38px}}

/* Mobile gets its own stacked wordmark, not a miniaturized desktop line. */
.launch-status:before{content:none}.launch-status{gap:0}.hero-copy{padding-top:66px}.fallback-wordmark>span{display:inline}.fallback-dot{color:#cafa83}[data-experience=intro] .fallback-wordmark{color:#f5f8f0}
@media(max-width:600px){.hero{min-height:660px}.hero-copy{padding:52px 16px 0}.hero-copy h1{font-size:24px;min-height:2.4em}.enter-scene{height:200px;left:5%;right:5%}.enter-scene span{top:calc(100% + 26px);font-size:12px}.fallback-wordmark{font-size:56px;line-height:1.12;text-align:center;transform:none}.fallback-wordmark>span{display:block}.scene-fallback{top:50%}.socials{bottom:32px}.social-link{padding:13px 15px}}
@media(max-width:360px){.fallback-wordmark{font-size:47px}.hero-copy h1{font-size:22px}}

/* Phone composition fills the portrait viewport; intro keeps its reading space. */
@media(max-width:600px){.hero-copy{padding-top:max(40px,env(safe-area-inset-top))}.hero-copy h1{font-size:clamp(22px,6.25vw,28px);line-height:1.14;min-height:2.4em}.launch-status{margin-top:9px}.socials{bottom:max(28px,env(safe-area-inset-bottom))}.social-link{min-height:54px;flex:1;max-width:190px}.enter-scene span{font-size:13px;letter-spacing:.05em}}
@media(max-width:600px) and (max-height:720px){.hero-copy{padding-top:28px}.socials{bottom:22px}.hero-copy h1{font-size:22px}.launch-status{padding:7px 12px}}
@media(hover:none){.enter-scene span{font-size:0}.enter-scene span:before{content:"Tap to enter";font-size:13px}}

.launch-status{font-size:11px;letter-spacing:.12em}
@media(max-width:600px){.launch-status{font-size:11px}}

/* Tighter typography and darker glass let the sculptural scene carry the light. */
.hero-copy h1{letter-spacing:-.035em;font-weight:600}.launch-status{border-color:#c2eab42b;background:#0a211890;box-shadow:inset 0 1px 0 #e7ffdb12;padding:8px 15px}
.social-link,.social-link:first-child{background:linear-gradient(140deg,#b6e9a41c,#10382b70 52%,#061e1799);border-color:#bce3ad40;box-shadow:inset 0 1px 0 #efffe523,0 10px 32px #0005;backdrop-filter:blur(24px) saturate(125%)}
.social-link:first-child{background:linear-gradient(140deg,#cbf5a62a,#1c49326b 55%,#0a271c99);border-color:#d4f5b854}
.enter-scene span{left:50%;right:auto;transform:translateX(-50%);width:max-content;padding:13px 21px;border:1px solid #d1f4bd45;border-radius:30px;background:linear-gradient(135deg,#e1ffc416,#22664721);backdrop-filter:blur(16px);box-shadow:inset 0 1px 0 #eaffd81c;animation:entry-breathe 3s ease-in-out infinite;color:#edffdb;font-size:12px}
@keyframes entry-breathe{0%,100%{transform:translateX(-50%) translateY(0);border-color:#d1f4bd35}50%{transform:translateX(-50%) translateY(4px);border-color:#d1f4bd70}}
@media(max-width:600px){.hero-copy h1{font-weight:600;letter-spacing:-.03em}.enter-scene span{font-size:12px;padding:13px 20px}.social-link{font-size:12px;border-radius:14px}.launch-status{font-size:11px}}
@media(hover:none){.enter-scene span{font-size:0}.enter-scene span:before{font-size:12px}}
@media(prefers-reduced-motion:reduce){.enter-scene span{animation:none}}

/* Circulating color is confined to the one-pixel stroke; the glass stays still. */
@property --stroke-angle{syntax:"<angle>";initial-value:0deg;inherits:false}
.social-link,.social-link:first-child{position:relative;border:1px solid #addb9740;isolation:isolate}
.social-link:before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1.5px;pointer-events:none;background:conic-gradient(from var(--stroke-angle),#769b7650 0deg,#769b7630 85deg,#d7ff9d 135deg,#8affe1 175deg,#769b7630 235deg,#769b7650 360deg);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;animation:stroke-orbit 4.5s linear infinite}
.social-link:nth-child(2):before{animation-delay:-2.25s}
@keyframes stroke-orbit{to{--stroke-angle:360deg}}
.launch-status{position:absolute;z-index:2;bottom:25px;left:12px;right:12px;display:block;text-align:center;padding:0;margin:0;border:0;border-radius:0;background:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;color:#b7d4b9;font-size:11px;font-weight:600;letter-spacing:.12em;transition:opacity .65s,transform .65s}
.launch-status:before{content:none}.socials{bottom:64px}
[data-experience=intro] .launch-status,[data-experience=revealing] .launch-status{opacity:0;transform:translateY(12px)}
.hero-copy{padding-top:74px}.hero-copy h1{perspective:750px;min-height:1.45em;line-height:1.2;overflow:visible;background:none!important;-webkit-text-fill-color:initial;transition:none}
.title-token{display:inline-block;color:#d8f6aa;background:linear-gradient(135deg,#f0ffd5,#a7e7ad);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;transform-origin:50% 90%;animation:title-lift .95s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--word-index)*65ms)}
h1[data-tone="1"] .title-token{background-image:linear-gradient(135deg,#e4fff1,#83dfc7)}h1[data-tone="2"] .title-token{background-image:linear-gradient(135deg,#f2ffc3,#c4e985)}
.hero-copy h1.title-out{opacity:1;transform:none;filter:none}.title-out .title-token{animation:title-depart .32s ease-in both;animation-delay:calc(var(--word-index)*20ms)}
@keyframes title-lift{from{opacity:0;transform:translateY(26px) rotateX(-55deg);filter:blur(7px)}to{opacity:1;transform:translateY(0) rotateX(0);filter:blur(0)}}
@keyframes title-depart{to{opacity:0;transform:translateY(-18px) rotateX(35deg);filter:blur(5px)}}
@media(max-width:600px){.hero-copy{padding:45px 14px 0}.hero-copy h1{font-size:clamp(22px,6.15vw,28px);min-height:2.5em;line-height:1.18}.socials{bottom:64px}.launch-status{bottom:27px;font-size:10px;letter-spacing:.12em}}
@media(max-width:600px) and (max-height:720px){.hero-copy{padding-top:28px}.socials{bottom:59px}.launch-status{bottom:23px}}
@media(prefers-reduced-motion:reduce){.social-link:before,.title-token,.title-out .title-token{animation:none!important;filter:none;transform:none;opacity:1}.launch-status{transition:none}}

@media(max-width:600px){.launch-status{font-size:11px;letter-spacing:.08em}}

.hero-copy h1>.title-token{background:linear-gradient(135deg,#f0ffd5,#a7e7ad);background-clip:text;-webkit-background-clip:text;color:#d8f6aa;-webkit-text-fill-color:transparent}
.hero-copy h1[data-tone="1"]>.title-token{background-image:linear-gradient(135deg,#e4fff1,#83dfc7)}.hero-copy h1[data-tone="2"]>.title-token{background-image:linear-gradient(135deg,#f2ffc3,#c4e985)}

/* The opening screen itself is the entry target. */
.enter-scene{position:absolute;inset:0;width:100%;height:100%;transform:none;border:0;border-radius:0;padding:0;background:transparent;z-index:4}
.enter-scene span{position:absolute;top:77%;left:50%;right:auto;width:max-content;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;color:#e1f4d4;font-size:12px;font-weight:600;letter-spacing:.18em;transform:translateX(-50%);animation:press-breathe 3s ease-in-out infinite}
.enter-scene span:before{content:none}.enter-scene:focus-visible{outline:none}.enter-scene:focus-visible span{outline:2px solid #cafa83;outline-offset:12px}
@keyframes press-breathe{0%,100%{opacity:.65}50%{opacity:1}}
@media(max-width:600px){.enter-scene{inset:0;width:100%;height:100%;transform:none}.enter-scene span{top:77%;padding:0;font-size:12px;letter-spacing:.16em}.enter-scene span:before{content:none}}
@media(hover:none){.enter-scene span{font-size:12px}.enter-scene span:before{content:none}}
@media(prefers-reduced-motion:reduce){.enter-scene span{animation:none;opacity:1}}

/* More presence for the invitation and a lower title band. */
.enter-scene span{font-size:20px;font-weight:700;letter-spacing:.16em}
.hero-copy{padding-top:clamp(98px,12svh,142px)}.hero-copy h1{font-size:clamp(34px,3.7vw,58px);line-height:1.15}
@media(max-width:900px){.hero-copy{padding-top:95px}.hero-copy h1{font-size:clamp(30px,4vw,38px)}}
@media(max-width:600px){.enter-scene span{font-size:17px;letter-spacing:.15em}.hero-copy{padding-top:76px}.hero-copy h1{font-size:clamp(24px,6.65vw,30px);line-height:1.16;min-height:2.5em}}
@media(max-width:600px) and (max-height:720px){.hero-copy{padding-top:48px}.hero-copy h1{font-size:24px}}