/*
Theme Name: CLUBGG.CLUB
Theme URI: https://clubgg.club/
Author: CLUBGG.CLUB
Author URI: https://clubgg.club/
Description: ClubGG 가이드와 포커 콘텐츠를 위한 다크톤 매거진 테마입니다. 블록 에디터나 페이지 빌더 없이 테마 자체에서 홈페이지 전체(헤더, 히어로, 시작 가이드, 최신 글, 인기글, 포커 가이드, FAQ, CTA, 푸터)를 출력합니다.
Version: 2.0.0
Requires at least: 5.9
Tested up to: 6.6
Requires PHP: 7.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: clubgg-club
Tags: blog, news, two-columns, custom-logo, custom-menu, featured-images, translation-ready, dark
*/

/* ============================================================
   0. TOKENS
   ============================================================ */
:root{
	--bg:#090909;
	--section:#111111;
	--card:#171717;
	--text:#F5F5F5;
	--muted:#A3A3A3;
	--dim:#7C7C7C;
	--gold:#C9A55C;
	--gold-soft:rgba(201,165,92,.30);

	--line:rgba(255,255,255,.08);
	--line-2:rgba(255,255,255,.16);

	--sans:"Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic",system-ui,sans-serif;
	--mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;

	--fs-display:clamp(38px,5.6vw,70px);
	--fs-h2:clamp(25px,2.9vw,36px);
	--fs-h3:clamp(19px,1.6vw,22px);
	--fs-lead:clamp(15px,1.15vw,17px);
	--fs-body:15px;
	--fs-sm:13.5px;
	--fs-label:11px;

	--header-h:68px;
	--maxw:1280px;
	--gut:clamp(20px,4.4vw,56px);
	--sec-y:clamp(76px,9.5vw,132px);
	--r:2px;
	--ease:cubic-bezier(.2,.7,.3,1);
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
	margin:0;background:var(--bg);color:var(--text);
	font-family:var(--sans);font-size:var(--fs-body);line-height:1.7;
	-webkit-font-smoothing:antialiased;
	overflow-x:hidden;
}
body.is-locked{overflow:hidden}
img,svg,iframe,video{display:block;max-width:100%}
img{height:auto}
a{color:inherit;text-decoration:none}
ul,ol{margin:0;padding:0;list-style:none}
h1,h2,h3,h4,p,figure,blockquote{margin:0}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:var(--r)}

.screen-reader-text{
	border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;width:1px;
	margin:-1px;overflow:hidden;padding:0;position:absolute;word-wrap:normal!important;
}
.screen-reader-text:focus{
	background:var(--gold);color:#0B0B0B;clip:auto;clip-path:none;
	display:block;font-weight:600;height:auto;left:0;top:0;padding:12px 20px;
	width:auto;z-index:200;text-decoration:none;
}
.skip{
	position:absolute;left:-9999px;top:0;z-index:200;
	background:var(--gold);color:#0B0B0B;padding:12px 20px;font-weight:600;
}
.skip:focus{left:0}

.wrap{width:100%;max-width:var(--maxw);margin:0 auto;padding-inline:var(--gut)}
.section{padding-block:var(--sec-y)}
.section--alt{background:var(--section)}
.sprite{position:absolute;width:0;height:0;overflow:hidden}

.eyebrow{
	font-family:var(--mono);font-size:var(--fs-label);font-weight:500;
	letter-spacing:.22em;text-transform:uppercase;color:var(--gold);
}
.h2{font-size:var(--fs-h2);font-weight:700;letter-spacing:-.025em;line-height:1.32}
.lead{color:var(--muted);font-size:var(--fs-lead);line-height:1.85}

.sec-head{
	display:flex;align-items:flex-end;justify-content:space-between;gap:24px;
	padding-bottom:22px;margin-bottom:clamp(30px,3.6vw,44px);
	border-bottom:1px solid var(--line);
}
.sec-head .eyebrow{display:block;margin-bottom:12px}
.more{font-size:var(--fs-sm);color:var(--muted);white-space:nowrap;transition:color .2s var(--ease)}
.more:hover{color:var(--gold)}

.btn{
	display:inline-flex;align-items:center;justify-content:center;gap:9px;
	min-height:52px;padding:0 28px;border-radius:var(--r);
	font-size:14.5px;font-weight:600;letter-spacing:-.01em;text-align:center;
	transition:background .24s var(--ease),color .24s var(--ease),border-color .24s var(--ease);
}
.btn--gold{background:var(--gold);color:#0B0B0B;border:1px solid var(--gold)}
.btn--gold:hover{background:#D7B570;border-color:#D7B570;color:#0B0B0B}
.btn--line{border:1px solid var(--line-2);color:var(--text)}
.btn--line:hover{border-color:var(--gold-soft);color:var(--gold)}

/* ============================================================
   1. HEADER
   ============================================================ */
.header{
	position:fixed;inset:0 0 auto 0;z-index:120;height:var(--header-h);
	background:rgba(9,9,9,.78);
	-webkit-backdrop-filter:saturate(160%) blur(16px);
	backdrop-filter:saturate(160%) blur(16px);
	border-bottom:1px solid var(--line);
	transition:background .35s var(--ease),border-color .35s var(--ease);
}
.header[data-top="true"]{background:transparent;border-bottom-color:transparent}
.header__in{
	height:100%;display:flex;align-items:center;gap:20px;
	max-width:var(--maxw);margin:0 auto;padding-inline:var(--gut);
}
.brand{display:flex;align-items:center;height:100%;margin-right:auto;flex:none}
.brand__img{
	height:32px;width:auto;max-width:min(240px,52vw);
	object-fit:contain;object-position:left center;display:block;
}

.nav ul{display:flex;align-items:center;gap:32px;margin:0;padding:0;list-style:none}
.nav li{position:relative}
.nav a{
	position:relative;display:inline-block;font-size:14px;color:var(--muted);
	transition:color .2s var(--ease);
}
.nav a::after{
	content:"";position:absolute;left:0;right:100%;bottom:-7px;height:1px;
	background:var(--gold);transition:right .3s var(--ease);
}
.nav a:hover,.nav .current-menu-item > a,.nav .current_page_item > a{color:var(--text)}
.nav a:hover::after{right:0}
.nav .sub-menu{display:none}

.head-cta{
	display:inline-flex;align-items:center;height:38px;padding:0 17px;
	border:1px solid var(--gold-soft);border-radius:var(--r);
	font-size:13px;font-weight:600;color:var(--gold);white-space:nowrap;
	transition:background .24s var(--ease),color .24s var(--ease),border-color .24s var(--ease);
}
.head-cta:hover{background:var(--gold);color:#0B0B0B;border-color:var(--gold)}

.burger{display:none;width:44px;height:44px;margin-right:-10px;align-items:center;justify-content:center}
.burger span{display:block;width:20px;height:1px;background:var(--text);position:relative;transition:background .2s}
.burger span::before,.burger span::after{
	content:"";position:absolute;left:0;width:20px;height:1px;background:var(--text);
	transition:transform .3s var(--ease),top .3s var(--ease);
}
.burger span::before{top:-6px}
.burger span::after{top:6px}
.header.is-open .burger span{background:transparent}
.header.is-open .burger span::before{top:0;transform:rotate(45deg)}
.header.is-open .burger span::after{top:0;transform:rotate(-45deg)}

.drawer{
	position:fixed;inset:var(--header-h) 0 0 0;z-index:110;
	background:var(--bg);
	padding:clamp(24px,7vw,40px) var(--gut) 40px;
	display:flex;flex-direction:column;overflow-y:auto;
	opacity:0;visibility:hidden;transform:translateY(-8px);
	transition:opacity .28s var(--ease),transform .28s var(--ease),visibility .28s;
}
.drawer.is-open{opacity:1;visibility:visible;transform:none}
.drawer ul{margin:0;padding:0;list-style:none}
.drawer a{
	display:flex;align-items:center;justify-content:space-between;gap:16px;
	min-height:60px;font-size:20px;font-weight:600;letter-spacing:-.02em;
	border-bottom:1px solid var(--line);
}
.drawer a span{font-family:var(--mono);font-size:10.5px;letter-spacing:.18em;color:var(--dim);font-weight:400}
.drawer .btn{
	margin-top:32px;width:100%;border-bottom:0;
	justify-content:center;min-height:52px;font-size:14.5px;
}
.drawer .btn:hover{color:#0B0B0B}
.drawer__note{margin-top:auto;padding-top:32px;font-size:11.5px;line-height:1.8;color:var(--dim)}

@media (max-width:900px){
	.nav,.head-cta{display:none}
	.burger{display:flex}
}

/* 관리자 바 보정 */
body.admin-bar .header{top:32px}
body.admin-bar .drawer{top:calc(var(--header-h) + 32px)}
@media screen and (max-width:782px){
	body.admin-bar .header{top:46px}
	body.admin-bar .drawer{top:calc(var(--header-h) + 46px)}
}

/* ============================================================
   2. HERO
   ============================================================ */
.hero{
	position:relative;isolation:isolate;overflow:hidden;
	min-height:clamp(560px,86svh,900px);
	display:flex;align-items:flex-end;
	padding-top:var(--header-h);
}
.hero__media{position:absolute;inset:0;z-index:-3}
.hero__media svg{width:100%;height:100%}
.hero__photo{
	position:absolute;inset:0;z-index:-2;
	background-image:var(--hero-image,none);
	background-size:cover;background-position:60% center;
}
.hero__scrim{
	position:absolute;inset:0;z-index:-1;
	background:
		linear-gradient(90deg,#090909 0%,rgba(9,9,9,.93) 28%,rgba(9,9,9,.58) 55%,rgba(9,9,9,.28) 80%,rgba(9,9,9,.5) 100%),
		linear-gradient(0deg,#090909 0%,rgba(9,9,9,.82) 20%,rgba(9,9,9,0) 64%),
		radial-gradient(115% 85% at 74% 42%,rgba(9,9,9,0) 32%,rgba(9,9,9,.82) 100%);
}
.hero__in{
	width:100%;max-width:var(--maxw);margin:0 auto;
	padding:0 var(--gut) clamp(72px,9vh,112px);
}
.hero__body{max-width:660px}
.hero__eyebrow{display:flex;align-items:center;gap:13px;margin-bottom:28px}
.hero__eyebrow::before{content:"";width:32px;height:1px;background:var(--gold);flex:none}
.hero h1{
	font-size:var(--fs-display);font-weight:800;
	line-height:1.13;letter-spacing:-.038em;margin-bottom:24px;
}
.hero__logo{
	height:clamp(38px,5.4vw,70px);width:auto;max-width:100%;
	object-fit:contain;object-position:left center;margin-top:16px;
}
.hero__desc{color:var(--muted);font-size:var(--fs-lead);line-height:1.85;max-width:490px;margin-bottom:36px}
.hero__act{display:flex;flex-wrap:wrap;gap:12px}
.hero__meta{
	margin-top:30px;font-family:var(--mono);font-size:10.5px;
	letter-spacing:.14em;color:var(--dim);text-transform:uppercase;
}

.rise{opacity:0;transform:translateY(14px);animation:cgg-rise .85s var(--ease) forwards}
.rise:nth-child(1){animation-delay:.06s}
.rise:nth-child(2){animation-delay:.15s}
.rise:nth-child(3){animation-delay:.24s}
.rise:nth-child(4){animation-delay:.33s}
.rise:nth-child(5){animation-delay:.42s}
@keyframes cgg-rise{to{opacity:1;transform:none}}

/* ============================================================
   3. INDEX STRIP
   ============================================================ */
.index{border-top:1px solid var(--line);background:var(--bg)}
.index__grid{display:grid;grid-template-columns:repeat(3,1fr)}
.icell{
	position:relative;display:block;
	padding:clamp(28px,3.2vw,40px) clamp(22px,2.6vw,38px) clamp(26px,3vw,38px);
	transition:background .3s var(--ease);
}
.icell + .icell{border-left:1px solid var(--line)}
.icell::before{
	content:"";position:absolute;left:0;top:-1px;width:0;height:1px;
	background:var(--gold);transition:width .4s var(--ease);
}
.icell:hover{background:#0E0E0E}
.icell:hover::before{width:100%}
.icell__label{font-family:var(--mono);font-size:10.5px;letter-spacing:.2em;color:var(--gold)}
.icell h2{margin-top:26px;font-size:var(--fs-h3);font-weight:700;letter-spacing:-.02em}
.icell p{margin-top:7px;font-size:var(--fs-sm);color:var(--muted)}
@media (max-width:820px){
	.index__grid{grid-template-columns:1fr}
	.icell{padding:22px var(--gut)}
	.icell + .icell{border-left:0;border-top:1px solid var(--line)}
	.icell h2{margin-top:14px;font-size:18px}
}

/* ============================================================
   4. GET STARTED
   ============================================================ */
.start__grid{
	display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,1fr);
	gap:clamp(30px,5vw,76px);align-items:center;
}
.start__fig{
	position:relative;overflow:hidden;border-radius:var(--r);
	border:1px solid var(--line);background:#0C0C0C;aspect-ratio:4/3.1;margin:0;
}
.start__fig svg,.start__fig img{width:100%;height:100%;object-fit:cover}
.start__cap{
	position:absolute;left:0;right:0;bottom:0;padding:16px 18px;
	background:linear-gradient(0deg,rgba(9,9,9,.92),rgba(9,9,9,0));
	font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;color:var(--dim);
}
.start__head .eyebrow{display:block;margin-bottom:16px}
.start__head .h2{margin-bottom:16px}
.start__head .lead{max-width:440px}
.steps{margin-top:36px;border-top:1px solid var(--line)}
.step{
	display:flex;align-items:center;gap:20px;min-height:60px;padding:12px 2px;
	border-bottom:1px solid var(--line);
	transition:padding-left .3s var(--ease),border-color .3s var(--ease);
}
.step:hover{padding-left:12px;border-bottom-color:var(--gold-soft)}
.step__n{font-family:var(--mono);font-size:12px;color:var(--gold);min-width:22px}
.step__t{flex:1;font-size:16px;font-weight:600;letter-spacing:-.015em}
.step__a{color:#5E5E5E;transition:color .3s var(--ease),transform .3s var(--ease)}
.step:hover .step__a{color:var(--gold);transform:translateX(4px)}
@media (max-width:880px){
	.start__grid{grid-template-columns:1fr}
	.start__fig{order:-1;aspect-ratio:16/9}
	.steps{margin-top:28px}
}

/* ============================================================
   5. LATEST
   ============================================================ */
.latest__grid{
	display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);
	gap:clamp(30px,4vw,60px);
}
.thumb{overflow:hidden;background:#0E0E0E;border:1px solid var(--line);border-radius:var(--r)}
.thumb svg,.thumb img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}
a:hover .thumb svg,a:hover .thumb img{transform:scale(1.035)}

.feature{display:block}
.feature .thumb{aspect-ratio:16/9.4}
.feature__meta{display:flex;align-items:center;gap:12px;margin:22px 0 12px;flex-wrap:wrap}
.cat{font-family:var(--mono);font-size:10.5px;letter-spacing:.18em;color:var(--gold);text-transform:uppercase}
.dot-sep{width:3px;height:3px;border-radius:50%;background:#3A3A3A}
.date{font-family:var(--mono);font-size:11px;letter-spacing:.05em;color:var(--dim)}
.feature h3{
	font-size:clamp(22px,2.3vw,30px);font-weight:700;
	letter-spacing:-.03em;line-height:1.34;transition:color .24s var(--ease);
}
.feature:hover h3{color:var(--gold)}
.feature p{margin-top:12px;color:var(--muted);font-size:var(--fs-body);max-width:560px}

.rlist{border-top:1px solid var(--line)}
.ritem{display:flex;gap:18px;padding:20px 0;border-bottom:1px solid var(--line)}
.ritem .thumb{flex:none;width:104px;aspect-ratio:4/3}
.ritem__txt{min-width:0;display:flex;flex-direction:column}
.ritem h3{
	margin-top:8px;font-size:15.5px;font-weight:600;letter-spacing:-.02em;line-height:1.5;
	transition:color .24s var(--ease);
}
.ritem:hover h3{color:var(--gold)}
.ritem .date{margin-top:auto;padding-top:8px}

.popular{margin-top:clamp(44px,5vw,64px);padding-top:34px;border-top:1px solid var(--line)}
.popular__t{
	font-family:var(--mono);font-size:10.5px;letter-spacing:.2em;color:var(--dim);
	margin-bottom:22px;text-transform:uppercase;
}
.popular__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line)}
.pitem{
	display:flex;gap:16px;align-items:flex-start;background:var(--bg);
	padding:22px clamp(18px,2vw,28px) 22px 0;
	transition:background .3s var(--ease);
}
.pitem:hover{background:#0E0E0E}
.pitem:not(:first-child){padding-left:clamp(18px,2vw,28px)}
.pitem__n{font-family:var(--mono);font-size:12px;color:var(--gold);padding-top:2px}
.pitem h3{font-size:15px;font-weight:600;letter-spacing:-.02em;line-height:1.55;transition:color .24s var(--ease)}
.pitem:hover h3{color:var(--gold)}
.pitem .date{display:block;margin-top:8px}

.empty{
	border:1px solid var(--line);border-radius:var(--r);
	padding:clamp(34px,5vw,56px);text-align:center;background:var(--card);
}
.empty p{color:var(--muted);font-size:var(--fs-body)}
.empty .eyebrow{display:block;margin-bottom:14px}
.empty a{color:var(--gold)}
.empty .searchform{margin-inline:auto}

@media (max-width:960px){
	.latest__grid{grid-template-columns:1fr;gap:34px}
	.popular__grid{grid-template-columns:1fr}
	.pitem,.pitem:not(:first-child){padding:18px 0}
}
@media (max-width:560px){
	.ritem .thumb{width:86px}
	.ritem h3{font-size:15px}
}

/* ============================================================
   6. POKER GUIDE
   ============================================================ */
.topics{display:grid;grid-template-columns:repeat(2,1fr);gap:0 clamp(30px,5vw,72px)}
.topic{
	display:grid;grid-template-columns:1fr auto;align-items:baseline;gap:8px 20px;
	padding:24px 0;border-bottom:1px solid var(--line);
	transition:border-color .3s var(--ease);
}
.topic:hover{border-bottom-color:var(--gold-soft)}
.topic__en{
	grid-column:1/-1;font-family:var(--mono);font-size:10px;
	letter-spacing:.2em;color:var(--dim);margin-bottom:6px;
	transition:color .3s var(--ease);
}
.topic:hover .topic__en{color:var(--gold)}
.topic h3{font-size:20px;font-weight:700;letter-spacing:-.025em;transition:transform .3s var(--ease)}
.topic:hover h3{transform:translateX(5px)}
.topic__count{font-family:var(--mono);font-size:11px;color:var(--dim);white-space:nowrap}
.topic p{grid-column:1/-1;margin-top:6px;font-size:var(--fs-sm);color:var(--muted)}
@media (max-width:720px){
	.topics{grid-template-columns:1fr}
	.topic{padding:20px 0}
	.topic h3{font-size:18px}
}

/* ============================================================
   7. FAQ
   ============================================================ */
.faq{max-width:820px;margin-inline:auto}
.faq__head{text-align:center;margin-bottom:clamp(30px,3.6vw,44px)}
.faq__head .eyebrow{display:block;margin-bottom:14px}
.qa{border-top:1px solid var(--line)}
.qa:last-of-type{border-bottom:1px solid var(--line)}
.qa summary{
	display:flex;align-items:center;justify-content:space-between;gap:20px;
	min-height:66px;padding:16px 2px;cursor:pointer;list-style:none;
	font-size:16px;font-weight:600;letter-spacing:-.02em;
	transition:color .24s var(--ease);
}
.qa summary::-webkit-details-marker{display:none}
.qa summary:hover{color:var(--gold)}
.qa__i{position:relative;width:12px;height:12px;flex:none}
.qa__i::before,.qa__i::after{
	content:"";position:absolute;background:var(--gold);
	transition:transform .3s var(--ease),opacity .3s var(--ease);
}
.qa__i::before{left:0;top:5.5px;width:12px;height:1px}
.qa__i::after{left:5.5px;top:0;width:1px;height:12px}
.qa[open] .qa__i::after{transform:scaleY(0);opacity:0}
.qa__a{padding:0 34px 24px 2px;color:var(--muted);font-size:var(--fs-body);line-height:1.85}

/* ============================================================
   8. CTA
   ============================================================ */
.cta{
	text-align:center;padding-block:clamp(84px,10vw,140px);
	border-top:1px solid var(--line);border-bottom:1px solid var(--line);
}
.cta .eyebrow{display:block;margin-bottom:20px}
.cta h2{font-size:clamp(27px,3.4vw,42px);font-weight:700;letter-spacing:-.032em;line-height:1.34;margin-bottom:15px}
.cta p{color:var(--muted);margin-bottom:34px}

/* ============================================================
   9. FOOTER
   ============================================================ */
.footer{padding:clamp(60px,7vw,86px) 0 36px}
.footer__grid{
	display:grid;grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(0,1fr));
	gap:clamp(30px,4vw,56px);padding-bottom:44px;border-bottom:1px solid var(--line);
}
.footer__logo{height:30px;width:auto;object-fit:contain;object-position:left center}
.footer__desc{margin-top:18px;font-size:12.5px;line-height:1.85;color:var(--dim);max-width:340px}
.fcol h3{
	font-family:var(--mono);font-size:10px;letter-spacing:.2em;color:var(--dim);
	text-transform:uppercase;margin-bottom:16px;font-weight:500;
}
.fcol ul{margin:0;padding:0;list-style:none}
.fcol li + li{margin-top:11px}
.fcol a{font-size:13.5px;color:var(--muted);transition:color .2s var(--ease)}
.fcol a:hover{color:var(--text)}
.footer__bot{margin-top:26px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px}
.footer__legal{display:flex;flex-wrap:wrap;gap:20px;margin:0;padding:0;list-style:none}
.footer__legal a{font-size:12px;color:var(--dim);transition:color .2s var(--ease)}
.footer__legal a:hover{color:var(--muted)}
.footer__copy{font-family:var(--mono);font-size:11px;letter-spacing:.05em;color:#5C5C5C}
@media (max-width:820px){
	.footer__grid{grid-template-columns:repeat(2,1fr);gap:34px 24px}
	.footer__brand-col{grid-column:1/-1}
}

/* ============================================================
   10. 내부 페이지 (아카이브 / 단일 글 / 검색 / 404)
   ============================================================ */
.site-main{padding-top:var(--header-h)}
.site-main.is-front{padding-top:0}
.page-head{padding:clamp(56px,7vw,92px) 0 clamp(32px,4vw,48px);border-bottom:1px solid var(--line)}
.page-head .eyebrow{display:block;margin-bottom:14px}
.page-head h1{font-size:var(--fs-h2);font-weight:700;letter-spacing:-.025em;line-height:1.3}
.page-head p{margin-top:14px;color:var(--muted);max-width:640px}

.grid-posts{
	display:grid;grid-template-columns:repeat(3,1fr);
	gap:clamp(24px,3vw,40px);padding-block:clamp(44px,6vw,72px);
}
.pcard{display:flex;flex-direction:column}
.pcard .thumb{aspect-ratio:16/10;margin-bottom:18px}
.pcard h2{font-size:18px;font-weight:700;letter-spacing:-.025em;line-height:1.45;transition:color .24s var(--ease)}
.pcard:hover h2{color:var(--gold)}
.pcard p{margin-top:10px;font-size:var(--fs-sm);color:var(--muted)}
.pcard .feature__meta{margin:0 0 10px}
@media (max-width:960px){.grid-posts{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){.grid-posts{grid-template-columns:1fr}}

.pagination{padding-bottom:clamp(60px,8vw,110px)}
.pagination .nav-links{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.pagination .page-numbers{
	display:inline-flex;align-items:center;justify-content:center;
	min-width:44px;height:44px;padding:0 14px;
	border:1px solid var(--line);border-radius:var(--r);
	font-family:var(--mono);font-size:12.5px;color:var(--muted);
	transition:border-color .24s var(--ease),color .24s var(--ease);
}
.pagination .page-numbers:hover{border-color:var(--gold-soft);color:var(--gold)}
.pagination .page-numbers.current{border-color:var(--gold);color:var(--gold)}
.pagination .dots{border-color:transparent}

.entry{padding-block:clamp(52px,6vw,84px)}
.entry__head{max-width:760px;margin:0 auto clamp(30px,4vw,44px)}
.entry__head h1{
	font-size:clamp(28px,3.6vw,44px);font-weight:800;
	letter-spacing:-.035em;line-height:1.25;margin:16px 0 0;
}
.entry__fig{max-width:1000px;margin:0 auto clamp(34px,4vw,52px)}
.entry__fig img{width:100%;border-radius:var(--r);border:1px solid var(--line)}
.entry-content{max-width:760px;margin:0 auto;font-size:16.5px;line-height:1.9;color:#E4E4E4}
.entry-content > * + *{margin-top:24px}
.entry-content h2{font-size:clamp(21px,2.2vw,27px);font-weight:700;letter-spacing:-.025em;margin-top:56px;line-height:1.4}
.entry-content h3{font-size:19px;font-weight:700;letter-spacing:-.02em;margin-top:40px}
.entry-content h4{font-size:17px;font-weight:600;margin-top:32px}
.entry-content a{color:var(--gold);text-decoration:underline;text-underline-offset:3px}
.entry-content ul,.entry-content ol{padding-left:22px;list-style:disc}
.entry-content ol{list-style:decimal}
.entry-content li + li{margin-top:8px}
.entry-content img{border-radius:var(--r)}
.entry-content blockquote{
	border-left:2px solid var(--gold);padding:4px 0 4px 22px;
	color:var(--muted);font-size:17px;
}
.entry-content code{
	font-family:var(--mono);font-size:14px;background:var(--card);
	padding:2px 6px;border-radius:var(--r);
}
.entry-content pre{
	background:var(--card);border:1px solid var(--line);border-radius:var(--r);
	padding:20px;overflow:auto;font-family:var(--mono);font-size:13.5px;
}
.entry-content table{width:100%;border-collapse:collapse;font-size:14.5px}
.entry-content th,.entry-content td{border:1px solid var(--line);padding:12px 14px;text-align:left}
.entry-content th{color:var(--gold);font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:500}
.entry-content hr{border:0;border-top:1px solid var(--line);margin:40px 0}
.entry__tags{max-width:760px;margin:48px auto 0;display:flex;flex-wrap:wrap;gap:8px}
.entry__tags a{
	font-family:var(--mono);font-size:11px;letter-spacing:.1em;color:var(--muted);
	border:1px solid var(--line);border-radius:var(--r);padding:7px 12px;
	transition:border-color .24s var(--ease),color .24s var(--ease);
}
.entry__tags a:hover{border-color:var(--gold-soft);color:var(--gold)}

.postnav{
	max-width:1000px;margin:clamp(52px,6vw,80px) auto 0;
	display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);
	border-top:1px solid var(--line);border-bottom:1px solid var(--line);
}
.postnav a{background:var(--bg);padding:26px clamp(18px,2.4vw,30px);transition:background .3s var(--ease)}
.postnav a:hover{background:#0E0E0E}
.postnav span{display:block;font-family:var(--mono);font-size:10px;letter-spacing:.2em;color:var(--gold);margin-bottom:10px}
.postnav strong{font-size:15px;font-weight:600;letter-spacing:-.02em;line-height:1.5}
.postnav a.is-next{text-align:right}
@media (max-width:640px){.postnav{grid-template-columns:1fr}.postnav a.is-next{text-align:left}}

.searchform{display:flex;gap:10px;margin-top:24px;max-width:460px}
.searchform input[type="search"]{
	flex:1;min-height:50px;padding:0 16px;background:var(--card);
	border:1px solid var(--line);border-radius:var(--r);color:var(--text);
	font-family:var(--sans);font-size:14.5px;
}
.searchform input[type="search"]::placeholder{color:var(--dim)}
.searchform button{
	min-height:50px;padding:0 22px;background:var(--gold);color:#0B0B0B;
	border-radius:var(--r);font-weight:600;font-size:14px;
}

.notfound{padding:clamp(90px,12vw,160px) 0;text-align:center}
.notfound .eyebrow{display:block;margin-bottom:18px}
.notfound h1{font-size:clamp(28px,3.6vw,44px);font-weight:700;letter-spacing:-.03em;margin-bottom:14px}
.notfound p{color:var(--muted);margin-bottom:32px}
.notfound .searchform{margin-inline:auto}

/* WordPress 기본 클래스 */
.alignleft{float:left;margin:6px 24px 20px 0}
.alignright{float:right;margin:6px 0 20px 24px}
.aligncenter{margin-left:auto;margin-right:auto}
.alignwide{max-width:1000px;margin-left:auto;margin-right:auto}
.alignfull{max-width:none}
.wp-caption{max-width:100%}
.wp-caption-text,.gallery-caption,.entry-content figcaption{
	font-family:var(--mono);font-size:11px;letter-spacing:.05em;color:var(--dim);
	margin-top:10px;text-align:center;
}
.sticky .cat::after{content:" · FEATURED"}
.bypostauthor{display:block}

/* ============================================================
   11. MOTION
   ============================================================ */
.reveal{opacity:0;transform:translateY(16px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
.reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
	*{animation:none!important;transition:none!important}
	.rise,.reveal{opacity:1;transform:none}
}

@media (max-width:640px){
	:root{--header-h:60px}
	.brand__img{height:28px}
	.hero{min-height:auto;padding-bottom:0}
	.hero__in{padding-bottom:56px;padding-top:clamp(96px,26vh,150px)}
	.hero h1{letter-spacing:-.03em}
	.hero__act{display:grid;grid-template-columns:1fr;gap:10px}
	.hero__act .btn{width:100%}
	.cta .btn{width:100%;max-width:340px}
	.sec-head{flex-direction:column;align-items:flex-start;gap:14px}
}