@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Noto+Sans+SC:wght@400;500;600;700&display=swap";:root{font-family:Noto Sans SC,Inter,system-ui,sans-serif;color:#f7f5f1;background:#a9a39a}*{box-sizing:border-box}html{background:#a9a39a;overflow:hidden}body{margin:0;min-width:320px;min-height:100vh;overflow:hidden}a{color:inherit;text-decoration:none}.scroll-world{height:100svh}.hero{position:relative;height:100svh;overflow:hidden;isolation:isolate;background:#aaa49b}.hero-video,.fallback-scene,.hero-shade{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.hero-video{z-index:-3;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;background:#aaa49b;transform:translate3d(var(--parallax-x, 0px),var(--parallax-y, 0px),0) scale(1.035);will-change:transform}.fallback-scene{z-index:-4;background:radial-gradient(ellipse 40% 68% at 70% 48%,rgb(255 255 255 / .68),transparent 68%),linear-gradient(115deg,#857e74,#c7c1b7 44%,#eeeae4,#aaa39a)}.hero-shade{z-index:-2;pointer-events:none;background:linear-gradient(90deg,rgb(12 12 12 / .4),transparent 57%),linear-gradient(0deg,rgb(10 10 9 / .22),transparent 36%)}.site-header{position:absolute;z-index:2;top:0;left:0;display:flex;align-items:flex-start;justify-content:space-between;width:100%;padding:30px 42px}.brand{display:inline-flex;align-items:center;gap:6px;color:#fff;text-shadow:0 1px 18px rgb(0 0 0 / .2)}.brand img{width:47px;height:47px;border-radius:13px;box-shadow:0 8px 25px #00000026}.brand span{display:grid;gap:0;font-size:18px;line-height:.87;letter-spacing:-.045em}.brand b{font-weight:600}nav{display:flex;gap:31px;padding:9px 1px;font-size:16px;font-weight:500;text-shadow:0 1px 18px rgb(0 0 0 / .28)}nav a{opacity:.9;transition:opacity .2s ease}nav a:hover{opacity:1}.story{position:absolute;z-index:1;top:50%;left:clamp(26px,8vw,128px);width:min(690px,calc(100vw - 52px));transform:translateY(calc(-50% + 9px));opacity:0;text-shadow:0 2px 28px rgb(0 0 0 / .22);transition:opacity .26s ease,transform .34s cubic-bezier(.2,.8,.2,1)}.story.is-visible{opacity:1;transform:translateY(-50%)}.story--1{left:auto;right:clamp(26px,4vw,72px)}.story--2{left:clamp(26px,8vw,128px)}.eyebrow{margin:0 0 19px;font-family:DM Mono,ui-monospace,monospace;font-size:12px;letter-spacing:.11em;opacity:.86}h1{margin:0;font-size:clamp(42px,5.2vw,82px);font-weight:600;line-height:1.08;letter-spacing:-.07em;white-space:nowrap}.description{margin:20px 0 0;font-size:clamp(15px,1.35vw,19px);letter-spacing:-.02em;opacity:.94}.download-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.download-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;border:1px solid transparent;border-radius:10px;padding:0 17px;font-size:13px;font-weight:500;transition:transform .2s ease,background .2s ease;text-shadow:none}.download-button:hover{transform:translateY(-2px)}.download-button svg{width:18px;height:18px;flex:none}.download-button.is-disabled{cursor:not-allowed;opacity:.58}.download-button.is-disabled:hover{transform:none}.download-button--dark{background:#18181b;color:#fafaf9;box-shadow:0 8px 20px #00000026}.download-button--light{border-color:#ffffff8c;background:#ffffffd6;color:#1a1a1c;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.scroll-hint{position:absolute;z-index:1;bottom:28px;left:50%;display:grid;justify-items:center;gap:6px;transform:translate(-50%);transition:opacity .2s ease;color:#ffffffe6;font-size:12px;text-shadow:0 1px 12px rgb(0 0 0 / .25)}.scroll-hint span{width:1px;height:37px;background:currentColor}.scroll-hint svg{width:16px;height:16px;animation:float 1.8s ease-in-out infinite}.progress{position:absolute;z-index:1;top:50%;right:27px;width:1px;height:108px;overflow:hidden;opacity:0;pointer-events:none;background:#ffffff47;transform:translateY(-50%);transition:opacity .22s ease}.progress.is-visible{opacity:1}.progress i{display:block;width:100%;height:100%;transform-origin:top;background:#fff;transition:transform .08s linear}.video-note{position:absolute;bottom:31px;right:42px;display:flex;align-items:center;gap:8px;color:#ffffffbf;font-size:11px}@keyframes float{50%{transform:translateY(3px)}}@media(max-width:720px){.hero-video{-o-object-position:58% center;object-position:58% center}.site-header{padding:22px 20px}.brand img{width:40px;height:40px;border-radius:11px}.brand span{font-size:14px}nav{gap:18px;padding-top:8px;font-size:14px}.story,.story--1,.story--2{top:auto;bottom:21%;left:24px;right:24px;width:auto;transform:translateY(9px)}.story.is-visible{transform:translateY(0)}h1{max-width:310px;font-size:clamp(42px,12vw,60px);white-space:normal}.description{max-width:270px;font-size:15px;line-height:1.65}.scroll-hint{bottom:20px;font-size:12px}.scroll-hint span{height:26px}.progress{right:15px;height:74px}.video-note{right:20px;bottom:22px}.download-actions{margin-top:23px}.download-button{flex:1 1 100%;min-height:48px}.hero-video.is-mouth-frame{-o-object-position:12% center;object-position:12% center}}@media(min-width:721px)and (max-width:960px){.site-header{padding:28px 30px}.story,.story--2{left:8vw}.story--1{right:8vw}.status-bar{left:30px}.video-note{right:30px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important}}
