/* v2.16.117 — standard Wonders Workshop header follows HOME geometry.
   Scoped to .site-header, never .wwc-header or cinematic collection systems. */
@media(min-width:821px){
 body header.site-header{
   background:linear-gradient(180deg,rgba(2,3,4,.96) 0%,rgba(2,3,4,.78) 70%,rgba(2,3,4,0) 100%)!important;
   border:0!important; border-bottom:0!important;
   box-shadow:none!important;
 }
 body header.site-header > .header-shell{
   width:calc(100% - 48px)!important;
   max-width:1400px!important;
   margin-right:auto!important;margin-left:auto!important;
   padding:0!important;
 }
 body header.site-header > .header-shell > .brand{
   margin:0!important;left:auto!important;right:auto!important;
   position:relative!important;width:116px!important;
   flex:0 0 116px!important; padding-top:12px!important;
 }
 body header.site-header > .header-shell > .brand img{
   width:113px!important;height:103px!important;object-fit:contain!important;
 }
 body.journal-page header.site-header{border-bottom:0!important}
}
@media(min-width:821px) and (max-width:1100px){
 body header.site-header > .header-shell{max-width:980px!important}
}
@media(max-width:820px){
 body header.site-header{border-bottom:0!important;box-shadow:none!important}
 body header.site-header > .header-shell{width:calc(100% - 28px)!important;margin:0 auto!important;max-width:none!important}
 body header.site-header > .header-shell > .brand{margin-left:0!important;left:auto!important;position:relative!important}
 /* Keep the expanded mobile navigation opaque and legible. */
 body header.site-header .primary-nav.open{background:#060808!important}
}
/* Home Black Archive banner: remove the outer container border, keep one precise gold frame only around the image. */
.archive .archive-panel{
 grid-template-columns:minmax(280px,36%) minmax(0,64%)!important;
 height:auto!important;min-height:182px!important;
 align-items:center!important;overflow:visible!important;
 column-gap:16px!important;padding:8px 0!important;
 border:0!important;background:transparent!important;box-shadow:none!important;
}
.archive .archive-copy{padding:24px 18px 20px 36px!important}
.archive .archive-panel > img{
 display:block!important;width:100%!important;max-width:none!important;
 height:auto!important;min-height:0!important;aspect-ratio:auto!important;
 object-fit:contain!important;object-position:center!important;
 justify-self:stretch!important;align-self:center!important;
 border:1px solid rgba(201,154,61,.72)!important;
 padding:2px!important;background:#060505!important;
 box-shadow:0 0 0 1px rgba(201,154,61,.12) inset!important;
}
@media(max-width:820px){
 .archive .archive-panel{grid-template-columns:1fr!important;overflow:visible!important;min-height:0!important;padding:0!important;column-gap:0!important}
 .archive .archive-copy{padding:24px!important}
 .archive .archive-panel > img{justify-self:center!important;max-width:100%!important;width:100%!important;height:auto!important}
}
/* About and Contact: undo inherited oversized display text, keep the hierarchy calm. */
body.about-page .about-intro-grid h2,
body.about-page .info-section h2{
 font:400 clamp(31px,3.4vw,45px)/1.14 Georgia,'Times New Roman',serif!important;
 letter-spacing:-.015em!important;text-wrap:balance;
}
body.about-page .info-section .value-card h3{font-size:clamp(22px,2.1vw,27px)!important}
body.about-page .info-cta h2{font-size:clamp(33px,3.4vw,45px)!important}
body.contact-page .contact-copy h2,body.contact-page .contact-panel h2{
 font:400 clamp(32px,3.5vw,45px)/1.14 Georgia,'Times New Roman',serif!important;
 letter-spacing:-.014em!important;text-wrap:balance;
}
body.contact-page .contact-wrap{align-items:start}
body.contact-page .ww-contact-help{padding:62px 0 72px}
body.contact-page .ww-contact-help h2{font:400 clamp(30px,3.1vw,42px)/1.17 Georgia,'Times New Roman',serif!important}
body.contact-page .ww-help-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
body.contact-page .ww-help-card h3{font-size:clamp(20px,2.1vw,26px)!important}
@media(max-width:760px){body.contact-page .ww-help-grid{grid-template-columns:1fr!important}}
/* Journal line came from its legacy header border; the fade must have no hard edge. */
body.journal-page header.site-header{border:0!important;box-shadow:none!important}
body.journal-page .wj-article-head{border-top:0!important}

/* Shop and Tools: force the same brand anchor position as the standard pages. */
@media(min-width:821px){
 body.shop-page header.site-header > .header-shell,
 body.tools-page header.site-header > .header-shell{
   width:calc(100% - 48px)!important;max-width:1400px!important;margin:0 auto!important;padding:0!important;
 }
 body.shop-page header.site-header > .header-shell > .brand,
 body.tools-page header.site-header > .header-shell > .brand{
   position:relative!important;left:0!important;right:auto!important;margin:0!important;transform:none!important;
 }
}
@media(max-width:820px){
 body.shop-page header.site-header > .header-shell > .brand,
 body.tools-page header.site-header > .header-shell > .brand{left:0!important;margin-left:0!important;transform:none!important}
}