:root{--bg:#f7f3ed;--surface:#fffdf9;--ink:#39322e;--muted:#71635a;--accent:#714737;--accent-hover:#543225;--line:#ded4c8;--sand:#ede2d4;--olive:#636a54;--radius:6px;--display:'Noto Serif TC',serif;--english:'Cormorant Garamond',serif;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--ink);font-family:'Noto Sans TC','PingFang TC',sans-serif;font-size:16px;line-height:1.85}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--display);font-weight:500;text-wrap:balance}a{color:inherit;text-underline-offset:5px}a,button,summary{touch-action:manipulation;transition:background .2s,color .2s,border-color .2s}a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--accent);outline-offset:5px}button{font:inherit;cursor:pointer}summary{cursor:pointer}::selection{background:var(--sand)}[hidden]{display:none!important}.container{max-width:1240px;margin:0 auto;padding:0 48px}.section{padding-top:88px;padding-bottom:88px}h2{font-size:clamp(25px,2.8vw,35px);line-height:1.6;letter-spacing:.045em}h3{font-size:21px;line-height:1.6}.eyebrow{font-family:Montserrat,sans-serif;font-size:10px;font-weight:500;letter-spacing:.18em;color:var(--accent);margin-bottom:14px}.dot{display:inline-block;width:6px;height:6px;background:var(--accent);border-radius:50%;vertical-align:middle;margin-right:8px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:28px;background:var(--accent);color:var(--surface);border:1px solid var(--accent);border-radius:3px;min-height:48px;padding:13px 23px;text-decoration:none;font-size:14px}.btn:hover{background:var(--accent-hover)}.btn.secondary{background:transparent;color:var(--accent)}.btn.secondary:hover{background:var(--sand)}.text-link{display:inline-flex;gap:18px;align-items:center;min-height:44px;text-decoration:none;border-bottom:1px solid var(--accent);font-size:13px;padding:8px 0;color:var(--accent)}.text-link:hover{color:var(--accent-hover);border-color:var(--accent-hover)}.skip{position:fixed;top:8px;left:8px;z-index:100;padding:12px;background:var(--surface);transform:translateY(-150%)}.skip:focus{transform:none}.site-header{position:sticky;top:0;z-index:30;background:var(--bg);border-bottom:1px solid var(--line);padding-top:env(safe-area-inset-top)}.nav-inner{height:88px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{width:155px;flex:none;text-decoration:none}.brand img{display:block;width:110px;height:auto;margin:auto}.brand span{display:block;text-align:center;font-size:8px;letter-spacing:.1em;margin-top:7px}.nav-inner nav{display:flex;align-items:center;gap:28px;font-size:13px}.nav-inner nav>a:not(.btn){text-decoration:none;padding:12px 0}.nav-inner nav>a:hover{color:var(--accent)}.nav-inner nav>.btn{font-size:12px;min-height:44px;padding:11px 18px;color:var(--surface)}.nav-toggle{display:none;width:44px;height:44px;border:1px solid var(--line);background:transparent;border-radius:3px}.nav-toggle svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;vertical-align:middle}
.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:64px;padding-top:64px;padding-bottom:64px;align-items:center}.hero-context{font-size:12px;letter-spacing:.09em;color:var(--muted);margin-top:30px}.hero h1{font-size:clamp(34px,3.7vw,48px);line-height:1.55;letter-spacing:.035em;margin:14px 0 24px}.hero h1 span{color:var(--accent)}.hero-description{font-size:15px;line-height:2;color:var(--muted)}.hero-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap;margin-top:30px}.hero-note{font-size:11px;color:var(--muted);margin-top:22px}.hero-visual{position:relative;background:var(--sand);padding:24px 30px 28px;border-radius:3px;min-width:0}.visual-top{display:flex;justify-content:space-between;gap:12px;font-family:Montserrat,sans-serif;font-size:8px;letter-spacing:.15em;color:var(--muted)}.hero-visual>img{display:block;width:100%;height:auto;max-height:410px;object-fit:contain;margin:10px 0}.visual-bottom{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:10px;letter-spacing:.1em;color:var(--muted)}.script{font-family:var(--english);font-style:italic;font-size:26px;letter-spacing:0;color:var(--accent)}.lesson-tag{position:absolute;right:-18px;bottom:85px;background:var(--accent);color:var(--surface);padding:18px 20px;transform:rotate(4deg);box-shadow:0 6px 18px #71473715}.lesson-tag b{font-family:var(--english);font-size:23px;line-height:1.1;font-weight:400}.lesson-tag span{display:block;font-size:9px;margin-top:12px}.proof-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.proof-grid{display:grid;grid-template-columns:repeat(4,1fr);padding-top:28px;padding-bottom:28px}.proof-grid>div{padding:0 26px;border-right:1px solid var(--line)}.proof-grid>div:first-child{padding-left:0}.proof-grid>div:last-child{border:0}.proof-grid b{display:block;font-family:var(--english);font-size:35px;line-height:1.25;font-weight:500;font-variant-numeric:tabular-nums}.proof-grid small{font-family:'Noto Sans TC',sans-serif;font-size:12px;font-weight:400}.proof-grid span{display:block;font-size:12px;color:var(--muted);margin-top:7px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:40px}.section-heading>p{font-size:13px;color:var(--muted);line-height:2}.course-layout{display:grid;grid-template-columns:.85fr 1.6fr;gap:50px}.pill{display:inline-block;font-size:11px;border:1px solid var(--line);border-radius:20px;padding:4px 14px;color:var(--accent)}.course-intro h3{font-size:27px;margin:18px 0}.course-intro>p{font-size:14px;color:var(--muted);margin-bottom:16px}.course-intro .text-link{margin-top:8px}.plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.plan{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:28px}.plan h3{font-size:23px;margin-bottom:16px}.plan>p:not(.eyebrow){font-size:13px;color:var(--muted)}.plan ul{list-style:none;padding:0;margin:22px 0 26px;font-size:12px;line-height:2.3}.plan li::before{content:'—';margin-right:10px;color:var(--accent)}.plan .btn{margin-top:auto;font-size:12px;padding:12px 14px;gap:16px}.fineprint{font-size:12px;color:var(--muted);line-height:1.9}.section>.fineprint{margin-top:26px}.curriculum-section{background:var(--sand)}.timeline{border-top:1px solid #c7b8a8}.timeline article{display:grid;grid-template-columns:100px 1fr;gap:30px;border-bottom:1px solid #c7b8a8;padding:32px 0}.timeline-num{font-family:var(--english);font-size:65px;line-height:1.15;color:var(--accent)}.timeline h3{font-size:24px;margin-bottom:14px}.timeline article p:not(.eyebrow){font-size:14px;color:var(--muted);max-width:760px}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.chips span{border:1px solid #c7b8a8;padding:4px 12px;border-radius:3px;font-size:11px;color:var(--accent)}.skills-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:38px}.skills-grid article{border-left:1px solid #c7b8a8;padding-left:24px}.skills-grid article>span{font-family:Montserrat,sans-serif;font-size:9px;letter-spacing:.12em;color:var(--muted)}.skills-grid h3{font-size:19px;margin:8px 0 10px}.skills-grid p{font-size:13px;color:var(--muted)}.teacher-section{display:grid;grid-template-columns:.85fr 1.25fr;gap:80px;align-items:center}.teacher-panel{background:#e8e9df;border:1px solid #d1d3c1;min-height:470px;padding:32px 34px;display:flex;flex-direction:column}.teacher-panel .eyebrow{color:var(--olive)}.teacher-monogram{font-family:var(--english);font-size:200px;line-height:1.2;text-align:center;color:var(--olive);padding:14px 0 25px;position:relative}.teacher-monogram span{position:absolute;bottom:28px;left:0;right:0;font-size:26px;font-style:italic;background:#e8e9df}.teacher-name{border-top:1px solid #b6baa5;padding-top:18px;margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:16px}.teacher-name h2{font-family:var(--english);font-size:34px;letter-spacing:.08em}.teacher-name>span{font-size:10px;color:var(--olive)}.teacher-lead{font-size:14px;color:var(--muted);margin:22px 0}.credentials{padding:0;list-style:none;margin:0 0 18px}.credentials li{display:flex;gap:20px;padding:17px 0;border-top:1px solid var(--line)}.credentials li>span{font-family:var(--english);font-size:23px;color:var(--accent)}.credentials h3{font-size:16px;margin-bottom:5px}.credentials p{font-size:13px;color:var(--muted)}.support-section{background:#efe9e0}.support-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.support-grid>article{background:var(--surface);border:1px solid var(--line);padding:28px;border-radius:var(--radius)}.support-number{font-family:var(--english);font-size:32px;color:var(--accent)}.support-grid h3{font-size:19px;margin:16px 0}.support-grid p{font-size:13px;color:var(--muted)}.support-grid p.fineprint{font-size:12px;margin-top:16px}.support-grid details{margin-top:18px;border-top:1px solid var(--line)}details summary{list-style:none;display:flex;justify-content:space-between;gap:16px;align-items:center;min-height:48px}details summary::-webkit-details-marker{display:none}details summary span{font-size:22px;line-height:1}details[open] summary span{transform:rotate(45deg)}.support-grid summary{font-size:12px;padding:12px 0}.tool-list{list-style:none;padding:0;margin:12px 0;font-size:12px;color:var(--muted)}.tool-list li{padding:4px 0}.faq-section{display:grid;grid-template-columns:.8fr 1.5fr;gap:80px}.section-description{font-size:14px;color:var(--muted);margin:20px 0}.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{font-size:15px;padding:20px 0}.faq-list details>p{font-size:14px;color:var(--muted);padding:0 24px 24px 0}.enroll-section{background:var(--accent);color:var(--surface)}.enroll-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:90px;padding-top:64px;padding-bottom:64px;align-items:center}.enroll-section .eyebrow{color:#e0c5b0}.enroll-layout h2{font-size:36px}.enroll-layout>div>p:not(.eyebrow){font-size:14px;color:#e8dace;margin:20px 0 28px}.enroll-layout .btn{background:var(--surface);color:var(--accent);border-color:var(--surface)}.enroll-layout .btn:hover{background:var(--sand)}.enroll-layout>div>p.contact-handle{font-size:11px;margin-top:12px;margin-bottom:0}.visit-card{border:1px solid #b58c77;padding:32px}.visit-card h3{font-size:22px}.visit-card>p:not(.eyebrow){font-size:13px;line-height:2;margin:14px 0!important}.visit-card .text-link{color:var(--surface);border-color:#b58c77}.visit-note{border-top:1px solid #b58c77;margin-top:20px;padding-top:20px}.visit-note span{font-size:10px;color:#e0c5b0}.visit-note p{font-size:12px;margin-bottom:10px}.salon-aside{padding-top:48px;padding-bottom:48px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}.salon-aside h2{font-size:23px}.salon-aside p:not(.eyebrow){font-size:13px;color:var(--muted);margin-top:10px}.salon-aside .text-link{flex-shrink:0}footer{padding-top:38px!important;padding-bottom:40px!important;display:flex;justify-content:space-between;gap:24px;align-items:center}.footer-brand{font-family:var(--english);font-size:28px;text-decoration:none;letter-spacing:.1em}footer p{font-size:11px;color:var(--muted);margin:6px 0}footer small{font-size:9px;letter-spacing:.07em;color:var(--muted)}.footer-links{display:flex;gap:26px;font-size:12px}.footer-links a{min-height:44px;padding:10px 0;display:inline-block}.mobile-cta{display:none}
.breadcrumb{display:flex;gap:12px;padding-top:32px;font-size:12px;color:var(--muted)}.service-title{font-size:36px}.tabs{display:flex;gap:8px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:30px}.tabs button{background:none;color:var(--muted);border:1px solid var(--line);border-radius:3px;min-height:46px;padding:10px 24px;font-size:14px}.tabs button[aria-selected=true]{background:var(--accent);color:var(--surface);border-color:var(--accent)}.tabs button:hover{border-color:var(--accent)}.menu{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.grp{background:var(--surface);border:1px solid var(--line);padding:24px;border-radius:var(--radius);align-self:start}.grp h3{font-size:18px;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:12px}.menu ul{padding:0;margin:0;list-style:none}.menu li{display:flex;justify-content:space-between;gap:12px;align-items:baseline;padding:6px 0;font-size:13px}.menu li span{min-width:0}.menu li b{font-weight:500;white-space:nowrap;font-variant-numeric:tabular-nums}.menu li small{display:block;color:var(--muted);font-size:12px}.gnote{font-size:12px;color:var(--muted);margin-top:12px}.gnote.top{margin:0 0 20px}.menu ul.plain li{display:block}.menu ul.plain li::before{content:'—';margin-right:8px}.cp{font-family:var(--english);font-size:32px;margin-bottom:12px}.salon-booking{border-top:1px solid var(--line);padding-top:36px;padding-bottom:36px;display:flex;justify-content:space-between;gap:24px;align-items:center}.salon-booking p:not(.eyebrow){font-size:13px;color:var(--muted);margin-top:12px}.salon-booking>div:last-child{display:flex;flex-direction:column;align-items:start;gap:14px}
@media(max-width:1100px){.container{padding-left:32px;padding-right:32px}.hero{gap:36px}.hero h1{font-size:38px}.nav-inner nav{gap:20px}.course-layout{gap:30px;grid-template-columns:.8fr 1.5fr}.plan{padding:22px}.teacher-section,.faq-section{gap:45px}.enroll-layout{gap:50px}.menu{grid-template-columns:repeat(2,1fr)}.proof-grid b{font-size:30px}.proof-grid>div{padding:0 20px}}
@media(max-width:800px){.nav-inner{height:74px}.nav-toggle{display:block}.nav-inner nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:8px;background:var(--bg);padding:18px 24px;border-bottom:1px solid var(--line)}.nav-inner nav.open{display:flex}.nav-inner nav>a:not(.btn){padding:10px;font-size:15px}.hero{gap:28px}.hero h1{font-size:32px}.hero-visual{padding:20px}.hero-note{font-size:10px}.hero-actions{gap:18px}.course-layout{grid-template-columns:1fr}.course-intro{max-width:600px}.teacher-section{gap:32px}.teacher-panel{padding:24px;min-height:420px}.teacher-name{flex-direction:column;align-items:start;gap:4px}.support-grid{gap:16px}.support-grid>article{padding:20px}.enroll-layout{gap:28px}.proof-grid>div{padding:0 12px}.proof-grid small{font-size:10px}.proof-grid span{font-size:11px}.footer-links{gap:18px}}
@media(max-width:640px){html{scroll-padding-top:92px}.container{padding-left:22px;padding-right:22px}.section{padding-top:52px;padding-bottom:52px}.brand{width:148px}.hero{grid-template-columns:1fr;padding-top:38px;padding-bottom:34px;gap:32px}.hero-context{margin-top:24px}.hero h1{font-size:clamp(30px,7.5vw,42px);margin:14px 0 20px}.hero-description{font-size:14px}.hero-actions{margin-top:24px;gap:20px}.hero-note{font-size:11px;margin-top:18px}.hero-visual{padding:20px 24px}.hero-visual>img{max-height:300px}.lesson-tag{right:-6px;bottom:68px;padding:14px 16px}.lesson-tag b{font-size:21px}.lesson-tag span{font-size:8px}.visual-top{font-size:7px;letter-spacing:.1em}.visual-bottom .script{font-size:24px}.proof-grid{grid-template-columns:1fr 1fr;padding-top:6px;padding-bottom:6px;gap:0}.proof-grid>div,.proof-grid>div:first-child{padding:18px 8px;border:0}.proof-grid>div:nth-child(odd){border-right:1px solid var(--line)}.proof-grid>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.proof-grid>div:nth-child(even){padding-left:24px}.proof-grid b{font-size:33px}.proof-grid span{font-size:11px}.section-heading{display:block;margin-bottom:28px}.section-heading>p{margin-top:16px;font-size:13px}.plan-grid{grid-template-columns:1fr;gap:16px}.plan{padding:26px}.plan>p:not(.eyebrow){font-size:14px}.plan ul{font-size:13px}.plan .btn{font-size:13px}.course-intro h3{font-size:26px}.timeline article{grid-template-columns:44px 1fr;gap:18px;padding:28px 0}.timeline-num{font-size:42px}.timeline h3{font-size:21px}.timeline .eyebrow{font-size:8px;letter-spacing:.1em}.timeline article p:not(.eyebrow){font-size:13px}.skills-grid{grid-template-columns:1fr;gap:24px}.skills-grid p{font-size:14px}.teacher-section{grid-template-columns:1fr;gap:30px}.teacher-panel{min-height:360px}.teacher-monogram{font-size:175px;padding:0 0 16px}.teacher-monogram span{bottom:18px}.teacher-name{flex-direction:row;align-items:center}.support-grid{grid-template-columns:1fr;gap:16px}.support-grid>article{padding:24px}.support-grid p{font-size:14px}.faq-section{grid-template-columns:1fr;gap:28px}.faq-list summary{font-size:14px}.enroll-layout{grid-template-columns:1fr;padding-top:42px;padding-bottom:42px;gap:36px}.enroll-layout h2{font-size:30px}.enroll-layout>div>p:not(.eyebrow){font-size:13px}.visit-card{padding:26px}.salon-aside{flex-direction:column;align-items:start;padding-top:36px;padding-bottom:36px}.salon-aside h2{font-size:22px}footer{flex-direction:column;align-items:start;padding-top:28px!important;padding-bottom:110px!important}.footer-links{flex-wrap:wrap;gap:10px 24px}.mobile-cta{position:fixed;bottom:0;left:0;right:0;z-index:25;background:var(--bg);border-top:1px solid var(--line);padding:12px 22px calc(12px + env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:space-between;gap:12px}.mobile-cta>span{font-size:12px;line-height:1.7}.mobile-cta small{display:block;color:var(--muted);font-size:10px}.mobile-cta .btn{font-size:13px;gap:16px;padding:10px 18px;min-height:44px}.service-title{font-size:30px}.tabs{display:grid;grid-template-columns:1fr 1fr}.tabs button{padding:10px 14px}.menu{grid-template-columns:1fr}.menu li{font-size:14px}.salon-booking{flex-direction:column;align-items:start}.salon-booking h2{font-size:26px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}