:root{--ink:#171412;--paper:#f5f0e7;--orange:#ff7938;--soft:#eadfce;--line:rgba(23,20,18,.16);--white:#fffdf8}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif;font-size:16px;line-height:1.55}a{color:inherit;text-decoration:none}img,video{display:block;max-width:100%}.wrap{width:min(1180px,calc(100% - 40px));margin:auto}.display{font-family:"Archivo Black",sans-serif;text-transform:uppercase;letter-spacing:-.04em;line-height:.94;margin:0}.eyebrow{font-size:.78rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.orange{color:var(--orange)}
header{position:absolute;z-index:20;top:0;left:0;right:0;color:white}.nav{height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.22)}.brand{display:flex;gap:11px;align-items:center;font-family:"Archivo Black";font-size:1.2rem}.mark{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--orange);color:var(--ink)}.navlinks{display:flex;gap:24px;align-items:center;font-weight:700;font-size:.92rem}.cta,.ghost{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:999px;font-weight:700}.cta{background:var(--orange);color:var(--ink)}.ghost{border:1px solid currentColor}.actions{display:flex;gap:12px;flex-wrap:wrap}
.detail-hero{min-height:640px;padding:160px 0 64px;display:flex;align-items:end;color:white;background:#171412 center/cover}.detail-hero h1{font-size:clamp(3.6rem,8vw,7.6rem);max-width:900px}.detail-hero p{max-width:680px;font-size:1.18rem;color:#ddd5ce;margin:26px 0 30px}.hero-dark{background-image:linear-gradient(90deg,rgba(0,0,0,.92),rgba(0,0,0,.28)),var(--hero)}
section{padding:92px 0}.section-head{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:44px}.section-head h2{font-size:clamp(2.5rem,5vw,4.8rem)}.section-head p{max-width:430px;margin:0;color:#655d56}.dark{background:#111;color:white}.dark .section-head p,.dark .muted{color:#aaa29c}.orange-section{background:var(--orange)}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{background:var(--white);border:1px solid var(--line);border-radius:20px;padding:26px}.card h3{font-size:1.35rem;margin:0 0 13px}.card h4{margin:20px 0 5px}.card p{margin:0;color:#625a54;white-space:pre-line}.contact-teacher{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}.contact-teacher b{font-size:.92rem}.wa{display:inline-flex;align-items:center;gap:7px;background:#1f1b18;color:white;border-radius:999px;padding:9px 13px;font-size:.84rem;font-weight:700}.wa:before{content:"●";color:#25d366}
.split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.photo{width:100%;height:590px;object-fit:cover;border-radius:24px}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:28px 0}.feature{padding:18px;border:1px solid var(--line);border-radius:14px}.feature b{display:block;font-size:1.2rem}.feature span{font-size:.9rem;color:#655d56}
.video-frame{background:#111;border-radius:26px;padding:14px;box-shadow:0 20px 60px rgba(0,0,0,.18)}.video-frame video{width:100%;max-height:680px;border-radius:17px;background:#000}.notice{padding:22px;border-radius:16px;background:var(--soft);margin-top:24px}.conditions{display:grid;grid-template-columns:1fr 1fr;gap:16px}.condition{padding:28px;border:1px solid var(--line);border-radius:18px;background:var(--white)}.condition h3{margin-top:0}
.specs{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.15)}.spec{padding:24px;background:#191614}.spec b{display:block;font-family:"Archivo Black";font-size:1.8rem;color:var(--orange)}.spec span{font-size:.9rem;color:#b8b0aa}.gallery{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:220px;gap:12px}.gallery img{width:100%;height:100%;object-fit:cover;border-radius:16px}.gallery .wide{grid-column:span 8}.gallery .small{grid-column:span 4}.gallery .half{grid-column:span 6}.gallery .tall{grid-row:span 2}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service{border:1px solid rgba(255,255,255,.16);border-radius:18px;padding:26px}.service h3{margin-top:0}.service p{color:#aaa29c}
.contact{padding:76px 0;background:#201b18;color:white}.contact-row{display:flex;justify-content:space-between;gap:50px;align-items:center}.contact h2{font-size:clamp(2.5rem,6vw,5.3rem)}footer{background:#0d0b0a;color:#8f8680;padding:22px 0;font-size:.85rem}.footer-row{display:flex;justify-content:space-between;gap:18px}
@media(max-width:900px){.navlinks a:not(.cta){display:none}.grid,.service-grid{grid-template-columns:1fr 1fr}.split{grid-template-columns:1fr}.specs{grid-template-columns:1fr 1fr}.photo{height:480px}.gallery{grid-auto-rows:190px}.gallery .wide,.gallery .small,.gallery .half{grid-column:span 6}.conditions{grid-template-columns:1fr}.contact-row{display:block}.contact-row .actions{margin-top:25px}}
@media(max-width:620px){.wrap{width:min(100% - 24px,1180px)}.nav{height:70px}.navlinks .cta{display:none}.detail-hero{min-height:570px;padding:130px 0 52px}.detail-hero h1{font-size:3.35rem}section{padding:70px 0}.section-head{display:block}.section-head p{margin-top:20px}.grid,.service-grid,.specs{grid-template-columns:1fr}.feature-grid{grid-template-columns:1fr}.photo{height:400px}.gallery{display:block}.gallery img{height:360px;margin-bottom:12px}.contact-teacher{align-items:flex-start;flex-direction:column}.footer-row{display:block}}