.academy-page { background:#fbf7ee; }
.academy-page section[id],.academy-course[id] { scroll-margin-top:100px; }
.academy-page h1,.academy-page h2,.academy-page h3 { font-family:"Noto Sans Thai",sans-serif; line-height:1.35; }
.academy-hero { padding:74px 0 64px; background:radial-gradient(circle at 85% 15%,#efd18d35,transparent 40%); }
.academy-hero-grid { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:48px; }
.academy-hero h1 { font-size:clamp(36px,4.8vw,64px); font-weight:500; margin:16px 0 22px; letter-spacing:-.03em; }
.academy-hero h1 em { font-style:normal; color:#8a632a; }.academy-hero p { color:#686570; font-size:17px; }.academy-hero .academy-small { font-size:13px; }
.academy-hero-art { position:relative; }.academy-hero-art>img { width:100%; border-radius:28px; box-shadow:0 28px 60px #11142622; }.academy-art-note { position:relative; margin:-24px 24px 0; padding:18px 22px; background:#fffdf8; border:1px solid #bd8d3e55; border-radius:12px; box-shadow:0 12px 20px #1114260b; }.academy-art-note b,.academy-art-note span { display:block; }.academy-art-note b { color:#8a632a; font-size:12px; letter-spacing:.12em; }
.academy-paths { padding:18px 0 52px; }.academy-path-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; }.academy-path-grid>a { padding:28px; border:1px solid #bd8d3e50; border-radius:18px; background:#fffdf8; transition:transform .2s; }.academy-path-grid>a:hover { transform:translateY(-3px); }.academy-path-grid small { color:#8a632a; font-size:11px; letter-spacing:.1em; }.academy-path-grid h2 { font-size:25px; margin:10px 0; }.academy-path-grid p { color:#686570; }.academy-path-grid b { color:#4d426f; }
.academy-page .head h2 { font-size:clamp(30px,4vw,46px); }.academy-guarantee { display:flex; flex-direction:column; gap:8px; padding:22px 26px; border:1px solid #bd8d3e55; border-left:4px solid #bd8d3e; border-radius:0 14px 14px 0; margin-bottom:30px; background:#f0e6d6; }.academy-guarantee span { color:#686570; font-size:14px; }
.academy-course-grid { display:grid; gap:22px; }.academy-course-grid.web { grid-template-columns:repeat(2,minmax(0,1fr)); }.academy-course-grid.tarot { grid-template-columns:repeat(3,minmax(0,1fr)); }
.academy-course { display:flex; flex-direction:column; min-width:0; padding:28px; border:1px solid #bd8d3e55; border-radius:22px; background:#fffdf8; color:#1b1b25; }.academy-course-top>small { color:#8a632a; font-size:11px; letter-spacing:.1em; }.academy-course h3 { font-size:30px; margin:8px 0 4px; }.academy-price { margin:6px 0 16px; color:#686570; }.academy-price b { font-size:clamp(32px,3vw,44px); font-weight:500; color:#111426; }.academy-badges { display:flex; flex-wrap:wrap; gap:6px; }.academy-badges span { padding:5px 10px; font-size:12px; background:#eee6d7; color:#634b2a; border-radius:999px; }.academy-focus { font-size:17px; color:#4d426f; font-weight:600; }.academy-course>p { font-size:14px; line-height:1.8; }.academy-course .btn { margin-top:auto; font-size:14px; }.academy-contact-hint { text-align:center; margin-top:12px; color:#686570; font-size:11px; }
.academy-syllabus { margin:10px 0 18px; border-top:1px solid #bd8d3e33; }.academy-syllabus summary { line-height:1.7; }.academy-syllabus ol { padding-left:22px; }.academy-syllabus li { margin:16px 0; }.academy-syllabus li b,.academy-syllabus li span { display:block; font-size:14px; }.academy-syllabus li span { color:#686570; margin-top:4px; }.academy-result { padding:18px; background:#f2eee6; border-radius:12px; margin:0 0 24px; }.academy-result p,.academy-result li { font-size:14px; line-height:1.85; color:#686570; }.academy-result ul { padding-left:20px; margin-bottom:0; }.academy-result li { margin:9px 0; }
.academy-process { margin-top:36px; }.academy-process h3 { font-size:25px; }.academy-process ol,.academy-enrol-steps { list-style:none; padding:0; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }.academy-process li,.academy-enrol-steps li { padding:22px; border:1px solid #bd8d3e40; border-radius:14px; background:#fffdf8; }.academy-process li b,.academy-process li span { display:block; }.academy-process li span,.academy-enrol-steps p { color:#686570; font-size:14px; margin-top:10px; }
.academy-tarot { background:linear-gradient(140deg,#111426,#292b4b); color:#fffdf8; }.academy-tarot-intro { display:grid; grid-template-columns:.8fr 1.2fr; gap:52px; align-items:center; margin-bottom:48px; }.academy-tarot-intro figure { margin:0; }.academy-tarot-intro figure>img { width:100%; height:480px; object-fit:cover; object-position:center 55%; border-radius:22px; }.academy-tarot-intro figcaption { font-size:12px; color:#d2cedb; margin-top:12px; }.academy-tarot-intro h2 { font-size:clamp(32px,4vw,48px); margin:16px 0; }.academy-tarot-intro p { color:#d7d5df; }.academy-deck-preview { display:flex; align-items:center; gap:20px; padding:18px; border:1px solid #efd18d44; border-radius:14px; margin-top:24px; }.academy-deck-preview img { width:90px; height:141px; object-fit:contain; flex-shrink:0; }.academy-deck-preview p { font-size:14px; }
.academy-certificate { margin-top:30px; border-left:3px solid #efd18d; padding:22px 25px; background:#ffffff07; border-radius:0 12px 12px 0; }.academy-certificate b { color:#efd18d; }.academy-certificate p { color:#d7d5df; margin-bottom:0; }.academy-reading-note { margin-top:24px; font-size:13px; color:#bfbcca; }
.academy-table { overflow-x:auto; border:1px solid #bd8d3e55; border-radius:16px; background:#fffdf8; }.academy-table table { width:100%; min-width:760px; border-collapse:collapse; font-size:14px; }.academy-table caption { text-align:left; padding:18px; font-weight:600; }.academy-table th,.academy-table td { padding:18px; border-top:1px solid #bd8d3e33; text-align:left; }.academy-table th[scope] { background:#f0e6d6; }.academy-table a { text-decoration:underline; text-underline-offset:4px; }.academy-small { font-size:13px; color:#686570; }
.academy-enrol { background:#f2eee6; }.academy-page .faq h2,.academy-page .cta h2 { font-family:"Noto Sans Thai",sans-serif; line-height:1.45; font-size:clamp(28px,4vw,44px); }.academy-page .faq summary { line-height:1.7; }.academy-page .cta { padding-top:55px; }
.academy-skip { position:fixed; top:10px; left:10px; z-index:100; padding:14px 20px; background:#111426; color:white; border-radius:8px; transform:translateY(-160%); }.academy-skip:focus { transform:none; }.academy-page :where(a,summary,button):focus-visible,.academy-home a:focus-visible { outline:3px solid #bd8d3e; outline-offset:5px; }
.academy-home { background:#f0ebe2; border-block:1px solid #bd8d3e33; }.academy-home-heading { max-width:780px; margin-bottom:30px; }.academy-home-heading h2 { font:500 clamp(27px,4vw,43px)/1.45 "Noto Sans Thai",sans-serif; margin:10px 0; }.academy-home-heading p { color:#686570; }.academy-home-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px; }.academy-home-grid article { overflow:hidden; border:1px solid #bd8d3e55; border-radius:22px; background:#fffdf8; }.academy-home-grid article>img { width:100%; height:300px; object-fit:cover; }.academy-home-grid article:first-child>img { object-fit:contain; background:#111426; }.academy-home-grid article:last-child>img { object-position:50% 40%; }.academy-home-copy { padding:28px; }.academy-home-copy h3 { font-size:24px; margin:10px 0; }.academy-home-copy p { color:#686570; }.academy-home-copy .btn { margin-top:12px; }
@media(max-width:1000px) { .academy-course-grid.tarot { grid-template-columns:1fr; }.academy-hero-grid,.academy-tarot-intro { gap:30px; }.academy-process ol,.academy-enrol-steps { grid-template-columns:1fr 1fr; } }
@media(max-width:750px) { .academy-hero-grid,.academy-tarot-intro,.academy-path-grid,.academy-course-grid.web,.academy-home-grid { grid-template-columns:1fr; }.academy-hero { padding:48px 0; }.academy-tarot-intro figure>img { height:420px; }.academy-hero-art { max-width:600px; }.academy-path-grid h2 { font-size:24px; } }
@media(max-width:560px) { .academy-page .navin { gap:8px; height:68px; }.academy-page .navlinks { gap:10px; font-size:12px; }.academy-page .navlinks .btn { min-height:42px; padding:0 13px; }.academy-page .brand { font-size:1.2rem; }.academy-course { padding:23px; }.academy-process ol,.academy-enrol-steps { grid-template-columns:1fr; }.academy-art-note { margin:-16px 16px 0; padding:14px; }.academy-deck-preview { padding:14px; gap:14px; }.academy-hero h1 { font-size:37px; }.academy-home-grid article>img { height:280px; }.academy-home-copy { padding:23px; } }
@media(prefers-reduced-motion:reduce) { .academy-page { scroll-behavior:auto; }.academy-page *,.academy-home * { transition:none; } }

.academy-next { background:#f0ebe2; border-top:1px solid #bd8d3e33; padding:40px 0; }.academy-next-inner { display:flex; align-items:center; justify-content:space-between; gap:24px; }.academy-next h2 { font:500 28px/1.5 "Noto Sans Thai",sans-serif; margin:8px 0; }.academy-next p { color:#686570; margin:0; }.academy-next .btn { flex-shrink:0; }.academy-breadcrumb { padding-top:24px; font-size:14px; color:#686570; }.academy-breadcrumb a { text-decoration:underline; text-underline-offset:4px; }.academy-next a:focus-visible { outline:3px solid #bd8d3e; outline-offset:5px; }@media(max-width:560px){.academy-next-inner { flex-direction:column; align-items:stretch; }}

.academy-website-example { margin:0; min-width:0; }.academy-website-screen { display:block; overflow:hidden; border:1px solid #bd8d3e55; border-radius:20px; background:#111426; box-shadow:0 28px 60px #11142622; }.academy-browser-label { display:flex; align-items:center; gap:18px; padding:12px 18px; background:#fffdf8; color:#686570; font-size:12px; }.academy-browser-label>span { color:#bd8d3e; letter-spacing:3px; }.academy-website-screen img { display:block; width:100%; height:auto; }.academy-website-example .academy-art-note { margin:18px 0 0; }.academy-website-example figcaption a { display:inline-flex; align-items:center; min-height:44px; color:#6e4a1b; font-weight:700; text-decoration:underline; text-underline-offset:4px; }