@font-face{font-family:Anton;src:url(/assets/anton-latin.woff2) format("woff2");font-display:swap}
:root{--court:#265e49;--deep:#173e30;--line:#f8f9f8;--ball:#d9e94f;--ink:#18221e;--ink2:#34433c;--paper:#f8f9f8;--mint:#d3e4d9;
--s1:8px;--s2:16px;--s3:24px;--s4:32px;--s6:48px;--s8:64px;--s12:96px;
--sans:ui-sans-serif,system-ui,-apple-system,"Segoe UI","PingFang TC","Noto Sans TC","Microsoft JhengHei",sans-serif}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:400 18px/1.65 var(--sans)}
a{color:inherit}img,svg{display:block;max-width:100%}
.wrap{max-width:1120px;margin:0 auto;padding:0 var(--s3)}
.top{position:absolute;inset:0 0 auto;z-index:2;color:var(--line)}
.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:var(--s2);padding-top:var(--s3)}
.mark{font:400 28px/1 Anton,Impact,sans-serif;text-decoration:none;letter-spacing:-.01em}
.top nav{display:flex;gap:var(--s2);font-size:15px;flex-wrap:wrap;justify-content:flex-end}
.top nav a{text-decoration:none;padding:var(--s1) 0;border-bottom:2px solid transparent}
.top nav a:hover,.top nav a[aria-current]{border-color:var(--ball)}
.hero{position:relative;overflow:hidden;background:var(--court);color:var(--line);min-height:680px;display:flex;align-items:flex-end}
.hero svg.courtlines{position:absolute;inset:0;width:100%;height:100%}
.hero .wrap{position:relative;width:100%;padding-top:128px;padding-bottom:var(--s8)}
h1{font:400 clamp(52px,7.6vw,104px)/1.04 Anton,Impact,var(--sans);margin:0 0 var(--s3);max-width:8.6em;letter-spacing:-.005em}
.zh h1{font:800 clamp(38px,6.4vw,80px)/1.2 var(--sans);letter-spacing:.01em;max-width:9em}
.lead{max-width:34em;font-size:20px;margin:0 0 var(--s4)}
.acts{display:flex;gap:var(--s2);flex-wrap:wrap}
.btn{display:inline-block;padding:14px var(--s3);border-radius:999px;font-weight:700;text-decoration:none;border:2px solid var(--ball)}
.btn.solid{background:var(--ball);color:var(--deep)}.btn:hover{transform:translateY(-1px)}
.btn.dark{border-color:var(--court);color:var(--court)}.btn.dark.solid{background:var(--court);color:var(--line)}
section{padding:var(--s12) 0}
h2{font:400 clamp(36px,5vw,60px)/1.08 Anton,Impact,var(--sans);margin:0 0 var(--s3);color:var(--deep)}
.zh h2{font:800 clamp(30px,4.2vw,46px)/1.25 var(--sans)}
h3{font-size:22px;line-height:1.3;margin:0 0 var(--s1)}
.intro{max-width:36em;margin:0 0 var(--s6)}
.split{display:grid;grid-template-columns:1.1fr 1fr;gap:var(--s8);align-items:start}
.japan a.row{display:flex;justify-content:space-between;gap:var(--s2);padding:var(--s3) 0;border-top:2px solid var(--court);text-decoration:none;font-weight:700;font-size:22px}
.japan a.row:last-of-type{border-bottom:2px solid var(--court)}.japan a.row span{font-weight:400;font-size:16px;color:var(--ink2);text-align:right}
.japan a.row:hover{color:var(--court)}
.note{font-size:16px;color:var(--ink2);margin-top:var(--s3)}
.cities{background:var(--deep);color:var(--line)}.cities h2{color:var(--line)}
.citygrid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s3)}
.city{display:block;text-decoration:none;padding:var(--s4);border:2px solid var(--line);border-radius:4px;min-height:224px}
.city:hover{background:var(--court)}
.city b{display:block;font:400 40px/1.1 Anton,Impact,var(--sans);margin-bottom:var(--s2)}
.zh .city b{font:800 32px/1.25 var(--sans)}
.ask{background:var(--mint)}
.ask ul{margin:0 0 var(--s4);padding-left:1.1em;max-width:36em}.ask li{margin-bottom:var(--s1)}
.why p{font-size:clamp(24px,3.2vw,34px);line-height:1.4;max-width:24em;margin:0;color:var(--deep);font-weight:600}
footer{background:var(--deep);color:var(--line);padding:var(--s6) 0;font-size:15px}
footer .wrap{display:flex;justify-content:space-between;gap:var(--s3);flex-wrap:wrap}footer a{color:var(--line)}
@media(max-width:800px){.split,.citygrid{grid-template-columns:1fr}.split{gap:var(--s6)}section{padding:var(--s8) 0}.city{min-height:0}.hero{min-height:640px}.top nav{font-size:14px;gap:12px}.wrap{padding:0 var(--s2)}.top .wrap{padding-top:var(--s2);align-items:flex-start}.courtlines circle,.courtlines path{display:none}}