/* SlushBucket Publishing V3.3 — reference-faithful public skin */
:root{
  --v33-ink:#020b18;
  --v33-navy:#04152a;
  --v33-panel:#071a31;
  --v33-panel2:#0a203a;
  --v33-cream:#f5f0e7;
  --v33-copy:#e9eef3;
  --v33-muted:#c6d0da;
  --v33-gold:#e7a13e;
  --v33-teal:#4ec4cf;
  --v33-coral:#ef6555;
  --v33-purple:#9a6bd6;
  --v33-line:rgba(230,151,66,.58);
  --v33-softline:rgba(139,177,207,.25);
  --v33-max:1510px;
}
html,body{background:#020b18}
body{color:var(--v33-cream);font-family:"Trebuchet MS",Inter,"Segoe UI",Arial,sans-serif;background:
  radial-gradient(circle at 13% 23%,rgba(35,91,142,.11),transparent 22%),
  linear-gradient(180deg,#031126 0%,#06182d 58%,#020b18 100%)}
.wrap{width:min(var(--v33-max),calc(100% - 80px));margin-inline:auto}

/* Exact reference-style masthead */
.site-header{height:82px;position:sticky;top:0;z-index:80;background:#000816;border-bottom:1px solid rgba(231,161,62,.55);box-shadow:none;backdrop-filter:none}
.nav-wrap{height:82px;min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:26px}
.brand{display:flex;align-items:center;min-width:342px}.brand-logo{display:block;width:auto;height:69px;object-fit:contain}.brand-mark,.brand-text{display:none!important}
.main-nav{display:flex;align-items:center;gap:43px;font-size:14px;white-space:nowrap}.main-nav a{position:relative;padding:31px 0 27px;color:#f4f0e8;font-weight:800;text-transform:uppercase;letter-spacing:.025em}.main-nav a::after{content:"";position:absolute;left:0;right:100%;bottom:19px;height:2px;background:var(--v33-gold);transition:right .18s ease}.main-nav a:hover::after,.main-nav a.active::after{right:0}.menu-toggle{display:none}

/* HOME — geometry intentionally mirrors the approved 1672 × 941 reference */
.reference-home-hero{position:relative;height:363px;min-height:363px;overflow:hidden;background:var(--v33-navy);border-bottom:1px solid rgba(229,146,66,.5)}
.reference-home-hero::before{content:"";position:absolute;z-index:2;inset:0;background:linear-gradient(90deg,#04152a 0%,#04152a 31%,rgba(4,21,42,.98) 38%,rgba(4,21,42,.62) 46%,rgba(4,21,42,.08) 68%,rgba(4,21,42,0) 100%)}
.reference-home-hero::after{content:"";position:absolute;z-index:3;left:28px;top:18px;width:470px;height:315px;pointer-events:none;opacity:.38;background:
  radial-gradient(circle at 9% 22%,#fff 0 1.2px,transparent 1.6px),
  radial-gradient(circle at 42% 4%,#76d9e1 0 1.1px,transparent 1.5px),
  radial-gradient(circle at 70% 50%,#fff 0 1px,transparent 1.45px),
  radial-gradient(circle at 33% 77%,#e7a13e 0 1px,transparent 1.5px);
  background-size:122px 122px,160px 160px,205px 205px,260px 260px}
.reference-world{display:block!important;position:absolute!important;z-index:0!important;inset:0 0 0 36%!important;background:url('v33/home-hero.jpg') center/cover no-repeat!important}
.reference-hero-inner{position:relative;z-index:4;height:363px;min-height:363px;display:flex;align-items:center}
.reference-hero-copy{width:610px;max-width:610px;padding:0 0 1px 18px;position:relative}
.reference-hero-copy::before{content:"";position:absolute;right:4px;top:-36px;width:90px;height:67px;background:url('v33/paper-plane.svg') center/contain no-repeat;opacity:.96;transform:rotate(-7deg)}
.reference-hero-copy h1{margin:0;color:#fff;text-transform:uppercase;font-family:Impact,"Arial Narrow","Arial Black",sans-serif;font-size:57px!important;line-height:.94!important;letter-spacing:.018em!important;font-weight:900;text-shadow:0 3px 11px rgba(0,0,0,.3)}
.reference-hero-copy .brush{display:block;color:var(--v33-teal);font-family:"Trebuchet MS","Segoe Print",cursive;font-size:.97em;font-style:italic;font-weight:900;letter-spacing:-.045em!important;transform:skew(-7deg);transform-origin:left center;margin-left:7px}
.reference-rule{width:382px;display:flex;align-items:center;gap:13px;margin:14px 0 13px;color:var(--v33-gold)}.reference-rule::before,.reference-rule::after{content:"";height:2px;flex:1;background:linear-gradient(90deg,transparent,var(--v33-gold))}.reference-rule::after{background:linear-gradient(90deg,var(--v33-gold),transparent)}.reference-rule span{font-size:23px;line-height:1}
.reference-hero-copy p{width:450px;max-width:450px;margin:0 0 13px;color:#f1f3f4;font-size:15px;line-height:1.35;font-weight:500}
.reference-home-hero .button-row{display:flex;gap:19px;flex-wrap:nowrap;margin:0}.reference-home-hero .btn{height:45px;min-height:45px;border-radius:4px;padding:0 25px;font-size:14px;font-weight:900;text-transform:uppercase;letter-spacing:.025em;box-shadow:0 5px 15px rgba(0,0,0,.26);white-space:nowrap}.reference-home-hero .btn-coral{background:linear-gradient(#f47a6c,#df5145);border:1px solid #ff9a8e}.reference-home-hero .btn-aqua{background:linear-gradient(#56d2d6,#239ca9);border:1px solid #6ee2e6;color:#fff}
.hero-release-chip{display:none!important}

.home-features{height:180px;padding:0!important;background:#05162b;border-bottom:1px solid rgba(224,142,65,.32)}
.home-features>.wrap{height:100%;display:flex;align-items:center}
.home-features .feature-grid{width:100%;height:173px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;align-items:stretch}
.home-features .feature-card{height:173px;min-height:173px;border:1px solid rgba(232,144,72,.66)!important;border-radius:5px!important;background:linear-gradient(145deg,#0b213d,#06162b)!important;display:grid!important;grid-template-columns:43% 57%!important;overflow:hidden;box-shadow:none!important}
.home-features .feature-card img{width:100%;height:171px;min-height:171px;object-fit:cover;filter:saturate(1.08) contrast(1.05)}
.home-features .feature-copy{height:171px;padding:13px 16px!important;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;overflow:hidden}
.home-features .eyebrow{display:inline-block;margin:0 0 7px;padding:4px 8px;border-radius:3px;font:900 10.5px/1 "Trebuchet MS",sans-serif;letter-spacing:.05em;text-transform:uppercase;color:#fff}.home-features .eyebrow.violet{background:#76549f}.home-features .eyebrow.aqua{background:#208f9b}.home-features .eyebrow.coral{background:#b44b42}
.home-features .feature-copy h3{font:500 26px/1.02 Georgia,"Times New Roman",serif;margin:0 0 7px;color:#fff;letter-spacing:0}.home-features .feature-copy p{font-size:13px;line-height:1.33;color:#e9eef2;margin:0 0 8px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.home-features .text-link{font-size:11.5px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}

.home-pillars{height:121px;padding:0;background:#07192f;border-bottom:1px solid rgba(232,144,72,.4)}
.home-pillars>.wrap{height:100%}.home-pillars .pillar-grid{height:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.home-pillars .pillar{height:100%;border:0!important;border-right:1px solid rgba(160,185,207,.30)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;display:grid!important;grid-template-columns:74px 1fr!important;align-items:center!important;gap:15px!important;padding:13px 25px!important}.home-pillars .pillar:first-child{padding-left:0!important}.home-pillars .pillar:last-child{border-right:0!important;padding-right:0!important}
.home-pillars .icon{width:64px;height:64px;border-radius:50%;border:1px solid rgba(255,255,255,.34);display:grid;place-items:center;background:#17304b!important;padding:14px;box-shadow:inset 0 0 19px rgba(255,255,255,.05)}.home-pillars .icon img{width:100%;height:100%;object-fit:contain}.home-pillars .icon.purple{background:#4f316d!important}.home-pillars .icon.teal{background:#165e69!important}.home-pillars .icon.gold{background:#745320!important}.home-pillars .icon.coral{background:#713d3b!important}
.home-pillars .pillar h3{font-size:14.5px;line-height:1.1;text-transform:uppercase;letter-spacing:.06em;margin:0 0 5px}.home-pillars .pillar p{font-size:12.4px;line-height:1.3;color:#e3e8ed;margin:0 0 5px}.home-pillars .text-link{font-size:11.4px;font-weight:900;text-transform:uppercase;letter-spacing:.035em}

.home-bottom{height:131px;position:relative;padding:0;background:#071a30;border-bottom:1px solid rgba(231,161,62,.53);overflow:hidden}
.home-bottom::before{content:"";position:absolute;left:0;top:0;bottom:0;width:312px;background:url('v33/home-about.jpg') left center/cover no-repeat;opacity:1}.home-bottom::after{content:"";position:absolute;right:0;top:0;bottom:0;width:252px;background:url('v33/home-corner.jpg') right center/cover no-repeat;opacity:1}
.home-bottom-grid{position:relative;z-index:2;height:131px;min-height:131px;display:grid;grid-template-columns:1.04fr .96fr;gap:0}.home-about,.home-newsletter{height:131px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(90deg,rgba(5,22,42,.91),rgba(5,22,42,.88));padding-top:8px;padding-bottom:8px}.home-about{padding-left:244px;padding-right:30px;border-right:1px solid rgba(231,161,62,.42)}.home-newsletter{padding-left:30px;padding-right:226px}
.home-about h3,.home-newsletter h3{font-size:15px;line-height:1.1;text-transform:uppercase;letter-spacing:.055em;margin:0 0 5px}.home-about h3::after{content:"";display:block;width:34px;height:2px;background:var(--v33-gold);margin-top:6px}.home-about p,.home-newsletter p{font-size:12.4px;line-height:1.32;color:#e4e9ee;margin:0 0 6px;max-width:610px}.home-about .text-link{font-size:11.3px}
.home-bottom .signup-form{display:grid;grid-template-columns:minmax(0,1fr) 135px;gap:0;max-width:520px;margin:2px 0 0}.home-bottom .signup-form input{height:34px;min-height:34px;border-radius:2px 0 0 2px;border:1px solid rgba(160,184,208,.44);background:#06172c;padding:7px 12px;color:#fff}.home-bottom .signup-form button{height:34px;min-height:34px;border-radius:0 2px 2px 0;padding:6px 10px;font-size:12px;background:linear-gradient(#f2786a,#dd5145);border:1px solid #fb9689;color:#fff}.home-bottom .consent-note{grid-column:1/-1;font-size:9.7px;margin:4px 0 0;color:#aeb7c0}

.site-footer{height:68px;padding:0;background:#000816;border-top:0}.footer-grid{height:68px;display:grid;grid-template-columns:330px 1fr auto 235px;align-items:center;gap:18px}.footer-brand-logo{height:54px;width:auto}.socials{display:flex;justify-content:center;gap:13px}.socials a{width:35px;height:35px;min-width:35px;min-height:35px;border-radius:50%;display:grid;place-items:center;background:#121d2d;border:1px solid rgba(255,255,255,.16);font-size:10px;font-weight:900}.footer-links{display:flex;gap:18px;font-size:11px;color:#dfe6ec;white-space:nowrap}.copyright{font-size:10.8px;line-height:1.25;color:#b5bec7;text-align:right}

/* Reference-quality internal page heroes */
.page-hero{--page-art:url('v33/home-hero.jpg');position:relative;overflow:hidden;min-height:280px;padding:0;background:#04152a;border-bottom:1px solid rgba(231,161,62,.55);display:flex;align-items:center}
.page-hero::before{display:block!important;content:"";position:absolute;inset:0 0 0 38%;background-image:var(--page-art);background-position:center;background-size:cover;background-repeat:no-repeat;opacity:1}
.page-hero::after{display:block!important;content:"";position:absolute;inset:0;background:linear-gradient(90deg,#04152a 0%,#04152a 32%,rgba(4,21,42,.98) 40%,rgba(4,21,42,.53) 56%,rgba(4,21,42,.07) 78%)}
.page-hero>.wrap{position:relative;z-index:2;padding:40px 0}.page-hero .eyebrow{display:inline-block;background:transparent!important;color:var(--v33-teal)!important;padding:0!important;margin:0 0 7px;font-size:16px!important;font-weight:900;font-style:italic;letter-spacing:.03em}.page-hero h1{max-width:700px;margin:0 0 13px;color:#fff;font-family:Impact,"Arial Narrow","Arial Black",sans-serif;font-size:58px!important;line-height:.94!important;letter-spacing:.015em!important;text-transform:uppercase;text-shadow:0 3px 12px rgba(0,0,0,.35)}.page-hero p{max-width:590px;margin:0;color:#f1f3f5;font-size:15px;line-height:1.4}
.hero-books{--page-art:url('v33/books-hero.jpg')}.hero-games{--page-art:url('v33/games-hero.jpg')}.hero-shop{--page-art:url('v33/shop-hero.jpg')}.hero-blog{--page-art:url('v33/blog-hero.jpg')}.hero-news{--page-art:url('v33/news-hero.jpg')}.hero-about{--page-art:url('v33/about-hero.jpg')}.hero-contact{--page-art:url('v33/contact-hero.jpg')}.hero-community{--page-art:url('v33/home-hero.jpg')}.hero-events{--page-art:url('v33/games-hero.jpg')}.hero-freebies{--page-art:url('v33/shop-hero.jpg')}.hero-press{--page-art:url('v33/about-hero.jpg')}.hero-privacy{--page-art:url('v33/privacy-hero.jpg')}.hero-terms{--page-art:url('v33/terms-hero.jpg')}.hero-newsletter{--page-art:url('v33/home-hero.jpg')}.hero-search{--page-art:url('v33/home-hero.jpg')}.hero-submissions{--page-art:url('v33/books-hero.jpg')}.hero-accessibility{--page-art:url('v33/about-hero.jpg')}.hero-unsubscribe{--page-art:url('v33/home-hero.jpg')}

/* Editorial internal layouts */
.section{padding:28px 0}.section.compact{padding:18px 0}.section-heading{margin-bottom:15px}.section-heading h2{font-family:Georgia,"Times New Roman",serif;font-size:30px;margin:2px 0 0;color:#fff}
.content-grid,.product-grid,.blog-grid,.event-grid,.community-grid{gap:14px}.content-card,.product-card,.blog-card,.event-card,.panel,.review-card,.search-result,.release-art,.newsletter-super,.shop-note{border-radius:7px!important;border:1px solid rgba(227,144,71,.53)!important;background:linear-gradient(145deg,#0a2039,#06162a)!important;box-shadow:0 10px 23px rgba(0,0,0,.18)!important}.content-card .pad,.product-copy,.blog-card .pad,.panel-copy{padding:17px}.content-card h2,.product-card h2,.blog-card h2,.panel h2{font-family:Georgia,"Times New Roman",serif;font-weight:500;color:#fff}.content-card p,.product-card p,.blog-card p,.panel p,.prose p,.prose li{color:#dbe2e8}.content-card img,.product-media img,.blog-card img{filter:saturate(1.08) contrast(1.03)}
.btn{border-radius:4px!important;font-weight:900;text-transform:uppercase;letter-spacing:.025em}.btn-coral{background:linear-gradient(#f47a6c,#df5145)!important;border:1px solid #ff9a8e!important}.btn-aqua{background:linear-gradient(#56d2d6,#239ca9)!important;border:1px solid #6ee2e6!important;color:#fff!important}.btn-ghost{background:#0b1e35!important;border:1px solid rgba(139,182,207,.46)!important;color:#fff!important}
.eyebrow{border-radius:3px!important;padding:4px 8px!important;font-size:10.5px!important}.eyebrow.violet{background:#76549f!important;color:#fff!important}.eyebrow.aqua{background:#208f9b!important;color:#fff!important}.eyebrow.coral{background:#b44b42!important;color:#fff!important}.eyebrow.gold{background:#9b6c27!important;color:#fff!important}
.text-link{font-size:11.5px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}

/* More premium shop and article compositions */
.shop-intro,.blog-intro{border:1px solid rgba(231,161,62,.48);border-radius:7px;overflow:hidden;background:#071a30}.shop-highlight img{content:url('v33/shop-bundle.jpg');height:100%;object-fit:cover}.blog-highlight img{height:100%;object-fit:cover}.shop-toolbar{padding:12px;border:1px solid rgba(231,161,62,.35);background:#06172c;border-radius:6px}.filter-btn{border-radius:4px!important}.filter-btn.active{background:var(--v33-teal)!important;color:#031327!important}
.single-post{max-width:980px;margin:auto}.single-post-art{border-radius:7px!important;border:1px solid rgba(231,161,62,.55)!important}.single-post h1{font-family:Georgia,"Times New Roman",serif;color:#fff}
.release-hero{background-image:linear-gradient(90deg,rgba(4,21,42,.99),rgba(4,21,42,.88),rgba(4,21,42,.35)),url('v33/home-hero.jpg')!important}.release-art{border-radius:7px!important}.release-copy h1{font-family:Georgia,"Times New Roman",serif!important;letter-spacing:-.02em!important}.release-status{border-radius:3px!important;background:var(--v33-coral)!important}

/* Reduce template-y rounded shapes */
.product-badge,.chip,.status-ribbon{border-radius:3px!important}.icon{border-radius:50%}.newsletter-super{border-radius:7px!important}

@media(max-width:1320px){
  .wrap{width:min(var(--v33-max),calc(100% - 42px))}
  .brand{min-width:285px}.brand-logo{height:62px}.main-nav{gap:27px;font-size:12.5px}
  .reference-hero-copy{padding-left:0;width:560px}.reference-hero-copy h1{font-size:53px!important}.reference-hero-copy p{width:420px}
  .home-about{padding-left:195px}.home-newsletter{padding-right:190px}
  .footer-grid{grid-template-columns:280px 1fr auto 210px}.footer-brand-logo{height:50px}.footer-links{gap:12px;font-size:10px}
}
@media(max-width:980px){
  .site-header,.nav-wrap{height:auto;min-height:72px}.nav-wrap{flex-wrap:wrap;padding:7px 0}.brand{min-width:0}.brand-logo{height:56px}.menu-toggle{display:block;color:#fff;background:#0b1e35;border:1px solid rgba(231,161,62,.45);border-radius:4px;padding:9px 13px}.main-nav{display:none;width:100%;flex-direction:column;align-items:stretch;gap:0;padding:0 0 13px}.main-nav.open{display:flex}.main-nav a{padding:11px 0}.main-nav a::after{bottom:4px}
  .reference-home-hero{height:auto;min-height:665px}.reference-home-hero::before{background:linear-gradient(180deg,#04152a 0%,#04152a 47%,rgba(4,21,42,.82) 60%,rgba(4,21,42,.03) 100%)}.reference-world{inset:340px 0 0 0!important;background-position:center!important}.reference-hero-inner{height:auto;min-height:665px;align-items:flex-start}.reference-hero-copy{width:100%;max-width:620px;padding:28px 0}.reference-hero-copy::before{right:20px;top:15px}.reference-hero-copy h1{font-size:48px!important}.reference-hero-copy p{width:min(520px,90%)}
  .home-features{height:auto;padding:12px 0!important}.home-features>.wrap{height:auto}.home-features .feature-grid{height:auto;grid-template-columns:1fr}.home-features .feature-card{height:178px}
  .home-pillars{height:auto}.home-pillars .pillar-grid{grid-template-columns:1fr 1fr}.home-pillars .pillar{min-height:112px;border-bottom:1px solid rgba(160,185,207,.2)!important}.home-pillars .pillar:nth-child(2){border-right:0!important}
  .home-bottom{height:auto}.home-bottom-grid{height:auto;min-height:0;grid-template-columns:1fr}.home-about,.home-newsletter{height:auto;min-height:128px;padding:22px 24px!important;background:rgba(5,22,42,.91)}.home-bottom::before,.home-bottom::after{opacity:.18}.home-about{border-right:0;border-bottom:1px solid rgba(231,161,62,.35)}
  .site-footer{height:auto;padding:13px 0}.footer-grid{height:auto;grid-template-columns:1fr;justify-items:center;text-align:center}.copyright{text-align:center}.footer-links{justify-content:center;flex-wrap:wrap}
  .page-hero{min-height:380px;align-items:flex-start}.page-hero::before{inset:190px 0 0 0}.page-hero::after{background:linear-gradient(180deg,#04152a 0%,#04152a 46%,rgba(4,21,42,.76) 63%,rgba(4,21,42,.05) 100%)}.page-hero>.wrap{padding-top:34px}.page-hero h1{font-size:44px!important;max-width:680px}
}
@media(max-width:620px){
  .wrap{width:calc(100% - 24px)}.brand-logo{height:50px}.reference-home-hero{min-height:635px}.reference-world{top:365px!important}.reference-hero-copy h1{font-size:39px!important}.reference-hero-copy .brush{font-size:.94em}.reference-hero-copy::before{width:65px;right:2px}.reference-home-hero .button-row{gap:10px;flex-wrap:wrap}.reference-home-hero .btn{padding:0 16px;font-size:12px}.reference-rule{width:310px}.home-features .feature-card{grid-template-columns:40% 60%!important;height:184px}.home-features .feature-card img,.home-features .feature-copy{height:182px;min-height:182px}.home-features .feature-copy h3{font-size:21px}.home-pillars .pillar-grid{grid-template-columns:1fr}.home-pillars .pillar{border-right:0!important;padding:13px 0!important}.home-bottom .signup-form{grid-template-columns:1fr}.home-bottom .signup-form input,.home-bottom .signup-form button{border-radius:3px}.page-hero{min-height:350px}.page-hero::before{inset:205px 0 0}.page-hero h1{font-size:38px!important}.page-hero p{font-size:14px}.content-grid,.product-grid,.blog-grid,.community-grid,.event-grid{grid-template-columns:1fr!important}
}
/* V3.3 hero image and headline correction */
.reference-world{display:none!important}
.reference-world-img{position:absolute;z-index:0;left:36%;top:0;width:64%;height:100%;object-fit:cover;object-position:center center;display:block}
.reference-hero-copy h1{font-family:"Arial Black","Franklin Gothic Heavy","Trebuchet MS",Arial,sans-serif!important;font-stretch:condensed;font-size:55px!important;letter-spacing:-.045em!important;line-height:.92!important}
.reference-hero-copy .brush{font-family:"Arial Black","Trebuchet MS",Arial,sans-serif!important;font-size:.91em!important;font-style:italic!important;letter-spacing:-.055em!important;line-height:.95!important;transform:skew(-8deg);margin:2px 0 3px 6px}
@media(max-width:1320px){.main-nav{gap:21px;font-size:12px}.brand{min-width:260px}.reference-hero-copy h1{font-size:51px!important}}
@media(max-width:980px){.reference-world-img{left:0;top:340px;width:100%;height:325px}.reference-hero-copy h1{font-size:47px!important}}
@media(max-width:620px){.reference-world-img{top:365px;height:270px}.reference-hero-copy h1{font-size:38px!important}}
/* Actual image elements are used for page hero art so the visual survives every renderer. */
.page-hero::before{display:none!important}
.page-hero-art{position:absolute;z-index:0;left:38%;top:0;width:62%;height:100%;object-fit:cover;object-position:center;display:block}
.page-hero::after{z-index:1}.page-hero>.wrap{z-index:2}
@media(max-width:980px){.page-hero-art{left:0;top:190px;width:100%;height:190px}.page-hero::after{background:linear-gradient(180deg,#04152a 0%,#04152a 46%,rgba(4,21,42,.76) 63%,rgba(4,21,42,.05) 100%)}}
@media(max-width:620px){.page-hero-art{top:205px;height:145px}}
/* final one-viewport tightening */
@media(min-width:981px){
  .reference-home-hero,.reference-hero-inner{height:356px;min-height:356px}
  .home-features{height:176px}.home-features .feature-grid{height:169px}.home-features .feature-card{height:169px;min-height:169px}.home-features .feature-card img,.home-features .feature-copy{height:167px;min-height:167px}
  .home-pillars{height:114px}.home-bottom,.home-bottom-grid,.home-about,.home-newsletter{height:124px;min-height:124px}
  .site-footer,.footer-grid{height:66px}
  .home-newsletter{padding-right:185px}
}
/* V3.3 internal editorial sidebars */
.page-hero h1{font-size:52px!important;max-width:760px}
.catalog-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:16px;align-items:start}.catalog-main .content-grid{max-width:none!important}.catalog-main .content-grid[data-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr));max-width:none!important}.catalog-main .content-grid[data-count="1"]{grid-template-columns:minmax(0,1fr);max-width:650px}.catalog-sidebar{display:grid;gap:14px}.sidebar-card{padding:19px;border:1px solid rgba(227,144,71,.53);border-radius:7px;background:linear-gradient(145deg,#0b203a,#06162b);box-shadow:0 10px 23px rgba(0,0,0,.18)}.sidebar-card h2{font:500 24px/1.05 Georgia,"Times New Roman",serif;margin:5px 0 8px;color:#fff}.sidebar-card p{font-size:13.5px;color:#dbe3e9;line-height:1.42;margin:0 0 13px}.sidebar-card .text-link{display:block;margin-top:9px}.reader-club{background:linear-gradient(145deg,#151a3c,#071a30)}
@media(min-width:1321px){.main-nav{gap:24px;font-size:12.5px}.brand{min-width:300px}}
@media(max-width:980px){.catalog-layout{grid-template-columns:1fr}.catalog-sidebar{grid-template-columns:1fr 1fr}.page-hero h1{font-size:44px!important}}
@media(max-width:620px){.catalog-sidebar{grid-template-columns:1fr}.page-hero h1{font-size:38px!important}}
/* Reference alignment pass */
@media(min-width:1400px){
  .nav-wrap{justify-content:flex-start!important}
  .brand{min-width:344px!important}
  .main-nav{margin-left:350px!important;gap:34px!important;font-size:13px!important}
  .reference-hero-copy{padding-left:55px!important}
}
.reference-home-hero .reference-hero-inner::before{content:"";position:absolute;left:calc((100vw - min(var(--v33-max),calc(100vw - 80px)))/-2);top:0;width:132px;height:356px;background:url('v33/home-left-decor.jpg') left center/cover no-repeat;opacity:.88;pointer-events:none;z-index:-1}
@media(max-width:1399px){.main-nav{margin-left:auto!important}}
@media(max-width:980px){.reference-hero-copy{padding-left:0!important}.reference-home-hero .reference-hero-inner::before{display:none}}

/* V3.3 final pre-package alignment */
body{min-height:100vh;display:flex;flex-direction:column}body>main{flex:1;width:100%}
.hero-games{--page-art:url('v33/games-hero-clean.jpg')!important}.hero-events{--page-art:url('v33/games-hero-clean.jpg')!important}
.footer-links{row-gap:6px}
.empty-event-card{max-width:760px;padding:28px;border:1px solid rgba(231,161,62,.55);border-radius:7px;background:linear-gradient(145deg,#0b203a,#06162b);box-shadow:0 12px 28px rgba(0,0,0,.18)}
.empty-event-card h2{font:500 30px/1.08 Georgia,"Times New Roman",serif;margin:7px 0 10px;color:#fff}.empty-event-card p{max-width:650px;color:#dbe3e9;margin:0 0 18px}.empty-event-card .button-row{display:flex;gap:12px;flex-wrap:wrap}
@media(min-width:1400px){.main-nav{margin-left:auto!important;gap:34px!important}.nav-wrap{justify-content:space-between!important}.brand{min-width:344px!important}}
/* Community card icon correction */
.community-grid .icon{width:64px;height:64px;display:grid;place-items:center;border-radius:50%;margin:0 0 14px;font-size:28px;line-height:1;box-shadow:inset 0 0 20px rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.24)}
.community-grid .icon.teal{background:#176873!important}.community-grid .icon.purple{background:#553c8c!important}.community-grid .icon.coral{background:#87463f!important}.community-grid .icon.gold{background:#7b5a25!important}


/* V3.4 Premium Art Pass — unique artwork per public section */
.page-hero-art{filter:saturate(1.03) contrast(1.02);}
.hero-books .page-hero-art{object-position:58% center}.hero-games .page-hero-art{object-position:50% center}
.hero-shop .page-hero-art{object-position:55% center}.hero-blog .page-hero-art{object-position:61% center}
.hero-news .page-hero-art{object-position:58% center}.hero-about .page-hero-art{object-position:60% center}
.hero-community .page-hero-art{object-position:55% center}.hero-events .page-hero-art{object-position:58% center}
.hero-freebies .page-hero-art{object-position:58% center}.hero-press .page-hero-art{object-position:60% center}
.hero-contact .page-hero-art{object-position:58% center}.hero-newsletter .page-hero-art{object-position:57% center}
.hero-submissions .page-hero-art{object-position:57% center}.hero-search .page-hero-art{object-position:58% center}
.hero-accessibility .page-hero-art{object-position:60% center}.hero-privacy .page-hero-art{object-position:55% center}
.hero-terms .page-hero-art{object-position:58% center}.hero-unsubscribe .page-hero-art{object-position:52% center}
.reference-world-img{filter:saturate(1.04) contrast(1.02)}
.home-features .feature-card img,.content-card img,.product-card img,.blog-card img{filter:saturate(1.04) contrast(1.03)}
.release-hero{background-image:linear-gradient(90deg,rgba(4,21,42,.99),rgba(4,21,42,.89),rgba(4,21,42,.35)),url('premium/release-bg.jpg')!important}
.single-post{position:relative;overflow:hidden}.single-post::before{content:"";position:absolute;inset:0 0 auto 0;height:220px;background:linear-gradient(180deg,rgba(4,21,42,.06),#07172b),url('premium/post-bg.jpg') center/cover no-repeat;opacity:.18;pointer-events:none}.single-post>*{position:relative}
/* Keep homepage lower-band illustration unique to the homepage art family. */
.home-bottom::before{background-image:url('premium/home-card-2.jpg')!important;background-position:left center!important}
.home-bottom::after{background-image:url('premium/home-card-3.jpg')!important;background-position:right center!important}
/* Legacy highlight fallback, if an older cached shop shell is encountered. */
.shop-highlight img{content:url('premium/shop-card-2.jpg')!important}

.brand-mark img{display:block;width:100%;height:100%;object-fit:contain;border-radius:inherit}.brand-logo,.footer-brand-logo{max-width:100%}


/* V3.4.2 — approved larger masthead brand presence */
@media (min-width:1321px){
  .site-header{height:108px!important}
  .nav-wrap{height:108px!important;min-height:108px!important;gap:30px!important}
  .brand{min-width:430px!important;flex:0 0 auto}
  .brand-logo{height:94px!important;width:auto!important;max-width:430px!important}
  .main-nav{gap:30px!important;font-size:13px!important}
  .main-nav a{padding:43px 0 39px!important}
  .main-nav a::after{bottom:27px!important}
}
@media (min-width:981px) and (max-width:1320px){
  .site-header{height:96px!important}
  .nav-wrap{height:96px!important;min-height:96px!important;gap:20px!important}
  .brand{min-width:350px!important;flex:0 0 auto}
  .brand-logo{height:82px!important;width:auto!important;max-width:350px!important}
  .main-nav{gap:18px!important;font-size:11.5px!important}
  .main-nav a{padding:38px 0 34px!important}
  .main-nav a::after{bottom:23px!important}
}
@media (max-width:980px){
  .brand-logo{height:60px!important;max-width:min(76vw,330px)!important}
}
@media (max-width:620px){
  .brand-logo{height:54px!important;max-width:min(72vw,300px)!important}
}
.site-footer .footer-brand-logo{height:58px!important;width:auto!important}
@media(max-width:620px){.site-footer .footer-brand-logo{height:52px!important}}


/* V3.4.3 — dominant approved SlushBucket Publishing masthead */
@media (min-width:1400px){
  .site-header{height:160px!important}
  .site-header .nav-wrap{height:160px!important;min-height:160px!important;width:min(1660px,calc(100% - 48px))!important;max-width:none!important;padding:0!important;gap:24px!important}
  .site-header .brand{min-width:700px!important;width:700px!important;flex:0 0 700px!important}
  .site-header .brand-logo{height:142px!important;width:auto!important;max-width:700px!important;object-fit:contain!important}
  .site-header .main-nav{margin-left:auto!important;gap:26px!important;font-size:14px!important}
  .site-header .main-nav a{padding:66px 0 57px!important;letter-spacing:.02em!important}
  .site-header .main-nav a::after{bottom:38px!important;height:3px!important}
}
@media (min-width:1200px) and (max-width:1399px){
  .site-header{height:132px!important}
  .site-header .nav-wrap{height:132px!important;min-height:132px!important;width:calc(100% - 40px)!important;padding:0!important;gap:18px!important}
  .site-header .brand{min-width:540px!important;width:540px!important;flex:0 0 540px!important}
  .site-header .brand-logo{height:116px!important;max-width:540px!important}
  .site-header .main-nav{margin-left:auto!important;gap:17px!important;font-size:12px!important}
  .site-header .main-nav a{padding:54px 0 47px!important}
  .site-header .main-nav a::after{bottom:30px!important;height:2px!important}
}
@media (min-width:981px) and (max-width:1199px){
  .site-header{height:112px!important}
  .site-header .nav-wrap{height:112px!important;min-height:112px!important;gap:14px!important}
  .site-header .brand{min-width:420px!important;width:420px!important;flex:0 0 420px!important}
  .site-header .brand-logo{height:98px!important;max-width:420px!important}
  .site-header .main-nav{margin-left:auto!important;gap:12px!important;font-size:10.8px!important}
  .site-header .main-nav a{padding:46px 0 40px!important}
  .site-header .main-nav a::after{bottom:25px!important}
}


/* V3.4.4 — book artwork sizing: book covers should read like books, not cinematic banners. */
.catalog-main [data-content="books"]{
  grid-template-columns:1fr!important;
  max-width:860px!important;
}
.catalog-main [data-content="books"] .content-card{
  display:grid;
  grid-template-columns:minmax(180px,240px) minmax(0,1fr);
  align-items:center;
  overflow:hidden;
  min-height:300px;
}
.catalog-main [data-content="books"] .card-image-link{
  display:flex;
  align-items:center;
  justify-content:center;
  height:100%;
  min-height:300px;
  padding:20px;
  background:linear-gradient(145deg,#06172b,#04101f);
  border-right:1px solid rgba(227,144,71,.32);
}
.catalog-main [data-content="books"] .card-image-link img{
  display:block;
  width:auto!important;
  max-width:100%!important;
  max-height:320px!important;
  height:auto!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  border-radius:3px;
  box-shadow:0 14px 28px rgba(0,0,0,.34);
}
.catalog-main [data-content="books"] .content-card .pad{
  align-self:stretch;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:24px 26px;
}

/* Dedicated book detail pages use a normal cover-size visual; game art remains cinematic. */
.book-release .release-grid{
  grid-template-columns:minmax(220px,300px) minmax(0,1fr)!important;
  gap:42px!important;
}
.book-release .release-art{
  width:100%;
  max-width:300px;
  justify-self:center;
  background:#06172b!important;
}
.book-release .release-art img{
  display:block;
  width:100%!important;
  height:auto!important;
  max-height:430px!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  background:#06172b;
}

@media(max-width:760px){
  .catalog-main [data-content="books"] .content-card{
    grid-template-columns:1fr;
  }
  .catalog-main [data-content="books"] .card-image-link{
    min-height:0;
    height:auto;
    padding:18px;
    border-right:0;
    border-bottom:1px solid rgba(227,144,71,.32);
  }
  .catalog-main [data-content="books"] .card-image-link img{
    max-width:220px!important;
    max-height:300px!important;
  }
  .book-release .release-grid{
    grid-template-columns:1fr!important;
  }
  .book-release .release-art{
    max-width:260px;
  }
}


/* V3.4.6 — premium editorial blog + clear first-class Blog navigation */
@media (min-width:1400px){
  .site-header .main-nav{gap:19px!important;font-size:13px!important}
}
@media (min-width:1200px) and (max-width:1399px){
  .site-header .main-nav{gap:12px!important;font-size:11.3px!important}
}
@media (min-width:981px) and (max-width:1199px){
  .site-header .main-nav{gap:9px!important;font-size:10px!important}
}

.blog-hero-premium .wrap{max-width:1180px}
.blog-hero-premium h1{max-width:780px}
.blog-hero-premium p{max-width:760px;font-size:17px}
.blog-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
.blog-section-header{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:24px;padding-bottom:18px;border-bottom:1px solid rgba(230,162,64,.28)}
.blog-section-header h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(32px,4vw,50px);line-height:1;margin:5px 0 8px;color:#fff}
.blog-section-header p{margin:0;color:#bac8dc;max-width:650px}
.blog-magazine-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(310px,.62fr);gap:22px;margin-bottom:34px}
.blog-lead-story{background:linear-gradient(180deg,#0b203c,#07182d);border:1px solid rgba(232,159,55,.55);box-shadow:0 18px 50px rgba(0,0,0,.28);overflow:hidden}
.blog-lead-image{display:block;position:relative;aspect-ratio:16/8.2;overflow:hidden;border-bottom:1px solid rgba(232,159,55,.4)}
.blog-lead-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(4,14,29,.22))}
.blog-lead-image img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.blog-lead-story:hover .blog-lead-image img{transform:scale(1.018)}
.blog-lead-copy{padding:24px 26px 28px}
.blog-kicker{display:flex;align-items:center;gap:10px;text-transform:uppercase;letter-spacing:.09em;font-size:11px;font-weight:900;color:#80e3ef}
.blog-kicker span:first-child{color:#06162b;background:#f0b34f;padding:5px 8px;border-radius:2px}
.blog-lead-copy h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(30px,3vw,45px);line-height:1.05;margin:13px 0 12px}
.blog-lead-copy h2 a{color:#fff}
.blog-lead-copy p{font-size:16px;color:#c6d1e1;max-width:760px;margin:0 0 18px}
.blog-story-meta,.article-meta{display:flex;gap:8px;flex-wrap:wrap;color:#91a4bf;font-size:12px;text-transform:uppercase;letter-spacing:.035em}
.blog-read-link{display:inline-flex;align-items:center;gap:8px;margin-top:18px;color:#58d9e7;font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}
.blog-read-link span{font-size:18px}
.blog-latest-rail{background:#06172c;border:1px solid rgba(255,255,255,.09);padding:0 20px;box-shadow:0 18px 50px rgba(0,0,0,.18)}
.blog-rail-title{display:flex;align-items:center;justify-content:space-between;padding:18px 0 14px;border-bottom:1px solid rgba(230,162,64,.3);text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:900;color:#eab15a}
.blog-rail-title a{color:#8fdef0}
.blog-rail-item{display:grid;grid-template-columns:44px 1fr;gap:13px;padding:20px 0;border-bottom:1px solid rgba(255,255,255,.08)}
.blog-rail-item:last-child{border-bottom:0}
.blog-rail-number{font-family:Georgia,'Times New Roman',serif;font-size:27px;color:#dca44d;opacity:.8}
.blog-mini-meta{font-size:10.5px;color:#8fa4bf;text-transform:uppercase;letter-spacing:.05em;margin-bottom:7px}
.blog-rail-item h3{font-family:Georgia,'Times New Roman',serif;font-size:19px;line-height:1.1;margin:0 0 8px}
.blog-rail-item h3 a{color:#fff}
.blog-mini-link{font-size:11px;font-weight:900;color:#63dce8;text-transform:uppercase;letter-spacing:.06em}
.blog-filter-bar{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:4px 0 18px;padding:17px 0;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}
.blog-filter-label{display:block;margin-bottom:11px;color:#d8e1ee;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.blog-filter-row{display:flex;gap:8px;flex-wrap:wrap}
.blog-filter{appearance:none;border:1px solid rgba(255,255,255,.15);background:#091b32;color:#dce5f0;padding:9px 14px;border-radius:999px;font-size:11px;font-weight:850;cursor:pointer;transition:.18s ease}
.blog-filter:hover,.blog-filter.active{background:#e5a946;color:#06152a;border-color:#e5a946}
.blog-editorial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.blog-editorial-card{overflow:hidden;background:#081a31;border:1px solid rgba(255,255,255,.1);box-shadow:0 14px 35px rgba(0,0,0,.2)}
.blog-editorial-card[hidden]{display:none!important}
.blog-card-image{display:block;aspect-ratio:16/9;overflow:hidden;border-bottom:1px solid rgba(230,162,64,.25)}
.blog-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .28s ease}
.blog-editorial-card:hover .blog-card-image img{transform:scale(1.025)}
.blog-card-copy{padding:18px 19px 21px}
.blog-card-copy h3{font-family:Georgia,'Times New Roman',serif;font-size:23px;line-height:1.08;margin:9px 0 9px}
.blog-card-copy h3 a{color:#fff}
.blog-card-copy p{color:#adbed3;font-size:13.5px;line-height:1.5;margin:0}
.blog-newsletter-strip{background:linear-gradient(90deg,#07182e,#0e2847 50%,#07182e);border-top:1px solid rgba(230,162,64,.25);border-bottom:1px solid rgba(230,162,64,.25)}
.blog-newsletter-inner{display:flex;align-items:center;justify-content:space-between;gap:28px;padding-top:8px;padding-bottom:8px}
.blog-newsletter-inner h2{font-family:Georgia,'Times New Roman',serif;font-size:32px;margin:5px 0 7px}.blog-newsletter-inner p{margin:0;color:#b8c6d9}

/* Premium article reading experience */
.article-section{background:radial-gradient(circle at 50% 0,rgba(31,83,120,.14),transparent 34%),#06152a}
.premium-article{max-width:1080px;margin:0 auto 28px}
.article-header{max-width:860px;margin:26px auto 28px;text-align:center}
.article-header h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(40px,5vw,68px);line-height:1.02;margin:12px 0 16px;letter-spacing:-.025em}
.article-deck{font-size:19px;line-height:1.55;color:#bac8d9;max-width:780px;margin:0 auto 18px}
.article-meta{justify-content:center}
.article-header .product-meta{justify-content:center;margin-top:15px}
.article-hero-image{display:block;width:auto;max-width:100%;height:auto;max-height:460px;margin:0 auto;object-fit:contain;object-position:center;border:1px solid rgba(229,163,64,.42);box-shadow:0 20px 60px rgba(0,0,0,.32);background:#041326}
.article-body{max-width:760px;margin:35px auto 0;font-family:Georgia,'Times New Roman',serif;color:#e1e6ec}
.article-body p{font-size:18px;line-height:1.82;margin:0 0 26px}
.article-body p:first-child:first-letter{float:left;font-size:62px;line-height:.8;padding:9px 10px 0 0;color:#e5a946}
.article-end-rule{display:flex;align-items:center;gap:14px;color:#e5a946;margin:40px 0 28px}.article-end-rule:before,.article-end-rule:after{content:"";height:1px;flex:1;background:linear-gradient(90deg,transparent,rgba(229,169,70,.55),transparent)}

/* Admin blog scheduling surface */
.blog-publish-panel{padding:16px;border:1px solid rgba(255,211,107,.35);background:rgba(255,211,107,.07);border-radius:14px;grid-template-columns:1.25fr 1fr;align-items:end}
.blog-publish-panel strong{color:#ffd36b;font-size:17px}.blog-publish-panel p{margin:6px 0 0}

@media(max-width:980px){
  .blog-magazine-grid{grid-template-columns:1fr}.blog-latest-rail{padding:0 18px}.blog-editorial-grid{grid-template-columns:1fr 1fr}.blog-section-header,.blog-newsletter-inner{align-items:flex-start;flex-direction:column}
}
@media(max-width:620px){
  .blog-editorial-grid{grid-template-columns:1fr}.blog-lead-copy{padding:19px}.blog-lead-copy h2{font-size:30px}.blog-filter-bar{align-items:flex-start}.article-header{text-align:left}.article-meta,.article-header .product-meta{justify-content:flex-start}.article-body p{font-size:17px}.blog-publish-panel{grid-template-columns:1fr}.article-hero-image{max-height:340px}
}

/* V3.4.6 nav fit: keep the approved large brand while making all 8 primary links visible. */
@media (min-width:1400px){
  .site-header{height:142px!important}
  .site-header .nav-wrap{height:142px!important;min-height:142px!important;width:min(1660px,calc(100% - 48px))!important;gap:20px!important}
  .site-header .brand{min-width:610px!important;width:610px!important;flex:0 0 610px!important}
  .site-header .brand-logo{height:126px!important;max-width:610px!important}
  .site-header .main-nav{gap:16px!important;font-size:11.6px!important}
  .site-header .main-nav a{padding:58px 0 51px!important}
  .site-header .main-nav a::after{bottom:33px!important}
}
@media (min-width:1200px) and (max-width:1399px){
  .site-header{height:122px!important}
  .site-header .nav-wrap{height:122px!important;min-height:122px!important;gap:15px!important}
  .site-header .brand{min-width:475px!important;width:475px!important;flex:0 0 475px!important}
  .site-header .brand-logo{height:106px!important;max-width:475px!important}
  .site-header .main-nav{gap:10px!important;font-size:10.5px!important}
  .site-header .main-nav a{padding:50px 0 43px!important}
}
@media (min-width:981px) and (max-width:1199px){
  .site-header .brand{min-width:350px!important;width:350px!important;flex:0 0 350px!important}
  .site-header .brand-logo{height:90px!important;max-width:350px!important}
  .site-header .main-nav{gap:7px!important;font-size:9.2px!important}
}
/* V3.4.6 final masthead fit: reserve only the visible lockup width, not unused transparent space. */
@media (min-width:1400px){
  .site-header .brand{min-width:430px!important;width:430px!important;flex:0 0 430px!important}
  .site-header .brand-logo{height:126px!important;max-width:430px!important}
  .site-header .main-nav{gap:18px!important;font-size:11.4px!important}
}
@media (min-width:1200px) and (max-width:1399px){
  .site-header .brand{min-width:365px!important;width:365px!important;flex:0 0 365px!important}
  .site-header .brand-logo{height:106px!important;max-width:365px!important}
  .site-header .main-nav{gap:10px!important;font-size:10.4px!important}
}
@media (min-width:981px) and (max-width:1199px){
  .site-header .brand{min-width:300px!important;width:300px!important;flex:0 0 300px!important}
  .site-header .brand-logo{height:90px!important;max-width:300px!important}
}
/* V3.4.6 navigation correction: logo stays tall, flex slot matches its real rendered width. */
@media (min-width:1400px){
  .site-header .brand{min-width:350px!important;width:350px!important;flex:0 0 350px!important}
  .site-header .brand-logo{height:126px!important;width:auto!important;max-width:350px!important}
  .site-header .main-nav{gap:16px!important;font-size:11.2px!important}
}
@media (min-width:1200px) and (max-width:1399px){
  .site-header .brand{min-width:300px!important;width:300px!important;flex:0 0 300px!important}
  .site-header .brand-logo{height:106px!important;width:auto!important;max-width:300px!important}
  .site-header .main-nav{gap:9px!important;font-size:10.2px!important}
}
@media (min-width:981px) and (max-width:1199px){
  .site-header .brand{min-width:260px!important;width:260px!important;flex:0 0 260px!important}
  .site-header .brand-logo{height:90px!important;width:auto!important;max-width:260px!important}
  .site-header .main-nav{gap:6px!important;font-size:9px!important}
}
/* Ensure every primary nav item remains visible with Blog added. */
@media (min-width:1400px){
  .site-header .main-nav{gap:8px!important;font-size:9.5px!important;letter-spacing:0!important}
}
@media (min-width:1200px) and (max-width:1399px){
  .site-header .main-nav{gap:6px!important;font-size:8.8px!important;letter-spacing:0!important}
}

/* V3.4.8 release status belongs with release copy, never over cover/key art. */
.release-art .release-status{display:none!important}
.release-copy>.release-text-status{display:inline-block;margin:0 0 12px;padding:7px 11px;border-radius:3px;background:#76549f;color:#fff;font:900 12px/1.1 'Trebuchet MS',sans-serif;text-transform:uppercase;letter-spacing:.04em}
.game-release .release-copy>.release-text-status{background:#208f9b}


/* V3.4.9 — site-wide image role system.
   The CMS stores originals; the public UI applies the correct presentation by content type. */

/* 1) Homepage hero: large cinematic art. */
.reference-home-hero .reference-world-img{
  width:64%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
}

/* 2) Interior page heroes: medium cinematic art, always cropped cleanly. */
.page-hero-art{
  width:62%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
}

/* 3) Blog: editorial feature + consistent 16:9 story cards. */
.blog-lead-image{
  aspect-ratio:16/9!important;
  max-height:520px;
  background:#041326;
}
.blog-lead-image img,
.blog-card-image img,
.blog-standard-image img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
}
.blog-card-image,
.blog-standard-image{
  display:block;
  width:100%;
  aspect-ratio:16/9!important;
  overflow:hidden;
  background:#041326;
}
/* Article pages keep the entire source visible, but never let it dominate the page. */
.article-hero-image{
  display:block!important;
  width:min(100%,960px)!important;
  height:auto!important;
  max-height:520px!important;
  margin:0 auto!important;
  object-fit:contain!important;
  object-position:center!important;
  background:#041326!important;
}

/* 4) Books: portrait cover presentation everywhere. */
.content-card.book-card .card-image-link{
  display:flex;
  align-items:center;
  justify-content:center;
  aspect-ratio:4/3;
  padding:16px;
  overflow:hidden;
  background:linear-gradient(145deg,#06172b,#04101f);
}
.content-card.book-card .card-image-link img{
  display:block!important;
  width:auto!important;
  height:92%!important;
  max-width:72%!important;
  aspect-ratio:2/3!important;
  object-fit:contain!important;
  object-position:center!important;
  border-radius:3px;
  box-shadow:0 12px 28px rgba(0,0,0,.35);
}
/* Main Books catalog uses a real cover-size frame next to the copy. */
.catalog-main [data-content="books"] .card-image-link img{
  width:200px!important;
  height:300px!important;
  max-width:200px!important;
  max-height:300px!important;
  aspect-ratio:2/3!important;
  object-fit:contain!important;
}
.book-release .release-art{
  width:280px!important;
  max-width:280px!important;
  aspect-ratio:2/3!important;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#06172b!important;
}
.book-release .release-art img{
  width:100%!important;
  height:100%!important;
  max-height:none!important;
  aspect-ratio:2/3!important;
  object-fit:contain!important;
  object-position:center!important;
}

/* 5) Games: landscape 16:9 key art on cards and detail pages. */
[data-content="games"] .content-card .card-image-link,
.content-card.game-card .card-image-link{
  display:block;
  width:100%;
  aspect-ratio:16/9!important;
  overflow:hidden;
  background:#041326;
}
[data-content="games"] .content-card .card-image-link img,
.content-card.game-card .card-image-link img{
  width:100%!important;
  height:100%!important;
  aspect-ratio:16/9!important;
  object-fit:cover!important;
  object-position:center center!important;
}
.game-release .release-grid{
  grid-template-columns:minmax(420px,.95fr) minmax(0,1.05fr)!important;
  gap:38px!important;
}
.game-release .release-art{
  width:100%!important;
  max-width:680px!important;
  aspect-ratio:16/9!important;
  justify-self:center;
  background:#041326!important;
}
.game-release .release-art img{
  width:100%!important;
  height:100%!important;
  aspect-ratio:16/9!important;
  object-fit:cover!important;
  object-position:center center!important;
}

/* 6) Shop: product-first 4:3 frames. Books are contained as covers; games use key art. */
[data-content="shop"] .product-media,
.product-card .product-media{
  aspect-ratio:4/3!important;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  background:linear-gradient(145deg,#071a30,#04101f)!important;
}
[data-content="shop"] .product-media img,
.product-card .product-media img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  padding:14px;
}
.product-card.shop-book .product-media img{
  width:auto!important;
  height:88%!important;
  max-width:70%!important;
  aspect-ratio:2/3!important;
  padding:0!important;
  object-fit:contain!important;
  box-shadow:0 10px 24px rgba(0,0,0,.34);
}
.product-card.shop-game .product-media img{
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  aspect-ratio:auto!important;
  padding:0!important;
  object-fit:cover!important;
}

/* Keep image frames sensible on smaller screens. */
@media(max-width:980px){
  .page-hero-art{left:0!important;width:100%!important;height:190px!important;top:190px!important}
  .game-release .release-grid{grid-template-columns:1fr!important}
  .game-release .release-art{max-width:680px!important}
}
@media(max-width:760px){
  .catalog-main [data-content="books"] .card-image-link img{
    width:180px!important;height:270px!important;max-width:180px!important;max-height:270px!important;
  }
  .book-release .release-art{width:240px!important;max-width:240px!important}
  .content-card.book-card .card-image-link img{height:88%!important;max-width:68%!important}
}
@media(max-width:620px){
  .page-hero-art{top:205px!important;height:145px!important}
  .blog-lead-image{max-height:none}
  .article-hero-image{max-height:360px!important}
}
/* V3.5 Studio Admin/public additions */
.announcement-bar{position:relative;z-index:120;background:linear-gradient(90deg,#d86855,#ef8c6f 48%,#d86855);color:#fff;text-align:center;font:800 12px/1.3 Inter,system-ui,sans-serif;letter-spacing:.025em;padding:9px 16px;border-bottom:1px solid rgba(255,255,255,.16)}.announcement-bar a,.announcement-bar span{color:#fff}.announcement-bar a:hover{text-decoration:underline}.article-pull-quote{margin:34px 0;padding:18px 24px;border-left:4px solid #e9ad50;background:rgba(233,173,80,.07);font-family:Georgia,serif;font-size:clamp(21px,3vw,30px);line-height:1.35;color:#f7e6bd}.article-inline-image{display:block;width:min(100%,900px);aspect-ratio:16/9;object-fit:cover;margin:30px auto;border-radius:8px;box-shadow:0 16px 44px rgba(0,0,0,.28)}


/* V3.5.4 — Content & Conversion Polish */
.studio-profile{display:grid;grid-template-columns:220px 1fr;gap:24px;align-items:stretch}
.studio-monogram{min-height:260px;border:1px solid rgba(231,164,65,.55);background:radial-gradient(circle at 35% 30%,rgba(65,190,198,.2),transparent 34%),linear-gradient(145deg,#102843,#06162a);display:grid;place-items:center;font-family:Georgia,"Times New Roman",serif;font-size:76px;letter-spacing:-.05em;color:#efb443;box-shadow:0 18px 50px rgba(0,0,0,.27)}
.studio-profile-copy{display:flex;flex-direction:column;justify-content:center}.studio-profile-copy h2{font-size:clamp(34px,4vw,54px);margin:.2em 0}.studio-role{font-weight:900;color:#55c5ca!important;text-transform:uppercase;letter-spacing:.08em;font-size:13px}
.submission-status-card{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 28px}.submission-status-card h2{margin:.2em 0}.submission-process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.submission-policy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.submission-process-summary{text-align:center;color:#b9c8d6;margin:20px auto 0;max-width:900px}.submission-final{text-align:center}.submission-final .page-actions{justify-content:center}
.release-byline{font-size:15px;color:#c7d3df;margin:-4px 0 12px}.release-byline strong{color:#fff}.edition-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0}.edition-card{border:1px solid rgba(255,255,255,.12);background:rgba(7,24,44,.72);padding:16px}.edition-card strong{display:block;font-size:17px;color:#fff}.edition-card span{display:block;color:#aebdcc;margin-top:5px;font-size:13px}.retailer-stack{display:grid;gap:10px}.retailer-row{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px 15px;border:1px solid rgba(255,255,255,.1);background:rgba(7,23,42,.75)}.retailer-row b{color:#fff}.retailer-state{font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;color:#efb443}.retailer-state.live{color:#60d4cb}.release-isbn{font-size:13px;color:#aebdcc;word-break:break-word}.book-release .release-art img{object-fit:contain!important;background:#030914!important}
.blog-card-image img[src*="shark-protocol-cover"],.blog-card img[src*="shark-protocol-cover"],.product-media img[src*="shark-protocol-cover"]{object-fit:contain!important;background:#030914!important}
@media(max-width:900px){.studio-profile{grid-template-columns:1fr}.studio-monogram{min-height:180px}.submission-process-grid{grid-template-columns:1fr 1fr}.submission-policy-grid{grid-template-columns:1fr}.submission-status-card{align-items:flex-start;flex-direction:column}}
@media(max-width:560px){.submission-process-grid,.edition-grid{grid-template-columns:1fr}.retailer-row{align-items:flex-start;flex-direction:column}}

/* =========================================================
   V3.5.5 — Books layout overlap hotfix
   Portrait covers must never influence/overflow the copy column.
   ========================================================= */
.catalog-main [data-content="books"] .content-card.book-card{
  grid-template-columns:250px minmax(0,1fr)!important;
  align-items:stretch!important;
  min-height:340px!important;
}
.catalog-main [data-content="books"] .content-card.book-card .card-image-link{
  grid-column:1!important;
  width:250px!important;
  max-width:250px!important;
  min-width:0!important;
  height:100%!important;
  min-height:340px!important;
  aspect-ratio:auto!important;
  padding:20px!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
.catalog-main [data-content="books"] .content-card.book-card .card-image-link img{
  width:200px!important;
  height:300px!important;
  max-width:100%!important;
  max-height:300px!important;
  min-width:0!important;
  aspect-ratio:2/3!important;
  object-fit:contain!important;
}
.catalog-main [data-content="books"] .content-card.book-card .pad{
  grid-column:2!important;
  min-width:0!important;
  width:auto!important;
  position:relative!important;
  z-index:1!important;
  padding:28px 30px!important;
}
.catalog-main [data-content="books"] .content-card.book-card .eyebrow{
  display:inline-flex!important;
  width:max-content!important;
  max-width:100%!important;
}
@media(max-width:760px){
  .catalog-main [data-content="books"] .content-card.book-card{
    grid-template-columns:1fr!important;
    min-height:0!important;
  }
  .catalog-main [data-content="books"] .content-card.book-card .card-image-link{
    grid-column:1!important;
    width:100%!important;
    max-width:none!important;
    min-height:0!important;
    height:auto!important;
    aspect-ratio:auto!important;
    border-right:0!important;
  }
  .catalog-main [data-content="books"] .content-card.book-card .card-image-link img{
    width:180px!important;
    height:270px!important;
    max-width:180px!important;
    max-height:270px!important;
  }
  .catalog-main [data-content="books"] .content-card.book-card .pad{
    grid-column:1!important;
    padding:22px!important;
  }
}