:root{color-scheme:dark;--bg:var(--sd-bg);--white:var(--sd-paper);--muted:var(--sd-muted);--line:#ffffff20;--page-gutter:clamp(24px,5vw,80px)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font-family:Inter,"Helvetica Neue",Arial,"PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,.stage:focus-visible{outline:2px solid #eee;outline-offset:6px}header{height:88px;display:flex;align-items:center;justify-content:space-between;max-width:1440px;margin:auto;padding:0 var(--page-gutter);position:relative;z-index:10;border-bottom:1px solid var(--line)}.logo{font-size:24px;font-weight:650;letter-spacing:-1.2px;display:inline-flex;align-items:center;gap:8px}nav{display:flex;gap:34px;font-size:13px;color:#b1b3b6}nav a:hover{color:white}.showcase{height:min(820px,calc(100svh - 88px));min-height:620px;position:relative;overflow:hidden;isolation:isolate;max-width:1440px;margin:auto}.ambient{position:absolute;inset:0;background:radial-gradient(ellipse at 72% 66%,#21272c77,transparent 60%);pointer-events:none;transition:opacity .8s}.stage{height:100%;touch-action:pan-y;outline:none}.slide{position:absolute;inset:0;visibility:hidden;opacity:0;pointer-events:none}.slide.active{visibility:visible;opacity:1;pointer-events:auto}.slide.animating{visibility:visible}.visual{position:absolute;width:76%;height:100%;right:0;top:0;display:flex;align-items:center;justify-content:center;will-change:transform,opacity}.visual img{display:block;width:100%;height:auto;max-height:100%;object-fit:contain;user-select:none;-webkit-user-drag:none;mix-blend-mode:lighten}.visual.photo{width:54%;height:78%;top:5%;right:5%;overflow:hidden;mask-image:linear-gradient(90deg,transparent,black 14%,black 85%,transparent),linear-gradient(0deg,transparent,black 15%,black 85%,transparent);mask-composite:intersect}.visual.photo img{width:100%;height:100%;object-fit:contain}.visual.nano{width:61%;right:0}.copy{position:absolute;left:var(--page-gutter);top:12%;z-index:2;max-width:54%}.overline{font-size:13px;letter-spacing:.08em;color:#a4a7aa;margin:0 0 32px}.copy h1{font-size:clamp(58px,6.6vw,88px);line-height:1.04;letter-spacing:-.065em;font-weight:550;margin:0 0 25px;white-space:nowrap}.copy h1 span{font-weight:350;color:#a6aaaf}.tagline{font-size:17px;letter-spacing:.1em;color:#a3a6aa;margin:0 0 38px}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.3}.carousel-controls{position:absolute;bottom:25px;left:var(--page-gutter);right:var(--page-gutter);display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:20px;z-index:5}.choices{display:flex;gap:36px}.choices button{border:0;background:none;color:#7a7e82;padding:12px 0;position:relative;font-size:12px;transition:color .25s}.choices button[aria-current=true]{color:#fff}.choices i{position:absolute;height:2px;bottom:0;left:0;width:100%;background:#e2e4e4;transform:scaleX(0);transform-origin:left;transition:transform .55s cubic-bezier(.22,1,.36,1)}.choices [aria-current=true] i{transform:scaleX(1)}.arrows{display:flex;gap:10px}.arrows button{background:#ffffff03;border:1px solid #ffffff24;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;transition:background .25s,border-color .25s}.arrows button:hover{background:#ffffff12;border-color:#ffffff70}.about{border-top:1px solid var(--line);max-width:1440px;margin:auto;padding:100px var(--page-gutter) 105px;display:grid;grid-template-columns:1fr 1fr;gap:0 10%}.about>.overline{grid-column:1/-1;margin-bottom:38px}.about h2{font-size:clamp(40px,5vw,70px);line-height:1.3;letter-spacing:-.055em;font-weight:450;margin:0}.about h2 span{color:#858a90}.about-copy{align-self:end;max-width:380px}.about-copy p{font-size:17px;line-height:1.9;color:#9da1a6;margin:0 0 25px}.about-copy a{font-size:12px;border-bottom:1px solid #ffffff30;padding-bottom:8px}.support{max-width:1440px;padding:0 var(--page-gutter) 90px;display:grid;grid-template-columns:repeat(3,1fr);margin:auto}.support>a{border-top:1px solid var(--line);padding:30px 0;position:relative;margin-right:32px}.support h3{font-size:17px;font-weight:450;margin:0 0 12px}.support span{font-size:12px;color:#80868b}.support b{position:absolute;right:5px;top:30px;font-weight:400;color:#969b9e}.support a:hover b{color:#fff}footer{border-top:1px solid var(--line);max-width:1440px;margin:auto;padding:35px var(--page-gutter);display:flex;justify-content:space-between;align-items:center}footer>span,footer>a:last-child{font-size:11px;color:#86898c}.skip{position:fixed;top:-90px;z-index:99;background:white;color:black;padding:10px}.skip:focus{top:0}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}

@media(max-width:700px){header{height:72px;padding:0 6%}.logo{font-size:21px}nav{gap:22px;font-size:12px}.showcase{height:calc(100svh - 72px);min-height:650px;max-height:860px}.copy{left:7%;top:8%;max-width:90%}.overline{font-size:11px;margin-bottom:21px}.copy h1{font-size:58px;letter-spacing:-.055em;margin-bottom:14px}.tagline{font-size:13px;margin-bottom:22px}.visual{width:100%;height:62%;top:33%;right:0;align-items:center}.visual.photo{width:94%;height:52%;top:37%;right:-1%}.visual.nano{width:104%;right:-4%;height:50%}.carousel-controls{left:7%;right:7%;bottom:22px;padding-top:12px}.choices{gap:20px}.choices button{font-size:10px}.arrows{gap:6px}.arrows button{width:34px;height:34px}.arrows svg{width:16px}.about{padding:65px 7%;grid-template-columns:1fr;gap:26px}.about>.overline{margin:0}.about h2{font-size:48px}.about-copy p{font-size:15px}.support{display:block;padding:0 7% 45px}.support>a{display:block;margin:0;padding:24px 0}.support h3{font-size:16px}.support b{top:24px}footer{padding:28px 7%;gap:16px;flex-wrap:wrap}footer>span{display:block;order:3;flex-basis:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before{transition:none!important;animation:none!important}}

.slide[data-key="geki"] .visual img{mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent),linear-gradient(180deg,transparent,#000 12%,#000 74%,transparent 99%);mask-composite:intersect}