@font-face{font-family:Mori;src:url('./assets/pp-mori-regular.ttf') format('truetype');font-weight:400;font-display:block}
@font-face{font-family:Mori;src:url('./assets/pp-mori-semibold.ttf') format('truetype');font-weight:600;font-display:block}
*{box-sizing:border-box}html,body{margin:0;background:#02070e;color:#f8f4ed;font-family:Mori,sans-serif}body{min-height:100svh}.scene{position:relative;height:100svh;min-height:620px;overflow:hidden;background:url('./assets/earth.png') center center/cover no-repeat}.shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(1,5,13,.17),transparent 44%)}.copy{position:absolute;z-index:1;top:8.5%;left:7%;right:7%;text-align:center}h1,p{margin:0}h1{font-size:clamp(48px,5.75vw,100px);line-height:1.05;font-weight:600;letter-spacing:-.055em}.eyebrow{font-size:13px;letter-spacing:.2em;line-height:1.4;color:#d8c9b6;margin-bottom:24px}.body{font-size:21px;line-height:1.5;color:#f8f4edc9;margin-top:26px;font-weight:400}.v2 .copy{text-align:left;top:6.5%;left:7.5%;right:10%}.v2 h1{font-weight:400;font-size:clamp(52px,5.8vw,96px);letter-spacing:-.05em}.v2 .eyebrow{margin-bottom:18px}.v2 .body{margin-top:22px}.v3 .copy{top:10%}.v3 h1{font-size:clamp(42px,4.6vw,80px);letter-spacing:.045em}.v3 .body{margin-top:22px}.v4 .copy{top:6%}.v4 h1{font-weight:400;font-size:clamp(48px,5vw,86px);letter-spacing:-.045em;line-height:1.07}.v4 .eyebrow{margin-bottom:20px}.v4 .body{margin-top:19px;font-size:19px}nav{position:absolute;bottom:24px;right:32px;display:flex;gap:8px;z-index:3}button{font:12px Mori;color:#f8f4ed;background:#02070ec4;border:1px solid #f8f4ed35;border-radius:999px;width:38px;height:38px;cursor:pointer}button[aria-pressed=true]{background:#f8f4ed;color:#02070e}.spec{position:absolute;bottom:32px;left:36px;font-size:10px;letter-spacing:.14em;color:#f8f4edb0;background:#02070e99;padding:8px 12px;border-radius:5px}body.capture nav{display:none}
@media(max-width:650px){.scene{min-height:0;background-size:auto 75%;background-position:center bottom;background-repeat:no-repeat;background-color:#02070e}.copy,.v2 .copy,.v3 .copy,.v4 .copy{top:12%;left:7%;right:7%;text-align:center}.eyebrow{font-size:10px;margin-bottom:22px}h1,.v2 h1,.v4 h1{font-size:clamp(38px,10vw,58px);line-height:1.08}.v1 h1{font-size:10vw}.v3 h1{font-size:9.2vw;line-height:1.13;letter-spacing:.03em}.body,.v4 .body{font-size:17px;margin-top:22px}.spec{bottom:22px;left:14px;right:14px;font-size:8px;text-align:center;padding:7px}nav{bottom:63px;right:14px}}
.v4 h1{font-size:clamp(45px,4.8vw,82px);letter-spacing:-.035em;line-height:1.1}.v4 .body{font-size:13px;letter-spacing:.14em}.type-line{display:block;white-space:nowrap}.type-row{position:relative;display:inline-block;white-space:pre}.type-ghost{visibility:hidden}.type-ink{position:absolute;left:0;top:0;white-space:pre}.type-ink.cursor:after{content:'';display:inline-block;width:2px;height:.78em;vertical-align:-.02em;background:#f8f4ed;margin-left:.08em;animation:caret .7s steps(1,end) infinite}@keyframes caret{0%,49%{opacity:1}50%,100%{opacity:0}}.replay{position:absolute;right:32px;bottom:77px;width:auto;height:32px;padding:0 14px;border-radius:6px;font-size:10px;letter-spacing:.06em;z-index:4}.replay[hidden]{display:none}
@media(max-width:650px){.v4 h1{font-size:clamp(26px,7.8vw,34px);letter-spacing:-.035em}.v4 .body{font-size:11px}.replay{bottom:116px;right:14px}}
@media(prefers-reduced-motion:reduce){.type-ink.cursor:after{animation:none}}
.brand-silver{position:absolute;top:30px;right:3.3%;z-index:3;font-family:Mori,sans-serif;font-size:36px;font-weight:600;line-height:1.1;letter-spacing:.16em;padding-right:0;color:#d8dfe8;user-select:none}
@supports(background-clip:text){.brand-silver{background:linear-gradient(165deg,#fafcff 3%,#b0bac9 32%,#f4f7fa 48%,#8c97aa 61%,#dae2ec 83%,#ffffff 100%);background-clip:text;-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 1px 1px rgba(0,0,0,.3))}}
@media(max-width:650px){.brand-silver{top:26px;right:24px;font-size:27px;letter-spacing:.14em}}
.scene{background-image:url('./assets/earth-video-poster.png')}.motion-stage{position:absolute;inset:0;z-index:0;overflow:hidden;background:#02070e}.earth-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.shade{z-index:1;pointer-events:none}.copy{z-index:2}.brand-silver{z-index:3}
@media(max-width:650px){.motion-stage{top:auto;height:75%}.earth-video{object-position:center center}}
@media(prefers-reduced-motion:reduce){.motion-stage{background:url('./assets/earth-video-poster.png') center/cover no-repeat}.earth-video{display:none}}
body.presentation nav,body.presentation .spec,body.presentation .replay{display:none}