
/* V6 — Quiet nature, refined proportions */
:root{--green:#183f33;--paper:#f8f6f0;--muted:#707d70;--line:#dce2d6;--accent:#b6bd97}body{font-family:Arial,"Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif;letter-spacing:.15px}a,button{touch-action:manipulation}button,.btn,.navcta,.textlink{transition:background .22s,color .22s,border-color .22s,transform .22s,box-shadow .22s}.site-header{height:100px;padding:0 6.4%;border-bottom-color:#dce2d6;background:#f8f6f0f5}.wordmark{gap:7px}.wordmark strong{font-size:26px;font-weight:600;letter-spacing:2.5px}.wordmark span{font-size:8px;letter-spacing:2.25px}.site-header nav{gap:32px}.site-header nav a{font-size:11px;letter-spacing:1.5px}.site-header nav a:not(.navcta){position:relative}.site-header nav a:not(.navcta):after{content:'';position:absolute;left:0;bottom:-9px;width:0;height:1px;background:currentColor;transition:width .2s}.site-header nav a:not(.navcta):hover:after{width:100%}.site-header nav a[aria-current=page]{border:0;padding-bottom:0}.site-header nav a[aria-current=page]:after{width:100%}.navcta{border-radius:30px;padding:13px 25px!important}.navcta:hover{background:var(--green);color:var(--paper)}.cover-header{position:absolute;background:transparent;border-color:#ffffff2d}.cover-header .navcta{border-color:#ffffff65}.cover-header .navcta:hover{background:var(--paper);color:var(--green)}.cover{background-position:58% 46%;min-height:100svh}.cover:before{background:linear-gradient(90deg,#0a211bf0 0%,#102c23b8 32%,#102c2330 72%),linear-gradient(0deg,#102c23b3 0%,transparent 35%)}.cover:after{content:'';position:absolute;inset:121px 24px 20px;border:1px solid #ffffff19;pointer-events:none;z-index:-1}.cover-copy{max-width:920px;padding:175px 8.5% 180px}.cover .eyebrow{display:flex;align-items:center;gap:16px;font-size:9px;letter-spacing:3px;color:#d3dcc4}.cover .eyebrow:before{content:'';width:33px;height:1px;background:#c4cfac;flex-shrink:0}.cover h1{font-size:clamp(40px,4.4vw,66px);font-weight:400;letter-spacing:3px;line-height:1.65;margin:27px 0 24px;text-wrap:balance}.cover-description{max-width:400px;color:#d5ded1;font-size:13px;line-height:2.3;letter-spacing:1.4px}.cover .actions{gap:16px;margin-top:34px}.cover .btn{border-radius:40px;min-width:160px;font-size:11px;letter-spacing:1px;padding:18px 26px;box-shadow:none}.cover .btn:hover{transform:translateY(-3px);background:#e7ecd9;color:#173e30}.cover .btn.outline{border-color:#ffffff60;backdrop-filter:blur(4px)}.cover .btn.outline:hover{background:#ffffff12;color:#fff;border-color:#fff}.cover-bottom{left:8.5%;right:8.5%;bottom:44px;letter-spacing:2px;font-size:8px;padding-top:23px;border-color:#ffffff2f}.page-head{position:relative;padding:55px 9% 64px;overflow:hidden;background:radial-gradient(ellipse at 100% 0%,#dfe8d280,transparent 65%),#f0f2e9}.page-head:after{content:attr(data-number);position:absolute;right:8%;bottom:-35px;font-size:210px;line-height:1;font-weight:400;letter-spacing:-15px;color:#173e3007;pointer-events:none}.breadcrumb{font-size:10px;letter-spacing:1px;margin-bottom:42px}.breadcrumb a{border-bottom:1px solid #9eac96;padding-bottom:3px}.page-head .eyebrow{font-size:9px;letter-spacing:3px;color:#859276}.page-head h1{font-size:clamp(33px,3.5vw,50px);letter-spacing:2px;line-height:1.6;margin:18px 0 18px;max-width:820px}.page-head p{font-size:13px;line-height:2.2;max-width:580px;color:#74826d}.page-main .section{padding-top:90px;padding-bottom:90px}.section h2{font-size:32px;letter-spacing:1.5px;line-height:1.7}.section p{font-size:13px;line-height:2.3}.eyebrow{font-size:9px;letter-spacing:2.5px}.intro{gap:12%;grid-template-columns:.8fr 1.2fr}.intro img{padding:28px;border-radius:140px 140px 10px 10px;background:#fbfaf5;border-color:#d9dfd0;mix-blend-mode:multiply}.values{font-size:10px;padding-top:25px;gap:24px;color:#617158}.feature{background:#1a4034}.feature .eyebrow{color:#bbcaab}.feature h2{font-size:36px}.feature li{padding:23px 0;font-size:13px;line-height:2.2;border-color:#ffffff22}.feature li span{font-size:9px;letter-spacing:2px}.grid{gap:22px}.card{background:#fcfbf7;border:1px solid #e0e5d8;border-radius:14px;padding:34px 29px 29px;min-height:385px;overflow:hidden;box-shadow:0 5px 30px #193e3003}.card:hover{background:#fffefa;transform:translateY(-5px);border-color:#aebd9d;box-shadow:0 16px 35px #193e3009}.card .num{font-size:9px;letter-spacing:2.4px;color:#879879;display:flex;align-items:center;gap:15px}.card .num:before{content:'';width:24px;height:1px;background:#a6b694}.card h3{font-size:23px;letter-spacing:1px;line-height:1.6;margin:45px 0 18px}.card p{font-size:12px;line-height:2.25;margin-bottom:28px}.card button{font-size:11px;padding-top:20px;letter-spacing:.75px;border-top-color:#dce3d3}.card button:hover{opacity:1;color:#7c8a58}.card button span{display:flex;width:28px;height:28px;border:1px solid #c9d3bc;border-radius:50%;justify-content:center;align-items:center;margin-top:-7px}.card .tag{font-size:9px;letter-spacing:.4px;margin-top:18px;color:#88977d}.course-photo{width:calc(100% + 58px);margin:-34px -29px 25px;border-radius:0;aspect-ratio:4/3}.courses>.note{margin-top:28px;font-size:10px!important;color:#8a9581}.page-cta{margin:0 5% 55px;padding:40px 4.5%;border-radius:10px;border:1px solid #dce4d0;background:linear-gradient(115deg,#eaf0df,#f0f1e8)}.page-cta h2{font-size:23px;line-height:1.8;letter-spacing:1px}.page-cta .btn{border-radius:30px;font-size:11px;padding:16px 25px}.page-main .faq{max-width:1050px;padding-top:65px;padding-bottom:80px}.faq .eyebrow,.faq>h2{display:none}.faq{counter-reset:question}.faq details{padding:28px 0;border-color:#dce2d3}.faq summary{font-size:14px;line-height:1.8;align-items:center;gap:24px}.faq summary:before{counter-increment:question;content:counter(question,decimal-leading-zero);font-size:10px;letter-spacing:1px;color:#8c9b7d;flex-shrink:0}.faq summary:after{margin-left:auto;border:1px solid #d5deca;border-radius:50%;width:29px;height:29px;min-width:29px;text-align:center;line-height:27px;font-size:16px}.faq details p{margin:20px 48px 0;font-size:13px;line-height:2.2;max-width:720px}.contact{background:var(--paper);gap:12%}.contact form{background:#eeefe7;border:1px solid #e1e5d7;border-radius:12px;padding:18px 30px 30px}.contact input,.contact textarea,.contact select{background:#f8f8f1;border-bottom-color:#c6d1b9;font-size:12px;border-radius:4px;padding:15px 12px}.contact label{margin-top:22px;font-size:10px}.contact .btn{border-radius:30px;margin-top:25px;font-size:11px}.contact h2{font-size:32px}.contact p.note{font-size:10px!important;color:#89977f}.gallery-grid{gap:35px 26px}.gallery-card{border-bottom:1px solid #dce2d3;padding-bottom:22px}.gallery-card img{border-radius:8px;background:#e8eddf}.gallery-card h3{font-size:19px;letter-spacing:.75px;margin-bottom:10px}.gallery-card p{font-size:12px;line-height:2}.empty-state{padding:70px 45px;border-radius:12px;background:#fcfbf6;border:1px solid #e0e6d6}.empty-state small{font-size:9px;letter-spacing:3px}.empty-state h2{font-size:29px;margin:24px 0 20px}.empty-state p{font-size:13px;max-width:480px;margin:0 auto 25px}.empty-state .textlink{font-size:11px}.team-block{padding-top:65px!important;padding-bottom:65px!important}.team-block img{border-radius:10px}.site-footer{padding:35px 9%;gap:30px;font-size:9px;letter-spacing:1px;line-height:2;color:#7b8970;background:#f0f1e9;border-top-color:#dfe5d5}.footer-admin{font-size:9px;white-space:nowrap;align-self:center;opacity:.6}.site-footer span:first-child{letter-spacing:2px;color:#455e45}
@media(min-width:1600px){.cover-copy{max-width:1100px}.cover h1{font-size:72px}.page-main{max-width:1600px;margin:auto}.cover:after{inset:126px 32px 28px}}
@media(max-width:1000px){.site-header nav{gap:20px}.cover-copy{max-width:820px}.cover h1{font-size:52px}.card{padding:28px 23px;min-height:365px}.card h3{font-size:21px}.course-photo{width:calc(100% + 46px);margin:-28px -23px 20px}.values{gap:13px;letter-spacing:0}.intro{gap:8%}}
@media(max-width:850px){.site-header{height:82px;padding:0 7%}.wordmark strong{font-size:23px}.wordmark span{font-size:7px;letter-spacing:1.8px}.site-header nav{top:82px;padding:15px 7% 22px;border-bottom:1px solid #d8e0ce;border-radius:0 0 12px 12px;gap:0}.site-header nav a{font-size:13px;padding:18px 0}.site-header nav a:after{display:none}.site-header nav a[aria-current=page]{color:#829264;padding:18px 0}.site-header nav .navcta{padding:18px 0!important;border-radius:0}.cover-header .navcta:hover{background:transparent}.cover:after{inset:100px 15px 15px}.cover-copy{padding:160px 8% 165px;max-width:780px}.cover h1{font-size:45px;line-height:1.7;letter-spacing:2px}.cover-bottom{bottom:38px;left:8%;right:8%;font-size:8px;letter-spacing:1px}.page-head{padding:38px 7% 45px}.breadcrumb{margin-bottom:30px}.page-head:after{font-size:145px;right:7%;bottom:-20px;letter-spacing:-8px}.page-head h1{font-size:36px;letter-spacing:1.5px}.page-head p{font-size:12px}.page-main .section{padding:60px 7%}.intro{grid-template-columns:1fr;gap:35px}.intro img{max-width:300px;padding:20px}.section h2{font-size:29px}.values{gap:25px}.feature h2{font-size:31px}.page-cta{margin:0 5% 35px;padding:30px 6%;gap:15px}.page-cta h2{font-size:22px;margin:0}.contact form{padding:12px 22px 25px}.contact h2{font-size:29px}.page-main .faq{padding:38px 0 55px}.faq details{padding:23px 0}.faq summary{font-size:13px;gap:15px}.faq details p{margin:18px 30px 0;font-size:12px}.empty-state{padding:45px 25px}.empty-state h2{font-size:25px}.site-footer{padding:28px 7%;flex-wrap:wrap;gap:20px}.footer-admin{margin-left:auto}}
@media(max-width:480px){.cover{background-position:62% 40%}.cover:before{background:linear-gradient(90deg,#0b251ed9,#0b251e65),linear-gradient(0deg,#0b251ebf,transparent 70%)}.cover-copy{padding:155px 8% 155px;max-width:100%}.cover h1{font-size:36px;line-height:1.75;letter-spacing:1.5px;margin-top:22px}.cover .eyebrow{font-size:8px;letter-spacing:1.8px;line-height:2.1;max-width:260px;gap:12px}.cover .eyebrow:before{width:22px}.cover-description{font-size:12px;letter-spacing:1px;line-height:2.2}.cover .actions{gap:12px;flex-wrap:wrap;margin-top:29px}.cover .btn{font-size:10px;padding:16px 22px;min-width:130px}.cover-bottom span:nth-child(2){max-width:150px;text-align:right;line-height:1.8;font-size:7px;letter-spacing:.7px}.cover-bottom{gap:15px;align-items:center}.page-head h1{font-size:31px}.page-head:after{font-size:120px}.page-head p{max-width:280px}.grid{gap:18px}.card{min-height:320px;padding:28px}.card h3{font-size:23px;margin-top:32px}.card p{font-size:13px}.course-photo{width:calc(100% + 56px);margin:-28px -28px 20px}.page-cta h2{font-size:20px}.values{gap:17px;font-size:9px}.faq summary{font-size:13px}.gallery-card h3{font-size:18px}.site-footer span{font-size:8px}.site-footer .footer-admin{width:100%;margin:0;border:0}}
@media(prefers-reduced-motion:reduce){a,button,.btn,.navcta,.textlink,.site-header nav a:after{transition:none!important}.cover .btn:hover,.card:hover{transform:none}}

/* Supplied complete brand mark; preserve original artwork. */
.site-header{height:126px}.site-header .brand-image{display:block;width:112px;height:112px;flex-shrink:0;overflow:hidden;border-radius:5px;background:#fdf9f2}.site-header .brand-image img{display:block;width:100%;height:100%;object-fit:contain}.cover-header .brand-image{box-shadow:0 3px 18px #071d1512}.cover:after{top:145px}.cover-copy{padding-top:185px}.site-header nav{top:126px}
@media(max-width:850px){.site-header{height:104px}.site-header .brand-image{width:92px;height:92px}.site-header nav{top:104px}.cover:after{top:120px}.cover-copy{padding-top:165px}}
@media(max-width:480px){.site-header{height:100px}.site-header .brand-image{width:86px;height:86px}.site-header nav{top:100px}.cover:after{top:116px}.cover-copy{padding-top:170px}}

/* V8 transparent brand mark */
.site-header .brand-image{background:transparent;border:0;border-radius:0;overflow:visible;box-shadow:none!important;width:112px;height:112px}.site-header .brand-image img{object-fit:contain}.cover-header .brand-image img{filter:brightness(0) invert(1);opacity:.96}#about>img{background:transparent;border:0;border-radius:0;padding:15px;mix-blend-mode:normal}
@media(max-width:850px){.site-header .brand-image{width:88px;height:88px}}
@media(max-width:480px){.site-header .brand-image{width:82px;height:82px}}
