@font-face{font-family:NewLeafSystem;src:local("Noto Sans TC"),local("PingFang TC"),local("Microsoft JhengHei");font-display:swap}:root{--color-primary: #176b3a;--color-primary-dark: #0f4f2a;--color-primary-soft: #e7f1e8;--color-sage: #d7e6d4;--color-cream: #fbf6ea;--color-cream-deep: #f3ead7;--color-charcoal: #26312b;--color-muted: #68746d;--color-border: #dde5dc;--color-white: #ffffff;--shadow-soft: 0 18px 45px rgba(23, 107, 58, .11);--shadow-lift: 0 24px 58px rgba(23, 107, 58, .18);--radius-lg: 28px;--radius-md: 18px;--container: 1120px}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--color-cream)}body{margin:0;font-family:NewLeafSystem,Noto Sans TC,PingFang TC,Microsoft JhengHei,system-ui,sans-serif;color:var(--color-charcoal);background:radial-gradient(circle at top left,rgba(215,230,212,.82),transparent 34rem),linear-gradient(180deg,#fffdf8 0%,var(--color-cream) 42%,#ffffff 100%);line-height:1.7;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}main{overflow:hidden}.skip-link{position:absolute;left:1rem;top:-4rem;z-index:100;background:var(--color-primary-dark);color:#fff;padding:.65rem 1rem;border-radius:999px}.skip-link:focus{top:1rem}.container{width:min(100% - 2rem,var(--container));margin-inline:auto}.site-header{position:sticky;top:0;z-index:50;border-bottom:1px solid rgba(221,229,220,.82);background:#fffdf8e6;backdrop-filter:blur(16px)}.header-inner{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand-mark{display:inline-flex;align-items:center;gap:.85rem;min-width:0}.logo-full{width:min(278px,46vw);display:block}.logo-compact{width:64px;aspect-ratio:1 / 1;object-fit:cover;object-position:left center;border-radius:16px;display:none}.desktop-nav{display:none;align-items:center;gap:.25rem;font-size:.95rem;color:var(--color-muted)}.desktop-nav a,.mobile-nav a{border-radius:999px;padding:.55rem .82rem;transition:color .18s ease,background-color .18s ease,transform .18s ease}.desktop-nav a:hover,.mobile-nav a:hover{color:var(--color-primary-dark);background:var(--color-primary-soft);transform:translateY(-1px)}.header-actions{display:flex;align-items:center;gap:.55rem}.mobile-menu{position:relative}.mobile-menu summary{list-style:none;cursor:pointer;border:1px solid var(--color-border);border-radius:999px;padding:.48rem .78rem;color:var(--color-primary-dark);font-weight:700;background:#fff;min-height:44px;display:inline-flex;align-items:center;gap:.45rem}.mobile-menu summary:before,.mobile-menu summary:after{content:"";width:.95rem;height:2px;border-radius:999px;background:currentColor;box-shadow:0 6px 0 currentColor;transition:transform .2s ease,box-shadow .2s ease}.mobile-menu summary:after{display:none}.mobile-menu[open] summary:before{transform:rotate(45deg);box-shadow:none}.mobile-menu[open] summary:after{display:block;transform:rotate(-45deg);margin-left:-1.4rem}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-nav{position:absolute;right:0;top:calc(100% + .65rem);width:min(86vw,320px);padding:.8rem;background:#fff;border:1px solid var(--color-border);border-radius:22px;box-shadow:var(--shadow-soft);display:grid;gap:.15rem;transform-origin:top right;animation:menu-pop .18s ease both}.mobile-nav .button{margin-top:.35rem;justify-content:center}@keyframes menu-pop{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.button{display:inline-flex;align-items:center;justify-content:center;gap:.42rem;border:1px solid transparent;border-radius:999px;padding:.72rem 1.08rem;font-weight:800;line-height:1.2;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease,color .18s ease}.button:hover{transform:translateY(-1px)}.button-primary{color:#fff;background:var(--color-primary);box-shadow:0 12px 24px #176b3a33}.button-primary:hover{background:var(--color-primary-dark)}.button-secondary{color:var(--color-primary-dark);background:#fff;border-color:var(--color-border)}.button-secondary:hover{background:var(--color-primary-soft)}.eyebrow{margin:0 0 .75rem;color:var(--color-primary);font-size:.85rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.hero{position:relative;padding:clamp(3rem,7vw,6.6rem) 0 clamp(2.7rem,6vw,5rem)}.hero:after,.watermark:after{content:"";position:absolute;inset:auto -4rem -6rem auto;width:min(42vw,460px);aspect-ratio:1;background:url(/assets/new-leaf-logo.png) center / contain no-repeat;opacity:.055;pointer-events:none;transform:rotate(-5deg)}.hero-grid{display:grid;gap:2rem;align-items:center}.hero h1,.page-hero h1{margin:0;max-width:850px;color:var(--color-primary-dark);font-size:clamp(2.25rem,8vw,4.85rem);line-height:1.08;letter-spacing:-.055em}.hero .lead,.page-hero .lead,.section-lead{color:var(--color-muted);font-size:clamp(1.05rem,2.5vw,1.22rem);max-width:720px}.hero .lead{margin:1.25rem 0 0}.hero-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.65rem}.hero-card{position:relative;padding:clamp(1.2rem,4vw,2rem);border:1px solid rgba(221,229,220,.95);border-radius:var(--radius-lg);background:#ffffffbd;box-shadow:var(--shadow-soft);transition:transform .22s ease,box-shadow .22s ease}.hero-card:hover{transform:translateY(-4px) rotate(.3deg);box-shadow:var(--shadow-lift)}.hero-card img{display:block;width:min(100%,360px);margin-inline:auto}.hero-points{margin:1rem 0 0;padding:0;list-style:none;display:grid;gap:.65rem}.hero-points li,.check-list li{position:relative;padding-left:1.65rem}.hero-points li:before,.check-list li:before{content:"✓";position:absolute;left:0;top:.05rem;color:var(--color-primary);font-weight:900}.section{position:relative;padding:clamp(3rem,7vw,5.4rem) 0}.section-soft{background:linear-gradient(180deg,#e7f1e89e,#fbf6ea8c)}.section-white{background:#ffffffb8}.section-header{display:grid;gap:.55rem;margin-bottom:clamp(1.5rem,4vw,2.4rem)}.section-header h2,.page-hero h1,.card h2,.card h3{text-wrap:balance}.section-header h2{margin:0;color:var(--color-primary-dark);font-size:clamp(1.9rem,4.5vw,3.15rem);line-height:1.15;letter-spacing:-.035em}.section-lead{margin:0}.grid{display:grid;gap:1rem}.grid-2,.grid-3{grid-template-columns:1fr}.card{height:100%;padding:clamp(1.1rem,3vw,1.55rem);border:1px solid var(--color-border);border-radius:var(--radius-md);background:#ffffffd1;box-shadow:0 10px 28px #1633210e;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.card:hover{transform:translateY(-3px);border-color:#176b3a38;box-shadow:0 18px 38px #16332117}.card-accent{background:linear-gradient(145deg,#ffffff,var(--color-primary-soft))}.card h2,.card h3{margin:0 0 .45rem;color:var(--color-primary-dark);line-height:1.28}.card p{margin:0;color:var(--color-muted)}.card .icon{display:inline-grid;place-items:center;width:2.55rem;height:2.55rem;margin-bottom:.9rem;border-radius:14px;color:var(--color-primary-dark);background:var(--color-sage);font-size:1.25rem}.split{display:grid;gap:1.4rem;align-items:start}.panel{border-radius:var(--radius-lg);padding:clamp(1.25rem,4vw,2rem);background:var(--color-primary-dark);color:#fff;box-shadow:var(--shadow-soft)}.panel h2,.panel h3{margin-top:0;color:#fff}.panel p{color:#ffffffd1}.panel .button-secondary{border-color:#ffffff40}.check-list{margin:0;padding:0;list-style:none;display:grid;gap:.85rem}.mobile-snap-cards,.class-gallery,.snap-card{display:grid;gap:1rem}.course-showcase{display:grid;gap:1.1rem}.course-feature{display:grid;gap:1rem;align-items:center}.course-feature h2{margin:0 0 .4rem;color:var(--color-primary-dark);font-size:clamp(1.55rem,5vw,2.35rem);line-height:1.16}.class-image{position:relative;min-height:210px;margin:0;overflow:hidden;border:1px dashed rgba(23,107,58,.3);border-radius:24px;background:linear-gradient(135deg,#e7f1e8f5,#ffffffb8);isolation:isolate}.class-image-cream{background:linear-gradient(135deg,#fff8e8,#f3ead7)}.class-image-sage{background:linear-gradient(135deg,#eef6ed,#d7e6d4)}.class-image:before{content:"";position:absolute;inset:12px;border:1px solid rgba(255,255,255,.75);border-radius:18px;z-index:-1}.class-image-art{position:absolute;inset:0;display:grid;place-items:center}.class-image-art .sun{position:absolute;top:1.2rem;right:1.35rem;width:3rem;aspect-ratio:1;border-radius:50%;background:#f6c45b6b}.class-image-art .book{width:min(50%,160px);height:88px;border-radius:14px 14px 20px 20px;background:linear-gradient(90deg,#fff 0 48%,#e7f1e8 49% 51%,#fff 52%);box-shadow:0 20px 35px #0f4f2a21;transform:perspective(300px) rotateX(14deg)}.class-image-art .leaf{position:absolute;width:74px;height:34px;border-radius:999px 0;background:#176b3a2e}.leaf-one{left:12%;bottom:28%;transform:rotate(-22deg)}.leaf-two{right:16%;bottom:34%;transform:rotate(28deg);background:#176b3a3d}.class-image figcaption{position:absolute;inset:auto 1rem 1rem;display:grid;gap:.15rem;padding:.85rem 1rem;border-radius:18px;background:#ffffffc7;backdrop-filter:blur(10px)}.class-image figcaption span{color:var(--color-muted);font-size:.8rem;font-weight:800;letter-spacing:.08em}.class-image figcaption strong{color:var(--color-primary-dark);font-size:1.08rem}.page-hero{padding:clamp(3rem,7vw,5.6rem) 0 clamp(2rem,5vw,3.6rem);background:linear-gradient(135deg,#e7f1e8e0,#fbf6eac7)}.page-hero .lead{margin:1rem 0 0}.contact-box{display:grid;gap:1rem}.contact-row{display:grid;gap:.28rem;padding:1rem;border-radius:18px;background:#ffffffb8;border:1px solid rgba(221,229,220,.82)}.contact-row strong{color:var(--color-primary-dark)}.contact-row span{color:var(--color-muted)}.site-footer{background:#102f20;color:#ffffffd1;padding:2.2rem 0}.footer-inner{display:grid;gap:1.4rem}.footer-logo{width:min(250px,70vw);padding:.65rem;border-radius:18px;background:#ffffffeb}.footer-nav{display:flex;flex-wrap:wrap;gap:.75rem 1rem}.footer-nav a:hover{color:#fff}.footer-small{color:#ffffff94;font-size:.92rem}@media(min-width:760px){.desktop-nav{display:flex}.mobile-menu{display:none}.hero-grid{grid-template-columns:minmax(0,1.1fr) minmax(300px,.75fr)}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.split{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.mobile-snap-cards,.class-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.course-feature{grid-template-columns:minmax(280px,.85fr) minmax(0,1fr)}.course-showcase{gap:1.35rem}.footer-inner{grid-template-columns:1.1fr 1fr;align-items:center}}@media(max-width:560px){.container{width:min(100% - 1.15rem,var(--container))}.site-header{border-bottom-color:#176b3a1f}.header-inner{min-height:66px;gap:.6rem}.logo-full{display:none}.logo-compact{display:block;width:56px;border-radius:15px}.header-actions>.button{display:none}.mobile-menu summary{font-size:0;padding:.58rem .72rem}.mobile-nav{position:fixed;left:.65rem;right:.65rem;top:76px;width:auto;padding:.95rem;border-radius:26px}.mobile-nav a{min-height:46px;display:flex;align-items:center;padding-inline:1rem;background:#e7f1e86b}.button{width:100%;min-height:46px}.hero-actions .button{width:100%}.hero{padding-top:2.35rem}.hero h1,.page-hero h1{font-size:clamp(2.2rem,12vw,3.35rem);letter-spacing:-.045em}.hero .lead,.page-hero .lead,.section-lead{font-size:1.03rem}.hero-card{padding:1rem;border-radius:24px}.hero-points{gap:.5rem}.section{padding:2.45rem 0}.section-header{margin-bottom:1.25rem}.section-header h2{font-size:clamp(1.75rem,9vw,2.35rem)}.card{border-radius:22px}.mobile-snap-cards,.class-gallery{display:flex;gap:.9rem;overflow-x:auto;padding:.15rem .55rem 1rem;margin-inline:-.55rem;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.mobile-snap-cards>*,.class-gallery>*{flex:0 0 min(86vw,330px);scroll-snap-align:center}.mobile-snap-cards:after,.class-gallery:after{content:"";flex:0 0 .1rem}.class-image{min-height:230px}.hero:after{width:320px;right:-10rem;bottom:-7rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}