/*
Theme Name: Hammered Handyman Backroom
Author: Hammered Handyman
Version: 0.13.41-alpha
Text Domain: hh-backroom-theme
*/
:root{--yellow:#f3d51e;--ink:#17130e;--cream:#efe3c4;--paper:#f4ecd7;--tape:#dfc77f;--wood:#4a2f1d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#17130f;color:#f8f3e7;font-family:Arial,Helvetica,sans-serif}.site-header{position:absolute;z-index:20;left:0;right:0;top:0;padding:18px 4vw;display:flex;align-items:center;justify-content:space-between;gap:24px;background:linear-gradient(#080706d9,#08070600)}.site-logo{width:min(300px,42vw);height:auto}.tape-nav{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.tape-nav a,.tape{background:linear-gradient(95deg,#ead798,#d7bb69);color:#19150f;text-decoration:none;font-weight:900;padding:8px 13px;box-shadow:0 2px 5px #0008;transform:rotate(-1deg);font-family:"Comic Sans MS","Bradley Hand",cursive;clip-path:polygon(2% 4%,98% 0,100% 91%,3% 100%,0 47%)}.tape-nav a:nth-child(even){transform:rotate(1.2deg)}.hero{min-height:92vh;background:linear-gradient(90deg,#000e 0%,#0009 36%,#0000 70%),url('assets/images/hero.jpg') center 35%/cover no-repeat;display:flex;align-items:flex-end;padding:150px 7vw 9vh}.hero-copy{max-width:720px}.eyebrow{display:inline-block;background:var(--yellow);color:#111;padding:7px 12px;font-weight:900;letter-spacing:.08em;transform:rotate(-1deg)}.hero h1{font-size:clamp(3.2rem,8vw,7.2rem);line-height:.84;margin:.18em 0;text-transform:uppercase;letter-spacing:-.055em}.hero p{font-size:clamp(1rem,2vw,1.4rem);max-width:580px}.btn{display:inline-block;background:var(--yellow);color:#111;text-decoration:none;font-weight:900;padding:15px 22px;border:2px solid #111;box-shadow:5px 5px 0 #111;margin:8px 8px 0 0;transition:.15s transform,.15s box-shadow}.btn:hover{transform:translate(2px,2px);box-shadow:3px 3px 0 #111}.btn.small{padding:10px 14px;font-size:.86rem}.section{padding:70px 6vw;background:var(--cream);color:var(--ink)}.section.dark{background:linear-gradient(#17130fe8,#17130fe8),url('assets/images/shop-chaos.jpeg') center/cover fixed;color:#f8f3e7;border-top:10px solid #2d2117;border-bottom:10px solid #2d2117}.section-head{display:flex;align-items:center;gap:18px;margin-bottom:28px}.section-head h2{font-size:clamp(2rem,5vw,4rem);margin:0;text-transform:uppercase;letter-spacing:.02em}.section-intro{margin:-12px 0 30px;font-size:1.1rem}.board{background:linear-gradient(100deg,#eee9db,#f6f2e8);color:#24201a;border:14px solid #795637;box-shadow:0 12px 30px #0005;padding:30px;max-width:1050px;margin:auto;min-height:260px;transform:rotate(-.25deg);position:relative}.board:before{content:'THIS WEEK';position:absolute;left:28px;top:-27px;background:var(--tape);padding:8px 22px;transform:rotate(-2deg);font-family:"Comic Sans MS","Bradley Hand",cursive;font-weight:900;box-shadow:0 2px 5px #0004}.board h2,.board li,.board p{font-family:"Comic Sans MS","Bradley Hand",cursive}.board h2{font-size:clamp(2rem,5vw,4rem);margin:12px 0 15px}.board ul{list-style:'☐  ';font-size:clamp(1.2rem,2.5vw,2rem);line-height:1.6}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.card{background:var(--paper);color:var(--ink);border:9px solid #eee1bf;outline:2px solid #35271d;box-shadow:8px 9px 0 #0006;padding:0 0 18px;position:relative;transform:rotate(-.25deg)}.card:nth-child(even){transform:rotate(.35deg)}.card img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block}.card h3,.card p,.card .btn{margin-left:14px;margin-right:14px}.card h3{font-size:1.45rem;text-transform:uppercase;margin-bottom:8px}.card p{color:#43382c;line-height:1.45;min-height:2.9em}.dark .card p{color:#43382c}.coming{opacity:1}.coming:after{content:'COMING SOON';position:absolute;top:18px;right:-9px;background:var(--tape);color:#111;padding:8px 15px;transform:rotate(4deg);font-family:"Comic Sans MS",cursive;font-weight:900;box-shadow:0 2px 4px #0006}.junk-shop{background:linear-gradient(#2a1d13ef,#2a1d13ef),url('assets/images/garage.jpeg') center/cover fixed;color:#fff;border-top:10px solid #17130f;border-bottom:10px solid #17130f}.junk-shop .section-head h2{color:#fff}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.product-card{background:var(--paper);color:var(--ink);border:8px solid #e9d9b2;outline:2px solid #241a13;box-shadow:8px 8px 0 #0008;transform:rotate(-.5deg)}.product-card:nth-child(even){transform:rotate(.5deg)}.product-photo{display:block;background:#fff}.product-photo img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block}.product-copy{padding:14px 14px 18px}.product-copy h3{font-size:1.12rem;margin:0 0 8px;text-transform:uppercase}.price{font-weight:900;font-size:1.05rem;margin-bottom:8px}.shop-all{text-align:right;margin-top:22px}.site-footer{padding:35px 6vw;background:#0c0b09;color:#aaa;display:flex;justify-content:space-between;gap:20px}.entry{max-width:900px;margin:120px auto 60px;padding:30px}.entry img{max-width:100%;height:auto}
@media(max-width:1000px){.product-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.site-header{position:absolute;align-items:flex-start;padding:14px 16px}.site-logo{width:48vw;max-width:230px}.tape-nav{max-width:48%;gap:5px}.tape-nav a{font-size:.68rem;padding:6px 7px}.hero{min-height:88vh;padding:135px 22px 42px;background-position:66% center}.hero h1{font-size:clamp(3rem,15vw,5rem)}.grid{grid-template-columns:1fr}.section{padding:50px 20px}.section-head{align-items:flex-start;flex-direction:column;gap:12px}.board{border-width:9px;padding:24px 18px}.board:before{left:16px}.product-grid{grid-template-columns:1fr 1fr;gap:14px}.product-card{border-width:5px}.product-copy{padding:10px}.product-copy h3{font-size:.92rem}.shop-all{text-align:left}.site-footer{display:block}}
@media(max-width:480px){.product-grid{grid-template-columns:1fr}.tape-nav a:not(:last-child){display:none}.tape-nav{max-width:none}.hero{padding-top:120px}.hero-copy{padding-top:120px}.board h2{font-size:2.2rem}}
/* 0.3 — Control Takes Over */
.schedule-section{background:linear-gradient(#1b140fef,#1b140fef),url('assets/images/shop-chaos.jpeg') center/cover fixed;color:#f8f3e7;border-top:10px solid #2d2117}.schedule-board{max-width:1050px;background:#1e1b17;border:12px solid #765338;box-shadow:0 12px 30px #0008;padding:28px;transform:rotate(.2deg);position:relative}.schedule-board:before{content:'';position:absolute;inset:8px;border:1px solid #ffffff17;pointer-events:none}.schedule-board ul{list-style:none;margin:0;padding:0}.schedule-board li{display:grid;grid-template-columns:90px 90px 1fr;gap:14px;align-items:center;padding:15px 8px;border-bottom:1px solid #ffffff2b;font-family:"Comic Sans MS","Bradley Hand",cursive;font-size:1.2rem}.schedule-board li:last-child{border-bottom:0}.schedule-date{color:var(--yellow);font-weight:900}.schedule-kind{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:#cbbda8}.coming-note{background:var(--paper);color:var(--ink);padding:24px;max-width:600px;transform:rotate(-1deg);box-shadow:6px 7px 0 #0006}.coming-note strong{display:inline-block;background:var(--tape);padding:7px 12px;transform:rotate(2deg);font-family:"Comic Sans MS",cursive}.section:not(.dark):not(.junk-shop):not(.schedule-section){background:linear-gradient(#eadfbee8,#eadfbee8),url('assets/images/garage.jpeg') center/cover fixed}.section-head .tape{font-size:1rem}.product-grid:has(.product-card:nth-child(4)){grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:800px){.schedule-board{border-width:8px;padding:18px}.schedule-board li{grid-template-columns:70px 1fr;gap:8px}.schedule-kind{display:none}}

/* 0.5 — Make It Feel Like The Backroom */
:root{--marker:"Arial Black","Helvetica Neue",Arial,sans-serif;--headline:Impact,"Arial Narrow Bold","Arial Black",sans-serif}
body{background:#17120d;background-image:radial-gradient(#ffffff08 1px,transparent 1px);background-size:4px 4px}
.site-header{padding:16px 3vw;gap:20px;overflow:hidden;background:linear-gradient(#090704f2 0%,#090704b8 62%,transparent 100%)}
.site-logo{width:min(320px,36vw);filter:drop-shadow(0 4px 6px #000)}
.tape-nav{flex-wrap:nowrap;align-items:center;justify-content:flex-end;min-width:0;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;scrollbar-width:none;padding:8px 5px 12px}.tape-nav::-webkit-scrollbar{display:none}
.tape-nav a,.tape{flex:0 0 auto;scroll-snap-align:start;position:relative;background:linear-gradient(93deg,#d8bf76 0%,#f0d995 18%,#dbc37d 54%,#efd99a 100%);font-family:var(--marker);font-weight:900;font-style:normal;letter-spacing:.025em;text-transform:uppercase;line-height:1;padding:10px 16px;color:#17130e;clip-path:polygon(0 9%,5% 3%,10% 7%,16% 2%,22% 6%,29% 1%,36% 5%,43% 0,50% 4%,58% 1%,65% 5%,72% 1%,80% 6%,87% 2%,94% 7%,100% 3%,99% 92%,94% 98%,88% 94%,81% 99%,74% 95%,66% 100%,59% 96%,51% 100%,44% 95%,36% 99%,29% 94%,21% 99%,14% 95%,7% 99%,1% 94%);box-shadow:0 3px 5px #0008;text-shadow:0 .4px 0 #0003}
.tape-nav a:nth-child(1){transform:rotate(-1.5deg)}.tape-nav a:nth-child(2){transform:rotate(.7deg)}.tape-nav a:nth-child(3){transform:rotate(-.4deg)}.tape-nav a:nth-child(4){transform:rotate(1.3deg)}.tape-nav a:nth-child(5){transform:rotate(-.7deg)}
.hero{min-height:94vh;padding:155px 7vw 9vh;background:linear-gradient(90deg,#000f 0%,#000c 30%,#0004 58%,#0000 75%),url('assets/images/hero.jpg') 66% 35%/cover no-repeat;border-bottom:12px solid #2b1b10}.hero-copy{max-width:760px}.hero .eyebrow{font-family:var(--marker);background:var(--tape);padding:11px 18px;transform:rotate(-1.4deg);box-shadow:0 4px 7px #0008}.hero h1{font-family:var(--headline);font-weight:900;font-style:normal;font-size:clamp(3.7rem,8.5vw,8.4rem);line-height:.82;letter-spacing:.005em;text-shadow:3px 5px 0 #000,0 0 18px #000;margin:.24em 0 .18em;max-width:800px}.hero p{font-size:clamp(1.05rem,1.7vw,1.35rem);line-height:1.45;text-shadow:0 2px 4px #000;font-weight:700}
.section{position:relative;overflow:hidden}.section:not(.dark):not(.junk-shop):not(.schedule-section){background:linear-gradient(#2a1b11d9,#2a1b11d9),url('assets/images/garage.jpeg') center/cover fixed;color:#f7f0df;border-top:8px solid #24160e;border-bottom:8px solid #24160e}.section-head h2{font-family:var(--headline);letter-spacing:.025em;text-shadow:2px 3px 0 #0006}.section-intro{color:#eadfc8;text-shadow:0 2px 3px #000}
.board{background:linear-gradient(105deg,#e9e5d9,#f5f2e9 45%,#e5e0d4);border-color:#684326;box-shadow:0 15px 32px #0009,inset 0 0 28px #6d6a5f25;min-height:300px}.board:before,.board h2,.board li,.board p{font-family:var(--marker);font-style:normal;letter-spacing:.01em}.board h2{font-size:clamp(2rem,4.5vw,3.7rem)}.board li{font-size:clamp(1.05rem,2vw,1.55rem);line-height:1.7;font-weight:800}
.card,.product-card{border-color:#ddcfaa;background:#eee4c9;box-shadow:9px 11px 0 #0008}.card h3,.product-copy h3,.btn,.coming:after,.schedule-board li{font-family:var(--marker);font-style:normal;letter-spacing:.015em}.card:before,.product-card:before{content:'';position:absolute;left:50%;top:-13px;width:92px;height:25px;transform:translateX(-50%) rotate(-2deg);background:#dbc37cbb;clip-path:polygon(0 12%,7% 2%,15% 7%,25% 1%,36% 5%,47% 0,58% 6%,70% 1%,82% 7%,92% 2%,100% 10%,98% 91%,88% 97%,76% 93%,63% 99%,50% 94%,38% 99%,25% 94%,12% 98%,1% 91%);z-index:2}
.junk-shop{background:linear-gradient(#1b120bd8,#1b120bd8),url('assets/images/shop-chaos-2.jpeg') center/cover fixed}.product-card{position:relative}.schedule-section{background:linear-gradient(#15100ce0,#15100ce0),url('assets/images/shop-chaos.jpeg') center/cover fixed}.schedule-board{background:linear-gradient(90deg,#171512,#24201b,#171512);border-color:#684326}
.entry{background:#eee4c9;color:#20170f;box-shadow:0 10px 35px #0008;border:8px solid #d7c79f;outline:2px solid #2a1b12;margin-top:135px}.entry h1,.entry h2,.entry h3{font-family:var(--headline);text-transform:uppercase}.entry a{color:#755500;font-weight:800}
.woocommerce ul.products li.product,.woocommerce div.product{background:#eee4c9;color:#20170f;padding:14px;box-shadow:7px 8px 0 #0008;border:2px solid #2a1b12}.woocommerce ul.products li.product .woocommerce-loop-product__title,.woocommerce div.product .product_title{font-family:var(--marker);color:#20170f;font-weight:900}.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit{background:var(--yellow);color:#111;border:2px solid #111;border-radius:0;font-family:var(--marker);box-shadow:4px 4px 0 #111}
@media(max-width:800px){.site-header{position:absolute;display:block;padding:10px 0 0}.site-logo{display:block;width:235px;max-width:72vw;margin:0 16px 4px}.tape-nav{width:100%;max-width:none;justify-content:flex-start;padding:8px 16px 16px;gap:9px}.tape-nav a{font-size:.77rem;padding:9px 13px}.hero{min-height:91svh;padding:145px 20px 38px;background-position:68% center}.hero-copy{padding-top:145px}.hero h1{font-size:clamp(3.2rem,16vw,5.5rem);max-width:92vw}.section.dark,.junk-shop,.schedule-section,.section:not(.dark):not(.junk-shop):not(.schedule-section){background-attachment:scroll}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.entry{margin:125px 14px 35px;padding:22px 16px;border-width:5px}}
@media(max-width:480px){.tape-nav a:not(:last-child){display:block}.tape-nav{max-width:none}.hero{padding-top:150px}.hero-copy{padding-top:120px}.product-grid{grid-template-columns:1fr 1fr}.product-copy h3{font-size:.82rem}.product-copy .btn{font-size:.72rem;padding:8px}}

/* 0.6 — The Board: functional workshop object */
.schedule-section{padding:70px 4vw 80px;background:linear-gradient(#120c08b8,#120c08b8),url('assets/images/shop-chaos.jpeg') center/cover fixed;color:#19140f;border-top:12px solid #24150c;border-bottom:12px solid #24150c}
.board-stage{max-width:1420px;margin:0 auto;display:grid;grid-template-columns:minmax(230px,320px) minmax(0,1fr);gap:0;align-items:center;filter:drop-shadow(0 18px 28px #000a)}
.board-sign{position:relative;z-index:3;margin-right:-20px;background:linear-gradient(102deg,#a97845,#d1a269 50%,#9b6b3d);color:#17110c;padding:34px 30px 32px;transform:rotate(-2.2deg);border:2px solid #684322;box-shadow:8px 10px 0 #0008;clip-path:polygon(2% 1%,97% 0,100% 96%,4% 100%,0 47%)}
.board-sign:before,.board-sign:after{content:'';position:absolute;width:90px;height:28px;background:#d8bf76c9;top:-13px;transform:rotate(-5deg)}.board-sign:before{left:18px}.board-sign:after{right:14px;transform:rotate(5deg)}
.board-sign strong{display:block;font-family:var(--headline);font-size:clamp(3.5rem,6vw,6rem);line-height:.76;letter-spacing:.015em;text-transform:uppercase;transform:rotate(-1deg)}
.board-sign span{display:block;margin-top:30px;font-family:var(--marker);font-weight:900;font-size:1rem;line-height:1.55;transform:rotate(-1deg)}
.schedule-board{position:relative;max-width:none;min-height:620px;padding:70px 52px 52px 70px;background:linear-gradient(105deg,#d9d7cd 0%,#f1eee5 28%,#e7e4da 65%,#d4d2ca 100%);border:16px solid #55514a;border-radius:3px;box-shadow:inset 0 0 55px #5d58452b,0 10px 0 #21160e;transform:rotate(.15deg);overflow:visible}
.schedule-board:before{content:'';position:absolute;inset:7px;border:1px solid #746f66aa;box-shadow:inset 0 0 18px #0002;pointer-events:none;background-image:radial-gradient(#453d3320 .8px,transparent .8px);background-size:18px 17px;mix-blend-mode:multiply}
.board-lamp{position:absolute;z-index:4;left:-95px;top:-95px;width:210px;height:135px;border-radius:50%;background:radial-gradient(ellipse at 60% 75%,#ffe6a099 0 18%,#111 20% 48%,transparent 50%);transform:rotate(-13deg);filter:drop-shadow(0 12px 10px #0008);pointer-events:none}
.board-tape-title{position:relative;z-index:2;display:inline-block;margin:-35px 0 22px 12px;padding:11px 26px 10px;background:linear-gradient(94deg,#d7bd70,#f0d892 45%,#d7bd70);font-family:var(--marker);font-size:clamp(1.6rem,3vw,2.7rem);font-weight:900;letter-spacing:.02em;transform:rotate(-1.2deg);clip-path:polygon(0 10%,7% 2%,15% 7%,24% 1%,34% 6%,45% 0,55% 5%,66% 1%,77% 6%,88% 2%,100% 9%,98% 92%,89% 98%,78% 93%,67% 99%,55% 94%,44% 99%,33% 94%,22% 99%,11% 94%,1% 98%);box-shadow:0 2px 3px #0004}
.board-tape-title.board-after{margin-top:26px;margin-bottom:12px;font-size:clamp(1.3rem,2.2vw,2rem)}
.board-row{position:relative;z-index:2;display:grid;grid-template-columns:92px minmax(0,1fr) 130px;gap:22px;align-items:center;padding:17px 6px 19px;border-bottom:2px solid #403a3266;color:#17130e;font-family:var(--marker)}
.board-row-featured{padding-top:8px;padding-bottom:24px}
.board-date{justify-self:center;display:flex;flex-direction:column;align-items:center;min-width:78px;padding:8px 11px 10px;background:#eee8d7;box-shadow:2px 3px 4px #0004;transform:rotate(-1.7deg);font-family:var(--marker);font-weight:900;line-height:1}.board-date:before,.board-date:after{content:'';position:absolute;width:28px;height:11px;background:#d9c47f99;top:-5px}.board-date:before{left:-5px;transform:rotate(-7deg)}.board-date:after{right:-4px;transform:rotate(7deg)}
.board-date span{font-size:.9rem}.board-date b{font-size:2.25rem;margin-top:2px}
.board-event-top{margin-bottom:4px}.board-kind{display:inline-block;background:#d8c98e;padding:4px 9px;font-size:.68rem;letter-spacing:.07em;text-transform:uppercase;transform:rotate(-.7deg)}
.board-event h3{margin:0;font-family:var(--marker);font-size:clamp(1.25rem,2.5vw,2.15rem);line-height:1.08;text-transform:none;letter-spacing:0}.board-note{margin:7px 0 0!important;min-height:0!important;color:#3d352c!important;font-family:var(--marker);font-size:clamp(.88rem,1.4vw,1.08rem);font-weight:700;line-height:1.3;transform:rotate(-.2deg)}
.board-photo{justify-self:end;background:#eee8d8;padding:7px 7px 18px;box-shadow:3px 4px 6px #0005;transform:rotate(2deg);position:relative}.board-photo:before{content:'';position:absolute;top:-8px;left:30%;width:55px;height:18px;background:#d7c07aa8;transform:rotate(-5deg)}.board-photo img{display:block;width:112px;height:78px;object-fit:cover;filter:saturate(.9) contrast(1.05)}
.board-doodle{justify-self:center;font-family:var(--marker);font-size:3.2rem;transform:rotate(-12deg);opacity:.72}
.board-bottom-note{position:relative;z-index:2;margin:28px 0 0 auto;width:max-content;max-width:80%;font-family:var(--marker);font-size:clamp(1rem,2vw,1.45rem);font-weight:900;transform:rotate(-2deg);border-bottom:3px solid #17130e;padding:0 10px 3px}
.board-empty{position:relative;z-index:2;margin:20px 12px;background:#efe6c7;padding:24px;max-width:620px;box-shadow:4px 5px 0 #0004;transform:rotate(-.5deg);font-family:var(--marker)}.board-empty strong,.board-empty span{display:block}.board-empty span{margin-top:8px}
@media(max-width:900px){.board-stage{grid-template-columns:1fr}.board-sign{width:min(82%,390px);margin:0 0 -28px 16px;padding:20px 24px;transform:rotate(-1.4deg)}.board-sign strong{font-size:3.3rem;line-height:.8}.board-sign span{display:none}.schedule-board{min-height:0;padding:62px 24px 34px;border-width:10px}.board-lamp{display:none}.board-row{grid-template-columns:70px minmax(0,1fr) 92px;gap:12px}.board-photo img{width:76px;height:60px}.board-date{min-width:62px}.board-date b{font-size:1.75rem}}
@media(max-width:560px){.schedule-section{padding:52px 10px 60px}.board-sign{width:72%;margin-left:10px}.board-sign strong{font-size:2.65rem}.schedule-board{padding:58px 13px 28px;border-width:8px}.board-tape-title{margin-left:4px;padding:9px 18px;font-size:1.55rem}.board-row{grid-template-columns:58px minmax(0,1fr);gap:10px;padding:15px 3px}.board-date{min-width:52px;padding:7px}.board-date span{font-size:.7rem}.board-date b{font-size:1.55rem}.board-event h3{font-size:1.15rem}.board-kind{font-size:.58rem}.board-note{font-size:.78rem}.board-photo,.board-doodle{display:none}.board-bottom-note{max-width:95%;font-size:.9rem;margin-top:22px}}

/* 0.7 — approved blank physical whiteboard */
.schedule-section{background:#17130f;padding:58px 3vw 68px;border-top:8px solid #2b1b11}
.schedule-board.board-photo-bg{position:relative;width:min(1500px,96vw);aspect-ratio:1536/1024;min-height:0;margin:0 auto;padding:0;border:0;border-radius:0;box-shadow:0 18px 34px #000a;background:url('assets/images/board-blank.png') center/100% 100% no-repeat;transform:none;overflow:hidden}
.schedule-board.board-photo-bg:before{display:none}
.board-live-content{position:absolute;z-index:2;left:7.8%;right:7.8%;top:8.5%;bottom:8.5%;padding:2.2% 3.3%;overflow:hidden;color:#181511}
.board-live-content .board-tape-title{margin:0 0 1.1% 1%;padding:.55em 1.1em .48em;font-size:clamp(1.25rem,2.5vw,2.55rem)}
.board-live-content .board-tape-title.board-after{margin-top:1.5%;margin-bottom:.4%;font-size:clamp(1.05rem,1.8vw,1.8rem)}
.board-live-content .board-row{grid-template-columns:clamp(54px,6vw,88px) minmax(0,1fr) clamp(70px,9vw,125px);gap:clamp(8px,1.5vw,22px);padding:clamp(7px,1vw,15px) .5%;border-bottom:2px solid #403a3255}
.board-live-content .board-row-featured{padding-top:.3%;padding-bottom:1.2%}
.board-live-content .board-date{min-width:0;width:100%;padding:7% 5% 9%}
.board-live-content .board-date span{font-size:clamp(.62rem,1vw,.9rem)}
.board-live-content .board-date b{font-size:clamp(1.35rem,2.6vw,2.25rem)}
.board-live-content .board-event h3{font-size:clamp(1.05rem,2.1vw,2rem)}
.board-live-content .board-kind{font-size:clamp(.52rem,.75vw,.68rem)}
.board-live-content .board-note{font-size:clamp(.72rem,1.05vw,1.02rem)}
.board-live-content .board-photo img{width:clamp(64px,7.5vw,112px);height:clamp(48px,5.2vw,78px)}
.board-live-content .board-bottom-note{margin-top:1.8%;font-size:clamp(.8rem,1.45vw,1.35rem)}
@media(max-width:700px){
 .schedule-section{padding:26px 0 34px;background:#17130f}
 .schedule-board.board-photo-bg{width:100vw;aspect-ratio:auto;min-height:620px;background-size:auto 100%;background-position:center top;box-shadow:none}
 .board-live-content{left:5%;right:5%;top:5.5%;bottom:5.5%;padding:30px 25px;overflow:auto}
 .board-live-content .board-row{grid-template-columns:58px minmax(0,1fr);padding:13px 2px;gap:10px}
 .board-live-content .board-photo{display:none}
 .board-live-content .board-event h3{font-size:1.15rem}
 .board-live-content .board-note{font-size:.78rem}
 .board-live-content .board-tape-title{font-size:1.5rem;margin-bottom:8px}
 .board-live-content .board-tape-title.board-after{font-size:1.2rem;margin-top:18px}
}


/* 0.8 — approved "What's next" bulletin board */
.schedule-section{
  padding:54px 4vw 64px;
  background:linear-gradient(#17110ce8,#17110ce8),url('assets/images/shop-chaos.jpeg') center/cover fixed;
}
.schedule-board.board-photo-bg{
  position:relative;
  width:min(1460px,96vw);
  aspect-ratio:1536/1024;
  min-height:0;
  margin:0 auto;
  padding:0;
  border:0;
  box-shadow:none;
  background:url('assets/images/board-blank.png') center/contain no-repeat;
  overflow:hidden;
  transform:none;
}
.schedule-board.board-photo-bg:before{display:none}
.board-live-content{
  position:absolute;
  z-index:2;
  left:8.2%;
  right:8.2%;
  top:24%;
  bottom:9.5%;
  padding:0 2.6% 1.2%;
  overflow:hidden;
  color:#17130e;
}
.board-live-content .board-tape-title,
.board-live-content .board-bottom-note{display:none!important}
.board-live-content .board-row{
  display:grid;
  grid-template-columns:clamp(62px,6.6vw,96px) minmax(0,1fr) clamp(76px,8vw,116px);
  gap:clamp(11px,1.5vw,24px);
  align-items:center;
  padding:clamp(10px,1.25vw,18px) .7%;
  border-bottom:2px solid #2d292239;
  font-family:Arial,Helvetica,sans-serif;
}
.board-live-content .board-row:last-of-type{border-bottom:0}
.board-live-content .board-date{
  min-width:0;
  width:100%;
  padding:7px 5px 9px;
  background:#f3efe5e8;
  color:#17130e;
  box-shadow:2px 3px 5px #0003;
  border:0;
  transform:rotate(-1.1deg);
  font-family:Arial,Helvetica,sans-serif;
  text-align:center;
}
.board-live-content .board-date span{
  display:block;
  font-size:clamp(.62rem,.9vw,.88rem);
  line-height:1;
  font-weight:900;
  letter-spacing:.03em;
}
.board-live-content .board-date b{
  display:block;
  margin-top:3px;
  font-size:clamp(1.45rem,2.5vw,2.25rem);
  line-height:.9;
  font-weight:900;
}
.board-live-content .board-event-top{margin:0 0 4px}
.board-live-content .board-kind{
  display:inline-block;
  background:transparent;
  color:#5b5045;
  padding:0;
  font:900 clamp(.58rem,.75vw,.72rem)/1.1 Arial,Helvetica,sans-serif;
  letter-spacing:.08em;
  text-transform:uppercase;
  transform:none;
}
.board-live-content .board-event h3{
  margin:0;
  color:#15120f;
  font-family:Arial,Helvetica,sans-serif;
  font-size:clamp(1.16rem,2vw,1.95rem);
  line-height:1.05;
  font-weight:900;
  letter-spacing:-.02em;
  text-transform:none;
}
.board-live-content .board-note{
  margin:6px 0 0!important;
  min-height:0!important;
  color:#332c26!important;
  font-family:Arial,Helvetica,sans-serif;
  font-size:clamp(.72rem,1vw,.98rem);
  font-weight:700;
  line-height:1.28;
  transform:none;
}
.board-live-content .board-photo{
  justify-self:end;
  background:#f2ede2;
  padding:5px 5px 13px;
  box-shadow:2px 3px 6px #0004;
  transform:rotate(1.7deg);
  position:relative;
}
.board-live-content .board-photo:before{
  content:'';
  position:absolute;
  top:-7px;
  left:28%;
  width:50%;
  height:15px;
  background:#d8c485a8;
  transform:rotate(-4deg);
}
.board-live-content .board-photo img{
  display:block;
  width:clamp(68px,7.2vw,108px);
  height:clamp(48px,5vw,76px);
  object-fit:cover;
}
.board-empty{
  margin:2% 2% 0;
  max-width:70%;
  background:transparent;
  color:#17130e;
  box-shadow:none;
  padding:12px 0;
  transform:none;
  font-family:Arial,Helvetica,sans-serif;
}
.board-empty strong{font-size:clamp(1.1rem,2vw,1.8rem)}
.board-empty span{margin-top:6px}
@media(max-width:700px){
  .schedule-section{padding:30px 0 40px;background:#17130f}
  .schedule-board.board-photo-bg{
    width:100vw;
    aspect-ratio:1536/1024;
    background-size:contain;
    background-position:center top;
  }
  .board-live-content{
    left:7.5%;right:7.5%;top:24.5%;bottom:8.5%;
    padding:0 1.5%;
    overflow:auto;
  }
  .board-live-content .board-row{
    grid-template-columns:52px minmax(0,1fr);
    gap:9px;
    padding:9px 0;
    border-bottom-width:1px;
  }
  .board-live-content .board-photo{display:none}
  .board-live-content .board-date{padding:5px 3px 7px}
  .board-live-content .board-date span{font-size:.56rem}
  .board-live-content .board-date b{font-size:1.28rem}
  .board-live-content .board-kind{font-size:.5rem}
  .board-live-content .board-event h3{font-size:.95rem}
  .board-live-content .board-note{font-size:.64rem;margin-top:3px!important}
}
@media(max-width:430px){
  .board-live-content{top:25%;left:7%;right:7%;bottom:7%;}
  .board-live-content .board-row{grid-template-columns:46px minmax(0,1fr);gap:7px;padding:7px 0}
  .board-live-content .board-date b{font-size:1.12rem}
  .board-live-content .board-event h3{font-size:.84rem}
  .board-live-content .board-note{font-size:.58rem}
}


/* 0.9 — HH Handwriting Pack v1: real glyphs captured from Dan's handwriting */
.screen-reader-text{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.hh-handwriting-label{display:inline-flex;align-items:center;justify-content:center;line-height:1;vertical-align:middle}
.hh-handwriting-label img{display:block;width:auto;height:28px;max-width:none;object-fit:contain}
.tape-nav a{min-height:46px;display:flex;align-items:center;justify-content:center;padding:8px 15px;font-family:Arial,Helvetica,sans-serif}
.tape-nav a .hh-handwriting-label img{height:26px;max-width:210px}
.tape-nav a:nth-child(3) .hh-handwriting-label img{height:24px}
.tape-nav a:nth-child(5) .hh-handwriting-label img{height:25px}
.hh-tape-label{display:inline-flex;align-items:center;justify-content:center;padding:9px 14px!important;font-family:Arial,Helvetica,sans-serif!important}
.hh-tape-label .hh-handwriting-label img{height:28px;max-width:min(330px,55vw)}
.hero .eyebrow.hh-tape-label{background:linear-gradient(93deg,#d8bf76,#f0d995 18%,#dbc37d 54%,#efd99a);clip-path:polygon(0 9%,5% 3%,10% 7%,16% 2%,22% 6%,29% 1%,36% 5%,43% 0,50% 4%,58% 1%,65% 5%,72% 1%,80% 6%,87% 2%,94% 7%,100% 3%,99% 92%,94% 98%,88% 94%,81% 99%,74% 95%,66% 100%,59% 96%,51% 100%,44% 95%,36% 99%,29% 94%,21% 99%,14% 95%,7% 99%,1% 94%)}
.hero .eyebrow.hh-tape-label .hh-handwriting-label img{height:30px;max-width:min(430px,72vw)}
.section-head .tape.hh-tape-label{font-size:initial}
.section-head .tape.hh-tape-label .hh-handwriting-label img{height:31px;max-width:min(360px,70vw)}
.board:before{content:'';width:150px;height:52px;padding:0;background:var(--tape);clip-path:polygon(0 9%,7% 2%,18% 7%,31% 1%,47% 6%,64% 0,78% 6%,91% 2%,100% 8%,98% 94%,84% 98%,69% 94%,51% 100%,33% 95%,15% 99%,1% 93%)}
.coming:after{content:'';width:155px;height:48px;padding:0;background:var(--tape);clip-path:polygon(0 9%,7% 2%,18% 7%,31% 1%,47% 6%,64% 0,78% 6%,91% 2%,100% 8%,98% 94%,84% 98%,69% 94%,51% 100%,33% 95%,15% 99%,1% 93%)}
@media(max-width:800px){
 .tape-nav a{min-height:43px;padding:7px 12px}
 .tape-nav a .hh-handwriting-label img{height:23px;max-width:180px}
 .tape-nav a:nth-child(3) .hh-handwriting-label img{height:21px}
 .hero .eyebrow.hh-tape-label .hh-handwriting-label img{height:25px}
 .section-head .tape.hh-tape-label .hh-handwriting-label img{height:26px}
}
@media(max-width:480px){
 .tape-nav a .hh-handwriting-label img{height:22px}
 .hh-tape-label .hh-handwriting-label img{max-width:78vw}
}


/* 0.10 — This Week clipboard locked visual */
.this-week-section{background:linear-gradient(#2a1b11d9,#2a1b11d9),url('assets/images/garage.jpeg') center/cover fixed!important;color:#17130e;border-top:8px solid #24160e;border-bottom:8px solid #24160e;padding:62px 5vw 70px}
.week-clipboard{position:relative;width:min(1040px,94vw);aspect-ratio:1448/1086;margin:0 auto;background:url('assets/images/this-week-clipboard.png') center/100% 100% no-repeat;filter:drop-shadow(0 18px 22px #0009);overflow:visible}
.week-clipboard-content{position:absolute;left:12.2%;right:10.3%;top:18.8%;bottom:9.5%;display:flex;flex-direction:column;color:#17130e;overflow:hidden}
.week-tape{position:absolute;left:0;top:-9.5%;width:max-content;max-width:42%;padding:0;background:none!important;box-shadow:none!important;clip-path:none!important;transform:rotate(-2deg)}
.week-tape .hh-handwriting-label img{height:clamp(23px,3.1vw,42px);max-width:min(300px,38vw)}
.week-clipboard h2{font-family:var(--headline);font-weight:900;font-style:normal;font-size:clamp(2.2rem,5.2vw,4.75rem);line-height:.88;letter-spacing:.01em;text-transform:uppercase;margin:8.5% 0 2.5%;text-shadow:none;color:#17130e}
.week-clipboard ul{list-style:none;margin:0;padding:0;font-family:Arial,Helvetica,sans-serif;font-size:clamp(1rem,2vw,1.48rem);font-weight:800;line-height:1.45}
.week-clipboard li{position:relative;padding-left:1.75em;margin:.22em 0}
.week-clipboard li:before{content:'☐';position:absolute;left:0;top:-.03em;font-size:1.2em;font-weight:400}
.week-note{margin:auto 0 0;padding-top:2.1%;border-top:2px solid #17130e;font-size:clamp(.82rem,1.75vw,1.28rem);line-height:1.35;font-weight:800;color:#17130e}
@media(max-width:800px){.this-week-section{background-attachment:scroll!important;padding:42px 8px 50px}.week-clipboard{width:min(760px,99vw)}.week-clipboard-content{left:12.3%;right:10.5%;top:18.5%;bottom:9.5%}.week-tape{top:-10%;max-width:48%}.week-tape .hh-handwriting-label img{height:clamp(20px,5.8vw,34px);max-width:42vw}.week-clipboard h2{font-size:clamp(1.55rem,7.8vw,3.25rem);margin-top:8%;margin-bottom:2%}.week-clipboard ul{font-size:clamp(.78rem,3.5vw,1.15rem);line-height:1.32}.week-note{font-size:clamp(.68rem,2.8vw,.95rem);line-height:1.25;padding-top:1.5%}}
@media(max-width:480px){.week-clipboard{width:100vw;max-width:none}.week-clipboard-content{left:12.2%;right:10.3%;top:18.5%;bottom:9.4%}.week-tape{top:-8.5%}.week-clipboard h2{font-size:clamp(1.35rem,7.1vw,2rem);line-height:.9;margin-top:7%;margin-bottom:1.5%}.week-clipboard ul{font-size:clamp(.7rem,3.1vw,.92rem);line-height:1.25}.week-clipboard li{padding-left:1.55em;margin:.12em 0}.week-note{font-size:clamp(.61rem,2.55vw,.8rem);border-top-width:1.5px}}


/* 0.13 — Original scan pixels. Each visible character is a PNG crop of the ink. */
:root{--hh-sharpie-ink:#f8f3e7;--hh-pen-ink:#17130e}
.hh-raster-word{display:inline-block;white-space:nowrap;vertical-align:baseline}
.hh-raster-glyph{display:inline-block;background-color:currentColor;
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  -webkit-mask-size:100% 100%;mask-size:100% 100%}
.hh-raster-space{display:inline-block;width:.28em}
.hh-raster-fallback{font-family:Arial,Helvetica,sans-serif;font-size:.8em;vertical-align:baseline}
.hh-raster-sharpie{font-family:Arial,Helvetica,sans-serif;font-weight:400!important;letter-spacing:0!important}
.hh-raster-pen{font-family:Georgia,serif;font-weight:400!important;letter-spacing:0!important}
.hh-handwriting-label{display:inline-flex;line-height:1.1;white-space:nowrap;color:#17130e}
.tape-nav a,.hh-tape-label{font-weight:400!important;letter-spacing:0!important;text-transform:uppercase}
.tape-nav a{min-height:46px;font-size:clamp(.95rem,1.35vw,1.24rem)}
.hh-tape-label{font-size:clamp(1rem,1.9vw,1.55rem)!important}
.week-tape.hh-tape-label{padding:0!important;max-width:48%}
.week-tape .hh-handwriting-label{font-size:clamp(1.15rem,2.4vw,2.25rem)}
.hero h1,.section-head h2,.week-clipboard h2,.board-live-content .board-event h3,
.card h3,.product-copy h3,.board-empty strong,.entry h1,.entry h2,.entry h3{
  font-weight:400!important;letter-spacing:0!important;text-transform:none!important}
.hero h1{font-size:clamp(3rem,6vw,6rem);line-height:1.12;max-width:760px}
.section-head h2{line-height:1.18}
.week-clipboard h2{font-size:clamp(2rem,4.1vw,4rem);line-height:1.15;margin-top:7%}
.hero p,.section-intro,.card p,.product-copy p,.week-clipboard ul,.week-note,
.board-live-content .board-note,.board-empty span,.entry p,.site-footer span{
  font-weight:400!important;letter-spacing:0!important}
.hero p,.section-intro,.card p,.product-copy p,.entry p{line-height:1.65}
.week-clipboard ul{line-height:1.42;font-size:clamp(1.05rem,2.15vw,1.55rem)}
.week-note{line-height:1.45;font-size:clamp(.88rem,1.8vw,1.25rem)}
.btn,.board-live-content .board-kind,.board-live-content .board-date,
.price,.site-footer strong,.board-empty strong{font-weight:400!important;letter-spacing:0!important}
.board-live-content .board-note{font-size:clamp(.88rem,1.35vw,1.16rem);line-height:1.45}
.woocommerce input,.woocommerce textarea,.woocommerce select,.woocommerce label,
.woocommerce button,.woocommerce .button,body > main input,body > main textarea,
body > main select{font-family:Arial,Helvetica,sans-serif}
/* The generated label graphics from the earlier build have been removed. */
.board:before,.coming:after{content:none!important;background-image:none!important}
.hh-coming-label{position:absolute;top:18px;right:-9px;z-index:2;background:var(--tape);color:#17130e;
 padding:9px 14px;transform:rotate(4deg);box-shadow:0 2px 4px #0006;font-size:1rem}
@media(max-width:800px){
 .hero h1{font-size:clamp(2.6rem,9vw,4.4rem);line-height:1.12}
 .week-clipboard h2{font-size:clamp(1.45rem,6vw,2.65rem);line-height:1.1}
 .week-clipboard ul{font-size:clamp(.82rem,3.2vw,1.15rem);line-height:1.3}
 .week-note{font-size:clamp(.68rem,2.6vw,.96rem)}
 .board-live-content .board-note{font-size:clamp(.62rem,1.85vw,.85rem)}
}
@media(max-width:480px){
 .tape-nav a:not(:last-child){display:flex}
 .tape-nav a{font-size:.88rem}
 .hero h1{font-size:clamp(2.4rem,9vw,3.4rem)}
 .week-clipboard h2{font-size:clamp(1.22rem,5.4vw,1.75rem);margin-top:5.5%}
 .week-clipboard ul{font-size:clamp(.69rem,2.8vw,.85rem);line-height:1.25}
 .week-note{font-size:clamp(.58rem,2.35vw,.76rem)}
}

/* 0.13.2 — Ink colors on the actual paper objects. Glyph masks remain from the scans. */
:root{--hh-sharpie-black:#101010;--hh-ballpoint-blue:#243c91}
.week-clipboard h2{color:var(--hh-sharpie-black)}
.week-clipboard ul,.week-clipboard li,.week-note{color:var(--hh-ballpoint-blue)}
.week-clipboard li::before{color:var(--hh-sharpie-black)}
.board-live-content .board-event h3,.board-empty strong{color:var(--hh-sharpie-black)}
.board-live-content .board-note,.board-empty span{color:var(--hh-ballpoint-blue)!important}
.hero h1{color:#f8f3e7}
.hero p{color:#f8f3e7}

/* 0.13.3 — Ballpoint blue is the standard for handwriting on paper. */
:root{--hh-ballpoint-blue:#1636a1}
.card p,.product-card p,.product-copy p,.week-clipboard ul,.week-note,
.board-live-content .board-note,.board-empty span,.entry p,.coming-note p{color:var(--hh-ballpoint-blue)!important}
.section:not(.dark):not(.junk-shop):not(.schedule-section) .section-intro{color:var(--hh-ballpoint-blue)}
.card h3,.product-card h3,.product-copy h3,.week-clipboard h2,
.board-live-content .board-event h3,.entry h1,.entry h2,.entry h3{color:var(--hh-sharpie-black)!important}

/* 0.13.5 — Larger Pen copy; heading sizes stay as approved. */
.hero p{font-size:clamp(1.25rem,2.05vw,1.65rem)}
.card p,.product-copy p,.entry p{font-size:1.25rem}
.section-intro{font-size:1.3rem}
.week-clipboard ul{font-size:clamp(1.18rem,2.42vw,1.72rem)}
.week-note{font-size:clamp(.98rem,2vw,1.4rem)}
.board-live-content .board-note{font-size:clamp(.98rem,1.48vw,1.24rem)}
@media(max-width:800px){
 .hero p{font-size:clamp(1.16rem,2.9vw,1.42rem)}
 .card p,.product-copy p,.entry p{font-size:1.16rem}
 .week-clipboard ul{font-size:clamp(.91rem,3.55vw,1.24rem)}
 .week-note{font-size:clamp(.76rem,2.85vw,1.04rem)}
 .board-live-content .board-note{font-size:clamp(.68rem,1.98vw,.91rem)}
}
@media(max-width:480px){
 .hero p{font-size:1.16rem}
 .card p,.product-copy p{font-size:1.12rem}
 .week-clipboard ul{font-size:clamp(.78rem,3.1vw,.94rem);line-height:1.22}
 .week-note{font-size:clamp(.65rem,2.55vw,.82rem);line-height:1.22}
}

/* 0.13.6 — User-supplied transparent, physical tape PNGs. Labels stay live text. */
.tape-nav a,.hh-tape-label:not(.week-tape){
 background-color:transparent!important;
 background-image:url('assets/images/real-masking-tape.png')!important;
 background-size:100% 100%!important;background-position:center!important;background-repeat:no-repeat!important;
 clip-path:none!important;box-shadow:none!important;
 filter:drop-shadow(0 3px 3px #0008);
 padding:11px 20px;color:#101010;
}
.hero .eyebrow.hh-tape-label:not(.week-tape){padding:13px 25px}
.section-head .tape.hh-tape-label:not(.week-tape){padding:13px 25px}
.hh-coming-label{
 background-color:transparent!important;
 background-image:url('assets/images/real-duct-tape.png')!important;
 background-size:100% 100%!important;background-repeat:no-repeat!important;
 clip-path:none!important;box-shadow:none!important;
 filter:drop-shadow(0 3px 3px #0009);
 color:#101010;padding:10px 19px;
}

/* 0.13.7 — Real Polaroid on Backroom cards, with changeable photos and text. */
.grid{align-items:start}
.grid .card{
 position:relative;display:block;aspect-ratio:4/5;min-width:0;overflow:visible;
 padding:0;border:0;outline:0;background:transparent;box-shadow:none;
 container-type:inline-size;filter:drop-shadow(7px 10px 3px #0008);
}
.grid .card::before{content:none!important}
.grid .card::after{
 content:''!important;position:absolute;inset:0;z-index:1;pointer-events:none;
 background:url('assets/images/real-polaroid-frame.png') center/100% 100% no-repeat;
 mix-blend-mode:screen;
}
.grid .card > img{
 position:absolute;left:6.6%;top:5.8%;width:86.8%;height:69.2%;
 aspect-ratio:auto;object-fit:cover;border-radius:2%;z-index:0;
}
.grid .card > h3,.grid .card > p,.grid .card > .btn{position:absolute;z-index:2;left:7.5%;right:7.5%;margin-left:0;margin-right:0}
.grid .card > h3{top:76.2%;font-size:clamp(1rem,5.4cqw,1.5rem);margin-top:0;margin-bottom:0;line-height:1.1}
.grid .card > p{top:81.8%;font-size:clamp(.83rem,3.8cqw,1.22rem);line-height:1.2;margin-top:0;margin-bottom:0;min-height:0;max-height:10.5%;overflow:hidden}
.grid .card > .btn{bottom:3.5%;right:auto;margin-top:0;font-size:clamp(.7rem,3.1cqw,.9rem);padding:7px 10px;max-width:85%}
.grid .card .hh-coming-label{z-index:3}
@media(max-width:800px){.grid .card > p{font-size:clamp(.8rem,3.6cqw,1.1rem)}}

/* 0.13.8 — Cutout mask on the original physical Polaroid, with real duct tape links. */
.grid .card::after{
 background-image:url('assets/images/real-polaroid-frame.png')!important;
 mix-blend-mode:normal;
 -webkit-mask-image:url('assets/images/polaroid-window-mask.png');
 mask-image:url('assets/images/polaroid-window-mask.png');
 -webkit-mask-size:100% 100%;mask-size:100% 100%;
 -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
}
.btn,.grid .card > .btn{
 background-color:transparent!important;
 background-image:url('assets/images/real-duct-tape.png')!important;
 background-size:100% 100%!important;background-position:center!important;background-repeat:no-repeat!important;
 border:0;box-shadow:none;filter:drop-shadow(3px 4px 0 #0008);color:#101010;
 padding:15px 25px;
}
.btn:hover{box-shadow:none;filter:drop-shadow(2px 3px 0 #0008)}
.grid .card > .btn{padding:8px 16px}
.section-head > .tape.hh-tape-label{display:none}

/* 0.13.9 — Coming Soon previously forced its ::after to tape dimensions. */
.grid .card::after,.grid .card.coming::after{
 top:0!important;right:0!important;bottom:0!important;left:0!important;
 width:100%!important;height:100%!important;padding:0!important;
 transform:none!important;clip-path:none!important;
}

/* 0.13.10 — One visible Sharpie heading, on the real duct tape. */
.section-head h2{
 display:inline-block;width:max-content;max-width:100%;
 padding:16px 34px;margin:0;
 background-color:transparent!important;
 background-image:url('assets/images/real-duct-tape.png')!important;
 background-size:100% 100%!important;background-repeat:no-repeat!important;
 color:#101010!important;text-shadow:none!important;
 filter:drop-shadow(0 3px 4px #0008);
 font-size:clamp(1.8rem,4vw,3.25rem);line-height:1.12;
}
.grid .card.wheel-card > img{object-fit:contain;background:#f7f2eb}
@media(max-width:480px){.section-head h2{padding:12px 20px;font-size:clamp(1.35rem,6vw,2rem)}}

/* Section entry points follow the clipboard and the live schedule board. */
.section > .section-key-cta{display:table;position:relative;z-index:5;margin:-17px auto 0;
 font-size:clamp(1.05rem,2vw,1.45rem);padding:16px 26px;text-align:center}
@media(max-width:480px){.section > .section-key-cta{font-size:.94rem;margin:-9px auto 0}}

/* 0.13.12 — Section-wide Key call to action, below the Polaroids and boards. */
.section > .section-key-cta{margin:26px auto 0;font-size:clamp(1.22rem,2.2vw,1.65rem);
 padding:18px 36px;min-width:min(420px,90vw);text-align:center}
@media(max-width:480px){.section > .section-key-cta{font-size:1.04rem;padding:16px 24px;margin:20px auto 0}}

/* 0.13.13 — Each Polaroid photo is a Key access link; the larger CTA stays below. */
.grid .card > .card-photo-key-link{
 position:absolute;z-index:3;left:6.6%;top:5.8%;width:86.8%;height:69.2%;
 display:flex;align-items:flex-end;justify-content:center;
 color:#101010;text-decoration:none;cursor:pointer;
}
.grid .card > .card-photo-key-link > span{
 display:block;width:max-content;max-width:96%;margin-bottom:7px;
 padding:9px 16px;text-align:center;white-space:nowrap;
 background:url('assets/images/real-duct-tape.png') center/100% 100% no-repeat;
 filter:drop-shadow(0 3px 4px #000a);
 font-size:clamp(.68rem,2.4cqw,.94rem);line-height:1.15;
}
.grid .card > .card-photo-key-link:hover > span,.grid .card > .card-photo-key-link:focus-visible > span{
 transform:translateY(-2px);filter:drop-shadow(0 5px 5px #000b);
}
.grid .card > .card-photo-key-link:focus-visible{outline:3px solid var(--yellow);outline-offset:2px}
@media(max-width:480px){.grid .card > .card-photo-key-link > span{font-size:clamp(.66rem,2.7cqw,.82rem);padding:8px 11px}}

/* 0.13.14 — Clear Key invitation even in the owner's logged-in preview. */
.grid .card > .card-photo-key-link > span{
 max-width:100%;padding:10px 16px;white-space:normal;
 font-size:clamp(.86rem,2.9cqw,1.1rem);line-height:1.18;
}
@media(max-width:480px){.grid .card > .card-photo-key-link > span{font-size:clamp(.78rem,3cqw,.94rem)}}

/* 0.13.15 — The same real Polaroid surrounds live WooCommerce merchandise. */
.junk-shop .product-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:24px}
.junk-shop .product-grid:has(.product-card:nth-child(4)){grid-template-columns:repeat(4,minmax(0,1fr))}
.junk-shop .product-card{
 position:relative;aspect-ratio:4/5;min-width:0;padding:0;border:0;outline:0;
 background:transparent;box-shadow:none;container-type:inline-size;
 filter:drop-shadow(7px 10px 3px #0008);
}
.junk-shop .product-card::before{content:none!important}
.junk-shop .product-card::after{
 content:'';position:absolute;inset:0;z-index:1;pointer-events:none;
 background:url('assets/images/real-polaroid-frame.png') center/100% 100% no-repeat;
 -webkit-mask:url('assets/images/polaroid-window-mask.png') center/100% 100% no-repeat;
 mask:url('assets/images/polaroid-window-mask.png') center/100% 100% no-repeat;
}
.junk-shop .product-photo{
 position:absolute;left:6.6%;top:5.8%;width:86.8%;height:69.2%;
 overflow:hidden;border-radius:2%;background:#fff;z-index:0;
}
.junk-shop .product-photo img{width:100%;height:100%;aspect-ratio:auto;object-fit:contain}
.junk-shop .product-copy{
 position:absolute;z-index:2;top:76%;left:7.5%;right:7.5%;bottom:3.5%;
 padding:0;display:flex;flex-direction:column;align-items:flex-start;gap:.15em;
}
.junk-shop .product-copy h3{
 margin:0;font-size:clamp(.88rem,4.3cqw,1.4rem);line-height:1.06;
 display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;
}
.junk-shop .product-copy .price{margin:0;font-size:clamp(.8rem,3.4cqw,1.08rem);line-height:1.1}
.junk-shop .product-copy .btn{margin:auto 0 0;padding:7px 13px;font-size:clamp(.68rem,2.9cqw,.9rem);line-height:1.15}
.junk-shop .product-placeholder .product-copy{top:15%;bottom:12%}
.junk-shop .product-placeholder .product-copy p{color:#352b21}
@media(max-width:800px){.junk-shop .product-grid,.junk-shop .product-grid:has(.product-card:nth-child(4)){grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){.junk-shop .product-grid,.junk-shop .product-grid:has(.product-card:nth-child(4)){grid-template-columns:1fr;max-width:450px;margin-inline:auto}}

/* 0.13.16 — Frame the real chalkboard photograph without stretching its pixels. */
.this-week-section .week-clipboard{
 width:min(720px,94vw);aspect-ratio:716/984;
 background-image:url('assets/images/this-week-chalkboard.jpg');
 background-size:286% 139%;background-position:60.3% 57%;
 background-repeat:no-repeat;overflow:hidden;
 filter:drop-shadow(0 18px 22px #0009);
}
.this-week-section .week-clipboard-content{
 left:11%;right:11%;top:7%;bottom:9%;color:#f5f0e5;
}
.this-week-section .week-tape{position:relative;left:auto;top:auto;max-width:100%;margin:0 0 5%;transform:rotate(-2deg)}
.this-week-section .week-clipboard h2{
 margin:1% 0 4%;font-size:clamp(1.8rem,3.5vw,3.1rem);line-height:1.12;
 color:#fff4dc!important;text-shadow:0 1px 2px #000b;
}
.this-week-section .week-clipboard ul{
 font-size:clamp(1.05rem,1.85vw,1.45rem);line-height:1.35;
 color:#dce7ff!important;text-shadow:0 1px 2px #000b;
}
.this-week-section .week-clipboard li{color:#dce7ff!important;margin:.25em 0}
.this-week-section .week-clipboard li::before{color:#f5f0e5}
.this-week-section .week-note{
 font-size:clamp(.95rem,1.65vw,1.28rem);line-height:1.35;
 border-color:#d3d5d0;color:#dce7ff!important;text-shadow:0 1px 2px #000b;
}
@media(max-width:600px){
 .this-week-section .week-clipboard{width:min(450px,97vw)}
 .this-week-section .week-clipboard-content{left:10.5%;right:10.5%;top:6.5%;bottom:8%}
 .this-week-section .week-tape{margin-bottom:3%}
 .this-week-section .week-clipboard h2{font-size:clamp(1.2rem,5.8vw,2rem);margin-bottom:3%}
 .this-week-section .week-clipboard ul{font-size:clamp(.75rem,3.25vw,1.05rem);line-height:1.25}
 .this-week-section .week-clipboard li{margin:.16em 0;padding-left:1.5em}
 .this-week-section .week-note{font-size:clamp(.66rem,2.7vw,.9rem);line-height:1.25}
}

/* 0.13.17 — The main Sharpie heading says it all. */
.this-week-section .week-clipboard h2{margin-top:4%}

/* 0.13.18 — Give the public Arcade game its own invitation. */
.arcade-section .arcade-grid{grid-template-columns:minmax(0,min(500px,100%));justify-content:center}
.arcade-section .arcade-card > p{max-height:12%;font-size:clamp(.9rem,3.8cqw,1.25rem)}
.arcade-section .arcade-play-link > span{font-size:clamp(1rem,3.6cqw,1.4rem)!important;padding:12px 22px!important}

/* 0.13.19 — The game artwork carries its own title; use the caption for the story. */
.arcade-section .arcade-card > p{
 top:76%;max-height:18%;font-size:clamp(1rem,4.1cqw,1.32rem);line-height:1.2;
}
.this-week-section .week-clipboard ul{font-size:clamp(1.2rem,2.08vw,1.65rem);line-height:1.3}
.this-week-section .week-note{font-size:clamp(1.05rem,1.85vw,1.43rem);line-height:1.3}
@media(max-width:600px){
 .this-week-section .week-clipboard ul{font-size:clamp(.83rem,3.55vw,1.14rem);line-height:1.22}
 .this-week-section .week-note{font-size:clamp(.72rem,2.95vw,.99rem);line-height:1.2}
}

/* 0.13.20 — The actual workshop door introduces the public Backroom. */
.hero.backroom-entrance{
 display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,420px);
 align-items:center;gap:clamp(28px,5vw,100px);min-height:700px;
 padding:140px 7vw 74px;
 background:linear-gradient(90deg,#17120cf2,#17120ce3),url('assets/images/shop-chaos-2.jpeg') center/cover no-repeat;
}
.backroom-entrance .hero-copy{max-width:730px}
.backroom-entrance h1{font-size:clamp(3.1rem,6.5vw,6.2rem);line-height:1.08;margin:0 0 .22em}
.backroom-entrance p{max-width:650px;margin:0 0 1.3em;line-height:1.5}
.backroom-entrance .entrance-photo{min-width:0;justify-self:center;width:100%;max-width:420px;filter:drop-shadow(9px 15px 8px #000b)}
.backroom-entrance .entrance-photo img{display:block;width:100%;height:auto;max-height:610px;object-fit:contain}
@media(max-width:800px){
 .hero.backroom-entrance{grid-template-columns:1fr;gap:30px;min-height:0;padding:145px 22px 52px}
 .backroom-entrance .hero-copy{max-width:660px}
 .backroom-entrance h1{font-size:clamp(2.8rem,9vw,4.8rem)}
 .backroom-entrance .entrance-photo{width:min(70vw,330px)}
}
@media(max-width:480px){
 .hero.backroom-entrance{padding-top:150px;gap:26px}
 .backroom-entrance h1{font-size:clamp(2.6rem,10vw,3.5rem)}
 .backroom-entrance p{font-size:1.14rem}
 .backroom-entrance .entrance-photo{width:min(78vw,320px)}
}

/* 0.13.21 — A larger door and separate paths for returning and new visitors. */
.hero.backroom-entrance{
 grid-template-columns:minmax(0,1fr) minmax(340px,580px);gap:clamp(24px,3vw,65px);
 min-height:760px;background:linear-gradient(90deg,#17120cf0,#17120cc9),url('assets/images/shop-chaos-2.jpeg') center/cover no-repeat;
}
.backroom-entrance .hero-copy{max-width:670px}
.backroom-entrance .entrance-photo{
 width:100%;max-width:580px;height:650px;overflow:hidden;display:block;
 filter:drop-shadow(12px 18px 10px #000c);transition:transform .2s ease;
}
.backroom-entrance .entrance-photo:hover{transform:translateY(-3px)}
.backroom-entrance .entrance-photo:focus-visible{outline:3px solid var(--yellow);outline-offset:5px}
.backroom-entrance .entrance-photo img{width:100%;height:100%;max-height:none;object-fit:cover;object-position:center 49%}
.backroom-entrance .entrance-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:20px}
.backroom-entrance .entrance-actions .btn{font-size:clamp(.95rem,1.35vw,1.18rem);line-height:1.2;margin:0;text-align:center}
.backroom-entrance .entrance-key{background-image:url('assets/images/real-masking-tape.png')!important}
@media(max-width:1000px){
 .hero.backroom-entrance{grid-template-columns:minmax(0,1fr) minmax(250px,43%);min-height:690px}
 .backroom-entrance .entrance-photo{height:560px}
}
@media(max-width:800px){
 .hero.backroom-entrance{grid-template-columns:1fr;min-height:0;gap:32px}
 .backroom-entrance .entrance-photo{width:min(90vw,480px);height:min(112vw,530px)}
}
@media(max-width:480px){
 .backroom-entrance .entrance-actions{align-items:stretch;flex-direction:column}
 .backroom-entrance .entrance-actions .btn{width:max-content;max-width:100%;font-size:1rem}
 .backroom-entrance .entrance-photo{width:min(92vw,430px);height:min(100vw,470px)}
}

/* 0.13.22 — The workshop door is the entire entrance backdrop. */
.hero.backroom-entrance{
 position:relative;isolation:isolate;display:flex;align-items:center;min-height:min(840px,90vh);padding:160px 7vw 100px;
 background-image:linear-gradient(90deg,#100c09fa 0%,#100c09e8 28%,#100c09a0 49%,#100c0938 75%,#100c0920 100%),url('assets/images/backroom-door.jpg');
 background-size:cover;background-position:center,center 44%;background-repeat:no-repeat;
}
.hero.backroom-entrance::before{
 content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;
 background:url('assets/images/backroom-door.jpg') right 4vw center/auto 108% no-repeat;
 -webkit-mask-image:linear-gradient(90deg,transparent 51%,#0009 70%,#000 88%);
 mask-image:linear-gradient(90deg,transparent 51%,#0009 70%,#000 88%);
}
.backroom-entrance .hero-copy{position:relative;z-index:1;max-width:min(720px,58vw)}
@media(max-width:800px){
 .hero.backroom-entrance{min-height:720px;padding:150px 22px 65px;background-image:linear-gradient(90deg,#100c09f0 0%,#100c09db 48%,#100c0970 100%),url('assets/images/backroom-door.jpg');background-position:center,59% 44%}
 .backroom-entrance .hero-copy{max-width:min(620px,80vw)}
}
@media(max-width:480px){
 .hero.backroom-entrance{min-height:680px;padding-top:150px;background-image:linear-gradient(180deg,#100c09f0 0%,#100c09d6 48%,#100c0970 100%),url('assets/images/backroom-door.jpg');background-position:center,56% 42%}
 .backroom-entrance .hero-copy{max-width:100%}
 .hero.backroom-entrance::before{background-position:center bottom;background-size:auto 80%;opacity:.62;-webkit-mask-image:linear-gradient(180deg,transparent 15%,#000 85%);mask-image:linear-gradient(180deg,transparent 15%,#000 85%)}
}

/* 0.13.23 — One uninterrupted door photograph; no second portrait layer. */
.hero.backroom-entrance::before{content:none!important}

/* 0.13.24 — The owner's transparent photograph stands at the desktop door. */
.backroom-entrance .entrance-person{display:none}
@media(min-width:1100px){
 .hero.backroom-entrance{overflow:hidden}
 .backroom-entrance .hero-copy{position:relative;z-index:2}
 .backroom-entrance .entrance-person{
  display:block;position:absolute;right:-2%;bottom:0;z-index:1;
  width:min(65vw,1190px);height:auto;max-height:88%;object-fit:contain;
  object-position:right bottom;pointer-events:none;
  filter:drop-shadow(-10px 8px 12px #0806059c);
 }
}

/* 0.13.25 — Match the owner's desktop composition: person and torch in the foreground. */
@media(min-width:1100px){
 .hero.backroom-entrance{overflow:visible;z-index:2}
 .backroom-entrance .entrance-person{
  right:-3%;bottom:-72px;width:min(79vw,1510px);max-height:none;
  filter:drop-shadow(-9px 7px 11px #0806056b);
 }
}

/* 0.13.26 — User's finished, full-width photograph replaces the cutout composition. */
@media(min-width:801px){
 .hero.backroom-entrance{
  overflow:hidden;min-height:min(840px,90vh);
  background-image:linear-gradient(90deg,#100c09e8 0%,#100c09ad 33%,#100c0918 62%,transparent 100%),url('assets/images/backroom-hero-composite.png');
  background-size:cover;background-position:center,center top;
 }
}

/* 0.13.27 — Sponsor doorway at the top of the homepage. */
.backroom-entrance .sponsor-top-link{
 display:inline-flex;align-items:center;gap:.4em;width:max-content;max-width:100%;
 margin-bottom:28px;padding:12px 22px;
 color:#111;text-decoration:none;font-size:clamp(.95rem,1.45vw,1.2rem);line-height:1.25;
 background:url('assets/images/real-masking-tape.png') center/100% 100% no-repeat;
 filter:drop-shadow(0 3px 4px #0009);transform:rotate(-1deg);
}
.backroom-entrance .sponsor-top-link:hover{transform:rotate(-1deg) translateY(-2px)}
.backroom-entrance .sponsor-top-link:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}
.backroom-entrance .sponsor-top-link > span{font-family:Arial,Helvetica,sans-serif;font-weight:900;font-size:1.35em;line-height:.8}
@media(max-width:480px){.backroom-entrance .sponsor-top-link{margin-bottom:18px;font-size:.85rem;padding:11px 15px}}

/* 0.13.28 — Three Arcade Polaroids, with the last two awaiting games. */
.arcade-section .arcade-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;max-width:1680px;margin-inline:auto}
.arcade-section .arcade-placeholder > img{filter:saturate(.72)}
.arcade-section .arcade-placeholder > p{top:77%;max-height:16%;font-size:clamp(.9rem,3.3cqw,1.2rem)}
.arcade-section .arcade-placeholder .hh-coming-label{top:5%;right:5%;max-width:47%;transform:rotate(3deg);background:url('assets/images/real-masking-tape.png') center/100% 100% no-repeat;box-shadow:none;padding:10px 15px;text-align:center}
.tape-nav a:last-child{white-space:nowrap}
@media(max-width:900px){.arcade-section .arcade-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:580px){.arcade-section .arcade-grid{grid-template-columns:minmax(0,1fr);max-width:500px}.site-header{overflow:hidden}.tape-nav{width:100%;max-width:100%;flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;touch-action:pan-x;scroll-snap-type:x proximity}.tape-nav a{flex:0 0 auto}}

/* A sponsor page made from the same workshop, tape, and paper objects. */
.sponsor-page{color:#f8f3e7;background:#1a130e}
.sponsor-intro{
 display:flex;align-items:center;min-height:650px;padding:155px 7vw 85px;
 background:linear-gradient(90deg,#120d09f5 0%,#120d09c9 52%,#120d0938 100%),url('assets/images/shop-chaos-2.jpeg') center/cover no-repeat;
}
.sponsor-intro-copy{max-width:760px}
.sponsor-kicker{display:inline-block;padding:10px 17px;margin-bottom:20px;background:url('assets/images/real-masking-tape.png') center/100% 100% no-repeat;color:#111;font-family:var(--marker)}
.sponsor-page h1{font-size:clamp(2.8rem,6vw,5.6rem);line-height:1.08;margin:0 0 .25em;font-weight:400}
.sponsor-page p{font-size:clamp(1.14rem,1.8vw,1.5rem);line-height:1.5}
.sponsor-intro p{max-width:680px;margin:0 0 25px}
.sponsor-details{padding:65px 6vw 90px;background:linear-gradient(#21150ef0,#21150ef0),url('assets/images/garage.jpeg') center/cover fixed}
.sponsor-details-inner{max-width:1200px;margin:auto}
.sponsor-details h2{display:table;margin:0 0 20px;padding:13px 26px;background:url('assets/images/real-duct-tape.png') center/100% 100% no-repeat;color:#111;font-size:clamp(1.8rem,4vw,3.25rem);font-weight:400;line-height:1.15}
.sponsor-details-inner > p{max-width:760px;margin-bottom:30px}
.sponsor-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.sponsor-options article{position:relative;background:#efe5d2;color:#17130e;padding:28px 24px 34px;box-shadow:8px 10px 0 #0009;transform:rotate(-.4deg)}
.sponsor-options article:nth-child(2){transform:rotate(.5deg)}
.sponsor-options article::before{content:'';position:absolute;top:-13px;left:35%;width:100px;height:26px;background:url('assets/images/real-masking-tape.png') center/100% 100% no-repeat}
.sponsor-options h3{font-size:clamp(1.35rem,2.1vw,2rem);font-weight:400;margin:7px 0 14px;color:#111}
.sponsor-options p{font-size:clamp(1.04rem,1.3vw,1.28rem);line-height:1.4;color:var(--hh-ballpoint-blue);margin:0}
.sponsor-note{margin:75px 0 30px;padding:30px 0 0;border-top:1px solid #f4ecd755}
.sponsor-note p{max-width:780px}
.sponsor-email{font-family:Arial,Helvetica,sans-serif!important;font-size:1rem!important;word-break:break-word}
.sponsor-return{display:inline-block;color:#f8f3e7;font-size:1rem;margin-top:20px;text-underline-offset:4px}
@media(max-width:800px){.sponsor-intro{padding:145px 22px 65px;min-height:560px}.sponsor-details{padding:55px 22px 70px;background-attachment:scroll}.sponsor-options{grid-template-columns:1fr;gap:28px}.sponsor-options article{transform:none!important}}

/* 0.13.32 — Sponsor sales room: original entertainment, opportunities, and private inquiries. */
.sponsor-intro{min-height:660px;background:linear-gradient(90deg,#110c08ef 0%,#110c08cf 53%,#110c084b 100%),url('assets/images/shop-chaos.jpeg') center/cover no-repeat}
.sponsor-intro-copy{max-width:850px}.sponsor-intro h1{max-width:820px}
.sponsor-hero-actions{display:flex;flex-wrap:wrap;gap:10px}.sponsor-quiet-btn{background:#e7ded0!important}
.sponsor-page .sponsor-proof{padding:44px 6vw 46px;background:#242723 url('assets/images/this-week-chalkboard.jpg') center/cover;color:#f3eee3;border-top:10px solid #4b3523;border-bottom:10px solid #4b3523}
.sponsor-proof-inner{max-width:1200px;margin:auto}.sponsor-proof-label{margin:0 0 23px!important;font-size:1rem!important;letter-spacing:.1em}
.sponsor-proof-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.sponsor-proof-grid>div{padding:12px 0;border-right:1px solid #f3eee360}
.sponsor-proof-grid>div:last-child{border:0}.sponsor-proof strong{display:block;font-family:var(--headline);font-size:clamp(2.6rem,5.7vw,5.2rem);line-height:1}
.sponsor-proof span{display:block;margin-top:12px;font-size:clamp(.92rem,1.4vw,1.16rem)}.sponsor-proof small{display:block;max-width:950px;margin-top:28px;color:#dfd8cd;font-size:.9rem;line-height:1.5}
.sponsor-model{background:linear-gradient(#21150eea,#21150eea),url('assets/images/garage.jpeg') center/cover fixed}
.sponsor-option-no{font-family:Arial,Helvetica,sans-serif;font-size:.78rem;font-weight:800;letter-spacing:.1em;color:#6c5c45}
.sponsor-commercial{margin-top:36px;padding:24px 30px;background:#eadfc8;color:#20170f;box-shadow:7px 9px 0 #0008;border-left:8px solid #bd9f67;max-width:840px}
.sponsor-commercial h3{font-size:clamp(1.55rem,2.4vw,2.2rem);margin:0 0 10px}.sponsor-commercial p{margin:0;color:#25345e;font-size:clamp(1.03rem,1.5vw,1.25rem)}
.sponsor-projects{padding:80px 6vw 95px;background:linear-gradient(#1b120ddd,#1b120ddd),url('assets/images/filming.jpeg') center/cover fixed;color:#f8f3e7}
.sponsor-section-head h2,.sponsor-inquiry-intro h2,.sponsor-owner-note h2{font-size:clamp(2.1rem,4.4vw,4rem);margin:4px 0 15px}.sponsor-section-head p{max-width:760px}
.sponsor-project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch;margin-top:34px}
.sponsor-project,.sponsor-empty{background:#f2e9d6;color:#17130e;box-shadow:8px 10px 0 #0009;border:1px solid #d6c4a7;position:relative}
.sponsor-project::before{content:'';position:absolute;z-index:2;left:36%;top:-15px;width:28%;height:34px;background:url('assets/images/real-masking-tape.png') center/100% 100% no-repeat;pointer-events:none}
.sponsor-project-photo img{display:block;width:100%;aspect-ratio:1.25;object-fit:cover}.sponsor-project-copy{padding:28px 25px 30px;display:flex;flex-direction:column;height:100%}
.sponsor-project:has(.sponsor-project-photo) .sponsor-project-copy{height:auto;min-height:330px}
.sponsor-project h3{font-size:clamp(1.45rem,2.3vw,2.15rem);margin:14px 0 7px}.sponsor-project p{font-size:clamp(1rem,1.4vw,1.18rem);color:#25345e;line-height:1.35;margin:8px 0}
.sponsor-status{display:inline-block;align-self:flex-start;padding:7px 13px;background:#b3d3a0;color:#1e2916;font:800 .76rem Arial,Helvetica,sans-serif;text-transform:uppercase;letter-spacing:.07em}
.sponsor-status-pending{background:#e8ca87;color:#402c09}.sponsor-status-full{background:#c9c2b8;color:#39332d}
.sponsor-project .btn{margin:auto 0 0;align-self:flex-start;max-width:100%;font-size:clamp(.82rem,1.3vw,1rem);padding:10px 12px}
.sponsor-full-note{margin-top:auto;padding-top:14px;color:#615951;font-size:.9rem}.sponsor-empty{max-width:730px;padding:28px 32px;margin-top:30px}.sponsor-empty h3{margin:0}.sponsor-empty p{color:#25345e}
.sponsor-inquiry-section{padding:90px 6vw 100px;background:#241a13;color:#f8f3e7}.sponsor-inquiry-layout{max-width:1260px;margin:auto;display:grid;grid-template-columns:minmax(250px,.75fr) minmax(0,1.25fr);gap:clamp(30px,6vw,90px);align-items:start}
.sponsor-inquiry-intro p{font-size:clamp(1.12rem,1.8vw,1.4rem)}.sponsor-form-paper{position:relative;padding:38px;background:#efe8d8;color:#17130e;box-shadow:10px 12px 0 #0008}
.sponsor-form-paper::before{content:'';position:absolute;left:39%;top:-16px;width:22%;height:37px;background:url('assets/images/real-masking-tape.png') center/100% 100% no-repeat;pointer-events:none}
.sponsor-inquiry-form{display:grid;gap:17px}.sponsor-inquiry-form label{display:block;font:700 .96rem Arial,Helvetica,sans-serif;color:#231d17}
.sponsor-inquiry-form input,.sponsor-inquiry-form select,.sponsor-inquiry-form textarea{display:block;width:100%;min-height:46px;margin-top:6px;padding:11px 12px;border:1px solid #aa9c83;border-radius:2px;background:#fffdf9;color:#17130e;font:1rem Arial,Helvetica,sans-serif}
.sponsor-inquiry-form textarea{resize:vertical}.sponsor-inquiry-form :focus-visible{outline:3px solid #d3a826;outline-offset:2px}.sponsor-form-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.sponsor-inquiry-form .btn{justify-self:start;cursor:pointer;margin:0}.sponsor-inquiry-form .sponsor-privacy{font: .88rem/1.45 Arial,Helvetica,sans-serif;color:#4d473d;margin:0}
.sponsor-honeypot{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}.sponsor-form-message{font:700 1rem/1.45 Arial,Helvetica,sans-serif!important;padding:14px;background:#dce9ce}.sponsor-form-error{background:#f4d7cd}
.sponsor-owner-note{padding:50px 6vw 70px;background:#19120d}.sponsor-owner-note p{max-width:850px}.sponsor-owner-note h2{margin-top:0}
@media(max-width:900px){.sponsor-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sponsor-inquiry-layout{grid-template-columns:1fr}.sponsor-inquiry-intro{max-width:760px}}
@media(max-width:620px){.sponsor-intro{background-position:65% center}.sponsor-proof-grid,.sponsor-project-grid,.sponsor-form-pair{grid-template-columns:1fr}.sponsor-proof-grid>div{border-right:0;border-bottom:1px solid #f3eee360;padding-bottom:18px}.sponsor-projects,.sponsor-inquiry-section{padding:64px 20px 75px}.sponsor-form-paper{padding:28px 20px}.sponsor-project-copy{padding:24px 22px}.sponsor-hero-actions{display:block}}

/* 0.13.33 — A clean business presentation distinct from the fan-facing workshop. */
.hh-sponsor-business{background:#f5f6f6;color:#17222b;font-family:Arial,Helvetica,sans-serif}
.hh-sponsor-business .site-header{position:relative;display:flex;align-items:center;padding:17px 4vw;background:#111c24;gap:32px;overflow:hidden}
.hh-sponsor-business .site-logo{width:min(265px,33vw);filter:none}
.hh-sponsor-business .tape-nav{flex-wrap:nowrap;justify-content:flex-end;gap:4px;padding:0;overflow-x:auto}
.hh-sponsor-business .tape-nav{display:none!important}
.hh-sponsor-business .tape-nav a{background:transparent!important;color:#f4f5f3!important;clip-path:none!important;box-shadow:none!important;filter:none!important;transform:none!important;text-shadow:none!important;border-radius:3px;font:600 .9rem/1.25 Arial,Helvetica,sans-serif!important;text-transform:none!important;letter-spacing:0!important;min-height:40px;padding:9px 13px}
.hh-sponsor-business .tape-nav a:hover,.hh-sponsor-business .tape-nav a:focus-visible{background:#263640!important;outline:2px solid #f3d51e;outline-offset:-2px}
.hh-sponsor-business .tape-nav a .hh-handwriting-label{display:block}.hh-sponsor-business .sponsor-page{background:#f5f6f6;color:#17222b;font-family:Arial,Helvetica,sans-serif}
.hh-sponsor-business .sponsor-page h1,.hh-sponsor-business .sponsor-page h2,.hh-sponsor-business .sponsor-page h3,.hh-sponsor-business .sponsor-page p,.hh-sponsor-business .sponsor-page .btn{font-family:Arial,Helvetica,sans-serif!important;letter-spacing:normal;text-transform:none}
.hh-sponsor-business .sponsor-intro{min-height:530px;padding:86px 6vw 92px;background:linear-gradient(115deg,#10212c 0%,#1e3543 70%,#263f4c 100%)!important;color:#fff}
.hh-sponsor-business .sponsor-intro-copy{max-width:950px;margin:0 auto;width:100%}
.hh-sponsor-business .sponsor-kicker{display:inline-block;background:transparent!important;color:#c7d9e0!important;border:0;border-left:4px solid #f3d51e;padding:3px 0 3px 13px;margin:0 0 22px;filter:none;clip-path:none;font:800 .82rem/1.2 Arial,Helvetica,sans-serif;letter-spacing:.15em;text-transform:uppercase}
.hh-sponsor-business .sponsor-intro h1{font-size:clamp(2.6rem,5.3vw,5rem);font-weight:800;max-width:840px;line-height:1.06;letter-spacing:-.035em;margin:0 0 25px}
.hh-sponsor-business .sponsor-intro p{font-size:clamp(1.08rem,1.55vw,1.32rem);line-height:1.55;max-width:780px;font-weight:400;text-shadow:none;margin:0 0 15px;color:#e7eef0}
.hh-sponsor-business .sponsor-hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:32px}
.hh-sponsor-business .sponsor-page .btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 21px;background:#f3d51e!important;border:1px solid #e2c620;border-radius:4px;box-shadow:none;color:#17222b;text-decoration:none;font-size:.9rem;font-weight:800;line-height:1.25;transform:none;filter:none;min-height:46px}
.hh-sponsor-business .sponsor-page .btn:hover{background:#ffeb67!important;transform:none;box-shadow:none}.hh-sponsor-business .sponsor-page .btn:focus-visible{outline:3px solid #192d39;outline-offset:3px}
.hh-sponsor-business .sponsor-page .sponsor-quiet-btn{background:transparent!important;color:#fff;border-color:#abc1ca}.hh-sponsor-business .sponsor-page .sponsor-quiet-btn:hover{background:#ffffff20!important}
.hh-sponsor-business .sponsor-page .sponsor-proof{background:#fff!important;color:#17222b;border:0;border-bottom:1px solid #dce3e5;padding:54px 6vw 50px}
.hh-sponsor-business .sponsor-proof-label{font:800 .78rem/1.4 Arial,Helvetica,sans-serif!important;letter-spacing:.13em;color:#425862}
.hh-sponsor-business .sponsor-proof-grid>div{border-color:#d6e0e3;padding:7px 28px 11px 0}.hh-sponsor-business .sponsor-proof strong{font:800 clamp(2.6rem,5.1vw,4.8rem)/1 Arial,Helvetica,sans-serif;color:#172a36;letter-spacing:-.045em}
.hh-sponsor-business .sponsor-proof span{font:500 1rem/1.35 Arial,Helvetica,sans-serif;color:#45606b}.hh-sponsor-business .sponsor-proof small{font: .82rem/1.5 Arial,Helvetica,sans-serif;color:#62747c}
.hh-sponsor-business .sponsor-model{background:#f2f5f5!important;padding:78px 6vw 88px;color:#17222b;border:0}
.hh-sponsor-business .sponsor-details h2{display:block;padding:0;background:none!important;color:#17222b;font-size:clamp(2rem,3.7vw,3.25rem);font-weight:800;line-height:1.12;margin:0 0 15px}
.hh-sponsor-business .sponsor-details-inner>p{font-size:1.15rem;line-height:1.55;color:#4f636b;max-width:800px;margin:0 0 36px}
.hh-sponsor-business .sponsor-options{gap:18px}.hh-sponsor-business .sponsor-options article{background:#fff;transform:none!important;box-shadow:none;border:1px solid #d6e0e3;border-top:4px solid #e6c627;border-radius:4px;padding:29px 26px 33px}
.hh-sponsor-business .sponsor-options article::before{content:none}.hh-sponsor-business .sponsor-option-no{color:#56717b;letter-spacing:.12em}
.hh-sponsor-business .sponsor-options h3{font-size:1.45rem;font-weight:750;margin:15px 0 12px;color:#17222b}.hh-sponsor-business .sponsor-options p{font-size:1rem;line-height:1.55;color:#4c626b}
.hh-sponsor-business .sponsor-commercial{background:#e4edef;color:#17222b;border:1px solid #cbd8dc;border-left:4px solid #486a7a;border-radius:4px;box-shadow:none;max-width:none;margin-top:22px;padding:23px 26px;display:grid;grid-template-columns:minmax(200px,.35fr) 1fr;gap:20px;align-items:center}
.hh-sponsor-business .sponsor-commercial h3{font-size:1.25rem;font-weight:750;margin:0}.hh-sponsor-business .sponsor-commercial p{font-size:1rem;color:#4c626b;line-height:1.5}
.hh-sponsor-business .sponsor-projects{background:#fff!important;color:#17222b;padding:82px 6vw 95px}
.hh-sponsor-business .sponsor-section-head .sponsor-kicker{color:#486a7a!important}.hh-sponsor-business .sponsor-section-head h2{font-size:clamp(2rem,3.7vw,3.25rem);font-weight:800;margin:0 0 15px}
.hh-sponsor-business .sponsor-section-head p{color:#526871;font-size:1.12rem;line-height:1.55;max-width:780px}
.hh-sponsor-business .sponsor-project-grid{gap:18px}.hh-sponsor-business .sponsor-project,.hh-sponsor-business .sponsor-empty{background:#fff;border:1px solid #d5dfe2;border-radius:4px;box-shadow:0 8px 22px #11232d12;overflow:hidden}
.hh-sponsor-business .sponsor-project::before{content:none}.hh-sponsor-business .sponsor-project-photo img{aspect-ratio:16/10;object-fit:cover}
.hh-sponsor-business .sponsor-project-copy{padding:25px}.hh-sponsor-business .sponsor-project h3{font-size:1.42rem;font-weight:760;margin:14px 0 8px}
.hh-sponsor-business .sponsor-project p{color:#4f646e;font-size:1rem;line-height:1.5}.hh-sponsor-business .sponsor-status{border-radius:3px;font-size:.73rem;letter-spacing:.055em}
.hh-sponsor-business .sponsor-project .btn{font-size:.85rem;padding:11px 14px;margin-top:auto;align-self:flex-start}
.hh-sponsor-business .sponsor-inquiry-section{background:#172a36;color:#fff;padding:88px 6vw 100px}.hh-sponsor-business .sponsor-inquiry-intro h2{font-size:clamp(2rem,3.8vw,3.35rem);line-height:1.13;margin:0 0 23px;font-weight:800}
.hh-sponsor-business .sponsor-inquiry-intro p{font-size:1.12rem;line-height:1.58;color:#d8e4e8}.hh-sponsor-business .sponsor-form-paper{background:#fff;border:1px solid #d7e1e4;border-radius:5px;box-shadow:0 14px 32px #07151e44;padding:36px}
.hh-sponsor-business .sponsor-form-paper::before{content:none}.hh-sponsor-business .sponsor-inquiry-form label{font-weight:650;color:#273d47}
.hh-sponsor-business .sponsor-inquiry-form input,.hh-sponsor-business .sponsor-inquiry-form select,.hh-sponsor-business .sponsor-inquiry-form textarea{border-color:#b9c8ce;border-radius:3px;background:#fff;color:#162831}
.hh-sponsor-business .sponsor-inquiry-form .sponsor-privacy{color:#60737b;font-size:.84rem}.hh-sponsor-business .sponsor-owner-note{background:#f5f6f6;color:#17222b}.hh-sponsor-business .sponsor-owner-note h2{font-size:2rem;font-weight:800}
@media(max-width:900px){.hh-sponsor-business .site-header{display:block;padding:15px 0 11px}.hh-sponsor-business .site-logo{display:block;width:240px;max-width:70vw;margin:0 18px 10px}.hh-sponsor-business .tape-nav{width:100%;max-width:none;justify-content:flex-start;padding:0 15px 4px;gap:2px}.hh-sponsor-business .sponsor-commercial{grid-template-columns:1fr}}
@media(max-width:620px){.hh-sponsor-business .sponsor-intro{min-height:0;padding:69px 20px 75px}.hh-sponsor-business .sponsor-hero-actions{display:grid;grid-template-columns:1fr}.hh-sponsor-business .sponsor-page .sponsor-proof{padding:45px 20px}.hh-sponsor-business .sponsor-proof-grid>div{padding:10px 0 17px}.hh-sponsor-business .sponsor-model,.hh-sponsor-business .sponsor-projects,.hh-sponsor-business .sponsor-inquiry-section{padding:65px 20px 73px}.hh-sponsor-business .sponsor-form-paper{padding:25px 20px}}
.hh-sponsor-business .sponsor-proof-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0}
.hh-sponsor-business .sponsor-proof-grid>div{padding:15px 17px;border-right:1px solid #d6e0e3}
.hh-sponsor-business .sponsor-proof-grid>div:first-child{padding-left:0}
.hh-sponsor-business .sponsor-proof-grid>div:last-child{border-right:0}
.hh-sponsor-business .sponsor-proof-grid strong{font-size:clamp(2rem,3.6vw,4.2rem);white-space:nowrap}
.hh-sponsor-business .sponsor-proof-foot{display:flex;gap:22px;justify-content:space-between;align-items:center;margin-top:26px}
.hh-sponsor-business .sponsor-proof-foot small{max-width:720px;margin:0}
.hh-sponsor-business .sponsor-kit-link{display:inline-flex;align-items:center;background:#ffdc29;color:#16262f;padding:14px 20px;border-radius:3px;text-decoration:none;font-size:.82rem;font-weight:800;white-space:nowrap}
.hh-sponsor-business .sponsor-kit-link:hover,.hh-sponsor-business .sponsor-kit-link:focus-visible{background:#eed022;color:#16262f}
@media(max-width:950px){.hh-sponsor-business .sponsor-proof-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hh-sponsor-business .sponsor-proof-grid>div{border-right:0;border-bottom:1px solid #d6e0e3;padding:16px 12px}.hh-sponsor-business .sponsor-proof-foot{flex-direction:column;align-items:flex-start}}
@media(max-width:620px){.hh-sponsor-business .sponsor-proof-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hh-sponsor-business .sponsor-proof-grid strong{font-size:2.4rem}}
.hh-sponsor-business .sponsor-reach-head{font-size:clamp(1.35rem,2.4vw,2rem);line-height:1.22;max-width:800px;margin:0 0 8px;color:#1a2e39;font-weight:800}
.hh-sponsor-business .sponsor-reach-note{color:#526871;font-size:.95rem;line-height:1.5;margin:0 0 22px}
.hh-sponsor-business .sponsor-proof-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.hh-sponsor-business .sponsor-proof-grid>div:nth-child(3){border-right:0}
.hh-sponsor-business .sponsor-proof-grid>div:nth-child(n+4){border-top:1px solid #d6e0e3}
@media(max-width:620px){.hh-sponsor-business .sponsor-proof-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hh-sponsor-business .sponsor-proof-grid>div:nth-child(3){border-right:1px solid #d6e0e3}.hh-sponsor-business .sponsor-proof-grid>div:nth-child(2n){border-right:0}.hh-sponsor-business .sponsor-proof-grid>div:nth-child(n+3){border-top:1px solid #d6e0e3}}

.hh-sponsor-business .sponsor-proof-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.hh-sponsor-business .sponsor-proof-grid>div:nth-child(3){border-right:1px solid #d6e0e3}
.hh-sponsor-business .sponsor-proof-grid>div:nth-child(4){border-right:0}
@media(max-width:950px){.hh-sponsor-business .sponsor-proof-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hh-sponsor-business .sponsor-proof-grid>div:nth-child(2n){border-right:0}.hh-sponsor-business .sponsor-proof-grid>div:nth-child(n+3){border-top:1px solid #d6e0e3}}
/* 0.13.36 - Sponsor hero portrait and quieter headline. */
.hh-sponsor-business .sponsor-intro{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);align-items:center;gap:clamp(28px,5vw,78px);min-height:0;padding:58px max(5vw,calc((100vw - 1280px)/2)) 72px;background:#172a36!important}
.hh-sponsor-business .sponsor-intro-copy{max-width:680px;margin:0}
.hh-sponsor-business .sponsor-intro h1{font-size:clamp(2.45rem,4.1vw,4.2rem);max-width:650px;line-height:1.09;margin-bottom:23px}
.hh-sponsor-business .sponsor-intro p{max-width:615px}
.hh-sponsor-business .sponsor-intro-photo{margin:0;align-self:stretch;min-height:415px;max-height:520px;border-radius:4px;overflow:hidden;box-shadow:0 19px 45px #07121a70;border:1px solid #ffffff29}
.hh-sponsor-business .sponsor-intro-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:25% center}
@media(max-width:900px){.hh-sponsor-business .sponsor-intro{grid-template-columns:minmax(0,1fr) minmax(235px,.75fr);padding:50px 30px 60px;gap:24px}.hh-sponsor-business .sponsor-intro-photo{min-height:410px}}
@media(max-width:680px){.hh-sponsor-business .sponsor-intro{display:flex;flex-direction:column;align-items:stretch;padding:49px 20px 58px;gap:28px}.hh-sponsor-business .sponsor-intro h1{font-size:clamp(2.3rem,9vw,3.45rem)}.hh-sponsor-business .sponsor-intro-photo{min-height:0;max-height:none;aspect-ratio:4/3}.hh-sponsor-business .sponsor-intro-photo img{object-position:25% 35%}}
/* 0.13.37 - Partner history, stated without brand-specific claims. */
.hh-sponsor-business .sponsor-partners{background:#edf2f4;border-top:1px solid #d8e2e5;border-bottom:1px solid #d8e2e5;padding:29px 6vw 35px;color:#1b303c}
.hh-sponsor-business .sponsor-partners-inner{max-width:1200px;margin:auto}
.hh-sponsor-business .sponsor-partners h2{font-family:Arial,Helvetica,sans-serif!important;font-size:1.05rem;letter-spacing:.015em;font-weight:800;margin:0 0 18px;color:#314a57}
.hh-sponsor-business .sponsor-partners ul{list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:0;padding:0}
.hh-sponsor-business .sponsor-partners li{font:700 clamp(.92rem,1.2vw,1.08rem)/1.25 Arial,Helvetica,sans-serif;background:#fff;border:1px solid #cedae0;border-radius:3px;padding:13px 18px}
@media(max-width:620px){.hh-sponsor-business .sponsor-partners{padding:28px 20px 33px}.hh-sponsor-business .sponsor-partners li{flex:1 1 43%;text-align:center}}
/* 0.13.38 - Availability per sponsorship level. */
.hh-sponsor-business .sponsor-tier-list{list-style:none;margin:20px 0 25px;padding:0;border-top:1px solid #e1e8eb}
.hh-sponsor-business .sponsor-tier-list li{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:9px 0;border-bottom:1px solid #e1e8eb;font:600 .9rem/1.4 Arial,Helvetica,sans-serif;color:#253944}
.hh-sponsor-business .sponsor-tier-list .sponsor-status{flex-shrink:0;font-size:.68rem;padding:6px 9px}
.hh-sponsor-business .sponsor-project h3{margin-top:0}
@media(max-width:620px){.hh-sponsor-business .sponsor-tier-list li{font-size:.85rem}}
.hh-sponsor-business .sponsor-project-format{display:inline-flex;align-self:flex-start;color:#516c78;font:800 .72rem/1.4 Arial,Helvetica,sans-serif;letter-spacing:.08em;margin-bottom:10px}
/* 0.13.40 - Explicit material requests and negotiated in-kind recognition. */
.hh-sponsor-business .sponsor-product-needs{margin:18px 0 4px;padding:14px 15px;background:#f2f6f7;border:1px solid #d9e4e7;border-radius:3px}
.hh-sponsor-business .sponsor-product-needs h4{font:800 .92rem/1.4 Arial,Helvetica,sans-serif;margin:0 0 9px;color:#1a3442}
.hh-sponsor-business .sponsor-product-needs ul{list-style:none;margin:0;padding:0}
.hh-sponsor-business .sponsor-product-needs li{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:7px 0;border-top:1px solid #dce7ea;font:600 .89rem/1.35 Arial,Helvetica,sans-serif;color:#263e4a}
.hh-sponsor-business .sponsor-product-needs li small{display:block;font-weight:400;color:#526871;font-size:.83rem;margin-top:3px}
.hh-sponsor-business .sponsor-need-state{font:800 .69rem/1.3 Arial,Helvetica,sans-serif;text-transform:uppercase;white-space:nowrap;color:#7b4f12}
.hh-sponsor-business .sponsor-need-secured{color:#39714e}
.hh-sponsor-business .sponsor-product-link{display:inline-block;align-self:flex-start;font:800 .8rem/1.3 Arial,Helvetica,sans-serif;color:#234c62;margin:6px 0 17px;text-underline-offset:3px}
.hh-sponsor-business #hh-sponsor-tier-field[hidden]{display:none}
.hh-sponsor-business .sponsor-product-needs a{color:#245b79;text-underline-offset:2px}
/* 0.13.41 - Clarify in-kind recognition versus creative placement. */
.hh-sponsor-business .sponsor-in-kind{margin-top:22px;padding:23px 27px;background:#fff;border:1px solid #cbd8dc;border-left:4px solid #ffdc29;border-radius:4px}
.hh-sponsor-business .sponsor-in-kind h3{font:800 1.18rem/1.25 Arial,Helvetica,sans-serif;margin:0 0 11px;color:#172a36}
.hh-sponsor-business .sponsor-in-kind p{font:400 1rem/1.55 Arial,Helvetica,sans-serif;margin:9px 0 0;max-width:1000px;color:#4c626b}