@font-face{font-family:"NiaoNiao Sans";src:url("/assets/fonts/niaoniao-sans-variable.woff2?v=20261024-online") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
:root{--bg:#101210;--white:#f4f4ed;--muted:#a7aca2;--green:#b7df58;--orange:#ff8b36;--line:#ffffff20}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--white);font-family:"NiaoNiao Sans",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}h1,h2,h3,p{margin:0}img{display:block;max-width:100%}a:focus-visible,button:focus-visible{outline:2px solid var(--green);outline-offset:6px}.skip{position:fixed;left:20px;top:-90px;padding:15px;background:var(--green);color:#111;z-index:100}.skip:focus{top:15px}.brand-header{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:28px 4.5%;transition:background .25s,padding .25s}.brand-header.scrolled{background:#101210ed;backdrop-filter:blur(18px);padding-block:16px;border-bottom:1px solid var(--line)}.brand-logo{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:740;letter-spacing:-.8px;flex-shrink:0}.brand-logo img{width:44px;height:44px;border-radius:12px;background:#f4f4ed;padding:4px;object-fit:contain}.brand-logo small{font-size:11px;font-weight:500;letter-spacing:.8px;display:block;margin-top:1px;color:#d5d9d0}.brand-header nav{display:flex;align-items:center;gap:26px;background:#0b0d0bcd;border:1px solid #ffffff15;border-radius:50px;padding:19px 32px;backdrop-filter:blur(15px)}.brand-header nav a{font-size:14px;color:#b9bfb3;position:relative;white-space:nowrap}.brand-header nav a:hover,.brand-header nav a.active{color:#fff}.brand-header nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:-9px;height:2px;background:var(--orange)}.header-cta{display:flex;align-items:center;gap:24px;padding:12px 18px;border:1px solid #ffffff55;border-radius:30px;font-size:12px}.header-cta span{color:var(--green);font-size:20px}.nav-toggle{display:none;border:1px solid var(--line);border-radius:50%;width:42px;height:42px;background:#1119;font-size:20px}.brand-hero{height:max(740px,100svh);max-height:1180px;position:relative;isolation:isolate;overflow:hidden;background:#0e1918}.hero-film{position:absolute;inset:0;z-index:-3}.hero-film img,.hero-film video{width:100%;height:100%;object-fit:cover;object-position:50% 50%;position:absolute;inset:0}.hero-film video{opacity:0;transition:opacity .6s}.hero-film video.ready{opacity:1}.hero-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#04080475,transparent 26%,#04080415 42%,#09100950 56%,#101210db 96%),radial-gradient(ellipse at 50% 83%,#292d0b70,transparent 60%)}.orbit-link{position:absolute;left:50%;top:35%;transform:translate(-50%,-50%);width:154px;height:154px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:1px solid #ffffff60;border-radius:50%;background:#10191022;backdrop-filter:blur(2px);font-size:12px;transition:background .3s,border-color .3s}.orbit-link:hover{background:#b7df5828;border-color:var(--green)}.orbit-arrow{font-size:28px;color:var(--green)}.orbit-ring{position:absolute;inset:-13px;border:1px dashed #ffffff3a;border-radius:50%;animation:orbit 36s linear infinite}.hero-statement{position:absolute;left:5%;right:5%;bottom:125px;text-align:center;text-shadow:0 2px 14px #0006}.eyebrow{font-size:11px;font-weight:580;letter-spacing:2.3px;color:var(--green)}.hero-statement .eyebrow{font-size:10px;letter-spacing:4px;color:#e0e9d3}.home-brand-line{font-size:16px;margin-top:16px;letter-spacing:4px}.hero-statement h1{font-size:clamp(64px,6.5vw,115px);font-weight:760;line-height:1.13;letter-spacing:-3px;margin:17px auto 15px}.hero-statement h1 span,.hero-statement h1 strong{display:block}.hero-statement h1 span{color:var(--orange);font-weight:760}.hero-statement h1 strong{color:var(--green);font-weight:760}.hero-intro{font-size:13px;line-height:1.9;color:#d4dacd}.hero-bottom{position:absolute;left:4.5%;right:4.5%;bottom:30px;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:9px;letter-spacing:.4px;color:#c1c7b8}.hero-bottom>a{color:var(--orange);font-size:11px;letter-spacing:1.4px;display:flex;align-items:center;gap:16px}.hero-bottom b{font-size:23px;font-weight:400}.hero-bottom button{border:1px solid #ffffff55;border-radius:30px;padding:10px 14px;background:#0c130c50;font-size:10px}.home-section{max-width:1440px;padding:110px 4.5%;margin:auto}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:46px}.section-heading h2{font-size:clamp(33px,3.5vw,55px);line-height:1.25;font-weight:670;letter-spacing:-1.2px;margin-top:23px}.section-heading>p{color:var(--muted);font-size:13px;line-height:1.9}.city-grid{display:grid;grid-template-columns:1fr 1fr;gap:34px}.city-card{min-width:0;border-bottom:1px solid var(--line);padding-bottom:26px}.city-visual{position:relative;aspect-ratio:16/9;background:#070b08;border-radius:10px;overflow:hidden}.city-visual img{width:100%;height:100%;object-fit:contain;transition:opacity .3s}.city-card:hover .city-visual img{opacity:.85}.city-edition{position:absolute;left:16px;top:16px;padding:8px 12px;background:#0e150cd9;border:1px solid #ffffff28;border-radius:24px;font-size:10px}.city-info{display:flex;align-items:center;justify-content:space-between;margin-top:24px}.city-code{font-size:10px;letter-spacing:2px;color:var(--orange)}.changsha .city-code{color:var(--green)}.city-info h3{font-size:39px;letter-spacing:-1px;margin-top:6px}.city-arrow{width:50px;height:50px;border:1px solid #ffffff40;border-radius:50%;display:grid;place-content:center;font-size:26px;color:var(--orange);transition:background .2s,color .2s}.changsha .city-arrow{color:var(--green)}.city-card:hover .city-arrow{background:var(--orange);color:#111}.changsha:hover .city-arrow{background:var(--green)}.city-meta{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:11px;margin-top:20px;color:#d4d9ce}.city-card>p{font-size:12px;color:var(--muted);line-height:1.8;margin-top:12px}.city-enter{display:flex;justify-content:space-between;margin-top:22px;font-size:12px}.city-enter b{font-size:20px;font-weight:400;color:var(--orange)}.changsha .city-enter b{color:var(--green)}.selected{border-top:1px solid var(--line)}.selected-grid{display:grid;grid-template-columns:1fr 1fr;gap:34px}.selected-card{min-width:0}.selected-image{aspect-ratio:16/9;display:grid;place-items:center;background:#080a08;border-radius:10px;overflow:hidden;margin-bottom:23px}.selected-image img{width:100%;height:100%;object-fit:contain}.selected-card h3{font-size:21px;font-weight:630;line-height:1.4;display:flex;justify-content:space-between;gap:18px;margin-top:10px}.selected-card h3 span{color:var(--orange)}.selected-card p{font-size:12px;line-height:1.9;color:var(--muted);margin-top:9px}.all-works{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:24px 0;margin-top:22px;font-size:13px;color:#d7e4cb}.all-works span{color:var(--green);font-size:20px}.community-band{display:grid;grid-template-columns:1.12fr 1fr;border-block:1px solid var(--line);background:#172017}.community-image{min-width:0;display:grid;place-items:center;background:#050905}.community-image img{width:100%;height:auto;object-fit:contain}.community-copy{padding:80px 12%;align-self:center}.community-copy h2{font-size:clamp(36px,3.8vw,61px);font-weight:660;line-height:1.25;letter-spacing:-1.3px;margin-top:25px}.community-copy p:not(.eyebrow){color:#adbca3;font-size:13px;line-height:1.9;margin-top:25px}.community-copy a{display:flex;justify-content:space-between;gap:25px;font-size:12px;border-bottom:1px solid #c6e3af45;padding-bottom:17px;margin-top:35px}.community-copy a span{color:var(--green);font-size:20px}.about-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:80px;margin-top:30px}.about-grid h2{font-size:clamp(33px,3.7vw,59px);line-height:1.3;font-weight:650;letter-spacing:-1.2px}.about-grid h2 span{color:var(--green)}.about-grid p{font-size:14px;color:var(--muted);line-height:2}.about-grid a{display:flex;justify-content:space-between;font-size:12px;padding:20px 0;border-bottom:1px solid var(--line)}.about-grid a span{color:var(--orange)}footer{border-top:1px solid var(--line);padding:34px 4.5%;display:flex;align-items:center;justify-content:space-between;gap:25px}footer p{font-size:9px;letter-spacing:1px;color:var(--muted)}footer>div{display:flex;gap:25px;font-size:12px}footer a:hover{color:var(--green)}@keyframes orbit{to{transform:rotate(360deg)}}@media(max-width:1100px){.brand-header{gap:15px;padding-inline:3%}.brand-header nav{gap:19px;padding:17px 24px}.brand-logo{font-size:21px}.header-cta{gap:15px}.hero-statement{bottom:119px}.hero-statement h1{font-size:80px}.hero-statement .eyebrow{letter-spacing:2px}.home-section{padding-inline:4%}.community-copy{padding:55px 8%}.about-grid{gap:45px}}@media(max-width:800px){.brand-header{padding:20px 5%;gap:15px}.header-cta{margin-left:auto}.brand-header nav{display:none;position:absolute;top:85px;left:5%;right:5%;padding:25px;border-radius:16px;flex-wrap:wrap;justify-content:center;background:#101210f5}.brand-header.menu-open nav{display:flex}.nav-toggle{display:block}.brand-hero{height:880px;min-height:100svh;max-height:none}.orbit-link{top:32%;width:130px;height:130px}.hero-statement h1{font-size:75px}.hero-statement{bottom:135px}.city-grid,.selected-grid{gap:22px}.section-heading>p{max-width:215px}.city-info h3{font-size:32px}.city-meta{font-size:10px}.selected-card h3{font-size:18px}.community-band{grid-template-columns:1fr 1fr}.community-copy h2{font-size:35px}.community-copy{padding:50px 8%}.community-copy p:not(.eyebrow){font-size:12px}.about-grid{grid-template-columns:1fr;gap:30px}.about-grid p{max-width:680px}footer p{display:none}}@media(max-width:600px){html{scroll-padding-top:93px}.brand-header{padding:17px 5%}.brand-header.scrolled{padding-block:13px}.brand-logo{font-size:20px;gap:10px}.brand-logo img{width:36px;height:36px;border-radius:9px}.brand-logo small{font-size:9px}.header-cta{font-size:10px;padding:10px 12px;gap:10px}.nav-toggle{width:36px;height:36px;font-size:18px}.brand-hero{height:830px;min-height:100svh}.hero-film{inset:130px 0 auto;height:auto;aspect-ratio:16/9}.hero-film img,.hero-film video{object-fit:contain}.hero-shade{background:linear-gradient(180deg,#101210 11%,transparent 23%,transparent 37%,#101210 54%,#15200edf)}.orbit-link{top:40%;width:102px;height:102px;font-size:10px;background:#0b110b77}.orbit-arrow{font-size:23px}.orbit-ring{inset:-9px}.hero-statement{bottom:130px;left:5%;right:5%}.hero-statement .eyebrow{font-size:8px;letter-spacing:1.4px}.home-brand-line{font-size:12px;letter-spacing:2px;margin-top:16px}.hero-statement h1{font-size:clamp(51px,14vw,77px);letter-spacing:-1.5px;margin-top:18px}.hero-intro{font-size:11px;line-height:1.9;margin-top:20px}.hero-bottom{bottom:25px;left:5%;right:5%;flex-wrap:wrap;gap:20px;font-size:8px}.hero-bottom>span{width:100%;text-align:center}.hero-bottom>a{font-size:9px}.hero-bottom button{padding:8px 12px;font-size:9px}.home-section{padding:70px 5%}.section-heading{display:block;margin-bottom:30px}.section-heading h2{font-size:33px;line-height:1.25;margin-top:20px;letter-spacing:-.8px}.section-heading>p{font-size:12px;max-width:none;margin-top:20px}.eyebrow{font-size:9px;letter-spacing:1.7px}.city-grid,.selected-grid{grid-template-columns:1fr;gap:40px}.city-info h3{font-size:35px}.city-meta{font-size:11px}.city-card>p{font-size:11px}.city-edition{left:12px;top:12px;font-size:9px;padding:7px 10px}.selected-card h3{font-size:20px}.community-band{grid-template-columns:1fr}.community-copy{padding:55px 5%}.community-copy h2{font-size:38px}.community-copy p:not(.eyebrow){font-size:12px}.about-grid h2{font-size:32px;letter-spacing:-.8px}.about-grid p{font-size:12px}.about-grid{gap:25px}footer{padding:30px 5%;align-items:flex-start;gap:20px}footer>div{flex-direction:column;gap:12px;font-size:11px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Keep complete artwork visible, with the course destination on the image. */
.city-visual.course-cover{aspect-ratio:1/1;display:grid;grid-template-rows:auto minmax(0,1fr) auto;padding:18px;gap:12px;border:1px solid #ffffff24;background:#0a0e0b}
.course-cover .cover-topline{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:11px;color:#c7cbbf;line-height:1.4}
.cover-edition{border:1px solid #ff8b3666;color:#ffd4b4;background:#332211;padding:6px 10px;border-radius:20px;white-space:nowrap}
.changsha .cover-edition{border-color:#b7df5866;color:#d9efb0;background:#202d16}
.teacher-cover-frame{position:relative;display:flex;align-items:center;justify-content:center;min-height:0;overflow:hidden;background:#060806;border-radius:4px}
.course-cover .teacher-cover-frame img{width:100%;height:100%;object-fit:contain}
.poster-cover-grid{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:14px;min-height:0;height:100%}
.cover-station-overlay{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;padding:12px 25px;background:#08100cd9;border:1px solid #ffffff40;border-radius:8px;box-shadow:0 8px 28px #0004;backdrop-filter:blur(8px);color:#fff;font-size:clamp(25px,3.2vw,46px);font-weight:750;line-height:1.2;letter-spacing:2px;white-space:nowrap;pointer-events:none}
.poster-cover-grid figure{display:grid;grid-template-rows:minmax(0,1fr) auto;gap:7px;min-width:0;min-height:0;height:100%;margin:0}
.course-cover .poster-cover-grid img{width:100%;height:100%;min-height:0;object-fit:contain}
.poster-cover-grid figcaption{text-align:center;color:#d9dfd2;font-size:11px;line-height:1.4}
.cover-station{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding-top:9px;border-top:1px solid #ffffff20}
.cover-station strong{font-size:20px;font-weight:650;letter-spacing:0;line-height:1.4;color:#fff}
.cover-station>span{font-size:14px;font-weight:600;color:var(--orange);white-space:nowrap}
.changsha .cover-station>span{color:var(--green)}
.city-info h3{font-size:22px;font-weight:630;letter-spacing:-.5px;margin-top:8px}
.city-enter{font-weight:650}
@media(max-width:800px){.city-visual.course-cover{padding:13px;gap:9px}.course-cover .cover-topline{font-size:9px;gap:6px}.cover-edition{padding:5px 7px}.cover-station strong{font-size:17px}.cover-station>span{font-size:11px}.city-info h3{font-size:19px}.poster-cover-grid{gap:9px}.poster-cover-grid figcaption{font-size:10px}.cover-station-overlay{padding:10px 18px}}
@media(max-width:600px){.city-visual.course-cover{padding:12px;gap:8px}.cover-station{gap:10px;padding-top:8px}.cover-station strong{font-size:18px}.cover-station>span{font-size:12px}.course-cover .cover-topline{font-size:9px}.city-info h3{font-size:21px}.cover-station-overlay{font-size:34px}}

/* Online and offline learning share the same NiaoNiao home. */
.online-feature{padding-bottom:70px}.online-course-card{display:grid;grid-template-columns:1.15fr 1fr;border:1px solid #b7df583d;border-radius:12px;overflow:hidden;background:#151c14;transition:border-color .25s}.online-course-card:hover{border-color:var(--green)}.online-course-art{display:grid;place-items:center;background:#080e0b;min-width:0;padding:20px}.online-course-art img{width:100%;height:auto;object-fit:contain}.online-course-copy{padding:40px;min-width:0}.online-course-copy h3{font-size:25px;font-weight:550;line-height:1.6;letter-spacing:-.5px;margin-top:16px}.online-course-copy h3 strong{color:var(--green);font-size:34px;font-weight:700}.online-course-copy>p:not(.eyebrow){font-size:13px;line-height:1.9;color:var(--muted);margin-top:17px}.online-course-facts{display:flex;flex-wrap:wrap;gap:24px;margin-top:25px;font-size:12px}.online-course-facts small{display:block;font-size:10px;color:var(--muted);margin-bottom:8px}.online-course-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-top:26px;padding-top:24px;border-top:1px solid var(--line)}.online-home-price{display:flex;flex-direction:column;gap:4px}.online-home-price small{font-size:10px;color:#d1ddc4}.online-home-price strong{font-size:30px;color:var(--orange);font-weight:700}.online-home-price>span{font-size:10px;color:var(--muted)}.online-home-enter{display:flex;align-items:center;gap:18px;font-size:12px;white-space:nowrap}.online-home-enter b{color:var(--green);font-size:24px;font-weight:400}@media(max-width:1100px){.online-course-copy{padding:28px}.online-course-copy h3{font-size:22px}.online-course-copy h3 strong{font-size:30px}.online-course-art{padding:12px}.brand-header nav{gap:18px}}@media(max-width:800px){.online-course-card{grid-template-columns:1fr}.online-course-art{padding:20px}.online-course-copy{padding:30px}.online-course-copy h3{font-size:25px}.online-course-copy h3 strong{font-size:34px}}@media(max-width:600px){.online-feature{padding-bottom:30px}.online-course-art{padding:12px}.online-course-copy{padding:23px}.online-course-copy h3{font-size:21px}.online-course-copy h3 strong{font-size:30px}.online-course-facts{gap:18px;font-size:11px}.online-home-price strong{font-size:28px}.online-home-enter{font-size:11px;gap:10px}.online-course-bottom{gap:10px}.brand-header nav{gap:22px}}