/*
Theme Name: Capone Noir
Theme URI: https://caponeofcannabis.com/
Author: Ryan Richmond + ChatGPT
Author URI: https://caponeofcannabis.com/
Description: A cinematic, book-cover-inspired WordPress theme for Capone Of Cannabis with a mobile-safe navigation shelf, noir cover art, chapter excerpts, press, photos, and book sales.
Version: 1.3.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: capone-noir
Tags: blog, entertainment, custom-logo, custom-menu, featured-images, wide-blocks, block-styles, translation-ready
*/

:root{
  --c-bg:#050704;
  --c-bg-2:#0b1109;
  --c-panel:rgba(17,24,14,.78);
  --c-panel-solid:#11180e;
  --c-ink:#f7edce;
  --c-muted:#b8af96;
  --c-gold:#f7c948;
  --c-gold-2:#b57a19;
  --c-green:#6de36d;
  --c-green-deep:#173a1d;
  --c-red:#d84232;
  --c-line:rgba(247,201,72,.22);
  --c-white:#fff8e5;
  --shadow:0 24px 90px rgba(0,0,0,.52);
  --shadow-soft:0 16px 54px rgba(0,0,0,.35);
  --radius:28px;
  --radius-sm:18px;
  --font-display:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
  --font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-serif:Georgia, 'Times New Roman', serif;
  --shell:min(1180px, calc(100vw - 40px));
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:
    radial-gradient(circle at 78% 8%, rgba(109,227,109,.15), transparent 34%),
    radial-gradient(circle at 15% 5%, rgba(247,201,72,.12), transparent 28%),
    linear-gradient(135deg, var(--c-bg), #0a0a07 45%, #030302);
  color:var(--c-ink);
  font-family:var(--font-sans);
  font-size:16px;
  line-height:1.65;
  min-height:100vh;
}
body:before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  opacity:.12;
  mix-blend-mode:screen;
  background-image:
    linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px);
  background-size:42px 42px;
  mask-image:linear-gradient(to bottom, #000, transparent 92%);
  z-index:-1;
}
body:after{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  background:repeating-linear-gradient(0deg, rgba(255,255,255,.035) 0 1px, transparent 1px 5px);
  opacity:.18;
  z-index:9999;
}

a{color:var(--c-gold);text-decoration-thickness:.08em;text-underline-offset:.18em;transition:color .2s ease, opacity .2s ease, transform .2s ease}
a:hover{color:var(--c-green)}
img{max-width:100%;height:auto;display:block}
::selection{background:var(--c-gold);color:#141006}

.skip-link{position:absolute;left:-999px;top:18px;background:var(--c-gold);color:#111;padding:10px 14px;border-radius:999px;z-index:10000;font-weight:900}
.skip-link:focus{left:18px}
.site-shell{width:var(--shell);margin-inline:auto}

.site-header{
  position:sticky;
  top:0;
  z-index:50;
  border-bottom:1px solid var(--c-line);
  background:rgba(5,7,4,.78);
  backdrop-filter:blur(18px);
  box-shadow:0 10px 40px rgba(0,0,0,.32);
}
.nav-wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px 0}
.brand{display:flex;align-items:center;gap:14px;text-decoration:none;min-width:180px}
.brand img,.custom-logo{max-height:74px;width:auto;filter:drop-shadow(0 0 14px rgba(247,201,72,.28))}
.brand-wordmark{font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;font-size:clamp(1.5rem,2.8vw,2.7rem);line-height:.9;color:var(--c-gold);text-shadow:0 2px 0 #5a3305, 0 0 22px rgba(247,201,72,.28)}
.brand-sub{display:block;font-family:var(--font-sans);font-size:.72rem;letter-spacing:.25em;color:var(--c-muted);font-weight:800;margin-top:4px}

.menu-toggle{display:none;border:1px solid var(--c-line);background:rgba(247,201,72,.1);color:var(--c-gold);border-radius:999px;padding:10px 14px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.primary-nav ul{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.primary-nav a{display:block;text-decoration:none;color:var(--c-ink);font-weight:850;letter-spacing:.05em;text-transform:uppercase;font-size:.78rem;padding:10px 13px;border-radius:999px}
.primary-nav a:hover,.primary-nav .current-menu-item>a{background:rgba(247,201,72,.12);color:var(--c-gold)}
.primary-nav .menu-item:last-child>a{background:linear-gradient(135deg,var(--c-gold),#ffef9e 45%,var(--c-gold-2));color:#151008;box-shadow:0 0 0 1px rgba(255,255,255,.12) inset,0 12px 30px rgba(247,201,72,.14)}

.hero{position:relative;overflow:hidden;border-bottom:1px solid var(--c-line)}
.hero:before{
  content:"";position:absolute;inset:-1px;z-index:-1;
  background:
    linear-gradient(90deg,rgba(5,7,4,.9),rgba(5,7,4,.34) 43%,rgba(5,7,4,.92)),
    linear-gradient(0deg,rgba(5,7,4,.88),rgba(5,7,4,.12) 45%,rgba(5,7,4,.74)),
    var(--hero-bg, url("assets/images/capone-field-bg.jpg")) center/cover no-repeat,
    radial-gradient(circle at 80% 36%,rgba(109,227,109,.22),transparent 32%),
    radial-gradient(circle at 45% 20%,rgba(247,201,72,.13),transparent 28%);
  transform:scale(1.015);
}
.hero:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% -10%,rgba(247,201,72,.16),transparent 36%),linear-gradient(180deg,transparent 70%,rgba(5,7,4,.98));mix-blend-mode:screen;opacity:.78}
.hero .site-shell,.hero .scroll-note{position:relative;z-index:2}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.72fr);gap:54px;align-items:center;min-height:calc(100vh - 104px);padding:72px 0 68px}
.kicker{display:inline-flex;align-items:center;gap:10px;margin:0 0 18px;padding:8px 12px;border:1px solid var(--c-line);border-radius:999px;background:rgba(247,201,72,.08);color:var(--c-gold);font-weight:950;letter-spacing:.12em;text-transform:uppercase;font-size:.78rem}
.kicker:before{content:"";width:9px;height:9px;border-radius:50%;background:var(--c-green);box-shadow:0 0 18px var(--c-green)}
.hero h1{margin:0;font-family:var(--font-display);font-size:clamp(3.5rem,9.2vw,8.9rem);line-height:.82;letter-spacing:.018em;text-transform:uppercase;color:var(--c-white);text-wrap:balance;text-shadow:0 5px 0 rgba(181,122,25,.48), 0 0 48px rgba(247,201,72,.16)}
.hero h1 .gold{display:block;background:linear-gradient(180deg,#fff4ba 0%, var(--c-gold) 45%, #8f5d0e 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.16)}
.hero-copy{font-size:clamp(1.05rem,1.7vw,1.3rem);max-width:760px;color:var(--c-muted);margin:26px 0 0}
.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid transparent;border-radius:999px;padding:14px 20px;font-weight:950;text-decoration:none;letter-spacing:.075em;text-transform:uppercase;font-size:.84rem;min-height:52px}
.btn-primary{background:linear-gradient(135deg,var(--c-gold),#fff3a9 48%,var(--c-gold-2));color:#130e05;box-shadow:0 14px 42px rgba(247,201,72,.2),0 0 0 1px rgba(255,255,255,.22) inset}
.btn-primary:hover{color:#130e05;transform:translateY(-2px)}
.btn-secondary{background:rgba(109,227,109,.08);border-color:rgba(109,227,109,.34);color:var(--c-green)}
.btn-secondary:hover{background:rgba(109,227,109,.15);color:#a2fda2;transform:translateY(-2px)}
.btn-ghost{background:rgba(255,255,255,.04);border-color:var(--c-line);color:var(--c-ink)}

.hero-art{position:relative;justify-self:center;isolation:isolate}
.book-frame{position:relative;padding:8px;border-radius:36px;background:radial-gradient(circle at 45% 14%,rgba(255,226,103,.3),rgba(247,201,72,.08) 34%,transparent 62%);box-shadow:var(--shadow);transform:rotate(1.2deg)}
.book-frame:before{content:"IRS 280E";position:absolute;right:-14px;top:56px;z-index:5;transform:rotate(12deg);border:3px solid rgba(216,66,50,.86);color:#ff7669;padding:8px 12px;border-radius:8px;font-family:var(--font-display);font-size:1.45rem;letter-spacing:.08em;background:rgba(5,7,4,.68);box-shadow:0 0 22px rgba(216,66,50,.18)}
.book-frame:after{content:"";position:absolute;inset:-34px;z-index:-1;background:radial-gradient(circle,rgba(247,201,72,.24),transparent 62%);filter:blur(4px)}
.book-cover{border-radius:26px;overflow:visible;filter:drop-shadow(0 36px 50px rgba(0,0,0,.72));background:transparent;max-height:650px;width:auto}
.evidence-tags{position:absolute;left:-26px;bottom:28px;display:grid;gap:10px;z-index:6;transform:rotate(-5deg)}
.evidence-tags span{width:max-content;background:rgba(5,7,4,.88);border:1px solid var(--c-line);padding:8px 11px;border-radius:999px;color:var(--c-gold);font-weight:950;font-size:.72rem;letter-spacing:.09em;text-transform:uppercase;box-shadow:var(--shadow-soft)}
.scroll-note{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);font-size:.72rem;letter-spacing:.24em;text-transform:uppercase;color:var(--c-muted);font-weight:900;opacity:.8}

.section{padding:86px 0;position:relative}
.section.alt{background:linear-gradient(180deg,rgba(17,24,14,.52),rgba(5,7,4,.04));border-top:1px solid rgba(247,201,72,.08);border-bottom:1px solid rgba(247,201,72,.08)}
.section-header{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:30px}
.eyebrow{margin:0 0 10px;color:var(--c-green);font-weight:950;letter-spacing:.16em;text-transform:uppercase;font-size:.76rem}
.section-title{margin:0;font-family:var(--font-display);font-size:clamp(2.4rem,5.6vw,5.7rem);line-height:.88;text-transform:uppercase;color:var(--c-white);text-shadow:0 3px 0 rgba(181,122,25,.42)}
.section-deck{max-width:650px;color:var(--c-muted);font-size:1.05rem;margin:12px 0 0}


.visual-section{position:relative;overflow:hidden;padding:72px 0;border-top:1px solid rgba(247,201,72,.12);border-bottom:1px solid rgba(247,201,72,.12);background:linear-gradient(135deg,rgba(12,17,9,.94),rgba(5,7,4,.86)),url("assets/images/capone-field-bg.jpg") center/cover no-repeat}
.visual-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 0,rgba(247,201,72,.16),transparent 36%),radial-gradient(circle at 86% 20%,rgba(109,227,109,.12),transparent 30%);pointer-events:none}
.visual-grid{position:relative;display:grid;grid-template-columns:minmax(0,.72fr) minmax(260px,.78fr);grid-template-areas:"copy wide" "scene wide";gap:18px;align-items:stretch}
.visual-copy{grid-area:copy;border:1px solid var(--c-line);border-radius:var(--radius);background:rgba(5,7,4,.72);padding:clamp(24px,4vw,38px);box-shadow:var(--shadow-soft)}
.visual-copy h2{font-family:var(--font-display);font-size:clamp(2.4rem,5.4vw,5.2rem);line-height:.86;text-transform:uppercase;margin:0 0 16px;color:var(--c-white);text-shadow:0 3px 0 rgba(181,122,25,.42)}
.visual-copy p:last-child{margin:0;color:var(--c-muted);font-size:1.05rem}
.visual-card{margin:0;position:relative;overflow:hidden;border:1px solid var(--c-line);border-radius:var(--radius);box-shadow:var(--shadow-soft);background:#060806;min-height:220px}
.visual-card img{width:100%;height:100%;object-fit:cover;filter:contrast(1.08) saturate(1.05)}
.visual-card-wide{grid-area:wide;min-height:520px}
.visual-card-scene{grid-area:scene;min-height:260px}

.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.card{position:relative;overflow:hidden;border:1px solid var(--c-line);border-radius:var(--radius);background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.02));box-shadow:var(--shadow-soft)}
.card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 82% 0,rgba(247,201,72,.16),transparent 40%);pointer-events:none}
.card-inner{position:relative;padding:28px}
.card-num{font-family:var(--font-display);font-size:3.5rem;line-height:.8;color:rgba(247,201,72,.34);margin-bottom:26px}
.card h3{margin:0 0 12px;font-size:1.35rem;line-height:1.05;text-transform:uppercase;letter-spacing:.04em;color:var(--c-white)}
.card p{margin:0;color:var(--c-muted)}
.card a.stretched{position:absolute;inset:0;z-index:3;text-indent:-9999px}
.card:hover{transform:translateY(-4px);border-color:rgba(247,201,72,.5);transition:.25s ease}

.post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.post-card{background:rgba(17,24,14,.74);border:1px solid var(--c-line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-soft);height:100%;display:flex;flex-direction:column}
.post-card .thumb{aspect-ratio:16/10;background:linear-gradient(135deg,rgba(247,201,72,.14),rgba(109,227,109,.12));overflow:hidden}
.post-card .thumb img{width:100%;height:100%;object-fit:cover;filter:grayscale(.35) contrast(1.08)}
.post-card .post-body{padding:22px;display:flex;flex-direction:column;gap:12px;flex:1}
.post-card .meta{color:var(--c-green);font-size:.72rem;font-weight:950;letter-spacing:.12em;text-transform:uppercase}
.post-card h3{margin:0;font-size:1.3rem;line-height:1.1;text-transform:uppercase}
.post-card h3 a{text-decoration:none;color:var(--c-white)}
.post-card h3 a:hover{color:var(--c-gold)}
.post-card p{margin:0;color:var(--c-muted)}
.read-more{margin-top:auto;font-weight:950;letter-spacing:.1em;text-transform:uppercase;font-size:.76rem;text-decoration:none;color:var(--c-gold)}

.press-band{border:1px solid rgba(216,66,50,.38);background:linear-gradient(135deg,rgba(216,66,50,.14),rgba(247,201,72,.08),rgba(109,227,109,.08));border-radius:calc(var(--radius) + 8px);padding:34px;display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center;box-shadow:var(--shadow-soft)}
.press-band .stamp{display:inline-block;transform:rotate(-3deg);border:3px solid rgba(216,66,50,.8);color:#ff7d72;border-radius:10px;padding:6px 10px;font-family:var(--font-display);letter-spacing:.08em;font-size:1.45rem;margin-bottom:14px}
.press-band h2{font-family:var(--font-display);font-size:clamp(2rem,4vw,4rem);line-height:.9;margin:0 0 8px;text-transform:uppercase;color:var(--c-white)}
.press-band p{margin:0;color:var(--c-muted);max-width:720px}

.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:26px}
.stat{border:1px solid var(--c-line);border-radius:var(--radius-sm);padding:22px;background:rgba(255,255,255,.045)}
.stat strong{display:block;font-family:var(--font-display);font-size:clamp(2rem,5vw,4rem);line-height:.85;color:var(--c-gold);text-transform:uppercase;text-shadow:0 2px 0 rgba(181,122,25,.42)}
.stat span{display:block;margin-top:10px;color:var(--c-muted);font-weight:800;letter-spacing:.07em;text-transform:uppercase;font-size:.72rem}

.content-wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,320px);gap:48px;padding:62px 0 82px}
.main-content{min-width:0}
.article-card{border:1px solid var(--c-line);border-radius:var(--radius);background:rgba(17,24,14,.66);box-shadow:var(--shadow-soft);overflow:hidden;margin-bottom:24px}
.article-card .article-inner{padding:clamp(24px,4vw,46px)}
.entry-title,.page-title{font-family:var(--font-display);font-size:clamp(2.6rem,6vw,6rem);line-height:.86;text-transform:uppercase;margin:.1em 0 .25em;color:var(--c-white);text-shadow:0 3px 0 rgba(181,122,25,.42)}
.entry-title a{text-decoration:none;color:inherit}
.entry-meta{display:flex;gap:14px;flex-wrap:wrap;color:var(--c-green);font-weight:950;letter-spacing:.1em;text-transform:uppercase;font-size:.72rem;margin-bottom:20px}
.entry-content{color:#e9dec0;font-size:1.05rem}
.entry-content h2,.entry-content h3{font-family:var(--font-display);text-transform:uppercase;line-height:.95;color:var(--c-white);margin-top:1.3em}
.entry-content h2{font-size:clamp(2.1rem,4.6vw,4rem)}
.entry-content h3{font-size:clamp(1.6rem,3vw,2.6rem)}
.entry-content p{margin:0 0 1.1em}
.entry-content blockquote{margin:2rem 0;padding:24px 28px;border-left:6px solid var(--c-gold);background:rgba(247,201,72,.08);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--c-white);font-family:var(--font-serif);font-size:1.24rem;line-height:1.45}
.entry-content img{border-radius:var(--radius-sm);box-shadow:var(--shadow-soft)}
.entry-content .wp-block-button__link{border-radius:999px;background:linear-gradient(135deg,var(--c-gold),#fff3a9 48%,var(--c-gold-2));color:#130e05;font-weight:950;letter-spacing:.06em;text-transform:uppercase;text-decoration:none}
.entry-content .alignwide{margin-left:calc((var(--shell) - 100%) / -4);margin-right:calc((var(--shell) - 100%) / -4);max-width:var(--shell)}
.post-thumbnail img{width:100%;max-height:560px;object-fit:cover}

.sidebar{position:relative}
.sidebar .widget{border:1px solid var(--c-line);border-radius:var(--radius);padding:24px;background:rgba(17,24,14,.62);box-shadow:var(--shadow-soft);margin-bottom:18px}
.sidebar h2,.sidebar h3,.widget-title{font-family:var(--font-display);text-transform:uppercase;line-height:.95;color:var(--c-gold);font-size:1.8rem;margin:0 0 14px}
.sidebar ul{padding-left:1.2em;margin:0}
.sidebar li{margin:.45em 0}

.pagination,.nav-links{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:26px}
.page-numbers,.nav-links a,.nav-links span{padding:10px 14px;border-radius:999px;border:1px solid var(--c-line);background:rgba(255,255,255,.045);text-decoration:none;font-weight:900;color:var(--c-ink)}
.page-numbers.current,.nav-links span.current{background:var(--c-gold);color:#111}

.search-form{display:flex;gap:8px;align-items:center}
.search-form label{flex:1}.search-field{width:100%;border:1px solid var(--c-line);border-radius:999px;background:rgba(5,7,4,.72);color:var(--c-ink);padding:12px 15px;font:inherit}.search-submit{border:0;border-radius:999px;background:var(--c-gold);color:#111;padding:12px 16px;font-weight:950;cursor:pointer}

.site-footer{border-top:1px solid var(--c-line);background:linear-gradient(180deg,rgba(17,24,14,.45),rgba(5,7,4,.96));padding:58px 0 34px}
.footer-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:34px;align-items:start}
.footer-logo{max-width:300px;margin-bottom:18px;filter:drop-shadow(0 0 14px rgba(247,201,72,.18))}
.footer-title{font-family:var(--font-display);font-size:2rem;line-height:.9;text-transform:uppercase;color:var(--c-gold);margin:0 0 12px}
.footer-copy{color:var(--c-muted);margin:0 0 18px;max-width:520px}
.footer-nav ul,.social-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.footer-nav a,.social-list a{text-decoration:none;font-weight:850;text-transform:uppercase;letter-spacing:.06em;color:var(--c-ink);font-size:.86rem}
.footer-nav a:hover,.social-list a:hover{color:var(--c-gold)}
.footer-bottom{margin-top:38px;padding-top:24px;border-top:1px solid rgba(247,201,72,.12);display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;color:var(--c-muted);font-size:.86rem}

.comment-respond,.comments-area{border:1px solid var(--c-line);border-radius:var(--radius);background:rgba(17,24,14,.62);padding:24px;margin-top:28px}.comment-respond input,.comment-respond textarea{width:100%;border:1px solid var(--c-line);border-radius:16px;background:#080b07;color:var(--c-ink);padding:12px;font:inherit}.comment-respond .submit{width:auto;border-radius:999px;background:var(--c-gold);color:#111;border:0;font-weight:950;text-transform:uppercase;cursor:pointer}

.wp-caption,.gallery-caption{color:var(--c-muted)}.bypostauthor{outline:1px solid var(--c-gold)}.sticky{position:relative}.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background:#fff;color:#111;clip:auto!important;clip-path:none;height:auto;width:auto;display:block;padding:14px;z-index:100000}

@media (max-width: 980px){
  .hero-grid,.content-wrap,.footer-grid{grid-template-columns:1fr}
  .hero-grid{min-height:auto;padding-top:52px}.hero-art{order:-1}.book-frame{max-width:min(410px,80vw);margin-inline:auto}.card-grid,.post-grid,.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.press-band{grid-template-columns:1fr}.section-header{display:block}.visual-grid{grid-template-columns:1fr;grid-template-areas:"copy" "wide" "scene"}.visual-card-wide{min-height:360px}
}
@media (max-width: 760px){
  :root{--shell:min(100vw - 28px, 1180px)}
  body{font-size:15px;overflow-x:hidden}
  .site-header{position:sticky}
  .nav-wrap{padding:9px 0 8px;display:flex;flex-wrap:wrap;gap:8px 12px}
  .brand{min-width:0;max-width:100%;flex:1 1 auto}
  .menu-toggle{display:none}
  .primary-nav{display:block;position:relative;left:auto;right:auto;top:auto;width:100%;max-width:100%;border-top:1px solid rgba(247,201,72,.14);padding:8px 0 0;overflow:hidden}
  .primary-nav.is-open{display:block}
  .primary-nav ul{display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-start;gap:8px;overflow-x:auto;overflow-y:hidden;max-width:100%;padding:0 1px 8px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;list-style:none;margin:0;scrollbar-width:thin}
  .primary-nav li{flex:0 0 auto;scroll-snap-align:start}
  .primary-nav a{white-space:nowrap;padding:9px 12px;font-size:.68rem;border:1px solid rgba(247,201,72,.16);background:rgba(255,255,255,.035);box-shadow:none;max-width:82vw;overflow:hidden;text-overflow:ellipsis}
  .primary-nav .menu-item:last-child>a{box-shadow:none}
  .brand img,.custom-logo{max-height:54px}.brand-wordmark{font-size:1.48rem}.brand-sub{font-size:.62rem;letter-spacing:.18em}
  .hero-grid{gap:22px;padding:28px 0 58px}.hero-art{order:-1}.book-frame{max-width:min(315px,76vw)}
  .hero h1{font-size:clamp(2.75rem,16.8vw,5.6rem)}.hero-copy{font-size:1rem}.hero-actions{gap:10px}.btn{width:100%;padding:13px 16px}
  .book-frame:before{right:-6px;top:34px;font-size:.92rem}.evidence-tags{left:8px;bottom:-16px}.evidence-tags span{font-size:.62rem;padding:7px 9px}
  .visual-grid{grid-template-columns:1fr;grid-template-areas:"copy" "wide" "scene"}.visual-section{padding:50px 0}.visual-card-wide,.visual-card-scene{min-height:230px}.visual-card-wide img{object-position:center}
  .card-grid,.post-grid,.stats{grid-template-columns:1fr}.section{padding:58px 0}.press-band{padding:24px}.footer-bottom{display:block}.search-form{display:grid}.entry-content .alignwide{margin-left:0;margin-right:0;max-width:100%}
  .sidebar{width:100%;max-width:100%;overflow-wrap:anywhere}.sidebar .widget{padding:20px}
}

@media (prefers-reduced-motion: no-preference){
  .hero h1,.kicker,.hero-copy,.hero-actions,.hero-art,.card,.post-card,.press-band{animation:capone-rise .7s ease both}.hero-copy{animation-delay:.08s}.hero-actions{animation-delay:.16s}.hero-art{animation-delay:.2s}
  @keyframes capone-rise{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
  .book-frame{animation:capone-float 6s ease-in-out infinite alternate}.book-frame:hover{animation-play-state:paused}
  @keyframes capone-float{from{transform:rotate(2.5deg) translateY(0)}to{transform:rotate(-1deg) translateY(-10px)}}
}

/* v1.2 refinements */
.header-buy{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:10px 15px;min-height:42px;background:linear-gradient(135deg,var(--c-gold),#fff3a9 48%,var(--c-gold-2));color:#130e05;text-decoration:none;font-size:.78rem;font-weight:950;text-transform:uppercase;letter-spacing:.075em;white-space:nowrap;box-shadow:0 10px 30px rgba(247,201,72,.16),0 0 0 1px rgba(255,255,255,.2) inset}
.header-buy:hover{color:#130e05;transform:translateY(-1px)}
.primary-nav .menu-item:last-child>a{background:transparent;color:var(--c-ink);box-shadow:none}
.primary-nav .menu-item:last-child>a:hover{background:rgba(247,201,72,.12);color:var(--c-gold)}
.content-wrap-full{display:block;max-width:980px}
.content-wrap-full .article-card{margin-bottom:0}
.mini-buy{display:grid;grid-template-columns:92px 1fr;gap:14px;align-items:center;margin-top:24px;padding:14px;border:1px solid rgba(247,201,72,.18);border-radius:22px;background:rgba(255,255,255,.045)}
.mini-buy img{width:92px;filter:drop-shadow(0 16px 22px rgba(0,0,0,.52))}
.mini-buy strong{display:block;color:var(--c-gold);font-family:var(--font-display);font-size:1.4rem;line-height:.95;text-transform:uppercase}.mini-buy span{display:block;color:var(--c-muted);font-size:.9rem;line-height:1.35;margin:5px 0}.mini-buy a{font-weight:950;text-transform:uppercase;letter-spacing:.08em;text-decoration:none;font-size:.74rem}
.excerpt-section{background:radial-gradient(circle at 70% 12%,rgba(247,201,72,.12),transparent 28%)}
.excerpt-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.excerpt-card{position:relative;overflow:hidden;border:1px solid rgba(247,201,72,.22);border-radius:var(--radius);padding:28px;background:linear-gradient(145deg,rgba(17,24,14,.82),rgba(5,7,4,.72));box-shadow:var(--shadow-soft)}
.excerpt-card:before{content:'“';position:absolute;right:18px;top:-18px;font-family:var(--font-serif);font-size:9rem;line-height:1;color:rgba(247,201,72,.12)}
.chapter-label{display:inline-flex;margin-bottom:14px;color:var(--c-green);font-size:.72rem;font-weight:950;letter-spacing:.14em;text-transform:uppercase}
.excerpt-card h3{font-family:var(--font-display);font-size:clamp(1.8rem,3vw,3rem);line-height:.88;color:var(--c-white);text-transform:uppercase;margin:0 0 16px;text-shadow:0 2px 0 rgba(181,122,25,.42)}
.excerpt-card p{color:#e9dec0;font-family:var(--font-serif);font-size:1.08rem;line-height:1.52;margin:0 0 18px}
.social-section{background:linear-gradient(180deg,rgba(17,24,14,.08),rgba(17,24,14,.42));border-top:1px solid rgba(247,201,72,.08);border-bottom:1px solid rgba(247,201,72,.08)}
.feed-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:20px;align-items:stretch}.feed-card{border:1px solid var(--c-line);border-radius:calc(var(--radius) + 4px);background:rgba(17,24,14,.72);box-shadow:var(--shadow-soft);padding:20px;overflow:hidden}.feed-head{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px}.feed-head a{font-weight:950;text-transform:uppercase;letter-spacing:.08em;text-decoration:none;font-size:.76rem}.small-stamp{font-size:1.18rem!important;margin:0!important;border-width:2px!important;padding:4px 9px!important}.video-frame{position:relative;aspect-ratio:16/9;border-radius:22px;overflow:hidden;background:#050704;border:1px solid rgba(247,201,72,.14)}.video-frame iframe,.video-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.feed-fallback{min-height:100%;display:grid;place-items:center;gap:12px;text-align:center;padding:26px;color:var(--c-ink);text-decoration:none;background:radial-gradient(circle at 50% 0,rgba(247,201,72,.18),transparent 44%),rgba(5,7,4,.72)}.image-fallback span{position:relative;z-index:2;align-self:end;background:rgba(5,7,4,.72);border:1px solid var(--c-line);border-radius:999px;padding:10px 13px;font-weight:950;text-transform:uppercase;letter-spacing:.08em}.image-fallback:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(5,7,4,.86));z-index:1}.instagram-feed-wrap{min-height:260px;border:1px solid rgba(247,201,72,.14);border-radius:22px;overflow:hidden;background:#050704}.ig-grid{display:grid;grid-template-columns:repeat(3,50px);gap:8px}.ig-grid i{aspect-ratio:1;border-radius:12px;background:linear-gradient(135deg,rgba(247,201,72,.28),rgba(109,227,109,.16));border:1px solid rgba(247,201,72,.18)}.feed-fallback strong{font-family:var(--font-display);font-size:2rem;line-height:.9;text-transform:uppercase;color:var(--c-gold)}
@media (max-width: 980px){.feed-grid,.excerpt-grid{grid-template-columns:1fr}.header-buy{order:2}.primary-nav{order:3;flex-basis:100%}}
@media (max-width:760px){.nav-wrap{align-items:center}.header-buy{font-size:.68rem;padding:8px 11px;min-height:36px}.primary-nav{border-top:1px solid rgba(247,201,72,.14);padding-top:8px}.content-wrap-full{max-width:var(--shell)}.mini-buy{grid-template-columns:70px 1fr}.mini-buy img{width:70px}.excerpt-card{padding:22px}.feed-card{padding:14px}.feed-head{align-items:flex-start;display:grid}.ig-grid{grid-template-columns:repeat(3,42px)}}
.footer-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.primary-nav{flex:1 1 auto;min-width:0}.primary-nav ul{max-width:100%}


/* v1.3: WordPress-editable homepage + mobile hero overflow fix */
*,*::before,*::after{box-sizing:border-box}
html,body{max-width:100%;overflow-x:hidden}
.site-header,.hero,.visual-section,.section,.site-footer{max-width:100vw;overflow-x:hidden}
.hero-grid,.hero-text,.hero-art,.book-frame{min-width:0;max-width:100%}
.hero-text{width:100%}
.hero h1{max-width:100%;overflow-wrap:anywhere;hyphens:auto}
.home-editor-section{padding:54px 0;background:radial-gradient(circle at 18% 0,rgba(247,201,72,.1),transparent 32%),rgba(5,7,4,.4)}
.home-editor-card{background:linear-gradient(145deg,rgba(17,24,14,.78),rgba(5,7,4,.72));border-color:rgba(247,201,72,.2)}
.home-editor-card .article-inner{padding:clamp(22px,4vw,44px)}
.home-editor-card .entry-content > *:last-child{margin-bottom:0}
.home-editor-card .wp-block-cover,.home-editor-card .wp-block-group{border-radius:var(--radius-sm)}
.home-editor-card .wp-block-image img{border-radius:var(--radius-sm)}

@media (max-width:760px){
  .hero{overflow:hidden}
  .hero:before{inset:0;transform:none;background-position:center top}
  .hero-grid{width:100%;max-width:100%;gap:18px;padding:22px 0 48px;overflow:hidden}
  .hero-text{order:1;max-width:100%;overflow:hidden}
  .kicker{max-width:100%;white-space:normal;align-items:flex-start;font-size:.66rem;line-height:1.25;letter-spacing:.08em}
  .hero h1{font-size:clamp(2.1rem,12.2vw,4.15rem);line-height:.9;letter-spacing:0;text-wrap:wrap;-webkit-text-stroke:0;text-shadow:0 3px 0 rgba(181,122,25,.42),0 0 28px rgba(247,201,72,.12)}
  .hero-copy{max-width:100%;font-size:.98rem;line-height:1.5;margin-top:18px}
  .hero-actions{width:100%;margin-top:22px}
  .hero-actions .btn{min-width:0;max-width:100%;white-space:normal;text-align:center}
  .hero-art{width:100%;max-width:100%;overflow:visible;display:flex;justify-content:center}
  .book-frame{width:min(84vw,300px);max-width:100%;padding:5px;border-radius:24px;transform:rotate(0deg)}
  .book-cover{width:100%;max-width:100%;max-height:none;border-radius:20px}
  .book-frame:before{right:6px;top:18px;font-size:.72rem;border-width:2px;padding:5px 7px;transform:rotate(8deg)}
  .book-frame:after{inset:-14px;filter:blur(3px)}
  .evidence-tags{left:50%;bottom:-20px;display:flex;gap:6px;width:max-content;max-width:92vw;overflow:hidden;transform:translateX(-50%) rotate(0deg)}
  .evidence-tags span{font-size:.52rem;padding:6px 7px;letter-spacing:.06em}
  .scroll-note{display:none}
  .header-buy{max-width:calc(100vw - 184px);overflow:hidden;text-overflow:ellipsis}
  .home-editor-section{padding:38px 0}
  .home-editor-card .article-inner{padding:20px}
}