:root{--bg:#090b0a;--paper:#e4e8d9;--ink:#1d281f;--quiet:#a7aea0;--accent:#d3e7b4;color-scheme:dark;font-family:Arial,"Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--paper)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid #d4edb0;outline-offset:6px}button:disabled{opacity:.4;cursor:default}.header{position:absolute;top:0;left:0;right:0;height:94px;margin:0 4.4vw;display:flex;align-items:center;gap:35px;z-index:10;border-bottom:1px solid #d2d8ca19}.brand{display:inline-flex;align-items:baseline;font-size:29px;letter-spacing:-1.7px;font-weight:800;gap:4px}.brand>span{width:5px;height:5px;background:var(--paper)}.brand-note,.edition,.eyebrow,.scene-meta,.concept,.time{font-family:Arial,"Hiragino Sans",sans-serif;font-size:9px;letter-spacing:1.3px}.brand-note{color:#a7aea0;font-size:8px}.edition{margin-left:auto;font-size:8px;color:#a7aea0}.hero{position:relative;height:100svh;min-height:700px;overflow:hidden;isolation:isolate}.stage{position:absolute;left:0;right:0;top:0;bottom:0;z-index:-2}.stage canvas{display:block;width:100%;height:100%}.stage-shade{position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#090b0a 15%,#090b0afc 40%,#090b0acf 44%,#090b0a00 50%),linear-gradient(0deg,#090b0a 0%,#090b0a00 19%)}.copy{position:absolute;left:6.1%;top:27%;width:48%;z-index:2}.eyebrow{margin:0 0 26px;font-size:10px;letter-spacing:.08em;display:flex;align-items:center;gap:9px}.eyebrow i{width:4px;height:4px;background:var(--paper);border-radius:50%}h1{font-size:clamp(38px,3.42vw,60px);font-weight:600;letter-spacing:-.064em;line-height:1.38;margin:0;white-space:nowrap}.support{font-size:12px;color:#b5bdb0;line-height:1.9;margin:26px 0 31px;letter-spacing:.02em}.cta{display:inline-flex;align-items:center;justify-content:space-between;min-height:54px;min-width:248px;padding:0 22px;gap:34px;background:var(--paper);color:var(--ink);font-size:12px;font-weight:600;transition:background .2s}.cta:hover{background:#f0f3e8}.cta>span{font-size:24px;font-weight:400}.front-card{position:absolute;left:57%;top:23%;width:37%;max-width:600px;aspect-ratio:1;z-index:1;opacity:0;visibility:hidden;pointer-events:none}.card-surface{position:relative;width:100%;height:100%;container-type:inline-size;background:#e4e8d9;color:#1d281f;border:1px solid #c1c9b7;overflow:hidden}.card-header{position:absolute;top:0;left:0;right:0;height:12%;display:flex;align-items:center;justify-content:space-between;padding:0 5%;font-size:1.9cqw;line-height:1}.card-header strong{font-size:3.75cqw;letter-spacing:-.055em;font-weight:800}.card-header>span{font-size:1.8cqw;color:#4b5546}.card-photo{position:absolute;left:0;top:12%;width:100%;height:36%;object-fit:cover;object-position:center}.card-surface h2{position:absolute;left:6%;right:5%;top:54%;margin:0;font-size:5.5cqw;font-weight:600;letter-spacing:-.04em;line-height:1.2}.amount{position:absolute;left:6%;top:64.5%;font-size:11.2cqw;line-height:1.1;letter-spacing:-.066em;font-weight:400}.card-progress{position:absolute;left:6%;right:6%;top:80.5%;height:.8%;background:#b5bfa6}.card-progress i{display:block;width:40%;height:100%;background:#28362a}.card-footer{position:absolute;left:6%;right:6%;top:87.3%;display:flex;justify-content:space-between;font-size:2.3cqw;color:#394733;line-height:1.3}.scene-meta{position:absolute;bottom:116px;left:57%;right:4.4%;display:flex;justify-content:space-between;gap:24px;font-size:8px;color:#bac2b2;letter-spacing:.8px}.reading-note{font-family:"Hiragino Sans",sans-serif;letter-spacing:.08em}.controls{position:absolute;bottom:38px;left:6.1%;right:4.4%;display:flex;gap:24px;align-items:center;border-top:1px solid #c1caba24;padding-top:17px}.controls button{border:0;background:transparent;min-height:44px;font-size:11px;padding:0 6px;white-space:nowrap}.controls button:hover{color:#fff}.controls button>span{margin-left:12px}.controls #motion{min-width:92px;display:flex;gap:9px;justify-content:center;align-items:center;border:1px solid #88967e55}.controls #motion>span{margin:0}.time{display:flex;align-items:center;gap:12px;margin-right:auto;color:#a7b09f;font-size:9px;letter-spacing:0}.time i{width:96px;height:1px;background:#73806755}.time b{display:block;width:0;height:1px;background:#d4dfc6}.concept{position:absolute;bottom:12px;left:6.1%;font-size:7px;color:#77806f;letter-spacing:.4px;margin:0}.sr-only{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.fallback .stage{display:none}.fallback .front-card{opacity:1;visibility:visible}.fallback .reading-note:after{content:' · STATIC'}.is-reading .front-card{opacity:1;visibility:visible}.is-reading .reading-note{color:var(--paper)}
@media(max-width:900px) and (min-width:651px){h1{font-size:3.5vw}.copy{left:5%;top:29%;width:52%}.cta{min-width:218px}.front-card{left:56%;width:40%}.brand-note{display:none}.support{font-size:11px}.stage{left:0}}
@media(max-width:650px){.header{height:67px;margin:0 22px;gap:12px}.brand{font-size:25px}.brand-note{display:none}.edition{font-size:6px;letter-spacing:.8px}.hero{height:100svh;min-height:740px}.copy{left:24px;top:103px;width:calc(100% - 48px)}.eyebrow{font-size:8px;margin-bottom:17px;letter-spacing:.03em}h1{font-size:26px;line-height:1.35;letter-spacing:-.065em}.support{font-size:10px;line-height:1.7;margin:15px 0 17px}.support br{display:none}.cta{font-size:10px;min-height:44px;min-width:216px;padding:0 16px}.cta>span{font-size:21px}.stage{left:0;right:0;top:34%;bottom:87px}.stage-shade{background:linear-gradient(180deg,#090b0a 30%,transparent 42%,transparent 76%,#090b0a 94%)}.front-card{left:24px;top:43%;width:calc(100% - 48px);max-width:none}.controls{left:24px;right:24px;bottom:30px;gap:18px;padding-top:9px}.controls button{font-size:10px;min-height:44px}.controls button>span{margin-left:4px}.controls #motion{min-width:70px}.time{gap:8px;font-size:8px}.time i{width:32px}.scene-meta{left:24px;right:24px;bottom:104px;font-size:6px;letter-spacing:.5px}.concept{left:24px;font-size:6px;bottom:10px;letter-spacing:0}.fallback .front-card{top:42%;width:calc(100% - 64px);left:32px}.card-footer{font-size:2.6cqw}}
@media(max-width:359px){.header{margin:0 18px}.copy{left:20px;top:91px;width:calc(100% - 40px)}h1{font-size:23px}.eyebrow{font-size:7px;margin-bottom:14px}.support{font-size:9px;margin:12px 0 15px}.cta{min-width:202px}.stage{top:35%;bottom:90px}.controls{left:20px;right:20px;gap:12px}.scene-meta,.concept{left:20px;right:20px}.controls #motion{min-width:64px}.time i{width:24px}.concept{font-size:5.5px}.fallback .front-card{left:26px;top:43%;width:calc(100% - 52px)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}