:root{--bg:#fdfbf7;--surface:#fff;--tint:#f1ede4;--ink:#493e32;--muted:#807263;--accent:#9b7048;--line:#dfd7ca;--radius:20px;--shadow:0 12px 32px #61492d0c;color-scheme:light}html[data-theme=dark]{--bg:#141614;--surface:#20231f;--tint:#1a1d19;--ink:#f2eee5;--muted:#b7b8aa;--accent:#d4b36c;--line:#424438;--radius:5px;--shadow:0 12px 32px #0003;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.85 system-ui,'Noto Sans TC',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.45;font-weight:550}h1{font-size:clamp(2.3rem,5vw,4.7rem);letter-spacing:.035em}h2{font-size:clamp(1.7rem,3vw,2.5rem)}h3{font-size:1.3rem}html[data-theme=dark] h1,html[data-theme=dark] h2{font-weight:350;letter-spacing:.08em}.site-header{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:18px 5%;border-bottom:1px solid var(--line);background:var(--bg);position:sticky;top:0;z-index:10}.brand{font-weight:650;line-height:1.3;font-size:22px}.brand img{max-width:190px;height:54px;object-fit:contain}.brand small{display:block;color:var(--accent);font-size:10px;letter-spacing:3px;margin-top:6px}.site-header nav{display:flex;align-items:center;gap:26px;font-size:14px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:25px;background:var(--accent);color:var(--bg);padding:12px 24px;border-radius:var(--radius);border:1px solid var(--accent);transition:transform .2s}.btn:hover{transform:translateY(-2px)}.outline{background:transparent;color:var(--accent)}.hero{position:relative;min-height:620px;height:78vh;max-height:950px;display:flex;align-items:center;overflow:hidden;background:var(--tint)}.hero-photo,.hero-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.hero-shade{background:linear-gradient(90deg,#18241ed9,#18241e30)}.hero-copy{position:relative;z-index:1;max-width:850px;padding:70px 8%;color:#fff}.hero-text-only .hero-copy{color:var(--ink)}.hero-text-only{background:radial-gradient(ellipse at 85% 25%,#bd9e6940,transparent 55%),var(--tint)}.hero-copy h1{max-width:700px;white-space:pre-line}.eyebrow{color:var(--accent);letter-spacing:3px;font-size:12px;margin-bottom:20px}.hero:not(.hero-text-only) .eyebrow{color:#e8d6b3}.hero-subtitle{font-size:18px;margin-bottom:36px}.btn-large{padding:16px 27px}.hero-bottom{position:absolute;bottom:25px;right:6%;color:var(--accent);font-size:10px;letter-spacing:4px}.hero:not(.hero-text-only) .hero-bottom{color:#fff}.feature-strip{display:flex;justify-content:space-evenly;gap:20px;flex-wrap:wrap;padding:25px 5%;border-bottom:1px solid var(--line);font-size:14px;color:var(--accent)}.section{padding:95px max(6%,calc((100vw - 1240px)/2));scroll-margin-top:20px}.section-tinted{background:var(--tint)}.section-heading{max-width:750px;margin:0 auto 45px;text-align:center}.section-heading p{color:var(--muted)}.section-heading .eyebrow{color:var(--accent)}.about{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:65px}.about>img{width:100%;max-height:620px;object-fit:cover;border-radius:var(--radius)}.about:not(:has(>img)){grid-template-columns:1fr}.prose{white-space:pre-line;overflow-wrap:anywhere;color:var(--muted)}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.service-card,.teacher-card{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--surface);box-shadow:var(--shadow)}.service-card>img{width:100%;aspect-ratio:4/3;object-fit:cover}.service-symbol{height:140px;display:grid;place-items:center;font-size:50px;color:var(--accent);background:linear-gradient(130deg,var(--tint),var(--surface))}.card-copy{padding:27px}.card-copy p{color:var(--muted);font-size:14px}.service-meta{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;margin:25px 0 15px;color:var(--accent)}.text-link{display:inline-block;color:var(--accent);border-bottom:1px solid var(--accent);font-size:14px;padding:4px 0}.fine-print{font-size:12px;color:var(--muted);margin:22px 0 0}.teacher-card img,.teacher-placeholder{width:100%;aspect-ratio:4/5;object-fit:cover}.teacher-placeholder{display:grid;place-items:center;font-size:60px;color:var(--accent);background:var(--tint)}.tags{display:flex;flex-wrap:wrap;gap:7px;margin:15px 0}.tags span{font-size:12px;padding:3px 10px;border:1px solid var(--line);border-radius:30px;color:var(--muted)}.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.gallery figure{margin:0}.gallery img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius)}.gallery figcaption{font-size:12px;color:var(--muted);padding-top:8px}.contact{display:grid;grid-template-columns:1fr 1fr;gap:80px}.hours>div{display:flex;justify-content:space-between;gap:20px;padding:10px 0;border-bottom:1px solid var(--line);font-size:14px}.actions,.social-links{display:flex;gap:15px;align-items:center;flex-wrap:wrap}.social-links{margin-top:20px;font-size:13px;color:var(--accent)}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:45px 6%;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.site-footer strong{font-size:20px;color:var(--ink)}.site-footer p{margin:10px 0 0}.nav-toggle,.mobile-book{display:none}.preview-notice{padding:10px;text-align:center;background:#365d4c;color:white;font-size:13px}.preview-notice a{text-decoration:underline;margin-left:15px}.skip-link{position:absolute;top:-100px;left:10px;z-index:50;background:var(--surface);padding:10px}.skip-link:focus{top:10px}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.teacher-detail h1{font-size:3rem}.teacher-detail>.about{margin-top:35px}.teacher-avatar{max-height:650px}.teacher-detail .prose{margin-top:25px}@media(max-width:1000px){.site-header nav{gap:15px}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.about{gap:35px}.contact{gap:40px}}@media(max-width:720px){body{padding-bottom:75px}.site-header{padding:14px 5%;flex-wrap:wrap}.brand{font-size:18px}.brand img{height:44px;max-width:160px}.nav-toggle{display:block;border:1px solid var(--line);border-radius:8px;background:transparent;color:var(--ink);padding:6px 10px}.site-header nav{display:none;width:100%;flex-wrap:wrap;padding:15px 0}.site-header nav.open{display:flex}.hero{min-height:520px;height:70svh}.hero-copy{padding:65px 7%}.hero-photo{object-position:60% center}.hero-shade{background:linear-gradient(90deg,#18241ed9,#18241e55)}.hero-bottom{font-size:8px}.section{padding:60px 6%}.about,.contact{grid-template-columns:1fr;gap:30px}.card-grid{grid-template-columns:1fr}.gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.teacher-card>a{display:block}.teacher-card img{aspect-ratio:1/1;object-position:center 30%}.site-footer{align-items:start;flex-direction:column;padding:30px 6%}.mobile-book{display:flex;position:fixed;bottom:14px;left:5%;width:90%;z-index:15;box-shadow:0 5px 25px #0003}.card-copy{padding:23px}.feature-strip{font-size:12px;padding:20px 5%;gap:12px}.teacher-detail h1{font-size:2.2rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.hero-photo{object-position:var(--focal,center)}@media(max-width:720px){.hero-photo{object-position:var(--mobile-focal,center)}}