:root{--coral:#ef5b55;--ink:#0c1114;--paper:#f7f8f8;--white:#fff;--muted:#6e7475;--line:rgba(12,17,20,.16);--max:1320px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Sans TC",sans-serif;line-height:1.7;overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font:inherit}.skip{position:fixed;left:1rem;top:-5rem;background:#fff;padding:.7rem 1rem;z-index:100}.skip:focus{top:1rem}
.demo-note{height:28px;background:var(--coral);color:#fff;text-align:center;font:800 10px/28px "Barlow Condensed";letter-spacing:.18em}.nav{height:82px;padding:0 max(24px,calc((100vw - var(--max))/2));display:flex;align-items:center;justify-content:space-between;background:rgba(247,248,248,.94);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50;backdrop-filter:blur(16px)}.logo{display:flex;align-items:center;gap:14px}.logo i{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:var(--coral);color:#fff;font:900 20px "Barlow Condensed";box-shadow:inset 0 0 0 3px var(--coral),inset 0 0 0 4px #fff;transform:rotate(-7deg)}.logo span{font-size:20px;line-height:1.25;letter-spacing:.025em;font-weight:900}.logo small{display:block;margin-top:3px;color:var(--muted);font:700 10px/1.2 "Barlow Condensed";letter-spacing:.17em}.nav nav{display:flex;align-items:center;gap:27px}.nav nav a{font-size:12px;font-weight:800;position:relative}.nav nav a.active:after{content:"";position:absolute;height:2px;background:var(--coral);left:0;right:0;bottom:-9px}.nav .nav-join{border:1px solid var(--ink);padding:10px 15px}.nav-toggle{display:none;background:transparent;border:0;font-weight:800}
.hero-v2{min-height:calc(100dvh - 110px);background:var(--ink);color:#fff;position:relative;display:grid;grid-template-columns:minmax(430px,1fr) minmax(450px,.85fr);align-items:center;gap:4vw;padding:70px max(28px,calc((100vw - var(--max))/2)) 125px;overflow:hidden}.jersey-grid{position:absolute;inset:0;opacity:.13;background-image:radial-gradient(circle at 1px 1px,#fff 1px,transparent 1px);background-size:16px 16px;mask-image:linear-gradient(90deg,#000,transparent 67%)}.hero-word{position:absolute;right:-1vw;bottom:-2vw;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.09);font:900 19vw/.72 "Barlow Condensed";text-align:right}.hero-text,.hero-visual{position:relative;z-index:2}.kicker,.section-no{font:800 11px "Barlow Condensed";letter-spacing:.22em;color:var(--coral)}.hero-text h1{font:900 clamp(62px,7vw,106px)/.82 "Barlow Condensed","Noto Sans TC";letter-spacing:-.055em;margin:25px 0 32px}.hero-text h1 .line{display:block;overflow:hidden;padding-bottom:.08em}.hero-text h1 b{display:block}.hero-text h1 .coral{color:var(--coral);font-style:italic}.hero-text>p{font-size:18px;color:rgba(255,255,255,.72)}.hero-actions{display:flex;align-items:center;gap:17px;margin-top:35px}.cta{padding:16px 22px;font-size:13px;font-weight:900;display:inline-flex;gap:35px}.coral-bg{background:var(--coral);color:#fff}.round-link{width:52px;height:52px;border:1px solid rgba(255,255,255,.35);border-radius:50%;display:grid;place-items:center}.photo-frame{position:relative;width:min(100%,760px);margin-left:auto;border:1px solid rgba(255,255,255,.25);padding:13px;background:#171d20;transform:rotate(1.5deg)}.photo-frame img{width:100%;aspect-ratio:1.38;object-fit:cover;object-position:54% 45%;filter:saturate(.88) contrast(1.08)}.photo-stamp{position:absolute;left:-32px;bottom:48px;background:var(--coral);width:112px;height:112px;display:flex;align-items:center;justify-content:center;gap:8px;transform:rotate(-7deg)}.photo-stamp b{font:900 38px "Barlow Condensed"}.photo-stamp span{font:800 8px/1.2 "Barlow Condensed"}.photo-caption{position:absolute;right:25px;bottom:23px;background:var(--ink);padding:6px 9px;font:800 9px "Barlow Condensed";letter-spacing:.13em}.ball-orbit{position:absolute;right:-23px;top:-23px;width:98px;height:98px;border:1px solid rgba(255,255,255,.25);border-radius:50%}.ball-orbit span{width:16px;height:16px;background:#fff;border-radius:50%;position:absolute;left:41px;top:-8px}.hero-stats{position:absolute;left:0;right:0;bottom:0;height:94px;border-top:1px solid rgba(255,255,255,.16);display:grid;grid-template-columns:repeat(4,1fr);padding:0 max(28px,calc((100vw - var(--max))/2));z-index:4}.hero-stats span{display:flex;align-items:center;gap:11px;padding:0 22px;border-right:1px solid rgba(255,255,255,.15);font-size:11px;color:rgba(255,255,255,.62)}.hero-stats b{font:900 42px "Barlow Condensed";color:var(--coral)}
.identity{padding-bottom:140px;overflow:hidden}.identity-track{border-bottom:1px solid var(--line);white-space:nowrap;overflow:hidden;padding:17px 0;margin-bottom:115px}.identity-track span{display:block;font:900 18px "Barlow Condensed";letter-spacing:.2em;color:var(--coral);width:max-content}.container{max-width:var(--max);margin:auto;padding:0 24px}.split{display:grid;grid-template-columns:1.2fr .65fr;gap:90px}.reveal-title{font:900 clamp(47px,5vw,76px)/1.04 "Barlow Condensed","Noto Sans TC";letter-spacing:-.045em;margin:25px 0}.reveal-title em{color:var(--coral);font-style:normal}.body-copy{padding-top:45px}.body-copy p{color:#535a5b;margin:0 0 24px}.under-link{font-size:13px;font-weight:900;border-bottom:1px solid}
.jersey-story{min-height:790px;background:var(--coral);color:#fff;display:grid;grid-template-columns:.7fr 1.25fr .9fr;position:relative;overflow:hidden}.jersey-number{font:900 47vw/.78 "Barlow Condensed";color:transparent;-webkit-text-stroke:2px rgba(255,255,255,.18);position:absolute;left:-4vw;bottom:-5vw}.jersey-copy{grid-column:2;align-self:center;z-index:2;padding:80px 50px}.section-no.light{color:#fff}.jersey-copy p{max-width:600px;color:rgba(255,255,255,.78)}.jersey-copy blockquote{font-size:17px;margin:45px 0 0;padding-left:22px;border-left:3px solid #fff}.jersey-copy blockquote b{display:block;font-size:22px}.jersey-detail{grid-column:3;background:var(--ink);position:relative;overflow:hidden;display:flex;align-items:flex-end;padding:55px}.fabric{position:absolute;inset:0;background:radial-gradient(circle at 2px 2px,rgba(255,255,255,.3) 1.2px,transparent 1.3px);background-size:10px 10px;opacity:.35;transform:skew(-12deg) scale(1.2)}.jersey-detail:after{content:"";position:absolute;width:300px;height:600px;background:linear-gradient(90deg,transparent,rgba(239,91,85,.75),transparent);transform:rotate(23deg);right:-100px}.jersey-detail span{position:relative;z-index:2;font:900 70px/.75 "Barlow Condensed";color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.65)}
.parents{padding:140px 0}.parent-head{display:grid;grid-template-columns:1.15fr .65fr;gap:100px;align-items:end}.parent-head p{color:var(--muted)}.parent-promises{display:grid;grid-template-columns:repeat(3,1fr);margin-top:70px;border-top:2px solid var(--ink)}.parent-promises article{padding:35px 36px 35px 0;border-right:1px solid var(--line)}.parent-promises article+article{padding-left:36px}.parent-promises b{font:900 42px "Barlow Condensed";color:var(--coral)}.parent-promises p{font-size:13px;color:var(--muted)}.proof{background:var(--ink);color:#fff;display:grid;grid-template-columns:.8fr 1.2fr;padding:120px max(24px,calc((100vw - var(--max))/2));gap:80px}.proof-sticky{align-self:start;position:sticky;top:130px}.proof-sticky h2{font:900 64px "Barlow Condensed";margin:20px 0}.proof-sticky a{font-size:12px;border-bottom:1px solid var(--coral)}.proof-list article{padding:38px 0;border-bottom:1px solid rgba(255,255,255,.16)}.proof-list time{font:900 76px "Barlow Condensed";color:var(--coral)}.proof-list span{font-size:11px;color:#7b8183;margin-left:20px}.proof-list h3{font-size:27px;margin:6px 0}
.join-v2{display:grid;grid-template-columns:1fr 1fr;background:var(--coral);color:#fff}.join-photo{position:relative;min-height:690px;overflow:hidden;background:#222}.join-photo img{width:100%;height:100%;object-fit:cover;object-position:54% center;filter:saturate(.85) contrast(1.06)}.join-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(12,17,20,.8),transparent 65%)}.join-photo span{position:absolute;left:40px;bottom:28px;z-index:2;font:900 8vw/.8 "Barlow Condensed";color:transparent;-webkit-text-stroke:1px #fff}.join-panel{padding:110px max(30px,calc((100vw - var(--max))/2)) 100px 70px;align-self:center}.join-panel h2{font:900 clamp(52px,5vw,80px)/1 "Barlow Condensed";margin:24px 0}.join-panel>p{max-width:560px;color:rgba(255,255,255,.75)}.join-choices{border-top:1px solid rgba(255,255,255,.35);margin-top:50px}.join-choices a{display:flex;justify-content:space-between;padding:22px 0;border-bottom:1px solid rgba(255,255,255,.35)}.join-choices span{font-size:12px}.portal-teasers{display:grid;grid-template-columns:1fr 1fr}.portal-teasers>a{padding:80px max(30px,calc((100vw - var(--max))/2));position:relative;min-height:340px}.portal-teasers>a:first-child{background:#eceff0}.portal-teasers>a:last-child{background:#fff}.portal-teasers span{font:800 11px "Barlow Condensed";letter-spacing:.2em;color:var(--coral)}.portal-teasers h3{font-size:32px}.portal-teasers p{max-width:470px;color:var(--muted)}.portal-teasers i{position:absolute;right:45px;bottom:35px;font-size:30px;color:var(--coral)}footer{background:#070a0c;color:#fff;padding:75px max(24px,calc((100vw - var(--max))/2));display:grid;grid-template-columns:1fr 1fr 1fr;gap:45px;align-items:center}footer p{font-size:13px;color:#aaa}footer>div{display:flex;flex-direction:column;align-items:flex-end}footer>div a{font-size:12px;border-bottom:1px solid var(--coral)}footer>div small{font-size:9px;color:#555;margin-top:20px}.reveal,.reveal-title,.reveal-card,.hero-visual{will-change:transform,opacity}:focus-visible{outline:3px solid #fff;outline-offset:3px}
@media(max-width:900px){.nav{height:70px}.logo span{font-size:16px;line-height:1.2}.logo small{display:none}.nav-toggle{display:block}.nav nav{display:none;position:absolute;top:70px;left:0;right:0;background:var(--paper);padding:25px;flex-direction:column;align-items:flex-start}.nav nav.open{display:flex}.hero-v2{grid-template-columns:1fr;padding:70px 22px 170px}.hero-text h1{font-size:57px}.hero-text>p{font-size:15px}.hero-visual{margin-top:25px}.photo-frame{max-width:560px;margin:auto}.photo-stamp{left:-5px;width:83px;height:83px}.hero-stats{height:140px;grid-template-columns:1fr 1fr;padding:0}.hero-stats span{padding:0 17px}.hero-stats b{font-size:32px}.split,.parent-head,.proof{grid-template-columns:1fr}.identity-track{margin-bottom:70px}.identity{padding-bottom:90px}.body-copy{padding-top:0}.jersey-story{grid-template-columns:1fr;min-height:820px}.jersey-copy{grid-column:1;padding:80px 24px}.jersey-detail{grid-column:1;min-height:240px;padding:25px}.jersey-detail span{font-size:53px}.jersey-number{font-size:100vw}.parents{padding:90px 0}.parent-promises{grid-template-columns:1fr}.parent-promises article,.parent-promises article+article{padding:28px 0;border-right:0;border-bottom:1px solid var(--line)}.proof{padding:85px 24px;gap:25px}.proof-sticky{position:static}.proof-sticky h2{font-size:51px}.proof-list time{font-size:56px}.join-v2{grid-template-columns:1fr}.join-photo{min-height:430px}.join-photo span{font-size:18vw}.join-panel{padding:75px 24px}.portal-teasers{grid-template-columns:1fr}.portal-teasers>a{padding:60px 25px}footer{grid-template-columns:1fr}footer>div{align-items:flex-start}.demo-note{font-size:8px}.round-link{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}