@font-face{font-family:"Jason Display";src:url("assets/jason-name-serif.ttf") format("truetype");font-style:normal;font-weight:500;font-display:swap}
:root{--violet:#c7a6f3;--offer-gold:#f1ddb1}
.hero h1{font-weight:500;margin-bottom:31px;line-height:1.25}.chinese-name{font-family:"Jason Display","Songti TC","Noto Serif TC",serif;font-size:clamp(74px,6.7vw,104px);font-weight:500;letter-spacing:.095em;display:block;background:linear-gradient(115deg,#fff 20%,#f0eee9 53%,#b9b6ae);-webkit-background-clip:text;background-clip:text;color:transparent;white-space:nowrap}.hero .english-name{font-family:Georgia,"Times New Roman",serif;font-style:italic;font-weight:400;font-size:27px;letter-spacing:.03em;color:#dfcba5;display:flex;align-items:center;gap:19px;margin-top:12px}.english-name:before{content:"";height:1px;width:46px;background:#dfcba572}.hero-course-title{font-weight:500;font-size:clamp(29px,2.6vw,39px);letter-spacing:.025em}.hero .eyebrow{font-size:13px;letter-spacing:.25em}.hero-credential{font-size:14px}.hero .meta{font-size:13px}.hero .actions .button{font-size:15px}
.course-showcase{background:#0e0d12;padding:104px 0 92px}.section-heading{margin-bottom:42px}.section-heading .eyebrow{font-size:12px;letter-spacing:.16em;margin:0 0 18px;color:#c6ab83}.section-heading h2{font-size:clamp(36px,4.15vw,58px);font-weight:600;line-height:1.18;letter-spacing:-.025em;margin:0 0 23px}.section-heading h2 span{color:#99989e}.section-heading .intro{margin:0;max-width:680px;color:#b4b2bc;font-size:17px;line-height:1.8}.entry-stage{display:grid;grid-template-columns:1fr 1.15fr;min-height:646px;background:#17141f;border:1px solid #ffffff13;border-radius:28px;overflow:hidden;box-shadow:0 30px 90px #0003}.entry-art{position:relative;min-width:0;background:#191225;isolation:isolate;overflow:hidden}.entry-art>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 30%;z-index:-2;display:block}.entry-art-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#130f1ee8,transparent 47%),linear-gradient(90deg,transparent 78%,#17141f55)}.entry-art-caption{position:absolute;left:36px;bottom:33px;right:25px;color:#fff}.entry-art-caption>span{font-size:12px;letter-spacing:.2em;color:#e4cef8}.entry-art-caption p{font-size:33px;line-height:1.35;font-weight:500;margin:10px 0 18px;letter-spacing:.02em}.entry-art-caption small{font-size:12px;color:#cbc1d4}.entry-offer{position:relative;padding:38px 42px 30px;background:radial-gradient(ellipse at 100% 0%,#3e2e5229,transparent 66%)}.offer-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:28px}.offer-badge{color:#fae6b6;background:#eed29e13;border:1px solid #e9cf9b40;padding:6px 14px;border-radius:999px;font-size:14px;letter-spacing:.1em}.offer-format{font-size:14px;color:#ccc2d9}.entry-kicker{font-size:12px;letter-spacing:.15em;color:#bd9fdc;margin:0 0 9px}.entry-offer h3{font-size:34px;line-height:1.3;letter-spacing:-.02em;margin:0 0 12px;font-weight:600}.entry-description{font-size:16px;color:#b8b1c3;line-height:1.8;margin:0}.entry-pricing{margin:23px 0 24px;position:relative}.original-price{font-size:15px;margin:0 0 3px;color:#afa6bb;display:flex;gap:10px;align-items:center}.original-price del{text-decoration-thickness:1px;text-decoration-color:#afa6bb}.offer-price{display:flex;align-items:baseline;gap:10px;color:var(--offer-gold);line-height:1.07}.offer-price>span{font-size:22px;font-weight:500;letter-spacing:-.025em}.offer-price strong{font-size:clamp(65px,6.1vw,82px);font-weight:600;letter-spacing:-.065em}.offer-saving{font-size:14px;color:#c9b893;margin:9px 0 0}.class-schedule{display:flex;gap:24px;padding:20px 0;border-top:1px solid #ffffff12;border-bottom:1px solid #ffffff12}.class-schedule>span{font-size:13px;line-height:1.65;color:#a9a1b2;display:flex;flex-direction:column}.class-schedule>span+span{border-left:1px solid #ffffff14;padding-left:24px}.class-schedule b{font-size:19px;color:#ece6f3;line-height:1.6;font-weight:500;letter-spacing:.015em}.entry-benefits{display:flex;flex-wrap:wrap;gap:10px 18px;margin:21px 0 8px}.entry-benefits>span{font-size:14px;color:#d6cbe2}.entry-benefits>span:before{content:"＋";color:#b89dd3;margin-right:4px}.entry-offer .button{margin-top:16px;background:#eed7a6;color:#211a14;font-size:16px;padding:13px 25px}.entry-offer .button:hover{background:#f8e7c5}.entry-offer .fine{font-size:12px;margin:12px 0 0;color:#a7a0b2;text-align:center}.curriculum-heading{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-top:44px;margin-bottom:24px}.curriculum-heading h3{font-size:25px;font-weight:500;margin:0}.curriculum-heading>span{font-size:14px;color:#98929f}.lesson-path{list-style:none;display:grid;grid-template-columns:repeat(5,1fr);padding:0;margin:0;gap:0}.lesson-path li{padding:0 22px;border-left:1px solid #ffffff17}.lesson-path li:first-child{padding-left:0;border-left:0}.lesson-path li:last-child{padding-right:0}.lesson-path li>span{font-size:14px;letter-spacing:.05em;color:#ae91ce}.lesson-path h4{font-size:17px;font-weight:500;margin:10px 0 6px;line-height:1.5}.lesson-path p{font-size:14px;color:#9992a2;margin:0;line-height:1.7}.course-cost-note{font-size:12px;margin:27px 0 0;color:#89828f}
.advanced-showcase{background:#08080a;padding:104px 0 90px}.advanced-showcase .section-heading{margin-bottom:38px}.advanced{gap:22px;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}.advanced .course-card{padding:0;border-radius:23px;border:1px solid #ffffff12;overflow:hidden;background:#171719;min-width:0;display:flex;flex-direction:column;transition:transform .3s ease,border-color .3s}.advanced .course-card:hover{transform:translateY(-5px);border-color:#ffffff32}.course-cover{height:338px;position:relative;isolation:isolate;overflow:hidden;background:#242326}.course-cover>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 35%;z-index:-2;display:block;transition:transform .6s ease}.course-card:hover .course-cover>img{transform:scale(1.035)}.cover-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#171719 0%,#171719e0 15%,#17171950 47%,transparent 76%),linear-gradient(180deg,#0007,transparent 28%)}.cover-index{position:absolute;top:24px;left:25px;font-size:12px;letter-spacing:.13em;color:#ffffffef}.cover-title{position:absolute;left:25px;right:23px;bottom:11px}.cover-title>span{font-size:14px;color:#e5ddd0;letter-spacing:.02em}.cover-title h3{font-size:29px;line-height:1.3;letter-spacing:-.025em;margin:11px 0 0;font-weight:600}.cover-title h3>span{display:block;font-size:20px;line-height:1.5;font-weight:400;color:#d3d0ca;margin-top:3px;letter-spacing:.04em}.course-card-content{display:flex;flex-direction:column;flex:1;padding:19px 25px 27px}.advanced .course-purpose{font-size:15px;color:#b5b2b9;line-height:1.7;margin:0 0 10px}.advanced ul{margin:12px 0 25px;padding:0;list-style:none;flex:0;font-size:15px;line-height:1.9;color:#a9a6af}.advanced ul li{position:relative;padding-left:14px}.advanced ul li:before{content:"";position:absolute;left:0;top:.86em;width:3px;height:3px;background:#9f9080;border-radius:50%}.course-bottom{margin-top:auto}.advanced .price{border-top:1px solid #ffffff10;padding-top:20px;margin:0 0 20px;font-size:33px;font-weight:500;line-height:1.45;letter-spacing:-.035em}.advanced .price>small{display:block;color:#99949f;font-size:13px;font-weight:400;margin-bottom:4px;letter-spacing:.05em}.advanced .currency{font-size:16px;letter-spacing:0;margin-right:2px}.advanced .button{width:100%;margin:0;padding:12px 15px;font-size:15px;border-color:#57555b}.advanced-note{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #ffffff16;padding:27px 0 24px}.advanced-note>span{font-size:18px;color:#dbccaf;font-weight:500;white-space:nowrap}.advanced-note p{font-size:14px;color:#aaa5b0;margin:0;line-height:1.8}.artwork-note{font-size:12px;color:#8e8796;margin-top:17px}.teacher h2{font-family:"Jason Display","Songti TC",serif;letter-spacing:.075em;font-weight:500}.teacher h2 small{font-family:Georgia,serif;font-style:italic;letter-spacing:0;font-size:25px}.teacher .intro{font-family:-apple-system,BlinkMacSystemFont,"PingFang TC","Microsoft JhengHei",sans-serif}
@media(max-width:1100px){.entry-offer{padding:31px}.entry-art-caption{left:28px}.entry-offer h3{font-size:30px}.entry-benefits{gap:8px 13px}.course-card-content{padding:17px 20px 23px}.cover-title{left:20px;right:16px}.cover-title h3{font-size:26px}.cover-index{left:20px}.course-cover{height:310px}.advanced{gap:16px}.advanced .course-purpose{font-size:14px}.advanced ul{font-size:14px}.advanced .price{font-size:29px}.lesson-path li{padding:0 14px}.lesson-path h4{font-size:16px}}
@media(max-width:900px){.entry-stage{grid-template-columns:.85fr 1fr}.entry-offer{padding:28px}.entry-art-caption p{font-size:29px}.entry-offer h3{font-size:27px}.offer-topline{flex-wrap:wrap;margin-bottom:23px}.offer-format{font-size:13px}.class-schedule{gap:16px}.class-schedule>span+span{padding-left:16px}.class-schedule b{font-size:17px}.advanced{grid-template-columns:1fr}.advanced .course-card{display:grid;grid-template-columns:.9fr 1fr}.course-cover{height:auto;min-height:410px}.course-card-content{padding:28px}.advanced .course-purpose{font-size:16px}.advanced ul{font-size:15px}.cover-title{bottom:25px;left:25px}.cover-title h3{font-size:31px}.advanced .price{font-size:34px}.advanced-note{display:block}.advanced-note p{margin-top:10px}.cover-shade{background:linear-gradient(0deg,#171719ef,transparent 65%)}.lesson-path{grid-template-columns:repeat(3,1fr);gap:25px 0}.lesson-path li:nth-child(4){padding-left:0;border-left:0}.lesson-path h4{font-size:17px}.lesson-path li:nth-child(3){padding-right:0}}
@media(max-width:760px){.chinese-name{font-size:67px;letter-spacing:.075em}.hero h1{margin-bottom:25px}.hero .english-name{font-size:25px;gap:14px;margin-top:8px}.english-name:before{width:33px}.hero-course-title{font-size:30px;letter-spacing:0}.hero .eyebrow{font-size:12px}.hero .meta{font-size:12px}.hero-credential{font-size:13px}.hero .actions{gap:18px}.hero .actions .button{font-size:14px}.course-showcase,.advanced-showcase{padding:65px 0}.section-heading{margin-bottom:29px}.section-heading h2{font-size:38px;line-height:1.25}.section-heading .intro{font-size:16px}.section-heading .eyebrow{font-size:12px;margin-bottom:15px}.entry-stage{grid-template-columns:1fr;border-radius:23px;min-height:0}.entry-art{height:390px}.entry-art>img{object-position:center 28%}.entry-art-caption{left:25px;bottom:22px}.entry-art-caption p{font-size:26px;line-height:1.35;margin:8px 0 10px}.entry-art-shade{background:linear-gradient(0deg,#17141f,transparent 58%)}.entry-art-caption>span{font-size:12px}.entry-art-caption small{font-size:12px}.entry-offer{padding:25px 25px 28px;background:radial-gradient(ellipse at 100% 0%,#3e2e5229,transparent 66%)}.offer-topline{margin-bottom:27px;flex-wrap:nowrap}.entry-offer h3{font-size:30px}.entry-pricing{margin:23px 0}.offer-price strong{font-size:78px}.class-schedule{gap:20px}.class-schedule>span+span{padding-left:20px}.class-schedule b{font-size:19px}.entry-benefits{gap:10px 16px}.entry-benefits span{font-size:13px}.curriculum-heading{margin-top:34px;margin-bottom:25px;display:block}.curriculum-heading h3{font-size:24px}.curriculum-heading>span{display:block;margin-top:9px;font-size:14px}.lesson-path{grid-template-columns:1fr;gap:0}.lesson-path li,.lesson-path li:first-child,.lesson-path li:nth-child(4){border-left:0;border-bottom:1px solid #ffffff13;padding:17px 0;display:grid;grid-template-columns:33px 1fr;align-items:baseline;column-gap:8px}.lesson-path h4{margin:0;font-size:18px}.lesson-path p{grid-column:2;font-size:14px;margin-top:2px}.lesson-path li>span{font-size:13px}.course-cost-note{font-size:12px;line-height:1.8;margin-top:21px}.advanced-showcase .section-heading{margin-bottom:30px}.advanced{gap:25px}.advanced .course-card{display:flex;border-radius:23px}.course-cover{height:365px;min-height:0}.course-cover>img{object-position:center 33%}.cover-shade{background:linear-gradient(0deg,#171719,#171719c9 15%,transparent 66%),linear-gradient(180deg,#0005,transparent 25%)}.cover-title{bottom:10px;left:25px}.cover-title h3{font-size:31px}.cover-title h3>span{font-size:20px}.course-card-content{padding:20px 25px 27px}.advanced .course-purpose{font-size:16px}.advanced ul{font-size:15px;margin:14px 0 27px}.advanced .price{font-size:36px}.advanced-note>span{font-size:18px}.advanced-note p{font-size:14px}.desktop-break{display:none}}
@media(max-width:370px){.chinese-name{font-size:59px;letter-spacing:.07em}.hero-course-title{font-size:27px}.entry-offer{padding:24px 20px}.class-schedule{gap:14px}.class-schedule>span+span{padding-left:14px}.class-schedule b{font-size:17px}.offer-price strong{font-size:69px}.entry-offer h3{font-size:27px}.offer-format{font-size:12px}}
@media(prefers-reduced-motion:reduce){.advanced .course-card,.course-cover>img{transition:none}.advanced .course-card:hover,.course-card:hover .course-cover>img{transform:none}}