/* Garage V1 live-action cartoon layer. Editorial panels are expressive; controls stay conventional. */
.hhg-body{background:#11120f;color:#f4ecdb}
.hhg-site{background:#11120f;color:#f4ecdb}
.hhg-header{background:#11120f;border-bottom:6px solid #f5cc23}
.hhg-header-inner{max-width:1320px;padding:14px 26px;gap:18px}
.hhg-brand{width:min(270px,42vw);color:#f5cc23!important;font-family:Impact,"Arial Black",system-ui,sans-serif;font-weight:900;letter-spacing:.005em}
.hhg-brand-text{font-size:clamp(20px,2vw,29px);line-height:.96;text-shadow:2px 2px #000}
.hhg-tagline{color:#f5cc23;font-size:12px;font-weight:850;max-width:145px;line-height:1.15;text-transform:uppercase}
.hhg-header nav a{font-weight:850;text-transform:uppercase;font-size:13px}
.hhg-header nav a:hover{text-decoration-color:#f5cc23}
.hhg-header .hhg-sponsor-access{border-color:#a49e88;border-radius:0}
.hhg-main{max-width:1320px}
.hhg-main h1,.hhg-main h2,.hhg-main h3{font-family:Impact,"Arial Black",system-ui,sans-serif;letter-spacing:.005em;line-height:1.03;text-transform:uppercase}
.hhg-main p{color:inherit}
.hhg-kicker,.hhg-marker{font-family:Impact,"Arial Black",system-ui,sans-serif;font-size:clamp(17px,2vw,24px);letter-spacing:.02em;line-height:1.15;color:#f5cc23;margin-bottom:12px}
.hhg-button{background:#f5cc23;border:3px solid #11120f;color:#11120f!important;box-shadow:4px 4px 0 #11120f;border-radius:0;font-family:Impact,"Arial Black",system-ui,sans-serif;font-size:18px;letter-spacing:.02em;text-transform:uppercase;transform:rotate(-.4deg)}
.hhg-button:hover{background:#ffe268;border-color:#11120f}
.hhg-button:focus-visible,.hhg-body a:focus-visible,.hhg-body button:focus-visible,.hhg-body summary:focus-visible{outline:3px solid #f5cc23;outline-offset:4px}
.hhg-home-hero{position:relative;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);grid-template-areas:"copy media" "next media";grid-template-rows:auto 1fr;gap:15px clamp(24px,4vw,60px);align-items:center;margin-top:0;padding:clamp(24px,4vw,52px);border:0;background:#eee5d2;color:#11120f;box-shadow:none;overflow:visible}
.hhg-home-hero:before{content:"";position:absolute;top:-1px;left:0;right:0;height:9px;background:linear-gradient(87deg,#11120f 0 9%,transparent 9% 10%,#11120f 10% 27%,transparent 27% 28%,#11120f 28% 100%);pointer-events:none}
.hhg-home-hero .hhg-feature-copy{grid-area:copy;align-self:end;z-index:1}
.hhg-home-hero .hhg-kicker{color:#cf492c;font-size:clamp(24px,3.2vw,44px);transform:rotate(-1deg);transform-origin:left bottom}
.hhg-home-hero .hhg-feature-copy h1{font-size:clamp(48px,5.4vw,88px);line-height:.95;max-width:13ch;margin:0;overflow-wrap:break-word;text-shadow:2px 2px 0 #f5cc23}
.hhg-home-hero .hhg-feature-media{grid-area:media;display:grid;place-items:center;overflow:visible;width:100%;height:auto;max-height:none;min-height:240px;background:#11120f;outline:8px solid #11120f;box-shadow:9px 9px 0 #f5cc23}
.hhg-home-hero .hhg-feature-media>img.hhg-hero-photo{width:100%;height:clamp(340px,43vw,570px);max-width:none;max-height:none;object-fit:cover;object-position:center 38%}
.hhg-home-video .hhg-feature-media{padding:12px;background:#11120f}
.hhg-home-video .hhg-feature-media .hhg-player{width:min(100%,var(--hhg-fit-feature));max-height:none;border:0;outline:0;box-shadow:none;background:#090a08}
.hhg-home-video .hhg-player video,.hhg-home-video .hhg-player iframe{display:block;width:100%;height:100%;object-fit:contain}
.hhg-home-video .hhg-feature-media .hhg-credit{width:100%;margin:12px 0 0;border-color:#777461;padding:10px 2px 0;color:#eee5d2;font-size:13px;text-align:left}
.hhg-home-video .hhg-feature-media .hhg-credit a{color:#f5cc23;text-underline-offset:3px}
.hhg-home-hero .hhg-feature-next{grid-area:next;align-self:start;z-index:1}
.hhg-home-hero .hhg-feature-next p{font-size:clamp(17px,1.7vw,22px);line-height:1.4;font-weight:650;color:#24241d;max-width:38ch;margin:10px 0 15px}
.hhg-home-watch-link{font-weight:800;text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:5px;color:#11120f!important;min-height:44px}
.hhg-section{padding-top:50px}
.hhg-section-head .hhg-marker,.hhg-section>.hhg-marker{display:inline-block;background:#f5cc23;color:#11120f;padding:7px 15px;margin-bottom:14px;transform:rotate(-1deg)}
.hhg-section-head h2{color:#f4ecdb;font-size:clamp(30px,3.5vw,48px)}
.hhg-home-continuation .hhg-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:980px}
.hhg-card{border:4px solid #11120f;background:#eee5d2;color:#11120f;box-shadow:5px 5px 0 #f5cc23}
.hhg-card-image{background:#272a22}
.hhg-card-body{padding:20px;gap:9px}
.hhg-card-body .hhg-kicker{color:#bd452b;font-size:16px;margin:0}
.hhg-card-body strong{font-family:Impact,"Arial Black",system-ui,sans-serif;text-transform:uppercase;font-size:clamp(24px,2.4vw,34px);line-height:1.08}
.hhg-card-body>span:not(.hhg-kicker){color:#24241d}
.hhg-card-action{display:inline-block;width:fit-content;margin-top:auto;background:#f5cc23;color:#11120f!important;padding:10px 14px;min-height:44px;font-family:Impact,"Arial Black",system-ui,sans-serif;text-transform:uppercase;font-size:17px}
.hhg-current-job .hhg-job-sheet{background:#eee5d2;color:#11120f;border:4px solid #11120f;box-shadow:7px 7px 0 #f5cc23;transform:rotate(-.6deg)}
.hhg-current-job .hhg-job-sheet p{color:#25251e}
.hhg-current-job .hhg-job-sheet a{color:#11120f}
.hhg-arcade .hhg-card{background:#f2eada}
.hhg-arcade-featured .hhg-grid{grid-template-columns:minmax(0,440px)}
.hhg-invite{border:5px solid #eee5d2;background:#24251f;box-shadow:8px 8px 0 #f5cc23}
.hhg-invite .hhg-marker{color:#11120f}
.hhg-invite p{color:#eee5d2}
.hhg-merch-card{border:3px solid #11120f;background:#eee5d2;box-shadow:4px 4px 0 #f5cc23}
.hhg-merch-link img{object-fit:contain}
.hhg-panel,.hhg-story,.hhg-page-head,.hhg-watch{color:#f4ecdb}
.hhg-panel{background:#252820;border:1px solid #676a5a}
.hhg-project-hero{background:#eee5d2;color:#11120f;border:5px solid #11120f;box-shadow:7px 7px 0 #f5cc23}
.hhg-project-hero p{color:#292a23}
.hhg-project-hero .hhg-kicker{color:#c7462c}
.hhg-player{background:#090a08}
.hhg-watch .hhg-player{border:4px solid #eee5d2}
.hhg-footer{border-top:6px solid #f5cc23;color:#eee5d2}
.hhg-commerce .hhg-site{background:#11120f}
.hhg-commerce .hhg-main{background:transparent}
/* Business pages and transactional UI keep the typography, but not the editorial rotation. */
.hhg-commerce .hhg-button,.hhg-commerce .hhg-card,.hhg-commerce .hhg-panel,.hhg-watch .hhg-player,.hhg-body form .hhg-button{transform:none}
@media(max-width:900px){
 .hhg-home-hero{grid-template-columns:1fr;grid-template-areas:"copy" "media" "next";gap:22px}
 .hhg-home-hero .hhg-feature-copy{align-self:auto}
}
@media(max-width:600px){
 .hhg-header-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;padding:8px 15px;gap:3px 8px;min-height:76px}
 .hhg-header .hhg-brand{width:min(240px,66vw);min-height:50px;grid-column:1;grid-row:1}
 .hhg-brand img{max-height:54px}
 .hhg-brand-text{font-size:clamp(17px,5.2vw,24px)}
 .hhg-header .hhg-tagline{display:block;grid-column:1/-1;grid-row:2;color:#f5cc23;max-width:none;font-size:11px;letter-spacing:.035em;padding:0 0 4px}
 .hhg-header .hhg-mobile-menu{display:block;grid-column:2;grid-row:1;width:auto;margin:0;border:0;position:relative}
 .hhg-header .hhg-mobile-menu summary{min-height:44px;min-width:70px;justify-content:center;background:#f5cc23;color:#11120f;padding:7px 9px;font:850 13px system-ui,sans-serif;text-transform:uppercase;border:2px solid #11120f;box-shadow:2px 2px 0 #eee5d2}
 .hhg-header .hhg-mobile-menu summary:after{color:#11120f;margin-left:5px}
 .hhg-header .hhg-mobile-menu nav{position:absolute;z-index:30;right:0;top:100%;width:min(330px,90vw);padding:12px;background:#11120f;border:3px solid #f5cc23;box-shadow:0 12px 25px #0009}
 .hhg-header .hhg-mobile-menu nav a{border-color:#696b5f}
 .hhg-main{padding:0 14px 64px}
 .hhg-home-hero{margin:0 -14px;padding:22px 18px 28px;gap:15px}
 .hhg-home-hero .hhg-kicker{font-size:clamp(23px,7vw,34px);margin-bottom:6px}
 .hhg-home-hero .hhg-feature-copy h1{font-size:clamp(38px,10.2vw,54px);max-width:12ch;line-height:.94}
 .hhg-home-hero .hhg-feature-media{width:calc(100% - 12px);margin:4px 6px 8px;min-height:0;max-height:none;height:auto;outline-width:6px;box-shadow:6px 6px 0 #f5cc23}
 .hhg-home-hero .hhg-feature-media>img.hhg-hero-photo{width:100%;height:clamp(260px,78vw,400px);object-fit:cover}
 .hhg-home-video .hhg-feature-media{padding:6px}
 .hhg-home-video .hhg-feature-media .hhg-player{width:min(100%,370px);max-height:none;aspect-ratio:var(--hhg-ratio)}
 .hhg-home-hero .hhg-feature-next p{font-size:16px;margin:0 0 8px}
 .hhg-home-hero .hhg-feature-next .hhg-button{min-height:48px}
 .hhg-section{padding-top:37px}
 .hhg-home-continuation .hhg-grid{grid-template-columns:1fr}
 .hhg-section-head h2{font-size:32px}
 .hhg-card-body{padding:16px}
 .hhg-card-body strong{font-size:28px}
 .hhg-current-job .hhg-job-sheet{transform:none;box-shadow:5px 5px 0 #f5cc23}
 .hhg-invite{padding:15px;box-shadow:5px 5px 0 #f5cc23}
 .hhg-project-hero{margin-top:16px;padding:19px;box-shadow:5px 5px 0 #f5cc23}
 .hhg-watch{padding-top:28px}
 .hhg-page-head{padding-top:36px}
}
@media(prefers-reduced-motion:reduce){.hhg-button,.hhg-card{transition:none!important}}

/* 0.3.18 collage composition: irregular paper, real media, editorial hierarchy. */
.hhg-site{background-color:#11120f;background-image:radial-gradient(#ffffff0c .65px,transparent .65px);background-size:8px 8px}
.hhg-header{background:#11120f;box-shadow:0 6px 0 #f5cc23}
.hhg-main:has(>.hhg-home-hero){display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:0 26px}
.hhg-main:has(>.hhg-home-hero)>*{min-width:0}
.hhg-main:has(>.hhg-home-hero)>.hhg-home-hero,
.hhg-main:has(>.hhg-home-hero)>.hhg-home-continuation,
.hhg-main:has(>.hhg-home-hero)>.hhg-home-merch{grid-column:1/-1}
.hhg-main:has(>.hhg-home-hero)>.hhg-current-job{grid-column:1/span 7}
.hhg-main:has(>.hhg-home-hero)>.hhg-arcade-featured{grid-column:8/-1}
.hhg-main:has(>.hhg-home-hero)>.hhg-invite{grid-column:1/-1}
.hhg-home-hero{isolation:isolate;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);background:#f3eddf;clip-path:polygon(0 0,31% .4%,32% 0,63% .3%,64% 0,100% 0,100% 98.9%,91% 99.5%,76% 99%,58% 99.7%,42% 99%,21% 99.6%,0 99%);padding-bottom:clamp(35px,5vw,65px)}
.hhg-home-hero:after{content:"";position:absolute;z-index:-1;inset:0;opacity:.24;pointer-events:none;background-image:radial-gradient(#7d6b4c 0.55px,transparent .7px);background-size:7px 7px}
.hhg-home-hero .hhg-kicker{display:inline-block;background:#f3eddf;line-height:1;letter-spacing:-.035em;text-shadow:1px 1px #f3eddf;transform:rotate(-2deg)}
.hhg-home-hero .hhg-feature-copy h1{line-height:.89;letter-spacing:-.035em;max-width:11ch;text-shadow:4px 4px 0 #f5cc23}
.hhg-home-hero .hhg-feature-media{transform:rotate(.6deg);box-shadow:13px 13px 0 #f5cc23;outline-width:10px}
.hhg-home-hero .hhg-feature-next{max-width:45ch}
.hhg-home-hero .hhg-feature-next p{font-family:"Trebuchet MS",system-ui,sans-serif;font-weight:700;line-height:1.36;transform:rotate(-.4deg)}
.hhg-home-watch-link{display:inline-flex;align-items:center;justify-content:center;background:#f5cc23;color:#11120f!important;padding:12px 20px;border:3px solid #11120f;box-shadow:5px 5px 0 #11120f;min-height:50px;font-family:Impact,"Arial Black",system-ui,sans-serif;font-size:19px;text-decoration:none;text-transform:uppercase;transform:rotate(-1deg)}
.hhg-home-watch-link:hover{background:#ffe36a;text-decoration:underline}
.hhg-section-head .hhg-marker,.hhg-section>.hhg-marker{box-shadow:5px 4px 0 #ece3ce;font-family:Impact,"Arial Black",system-ui,sans-serif;font-size:21px;letter-spacing:.015em;clip-path:polygon(0 2%,100% 0,99% 95%,1% 100%)}
.hhg-home-continuation{padding:42px 0 48px}
.hhg-home-continuation .hhg-section-head{display:flex;align-items:baseline;gap:20px;flex-wrap:wrap}
.hhg-home-continuation .hhg-grid{max-width:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.hhg-home-continuation .hhg-card{transform:rotate(-.45deg)}
.hhg-home-continuation .hhg-card:nth-child(even){transform:rotate(.6deg)}
.hhg-home-continuation .hhg-card-image{height:clamp(180px,23vw,300px)}
.hhg-home-continuation .hhg-card-image img{width:100%;height:100%;object-fit:cover}
.hhg-current-job,.hhg-arcade-featured{padding:25px 22px 29px;background:#eee5d2;color:#11120f;align-self:start;clip-path:polygon(0 0,100% .3%,99.7% 99%,76% 99.6%,34% 99.1%,0 100%)}
.hhg-current-job{margin-right:3px;transform:rotate(-.35deg)}
.hhg-arcade-featured{margin-left:3px;transform:rotate(.4deg)}
.hhg-current-job h2,.hhg-arcade-featured h2{color:#11120f;font-size:clamp(30px,3vw,42px)}
.hhg-arcade-featured>p{color:#282923;font-weight:750}
.hhg-current-job .hhg-job-sheet{max-width:none;box-shadow:none;border:2px solid #11120f;background:#f8f3e8;transform:rotate(-.5deg);padding:15px 17px;margin-bottom:17px}
.hhg-current-job .hhg-grid-single,.hhg-arcade-featured .hhg-grid{max-width:none;grid-template-columns:1fr}
.hhg-current-job .hhg-card,.hhg-arcade-featured .hhg-card{box-shadow:5px 5px 0 #11120f}
.hhg-current-job .hhg-card-image,.hhg-arcade-featured .hhg-game-image{height:clamp(220px,26vw,340px);overflow:hidden}
.hhg-current-job .hhg-card-image img,.hhg-arcade-featured .hhg-game-image img{width:100%;height:100%;object-fit:cover}
.hhg-arcade-featured .hhg-card-body{background:#f5cc23}
.hhg-arcade-featured .hhg-card-action{background:#11120f;color:#f5cc23!important}
.hhg-arcade-featured>a,.hhg-arcade-featured>.hhg-secondary{color:#11120f!important}
.hhg-invite{margin-top:30px}
.hhg-home-merch{padding:38px 24px 28px;margin-top:35px;background:#eee5d2;color:#11120f;clip-path:polygon(0 .4%,28% 0,70% .4%,100% 0,100% 99%,69% 99.7%,33% 99%,0 100%)}
.hhg-home-merch h2{color:#11120f}
.hhg-home-merch .hhg-grid{gap:20px}
.hhg-home-merch .hhg-merch-card{box-shadow:5px 6px 0 #11120f}
.hhg-home-merch .hhg-merch-more a{color:#11120f;font-weight:850}
@media(max-width:900px){
 .hhg-main:has(>.hhg-home-hero)>.hhg-current-job,.hhg-main:has(>.hhg-home-hero)>.hhg-arcade-featured{grid-column:1/-1;transform:none;margin:0 0 18px}
 .hhg-home-hero .hhg-feature-copy h1{max-width:15ch}
}
@media(max-width:600px){
 .hhg-header{box-shadow:0 4px 0 #f5cc23}
 .hhg-main:has(>.hhg-home-hero){gap:0}
 .hhg-home-hero{padding:25px 18px 32px;clip-path:polygon(0 0,51% .35%,100% 0,100% 99%,76% 99.6%,43% 99%,0 99.7%)}
 .hhg-home-hero .hhg-feature-copy h1{font-size:clamp(38px,10.4vw,54px);max-width:15ch;text-shadow:3px 3px 0 #f5cc23}
 .hhg-home-hero .hhg-feature-media{outline-width:5px;transform:none;box-shadow:7px 7px 0 #f5cc23}
 .hhg-home-hero .hhg-feature-next p{font-size:16px}
 .hhg-home-watch-link{width:100%;min-height:50px;transform:none;box-shadow:4px 4px 0 #11120f}
 .hhg-home-continuation{padding:28px 0 34px}
 .hhg-home-continuation .hhg-grid{grid-template-columns:1fr;gap:22px}
 .hhg-home-continuation .hhg-card,.hhg-home-continuation .hhg-card:nth-child(even){transform:none}
 .hhg-current-job,.hhg-arcade-featured{padding:20px 16px 27px;clip-path:none}
 .hhg-current-job .hhg-card-image,.hhg-arcade-featured .hhg-game-image{height:240px}
 .hhg-home-merch{margin:20px -14px 0;padding:25px 18px 27px;clip-path:none}
 .hhg-home-merch .hhg-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .hhg-home-merch .hhg-merch-card:last-child:nth-child(odd){grid-column:1/-1;max-width:65%;justify-self:center}
}

/* The poster wall: locally hosted display faces and large, hand-cut shapes. */
@font-face{font-family:HHPoster;src:url('fonts/BarlowCondensed-Black.ttf') format('truetype');font-weight:900;font-display:swap}
@font-face{font-family:HHMarker;src:url('fonts/PermanentMarker-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
.hhg-header-inner{max-width:1500px}
.hhg-header .hhg-brand{width:min(345px,27vw)}
.hhg-header .hhg-brand img{max-height:82px}
.hhg-header nav a{font-family:HHPoster,Impact,sans-serif;font-size:clamp(15px,1.3vw,20px);letter-spacing:.035em;transform:rotate(-1deg)}
.hhg-header nav a:nth-child(even){transform:rotate(1deg)}
.hhg-header .hhg-tagline{font-family:HHMarker,cursive;font-size:11px;font-weight:400;line-height:1.3;transform:rotate(-4deg);text-transform:none}
.hhg-main h1,.hhg-main h2,.hhg-main h3,.hhg-card-body strong,.hhg-button,.hhg-card-action,.hhg-kicker,.hhg-marker{font-family:HHPoster,Impact,"Arial Black",sans-serif;font-weight:900;letter-spacing:0}
.hhg-main:has(>.hhg-home-hero){max-width:1500px;gap:0 12px}
.hhg-home-hero{margin:5px -26px 0;padding:32px clamp(20px,3vw,46px) 45px;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);grid-template-areas:"copy media" "next media";gap:10px 18px;background:#f5f2e9;min-height:600px;clip-path:polygon(0 0,21% .6%,21.5% 0,54% .5%,100% 0,99.7% 98.5%,79% 99.7%,56% 99%,38% 99.8%,0 99%)}
.hhg-home-hero:before{height:0}
.hhg-home-hero .hhg-kicker{font-family:HHMarker,cursive;color:#d94d30;font-size:clamp(23px,3vw,46px);letter-spacing:-.04em;line-height:1.05;max-width:13ch;transform:rotate(-3deg)}
.hhg-home-hero .hhg-feature-copy h1{font-size:clamp(70px,8.8vw,150px);max-width:8ch;line-height:.75;letter-spacing:-.027em;overflow-wrap:normal;text-shadow:5px 6px #f8d21d;transform:rotate(-1deg)}
.hhg-home-hero .hhg-feature-next{align-self:end}
.hhg-home-hero .hhg-feature-next p{font-family:HHMarker,cursive;font-size:clamp(17px,1.7vw,25px);font-weight:400;line-height:1.3;max-width:30ch;margin:0 0 21px;transform:rotate(-2deg)}
.hhg-home-video .hhg-feature-media{align-self:stretch;min-height:475px;padding:0;background:#121311;outline:0;box-shadow:12px 12px #11120f;transform:rotate(.7deg);border:8px solid #11120f}
.hhg-home-video .hhg-feature-media .hhg-player{width:100%;max-width:none;max-height:none;align-self:center}
.hhg-home-watch-link{font-size:clamp(22px,2.2vw,34px);padding:10px 26px;background:#f8d21d;box-shadow:7px 7px #11120f;clip-path:polygon(1% 0,100% 1%,99% 96%,0 100%)}
.hhg-home-continuation{padding-top:22px}
.hhg-home-continuation .hhg-marker,.hhg-current-job .hhg-marker,.hhg-arcade-featured .hhg-marker,.hhg-home-merch .hhg-marker{background:#11120f;color:#f8d21d;font-size:clamp(27px,2.7vw,42px);padding:3px 22px 6px;box-shadow:none;transform:rotate(-2deg);clip-path:polygon(0 4%,100% 0,99% 92%,1% 100%)}
.hhg-section-head h2{font-family:HHMarker,cursive;font-size:clamp(18px,2vw,27px);font-weight:400;text-transform:none;transform:rotate(-2deg)}
.hhg-home-continuation .hhg-card{border:8px solid #f5f2e9;background:#f5f2e9;box-shadow:8px 9px #171815}
.hhg-home-continuation .hhg-card-body{padding:13px 11px}
.hhg-home-continuation .hhg-card-body strong{font-size:clamp(30px,3.1vw,48px);line-height:.9}
.hhg-current-job,.hhg-arcade-featured{padding:18px 18px 25px;background:#f5f2e9}
.hhg-current-job h2,.hhg-arcade-featured h2,.hhg-home-merch h2{font-size:clamp(35px,3.5vw,56px);line-height:.89}
.hhg-current-job .hhg-job-sheet{font-family:HHMarker,cursive;font-size:15px;border:0;background:#f8d96d;box-shadow:4px 5px #11120f;transform:rotate(-2deg)}
.hhg-current-job .hhg-job-sheet p{font-size:15px}
.hhg-current-job .hhg-card,.hhg-arcade-featured .hhg-card{border:6px solid #11120f}
.hhg-current-job .hhg-card-body strong,.hhg-arcade-featured .hhg-card-body strong{font-size:clamp(31px,3.2vw,48px);line-height:.9}
.hhg-home-merch{background:#f5f2e9}
.hhg-home-merch .hhg-merch-card{border:5px solid #11120f;transform:rotate(-1deg)}
.hhg-home-merch .hhg-merch-card:nth-child(even){transform:rotate(1deg)}
@media(max-width:900px){.hhg-home-hero{min-height:0;margin:0 -26px;grid-template-columns:1fr;grid-template-areas:"copy" "media" "next"}.hhg-home-hero .hhg-feature-copy h1{font-size:clamp(65px,12vw,108px);max-width:14ch}.hhg-home-video .hhg-feature-media{min-height:0;align-self:auto}}
@media(max-width:600px){
 .hhg-header .hhg-brand{width:min(240px,66vw)}
 .hhg-header .hhg-tagline{font-size:10px;transform:none}
 .hhg-main:has(>.hhg-home-hero){gap:0}
 .hhg-home-hero{margin:0 -14px;padding:19px 17px 27px;gap:17px;min-height:0;clip-path:polygon(0 0,100% 0,100% 99%,54% 100%,0 99%)}
 .hhg-home-hero .hhg-kicker{font-size:clamp(24px,7vw,36px)}
 .hhg-home-hero .hhg-feature-copy h1{font-size:clamp(56px,16vw,82px);line-height:.78;max-width:9ch;overflow-wrap:break-word;text-shadow:3px 4px #f8d21d}
 .hhg-home-video .hhg-feature-media{width:calc(100% - 8px);margin:0 3px 2px;border-width:5px;box-shadow:6px 6px #11120f;transform:none;padding:0}
 .hhg-home-hero .hhg-feature-next p{font-size:18px;line-height:1.3;margin:0 0 14px}
 .hhg-home-watch-link{font-size:24px;width:100%;padding:9px 10px;box-shadow:4px 4px #11120f}
 .hhg-home-continuation .hhg-marker,.hhg-current-job .hhg-marker,.hhg-arcade-featured .hhg-marker,.hhg-home-merch .hhg-marker{font-size:27px}
 .hhg-current-job,.hhg-arcade-featured{padding:19px 15px 24px}
 .hhg-home-merch .hhg-merch-card,.hhg-home-merch .hhg-merch-card:nth-child(even){transform:none}
}


/* 0.3.20: the Garage poster wall. Decorative layers stay outside controls. */
.hhg-body{background:#11110f;color:#f8f3e9}
.hhg-site{background-color:#11110f;background-image:radial-gradient(#ffffff0d .7px,transparent .8px),linear-gradient(150deg,transparent 55%,#ffffff05 100%);background-size:8px 8px,auto}
.hhg-header{background-color:#151513;background-image:repeating-linear-gradient(172deg,#ffffff07 0 1px,transparent 1px 17px);border:0;box-shadow:0 6px 0 #0b0b0a}
.hhg-header-inner{max-width:1500px;min-height:105px;gap:13px;padding:12px 26px;flex-wrap:nowrap}
.hhg-header .hhg-brand{flex:0 1 330px;width:auto;min-width:190px}
.hhg-brand img{width:auto;max-width:100%;max-height:82px}
.hhg-brand-text{font:900 clamp(24px,2.3vw,38px)/.84 HHPoster,Impact,sans-serif;color:#f8d51c;text-shadow:3px 3px #080807}
.hhg-header .hhg-tagline{order:3;max-width:120px;margin:0 8px;color:#eee9da;font:400 11px/1.25 HHMarker,cursive;transform:rotate(-5deg);text-align:center}
.hhg-header .hhg-desktop-nav{align-items:center;gap:0;flex-wrap:nowrap;justify-content:flex-end}
.hhg-header .hhg-desktop-nav a{font:900 clamp(14px,1.14vw,18px)/1.1 HHPoster,Impact,sans-serif;white-space:nowrap;min-height:44px;display:inline-flex;align-items:center;padding:9px clamp(6px,.75vw,12px);transform:none}
.hhg-header .hhg-desktop-nav .hhg-sponsor-access{border:0;font-size:12px;text-decoration:underline;text-underline-offset:4px;color:#e6dfc8}
.hhg-header .hhg-desktop-nav .hhg-my-key{background:#f8d51c;color:#11110f;border:2px solid #11110f;box-shadow:3px 3px #f6f0df;padding:9px 15px;transform:rotate(-1deg)}
.hhg-main:has(>.hhg-home-hero){max-width:1500px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:16px;padding:0 26px 75px;align-items:start}
.hhg-main:has(>.hhg-home-hero)>.hhg-home-hero{grid-column:1/-1}
.hhg-home-hero{background:#f4f0e5;color:#10110f;min-height:0;margin:0 -26px 0;padding:28px clamp(24px,3vw,50px) 34px;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);grid-template-rows:auto auto;grid-template-areas:"copy media" "next media";gap:9px 24px;clip-path:polygon(0 0,18% .7%,19% 0,62% .5%,100% 0,100% 98.5%,86% 99.4%,65% 98.8%,35% 99.7%,0 99%)}
.hhg-home-hero:after{opacity:.25;background-size:7px 7px}
.hhg-home-hero .hhg-feature-copy{align-self:end}
.hhg-home-hero .hhg-kicker{font:400 clamp(24px,3.2vw,47px)/1 HHMarker,cursive;color:#d63b24;margin:0 0 14px;max-width:none;transform:rotate(-2deg)}
.hhg-home-hero .hhg-feature-copy h1{font:900 clamp(60px,7.9vw,125px)/.8 HHPoster,Impact,sans-serif;letter-spacing:-.025em;max-width:8.5ch;text-shadow:4px 5px 0 #f8d51c;overflow-wrap:break-word;margin:0;transform:rotate(-.5deg)}
.hhg-home-hero .hhg-feature-next{align-self:start;max-width:54ch}
.hhg-home-hero .hhg-feature-next p{font:400 clamp(17px,1.7vw,24px)/1.3 HHMarker,cursive;color:#181914;margin:7px 0 19px;transform:rotate(-1deg)}
.hhg-home-hero .hhg-feature-media{position:relative;min-height:390px;width:100%;height:auto;max-height:none;align-self:stretch;display:grid;place-items:center;outline:0;border:8px solid #11110f;background:#10110f;box-shadow:8px 8px #11110f;transform:rotate(.35deg);margin:0;overflow:hidden}
.hhg-home-hero .hhg-feature-media:before{content:"";position:absolute;left:-4px;top:-4px;width:90px;height:28px;background:#f4ebd3aa;z-index:2;transform:rotate(-15deg);pointer-events:none}
.hhg-home-hero .hhg-feature-media>img.hhg-hero-photo{width:100%;height:100%;min-height:390px;max-height:650px;object-fit:cover;object-position:center}
.hhg-home-video .hhg-feature-media{padding:0;min-height:390px;border:8px solid #11110f;box-shadow:8px 8px #11110f;transform:rotate(.35deg)}
.hhg-home-video .hhg-feature-media .hhg-player{width:min(100%,var(--hhg-fit-feature));max-width:100%;max-height:none;aspect-ratio:var(--hhg-ratio);border:0;background:#11110f;overflow:hidden}
.hhg-home-video .hhg-feature-media .hhg-credit{grid-column:1/-1;align-self:end;width:100%;background:#11110f;margin:0;padding:8px 12px;color:#f8f3e9}
.hhg-home-watch-link,.hhg-home-hero .hhg-button{font:900 clamp(20px,2.2vw,31px)/1 HHPoster,Impact,sans-serif;display:inline-flex;align-items:center;justify-content:center;min-height:51px;padding:11px 24px;background:#f8d51c;color:#11110f!important;border:3px solid #11110f;box-shadow:5px 5px #11110f;transform:rotate(-1deg);text-decoration:none;clip-path:none}
.hhg-home-hero .hhg-video-details{display:inline-flex;align-items:center;color:#11110f!important;font-weight:750;min-height:44px;margin-left:12px;text-decoration:underline}
.hhg-main:has(>.hhg-home-hero)>.hhg-home-continuation{grid-column:1/span 5}
.hhg-main:has(>.hhg-home-hero)>.hhg-current-job{grid-column:6/span 4}
.hhg-main:has(>.hhg-home-hero)>.hhg-invite{grid-column:10/span 3}
.hhg-main:has(>.hhg-home-hero)>.hhg-arcade-featured{grid-column:1/span 4}
.hhg-main:has(>.hhg-home-hero)>.hhg-home-merch{grid-column:5/span 4}
.hhg-main:has(>.hhg-home-hero)>.hhg-home-next{grid-column:9/span 4}
.hhg-home-continuation,.hhg-current-job,.hhg-invite{margin-top:18px;align-self:stretch}
.hhg-home-continuation{padding:20px 8px 26px 0}
.hhg-home-continuation .hhg-section-head{display:block;margin-bottom:13px}
.hhg-home-continuation .hhg-section-head h2{color:#eee9da;font:400 18px/1.25 HHMarker,cursive;text-align:right;text-transform:none}
.hhg-home-continuation .hhg-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.hhg-home-continuation .hhg-card{border:5px solid #f6f0e4;background:#f6f0e4;box-shadow:3px 4px #080807;transform:rotate(-.7deg);min-width:0}
.hhg-home-continuation .hhg-card:nth-child(2){transform:rotate(.6deg)}
.hhg-home-continuation .hhg-card:nth-child(3){transform:rotate(-.2deg)}
.hhg-home-continuation .hhg-card-image{aspect-ratio:1/1;height:auto;background:#25251f}
.hhg-home-continuation .hhg-card-body{padding:8px 5px;gap:5px}
.hhg-home-continuation .hhg-card-body strong{font-size:clamp(20px,1.9vw,30px);line-height:.9}
.hhg-home-continuation .hhg-card-body>span:not(.hhg-kicker):not(.hhg-card-action){font-size:13px;line-height:1.2;color:#1d1e18}
.hhg-home-continuation .hhg-card-action{font-size:clamp(15px,1.3vw,20px);padding:8px 6px;min-height:38px;margin-top:8px}
.hhg-current-job,.hhg-invite{background:#f6f0e4;color:#11110f;clip-path:polygon(0 .5%,23% 0,100% .4%,99.5% 100%,58% 99.4%,0 100%);padding:18px 14px 22px;transform:none;border:0;box-shadow:none}
.hhg-current-job .hhg-section-head h2,.hhg-invite h2{font:900 clamp(31px,3vw,47px)/.9 HHPoster,Impact,sans-serif;color:#11110f;margin:0 0 14px}
.hhg-current-job .hhg-job-sheet{font:400 15px/1.25 HHMarker,cursive;border:0;background:#f8dc72;box-shadow:3px 3px #11110f;padding:12px 14px;margin:0 0 13px}
.hhg-current-job .hhg-job-sheet p{font:400 14px/1.35 system-ui,sans-serif}
.hhg-current-job .hhg-grid-single{max-width:none}
.hhg-current-job .hhg-card{border:4px solid #11110f;box-shadow:none}
.hhg-current-job .hhg-card-image{aspect-ratio:16/9;height:auto}
.hhg-current-job .hhg-card-body{padding:11px 12px}
.hhg-current-job .hhg-card-body strong{font-size:clamp(26px,2.5vw,39px)}
.hhg-invite{display:flex;flex-direction:column;gap:8px;margin-left:0;min-width:0}
.hhg-invite .hhg-invite-media{width:100%}
.hhg-invite .hhg-invite-media img{height:auto;max-height:240px;width:100%;object-fit:cover}
.hhg-invite .hhg-invite-copy{width:100%}
.hhg-invite .hhg-invite-copy h2{font-size:clamp(28px,2.7vw,43px)}
.hhg-invite .hhg-invite-copy p{font:400 14px/1.4 system-ui,sans-serif;color:#1c1d18}
.hhg-section-head .hhg-marker,.hhg-section>.hhg-marker,.hhg-invite .hhg-marker{display:inline-block;background:#f8d51c;color:#11110f;font:900 clamp(20px,2.3vw,34px)/1 HHPoster,Impact,sans-serif;padding:5px 13px;box-shadow:none;transform:rotate(-1deg);clip-path:polygon(0 6%,100% 0,99% 94%,1% 100%)}
.hhg-current-job .hhg-marker,.hhg-invite .hhg-marker{background:#11110f;color:#f8d51c}
.hhg-main:has(>.hhg-home-hero)>.hhg-arcade-featured,.hhg-main:has(>.hhg-home-hero)>.hhg-home-merch,.hhg-main:has(>.hhg-home-hero)>.hhg-home-next{margin:16px 0 0;padding:20px 16px 24px;background:#f6f0e4;color:#11110f;clip-path:polygon(0 .4%,56% 0,100% .3%,99.7% 99.5%,51% 100%,0 99.6%);align-self:stretch}
.hhg-arcade-featured h2,.hhg-home-merch h2,.hhg-home-next h2{color:#11110f;font-size:clamp(31px,3vw,46px);margin:0 0 10px}
.hhg-arcade-featured>p,.hhg-home-next p{color:#191a15;font-size:15px;line-height:1.4}
.hhg-arcade-featured .hhg-grid{grid-template-columns:1fr;max-width:280px}
.hhg-arcade-featured .hhg-game-image{height:auto;aspect-ratio:1/1}
.hhg-arcade-featured .hhg-card{border:4px solid #11110f;box-shadow:none}
.hhg-arcade-featured .hhg-card-body{padding:10px 12px}
.hhg-home-merch .hhg-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.hhg-home-merch .hhg-merch-card,.hhg-home-merch .hhg-merch-card:nth-child(even){background:#ded6c8;border:3px solid #11110f;box-shadow:none;transform:none}
.hhg-home-merch .hhg-merch-link img{display:block;width:100%;height:auto;object-fit:contain}
.hhg-home-merch .hhg-merch-more a,.hhg-home-next a{color:#11110f!important}
.hhg-home-next .hhg-button{background:#f8d51c}
.hhg-footer{border-top:5px solid #11110f;background:#11110f;max-width:1500px;padding:26px;min-height:110px}
/* Inner pages retain clean reading and commerce controls. */
.hhg-watch p,.hhg-page-head p,.hhg-panel p,.hhg-story p{font-family:system-ui,-apple-system,sans-serif}
@media(max-width:1200px){
 .hhg-header .hhg-tagline{display:none}
 .hhg-header .hhg-desktop-nav a{font-size:14px;padding:8px 6px}
 .hhg-main:has(>.hhg-home-hero)>.hhg-home-continuation{grid-column:1/span 7}
 .hhg-main:has(>.hhg-home-hero)>.hhg-current-job{grid-column:8/-1}
 .hhg-main:has(>.hhg-home-hero)>.hhg-invite{grid-column:1/span 6}
 .hhg-main:has(>.hhg-home-hero)>.hhg-arcade-featured{grid-column:7/-1}
 .hhg-main:has(>.hhg-home-hero)>.hhg-home-merch{grid-column:1/span 6}
 .hhg-main:has(>.hhg-home-hero)>.hhg-home-next{grid-column:7/-1}
}
@media(max-width:900px){
 .hhg-main:has(>.hhg-home-hero)>.hhg-home-continuation,.hhg-main:has(>.hhg-home-hero)>.hhg-current-job,.hhg-main:has(>.hhg-home-hero)>.hhg-invite,.hhg-main:has(>.hhg-home-hero)>.hhg-arcade-featured,.hhg-main:has(>.hhg-home-hero)>.hhg-home-merch,.hhg-main:has(>.hhg-home-hero)>.hhg-home-next{grid-column:1/-1;transform:none}
 .hhg-home-hero{grid-template-columns:1fr;grid-template-areas:"copy" "next" "media";padding:25px 26px 35px;margin:0 -26px;gap:16px}
 .hhg-home-hero .hhg-feature-copy h1{font-size:clamp(62px,11vw,100px);max-width:14ch}
 .hhg-home-hero .hhg-feature-media,.hhg-home-video .hhg-feature-media{min-height:0;align-self:auto}
 .hhg-home-continuation{padding:24px 0}
 .hhg-home-continuation .hhg-card-image{aspect-ratio:16/10}
 .hhg-invite{display:grid;grid-template-columns:1fr 1fr}
}
@media(max-width:600px){
 .hhg-header-inner{min-height:74px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;padding:10px 16px}
 .hhg-header .hhg-brand{min-width:0;width:min(235px,66vw);min-height:47px}
 .hhg-brand img{max-height:57px}
 .hhg-header .hhg-tagline{display:block;grid-column:1/-1;order:0;text-align:left;max-width:none;color:#e9e3cf;font:400 11px/1.25 HHMarker,cursive;transform:none}
 .hhg-header .hhg-mobile-menu{display:block;grid-column:2;grid-row:1;margin:0;border:0}
 .hhg-header .hhg-mobile-menu summary{font:900 17px/1 HHPoster,Impact,sans-serif;background:#f8d51c;border:2px solid #11110f;min-width:70px;min-height:46px}
 .hhg-header .hhg-mobile-menu nav{grid-template-columns:1fr 1fr;width:min(360px,92vw);right:0;top:100%;padding:8px;gap:4px;border:3px solid #f8d51c;background:#11110f}
 .hhg-header .hhg-mobile-menu nav a{font:900 18px/1 HHPoster,Impact,sans-serif;white-space:normal;min-height:48px;border:1px solid #75756b;transform:none}
 .hhg-header .hhg-mobile-menu nav .hhg-my-key{background:#f8d51c;color:#11110f;justify-content:center}
 .hhg-main:has(>.hhg-home-hero){padding:0 17px 65px;gap:0}
 .hhg-home-hero{margin:0 -17px;padding:20px 19px 29px;gap:14px;clip-path:polygon(0 0,100% 0,100% 99%,53% 100%,0 99%)}
 .hhg-home-hero .hhg-kicker{font-size:clamp(23px,6vw,34px);margin-bottom:10px}
 .hhg-home-hero .hhg-feature-copy h1{font-size:clamp(48px,13.5vw,76px);max-width:12ch;line-height:.83;text-shadow:3px 3px #f8d51c;overflow-wrap:break-word}
 .hhg-home-hero .hhg-feature-next p{font-size:clamp(17px,4.7vw,22px);margin:5px 0 10px}
 .hhg-home-watch-link,.hhg-home-hero .hhg-button{width:100%;font-size:23px;min-height:50px;box-shadow:4px 4px #11110f;transform:none}
 .hhg-home-hero .hhg-video-details{margin-left:0}
 .hhg-home-hero .hhg-feature-media,.hhg-home-video .hhg-feature-media{width:100%;min-height:0;margin:6px 0;border-width:5px;box-shadow:5px 5px #11110f;transform:none;overflow:hidden}
 .hhg-home-hero .hhg-feature-media>img.hhg-hero-photo{height:auto;max-height:none;min-height:0;object-fit:contain}
 .hhg-home-video .hhg-feature-media .hhg-player{width:min(100%,var(--hhg-fit-feature-mobile));height:auto;max-height:none;aspect-ratio:var(--hhg-ratio)}
 .hhg-home-video .hhg-player video,.hhg-home-video .hhg-player iframe{object-fit:contain}
 .hhg-home-continuation{margin:0;padding:28px 0 30px}
 .hhg-home-continuation .hhg-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
 .hhg-home-continuation .hhg-card,.hhg-home-continuation .hhg-card:nth-child(2),.hhg-home-continuation .hhg-card:nth-child(3){transform:none;border-width:4px}
 .hhg-home-continuation .hhg-card-image{aspect-ratio:1/1}
 .hhg-home-continuation .hhg-card-body strong{font-size:clamp(22px,6vw,30px)}
 .hhg-home-continuation .hhg-card:last-child:nth-child(odd){grid-column:1/-1;width:calc(50% - 6px)}
 .hhg-current-job,.hhg-invite{margin:0 0 20px;padding:19px 16px 24px;clip-path:none}
 .hhg-invite{display:flex;flex-direction:column;gap:12px}
 .hhg-invite .hhg-invite-media img{max-height:none;height:auto;object-fit:contain}
 .hhg-current-job .hhg-card-image{aspect-ratio:4/3}
 .hhg-main:has(>.hhg-home-hero)>.hhg-arcade-featured,.hhg-main:has(>.hhg-home-hero)>.hhg-home-merch,.hhg-main:has(>.hhg-home-hero)>.hhg-home-next{margin:0 0 20px;padding:21px 16px 26px;clip-path:none}
 .hhg-home-merch .hhg-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .hhg-home-merch .hhg-merch-card:last-child:nth-child(odd){grid-column:1/-1;max-width:none;width:calc(50% - 5px);justify-self:center}
 .hhg-home-merch .hhg-merch-link img{width:100%;height:auto}
 .hhg-arcade-featured .hhg-grid{max-width:350px}
 .hhg-footer{padding:26px 17px}
}
@media(max-width:380px){.hhg-home-continuation .hhg-grid{grid-template-columns:1fr}.hhg-home-continuation .hhg-card:last-child:nth-child(odd){grid-column:auto;width:100%}.hhg-home-hero .hhg-feature-copy h1{font-size:clamp(44px,12vw,54px)}}
@media(prefers-reduced-motion:reduce){.hhg-home-continuation .hhg-card,.hhg-home-hero .hhg-feature-media{transform:none}}


/* The same poster-wall grammar on the public editorial pages. */
.hhg-page-head{position:relative;margin:25px 0 32px;padding:28px 36px 35px;background:#f5f0e4;color:#11110f;clip-path:polygon(0 0,35% .6%,100% 0,99.7% 99%,68% 99.6%,0 99%)}
.hhg-page-head .hhg-kicker{color:#c74127;font:400 clamp(22px,3vw,36px)/1 HHMarker,cursive;letter-spacing:0;transform:rotate(-1deg)}
.hhg-page-head h1{font-size:clamp(58px,8vw,118px);line-height:.82;text-shadow:4px 4px #f8d51c;max-width:none;margin:0 0 18px}
.hhg-page-head p{color:#1c1d18;font-size:clamp(17px,1.8vw,22px);font-weight:650;max-width:50ch}
.hhg-page-head+.hhg-grid{gap:23px}
.hhg-page-head+.hhg-grid .hhg-card{border:5px solid #f5f0e4;box-shadow:6px 6px #090a08;transform:rotate(-.35deg)}
.hhg-page-head+.hhg-grid .hhg-card:nth-child(even){transform:rotate(.4deg)}
.hhg-page-head+.hhg-grid .hhg-card-image{aspect-ratio:4/3;height:auto}
.hhg-page-head+.hhg-grid .hhg-card-body{background:#f5f0e4;color:#11110f}
.hhg-page-head+.hhg-grid .hhg-card-body strong{font-size:clamp(28px,3vw,43px);line-height:.9}
.hhg-watch{gap:26px;padding:30px 0 12px;align-items:start}
.hhg-watch-main{background:#f5f0e4;color:#11110f;padding:clamp(18px,3vw,35px);clip-path:polygon(0 0,100% .3%,99.8% 99%,67% 99.6%,0 100%)}
.hhg-watch-main .hhg-kicker{color:#c74127;font:400 clamp(20px,2.4vw,30px)/1 HHMarker,cursive}
.hhg-watch-main h1{font-size:clamp(48px,6vw,88px);line-height:.84;text-shadow:3px 4px #f8d51c;max-width:15ch;margin:0 0 20px}
.hhg-watch-main>p{color:#1c1d18;font-size:clamp(17px,1.7vw,21px);font-weight:650}
.hhg-watch-main .hhg-player{border:6px solid #11110f;background:#0b0c0a}
.hhg-watch-main .hhg-credit{color:#24241e;border-color:#a29a84}
.hhg-watch-main .hhg-credit a,.hhg-watch-main .hhg-transcript a{color:#172c3b}
.hhg-watch-main .hhg-transcript,.hhg-watch-main .hhg-rating{border-color:#aaa18e;color:#11110f}
.hhg-watch-main .hhg-hammers button{border-color:#6c6c61;color:#505047}
.hhg-watch-main .hhg-hammers button.is-selected{background:#f8d51c;border-color:#11110f;color:#11110f}
.hhg-watch-side{padding:0}
.hhg-watch-side h2{display:inline-block;font-size:clamp(27px,2.7vw,40px);background:#f8d51c;color:#11110f;padding:6px 12px;line-height:.9;transform:rotate(-1deg);margin:0 0 14px}
.hhg-watch-side .hhg-card{border:4px solid #f5f0e4;box-shadow:4px 4px #090a08;margin-bottom:27px}
.hhg-watch-side .hhg-card-image{aspect-ratio:16/10;height:auto}
.hhg-watch-side .hhg-panel{background:#f5f0e4;color:#11110f;border:0;padding:18px}
.hhg-watch-side .hhg-panel h2{background:#11110f;color:#f8d51c}
.hhg-watch-side .hhg-panel p{color:#1c1d18}
.hhg-project-hero{border:0;background:#f5f0e4;color:#11110f;box-shadow:none;clip-path:polygon(0 0,31% .5%,100% 0,99.7% 99%,67% 99.6%,0 100%);padding:clamp(22px,3vw,42px);gap:24px}
.hhg-project-hero .hhg-kicker{font:400 clamp(23px,3vw,37px)/1 HHMarker,cursive;color:#c74127}
.hhg-project-hero h1{font-size:clamp(48px,6vw,88px);line-height:.85;text-shadow:3px 4px #f8d51c;max-width:14ch}
.hhg-project-hero p{color:#1c1d18;font-size:clamp(16px,1.6vw,20px);max-width:55ch}
.hhg-project-hero img{display:block;max-width:100%;max-height:none;width:100%;height:auto;object-fit:contain;border:6px solid #11110f;box-shadow:5px 5px #11110f}
.hhg-main>article>.hhg-section:not(.hhg-project-hero){margin-top:24px;padding:24px;background:#f5f0e4;color:#11110f;clip-path:polygon(0 .3%,100% 0,99.6% 99%,45% 100%,0 99.4%)}
.hhg-main>article>.hhg-section:not(.hhg-project-hero) h2{color:#11110f;font-size:clamp(34px,3.7vw,54px)}
.hhg-main>article>.hhg-section:not(.hhg-project-hero) p{color:#1c1d18}
.hhg-main>article>.hhg-section .hhg-marker{background:#11110f;color:#f8d51c}
.hhg-main>article>.hhg-section .hhg-card{border:4px solid #11110f;background:#f5f0e4}
.hhg-main>article>.hhg-section .hhg-card-body{color:#11110f}
.hhg-main>article>.hhg-credit{margin:20px 0 0;color:#f5f0e4}
.hhg-backroom-hero{min-height:0}
.hhg-backroom-hero>div:first-child:empty{display:none}
.hhg-backroom-hero>div:first-child:not(:empty){max-width:550px}
.hhg-arcade:not(.hhg-arcade-featured){background:#f5f0e4;color:#11110f;padding:22px;clip-path:polygon(0 .3%,100% 0,99.7% 99%,50% 100%,0 99.5%)}
.hhg-arcade:not(.hhg-arcade-featured) .hhg-marker{background:#11110f;color:#f8d51c}
.hhg-arcade:not(.hhg-arcade-featured) .hhg-grid{max-width:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.hhg-arcade:not(.hhg-arcade-featured) .hhg-card{border:5px solid #11110f;background:#f5f0e4;box-shadow:4px 4px #11110f}
.hhg-arcade:not(.hhg-arcade-featured) .hhg-game-image{height:auto;aspect-ratio:1/1}
.hhg-arcade:not(.hhg-arcade-featured) .hhg-card-body{color:#11110f}
.hhg-arcade:not(.hhg-arcade-featured) .hhg-card-body strong{font-size:clamp(27px,3vw,41px)}
/* Business inquiries use their original sober presentation; this stylesheet is not loaded on that route. */
@media(max-width:900px){.hhg-watch{grid-template-columns:1fr}.hhg-watch-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}.hhg-watch-side h2{grid-column:1/-1}.hhg-arcade:not(.hhg-arcade-featured) .hhg-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){
 .hhg-page-head{margin:0 -17px 24px;padding:23px 18px 30px;clip-path:none}
 .hhg-page-head h1{font-size:clamp(55px,14vw,82px);text-shadow:3px 3px #f8d51c}
 .hhg-page-head+.hhg-grid{gap:22px}
 .hhg-page-head+.hhg-grid .hhg-card,.hhg-page-head+.hhg-grid .hhg-card:nth-child(even){transform:none}
 .hhg-watch{padding-top:12px;gap:24px}
 .hhg-watch-main{margin:0 -17px;padding:23px 17px 28px;clip-path:none}
 .hhg-watch-main h1{font-size:clamp(48px,12vw,70px)}
 .hhg-watch-main .hhg-player{width:min(100%,var(--hhg-fit-mobile));max-height:none}
 .hhg-watch-side{display:block}
 .hhg-project-hero{margin:0 -17px;padding:23px 17px 31px;clip-path:none;grid-template-columns:1fr}
 .hhg-project-hero h1{font-size:clamp(48px,12vw,74px)}
 .hhg-project-hero img{width:100%;height:auto;max-height:none;object-fit:contain}
 .hhg-main>article>.hhg-section:not(.hhg-project-hero){margin:20px -17px 0;padding:24px 17px;clip-path:none}
 .hhg-arcade:not(.hhg-arcade-featured){margin:0 -17px;padding:22px 17px;clip-path:none}
 .hhg-arcade:not(.hhg-arcade-featured) .hhg-grid{grid-template-columns:1fr}
}


/* 0.3.21: avoid an isolated narrow Project when no later videos are published. */
.hhg-main:has(>.hhg-home-hero):not(:has(>.hhg-home-continuation))>.hhg-current-job{grid-column:1/span 7}
.hhg-main:has(>.hhg-home-hero):not(:has(>.hhg-home-continuation))>.hhg-invite{grid-column:8/-1}
.hhg-main:has(>.hhg-home-hero):not(:has(>.hhg-home-continuation)):not(:has(>.hhg-invite))>.hhg-current-job{grid-column:3/span 8}
.hhg-main:has(>.hhg-home-hero):not(:has(>.hhg-home-continuation)):not(:has(>.hhg-current-job))>.hhg-invite{grid-column:3/span 8}
.hhg-current-job .hhg-card-image{aspect-ratio:4/3;height:auto}
.hhg-current-job .hhg-card-image img{object-fit:contain;background:#d5cbb9}
.hhg-key-entry{grid-column:1/-1;margin:17px 0 0;padding:26px clamp(20px,3vw,38px)!important;background:#f5f0e4;color:#11110f;clip-path:polygon(0 .4%,100% 0,99.7% 99.4%,47% 100%,0 99.5%)}
.hhg-key-entry .hhg-marker{background:#11110f;color:#f8d51c}
.hhg-key-entry h2{color:#11110f;font-size:clamp(36px,4vw,62px);line-height:.9;margin:7px 0 12px}
.hhg-key-entry p{color:#25251f;max-width:64ch;font-size:17px;line-height:1.5}
.hhg-key-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.hhg-key-actions .hhg-secondary{color:#11110f!important;font-weight:800;text-decoration:underline;text-underline-offset:4px;min-height:48px;display:inline-flex;align-items:center}
.hhg-backroom-key-copy{padding:14px 0;border-top:1px solid #bbb3a1;font-family:system-ui,sans-serif;font-size:16px!important}
@media(max-width:900px){.hhg-main:has(>.hhg-home-hero):not(:has(>.hhg-home-continuation))>.hhg-current-job,.hhg-main:has(>.hhg-home-hero):not(:has(>.hhg-home-continuation))>.hhg-invite,.hhg-main:has(>.hhg-home-hero):not(:has(>.hhg-home-continuation)):not(:has(>.hhg-invite))>.hhg-current-job,.hhg-main:has(>.hhg-home-hero):not(:has(>.hhg-home-continuation)):not(:has(>.hhg-current-job))>.hhg-invite{grid-column:1/-1}}
@media(max-width:600px){.hhg-key-entry{margin:0 -17px 20px;padding:24px 17px!important;clip-path:none}.hhg-key-actions{display:grid;grid-template-columns:1fr;gap:8px}.hhg-key-actions .hhg-button{width:100%;text-align:center}.hhg-current-job .hhg-card-image{aspect-ratio:auto}.hhg-current-job .hhg-card-image img{position:static;width:100%;height:auto;object-fit:contain}}

/* 0.3.22: keep the playable video clear; show an honest Backroom empty state. */
.hhg-home-video .hhg-feature-media:before{content:none}
.hhg-backroom-extras{margin:32px 0;padding:28px clamp(20px,3vw,38px);background:#f5f0e4;color:#11110f;clip-path:polygon(0 .3%,100% 0,99.7% 99.5%,42% 100%,0 99.4%)}
.hhg-backroom-extras h2{font:900 clamp(38px,4vw,64px)/.9 HHPoster,Impact,sans-serif;margin:12px 0 24px;color:#11110f}
.hhg-backroom-empty{padding:22px;border:2px dashed #615b4b;background:#e6decf}
.hhg-backroom-empty h3,.hhg-backroom-extra h3{font:900 clamp(28px,3vw,43px)/1 HHPoster,Impact,sans-serif;margin:0 0 9px;color:#11110f}
.hhg-backroom-empty p,.hhg-backroom-extra p{font:400 17px/1.55 system-ui,sans-serif;color:#24251f;max-width:65ch;margin:0 0 12px}
.hhg-backroom-extra{padding:22px 0;border-top:2px solid #b5a994}
.hhg-member-notes{padding:20px;background:#e5dccb;border-left:5px solid #11110f}
.hhg-member-notes p{white-space:normal}
.hhg-backroom-extra .hhg-secondary{color:#11110f!important;font-weight:800;text-decoration:underline}
@media(max-width:600px){.hhg-backroom-extras{margin:25px -17px;padding:25px 17px;clip-path:none}}

/* 0.3.23: quieter frame and heading decoration, with yellow kept for actions. */
.hhg-home-hero .hhg-feature-copy h1,.hhg-page-head h1,.hhg-watch-main h1,.hhg-project-hero h1{text-shadow:2px 2px 0 #c8b56d}
.hhg-home-hero .hhg-feature-media,.hhg-home-video .hhg-feature-media{box-shadow:6px 6px 0 #181a16}
.hhg-invite{box-shadow:4px 4px 0 #1b1d18}
@media(max-width:600px){.hhg-home-hero .hhg-feature-copy h1,.hhg-page-head h1,.hhg-watch-main h1,.hhg-project-hero h1{text-shadow:1px 1px 0 #c8b56d}.hhg-home-hero .hhg-feature-media,.hhg-home-video .hhg-feature-media{box-shadow:4px 4px 0 #181a16}}