@charset "utf-8";
:root{color-scheme:dark;--bg:#081820;--panel:#10252e;--ink:#ecf4ed;--muted:#a5b9b4;--line:#294149;--mint:#75e8cb;--orange:#ff8852;--sand:#e9e9d5;--width:1370px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,"Yu Gothic",Meiryo,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}img{display:block;width:100%;height:auto}a:focus-visible{outline:3px solid var(--orange);outline-offset:5px}.shell{width:min(var(--width),calc(100% - 96px));margin:auto}.skip{position:absolute;top:-80px;left:12px;z-index:20;background:var(--sand);color:#082128;padding:10px}.skip:focus{top:12px}.site-header{border-bottom:1px solid rgba(194,225,213,.13)}.header-inner{height:92px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:inline-flex;align-items:center;gap:13px;text-decoration:none;font-size:19px;letter-spacing:.02em;font-weight:760;white-space:nowrap}.brand b{font-weight:400;color:#a2b6b0}.brand-mark{width:30px;height:30px;border:1.5px solid var(--mint);transform:rotate(45deg);position:relative;display:inline-grid;place-items:center}.brand-mark i{width:8px;height:8px;background:var(--orange);display:block}.header-inner nav{display:flex;align-items:center;gap:34px}.header-inner nav a{font-size:13px;font-weight:650;text-decoration:none;color:#bcd0c8}.header-inner nav a:hover,.footer-links a:hover{color:var(--mint)}
.hero{min-height:min(790px,calc(100vh - 92px));display:grid;grid-template-columns:.87fr 1.13fr;align-items:center;position:relative;padding:90px 0 112px;gap:46px}.hero-copy{position:relative;z-index:2}.eyebrow,.overline,.visual-label,.visual-bottom,.hero-foot,.route-num,.route-copy span,.section-index,.story-note,.coordinate,.story-aside p,.platform,.footer-links span,.footer-bottom{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.12em}.eyebrow{display:flex;align-items:center;gap:10px;color:var(--mint);font-size:10px;font-weight:700}.pulse-dot,.visual-bottom i,.story-note i{display:inline-block;width:7px;height:7px;background:var(--orange);border-radius:50%}.eyebrow .rule{width:45px;height:1px;background:#51746b;margin-left:5px}.hero-kicker{font-size:15px;letter-spacing:.16em;color:#b4d8cc;margin:59px 0 14px}.hero h1{font-size:clamp(55px,6.6vw,103px);line-height:.9;letter-spacing:-.075em;margin:0 0 8px;font-weight:820}.hero h1 span{display:block;color:var(--mint)}.kana{font-size:12px;letter-spacing:.4em;color:#9db4ac;margin:21px 0 40px}.hero-lead{font-size:clamp(25px,2.3vw,36px);font-weight:700;line-height:1.55;letter-spacing:.07em;margin:0}.hero-desc{font-size:15px;line-height:1.95;color:var(--muted);margin:20px 0 30px}.hero-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.primary-link{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:18px 21px;background:var(--mint);color:#092129;text-decoration:none;font-size:14px;font-weight:750;min-width:205px}.primary-link:hover{background:#a9f3de}.primary-link span{font-size:19px}.platform{font-size:10px;color:#b4cac0}.platform span{color:var(--orange);padding:0 5px}.hero-visual{position:relative;min-width:0;z-index:1}.visual-label,.visual-bottom{display:flex;justify-content:space-between;gap:12px;font-size:10px;color:#9bb7ae}.visual-label{padding:0 0 11px}.hero-image{position:relative;overflow:hidden;border:1px solid #698a83;box-shadow:20px 20px 0 #102f34}.hero-image img{aspect-ratio:1.28;object-fit:cover;object-position:47% center}.image-gradient{position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,19,23,.5),transparent 42%);pointer-events:none}.image-index{position:absolute;right:24px;bottom:9px;color:#fff;font-size:clamp(58px,8vw,115px);font-weight:800;line-height:1;letter-spacing:-.08em;opacity:.8}.visual-bottom{margin-top:32px}.visual-bottom i{margin-right:8px}.orbit{position:absolute;border:1px solid rgba(121,232,202,.19);border-radius:50%;z-index:-1;pointer-events:none}.orbit-one{width:95%;aspect-ratio:1;top:-22%;left:12%}.orbit-two{width:70%;aspect-ratio:1;top:-8%;left:28%}.hero-foot{position:absolute;bottom:29px;left:0;right:0;display:flex;justify-content:space-between;font-size:9px;color:#6e8d85}.hero-foot i{color:var(--orange);font-style:normal;margin:0 5px}.hero-foot span:last-child span{color:var(--mint);font-size:18px;margin-left:12px}
.story{background:#deebe0;color:#112b2e;padding:150px 0 155px;overflow:hidden}.story-grid{display:grid;grid-template-columns:1fr 2.4fr 1.15fr;gap:30px}.section-index{font-size:12px;display:flex;gap:14px;align-items:flex-start;font-weight:700;color:#42635e}.section-index>span{font-size:13px;color:#ef7550}.section-index small{font:500 12px system-ui,sans-serif;letter-spacing:.06em}.overline{color:#44bca7;font-size:10px;font-weight:800;margin:0 0 25px}.story .overline{color:#218a79}.story h2,.section-top h2,.details h2,.last-call h2{font-size:clamp(35px,4.2vw,61px);line-height:1.45;letter-spacing:.04em;margin:0 0 30px}.story h2 em{font-style:normal;color:#348d7d}.story-copy>p:not(.overline){color:#405e59;font-size:15px;line-height:2.05;margin:0 0 20px}.story-note{font-size:11px;letter-spacing:.03em;color:#315b53;display:inline-flex;align-items:center;gap:10px;margin-top:22px}.story-aside{position:relative;border-left:1px solid #9bbab0;padding-left:30px;display:flex;flex-direction:column;justify-content:space-between;min-height:350px}.coordinate{font-size:10px;line-height:2;color:#567c70}.coordinate strong{font-size:27px;letter-spacing:-.04em;color:#1d534b}.spark{font-size:145px;color:#8cc9b5;position:absolute;right:-14px;top:75px;font-weight:200}.story-aside p{font-size:9px;line-height:2;color:#62877b}
.routes{padding:150px 0 170px}.section-top{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:65px}.section-top h2{margin:0}.section-top>p{font-size:14px;line-height:2;color:var(--muted);padding-bottom:9px}.route-list{border-top:1px solid var(--line)}.route-row{display:grid;grid-template-columns:.45fr 1.3fr 1fr;gap:35px;align-items:center;padding:32px 0;border-bottom:1px solid var(--line)}.route-num{align-self:start;color:var(--mint);font-size:16px;white-space:nowrap}.route-num span{display:block;color:#708e84;font-size:9px;margin-top:10px}.route-image{overflow:hidden;background:#1b3339}.route-image img{aspect-ratio:1.8;object-fit:cover;transition:transform .35s ease}.route-row:hover img{transform:scale(1.025)}.route-copy{padding-left:18px}.route-copy h3{font-size:27px;letter-spacing:.06em;margin:0 0 16px}.route-copy p{font-size:14px;line-height:1.95;color:var(--muted);margin:0 0 23px}.route-copy span{font-size:9px;color:var(--mint)}
.details{background:#102931;padding:140px 0}.details-grid{display:grid;grid-template-columns:1fr 1fr;gap:130px}.details-intro{color:var(--muted);font-size:15px;line-height:2}.detail-list{border-top:1px solid #3d5759}.detail-list>div{display:grid;grid-template-columns:38px 1fr;column-gap:20px;padding:22px 0;border-bottom:1px solid #3d5759}.detail-list span{grid-row:span 2;font:11px ui-monospace,monospace;color:var(--orange);padding-top:5px}.detail-list h3{font-size:19px;margin:0 0 10px}.detail-list p{font-size:14px;line-height:1.85;color:var(--muted);margin:0}.last-call{padding:145px 0;display:grid;grid-template-columns:1fr 2.4fr 1.15fr;gap:30px;align-items:center}.last-mark{font-size:56px;color:var(--orange)}.last-call h2{margin-bottom:18px}.last-call p:not(.overline){color:var(--muted);font-size:14px;line-height:2}.last-call a{display:inline-block;text-decoration:none;color:var(--mint);font-size:13px;font-weight:700;border-bottom:1px solid #4d9d8c;padding:12px 0}.last-call a span{margin-left:20px}.big-20{font-size:clamp(100px,13vw,180px);font-weight:800;letter-spacing:-.09em;line-height:1;color:#28413f;text-align:right}
footer{background:#061218;border-top:1px solid #253d42;padding:65px 0 25px}.footer-main{display:flex;justify-content:space-between;gap:60px;padding-bottom:65px}.footer-main p{font-size:13px;color:#8ca39b;margin-top:25px}.footer-links{display:flex;gap:100px}.footer-links div{display:flex;flex-direction:column;gap:13px}.footer-links span{color:#79b6a4;font-size:10px;margin-bottom:10px}.footer-links a{text-decoration:none;font-size:13px}.footer-links small{font-size:12px;color:#a5b9b4}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:22px;border-top:1px solid #23383e;color:#6d8981;font-size:9px}
@media(max-width:1000px){.shell{width:min(var(--width),calc(100% - 64px))}.header-inner nav{gap:20px}.hero{grid-template-columns:1fr 1fr;gap:28px}.hero h1{font-size:clamp(51px,6.4vw,72px)}.story-grid,.last-call{grid-template-columns:.7fr 2.3fr}.story-aside,.big-20{display:none}.details-grid{gap:65px}.route-row{grid-template-columns:.35fr 1.1fr 1fr;gap:20px}.route-copy{padding-left:0}.route-copy h3{font-size:23px}}
@media(max-width:700px){.shell{width:calc(100% - 40px)}.header-inner{height:auto;min-height:76px;flex-wrap:wrap;padding:20px 0;gap:17px}.brand{font-size:17px}.brand-mark{width:25px;height:25px}.header-inner nav{width:100%;gap:0;justify-content:space-between}.header-inner nav a{font-size:11px}.hero{min-height:auto;grid-template-columns:1fr;gap:45px;padding:65px 0 90px}.eyebrow{font-size:9px}.hero-kicker{margin-top:45px}.hero h1{font-size:clamp(58px,14vw,90px)}.kana{margin-bottom:30px}.hero-lead{font-size:27px}.hero-desc{font-size:14px}.hero-image img{aspect-ratio:1.35}.hero-foot{font-size:8px;bottom:22px}.hero-foot span:last-child{display:none}.story{padding:85px 0}.story-grid,.last-call{grid-template-columns:1fr;gap:35px}.section-index{font-size:10px}.story h2,.section-top h2,.details h2,.last-call h2{font-size:clamp(34px,9vw,49px)}.story-copy>p:not(.overline){font-size:14px}.desktop-break{display:none}.routes{padding:90px 0}.section-top{display:block;margin-bottom:40px}.section-top>p{font-size:13px;margin-top:20px}.route-row{grid-template-columns:1fr;gap:18px;padding:25px 0 34px}.route-num span{display:inline;margin-left:8px}.route-image img{aspect-ratio:1.8}.route-copy h3{font-size:22px;margin-bottom:10px}.route-copy p{font-size:13px;margin-bottom:14px}.details{padding:85px 0}.details-grid{grid-template-columns:1fr;gap:35px}.details-intro{font-size:14px}.detail-list p{font-size:13px}.last-call{padding:90px 0;gap:24px}.last-mark{font-size:38px}.footer-main{display:block;padding-bottom:45px}.footer-links{gap:45px;flex-wrap:wrap;margin-top:45px}.footer-bottom{display:block;line-height:2.2}.footer-bottom span{display:block}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.route-image img{transition:none}}
.secondary-link{font-size:13px;color:var(--ink);text-decoration:none;border-bottom:1px solid #6c968a;padding:10px 0;white-space:nowrap}.secondary-link:hover{color:var(--mint)}