@font-face{font-family:Kanit;src:url('../fonts/kanit-medium.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:Kanit;src:url('../fonts/kanit-semibold.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:Kanit;src:url('../fonts/kanit-black.woff2') format('woff2');font-weight:900;font-display:swap}
@font-face{font-family:Kanit;src:url('../fonts/kanit-black-italic.woff2') format('woff2');font-weight:900;font-style:italic;font-display:swap}
@font-face{font-family:WHBrush;src:url('../fonts/Soge-Regular.woff') format('woff');font-display:swap}
body.whb-page{margin:0!important;padding:0!important;background:#f8f6f0;color:#181f20;font-family:Kanit,Arial,sans-serif}
.whb-page *{box-sizing:border-box}.whb-page a{text-decoration:none}.whb-page img{max-width:100%}.whb-page button{cursor:pointer}
.whb-header{--gold:#ae843e;position:sticky;top:0;z-index:99990;height:118px;background:#fff;color:#202a2c;box-shadow:0 4px 25px #17222212}
.admin-bar .whb-header{top:32px}.whb-header-inner{height:94px;max-width:1600px;margin:auto;padding:0 clamp(22px,4vw,65px);display:grid;grid-template-columns:105px minmax(0,1fr) auto;align-items:center;gap:24px;position:relative;overflow:hidden}
.whb-header-inner:before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 35%,#ead39a35 49%,transparent 63%);background-size:300% 100%;animation:whb-sheen 13s ease-in-out infinite}
.whb-logo{width:96px;height:86px;display:grid;place-items:center;position:relative}.whb-logo img{width:86px;height:86px;object-fit:contain;transform:scale(1.36);filter:drop-shadow(0 2px 3px #0006);transition:transform .3s}.whb-logo:hover img{transform:scale(1.44)}
.whb-desktop-nav{display:flex;align-items:center;justify-content:center;gap:clamp(12px,1.8vw,28px);height:100%;position:relative}.whb-desktop-nav>a,.whb-submit>summary{color:#263333!important;font:900 12px/1 Kanit,Arial,sans-serif;letter-spacing:.055em;text-transform:uppercase;white-space:nowrap;transition:color .2s;list-style:none}.whb-desktop-nav>a:hover,.whb-desktop-nav>a[aria-current],.whb-submit>summary:hover{color:#956c27!important}.whb-desktop-nav>a[aria-current]{border-bottom:2px solid #bb9651;padding:9px 0 7px}
.whb-header-cta,.whb-mobile-cta{position:relative;display:inline-flex;gap:14px;align-items:center;justify-content:center;border:1px solid #b3975e;border-radius:40px;padding:13px 19px;background:linear-gradient(115deg,#ad8039,#f3dda7 48%,#ac7d35);color:#151515!important;font:900 11px Kanit,Arial,sans-serif;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;box-shadow:inset 0 1px #fff7,0 6px 18px #9e77342e;transition:transform .2s}.whb-header-cta:hover,.whb-mobile-cta:hover{transform:translateY(-2px)}
.whb-header-strip{height:24px;padding:0 clamp(22px,4vw,65px);display:flex;justify-content:space-between;align-items:center;background:linear-gradient(100deg,#cba65c,#ecd9a5 45%,#d8b872);color:#363426;font:800 7px Arial,sans-serif;letter-spacing:.2em}
.whb-submit{position:relative;color:#222}.whb-submit>summary{cursor:pointer;display:flex;align-items:center;gap:5px}.whb-submit>summary::-webkit-details-marker{display:none}.whb-submit[open] summary span{transform:rotate(180deg)}.whb-submit>div{position:absolute;top:calc(100% + 16px);left:-17px;min-width:160px;padding:8px;border:1px solid #cdb783;background:#fff;box-shadow:0 15px 30px #0002}.whb-submit>div a{display:block;padding:10px;color:#263333!important;font:600 14px Kanit,Arial,sans-serif}.whb-submit>div a:hover{background:#f4eedf;color:#8a6323!important}
.whb-menu-toggle,.whb-mobile-menu{display:none}.whb-main{overflow:hidden}.whb-hero{height:clamp(610px,69vw,790px);position:relative;isolation:isolate;background:#0b1418;color:#fff;overflow:hidden}
.whb-hero-photo{position:absolute;inset:-6%;background-repeat:no-repeat;background-size:cover;will-change:transform}.whb-hero-photo-one{background-position:38% 45%;opacity:.52;animation:whb-photo-drift 26s ease-in-out infinite alternate}.whb-hero-photo-two{inset:6% -13% 0 47%;clip-path:polygon(15% 0,100% 0,100% 100%,0 100%);background-position:center;opacity:.4;filter:saturate(.7);animation:whb-photo-drift 30s ease-in-out infinite alternate-reverse}
.whb-hero-vignette{position:absolute;inset:0;background:linear-gradient(90deg,#061217f5 0%,#09151ae8 30%,#09151a7e 65%,#09151a50),linear-gradient(0deg,#071014 0%,transparent 25%,#07101455 100%)}.whb-hero-grid{position:absolute;inset:0;opacity:.18;background-image:linear-gradient(#d0a76133 1px,transparent 1px),linear-gradient(90deg,#d0a76133 1px,transparent 1px);background-size:100px 100px;mask-image:linear-gradient(90deg,transparent 30%,#000)}
.whb-hero-inner{position:relative;z-index:2;max-width:1520px;height:100%;margin:auto;padding:clamp(45px,6vw,90px) clamp(24px,5vw,85px);display:flex;align-items:center}.whb-hero-copy{position:relative;z-index:3;width:min(750px,67%)}.whb-back{display:inline-block;margin-bottom:clamp(45px,6vw,88px);color:#e0c47d!important;font:900 11px Kanit,Arial,sans-serif;letter-spacing:.16em}.whb-back:hover{color:white!important}.whb-kicker{display:flex;align-items:center;gap:12px;margin:0 0 22px;color:#eac77d;font:900 11px Kanit,Arial,sans-serif;letter-spacing:.2em;text-transform:uppercase}.whb-kicker>span{width:29px;height:2px;background:#dab366}
.whb-hero h1{max-width:820px;margin:0;font:900 clamp(50px,6.8vw,108px)/.95 Kanit,Arial,sans-serif;letter-spacing:-.045em;text-transform:uppercase;text-wrap:balance;text-shadow:0 8px 40px #0009}.whb-hero-intro{max-width:640px;margin:30px 0 25px;color:#e6e3da;font:500 clamp(17px,1.5vw,21px)/1.5 Kanit,Arial,sans-serif}.whb-story-meta{display:flex;align-items:center;gap:13px;flex-wrap:wrap;color:#d5bb87;font:600 11px Kanit,Arial,sans-serif;letter-spacing:.09em;text-transform:uppercase}
.whb-player-wrap{position:absolute;right:1%;bottom:-2%;height:90%;width:58%;display:flex;align-items:flex-end;justify-content:center;pointer-events:none;filter:drop-shadow(0 0 65px #ddb56b44)}.whb-player{display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 23px 28px #0009);animation:whb-player-float 8s ease-in-out infinite alternate}.whb-hero-index{position:absolute;z-index:4;bottom:28px;right:clamp(24px,5vw,85px);color:#d9c29c;font:900 9px Kanit,Arial,sans-serif;letter-spacing:.2em}.whb-gold-rule{height:5px;background:linear-gradient(90deg,#8e6225,#f0d99b 49%,#96702d)}
.whb-reading-shell{display:grid;grid-template-columns:minmax(90px,1fr) minmax(0,800px) minmax(90px,1fr);gap:20px;padding:clamp(55px,8vw,120px) 30px 110px;max-width:1600px;margin:0 auto}.whb-reading-rail{grid-column:1;align-self:start;display:flex;flex-direction:column;align-items:center;gap:24px;color:#a68856;font:600 10px Kanit,Arial,sans-serif;letter-spacing:.18em;writing-mode:vertical-rl}.whb-reading-rail i{width:1px;height:100px;background:#bfa06d}.whb-article{grid-column:2;min-width:0}.whb-article-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #c9b891;padding-bottom:17px;margin-bottom:39px;color:#98733b;font:900 11px Kanit,Arial,sans-serif;letter-spacing:.18em}.whb-article-actions{display:flex;align-items:center;gap:8px}.whb-article-actions button{border:0;background:none;color:#755b33;font:900 11px Kanit,Arial,sans-serif;letter-spacing:.1em}.whb-article-actions button:hover{text-decoration:underline}.whb-article-actions span{color:#676e67;font-size:10px}
.whb-article-body{color:#243033;font:500 clamp(18px,1.35vw,21px)/1.8 Kanit,Arial,sans-serif;overflow-wrap:anywhere}.whb-article-body>p{margin:0 0 1.55em}.whb-article-body>p:first-child{font-size:1.18em;line-height:1.6;color:#131d21}.whb-article-body h2,.whb-article-body h3{margin:1.8em 0 .55em;color:#19252a;font:900 clamp(28px,3.2vw,44px)/1.1 Kanit,Arial,sans-serif;text-transform:uppercase;letter-spacing:-.025em}.whb-article-body h3{font-size:clamp(24px,2.6vw,32px)}.whb-article-body a{color:#986c2e!important;text-decoration:underline;text-underline-offset:3px}.whb-article-body strong{color:#17282d}.whb-article-body blockquote{margin:2.2em 0;padding:5px 0 5px 25px;border-left:4px solid #ba9350;color:#634c28;font:900 clamp(24px,3vw,35px)/1.35 Kanit,Arial,sans-serif}.whb-article-body blockquote p{margin:0}.whb-article-body ul,.whb-article-body ol{padding-left:1.4em;margin:0 0 1.6em}.whb-article-body li{margin:.4em 0}.whb-article-body img{height:auto;border-radius:3px}.whb-article-body figure{max-width:100%;margin:2em 0}.whb-article-body figcaption{color:#717878;font-size:13px}.whb-article-body iframe{max-width:100%}.whb-article-body .wp-block-embed__wrapper{overflow-wrap:anywhere}.whb-article-body table{display:block;max-width:100%;overflow-x:auto}.whb-article-end{display:flex;align-items:center;gap:17px;margin-top:65px;padding-top:28px;border-top:1px solid #cdbb96;color:#3b4343;font:900 11px Kanit,Arial,sans-serif;letter-spacing:.15em}.whb-article-end span{display:grid;place-items:center;width:39px;height:39px;border:1px solid #ba9250;border-radius:50%;color:#967035;font-size:15px}
.whb-next{display:flex;align-items:end;justify-content:space-between;gap:20px;padding:75px max(30px,calc((100vw - 1300px)/2));background:#101b1f;color:white}.whb-next span,.whb-list-heading span{color:#d0aa68;font:900 10px Kanit,Arial,sans-serif;letter-spacing:.22em}.whb-next h2,.whb-list-heading h2{margin:10px 0 0;font:900 clamp(38px,5vw,68px)/1 Kanit,Arial,sans-serif;text-transform:uppercase;letter-spacing:-.04em}.whb-next em,.whb-list-heading em,.whb-archive-hero em{color:#d2aa61;font-family:WHBrush,Kanit,Arial,sans-serif;font-weight:400;text-transform:none;letter-spacing:0}.whb-next>a{padding:17px 24px;border:1px solid #d3b474;color:#ecd4a3!important;font:900 11px Kanit,Arial,sans-serif;letter-spacing:.09em;white-space:nowrap;transition:background .2s}.whb-next>a:hover{background:#d3b474;color:#101b1f!important}
.whb-footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:28px max(30px,calc((100vw - 1300px)/2));background:#fff;color:#846932}.whb-footer img{display:block;width:72px;height:72px;object-fit:contain;transform:scale(1.35);filter:drop-shadow(0 2px 2px #0005)}.whb-footer p,.whb-footer>a:last-child{font:900 10px Kanit,Arial,sans-serif;letter-spacing:.14em;color:#70562d!important}
.whb-archive-hero{position:relative;isolation:isolate;min-height:470px;display:flex;align-items:center;background:#101b1f;color:#fff;overflow:hidden}.whb-archive-backdrop{position:absolute;inset:-7%;z-index:-1;background:linear-gradient(90deg,#0a151a 5%,#0c171bd9 55%,#0c171b8a),url('../images/gym.webp') center/cover;animation:whb-photo-drift 23s ease-in-out infinite alternate}.whb-archive-inner{width:min(1400px,100%);margin:auto;padding:55px clamp(24px,5vw,75px)}.whb-archive-hero h1{max-width:1000px;margin:0;color:white;font:900 clamp(55px,7vw,105px)/.95 Kanit,Arial,sans-serif;letter-spacing:-.05em}.whb-archive-hero p:last-child{margin-top:26px;max-width:640px;color:#ddd9ce;font:500 19px/1.5 Kanit,Arial,sans-serif}.whb-archive-stamp{position:absolute;right:40px;bottom:30px;color:#e2c385;font:900 9px Kanit,Arial,sans-serif;letter-spacing:.19em}.whb-archive-list{max-width:1460px;margin:auto;padding:76px 30px 110px}.whb-list-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:36px}.whb-list-heading h2{color:#202a2b}.whb-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.whb-card{background:#fff;box-shadow:0 10px 28px #17272710;transition:transform .3s,box-shadow .3s}.whb-card:hover{transform:translateY(-7px);box-shadow:0 18px 35px #17272729}.whb-card-link{display:block;color:inherit!important;height:100%}.whb-card-art{height:280px;position:relative;overflow:hidden;background:#1c2a2b}.whb-card-art:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#101d1c9c,transparent 65%)}.whb-card-photo{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s}.whb-card:hover .whb-card-photo{transform:scale(1.07)}.whb-card-player{position:absolute;z-index:1;right:0;bottom:-8%;height:110%;width:58%;object-fit:contain;object-position:bottom;filter:drop-shadow(0 8px 12px #0008)}.whb-card-arrow{position:absolute;z-index:2;bottom:17px;left:19px;color:white;font-size:25px}.whb-card-copy{padding:24px 25px 28px}.whb-card-date{color:#977540;font:900 10px Kanit,Arial,sans-serif;letter-spacing:.11em;text-transform:uppercase}.whb-card-date b{padding:0 6px;color:#bdb5a9}.whb-card h3{margin:15px 0 10px;color:#1d292b;font:900 clamp(25px,2.4vw,33px)/1.08 Kanit,Arial,sans-serif;text-transform:uppercase;letter-spacing:-.025em}.whb-card p{min-height:68px;color:#576162;font:500 15px/1.5 Kanit,Arial,sans-serif}.whb-card-read{display:block;margin-top:20px;color:#98723b;font:900 10px Kanit,Arial,sans-serif;letter-spacing:.13em}.whb-pagination{display:flex;justify-content:center;gap:15px;margin:50px auto 0}.whb-pagination a,.whb-pagination span{padding:10px 16px;border:1px solid #bda36e;color:#725526!important;font:900 12px Kanit,Arial,sans-serif}.whb-pagination .current{background:#cba65c;color:#151515!important}.whb-empty{padding:75px 20px;text-align:center;background:#fff}.whb-empty h3{font:900 34px Kanit,Arial,sans-serif;text-transform:uppercase}
@keyframes whb-photo-drift{from{transform:scale(1.02) translate3d(-1%,0,0)}to{transform:scale(1.12) translate3d(1.5%,-1.5%,0)}}@keyframes whb-player-float{from{transform:translateY(0)}to{transform:translateY(-12px)}}@keyframes whb-sheen{0%,68%{background-position:100% 0;opacity:0}78%,92%{opacity:1}100%{background-position:0 0;opacity:0}}
@media(max-width:1120px){.whb-desktop-nav{gap:10px}.whb-desktop-nav>a,.whb-submit>summary{font-size:10px}.whb-header-inner{gap:12px}.whb-header-cta{padding:12px;font-size:10px}.whb-card-grid{gap:15px}}
@media(max-width:1180px){.whb-header{height:104px}.admin-bar .whb-header{top:46px}.whb-header-inner{height:80px;grid-template-columns:1fr auto;padding:0 27px}.whb-logo{height:75px}.whb-desktop-nav,.whb-header-cta{display:none}.whb-menu-toggle{display:grid;justify-items:end;align-content:center;gap:7px;width:58px;height:57px;padding:0;border:0;background:transparent}.whb-menu-toggle span{width:44px;height:4px;background:#a78035}.whb-menu-toggle span:nth-child(2){width:27px}.whb-mobile-menu:not([hidden]){display:flex;flex-direction:column;position:fixed;inset:0;z-index:99999;padding:max(18px,env(safe-area-inset-top)) 24px max(20px,env(safe-area-inset-bottom));background:#fff;overflow-y:auto}.whb-menu-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #d9c99e}.whb-menu-top img{width:75px;height:75px;object-fit:contain;filter:drop-shadow(0 2px 3px #0005)}.whb-menu-close{width:48px;height:48px;border:1px solid #bda26a;border-radius:50%;background:white;color:#8b672e;font:35px/1 Arial}.whb-mobile-menu nav{flex:1;padding:18px 0}.whb-mobile-menu nav>a{display:flex;justify-content:space-between;padding:11px 3px;border-bottom:1px solid #e7dfc9;color:#202b2e!important;font:900 clamp(25px,5vw,37px)/1.2 Kanit,Arial,sans-serif;text-transform:uppercase}.whb-mobile-menu nav>a span{color:#9c762e}.whb-mobile-menu .whb-submit{margin:15px 0}.whb-mobile-menu .whb-submit summary{font-size:28px}.whb-mobile-menu .whb-submit>div{position:static;box-shadow:none;border:0;border-left:2px solid #c9a968;margin:8px 0;padding:2px 16px}.whb-mobile-menu .whb-submit a{font-size:17px}.whb-mobile-cta{padding:15px;margin-top:auto}.whb-menu-open{overflow:hidden!important}.whb-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.whb-header-strip{justify-content:center;font-size:6px}.whb-header-strip span:last-child{display:none}.whb-hero{height:auto;min-height:650px}.whb-hero-photo-one{opacity:.55;background-position:center}.whb-hero-photo-two{left:20%;opacity:.22}.whb-hero-vignette{background:linear-gradient(0deg,#071014 2%,#071014b0 48%,#0710148a),linear-gradient(90deg,#07101488,transparent)}.whb-hero-inner{min-height:650px;padding:33px 24px 70px;align-items:flex-end}.whb-hero-copy{width:100%}.whb-back{position:absolute;bottom:calc(100% + 355px);left:0;margin:0;white-space:nowrap}.whb-hero h1{font-size:clamp(43px,10vw,68px);line-height:.98}.whb-hero-intro{font-size:16px;margin:17px 0}.whb-kicker{font-size:9px;margin-bottom:12px}.whb-story-meta{font-size:9px;gap:8px}.whb-player-wrap{right:-10%;bottom:22%;width:90%;height:54%;opacity:.8}.whb-hero-index{font-size:7px;bottom:16px;right:24px}.whb-reading-shell{display:block;padding:52px 24px 80px}.whb-reading-rail{display:none}.whb-article-top{margin-bottom:26px}.whb-article-body{font-size:18px;line-height:1.7}.whb-article-body>p:first-child{font-size:1.1em}.whb-next{display:block;padding:60px 24px}.whb-next>a{display:inline-block;margin-top:25px}.whb-footer{padding:24px;flex-wrap:wrap;justify-content:space-between}.whb-footer p{order:3;width:100%;text-align:center}.whb-archive-hero{min-height:425px}.whb-archive-hero h1{font-size:clamp(47px,10vw,72px)}.whb-archive-hero p:last-child{font-size:16px}.whb-archive-list{padding:57px 24px 80px}.whb-list-heading>span{display:none}.whb-card-grid{grid-template-columns:1fr;gap:25px}.whb-card-art{height:260px}.whb-card p{min-height:0}}
@media(max-width:360px){.whb-hero-inner{padding-left:18px;padding-right:18px}.whb-hero h1{font-size:41px}.whb-hero-index{display:none}}
@media(prefers-reduced-motion:reduce){.whb-page *,.whb-page *:before,.whb-page *:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.whb-hero-photo{will-change:auto}}
