@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Oswald:wght@400;500;600;700&display=swap');
:root{--bg:#111512;--panel:#1b211b;--panel2:#242c23;--text:#f4f4ed;--muted:#aab5a8;--line:#394237;--accent:#d8f36b;--orange:#dc8151;--max:1280px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Manrope,Arial,sans-serif;font-size:16px;line-height:1.62}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;display:block}.wrap{width:min(calc(100% - 48px),var(--max));margin:auto}.site-header{position:sticky;top:0;z-index:20;background:rgba(17,21,18,.94);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.header-inner{height:78px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{font:700 29px/1 Oswald,sans-serif;letter-spacing:-.02em;display:flex;align-items:center;gap:11px}.brand-mark{width:31px;height:31px;border:2px solid var(--accent);transform:rotate(45deg);display:grid;place-items:center}.brand-mark:after{content:'';width:11px;height:11px;border:2px solid var(--accent)}.brand span:last-child{color:var(--accent)}.nav{display:flex;align-items:center;gap:28px}.nav a{color:#c6d0c2;font-size:14px;font-weight:700;white-space:nowrap}.nav a:hover,.nav a[aria-current=page]{color:var(--accent)}.menu-button{display:none;background:transparent;color:var(--text);border:1px solid var(--line);padding:8px 12px;border-radius:3px}.eyebrow{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);font-weight:800}.display{font:600 clamp(4.8rem,12vw,11.5rem)/.84 Oswald,sans-serif;letter-spacing:-.055em;text-transform:uppercase;margin:22px 0}.display .outline{-webkit-text-stroke:1px var(--text);color:transparent}.lead{font-size:clamp(1.1rem,1.6vw,1.35rem);color:#cbd4c9;line-height:1.55;max-width:620px}.hero{padding:66px 0 0}.hero-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:30px;align-items:end}.hero-copy{padding-bottom:55px}.hero-copy .lead{margin:28px 0 35px}.hero-image{height:640px;position:relative;background:#30372c;overflow:hidden}.hero-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.7) contrast(1.08)}.hero-image:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,16,11,.52),transparent 55%)}.image-caption{position:absolute;z-index:1;left:24px;bottom:18px;color:#fff;font-size:12px;letter-spacing:.12em;text-transform:uppercase}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;background:var(--accent);color:#11160e;padding:14px 21px;min-height:54px;font-weight:800;text-transform:uppercase;font-size:13px;letter-spacing:.07em;border:1px solid var(--accent);cursor:pointer}.button:hover{background:#efff9a}.button.ghost{color:var(--text);background:transparent;border-color:#778473}.button.ghost:hover{border-color:var(--accent);color:var(--accent)}.button .arrow{font-size:22px;line-height:0}.ticker{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:0;padding:14px 0}.ticker-inner{display:flex;gap:30px;justify-content:space-between;color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.13em}.ticker b{color:var(--accent)}.section{padding:110px 0}.section-head{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:38px}.section h2,.page-title{font:600 clamp(3.5rem,7vw,7.5rem)/.96 Oswald,sans-serif;text-transform:uppercase;letter-spacing:-.035em;margin:15px 0 0}.section-head p{max-width:360px;color:var(--muted);margin:0 0 5px}.chapter-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.chapter{background:var(--panel);padding:32px 26px;min-height:330px;display:flex;flex-direction:column;transition:background .2s}.chapter:hover{background:var(--panel2)}.chapter-num{color:var(--accent);font:500 18px Oswald}.chapter h3{font:500 34px/1.08 Oswald;text-transform:uppercase;margin:auto 0 12px}.chapter p{color:var(--muted);font-size:14px;margin:0 0 28px}.chapter .linkline{border-top:1px solid var(--line);padding-top:16px;color:var(--accent);font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.split-feature{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center}.feature-art{min-height:480px;background:radial-gradient(circle at 45% 47%,#4d5940,#29332a 55%,#1c241e);display:grid;place-items:center;position:relative;overflow:hidden}.eight{font:600 clamp(13rem,26vw,25rem)/1 Oswald;color:var(--accent);transform:rotate(-12deg);opacity:.9}.feature-art:before{content:'THE ART OF EIGHT LIMBS';position:absolute;top:25px;left:25px;font-size:12px;font-weight:800;letter-spacing:.16em}.feature-art:after{content:'มวยไทย';position:absolute;right:28px;bottom:20px;font-size:24px}.feature-copy h2{font:600 clamp(3.5rem,6vw,6.5rem)/.97 Oswald;text-transform:uppercase;margin:15px 0 22px}.feature-copy p{color:var(--muted);max-width:500px}.stat-row{display:flex;gap:42px;border-top:1px solid var(--line);margin:30px 0;padding-top:25px}.stat strong{display:block;font:600 43px Oswald;color:var(--accent)}.stat span{font-size:13px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.footer{border-top:1px solid var(--line);padding:48px 0 28px}.footer-top{display:flex;justify-content:space-between;gap:30px}.footer .brand{font-size:36px}.footer p{color:var(--muted);font-size:14px;max-width:330px}.footer-links{display:flex;flex-wrap:wrap;gap:20px;font-size:14px;font-weight:700}.footer-links a:hover{color:var(--accent)}.footer-bottom{border-top:1px solid var(--line);margin-top:55px;padding-top:20px;color:#829081;font-size:12px;display:flex;justify-content:space-between;gap:20px}.page-hero{padding:76px 0 70px;border-bottom:1px solid var(--line)}.page-hero .page-title{max-width:1000px}.page-hero .lead{margin:28px 0 0}.subnav{display:flex;gap:8px;flex-wrap:wrap;margin:30px 0}.pill{border:1px solid var(--line);background:transparent;color:#cbd4c9;padding:10px 16px;cursor:pointer;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.pill:hover,.pill.active,.pill[aria-selected=true]{background:var(--accent);color:#10150d;border-color:var(--accent)}.content-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.detail-card{background:var(--panel);border:1px solid var(--line);padding:30px;min-height:290px}.detail-card .card-top{display:flex;justify-content:space-between;color:var(--accent);font:500 18px Oswald}.detail-card h3{font:500 34px/1.1 Oswald;text-transform:uppercase;margin:42px 0 10px}.detail-card p{color:var(--muted);margin:0}.detail-card .tip{border-top:1px solid var(--line);padding-top:14px;margin-top:25px;color:#d7e0d5;font-size:14px}.detail-card .tip b{color:var(--accent)}.note{border-left:3px solid var(--accent);background:var(--panel);padding:24px 28px;color:#cbd4c9;margin-top:24px}.note strong{color:var(--text)}.article-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:85px;padding:75px 0 110px}.aside{position:sticky;top:110px;align-self:start;border-top:1px solid var(--line)}.aside a{display:block;padding:14px 0;border-bottom:1px solid var(--line);color:var(--muted);font-size:14px}.aside a:hover{color:var(--accent)}.article h2{font:500 clamp(2.4rem,4vw,4rem)/1.05 Oswald;text-transform:uppercase;margin:0 0 22px}.article h3{font:500 29px Oswald;text-transform:uppercase;margin:42px 0 12px}.article p,.article li{color:#c2cdc0}.article section{scroll-margin-top:115px;margin-bottom:70px}.article ul{padding-left:22px}.number-list{counter-reset:item;list-style:none;padding:0!important}.number-list li{counter-increment:item;border-top:1px solid var(--line);padding:16px 0 16px 50px;position:relative}.number-list li:before{content:counter(item,decimal-leading-zero);position:absolute;left:0;color:var(--accent);font-family:Oswald;font-size:20px}.plan-shell{display:grid;grid-template-columns:260px 1fr;gap:34px;margin-top:40px}.week-list{display:flex;flex-direction:column;gap:8px}.week-list button{text-align:left}.plan-card{background:var(--panel);border:1px solid var(--line);padding:38px;min-height:470px}.plan-card h2{font:500 52px Oswald;text-transform:uppercase;margin:10px 0 16px}.plan-card p{color:var(--muted)}.session{display:grid;grid-template-columns:90px 1fr;gap:20px;border-top:1px solid var(--line);padding:16px 0}.session time{color:var(--accent);font-family:Oswald;font-size:21px}.session b{display:block}.session span{color:var(--muted);font-size:14px}.rule-table{width:100%;border-collapse:collapse}.rule-table th{text-align:left;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.rule-table th,.rule-table td{padding:17px 18px;border-bottom:1px solid var(--line);vertical-align:top}.rule-table td{color:#c6d0c3}.rule-table tr:nth-child(even){background:var(--panel)}.timeline{border-left:1px solid var(--accent);margin:40px 0 0 13px}.timeline-item{position:relative;padding:0 0 42px 38px}.timeline-item:before{content:'';position:absolute;left:-7px;top:7px;width:13px;height:13px;background:var(--accent);border-radius:50%}.timeline-item time{color:var(--accent);font:500 22px Oswald}.timeline-item h3{font:500 30px Oswald;text-transform:uppercase;margin:6px 0}.timeline-item p{color:var(--muted);margin:0}.callout{background:var(--accent);color:#11170e;padding:55px;display:grid;grid-template-columns:1fr auto;align-items:end;gap:30px;margin-bottom:110px}.callout h2{font:600 clamp(3rem,5vw,5rem)/.97 Oswald;text-transform:uppercase;max-width:700px;margin:15px 0 0}.callout .button{background:#11170e;color:var(--accent);border-color:#11170e}.callout .eyebrow{color:#344315}[hidden]{display:none!important}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}@media(max-width:900px){.hero-grid,.split-feature{grid-template-columns:1fr}.hero-copy{padding-bottom:8px}.hero-image{height:480px}.chapter-grid{grid-template-columns:repeat(2,1fr)}.article-layout{grid-template-columns:1fr;gap:40px}.aside{position:static;display:flex;overflow:auto;gap:20px;border:0}.aside a{white-space:nowrap}.plan-shell{grid-template-columns:1fr}.week-list{flex-direction:row;flex-wrap:wrap}.callout{grid-template-columns:1fr}}@media(max-width:700px){.wrap{width:min(calc(100% - 32px),var(--max))}.header-inner{height:68px}.brand{font-size:24px}.menu-button{display:block}.nav{display:none;position:absolute;top:68px;left:0;right:0;background:var(--bg);padding:16px 24px 24px;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0}.nav.open{display:flex}.nav a{padding:12px 0}.hero{padding-top:45px}.display{font-size:clamp(4.5rem,19vw,8rem)}.hero-image{height:360px}.ticker-inner{flex-wrap:wrap;gap:10px 18px}.section{padding:75px 0}.section-head{display:block}.section-head p{margin-top:20px}.chapter-grid,.content-grid{grid-template-columns:1fr}.chapter{min-height:260px}.split-feature{gap:30px}.feature-art{min-height:330px}.page-hero{padding:55px 0}.page-title{font-size:clamp(3.7rem,13vw,6rem)}.plan-card{padding:24px}.plan-card h2{font-size:40px}.rule-table{font-size:14px}.rule-table th,.rule-table td{padding:12px 8px}.callout{padding:30px}.footer-top{display:block}.footer-links{margin-top:30px}.footer-bottom{display:block}.stat-row{gap:25px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
