:root{--ink:#100b19;--panel:#181222;--purple:#8b43ff;--cyan:#48d8ee;--muted:#746c7d;--line:#e8e3ee;--paper:#f4f1e8;font-family:Inter,"Noto Sans TC",Arial,sans-serif;color:var(--ink)}*{box-sizing:border-box}body{margin:0;background:var(--paper)}a{color:inherit;text-decoration:none}img{display:block;width:100%;object-fit:cover}.shell{width:min(1180px,calc(100% - 40px));margin:auto}.site-head{position:sticky;top:0;z-index:10;background:#0e0918;color:#fff;border-bottom:1px solid #2e233d}.head-in{height:76px;display:flex;align-items:center;gap:38px}.brand{font-size:25px;font-weight:900}.brand span{color:#9851ff}.brand small{display:block;font-size:8px;letter-spacing:1.8px;margin-top:4px}.site-head nav{display:flex;gap:25px;margin-left:auto;align-items:center}.site-head nav a{font-weight:800;font-size:14px;padding:28px 0;position:relative}.site-head nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--purple)}.menu{display:none;background:transparent;color:white;border:1px solid #574a67;border-radius:8px;padding:9px 12px}.page-hero{background:#120c1e;color:#fff;padding:54px 0;overflow:hidden;position:relative}.page-hero:after{content:"";position:absolute;inset:0 0 0 52%;background:radial-gradient(circle at 60% 40%,#8d43ff55,transparent 55%),linear-gradient(120deg,transparent,#231332)}.page-hero .shell{position:relative;z-index:1}.eyebrow{color:#b786ff;font-size:12px;letter-spacing:2px;font-weight:900}.page-hero h1{font-size:clamp(44px,7vw,82px);margin:10px 0 12px;line-height:1}.page-hero p{font-size:18px;color:#d5cbe1;max-width:620px}.tools{background:#fff;border-bottom:1px solid var(--line);padding:17px 0}.tools-in{display:flex;gap:10px;flex-wrap:wrap}.chip,.btn{border:1px solid #d8cde6;background:#fff;border-radius:9px;padding:10px 15px;font-weight:800;cursor:pointer}.chip.active,.btn{background:var(--purple);color:white;border-color:var(--purple)}.section{padding:52px 0}.section-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:22px}.section-title h2{font-size:32px;margin:0}.section-title p{color:var(--muted);margin:5px 0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:white;border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 8px 28px #1d0c3610}.card img{height:190px}.card-body{padding:19px}.meta{font-size:12px;color:var(--purple);font-weight:900;text-transform:uppercase}.card h3{font-size:20px;margin:9px 0}.card p{color:var(--muted);line-height:1.6}.link{color:var(--purple);font-weight:900}.lead{display:grid;grid-template-columns:1.35fr 1fr;background:white;border-radius:16px;overflow:hidden;border:1px solid var(--line);margin-bottom:22px}.lead img{height:100%;min-height:370px;object-position:68% center}.lead .card-body{padding:34px}.lead h2{font-size:36px}.sports-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.sport{min-height:185px;border-radius:14px;overflow:hidden;position:relative;background:#1a1325;color:white}.sport img{height:185px;opacity:.68}.sport strong{position:absolute;left:18px;bottom:18px;font-size:23px}.about-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:30px}.statement{background:#160e23;color:white;border-radius:18px;padding:38px}.statement h2{font-size:42px}.values{display:grid;grid-template-columns:1fr 1fr;gap:15px}.value{background:white;border:1px solid var(--line);border-radius:14px;padding:22px}.value b{color:var(--purple);font-size:22px}.feed{columns:3 280px;column-gap:18px}.feed .card{break-inside:avoid;margin-bottom:18px}.footer{background:#0e0918;color:#d9d1e3;padding:36px 0;margin-top:40px}.footer-in{display:flex;justify-content:space-between;gap:30px}.footer p{color:#93889f}.empty{padding:50px;text-align:center;color:var(--muted)}@media(max-width:850px){.head-in{height:68px}.site-head nav{display:none;position:absolute;top:68px;left:0;right:0;background:#120c1e;padding:18px 25px;flex-direction:column;align-items:stretch}.site-head nav.open{display:flex}.site-head nav a{padding:10px}.menu{display:block;margin-left:auto}.grid{grid-template-columns:1fr}.lead,.about-grid{grid-template-columns:1fr}.sports-grid{grid-template-columns:1fr 1fr}.feed{columns:1}.footer-in{display:block}.page-hero{padding:42px 0}.card img{height:220px}}


.social-icons{display:flex;align-items:center;gap:8px}.social-icon{width:38px;height:38px!important;padding:0!important;border:1px solid #684a84;border-radius:50%;display:inline-grid!important;place-items:center;color:#dbc7f7;position:relative;transition:transform .22s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease;animation:social-arrive .5s ease both;animation-delay:calc(var(--i,0)*.08s)}.social-icon svg{width:18px;height:18px}.social-icon span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.social-icon:hover,.social-icon:focus-visible{transform:translateY(-3px) scale(1.06);border-color:#b886ff;background:#8b43ff22;box-shadow:0 8px 24px #8b43ff55}.social-icon.youtube:hover{color:#ff4b55}.social-icon.facebook:hover{color:#6e9cff}.social-icon.instagram:hover{color:#e97cff}.social-icons-footer{margin-top:18px}.footer-in>.social-icons-footer{margin-left:auto}@keyframes social-arrive{from{opacity:0;transform:translateY(8px) scale(.85)}to{opacity:1;transform:none}}@media(max-width:850px){.social-icons-head{padding-top:13px;border-top:1px solid #332441;flex-wrap:wrap}.site-head nav .social-icon{width:auto!important;height:42px!important;border-radius:9px;padding:0 13px!important;display:inline-flex!important;justify-content:center}.site-head nav .social-icon span{position:static;width:auto;height:auto;clip-path:none;margin-left:8px}.footer-in>.social-icons-footer{margin:18px 0 0}}@media(prefers-reduced-motion:reduce){.social-icon{animation:none!important;transition:none!important}}
.header-follow{background:var(--purple);color:#fff!important;border:1px solid #a45ffe;border-radius:7px;padding:12px 17px!important;box-shadow:0 5px 18px #8533fa22;transition:transform .2s ease,background .2s ease}.header-follow:hover{background:#7130d1;transform:translateY(-2px)}
/* Hong Kong desktop and mobile reading refinements */
html{scroll-padding-top:84px}body{overflow-x:hidden;font-family:"Noto Sans HK","PingFang HK","Microsoft JhengHei",Inter,Arial,sans-serif}.chip,.btn,.menu{min-height:44px}.sport{transition:transform .25s ease,box-shadow .25s ease}.sport:hover,.sport:focus-visible{transform:translateY(-4px);box-shadow:0 15px 34px #35115d28}.sport:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#100919d9 0%,transparent 62%);pointer-events:none}.sport strong{z-index:1}.sport img{transition:transform .4s ease}.sport:hover img{transform:scale(1.04)}
@media(max-width:850px){.site-head nav{max-height:calc(100vh - 68px);overflow-y:auto}.section-title{align-items:flex-start;flex-direction:column}.section{padding:42px 0}.lead h2{font-size:30px}.lead .card-body{padding:25px}.tools-in{gap:8px}.footer-in{line-height:1.65}}
@media(max-width:520px){.shell{width:calc(100% - 32px)}.brand{font-size:21px}.page-hero{padding:35px 0}.page-hero h1{font-size:42px}.page-hero p{font-size:16px;line-height:1.7}.sports-grid{grid-template-columns:1fr}.sport,.sport img{height:210px}.sport{min-height:210px}.sport strong{font-size:22px}.grid{gap:15px}.card img{height:205px}.card-body{padding:17px}.card h3{font-size:19px;line-height:1.5}.statement{padding:27px 22px}.statement h2{font-size:32px}.values{grid-template-columns:1fr}.chip,.btn{padding:10px 13px}.footer{padding:30px 0}}
@media(prefers-reduced-motion:reduce){.sport,.sport img{transition:none!important}}


/* Warm paper palette */
body,.tools{background:#f4f1e8}.card,.lead,.value{background:#faf8f2}.chip,.btn{background:#faf8f2}.chip.active,.btn{background:var(--purple)}

/* Unified campaign shell v29 */
body{background:#f7f4ec}
main{padding-top:0}
.page-hero{background:linear-gradient(135deg,#140b22,#321958);color:#fff;padding-top:92px}
.page-hero .eyebrow{color:#a868ff}
.card,.lead,.statement,.value{border-color:rgba(73,43,91,.1);box-shadow:0 16px 46px rgba(48,24,66,.07)}
.story-footer{color:#17101f}
.story-footer .brand{color:#17101f}
@media(max-width:900px){.page-hero{padding-top:72px}}
.page-hero .eyebrow,.page-hero h1,.page-hero p{opacity:0;animation:page-title-rise .72s cubic-bezier(.2,.75,.2,1) both}.page-hero .eyebrow{animation-delay:.1s}.page-hero h1{animation-delay:.22s}.page-hero p{animation-delay:.34s}@keyframes page-title-rise{from{opacity:0;transform:translateY(20px);filter:blur(4px)}to{opacity:1;transform:none;filter:blur(0)}}
@media(prefers-reduced-motion:reduce){.page-hero .eyebrow,.page-hero h1,.page-hero p{opacity:1;animation:none!important}}
.feed{columns:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start}.feed .card{margin:0;min-width:0}.feed .card img{height:auto;aspect-ratio:4/3}.feed .card p{display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}@media(max-width:850px){.feed{grid-template-columns:1fr}}
/* Equal-height social cards across every row and viewport. */
.feed{grid-auto-rows:520px;align-items:stretch}.feed .card{height:100%;display:flex;flex-direction:column}.feed .card img{height:235px;aspect-ratio:auto;flex:0 0 235px}.feed .card-body{display:flex;flex:1;min-height:0;flex-direction:column}.feed .card h3{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.feed .card p{-webkit-line-clamp:4}.feed .card .link{margin-top:auto}@media(max-width:850px){.feed{grid-auto-rows:510px}.feed .card img{height:225px;flex-basis:225px}}