/* Scoped additions to the captured current KAS design. */
.bh-life{background:#080808;color:#fff;padding:clamp(64px,8vw,120px) max(24px,5vw);border-block:1px solid #343434;scroll-margin-top:110px}
.bh-life-intro{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(24px,5vw,72px);align-items:center}
.bh-life .overline{font-size:16px;color:#95c11f}
.bh-life h2,.bh-life h1{font-family:var(--display);font-size:clamp(48px,6.4vw,98px);line-height:.98;margin:20px 0 28px;letter-spacing:0}
.bh-life h2>span,.bh-life h1>span{display:block;font-size:.43em;letter-spacing:.03em;line-height:1.2;margin-bottom:15px}
.bh-life h2 em,.bh-life h1 em{color:#95c11f;font-style:normal}
.bh-life-intro p{font-size:clamp(18px,1.5vw,22px);line-height:1.7;max-width:560px;margin-bottom:28px}
.bh-life-helmet{position:relative;overflow:hidden;margin:0;background:#fff;border-bottom:8px solid #d62598}
.bh-life-helmet>img{display:block;width:100%;height:auto;max-width:100%;aspect-ratio:1;object-fit:contain}
.bh-life-helmet figcaption{position:relative;background:#fff;color:#080808;padding:0 26px 28px;font-size:18px;line-height:1.5;transform:none}
.bh-life-helmet figcaption strong{font-weight:900;font-size:23px;display:block}.bh-life-helmet figcaption span{font-size:15px;display:block;margin-top:8px}
.bh-life-product-link{display:inline-block;margin-top:14px;font-size:16px;font-weight:800;text-decoration:underline;text-underline-offset:4px}
.bh-life-proof{display:flex;align-items:center;gap:28px;padding:34px 0 46px;margin:44px 0 0;border-top:1px solid #444}
.bh-life-proof strong{font:900 clamp(42px,5vw,72px)/1 var(--display);color:#95c11f}.bh-life-proof p{font-size:20px;line-height:1.5}.bh-life-proof span{font-size:16px;color:#ccc}
.bh-life-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 24px;scroll-margin-top:110px}
.bh-life-card{background:#fff;color:#111;border-top:6px solid #95c11f;display:flex;flex-direction:column;min-width:0}.bh-life-card.bh-life-sport{border-color:#d62598}
.bh-life-label{display:flex;justify-content:space-between;padding:17px 23px;font-size:14px;text-transform:uppercase;letter-spacing:.06em;font-weight:750;background:#f3f3f3}
.bh-life-body{padding:24px 23px 0;display:flex;flex-direction:column;flex:1}
.bh-life blockquote{font-size:clamp(22px,1.8vw,27px);font-weight:850;line-height:1.35;margin:0 0 25px;min-height:150px}
.bh-life-person{display:flex;align-items:center;gap:18px;margin:0 0 24px;min-height:96px}
.bh-life-photo{position:relative;overflow:hidden;margin:0;flex:0 0 150px;width:150px;max-width:150px;background:#111}
.bh-life-photo img{position:absolute;height:auto;max-width:none}
.bh-life h3{font-size:clamp(23px,2vw,29px);line-height:1.08;margin:0;overflow-wrap:anywhere}
.bh-life-incident{margin-top:auto!important;font-size:16px;font-weight:750;line-height:1.6;border-top:1px solid #ccc;padding-top:18px}
.bh-life-incident small{display:block;font-size:14px;color:#575757;font-weight:450;margin-top:4px}
.bh-life details{margin-top:18px;border-top:1px solid #ccc}.bh-life summary{cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:10px;list-style:none;font-size:16px;font-weight:800;min-height:68px;padding:16px 0}
.bh-life summary::-webkit-details-marker{display:none}.bh-life summary span{font-size:27px}.bh-life details[open] summary span{transform:rotate(45deg)}
.bh-life-full{font-size:18px;line-height:1.7;padding-bottom:24px}.bh-life-profile{display:inline-block;font-size:16px;font-weight:750;margin-top:16px;text-decoration:underline;text-underline-offset:4px}
.bh-life-context{font-size:16px;line-height:1.7;color:#bbb;margin-top:30px;max-width:1100px}
.bh-life-trust{display:flex;justify-content:space-between;gap:30px;align-items:center;margin-top:50px;padding:40px 0;border-top:1px solid #444;border-bottom:1px solid #444}
.bh-life-trust h3{font-size:clamp(30px,3vw,44px);margin:16px 0 0}.bh-life-next{display:flex;justify-content:space-between;align-items:center;gap:28px;padding-top:40px}
.bh-life-next p{font-size:22px;line-height:1.6}.bh-life-worlds{display:flex;gap:30px;flex-wrap:wrap;padding-top:26px;font-size:17px}
.bh-life-worlds a{text-decoration:underline;text-underline-offset:5px}.bh-life a:focus-visible,.bh-life summary:focus-visible{outline:3px solid #d62598;outline-offset:5px}
.bh-complete-page>.bh-life{padding-top:clamp(140px,13vw,200px)}.bh-extra-profiles,.bh-profile-story-link{padding:clamp(48px,6vw,80px) max(24px,5vw);background:#111;color:#fff;border-top:1px solid #95c11f}
.bh-extra-profiles h2,.bh-profile-story-link h2{font-size:clamp(32px,4vw,55px);line-height:1.1;margin:18px 0 30px}
.bh-extra-profiles>a,.bh-profile-story-link>a{display:inline-block;margin-top:25px;font-size:18px;text-decoration:underline;text-underline-offset:4px}
.bh-extra-profiles .story-link-grid{margin:25px 0}.bh-profile-experience blockquote{font-size:clamp(26px,3vw,40px);font-weight:800;line-height:1.35;margin:30px 0}
.bh-profile-experience .bh-life-photo{flex-basis:150px}.bh-profile-experience p{font-size:19px;line-height:1.75}.bh-profile-experience h2{margin:0!important}
@media(max-width:1100px){.bh-life-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.bh-life blockquote{min-height:110px}.bh-life h3{font-size:27px}}
@media(max-width:750px){.bh-life-intro{grid-template-columns:1fr;gap:28px}.bh-life-helmet{width:100%;max-width:540px;justify-self:center}.bh-life-cards{grid-template-columns:1fr}.bh-life blockquote{min-height:0;font-size:25px}.bh-life h3{font-size:28px}}
@media(max-width:600px){.bh-life{padding:54px 20px}.bh-life h2,.bh-life h1{font-size:clamp(44px,12vw,65px);margin:18px 0 24px}.bh-life-intro p{font-size:18px}.bh-life .overline{font-size:16px}.bh-life-proof{gap:16px;align-items:flex-start;padding:26px 0 32px;margin-top:32px}.bh-life-proof strong{font-size:42px}.bh-life-proof p{font-size:17px}.bh-life-proof span{font-size:15px;line-height:1.6;display:block;margin-top:5px}.bh-life-body{padding:23px 22px 0}.bh-life-trust,.bh-life-next{flex-direction:column;align-items:flex-start;gap:24px}.bh-life-trust .line-button{font-size:16px;white-space:normal}.bh-life-next .lime-button{width:100%;justify-content:center}.bh-life-worlds{font-size:17px}.bh-life-helmet figcaption{padding-inline:20px}.bh-life-person{gap:15px}.bh-life h3{font-size:26px}}
@media(prefers-reduced-motion:reduce){.bh-life *{scroll-behavior:auto!important;transition:none!important}}
.bh-video-archive,.bh-career-archive{margin-top:56px;padding-top:48px;border-top:1px solid #95c11f}.bh-video-group{border-bottom:1px solid #555}.bh-video-group summary{cursor:pointer;font-size:clamp(20px,2.4vw,28px);font-weight:800;padding:22px 0;display:flex;justify-content:space-between;gap:20px}.bh-video-group summary span{font-size:16px;color:#95c11f;white-space:nowrap}.bh-video-group ul{list-style:none;padding:0!important;margin:0 0 24px}.bh-video-group li{padding:14px 0;border-top:1px solid #333}.bh-video-group a{font-size:18px;line-height:1.6;text-decoration:underline;text-underline-offset:4px}.bh-video-group a:focus-visible,.bh-video-group summary:focus-visible{outline:3px solid #95c11f;outline-offset:5px}.bh-video-archive .archive-note{font-size:16px;margin-top:26px;line-height:1.7}
.bh-archive-photo{display:flex;gap:32px;align-items:center;padding:56px max(24px,5vw);background:#101010;border-top:1px solid #333;color:#fff}.story-content .bh-archive-photo{padding:40px 0;margin-top:40px;background:transparent}.bh-archive-photo figure{margin:0;flex:0 0 121px;width:121px}.bh-archive-photo-feature figure{flex-basis:350px;width:350px;max-width:100%}.bh-archive-photo-shop figure{flex-basis:203px;width:203px}.bh-archive-photo img{display:block;width:100%;height:auto}.bh-archive-photo figcaption{font-size:15px;line-height:1.5;color:#bbb;margin-top:14px}.bh-archive-photo h2{font:800 clamp(28px,4vw,52px)/1.05 var(--display);margin:16px 0}.bh-archive-photo p{font-size:18px;line-height:1.7;max-width:600px}.bh-archive-photo .overline{font-size:16px;color:#95c11f}@media(max-width:600px){.bh-archive-photo{align-items:flex-start;flex-direction:column;gap:22px;padding:40px 24px}.bh-video-group summary{font-size:21px;gap:12px}.bh-archive-photo-feature figure{flex-basis:auto}}

/* Larger original photo excerpts without stretching them to card width. */
@media(max-width:600px){.bh-life-photo{flex-basis:140px;width:140px;max-width:140px}.bh-profile-experience .bh-life-photo{flex-basis:140px}.bh-life-person{flex-wrap:wrap}.bh-life-person h3{flex:1 1 min-content}.bh-profile-experience .bh-life-person h2{flex:1 1 min-content}}


/* Broken Heads teaser: original character art with indexable captions. */
.bh-rebel-teaser{position:relative;isolation:isolate;margin:0 0 28px;padding:25px 14px 0;background:#d62598;color:#050505;border:3px solid #050505;outline:2px solid #fff}
.bh-rebel-teaser:before{content:"";position:absolute;inset:20% 0 10%;z-index:-1;background:#95c11f;clip-path:polygon(0 25%,100% 0,100% 75%,0 100%)}
.bh-rebel-stamp{display:table;transform:rotate(-3deg);background:#fff;color:#050505;font:900 clamp(17px,2vw,24px)/1.2 var(--display);letter-spacing:.02em;padding:9px 12px;margin:0 auto 24px}
.bh-rebel-cast{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;align-items:end}
.bh-rebel-cast figure{min-width:0;margin:0;transition:transform .2s ease}
.bh-rebel-cast figure:nth-child(odd){transform:rotate(-3deg)}
.bh-rebel-cast figure:nth-child(even){transform:rotate(3deg) translateY(-8px)}
.bh-rebel-cast img{width:100%;height:clamp(180px,20vw,285px);object-fit:contain;object-position:bottom;filter:drop-shadow(3px 5px 0 #05050566)}
.bh-rebel-cast figcaption{font:900 clamp(17px,1.8vw,25px)/1.2 var(--display);text-transform:uppercase;letter-spacing:.01em;text-align:center;background:#050505;color:#fff;padding:10px 2px;border-bottom:4px solid #95c11f}
.bh-rebel-teaser-line{display:block;background:#050505;color:#fff;font-size:16px;font-weight:800;text-align:center;padding:17px 6px;margin:18px -14px 0;letter-spacing:.04em}
.quiz-start:has(.bh-rebel-teaser) h3{font-family:var(--display);font-size:clamp(34px,3.5vw,52px);line-height:1.05;letter-spacing:0}
.quiz-start:has(.bh-rebel-teaser)>p{font-size:18px;line-height:1.6}
.quiz-start:has(.bh-rebel-teaser)>.lime-button{font-size:17px;min-height:58px;white-space:normal;width:100%;justify-content:center}
.quiz-start:has(.bh-rebel-teaser)>small{font-size:14px;line-height:1.6}
@media(max-width:760px){.bh-rebel-cast{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 10px}.bh-rebel-cast img{height:220px}.bh-rebel-cast figcaption{font-size:18px}.bh-rebel-stamp{font-size:22px}.bh-rebel-teaser{padding-inline:16px}.bh-rebel-teaser-line{margin-inline:-16px;font-size:15px}.quiz-start:has(.bh-rebel-teaser) h3{font-size:39px}}
@media(max-width:360px){.bh-rebel-cast img{height:185px}.bh-rebel-cast figcaption{font-size:16px}.bh-rebel-stamp{font-size:19px}.quiz-start:has(.bh-rebel-teaser) h3{font-size:34px}}
@media(prefers-reduced-motion:reduce){.bh-rebel-cast figure{transition:none}}

.bh-rebel-teaser{scroll-margin-top:120px}

.quiz-start:has(.bh-rebel-teaser){display:flex;flex-direction:column}
.quiz-start:has(.bh-rebel-teaser)>.bh-rebel-teaser{order:0}
.quiz-start:has(.bh-rebel-teaser)>h3{order:1}
.quiz-start:has(.bh-rebel-teaser)>p{order:2}
.quiz-start:has(.bh-rebel-teaser)>.lime-button{order:3}
.quiz-start:has(.bh-rebel-teaser)>small{order:4}
.quiz-start:has(.bh-rebel-teaser)>.axis-intro-grid{order:5;margin-top:28px}

.bh-rebel-teaser{container-type:inline-size;container-name:rebel-stage}
@container rebel-stage (max-width:600px){.bh-rebel-cast{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 10px}.bh-rebel-cast figcaption{font-size:clamp(14px,6cqi,22px)}}


/* Original 2018 Team Broken Head photos, hosted locally without Facebook embeds. */
.bh-rally-feature{max-width:960px;margin:32px auto 52px}
.bh-rally-photo{margin:0;background:#111;border-bottom:4px solid #95c11f;min-width:0}
.bh-rally-photo img{display:block;width:100%;height:auto}
.bh-rally-photo a:focus-visible,.bh-rally-source a:focus-visible{outline:3px solid #d62598;outline-offset:5px}
.bh-rally-photo figcaption{padding:18px 20px;font-size:17px;line-height:1.6;color:#fff}
.bh-rally-gallery{margin:60px 0 0;padding:40px 0 0;border-top:2px solid #d62598}
.bh-rally-gallery h2{font-family:var(--display);font-size:clamp(32px,4.5vw,60px);line-height:1.05;margin:18px 0 30px}
.bh-rally-gallery .overline{font-size:16px}
.bh-rally-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:start}
.bh-rally-source{font-size:16px;line-height:1.7;color:#ccc;margin:26px 0 0}.bh-rally-source a{text-decoration:underline;text-underline-offset:4px}
@media(max-width:760px){.bh-rally-grid{grid-template-columns:1fr;gap:28px}.bh-rally-photo figcaption{font-size:17px;padding:17px}.bh-rally-feature{margin-block:28px 38px}}

@media(max-width:400px){.quiz-start:has(.bh-rebel-teaser){padding:1rem .75rem}.bh-rebel-teaser{padding-inline:10px}.bh-rebel-teaser-line{margin-inline:-10px}}

/* Quiz transitions: keep each new question visible beneath the fixed header. */
.rebel-test-panel{overflow-anchor:none}
.question-progress{font:800 16px/1.4 var(--body,sans-serif);letter-spacing:.06em;color:#95c11f;margin:0 0 14px}
.rebel-test-panel button{touch-action:manipulation}
.question h3:focus{outline:none}
@media(hover:none){.answers button:hover{background:#ffffff04!important;border-color:#ffffff40!important;color:inherit!important}.answers button:hover>b{color:#95c11f!important}.answers button:active{background:#95c11f!important;color:#050505!important}.answers button:active>b{color:#050505!important}}
