:root{--ink:#203e43;--muted:#667575;--coral:#c85236;--coral-bright:#e57952;--cream:#fffaf4;--paper:#fff;--line:#e5e6df;--teal:#155563;--radius:20px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang HK","Noto Sans TC","Microsoft JhengHei",sans-serif;color:var(--ink);background:var(--cream);font-synthesis:none;scroll-behavior:smooth;scroll-padding-top:105px}*{box-sizing:border-box}body{margin:0;font-size:15px;line-height:1.7}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit}button:disabled{cursor:default}img{display:block;max-width:100%;height:auto}button,input,select,textarea{outline-offset:5px}:focus-visible{outline:3px solid var(--teal);outline-offset:5px}.en{display:none!important}html[lang=en] .zh{display:none!important}html[lang=en] .en{display:revert!important}[hidden]{display:none!important}.container{width:min(1200px,calc(100% - 96px));margin-inline:auto}.icon{width:22px;height:22px;stroke:currentColor;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;vertical-align:middle}.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-100px;left:20px;z-index:100;padding:12px 20px;background:var(--ink);color:white;border-radius:10px}.skip-link:focus{top:10px}.announcement{background:#f3eadb;font-size:11px;letter-spacing:1px}.announcement .container{display:flex;align-items:center;justify-content:space-between;min-height:34px}.announcement span{display:inline-flex;align-items:center;gap:7px}.announcement .icon{width:13px;height:13px}.announcement a{font-weight:600}.site-header{background:rgba(255,250,244,.97);position:sticky;top:0;z-index:30;border-bottom:1px solid #203e430c}.header-inner{display:flex;align-items:center;justify-content:space-between;height:91px;gap:24px}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.brand img{width:61px;height:44px;object-fit:contain;mix-blend-mode:multiply}.brand strong{display:block;font-size:24px;line-height:1.1;letter-spacing:3px;font-weight:800}.brand small{display:flex;align-items:center;gap:3px;font-size:10px;line-height:1.2;letter-spacing:1.2px;font-weight:700}.brand>span{display:flex;flex-direction:column;gap:2px}.brand-dot{display:block;flex:0 0 4px;width:4px;height:4px;border-radius:50%;background:currentColor;color:var(--coral);font-size:0;line-height:0;letter-spacing:0}.main-nav{display:flex;gap:29px;align-items:center;font-size:13px;font-weight:550}.main-nav a{position:relative;white-space:nowrap;padding:10px 0}.main-nav a.active{color:var(--coral)}.main-nav a.active:after{content:"";position:absolute;bottom:0;left:50%;width:4px;height:4px;background:var(--coral);border-radius:50%}.main-nav a:hover{color:var(--coral)}.header-actions{display:flex;align-items:center;gap:21px}.language-button{border:0;background:transparent;padding:10px 0;font-size:11px;font-weight:650;display:flex;align-items:center;gap:6px}.language-button .icon{width:16px;height:16px}.button{display:inline-flex;justify-content:center;align-items:center;gap:16px;padding:15px 24px;border-radius:8px;font-size:14px;font-weight:650;border:1px solid transparent;line-height:1.5;transition:background .2s,transform .2s;white-space:nowrap}.button:hover{transform:translateY(-2px)}.button .icon{width:19px;height:19px}.button-coral{background:var(--coral);color:#fff}.button-coral:hover{background:#b4472e}.button-small{padding:11px 17px;font-size:12px;gap:13px}.button-small .icon{width:16px;height:16px}.button-dark{background:var(--ink);color:white}.button-dark:hover{background:#31565c}.menu-button{display:none;border:1px solid var(--line);border-radius:6px;padding:9px;background:transparent}.hero{overflow:hidden;position:relative;padding:65px 0 62px;background:radial-gradient(ellipse at 83% 30%,#f9e9d040,transparent 60%)}.hero-grid{display:grid;grid-template-columns:1.02fr 1fr;align-items:center;gap:76px}.eyebrow{font-size:10px;letter-spacing:2.25px;font-weight:750;display:flex;align-items:center;gap:10px;line-height:1.5}.tiny-sun{font-size:27px;line-height:1;color:var(--coral-bright)}h1,h2,h3,p{margin:0}h1{font-size:clamp(43px,4.2vw,59px);font-weight:850;line-height:1.48;letter-spacing:1.5px;margin:22px 0 20px}.accent{color:var(--coral);position:relative;display:inline-block}.accent svg{position:absolute;bottom:-2px;left:0;width:90%;height:13px;fill:none;stroke:#eab85f;stroke-width:3;stroke-linecap:round}.coral-dot{color:var(--coral)}.hero-description{font-size:15px;line-height:2.05;color:var(--muted)}.hero-buttons{display:flex;align-items:center;gap:26px;margin-top:29px}.text-link{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:650}.text-link:hover{color:var(--coral)}.text-link .icon{width:19px;height:19px}.hero-points{display:flex;gap:22px;margin-top:30px;font-size:11px;color:#637270;flex-wrap:wrap}.hero-points>span{display:flex;gap:6px;align-items:center}.hero-points i{font-style:normal;color:#357365;font-size:13px}.hero-art{position:relative;padding:22px 12px 30px 0;min-width:0}.photo-frame{height:384px;border-radius:120px 16px 110px 16px;background:#edcf8e;position:relative;transform:rotate(2deg);box-shadow:13px 13px 0 #e8ded0;overflow:hidden}.photo-frame img{height:100%;width:100%;object-fit:cover;object-position:45% 50%;filter:saturate(.85)}.photo-frame:after{content:"";position:absolute;inset:0;border:7px solid #fff9ed6e;border-radius:inherit;pointer-events:none}.photo-label{position:absolute;top:36px;left:36px;color:#244b45;background:#fffaf4;border:1px solid #d4e3e8;border-radius:6px;padding:6px 12px;line-height:1.5;font-family:Georgia,serif;font-size:18px;font-style:italic;transform:rotate(-2deg)}.round-sticker{position:absolute;top:-6px;right:-12px;width:123px;height:123px;background:#f4cd6a;color:var(--ink);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:12px;font-weight:650;line-height:1.7;transform:rotate(12deg);box-shadow:0 0 0 6px var(--cream)}.round-sticker .icon{width:23px;height:23px;margin-bottom:4px}.floating-note{position:absolute;bottom:42px;left:-34px;display:flex;align-items:center;gap:13px;padding:17px 20px;background:white;border:1px solid #ede8dc;border-radius:13px;box-shadow:0 10px 30px #203e4310;transform:rotate(-4deg)}.note-icon{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#fce8dd;color:var(--coral)}.floating-note strong{font-size:14px;display:block}.floating-note small{font-size:10px;color:var(--muted);display:block;letter-spacing:1.2px;margin-top:2px}.note-star{color:#dcaa53;font-size:28px;margin-left:15px}.doodle{position:absolute}.sparkle{top:-19px;left:6px;font-size:73px;line-height:1;color:#cf704b;transform:rotate(-10deg)}.loop{width:99px;right:-23px;bottom:5px;fill:none;stroke:var(--teal);stroke-width:2.2;stroke-linecap:round}.photo-caption{position:absolute;right:30px;bottom:-5px;font-size:8px;letter-spacing:1.5px;font-weight:650;color:#788079}.photo-caption span{color:var(--coral);font-size:17px;margin-right:8px}.learning-strip{background:#edf0e8;border-top:1px solid #e4e9de;border-bottom:1px solid #e4e9de}.learning-strip .container{display:flex;align-items:center;justify-content:space-between;min-height:80px;gap:25px}.learning-strip span{display:inline-flex;align-items:center;gap:12px;font-size:14px;font-weight:600;white-space:nowrap}.learning-strip .strip-intro{font-size:12px;font-weight:400;color:#6a7a71}.learning-strip .icon{width:23px;height:23px}.learning-strip b{font-weight:400;color:#a3ada0;font-size:16px}.learning-strip a{width:34px;height:34px;border:1px solid #b9c4b5;border-radius:50%;display:grid;place-items:center}.learning-strip a .icon{width:17px}.section{padding:88px 0}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.coral-text{color:var(--coral)}h2{font-size:33px;font-weight:760;line-height:1.55;letter-spacing:.5px;margin:13px 0}.section-heading p,.faq-grid>div>p{font-size:14px;color:var(--muted);line-height:1.9}.handwritten{font:italic 17px Georgia,serif;color:#8a8d73;transform:rotate(-5deg);margin:15px 9px 0 0}.handwritten span{display:block;text-align:center;font-size:32px;line-height:1.2;transform:rotate(15deg)}.course-toolbar{display:flex;justify-content:space-between;align-items:center;margin:32px 0 26px;gap:22px}.course-filters{display:flex;gap:7px;flex-wrap:wrap}.filter{background:transparent;border:1px solid transparent;border-radius:7px;padding:9px 17px;font-size:12px;display:flex;align-items:center;gap:8px;color:var(--muted);font-weight:600}.filter:hover{background:#f0eee5}.filter.active{background:var(--ink);color:white}.filter-count{font-size:9px;background:#ffffff26;border-radius:3px;padding:0 5px}.course-search{display:flex;align-items:center;gap:8px;border-bottom:1px solid #d5d9cf;padding:5px 0;max-width:200px}.course-search .icon{width:17px;color:#89918a}.course-search input{width:100%;border:0;background:transparent;padding:5px;color:var(--ink);font-size:12px;min-width:0}.course-search input::placeholder{color:#7b827b}.course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.course-card{background:#fff;border:1px solid #e2e5dd;border-radius:14px;overflow:hidden;transition:box-shadow .2s,transform .2s;display:flex;flex-direction:column}.course-card:hover{box-shadow:0 14px 25px #203e430b;transform:translateY(-4px)}.course-card-top{height:112px;position:relative;padding:24px;overflow:hidden;display:flex;align-items:center;justify-content:space-between}.peach{--surface:#fae8dc;--tone:#a54e2b}.blue{--surface:#e2edf4;--tone:#35647b}.lilac{--surface:#ebe6f2;--tone:#705691}.mint{--surface:#e0eee6;--tone:#39775a}.yellow{--surface:#f7edcc;--tone:#927323}.pink{--surface:#f5e4e7;--tone:#aa5a6d}.course-card-top{background:var(--surface);color:var(--tone)}.card-icon{width:59px;height:59px;border:1px solid #ffffffc0;background:#ffffff61;border-radius:16px;display:grid;place-items:center;transform:rotate(-7deg)}.card-icon .icon{width:33px;height:33px;stroke-width:1.4}.card-art-word{font:italic 43px Georgia,serif;opacity:.3;position:absolute;right:22px;bottom:6px;transform:rotate(-5deg)}.card-mini{position:absolute;top:18px;right:20px;background:#fff9;border:1px solid #fff7;font-size:9px;letter-spacing:.5px;padding:4px 9px;border-radius:4px;font-weight:600}.card-doodle{position:absolute;left:115px;top:22px;font-size:22px;opacity:.35;transform:rotate(15deg)}.course-card-content{padding:24px 25px;display:flex;flex-direction:column;flex:1}.course-code{font-size:8px;color:#838d88;letter-spacing:1.6px;font-weight:700}.course-card h3{font-size:21px;font-weight:750;line-height:1.5;margin:7px 0 10px}.course-card-description{font-size:12px;color:var(--muted);line-height:1.95;min-height:70px}.course-tags{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0 23px}.course-tags>span{padding:3px 8px;background:#f4f5f0;color:#667168;border-radius:4px;font-size:10px}.card-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #eceee7;padding-top:17px;gap:10px;margin-top:auto}.course-price{font-size:20px;font-weight:750;letter-spacing:-.6px;line-height:1.5}.course-price small{display:block;font-weight:400;font-size:10px;letter-spacing:0;color:var(--muted)}.course-open{border:1px solid #dce2d8;border-radius:50%;background:white;width:38px;height:38px;display:grid;place-items:center;flex-shrink:0;transition:background .2s}.course-open:hover{background:var(--ink);color:white}.course-open .icon{width:18px;transform:rotate(-35deg)}.course-help{border:1px dashed #d9ddcf;border-radius:9px;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:17px 23px;margin-top:27px;font-size:12px}.course-help>span{display:flex;align-items:center;gap:10px;color:var(--muted)}.course-help .icon{width:18px;height:18px}.course-help .text-link{font-size:12px;color:var(--coral);flex-shrink:0}.empty-state{text-align:center;padding:50px 20px;border:1px dashed var(--line);border-radius:12px;background:white}.empty-state>.icon{width:35px;height:35px;color:var(--coral);margin-bottom:15px}.empty-state h3{font-size:20px}.empty-state p{color:var(--muted);font-size:13px;margin:10px 0 20px}.about-section{background:#f0f1e9}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.about-visual{position:relative;padding:0 15px 36px 0}.about-visual>img{height:430px;width:100%;object-fit:cover;border-radius:100px 12px 12px 12px;filter:saturate(.6)}.image-disclaimer{position:absolute;top:12px;right:29px;font-size:9px;color:white;background:#203e43b0;padding:3px 8px;border-radius:4px}.about-note{position:absolute;bottom:10px;right:-12px;background:#f5d88f;border:5px solid #f0f1e9;border-radius:8px;padding:23px 27px;transform:rotate(-5deg);text-align:center}.about-note>span{display:block;font-size:35px;line-height:1.25}.about-note strong{display:block;font-size:20px;margin-top:7px}.about-note small{font-size:8px;letter-spacing:2px}.about-copy>p{color:var(--muted);font-size:13px;line-height:2.1;margin-bottom:22px}.about-reasons>div{display:flex;align-items:flex-start;gap:18px;margin-top:19px}.reason-number{font:italic 19px Georgia,serif;color:var(--coral);border-bottom:1px solid #d2b89e;line-height:1.7}.about-reasons h3{font-size:15px;font-weight:700}.about-reasons p{font-size:11px;color:var(--muted);line-height:1.9;margin-top:2px}.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}.faq-grid .text-link{margin-top:25px;color:var(--coral);font-size:12px}.faq-list details{border-bottom:1px solid #dde1d6}.faq-list details:first-child{border-top:1px solid #dde1d6}.faq-list summary{display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:14px;font-weight:600;cursor:pointer;list-style:none;padding:22px 0}.faq-list summary::-webkit-details-marker{display:none}.faq-plus{font-size:23px;font-weight:300;color:var(--coral);line-height:1;transition:transform .2s}.faq-list details[open] .faq-plus{transform:rotate(45deg)}.faq-list details p{padding:0 30px 22px 0;color:var(--muted);font-size:12px;line-height:2}.terms-link{border:0;background:transparent;font-size:11px;color:#6e7971;padding:17px 0}.terms-link:hover{text-decoration:underline}.contact-section{background:#214e52;color:#fffaf1;padding:73px 0 80px;position:relative}.contact-grid{display:grid;grid-template-columns:1fr .88fr;gap:110px;align-items:center}.contact-copy>.eyebrow{color:#e5c796;font-size:9px}.contact-copy h2{font-size:43px;line-height:1.5;margin:20px 0}.contact-copy h2 span>span{color:#edb984}.contact-copy>p{font-size:13px;color:#d2dfd7}.contact-links{margin-top:32px;display:grid;gap:21px}.contact-links>a{display:flex;gap:14px;align-items:flex-start}.contact-links>a>.icon{width:20px;height:20px;color:#edcb9e;margin-top:5px}.contact-links>a>span:nth-child(2){flex:1}.contact-links>a>span:last-child{color:#b7c6ba;margin-right:10px}.contact-links small{display:block;color:#c2d4cc;font-size:10px}.contact-links strong{display:block;font-weight:500;font-size:14px;line-height:1.8}.contact-links>a.contact-number strong{font-size:23px;letter-spacing:1px}.enquiry-form{background:var(--cream);color:var(--ink);padding:32px;border-radius:14px;box-shadow:0 18px 45px #0d30321a}.form-kicker{display:flex;align-items:center;gap:7px;font-size:9px;letter-spacing:1px;font-weight:700;color:var(--muted)}.status-dot,.floating-dot{width:6px;height:6px;border-radius:50%;background:#398d6f;display:inline-block}.enquiry-form h3{font-size:22px;margin:10px 0 23px}.enquiry-form>label{display:block;font-size:11px;font-weight:650;margin:15px 0 7px}.enquiry-form label small{font-size:10px;font-weight:400;color:var(--muted)}.enquiry-form input,.enquiry-form select,.enquiry-form textarea{width:100%;border:1px solid #d8dfd1;border-radius:6px;background:#fffdf9;font-size:12px;color:var(--ink);padding:12px 13px;min-height:44px}.enquiry-form select{padding-right:30px}.enquiry-form textarea{resize:vertical;min-height:66px;line-height:1.7}.enquiry-form textarea::placeholder{color:#7b847c}.enquiry-form>.button{width:100%;margin-top:22px;font-size:13px;padding:14px 12px;gap:10px}.enquiry-form>.button .icon:last-child{margin-left:auto}.enquiry-form>.button .icon:first-child{margin-right:auto}.form-note{display:flex;align-items:flex-start;justify-content:center;gap:5px;font-size:9px;color:#747f74;line-height:1.7;margin-top:11px}.form-note .icon{width:12px;height:12px;margin-top:2px}.site-footer{background:var(--cream);padding:37px 0 22px}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:30px;padding-bottom:30px;border-bottom:1px solid var(--line)}.footer-top .brand strong{font-size:20px}.footer-top .brand small{font-size:9px}.footer-top .brand img{width:50px}.footer-top>p{color:var(--muted);font-size:12px}.social-link{font-size:11px;display:flex;gap:9px;align-items:center}.facebook-logo{width:27px;height:27px;flex-shrink:0}.footer-bottom{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#758073;padding-top:19px;gap:20px}.footer-bottom>div{display:flex;gap:22px}.footer-bottom a:hover{color:var(--coral)}.floating-whatsapp{position:fixed;bottom:24px;right:24px;display:flex;align-items:center;gap:9px;color:white;background:#205e4d;border:1px solid #ffffff60;padding:12px 17px;border-radius:50px;box-shadow:0 5px 20px #203e4326;z-index:25;font-size:12px;font-weight:600}.floating-whatsapp>.icon{width:23px;height:23px}.floating-dot{width:5px;height:5px;background:#b4dc91;margin-left:2px}.floating-whatsapp:hover{background:#174b3d}.course-dialog,.terms-dialog{border:0;padding:0;color:var(--ink);background:var(--cream);border-radius:18px;width:min(740px,calc(100% - 36px));max-height:86dvh;box-shadow:0 20px 80px #102d3544;overscroll-behavior:contain}.course-dialog::backdrop,.terms-dialog::backdrop{background:#17363b99;backdrop-filter:blur(4px)}.dialog-close{position:sticky;float:right;right:15px;top:15px;width:36px;height:36px;display:grid;place-items:center;border:1px solid #d5dace;background:#fff;border-radius:50%;font-size:26px;z-index:2;line-height:1}.dialog-close:hover{background:#f1ece3}.dialog-header{background:var(--surface);padding:36px 38px 26px;color:var(--ink)}.dialog-header .eyebrow{color:var(--tone);font-size:9px;letter-spacing:1.2px}.dialog-header h2{font-size:30px;margin:8px 0}.dialog-header p{font-size:12px;line-height:1.9;color:#536764}.dialog-body{padding:28px 38px 32px}.variant-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.variant-tabs button{border:1px solid #d4dccd;background:white;padding:9px 18px;border-radius:7px;font-size:12px;font-weight:600}.variant-tabs button[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}.feature-list{list-style:none;padding:0;margin:0 0 24px}.feature-list li{display:flex;gap:10px;align-items:baseline;margin:7px 0;font-size:13px}.feature-list li:before{content:'✓';color:#46715a}.fee-heading{font-size:15px;margin-bottom:13px}.fee-row{display:flex;justify-content:space-between;gap:20px;align-items:center;border-top:1px solid #dce1d5;padding:16px 0}.fee-row strong{font-size:15px;font-weight:650}.fee-row small{display:block;font-size:11px;color:var(--muted)}.fee-row .fee{font-size:24px;font-weight:750;white-space:nowrap}.fee-row .fee small{display:inline;font-size:10px;font-weight:400;margin-left:3px}.fee-table-wrap{overflow:auto;margin-bottom:17px}.fee-table{width:100%;border-collapse:collapse;font-size:11px;text-align:left;min-width:460px}.fee-table caption{font-size:10px;text-align:left;color:var(--muted);padding-bottom:10px}.fee-table th{font-weight:600;background:#edf0e7}.fee-table th,.fee-table td{padding:12px 10px;border-bottom:1px solid #dce1d5}.fee-table td:last-child{font-weight:650}.detail-note{font-size:10px;line-height:1.9;color:var(--muted);background:#f0f1e9;border-radius:7px;padding:13px 15px;margin-top:17px}.dialog-actions{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:22px}.dialog-actions small{font-size:10px;color:var(--muted)}.dialog-actions .button{font-size:12px;padding:13px 17px;gap:8px}.terms-dialog>div{padding:24px 36px 35px}.terms-dialog h2{font-size:27px;padding-right:30px}.terms-dialog h3{font-size:16px;margin-top:24px}.terms-dialog ul{padding-left:20px}.terms-dialog li{font-size:12px;color:var(--muted);line-height:1.95;margin:10px 0}.terms-dialog a{text-decoration:underline}.terms-dialog section+div{font-size:11px;color:var(--muted);margin-top:25px}.noscript-note{padding:25px;background:#f5d88f;text-align:center}.noscript-note a{text-decoration:underline}body.dialog-open{overflow:hidden}html[lang=en] h1{font-size:58px;line-height:1.22;letter-spacing:-1.8px}html[lang=en] .hero-copy .eyebrow{font-size:9px}html[lang=en] .main-nav{gap:21px}html[lang=en] .course-card h3{font-size:19px;letter-spacing:-.3px}html[lang=en] h2{letter-spacing:-.8px;font-size:34px}html[lang=en] .course-card-description{min-height:70px}html[lang=en] .course-price{font-size:18px}html[lang=en] .hero-points{gap:12px;font-size:10px}html[lang=en] .hero-buttons{gap:18px}html[lang=en] .hero-buttons .button{padding-inline:20px;font-size:13px}html[lang=en] .hero-buttons .text-link{font-size:12px}
@media(min-width:1450px){.hero{padding:85px 0 82px}.hero-grid{gap:90px}.photo-frame{height:410px}}
@media(max-width:1150px){.container{width:calc(100% - 64px)}.main-nav{gap:19px}.header-inner{gap:18px}.brand{gap:8px}.brand strong{font-size:21px}.brand img{width:53px}.header-actions{gap:16px}.hero-grid{gap:45px}h1{font-size:46px}.hero-points{gap:13px;font-size:10px}.photo-frame{height:355px}.floating-note{left:-21px;padding:13px 15px}.round-sticker{width:107px;height:107px;font-size:11px}.hero-buttons{gap:19px}.hero-buttons .button{font-size:12px;padding-inline:18px}.about-grid{gap:65px}.contact-grid{gap:65px}.learning-strip span{font-size:12px}.learning-strip .strip-intro{font-size:11px}.learning-strip .container{gap:15px}.course-card-content{padding:21px}.course-card h3{font-size:19px}html[lang=en] .main-nav{gap:15px;font-size:12px}html[lang=en] h1{font-size:49px}html[lang=en] .header-inner{gap:12px}html[lang=en] .hero-buttons{flex-wrap:wrap;gap:16px}}
@media(max-width:940px){.main-nav{gap:14px;font-size:12px}.header-actions>.button{display:none}.hero-grid{gap:30px}.hero{padding:45px 0 50px}h1{font-size:39px}.hero-description{font-size:13px}.hero-buttons{gap:17px;flex-wrap:wrap}.hero-points{gap:13px;row-gap:6px;margin-top:23px}.photo-frame{height:330px;border-top-left-radius:95px}.round-sticker{right:-5px;width:93px;height:93px;font-size:10px}.round-sticker .icon{width:19px;height:19px}.floating-note{bottom:45px;left:-15px;gap:10px;padding:13px}.floating-note strong{font-size:12px}.floating-note small{font-size:8px}.note-star{font-size:20px;margin-left:0}.note-icon{width:34px;height:34px}.photo-caption{font-size:6px;right:8px}.loop{width:70px;right:-6px}.learning-strip .strip-intro{display:none}.course-grid{gap:16px}.course-card-content{padding:19px}.course-card h3{font-size:17px}.course-card-description{font-size:11px;min-height:80px}.course-card-top{height:100px;padding:18px}.card-mini{font-size:8px}.card-art-word{font-size:34px}.card-icon{width:51px;height:51px}.course-price{font-size:18px}.course-price small{font-size:9px}.course-tags{gap:5px}.course-tags>span{font-size:9px}.section{padding:65px 0}.about-grid{gap:45px}.about-visual>img{height:400px}.about-copy h2{font-size:29px}.about-copy .eyebrow{font-size:8px}.about-reasons p{font-size:10px}.faq-grid{gap:60px;grid-template-columns:.9fr 1.1fr}.contact-grid{gap:45px;grid-template-columns:1fr 1fr}.enquiry-form{padding:26px}.contact-copy h2{font-size:38px}.contact-copy>.eyebrow{font-size:8px}.enquiry-form h3{font-size:19px}.footer-top>p{font-size:11px}.handwritten{font-size:15px}html[lang=en] h1{font-size:43px}html[lang=en] h2{font-size:29px}html[lang=en] .course-card h3{font-size:17px}html[lang=en] .course-price{font-size:16px}html[lang=en] .hero-points{font-size:9px}html[lang=en] .hero-buttons .button{padding:13px 15px;font-size:12px}}
@media(max-width:760px){:root{scroll-padding-top:83px}.container{width:calc(100% - 40px)}.announcement .container{min-height:30px;font-size:9px;letter-spacing:.5px}.announcement a{font-size:9px}.announcement .icon{width:12px}.header-inner{height:74px}.brand strong{font-size:21px}.brand img{width:49px;height:37px}.brand small{font-size:9px}.header-actions{gap:21px}.menu-button{display:grid;place-items:center;border:0;padding:7px}.menu-button .icon{width:24px;height:24px}.main-nav{display:none;position:absolute;left:0;right:0;top:74px;background:var(--cream);padding:15px 20px 23px;border-bottom:1px solid var(--line);box-shadow:0 12px 15px #203e430a}.main-nav.open{display:flex;flex-direction:column;gap:3px;align-items:stretch}.main-nav a{padding:10px 12px;font-size:14px;border-radius:6px}.main-nav a:hover{background:#f0eee5}.main-nav a.active:after{display:none}.hero{padding:34px 0 37px}.hero-grid{grid-template-columns:1fr;gap:27px}.hero-copy{text-align:center}.eyebrow{font-size:9px;letter-spacing:1.8px}.hero-copy .eyebrow{justify-content:center}.tiny-sun{font-size:24px}h1{font-size:45px;line-height:1.43;margin:17px 0 16px}.hero-description{font-size:13px;line-height:1.9}.hero-buttons{justify-content:center;margin-top:24px;gap:25px}.hero-buttons .button{padding:14px 19px;font-size:12px}.hero-buttons .text-link{font-size:12px}.hero-points{justify-content:center;font-size:10px;margin-top:23px;gap:17px}.hero-art{width:min(450px,90%);justify-self:center;padding:18px 8px 23px 0;margin-top:12px}.photo-frame{height:290px;border-radius:90px 12px 80px 12px;box-shadow:9px 9px 0 #e8ded0}.round-sticker{right:-8px;top:0;width:94px;height:94px;font-size:10px}.photo-label{top:30px;left:29px;font-size:15px}.floating-note{bottom:35px;left:-13px}.floating-note strong{font-size:12px}.floating-note small{font-size:8px}.sparkle{font-size:55px;left:4px;top:-9px}.photo-caption{right:20px;bottom:-10px;font-size:6px;letter-spacing:1px}.loop{bottom:-1px;right:-17px;width:70px}.learning-strip .container{min-height:67px;gap:10px}.learning-strip span{font-size:10px;gap:6px}.learning-strip .icon{width:19px;height:19px}.learning-strip b{font-size:10px}.learning-strip a{display:none}.section{padding:53px 0}.section-heading{display:block}h2{font-size:27px;margin:12px 0}.section-heading p{font-size:12px;line-height:1.9}.handwritten{display:none}.course-toolbar{flex-direction:column;align-items:stretch;gap:19px;margin-top:24px}.course-filters{gap:4px}.filter{font-size:11px;padding:8px 13px;gap:5px}.course-search{max-width:none;padding:7px 10px;border:1px solid #dedfd3;border-radius:7px;background:#fffdf9}.course-search input{font-size:12px}.course-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.course-card-content{padding:18px}.course-card-description{font-size:11px;min-height:85px}.course-card-top{height:94px;padding:17px}.course-code{font-size:7px;letter-spacing:1.1px}.course-card h3{font-size:17px}.course-tags{margin:13px 0 18px;gap:5px;min-height:45px;align-content:start;align-items:start}.course-tags>span{font-size:8px;padding:3px 6px}.course-price{font-size:17px}.course-price small{font-size:8px}.course-open{width:31px;height:31px}.course-open .icon{width:15px}.card-mini{right:10px;top:12px;font-size:7px;padding:3px 6px}.card-art-word{font-size:29px;right:10px;bottom:4px}.card-icon{width:44px;height:44px;border-radius:12px}.card-icon .icon{width:27px;height:27px}.card-doodle{left:80px;top:35px;font-size:17px}.course-help{flex-direction:column;gap:9px;padding:15px;text-align:center;align-items:center}.course-help>span{font-size:11px;gap:7px}.course-help .text-link{font-size:11px}.about-grid{grid-template-columns:1fr;gap:34px}.about-visual{max-width:470px;width:100%;padding:0 14px 24px 0;margin-inline:auto}.about-visual>img{height:300px;border-top-left-radius:75px}.about-note{right:1px;bottom:0;padding:13px 21px}.about-note>span{font-size:29px}.about-note strong{font-size:18px}.about-copy h2{font-size:29px}.about-copy .eyebrow{font-size:8px}.about-copy>p{font-size:12px}.about-reasons h3{font-size:14px}.about-reasons p{font-size:11px}.about-reasons>div{margin-top:20px}.faq-grid{grid-template-columns:1fr;gap:25px}.faq-grid h2 br{display:none}.faq-grid>div>p{font-size:12px}.faq-grid .text-link{margin-top:16px}.faq-list summary{padding:19px 0;font-size:13px}.contact-section{padding:49px 0}.contact-grid{grid-template-columns:1fr;gap:31px}.contact-copy h2{font-size:34px;line-height:1.5}.contact-copy h2 br{display:none}.contact-copy>p{font-size:12px}.contact-copy>.eyebrow{font-size:8px}.contact-links{margin-top:24px;gap:17px}.contact-links strong{font-size:13px}.contact-links>a.contact-number strong{font-size:21px}.enquiry-form{padding:26px 23px}.enquiry-form h3{font-size:21px}.enquiry-form select,.enquiry-form textarea{font-size:16px}.enquiry-form textarea::placeholder{font-size:12px}.enquiry-form select{font-size:14px}.site-footer{padding-top:28px;padding-bottom:87px}.footer-top{flex-wrap:wrap;gap:20px}.footer-top>p{order:3;width:100%;font-size:11px}.footer-bottom{flex-direction:column;align-items:flex-start;gap:15px;font-size:9px}.footer-bottom>div{gap:24px}.floating-whatsapp{bottom:17px;right:17px;padding:11px 15px;font-size:11px}.course-dialog,.terms-dialog{width:calc(100% - 24px);max-height:90dvh;border-radius:14px}.dialog-header{padding:32px 24px 24px}.dialog-header h2{font-size:25px;padding-right:20px}.dialog-body{padding:23px 24px 27px}.dialog-header p{font-size:11px}.variant-tabs button{font-size:11px;padding:9px 15px}.feature-list li{font-size:12px}.fee-row .fee{font-size:22px}.fee-row strong{font-size:13px}.dialog-actions{flex-direction:column;align-items:stretch;gap:12px}.dialog-actions small{text-align:center}.terms-dialog>div{padding:24px}.terms-dialog h2{font-size:24px}html[lang=en] h1{font-size:48px;line-height:1.2;margin-bottom:20px}html[lang=en] h2{font-size:29px}html[lang=en] .hero-points{font-size:9px;gap:14px}html[lang=en] .course-card h3{font-size:17px;line-height:1.4;min-height:48px}html[lang=en] .course-card-description{font-size:10px;min-height:80px}html[lang=en] .course-price{font-size:15px}html[lang=en] .course-price small{font-size:8px}html[lang=en] .course-card-content{padding:16px}html[lang=en] .course-tags{min-height:50px}html[lang=en] .course-open{width:28px;height:28px}}
@media(max-width:390px){.container{width:calc(100% - 32px)}h1{font-size:40px}.hero-description{font-size:12px}.hero-buttons{gap:16px}.hero-points{font-size:9px;gap:12px}.course-filters{gap:2px}.filter{font-size:10px;padding:8px 10px}.course-card-content{padding:14px}.course-card h3{font-size:15px}.course-price{font-size:15px}.course-open{width:28px;height:28px}.course-card-description{min-height:100px}.course-grid{gap:11px}.card-mini{font-size:6px}.hero-art{width:92%}.photo-frame{height:255px}.learning-strip span{font-size:9px}.learning-strip .icon{width:17px}.header-actions{gap:13px}.course-help>span{font-size:10px}html[lang=en] .course-card-content{padding:13px}html[lang=en] .course-card h3{font-size:15px}html[lang=en] .course-price{font-size:14px}html[lang=en] .course-card-description{min-height:100px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Keep translated semantic text on separate lines, matching the Chinese layout. */
html[lang=en] strong.en,html[lang=en] small.en{display:block!important}
@media(max-width:520px){
 .course-grid{grid-template-columns:1fr;gap:20px}.course-card-top{height:106px;padding:22px}.card-icon{width:55px;height:55px}.card-icon .icon{width:32px;height:32px}.card-mini{font-size:10px;top:17px;right:18px}.card-art-word{font-size:42px;right:20px;bottom:3px}.card-doodle{left:113px;top:24px;font-size:23px}.course-card-content{padding:23px}.course-code{font-size:8px}.course-card h3{font-size:22px;margin:9px 0 11px}.course-card-description{font-size:13px;min-height:0;line-height:1.95}.course-tags{margin:17px 0 22px;min-height:0}.course-tags>span{font-size:10px;padding:4px 9px}.course-price{font-size:22px}.course-price small{font-size:11px}.course-open{width:41px;height:41px}.course-open .icon{width:19px}.about-copy>p{font-size:14px}.about-reasons p{font-size:12px}.faq-list details p{font-size:13px}.enquiry-form select{font-size:16px}.enquiry-form>label{font-size:12px}.enquiry-form>.button{font-size:14px}.form-note{font-size:10px}.dialog-header p{font-size:13px}.feature-list li{font-size:13px}.detail-note{font-size:12px}.dialog-actions small{font-size:11px}.fee-row strong{font-size:15px}.fee-row small{font-size:12px}.fee-table{font-size:12px}.fee-table caption{font-size:11px}.terms-dialog li{font-size:13px}
 html[lang=en] .course-card-content{padding:23px}html[lang=en] .course-card h3{font-size:22px;min-height:0}html[lang=en] .course-card-description{font-size:13px;min-height:0}html[lang=en] .course-price{font-size:22px}html[lang=en] .course-price small{font-size:11px}html[lang=en] .course-tags{min-height:0}html[lang=en] .course-open{width:41px;height:41px}
}
@media(max-width:760px){
 .learning-strip .container>span:not(.strip-intro){flex:1;min-width:0;flex-direction:column;gap:4px;text-align:center;white-space:normal;line-height:1.4;padding:13px 0}.learning-strip .container>span:not(.strip-intro)>span{white-space:normal;text-align:center}.learning-strip .container{gap:9px}.learning-strip b{flex-shrink:0}
 html[lang=en] .learning-strip .container>span:not(.strip-intro)>span{font-size:9px}
}
@media(max-width:350px){html[lang=en] h1{font-size:39px}h1{font-size:36px}.hero-buttons{gap:15px}.hero-buttons .text-link{font-size:11px}.hero-points{gap:9px;font-size:9px}}
/* About page and original centre highlights. */
.about-more{margin-top:28px;color:var(--coral)}
.advantage-icon{display:grid;place-items:center;width:52px;height:52px;background:var(--surface);color:var(--tone);border-radius:15px}.advantage-icon .icon{width:28px;height:28px}
.reviews-section{background:#f4efe5;padding-top:66px}.reviews-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:32px}.review-card{margin:0;padding:29px;background:#fffdf9;border:1px solid #e6dfd3;border-radius:15px;display:flex;flex-direction:column}.review-stars{color:#a47b23;letter-spacing:3px;font-size:16px}.review-card blockquote{margin:18px 0 26px;font-size:14px;line-height:2;color:#435b5b;flex:1}.review-card figcaption{display:flex;align-items:center;gap:13px;padding-top:20px;border-top:1px solid var(--line)}.review-avatar{width:43px;height:43px;border-radius:50%;background:var(--surface);color:var(--tone);display:grid;place-items:center;font-weight:700}.review-card figcaption strong{font-size:14px;display:block}.review-card figcaption small{font-size:11px;color:var(--muted);display:block}
.course-detail-photo{margin:0;position:relative;background:#e8e5dc}.course-detail-photo img{width:100%;height:215px;object-fit:cover;object-position:center}.course-detail-photo figcaption{position:absolute;right:14px;bottom:12px;padding:3px 8px;background:#203e43cf;color:white;border-radius:4px;font-size:10px}
.breadcrumb{font-size:11px;color:var(--muted);margin-bottom:43px;display:flex;align-items:center;gap:10px}.breadcrumb a:hover{color:var(--coral)}.about-page-hero{padding-top:31px;padding-bottom:87px;overflow:hidden}.about-page-grid{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:76px}.about-page-hero h1{margin:17px 0 20px;font-size:53px;line-height:1.5}.about-page-intro{font-size:15px;line-height:2.1;color:var(--muted)}.about-page-photo{position:relative;padding:0 12px 26px 0}.about-page-photo>img{width:100%;height:415px;object-fit:cover;border-radius:90px 14px 70px 14px;box-shadow:12px 12px 0 #eadfcd}.about-page-photo .image-disclaimer{right:27px}.about-page-sticker{position:absolute;right:-15px;bottom:0;display:flex;flex-direction:column;align-items:center;text-align:center;padding:20px 27px;background:#f4cd6a;border-radius:12px;transform:rotate(-5deg);font-size:13px;font-weight:650;line-height:1.8;box-shadow:0 0 0 5px var(--cream)}.about-page-sticker .icon{margin-bottom:8px;width:27px;height:27px}.philosophy-section{background:#edf0e8;padding:62px 0 70px}.philosophy-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}.philosophy-grid>div{margin-top:20px;gap:16px}.philosophy-grid h3{font-size:18px;margin-bottom:10px}.philosophy-grid p{font-size:14px;line-height:2}.services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px;margin-top:32px}.service-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:14px;padding:27px;transition:transform .2s,box-shadow .2s}.service-card:hover{transform:translateY(-4px);box-shadow:0 14px 25px #203e430b}.service-card h3{font-size:20px;margin:21px 0 10px}.service-card p{font-size:13px;line-height:1.95;color:var(--muted);padding-right:9px}.service-arrow{position:absolute;right:26px;top:28px;font-size:23px;color:var(--tone)}.about-page-cta{background:#214e52;color:#fffaf1;padding:57px 0}.about-page-cta .container{display:flex;align-items:center;justify-content:space-between;gap:36px}.about-page-cta .eyebrow{color:#e5c796}.about-page-cta h2{font-size:29px}.about-page-cta p{color:#d2dfd7;font-size:13px}.about-page-cta .button{flex-shrink:0}
@media(max-width:1050px){.about-page-grid{gap:45px}.about-page-hero h1{font-size:45px}.about-page-intro{font-size:14px}.about-page-photo>img{height:420px}.about-page-hero .hero-buttons{flex-wrap:wrap;gap:19px}.philosophy-grid{gap:24px}.review-card{padding:23px}}
@media(max-width:760px){.reviews-grid,.services-grid,.philosophy-grid{grid-template-columns:1fr;gap:20px}.reviews-section{padding-top:49px}.review-card{padding:26px}.review-card blockquote{font-size:14px}.course-detail-photo img{height:175px}.about-page-hero{padding-top:24px;padding-bottom:55px}.breadcrumb{margin-bottom:30px}.about-page-grid{grid-template-columns:1fr;gap:38px}.about-page-hero h1{font-size:40px;margin:14px 0 17px}.about-page-intro{font-size:14px;line-height:2.1}.about-page-photo{max-width:480px;width:100%;margin:auto;padding-bottom:29px}.about-page-photo>img{height:300px;border-top-left-radius:70px}.about-page-sticker{right:2px;padding:15px 21px;font-size:12px}.philosophy-section{padding:48px 0}.philosophy-grid{gap:13px}.philosophy-grid h3{font-size:18px}.philosophy-grid p{font-size:14px}.about-services .section-heading{align-items:flex-start;flex-direction:column;gap:5px}.about-services .section-heading h2{margin-bottom:5px}.service-card{padding:25px}.service-card h3{font-size:21px}.service-card p{font-size:14px}.about-page-cta{padding:45px 0}.about-page-cta .container{flex-direction:column;align-items:flex-start;gap:23px}.about-page-cta h2{font-size:27px}.footer-bottom>div{flex-wrap:wrap;gap:14px 20px}}
/* Leave room for the fixed enquiry shortcut when reaching the footer. */
.site-footer{padding-bottom:90px}


/* A quieter, editorial treatment for the centre's four strengths. */
.advantages-section{background:var(--cream);padding:84px 0 88px}
.advantages-layout{display:grid;grid-template-columns:.8fr 1.6fr;gap:72px;align-items:start}
.advantages-intro{padding-top:17px}.advantages-intro h2{font-size:29px;margin:14px 0 26px}.advantages-lead{position:relative;display:inline-block;font-size:35px;font-weight:750;line-height:1.65;letter-spacing:1px}.advantages-underline{display:block;width:182px;height:15px;fill:none;stroke:#dfb964;stroke-width:2.5;stroke-linecap:round;margin-top:3px}.advantages-description{font-size:13px;line-height:2.1;color:var(--muted);margin-top:23px}.advantages-signature{display:flex;align-items:center;gap:11px;margin-top:35px;font:italic 15px Georgia,serif;color:#81856f}.advantages-signature>span{font:normal 31px Georgia,serif;color:var(--coral-bright)}
.advantages-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.advantage-item{position:relative;padding:26px 27px 28px;background:color-mix(in srgb,var(--surface) 44%,var(--cream));border-radius:11px 28px 11px 11px;min-width:0}
.advantage-item-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.advantage-symbol{display:grid;place-items:center;width:48px;height:48px;border:1px solid #ffffffa6;border-radius:14px;background:var(--surface);color:var(--tone);transform:rotate(-6deg);flex-shrink:0}.advantage-symbol .icon{width:27px;height:27px;stroke-width:1.5}.advantage-step{font:italic 15px Georgia,serif;color:var(--tone);opacity:.68;white-space:nowrap}.advantage-item h3{font-size:19px;line-height:1.65;font-weight:700;margin-bottom:12px}.advantage-item p{font-size:13px;line-height:1.95;color:var(--muted)}
html[lang=en] .advantages-intro h2{font-size:27px}html[lang=en] .advantages-lead{font-size:31px;line-height:1.45;letter-spacing:0}html[lang=en] .advantage-item h3{font-size:18px;line-height:1.5}
@media(max-width:1100px){.advantages-layout{gap:35px;grid-template-columns:.75fr 1.6fr}.advantages-grid{gap:17px}.advantage-item{padding:23px}.advantages-intro h2{font-size:26px}.advantages-lead{font-size:30px}html[lang=en] .advantages-intro h2{font-size:24px}html[lang=en] .advantages-lead{font-size:27px}}
@media(max-width:900px){.advantages-layout{grid-template-columns:1fr;gap:32px}.advantages-intro{padding-top:0}.advantages-intro h2{margin-bottom:15px}.advantages-lead br{display:none}.advantages-lead{font-size:29px}.advantages-description{margin-top:16px}.advantages-signature{margin-top:17px}.advantages-grid{gap:21px}.advantage-item h3 br{display:none}.advantage-item h3{font-size:18px}html[lang=en] .advantages-lead{font-size:28px}}
@media(max-width:600px){.advantages-section{padding:52px 0 55px}.advantages-layout{gap:27px}.advantages-intro h2{font-size:27px;margin:13px 0 17px}.advantages-lead{font-size:27px;line-height:1.6;letter-spacing:.3px}.advantages-description{font-size:14px;line-height:2}.advantages-description br{display:none}.advantages-underline{width:158px}.advantages-signature{font-size:14px;margin-top:17px}.advantages-grid{grid-template-columns:1fr;gap:15px}.advantage-item{padding:23px;border-radius:10px 25px 10px 10px}.advantage-item-top{margin-bottom:15px}.advantage-symbol{width:42px;height:42px;border-radius:12px}.advantage-symbol .icon{width:24px;height:24px}.advantage-step{font-size:15px}.advantage-item h3{font-size:19px;line-height:1.65;margin-bottom:9px}.advantage-item p{font-size:14px;line-height:1.95}html[lang=en] .advantages-intro h2{font-size:27px}html[lang=en] .advantages-lead{font-size:26px}html[lang=en] .advantages-lead br{display:initial}html[lang=en] .advantage-item h3{font-size:19px}}
/* Standalone terms remain readable without scripts. */
.terms-link{display:inline-block}.terms-page-hero{padding:30px 0 38px;border-bottom:1px solid var(--line)}.terms-page-hero .breadcrumb{margin-bottom:32px}.terms-page-hero h1{font-size:45px;margin:14px 0}.terms-page-hero p{font-size:14px;color:var(--muted)}.terms-page-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:68px;padding-top:48px;padding-bottom:80px}.terms-index{align-self:start;position:sticky;top:125px}.terms-index nav{display:grid;margin:21px 0 24px}.terms-index nav a{display:flex;align-items:baseline;gap:13px;padding:13px 0;font-size:12px;border-bottom:1px solid var(--line)}.terms-index nav a>span:first-child{font:italic 15px Georgia,serif;color:var(--coral)}.terms-index nav a:hover{color:var(--coral)}.terms-index>.text-link{color:var(--coral);font-size:12px}.terms-document>section{padding:0 0 30px;margin-bottom:30px;border-bottom:1px solid var(--line)}.terms-document h3{display:flex;align-items:baseline;gap:13px;font-size:21px;line-height:1.6;margin:0 0 18px}.terms-document h3>span:first-child{color:var(--coral);font:italic 24px Georgia,serif}.terms-document ul{padding-left:22px;margin:0}.terms-document li{padding-left:5px;margin:12px 0;font-size:14px;line-height:2;color:#435b5b}.terms-document li::marker{color:var(--coral)}.terms-document ul ul{padding-left:21px}.terms-document a{color:var(--coral);text-decoration:underline;text-underline-offset:3px}.terms-notice{padding:23px 25px;background:#edf0e8;border-radius:10px;font-size:12px;line-height:2;color:#536764}
@media(max-width:900px){.terms-page-layout{grid-template-columns:220px minmax(0,1fr);gap:35px}}
@media(max-width:760px){.terms-page-hero{padding:24px 0 30px}.terms-page-hero h1{font-size:34px;line-height:1.4}.terms-page-hero p{font-size:13px;line-height:2}.terms-page-layout{grid-template-columns:1fr;gap:34px;padding-top:29px;padding-bottom:50px}.terms-index{position:static}.terms-index nav{margin:10px 0 18px}.terms-index nav a{font-size:13px}.terms-document h3{font-size:20px}.terms-document li{font-size:14px}.terms-notice{padding:20px}}
/* Subtle one-time reveals and interactive motion. */
@media(prefers-reduced-motion:no-preference){
 @keyframes gofun-arrive{from{opacity:0;translate:0 22px}to{opacity:1;translate:0 0}}
 @keyframes gofun-dialog{from{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
 @keyframes gofun-answer{from{opacity:.2;translate:0 -5px}to{opacity:1;translate:0 0}}
 .hero-copy,.about-page-grid>div:first-child{animation:gofun-arrive .75s cubic-bezier(.2,.65,.3,1) both}
 .hero-art,.about-page-photo{animation:gofun-arrive .9s .12s cubic-bezier(.2,.65,.3,1) both}
 .motion-ready{opacity:0;translate:0 24px;transition:opacity .65s ease,translate .65s cubic-bezier(.2,.65,.3,1);transition-delay:var(--reveal-delay,0ms)}
 .motion-ready.is-visible{opacity:1;translate:0 0}
 .button .icon,.text-link .icon,.service-arrow{transition:translate .2s ease}
 .button:hover .icon:last-child,.text-link:hover .icon,.service-card:hover .service-arrow{translate:3px -2px}
 .advantage-symbol{transition:transform .3s ease}.advantage-item:hover .advantage-symbol{transform:rotate(0)}
 .contact-links>a{transition:translate .2s ease}.contact-links>a:hover{translate:4px 0}
 .course-dialog[open]{animation:gofun-dialog .3s ease both}.course-dialog[open]::backdrop{animation:gofun-answer .25s ease both}
 .faq-list details[open] p{animation:gofun-answer .3s ease both}
}
@media(prefers-reduced-motion:reduce){.motion-ready{opacity:1!important;translate:none!important;transition:none!important}}



/* Keep exercises and hands visible in the overhead photographs. */
.course-detail-photo img[src$="homework-overhead.webp"]{object-position:center 28%}
.course-detail-photo img[src$="subjects-overhead.webp"]{object-position:center 55%}
.course-detail-photo img[src$="art-overhead.webp"]{object-position:left 75%}
.about-visual>img,.about-page-photo>img{object-position:center;filter:none}

/* Logo orange accents: the sampled logo hue for surfaces, a deeper orange for text. */
:root{--brand-orange:#f29846;--brand-orange-hover:#ed8e38;--brand-orange-soft:#fff0df;--brand-orange-line:#efcfad;--brand-orange-ink:#a64d12}
.announcement{background:#fde8d2}
.hero{background:radial-gradient(ellipse at 83% 30%,#f2984626,transparent 64%)}
.accent,.coral-dot,.brand-dot{color:#b75816}
.accent svg,.advantages-underline{stroke:var(--brand-orange)}
.coral-text,.main-nav a.active,.main-nav a:hover,.text-link:hover,.faq-plus{color:var(--brand-orange-ink)}
.main-nav a.active:after{background:var(--brand-orange)}
.button-coral{background:var(--brand-orange);color:var(--ink)}
.button-coral:hover{background:var(--brand-orange-hover)}
.round-sticker,.about-page-sticker{background:var(--brand-orange)}
.photo-frame{box-shadow:13px 13px 0 #f6d9b8}
.note-icon{background:var(--brand-orange-soft);color:var(--brand-orange-ink)}
.learning-strip{background:var(--brand-orange-soft);border-color:var(--brand-orange-line)}
.learning-strip .icon{color:var(--brand-orange-ink)}
.learning-strip b{color:#c7823f}
.learning-strip a{border-color:#d7ac80}
.filter.active{background:var(--brand-orange);color:var(--ink)}
.filter.active .filter-count{background:#fff8}
.course-grid .peach{--surface:#fce0bf;--tone:#99501b}
.course-open{background:var(--brand-orange-soft);border-color:var(--brand-orange-line);color:var(--brand-orange-ink)}
.course-open:hover{background:var(--brand-orange);border-color:var(--brand-orange);color:var(--ink)}
.course-card:hover,.service-card:hover{border-color:#e9bb8b}
.course-help{background:#fff5e9;border-color:#e8bf94}
.course-help .text-link,.faq-grid .text-link{color:var(--brand-orange-ink)}
.about-note{background:#f7bc7d}
.reason-number{color:var(--brand-orange-ink);border-color:var(--brand-orange-line)}
.advantage-symbol{background:#fbe1c3;color:var(--brand-orange-ink)}
.advantages-grid .peach{--surface:#f9d6b0}
.contact-copy>.eyebrow,.about-page-cta .eyebrow{color:#ffc58f}
.contact-copy h2 span>span,.contact-links>a>.icon{color:#ffb16b}
.enquiry-form{border-top:4px solid var(--brand-orange)}
.about-page-photo>img{box-shadow:12px 12px 0 #f6d9b8}
.terms-page-hero{background:linear-gradient(115deg,var(--cream) 50%,#fff0df)}

/* Logo blue balances the approved warm orange with calm surfaces and deeper text. */
:root{--brand-blue:#0a6a8e;--brand-blue-deep:#0d526e;--brand-blue-soft:#edf4f7;--brand-blue-line:#cbdfe8;--ink:#183f53;--muted:#576d7b;--teal:var(--brand-blue)}
.main-nav a:hover{color:var(--brand-blue)}
.hero-points i,.photo-label{color:var(--brand-blue-deep)}
.hero-buttons>.text-link{color:var(--brand-blue-deep)}
.button-dark{background:var(--brand-blue)}
.button-dark:hover{background:var(--brand-blue-deep)}
.about-section,.philosophy-section{background:var(--brand-blue-soft)}
.about-note{border-color:var(--brand-blue-soft)}
.course-grid .blue,.services-grid .blue,.advantages-grid .blue{--surface:#deedf4;--tone:var(--brand-blue)}
.course-grid .mint,.services-grid .mint,.advantages-grid .mint{--surface:#e7eff0;--tone:#286675}
.advantages-grid .blue .advantage-symbol,.advantages-grid .mint .advantage-symbol{background:#dcebf2;color:var(--brand-blue)}
.advantages-signature{color:#627b89}
.contact-section,.about-page-cta{background:var(--brand-blue-deep)}
.contact-copy>p,.about-page-cta p{color:#dcebf1}
.contact-links small,.contact-links>a>span:last-child{color:#d0e3ed}
.enquiry-form input,.enquiry-form select,.enquiry-form textarea,.variant-tabs button{border-color:var(--brand-blue-line)}
.variant-tabs button[aria-pressed=true]{background:var(--brand-blue);border-color:var(--brand-blue);color:white}
.terms-notice{background:var(--brand-blue-soft);color:#435e6b}
/* Keep the previously approved testimonials' colours and text treatment. */
.reviews-section{--ink:#203e43;--muted:#667575;color:#203e43}

/* Course stories and original student work, in the established blue/orange palette. */
.learning-journey{background:#f7f7f0;border-block:1px solid #e6e9e4}
.learning-journey .section-heading{align-items:flex-end}.learning-journey .section-heading>.text-link{flex-shrink:0;color:var(--brand-blue)}
.journey-steps{list-style:none;padding:0;margin:37px 0 0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px;counter-reset:journey}
.journey-steps li{position:relative;padding-top:4px}.journey-steps li:not(:last-child):before{content:"";position:absolute;top:26px;left:63px;right:0;height:1px;background:var(--brand-blue-line)}
.journey-number{display:grid;place-items:center;width:45px;height:45px;border-radius:50%;background:var(--brand-orange-soft);border:1px solid var(--brand-orange-line);color:var(--brand-orange-ink);font:italic 18px Georgia,serif;position:relative;z-index:1}
.journey-steps li:nth-child(even) .journey-number{background:#deedf4;border-color:var(--brand-blue-line);color:var(--brand-blue)}
.journey-steps h3{font-size:17px;margin:20px 0 9px;line-height:1.6}.journey-steps p{font-size:12px;line-height:1.95;color:var(--muted)}
.student-work-section{background:#edf4f7}.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:36px;align-items:start}
.work-card{min-width:0;background:#fffdf9;padding:11px;border:1px solid #e0e4e3;border-radius:14px;overflow:hidden}
.work-image{position:relative;width:100%;padding:0;display:block;border:0;background:#e4eaeb;border-radius:7px;overflow:hidden;cursor:zoom-in}
.work-image img{width:100%;height:360px;object-fit:contain;transition:transform .35s ease;background:#e7edef}.work-image:hover img{transform:scale(1.025)}
.work-enlarge{position:absolute;bottom:12px;right:12px;background:#fffaf4f0;border:1px solid #ffffffa0;padding:5px 9px;border-radius:5px;display:flex;align-items:center;gap:6px;font-size:10px;color:var(--brand-blue-deep)}.work-enlarge .icon{width:13px;height:13px}
.work-caption{position:relative;padding:23px 15px 20px}.work-caption h3{font-size:19px;margin:0 30px 10px 0}.work-caption p{font-size:12px;color:var(--muted);line-height:1.95}.work-number{position:absolute;right:15px;top:26px;font:italic 13px Georgia,serif;color:var(--brand-orange-ink)}
.gallery-page-hero{padding-bottom:49px}.gallery-intro{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:end}.gallery-intro h1{white-space:pre-line;margin-bottom:0}.gallery-intro p{font-size:14px;line-height:2.1;color:var(--muted)}.gallery-intro .text-link{margin-top:24px;color:var(--brand-blue)}
.gallery-page-body{padding-top:0}.gallery-page-body .work-grid{margin-top:0}.gallery-page-body .work-card:nth-child(3n+2){margin-top:36px}.gallery-note{font-size:12px;color:var(--muted);margin-top:30px;line-height:1.9}
.course-page-hero{padding-top:30px;padding-bottom:70px}.course-page-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:75px;align-items:center}.course-page-hero h1{font-size:46px;line-height:1.5;margin:18px 0}.course-page-lead{font-size:16px;line-height:2;color:var(--muted)}
.course-facts{display:flex;flex-wrap:wrap;gap:8px;margin-top:23px}.course-facts>span{font-size:11px;border:1px solid #d4e3e9;background:#edf4f7;border-radius:5px;padding:6px 10px}
.course-page-visual{margin:0;position:relative;padding:10px 10px 26px}.course-page-visual img{width:100%;height:385px;object-fit:cover;border-radius:75px 12px 60px 12px;box-shadow:10px 10px 0 #f6d9b8}.course-page-visual figcaption{text-align:right;font-size:10px;color:var(--muted);padding-top:21px}.course-page-visual.artwork-hero img{height:420px;object-fit:contain;border-radius:12px;background:#e2edf2}.course-page-hero .hero-buttons{flex-wrap:wrap;gap:22px}
.course-detail-columns{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin-top:35px}.course-detail-columns h3,.course-fee-panel h3{font-size:21px;margin-bottom:15px}.course-page-features{padding:0;list-style:none;margin:15px 0 0}.course-page-features li{font-size:14px;color:var(--muted);padding:13px 0 13px 25px;position:relative;border-bottom:1px solid var(--line);line-height:1.9}.course-page-features li:before{content:"✓";position:absolute;left:0;top:13px;color:var(--brand-blue)}
.course-fee-panel{background:#fff0df;border:1px solid #efcfad;border-radius:12px;padding:27px}.course-page-fees .fee-row{border-color:#d8dfe2}.course-page-fees .fee-row:first-child{border:0}.course-page-fees .fee-row .fee{font-size:23px}.course-page-note{background:#edf4f7;border-left:3px solid var(--brand-blue);padding:20px 24px;border-radius:0 8px 8px 0;color:var(--muted);font-size:13px;line-height:2;margin:27px 0 20px}
.subject-page-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin-top:32px}.subject-page-card{background:white;border:1px solid #d9e4e9;padding:25px;border-radius:13px}.subject-page-card h3{font-size:23px;margin:20px 0 0}.subject-page-card .course-page-features li{font-size:12px;min-height:72px}.subject-page-card .fee-row{align-items:start;flex-direction:column;gap:6px}.subject-page-card .fee-row small{font-size:11px}.subject-page-card .fee-row strong{font-size:14px}.subject-page-card .course-page-fees{margin-top:20px}
.artwork-dialog{width:min(1060px,calc(100% - 32px));max-height:94dvh;border:0;border-radius:12px;padding:0;background:var(--cream);color:var(--ink)}.artwork-dialog::backdrop{background:#102c3de8;backdrop-filter:blur(5px)}.artwork-dialog figure{margin:0;padding:24px}.artwork-dialog img{height:min(76dvh,980px);width:100%;object-fit:contain;background:#e7edef;border-radius:6px}.artwork-dialog figcaption{font-size:15px;padding:16px 40px 0 0}.artwork-dialog .dialog-close{position:sticky;float:right;top:13px;right:13px;background:var(--cream);z-index:2}.dialog-page-link{display:inline-flex;margin:0 0 18px;color:var(--brand-blue);font-size:13px;font-weight:650}
@media(max-width:1000px){.journey-steps{gap:16px}.journey-steps h3{font-size:16px}.course-page-grid{gap:35px}.course-page-hero h1{font-size:37px}.course-page-visual img{height:350px}.course-detail-columns{gap:35px}.work-image img{height:300px}.subject-page-grid{gap:16px}.subject-page-card{padding:20px}.gallery-intro{gap:40px}}
@media(max-width:760px){.learning-journey .section-heading>.text-link{margin-top:18px}.journey-steps{grid-template-columns:1fr;gap:0;margin-top:26px}.journey-steps li{padding:0 0 24px 64px;min-height:100px}.journey-steps li:not(:last-child):before{top:44px;left:21px;bottom:0;height:auto;width:1px;right:auto}.journey-number{position:absolute;left:0;top:0}.journey-steps h3{font-size:18px;margin:0 0 8px}.journey-steps p{font-size:13px}.journey-steps li:last-child{padding-bottom:0}.work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:26px}.work-preview{grid-template-columns:1fr}.work-preview .work-image img{height:360px}.work-caption{padding:19px 10px}.work-caption h3{font-size:17px}.work-caption p{font-size:12px}.work-image img{height:250px}.work-card{padding:8px;border-radius:10px}.work-enlarge{font-size:9px;bottom:8px;right:8px;padding:4px 7px}.work-number{right:10px;top:22px;font-size:11px}.gallery-page-hero{padding-bottom:30px}.gallery-intro{grid-template-columns:1fr;gap:24px}.gallery-intro h1{font-size:36px;line-height:1.5}.gallery-intro p{font-size:14px}.gallery-page-body .work-card:nth-child(3n+2){margin-top:0}.course-page-grid{grid-template-columns:1fr;gap:30px}.course-page-hero{padding:25px 0 38px}.course-page-hero .breadcrumb{font-size:11px;line-height:2}.course-page-hero h1{font-size:34px}.course-page-lead{font-size:14px}.course-facts{gap:6px}.course-facts>span{font-size:10px;padding:5px 8px}.course-page-visual{padding:0 9px 14px 0}.course-page-visual img{height:270px;border-radius:55px 10px 45px 10px}.course-page-visual.artwork-hero img{height:360px}.course-page-visual figcaption{font-size:9px;padding-top:19px}.course-detail-columns{grid-template-columns:1fr;gap:28px;margin-top:24px}.course-page-features li{font-size:13px}.course-fee-panel{padding:22px}.course-page-fees .fee-row .fee{font-size:21px}.course-page-note{padding:18px;font-size:12px}.subject-page-grid{grid-template-columns:1fr;gap:20px}.subject-page-card{padding:25px}.subject-page-card .course-page-features li{font-size:13px;min-height:0}.subject-page-card .fee-row{flex-direction:row;align-items:center}.artwork-dialog figure{padding:15px}.artwork-dialog img{height:71dvh}.artwork-dialog figcaption{font-size:13px}.artwork-dialog .dialog-close{top:10px;right:10px}.gallery-note{font-size:11px;line-height:2}}
@media(max-width:480px){.gallery-page-body .work-grid{grid-template-columns:1fr}.gallery-page-body .work-image img{height:380px}.course-page-hero h1{font-size:31px}.course-page-hero .hero-buttons{align-items:flex-start;gap:20px}.course-page-hero .hero-buttons .text-link{padding:10px 0}.course-page-hero .hero-buttons .button{font-size:13px;padding:14px 18px}}
@media(prefers-reduced-motion:reduce){.work-image img{transition:none}.work-image:hover img{transform:none}}
.about-page-photo>img[src$="art-still-life.webp"]{object-fit:contain;background:#ddebf1;border-radius:18px;box-shadow:12px 12px 0 #f6d9b8}

/* Four art options share one data source with the course dialog. */
.art-class-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px;margin-top:34px}
.art-class-card{padding:30px;background:#fffdf9;border:1px solid #d4e3e9;border-radius:14px;display:flex;flex-direction:column;min-width:0}
.art-class-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.art-class-number{font:italic 21px Georgia,serif;color:var(--brand-blue)}.art-class-age{padding:5px 11px;background:var(--brand-blue-soft);border-radius:5px;font-size:12px;color:var(--brand-blue-deep)}
.art-class-card:nth-child(even) .art-class-number{color:var(--brand-orange-ink)}.art-class-card:nth-child(even) .art-class-age{background:var(--brand-orange-soft);color:var(--brand-orange-ink)}
.art-class-card h3{font-size:23px;line-height:1.6;margin-bottom:12px}.art-class-description{font-size:13px;line-height:2;color:var(--muted);margin-bottom:24px}
.art-class-schedule{display:flex;gap:13px;font-size:13px;line-height:1.9;margin-top:auto;padding-bottom:22px}.art-class-schedule>.icon{width:19px;color:var(--brand-blue);margin-top:3px}.art-class-schedule strong{display:block;font-size:11px;font-weight:600;color:var(--muted);margin-bottom:4px}.art-class-schedule>div>span{display:block}
.art-class-fee{display:flex;justify-content:space-between;gap:12px;align-items:baseline;border-top:1px solid var(--brand-blue-line);padding-top:20px}.art-class-fee>strong{font-size:28px;line-height:1.5;white-space:nowrap}.art-class-fee small{font-size:12px;font-weight:400;margin-left:3px}.art-class-fee>span{font-size:12px;color:var(--muted);white-space:nowrap}
.art-dialog-classes{display:grid;gap:16px}.art-dialog-class{padding:20px;border:1px solid #d4e3e9;border-radius:9px;background:#fffdf9}.art-dialog-heading{display:flex;align-items:baseline;justify-content:space-between;gap:15px}.art-dialog-heading h4{font-size:17px;line-height:1.65;margin:0}.art-dialog-heading>span{font-size:12px;color:var(--brand-blue);white-space:nowrap}.art-dialog-class>p{font-size:12px;line-height:1.9;margin:10px 0 15px;color:var(--muted)}.art-dialog-fee{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.art-dialog-fee strong{font-size:22px}.art-dialog-fee small,.art-dialog-fee>span{font-size:11px;font-weight:400;color:var(--muted)}
@media(max-width:760px){.art-class-grid{grid-template-columns:1fr;gap:19px;margin-top:25px}.art-class-card{padding:25px}.art-class-heading{margin-bottom:17px}.art-class-card h3{font-size:21px}.art-class-description{font-size:13px}.art-class-fee>strong{font-size:25px}.art-class-schedule{font-size:13px}.art-dialog-class{padding:17px}.art-dialog-heading{align-items:flex-start;flex-direction:column;gap:5px}.art-dialog-heading h4{font-size:17px}}
@media(max-width:390px){.art-class-card{padding:22px}.art-class-fee>strong{font-size:24px}.art-class-fee small,.art-class-fee>span{font-size:11px}}

/* Independent course pages retain the original opened-card design. */
.about-services .course-grid{margin-top:32px}
.journey-compact .section-heading{margin-bottom:0}
.course-sheet-section{padding:30px 0 70px}
.course-sheet-section .breadcrumb{flex-wrap:wrap;gap:7px;line-height:1.8;margin-bottom:30px}
.course-sheet{max-width:880px;margin-inline:auto;background:#fffdf9;border:1px solid var(--brand-blue-line);border-radius:18px;overflow:hidden;box-shadow:0 14px 40px #183f5307}
.course-sheet .dialog-header{padding:35px 42px 30px}
.course-sheet-label{display:flex;align-items:center;justify-content:space-between;gap:18px}
.course-sheet-audience{font-size:11px;padding:5px 10px;border:1px solid #183f5326;border-radius:5px;flex-shrink:0}
.course-sheet h1{font-size:34px;line-height:1.5;margin:18px 0 12px}
html[lang=en] .course-sheet h1{font-size:35px;line-height:1.3}
.course-sheet .dialog-header p{font-size:14px;line-height:2;max-width:690px}
.course-sheet .course-detail-photo{margin:0;position:relative;background:#edf4f7}
.course-sheet .course-detail-photo img{width:100%;height:280px;object-fit:cover}
.course-sheet .course-detail-photo figcaption{position:absolute;right:14px;bottom:12px;padding:4px 9px;background:#fffdf9eb;border-radius:4px;font-size:10px;color:var(--muted)}
.course-sheet .course-art-photo img{object-fit:contain;height:340px;background:#e7eff0}
.course-sheet .dialog-body{padding:30px 42px 35px}
.course-sheet .variant-tabs{margin:0 0 25px}
.course-sheet .feature-list{margin-top:0}
.course-sheet .feature-list li{line-height:1.9;font-size:14px}
.course-sheet .fee-row{padding-block:18px}
.course-sheet .fee-row .fee{font-size:26px;white-space:nowrap}
.course-sheet .fee-row strong{font-size:15px}
.course-sheet .detail-note{margin-top:26px;line-height:2}
.course-sheet .dialog-actions{margin-top:25px;gap:20px}
.course-sheet .option-title{font-size:21px;margin:5px 0 18px}
.course-sheet .art-dialog-heading h2{font-size:19px;margin:0;line-height:1.7}
.course-sheet .art-dialog-class{padding:23px;background:#fffdf9}
.course-sheet .art-dialog-class>p{font-size:13px;line-height:1.9}
.course-sheet .art-option-times{padding:12px 0;border-top:1px solid var(--brand-blue-line);margin-top:16px}
.course-sheet .art-dialog-fee strong{font-size:25px}
.course-option-panel[hidden],.variant-tabs[hidden]{display:none}
@media(max-width:760px){
 .course-sheet-section{padding:24px 0 45px}
 .course-sheet-section .breadcrumb{font-size:10px;margin-bottom:23px;gap:5px}
 .course-sheet{border-radius:13px}
 .course-sheet .dialog-header{padding:25px 23px}
 .course-sheet-label{align-items:flex-start;gap:12px;flex-wrap:wrap}
 .course-sheet-audience{font-size:10px;padding:4px 8px}
 .course-sheet h1{font-size:27px;margin:15px 0 10px}
 html[lang=en] .course-sheet h1{font-size:28px}
 .course-sheet .dialog-header p{font-size:13px}
 .course-sheet .course-detail-photo img{height:205px}
 .course-sheet .course-art-photo img{height:290px}
 .course-sheet .course-detail-photo figcaption{font-size:9px;bottom:9px;right:9px}
 .course-sheet .dialog-body{padding:25px 23px 28px}
 .course-sheet .feature-list li{font-size:13px}
 .course-sheet .variant-tabs{gap:7px;flex-wrap:wrap}
 .course-sheet .variant-tabs button{padding:9px 15px;font-size:12px}
 .course-sheet .fee-row{gap:12px}
 .course-sheet .fee-row .fee{font-size:23px}
 .course-sheet .fee-row strong{font-size:14px}
 .course-sheet .fee-row small{font-size:11px}
 .course-sheet .art-dialog-class{padding:18px}
 .course-sheet .art-dialog-heading h2{font-size:18px}
 .course-sheet .art-dialog-fee strong{font-size:22px}
 .course-sheet .dialog-actions>.text-link{align-self:flex-start}
}

/* The homework routine sits inside the course card, before its fees. */
.course-sheet .homework-routine{margin:25px 0 28px;padding:24px 0;border-block:1px solid var(--brand-blue-line)}
.course-sheet .homework-routine h2{font-size:15px;line-height:1.7;margin:0 0 10px}
.course-sheet .routine-intro{font-size:13px;line-height:1.9;color:var(--muted);margin:0 0 20px}
.routine-steps{list-style:none;margin:0;padding:0;display:grid;gap:17px}
.routine-steps li{display:flex;align-items:flex-start;gap:14px}
.routine-number{display:grid;place-items:center;flex:0 0 32px;height:32px;border-radius:8px;background:var(--brand-blue-soft);color:var(--brand-blue);font-size:12px;font-weight:650;line-height:1}
.routine-steps li:nth-child(even) .routine-number{background:var(--brand-orange-soft);color:var(--brand-orange-ink)}
.routine-steps h3{font-size:14px;font-weight:650;line-height:1.8;margin:1px 0 3px}
.routine-steps p{font-size:13px;line-height:1.9;color:var(--muted);margin:0}
.art-work-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.art-work-grid .work-image img{height:285px}
.art-work-grid .work-caption{padding:20px 10px 16px}
.art-work-grid .work-caption h3{font-size:17px;line-height:1.6}
.art-work-grid .work-number{right:10px;top:24px}
@media(max-width:1000px){.art-work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.art-work-grid .work-image img{height:330px}}
@media(max-width:760px){
 .course-sheet .homework-routine{margin:23px 0 25px;padding:22px 0}
 .routine-steps{gap:18px}.routine-steps li{gap:12px}
 .routine-steps h3{font-size:13px}.routine-steps p{font-size:12px}
 .art-work-grid{gap:16px}.art-work-grid .work-image img{height:250px}
}
@media(max-width:480px){.art-work-grid{grid-template-columns:1fr}.art-work-grid .work-image img{height:350px}}

/* Shared feedback for subject/Japanese choices and homepage course filters. */
@media(prefers-reduced-motion:no-preference){
 .variant-tabs button,.course-filters .filter{transition:background-color .22s ease,color .22s ease,border-color .22s ease,box-shadow .22s ease,transform .16s ease}
 .variant-tabs button:hover,.course-filters .filter:hover{transform:translateY(-2px);box-shadow:0 4px 10px #183f5310}
 .variant-tabs button:active,.course-filters .filter:active{transform:translateY(0) scale(.96)}
 .variant-tabs button[aria-pressed=true]{box-shadow:0 3px 9px #0a6a8e24}
}

/* Swipeable student artworks in the existing art-course image position. */
.art-carousel{position:relative;background:#e7eff0}
.art-carousel-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}
.art-carousel-track::-webkit-scrollbar{display:none}
.art-carousel-slide{flex:0 0 100%;min-width:0;scroll-snap-align:start;scroll-snap-stop:always}
.art-carousel-track:focus-visible{outline:2px solid var(--brand-blue);outline-offset:-3px}
.art-carousel-controls{position:absolute;left:14px;bottom:12px;display:flex;align-items:center;gap:3px;padding:4px;background:#fffdf9f0;border:1px solid #ffffffa0;border-radius:7px;box-shadow:0 3px 12px #183f5310}
.art-carousel-controls[hidden]{display:none}
.art-carousel-controls button{display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:4px;background:transparent;color:var(--brand-blue-deep);font-size:18px;line-height:1}
.art-carousel-controls button:hover{background:var(--brand-blue-soft)}
.art-carousel-controls .art-carousel-pause{font-size:14px;border-left:1px solid var(--brand-blue-line);border-radius:0 4px 4px 0;margin-left:3px}
.art-carousel-count{min-width:41px;text-align:center;font-size:11px;color:var(--brand-blue-deep);font-variant-numeric:tabular-nums}
@media(max-width:760px){.art-carousel-controls{left:9px;bottom:9px;gap:1px}.art-carousel-controls button{width:29px;height:29px}.art-carousel-count{min-width:35px;font-size:10px}}
.art-carousel-controls button[hidden]{display:none}

/* Searchable course links and concise location details follow the existing type scale. */
.course-title-link{color:inherit}.course-title-link:hover{color:var(--brand-blue);text-decoration:underline;text-underline-offset:4px}
.course-related{max-width:880px;margin:23px auto 0;display:flex;align-items:center;flex-wrap:wrap;gap:10px 19px;font-size:12px;color:var(--brand-blue)}
.course-related>span{color:var(--muted);font-size:11px}.course-related a:hover{text-decoration:underline;text-underline-offset:4px}
.footer-location{display:flex;align-items:center;flex-wrap:wrap;gap:10px 26px;font-size:11px;color:var(--muted);padding:19px 0 0}.footer-location a:hover{color:var(--brand-blue)}
@media(max-width:760px){.course-related{gap:12px 16px;font-size:11px}.course-related>span{width:100%}.footer-location{align-items:flex-start;gap:10px 20px;font-size:10px}.footer-location>a:first-child{width:100%}}

/* Crawlable course navigation shares the existing site type and colours. */
.course-card h3 a{color:inherit;text-decoration:none}.course-card h3 a:hover{text-decoration:underline;text-underline-offset:5px}.course-card h3 a:focus-visible{outline:2px solid var(--teal);outline-offset:4px}
.footer-course-links{padding:22px 0;border-top:0}.footer-course-links p{font-size:12px;font-weight:700;margin:0 0 12px}.course-link-list{display:flex;flex-wrap:wrap;gap:12px 24px}.course-link-list a{font-size:13px;line-height:1.8;text-decoration:underline;text-underline-offset:4px}.course-link-list a:hover{color:var(--coral)}.related-courses{padding-top:0}.related-courses h2{font-size:24px;margin-bottom:22px}
@media(max-width:760px){.course-link-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px}.course-link-list a{font-size:12px}.related-courses h2{font-size:22px}}

/* Keep the photo caption clear of the round sticker on narrow phones. */
@media(max-width:380px){.photo-label{top:90px}}