:root{--ink:#101210;--paper:#f0ece2;--muted:#bcbdb2;--green:#95c11f;--lime:#bcec26;--pink:#d62598;--red:#ee3049;--blue:#29b4e9;--max:1380px;--display:Impact,'Arial Black','DejaVu Sans Condensed',sans-serif;--hand:'Comic Sans MS','Comic Neue',cursive}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px;overflow-x:clip}body{margin:0;color:var(--paper);background:var(--ink);font:16px/1.6 Arial,Helvetica,sans-serif;overflow-x:hidden}body.modal-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--blue);outline-offset:5px}:is(img,svg.inline-art){display:block;max-width:100%;height:auto}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:var(--display);font-weight:900;line-height:1.04;letter-spacing:-.04em;text-transform:uppercase}h1{font-size:clamp(50px,6.5vw,94px)}h2{font-size:clamp(35px,4.3vw,61px)}h3{font-size:28px}p+p{margin-top:15px}::selection{background:var(--pink);color:#fff}.wrap{width:min(calc(100% - 72px),var(--max));margin-inline:auto}.sr-only{position:absolute!important;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip{position:fixed;top:-80px;left:15px;z-index:200;background:var(--green);color:var(--ink);padding:12px}.skip:focus{top:12px}.green{color:var(--green)}.pink{color:var(--pink)}.blue{color:var(--blue)}.hand{font:900 27px/1.15 var(--hand);transform:rotate(-4deg)}.muted{color:var(--muted)}.tiny{font-size:12px}.eyebrow{font-size:11px;letter-spacing:.15em;text-transform:uppercase;font-weight:800}.tape{display:inline-block;padding:7px 14px;background:var(--paper);color:var(--ink);font-size:11px;font-weight:900;line-height:1.25;letter-spacing:.07em;text-transform:uppercase;transform:rotate(-2deg);clip-path:polygon(1% 6%,98% 0,100% 92%,0 100%)}.tape.pink{background:var(--pink);color:white}.tape.green{background:var(--green);color:var(--ink)}.tape.blue{background:var(--blue);color:var(--ink)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:49px;padding:13px 21px;border:2px solid var(--ink);background:var(--green);color:var(--ink);box-shadow:5px 5px 0 var(--ink);font:900 12px/1.3 Arial,sans-serif;letter-spacing:.04em;text-transform:uppercase;transition:transform .2s,box-shadow .2s}.btn:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--pink)}.btn.light{background:var(--paper)}.btn.pink{background:var(--pink);color:white}.btn.outline{background:transparent;border-color:currentColor;box-shadow:none;color:inherit}.btn .arrow{font-size:23px}.text-link{font-size:12px;letter-spacing:.05em;font-weight:900;text-transform:uppercase;border-bottom:2px solid currentColor;padding-bottom:5px}.text-link:hover{color:var(--pink)}.actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-top:26px}.rough{background-image:url('images/386d44d2ca669f1570fc4237.webp')}.section{position:relative;padding:76px 0;isolation:isolate}.section.paper{background-color:var(--paper);color:var(--ink)}.section.paper:before,.torn:before{content:'';height:12px;position:absolute;top:-9px;left:0;right:0;background:inherit;clip-path:polygon(0 76%,3% 20%,8% 85%,13% 10%,18% 71%,24% 32%,30% 80%,38% 14%,46% 75%,54% 9%,65% 77%,76% 17%,86% 83%,95% 15%,100% 74%,100% 100%,0 100%)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:34px;margin-bottom:32px}.section-head h2{margin-top:13px}.section-head>p{max-width:400px;font-size:15px;line-height:1.6}.section-head .text-link{white-space:nowrap}.section-head h2 em{font-style:normal;color:var(--green)}.paper .section-head h2 em{color:#1b2414}.section-head .hand{color:var(--green);max-width:270px}.doodle{pointer-events:none;position:absolute;z-index:-1}.paint{width:320px;height:280px;background:currentColor;opacity:.85;clip-path:polygon(50% 0,55% 29%,77% 8%,65% 39%,100% 25%,71% 48%,98% 60%,65% 59%,86% 100%,53% 71%,35% 100%,37% 67%,0 82%,28% 54%,0 31%,35% 37%,20% 0,44% 28%)}.dots{width:360px;height:260px;background:radial-gradient(currentColor 1.3px,transparent 1.8px) 0 0/8px 8px;mask-image:radial-gradient(ellipse,#000,transparent 70%)}.cross{font:900 130px/1 var(--hand);transform:rotate(-15deg)}.mark{font:900 80px/1 var(--hand);color:var(--green);display:block;transform:rotate(-14deg)}
.header{position:sticky;top:0;z-index:80;background:#101210f5;border-bottom:2px solid #363b32;backdrop-filter:blur(12px)}.header-inner{height:77px;display:flex;justify-content:space-between;align-items:center;gap:24px}.brand{flex:none;width:175px}.brand :is(img,svg.inline-art){width:100%}.mainnav{display:flex;gap:22px;align-items:center}.mainnav a{position:relative;font-size:11px;letter-spacing:.06em;font-weight:900;text-transform:uppercase;white-space:nowrap;padding:13px 0}.mainnav a:after{content:'';position:absolute;bottom:3px;left:0;width:0;height:4px;background:var(--pink);transform:rotate(-3deg);transition:width .2s}.mainnav a.active:after,.mainnav a:hover:after{width:100%}.header-actions{display:flex;gap:13px;align-items:center}.motion-btn,.menu-btn{border:1px solid #9996;background:transparent;color:var(--paper);width:33px;height:33px;display:grid;place-items:center;padding:0;line-height:1}.menu-btn{display:none;background:var(--green);color:var(--ink);font-size:22px}.header-shop{padding:11px 13px;border:1px solid var(--green);color:var(--lime);font-size:11px;font-weight:900;text-transform:uppercase;white-space:nowrap}.crumb{padding-top:23px;font-size:11px;color:var(--muted);letter-spacing:.035em;display:flex;gap:10px;flex-wrap:wrap}.crumb a:hover{color:var(--green)}
.hero-home{position:relative;isolation:isolate;padding:70px 0 64px;background:radial-gradient(ellipse at 53% 25%,#31421388,transparent 60%),url('images/386d44d2ca669f1570fc4237.webp'),#111}.hero-grid{display:grid;grid-template-columns:.86fr 1.32fr;align-items:center;gap:48px}.series-logo{width:100%;max-width:500px;filter:drop-shadow(5px 6px 0 #000)}.hero-copy .eyebrow{color:var(--lime);font-size:10px;margin-bottom:19px}.hero-slogan{font:900 clamp(25px,2.9vw,41px)/1.06 var(--display);text-transform:uppercase;letter-spacing:-.025em;margin:24px 0 18px}.hero-slogan span{color:var(--green)}.hero-copy .body-copy{font-size:15px;max-width:430px;color:#d6d5ca}.hero-art{position:relative;padding:10px 0 42px;min-width:0}.art-frame{background:var(--paper);border:7px solid var(--paper);box-shadow:10px 12px 0 var(--pink);transform:rotate(1.8deg)}.art-frame :is(img,svg.inline-art){width:100%;aspect-ratio:1.32;object-fit:cover;object-position:55% center}.art-frame figcaption{display:flex;justify-content:space-between;gap:12px;padding:10px 5px 5px;font-size:10px;font-weight:800;color:var(--ink)}.hero-art>.tape{position:absolute;z-index:2;top:-21px;right:25px;transform:rotate(3deg)}.hero-art:before{content:'';position:absolute;top:4px;left:33%;width:135px;height:30px;background:#e1dfadd9;transform:rotate(-5deg);z-index:3}.hero-art .hand{position:absolute;right:12px;bottom:-15px;font-size:22px;color:var(--lime)}.hero-home .paint.one{color:var(--pink);left:-170px;top:50px;width:420px;height:420px}.hero-home .paint.two{color:var(--blue);right:-140px;bottom:0}.hero-home .dots{left:39%;top:0;color:var(--green)}.ticker{position:relative;z-index:4;padding:13px 0;transform:rotate(-1.3deg);background:var(--pink);border-block:5px solid #111;box-shadow:0 5px 0 #000;overflow:hidden}.ticker-track{display:flex;width:max-content;animation:ticker 34s linear infinite}.ticker-track span{white-space:nowrap;padding-right:35px;font:900 25px/1.2 var(--display);letter-spacing:.02em;color:var(--ink)}.ticker-track b{color:var(--paper)}.ticker-track i{font-style:normal;color:var(--lime);padding:0 24px}.quick-grid{display:grid;grid-template-columns:1.05fr 1.3fr 1fr;gap:22px}.quick{position:relative;background:#242824;min-height:218px;overflow:hidden;border:3px solid var(--paper);box-shadow:5px 5px 0 var(--green)}.quick :is(img,svg.inline-art){width:100%;height:100%;position:absolute;inset:0;object-fit:cover;transition:transform .35s}.quick.trabi{background:var(--green)}.quick.trabi :is(img,svg.inline-art){object-fit:contain;width:100%;height:95%;top:-5px}.quick:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#101210f5,transparent 78%)}.quick.trabi:after{background:linear-gradient(0deg,#101210ed,transparent 65%)}.quick strong{position:absolute;bottom:17px;left:20px;z-index:1;font:900 27px/1 var(--display);text-transform:uppercase}.quick .tag{position:absolute;top:14px;left:15px;z-index:1}.quick:hover :is(img,svg.inline-art){transform:scale(1.045)}.quick .arrow{position:absolute;right:20px;bottom:15px;font-size:27px;z-index:2;color:var(--green)}
.crew-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.crew-card{border:4px solid var(--ink);box-shadow:7px 7px 0 var(--ink);background:var(--paper);color:var(--ink);transform:rotate(-1.4deg);transition:transform .25s}.crew-card:nth-child(2){transform:rotate(1.2deg);margin-top:13px}.crew-card:nth-child(3){transform:rotate(-.9deg)}.crew-card:hover{transform:translateY(-5px) rotate(0)}.crew-visual{position:relative;height:365px;overflow:hidden;background:var(--char-color,var(--green));isolation:isolate;display:flex;align-items:end;justify-content:center}.crew-visual:before{content:'';position:absolute;inset:0;background-image:url('images/386d44d2ca669f1570fc4237.webp');mix-blend-mode:multiply;opacity:.75;z-index:-1}.crew-visual:after{content:'';position:absolute;width:280px;height:280px;background:radial-gradient(#fff9 1px,transparent 2px) 0 0/7px 7px;right:-70px;top:30px;z-index:-1;transform:rotate(23deg)}.crew-name-bg{position:absolute;top:18px;left:15px;right:15px;text-align:center;font:900 clamp(39px,5vw,70px)/.9 var(--display);letter-spacing:-.05em;color:transparent;-webkit-text-stroke:1.5px #1119;transform:rotate(-7deg)}.crew-visual :is(img,svg.inline-art){height:306px;width:auto;max-width:88%;object-fit:contain;filter:drop-shadow(7px 7px 0 #0007);margin-bottom:9px}.crew-index{position:absolute;bottom:0;left:0;right:0;color:white;background:var(--ink);font:900 10px/1.3 Arial,sans-serif;letter-spacing:.075em;padding:8px 13px}.crew-text{padding:25px}.crew-text h3{font-size:34px}.crew-text p{font-size:14px;min-height:67px;margin-top:12px}.crew-text .quote{font:900 19px/1.3 var(--hand);margin:15px 0}.card-link{display:flex;align-items:center;justify-content:space-between;border:2px solid var(--ink);padding:11px 13px;font:900 11px/1.3 Arial,sans-serif;text-transform:uppercase}.card-link:hover{background:var(--ink);color:var(--paper)}.crew-bottom{display:flex;justify-content:center;align-items:center;gap:23px;margin-top:44px;font:900 24px/1.2 var(--hand)}.crew-bottom span{font-size:42px;color:var(--pink)}
.bike-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.bike-card{display:block;border:3px solid var(--paper);background:#161916;transition:transform .2s}.bike-card:hover{transform:translateY(-5px)}.bike-visual{position:relative;height:240px;overflow:hidden}.bike-visual :is(img,svg.inline-art){width:100%;height:100%;object-fit:cover}.bike-visual .tape{position:absolute;top:13px;left:13px}.bike-copy{padding:21px}.bike-copy h3{font-size:30px}.bike-copy p{font-size:13px;color:#c7c9bd;margin:9px 0 18px}.bike-copy .card-link{border-color:#777;color:var(--paper)}.spec-strip{display:flex;gap:8px;flex-wrap:wrap;margin:19px 0}.spec-strip span{border:1px solid #7776;padding:6px 10px;font:800 10px/1.3 Arial,sans-serif;letter-spacing:.055em;text-transform:uppercase}
.project-banner{background:var(--green);color:var(--ink);position:relative;isolation:isolate;padding:53px 0 44px;overflow:hidden}.project-banner:before{content:'';position:absolute;inset:0;background-image:url('images/386d44d2ca669f1570fc4237.webp');opacity:.4;pointer-events:none}.project-grid{position:relative;display:grid;grid-template-columns:.78fr 1.3fr;gap:25px;align-items:center}.project-grid h2{font-size:clamp(39px,4.5vw,70px);margin:16px 0}.project-grid p{max-width:430px;font-size:15px}.project-art{position:relative}.project-art :is(img,svg.inline-art){width:100%;filter:drop-shadow(13px 17px 0 #24310047);transform:rotate(-3deg)}.project-art .tape{position:absolute;right:5%;top:2%;z-index:1}.project-art .hand{position:absolute;bottom:-10px;right:10px;font-size:25px;color:var(--ink)}
.episode-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:21px}.episode-card{position:relative;border:3px solid var(--paper);background:var(--paper);color:var(--ink);transform:rotate(-.7deg);transition:transform .25s}.episode-card:nth-child(even){transform:rotate(.8deg)}.episode-card:hover{transform:rotate(0) translateY(-4px)}.episode-image{position:relative;aspect-ratio:1.22;overflow:hidden;background:#222}.episode-image :is(img,svg.inline-art){width:100%;height:100%;object-fit:cover;object-position:center 44%}.episode-image .badge{position:absolute;top:11px;left:11px;background:var(--pink);color:white;padding:6px 10px;font:900 11px/1.2 Arial}.episode-image .duration{position:absolute;bottom:10px;right:9px;font:900 9px/1.1 Arial;background:#111d;color:white;padding:6px}.episode-image.trabi-preview{background:var(--green)}.episode-image.trabi-preview :is(img,svg.inline-art){object-fit:contain}.episode-copy{padding:19px 17px 20px}.episode-copy h3{font-size:24px;min-height:49px}.episode-copy p{font-size:13px;margin:11px 0 18px;min-height:63px}.episode-copy .card-link{font-size:10px;padding:10px}.after-row{margin-top:30px;display:flex;align-items:center;justify-content:space-between;gap:22px}.after-row .hand{font-size:22px;color:var(--green)}
.yard-grid{display:grid;grid-template-columns:1.18fr 1fr;gap:60px;align-items:center}.yard-collage{position:relative;padding:0 12px 62px 0}.yard-collage>:is(img,svg.inline-art){width:100%;border:7px solid var(--paper);transform:rotate(-2deg);box-shadow:8px 8px 0 var(--pink);aspect-ratio:1.4;object-fit:cover;object-position:60% 56%}.yard-collage .tape{position:absolute;right:6px;top:-16px}.yard-collage .yard-number{position:absolute;bottom:8px;left:10px;font:900 73px/.95 var(--display);color:var(--green);transform:rotate(-5deg);text-shadow:4px 4px #111}.yard-copy h2{margin:18px 0 23px}.yard-copy p{font-size:15px;max-width:450px}.yard-copy small{display:block;color:var(--muted);font-size:12px;margin-top:22px;max-width:460px}.familia-banner{padding:55px 0;background:var(--pink);color:#fff}.familia-grid{display:flex;justify-content:space-between;align-items:center;gap:40px}.familia-grid h2{font-size:clamp(36px,4.3vw,60px)}.familia-grid p{margin-top:13px;font-size:15px;max-width:600px}.familia-grid .btn{white-space:nowrap}.footer{background:#090b09;padding:39px 0 29px}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:30px}.footer-brand{width:168px}.footer-nav{display:flex;gap:20px;flex-wrap:wrap;font-size:11px;font-weight:800;text-transform:uppercase}.footer-nav a:hover{color:var(--green)}.footer-bottom{margin-top:30px;padding-top:18px;border-top:1px solid #45483d;color:#989d90;font-size:10px;display:flex;justify-content:space-between;gap:25px}.footer-bottom a{color:var(--green)}.scroll-meter{position:fixed;bottom:0;left:0;right:0;height:4px;z-index:99;pointer-events:none}.scroll-meter span{display:block;height:100%;background:var(--pink);width:0}
/* Inner pages: same references, never alternate character designs. */
.inner-hero{padding:38px 0 61px;position:relative;isolation:isolate;background:radial-gradient(ellipse at 80% 60%,#35471955,transparent 65%),url('images/386d44d2ca669f1570fc4237.webp')}.inner-title{max-width:1000px}.inner-title h1{margin:17px 0 21px}.inner-title p{font-size:17px;max-width:710px;color:#d0d2c8}.inner-title .small-note{font-size:12px;color:var(--muted);margin-top:17px}.profile-grid{display:grid;grid-template-columns:1.06fr .94fr;gap:70px;align-items:center}.profile-visual{position:relative;height:600px;display:flex;align-items:center;justify-content:center;isolation:isolate}.profile-visual .paint{inset:12% 0 auto 4%;width:90%;height:70%;color:var(--char-color)}.profile-visual:after{content:attr(data-name);position:absolute;top:13%;left:2%;font:900 clamp(60px,10vw,132px)/.9 var(--display);color:transparent;-webkit-text-stroke:2px #eee9df77;transform:rotate(-8deg);z-index:-1}.profile-visual :is(img,svg.inline-art){height:92%;width:auto;max-width:80%;object-fit:contain;filter:drop-shadow(12px 10px 0 #0005)}.profile-copy h1{margin:16px 0 18px;font-size:clamp(58px,7.5vw,105px);color:var(--char-color)}.profile-copy .quote{font:900 29px/1.25 var(--hand);margin:24px 0;transform:rotate(-3deg)}.profile-copy p{color:#d3d3c7;font-size:16px;max-width:510px}.facts{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid #7775;margin-top:28px}.facts div{padding:17px 14px 17px 0;border-bottom:1px solid #7775}.facts dt{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-weight:800}.facts dd{margin:5px 0 0;font-size:14px;font-weight:800}.duo-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.duo-grid.reverse{grid-template-columns:.85fr 1.15fr}.duo-copy h2{margin:15px 0 22px}.duo-copy p{font-size:15px;max-width:590px}.duo-copy blockquote{font:900 27px/1.2 var(--hand);margin:30px 0;transform:rotate(-3deg)}.image-button{display:block;width:100%;padding:0;border:5px solid var(--paper);box-shadow:7px 7px 0 var(--pink);background:#252825;text-align:left;position:relative;overflow:hidden}.image-button :is(img,svg.inline-art){width:100%}.image-button .zoom-label{position:absolute;right:9px;bottom:9px;color:white;background:#111c;padding:6px 9px;font:800 9px/1.3 Arial;letter-spacing:.05em}.paper .image-button{border-color:#111;box-shadow:7px 7px 0 var(--green)}.sheet-wrap{max-width:1120px;margin:auto}.sheet-note{font-size:12px;margin-top:20px;color:inherit;opacity:.8}.bike-hero{padding:30px 0 62px}.bike-hero-grid{display:grid;grid-template-columns:1.3fr .8fr;gap:48px;align-items:center}.bike-hero-visual :is(img,svg.inline-art){width:100%;border:6px solid var(--paper);box-shadow:9px 9px 0 var(--char-color)}.bike-hero-copy h1{font-size:clamp(42px,4.8vw,70px);margin:16px 0 23px}.bike-hero-copy h1 span{display:block;color:var(--char-color)}.bike-hero-copy p{font-size:15px;color:#d1d2c6}.mini-crew{display:flex;align-items:center;gap:18px;margin-top:25px;padding-top:21px;border-top:1px solid #656954}.mini-crew :is(img,svg.inline-art){height:98px;width:75px;object-fit:contain}.mini-crew strong{display:block;font:900 22px/1.1 var(--display);text-transform:uppercase}.mini-crew span{display:block;font-size:12px;margin-top:6px;color:var(--muted)}
.project-hero{position:relative;isolation:isolate;padding:30px 0 50px;background:radial-gradient(ellipse at 65% 50%,#53651355,transparent 70%),url('images/386d44d2ca669f1570fc4237.webp')}.project-hero-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:30px;align-items:center}.project-hero h1{font-size:clamp(47px,6vw,88px);margin:20px 0}.project-hero h1 span{display:block;color:var(--green)}.project-hero p{font-size:15px;max-width:470px}.car-board{position:relative;background:var(--paper);color:var(--ink);padding:35px 20px 15px;border:5px solid var(--paper);box-shadow:10px 10px 0 var(--pink);transform:rotate(1.3deg);overflow:hidden;isolation:isolate}.car-board .paint{color:var(--green);width:95%;height:95%;right:0;top:0;opacity:.85}.car-board :is(img,svg.inline-art){width:100%;position:relative;z-index:1;aspect-ratio:1.76;object-fit:contain;filter:drop-shadow(6px 8px 0 #0005)}.car-board figcaption{font-size:10px;display:flex;justify-content:space-between;padding-top:8px}.project-status{margin-top:25px;padding:13px 16px;border-left:4px solid var(--green);background:#ffffff08;font-size:12px!important;color:#cfd4c2}.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.step-card{border-top:4px solid var(--ink);padding:22px 18px 23px;background:#fff4}.step-card .step-n{font:900 58px/1 var(--display);color:var(--pink);margin-bottom:17px}.step-card h3{font-size:24px;margin-bottom:12px}.step-card p{font-size:14px}.compare-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.compare-tabs button{padding:10px 15px;border:2px solid currentColor;color:var(--paper);background:transparent;font-size:12px;font-weight:800}.compare-tabs button.active{background:var(--green);border-color:var(--green);color:var(--ink)}.compare-visual{background:var(--paper);padding:15px;border:5px solid var(--paper);min-width:0}.compare-visual :is(img,svg.inline-art){width:100%;aspect-ratio:1.65;object-fit:contain}.project-crew-row{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:35px}.project-crew-item{display:flex;align-items:center;gap:17px;background:#fff7;padding:17px;border:2px solid #111}.project-crew-item :is(img,svg.inline-art){width:70px;height:130px;object-fit:contain}.project-crew-item h3{font-size:23px}.project-crew-item p{font-size:12px;margin-top:9px}.filterbar{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 28px}.filterbar button{padding:11px 17px;border:1px solid #91978a;color:inherit;background:transparent;font:800 11px/1.2 Arial;letter-spacing:.035em;text-transform:uppercase}.filterbar button.active{background:var(--green);color:var(--ink);border-color:var(--green)}.episode-feature{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.episode-feature .episode-poster{max-height:680px;background:#20261b;border:5px solid var(--paper);overflow:hidden;box-shadow:9px 9px 0 var(--pink)}.episode-feature .episode-poster :is(img,svg.inline-art){width:100%;height:590px;object-fit:contain}.episode-feature .episode-poster.trabi{background:var(--green)}.episode-feature .episode-poster.trabi :is(img,svg.inline-art){height:400px}.episode-summary h1{font-size:clamp(40px,5vw,73px);margin:18px 0 24px}.episode-summary .summary{font-size:17px;max-width:510px}.episode-availability{font-size:12px;margin-top:21px;color:#b8c0ad}.dialogue-box{margin-top:28px;border:1px solid #ffffff55;padding:15px 18px}.dialogue-box summary{font-weight:800;cursor:pointer;font-size:13px}.dialogue-line{padding-top:17px;font-size:14px}.dialogue-line b{color:var(--green)}.next-episode{margin-top:30px;display:flex;gap:20px;align-items:center;justify-content:space-between}.gallery-grid{display:grid;grid-template-columns:1fr 1fr;gap:27px}.gallery-card{min-width:0}.gallery-card .image-button{box-shadow:6px 6px 0 var(--green)}.gallery-card figcaption{font-size:12px;padding:16px 0 0;color:var(--muted)}.gallery-card[hidden]{display:none}.full-panorama{width:100%;border-block:4px solid var(--green);aspect-ratio:3.4;object-fit:cover}.location-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px}.location-card :is(img,svg.inline-art){width:100%;height:350px;object-fit:cover;border:5px solid var(--ink)}.location-card h3{margin:22px 0 12px}.location-card p{font-size:14px}.location-notice{padding:24px;border:2px solid #111;background:var(--green);font-size:14px;margin-top:32px}.copyline{max-width:800px;font-size:17px}.statements{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.statements article{border:2px solid #464d3f;padding:25px}.statements h3{font-size:25px;color:var(--green);margin-bottom:13px}.statements p{font-size:14px}.mobile-page-label{display:none}
/* Accessible artwork viewer. No fake video or premature media requests. */
dialog{width:min(1240px,calc(100% - 28px));max-height:92dvh;border:4px solid var(--paper);background:#141914;padding:0;color:var(--paper);box-shadow:9px 9px 0 var(--pink);overflow:auto}dialog::backdrop{background:#060906e8;backdrop-filter:blur(5px)}.dialog-close{position:sticky;top:8px;left:calc(100% - 49px);display:block;z-index:4;margin:8px 8px -42px auto;width:37px;height:37px;background:var(--green);color:var(--ink);border:2px solid #111;font-size:28px;line-height:1}.lightbox-figure{padding:52px 12px 18px}.lightbox-figure :is(img,svg.inline-art){width:auto;max-width:100%;height:auto;max-height:73vh;object-fit:contain;margin:auto}.lightbox-figure figcaption{text-align:center;font-size:13px;padding:18px 10px 0}.noscript-note{padding:12px;background:#f0ece2;color:#101210}.page-transition{animation:page-in .3s ease-out}
@keyframes ticker{to{transform:translateX(-50%)}}@keyframes page-in{from{opacity:.55;transform:translateY(5px)}to{opacity:1;transform:none}}@keyframes bob{0%,100%{transform:rotate(1.8deg) translateY(0)}50%{transform:rotate(1.1deg) translateY(-5px)}}.hero-home .art-frame{animation:bob 7s ease-in-out infinite}.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important;scroll-behavior:auto!important}
@media(min-width:1750px){.hero-home{padding-block:90px}.crew-visual{height:410px}.crew-visual :is(img,svg.inline-art){height:350px}}
@media(max-width:1190px){.wrap{width:calc(100% - 46px)}.mainnav{gap:14px}.mainnav a{font-size:10px}.brand{width:152px}.header-inner{gap:16px}.header-actions{gap:9px}.header-shop{font-size:10px}.hero-grid{gap:28px;grid-template-columns:.9fr 1.2fr}.hero-slogan{font-size:32px}.hero-copy .body-copy{font-size:14px}.hero-art .hand{font-size:20px}.crew-grid{gap:22px}.crew-visual{height:320px}.crew-visual :is(img,svg.inline-art){height:270px}.crew-text{padding:20px}.crew-text h3{font-size:29px}.episode-grid{gap:15px}.episode-copy h3{font-size:22px}.episode-copy{padding:18px 13px}.episode-copy p{font-size:12px}.yard-grid{gap:35px}.profile-grid{gap:40px}.profile-visual{height:560px}.bike-hero-grid{gap:30px}.project-hero-grid{grid-template-columns:.8fr 1.2fr}.project-hero h1{font-size:62px}}
@media(max-width:980px){.header-inner{height:69px}.brand{width:161px}.menu-btn{display:grid}.mainnav{display:none;position:absolute;top:69px;left:0;right:0;background:#111;padding:18px 23px;border-bottom:4px solid var(--pink);gap:2px;align-items:stretch}.mainnav.open{display:flex;flex-direction:column}.mainnav a{padding:12px;font-size:12px}.mainnav a:after{left:12px;max-width:80px}.header-actions{margin-left:auto}.header-shop{font-size:11px}.hero-grid{grid-template-columns:1fr;gap:43px}.hero-copy{max-width:640px;margin:auto;text-align:center}.series-logo{max-width:480px;margin:auto}.hero-slogan{font-size:37px}.hero-copy .body-copy{max-width:520px;margin:auto}.hero-copy .actions{justify-content:center}.hero-art{max-width:740px;margin:auto}.hero-home{padding-top:45px}.hero-art .hand{font-size:24px}.art-frame :is(img,svg.inline-art){aspect-ratio:1.65}.crew-grid{gap:18px}.crew-visual{height:280px}.crew-visual :is(img,svg.inline-art){height:235px}.crew-name-bg{font-size:48px}.crew-text{padding:17px 14px}.crew-text p{font-size:13px;min-height:90px}.crew-text .quote{font-size:17px;min-height:45px}.card-link{font-size:10px}.quick-grid{gap:15px}.quick strong{font-size:23px}.quick{min-height:200px}.bike-grid{gap:16px}.bike-visual{height:200px}.bike-copy{padding:19px 14px}.bike-copy h3{font-size:25px}.project-grid{grid-template-columns:.9fr 1.1fr}.project-grid h2{font-size:48px}.episode-grid{grid-template-columns:repeat(2,1fr);gap:27px}.episode-copy p{min-height:43px;font-size:14px}.episode-copy h3{font-size:28px;min-height:0}.episode-image{aspect-ratio:1.5}.yard-grid{grid-template-columns:1fr}.yard-collage{max-width:690px;margin:auto;width:100%}.yard-copy{max-width:650px}.profile-grid{gap:20px}.profile-visual{height:480px}.profile-copy h1{font-size:70px}.profile-copy .quote{font-size:23px}.profile-copy p{font-size:14px}.facts dd{font-size:12px}.duo-grid{gap:28px}.bike-hero-grid{grid-template-columns:1fr;gap:38px}.bike-hero-copy{max-width:640px}.bike-hero-copy h1{font-size:64px}.bike-hero-copy h1 span{display:inline}.project-hero-grid{grid-template-columns:1fr;gap:38px}.project-hero h1{font-size:71px}.project-hero p{max-width:640px}.car-board{max-width:820px;margin:auto;width:100%}.steps-grid{grid-template-columns:1fr 1fr}.project-crew-row{gap:13px}.project-crew-item{display:block;text-align:center}.project-crew-item :is(img,svg.inline-art){margin:auto;height:150px;width:85px;margin-bottom:14px}.episode-feature{gap:28px}.episode-feature .episode-poster :is(img,svg.inline-art){height:520px}.episode-summary h1{font-size:49px}.episode-summary .summary{font-size:15px}.location-card :is(img,svg.inline-art){height:260px}.footer-top{align-items:start}.footer-nav{max-width:550px;justify-content:flex-end}}
@media(max-width:680px){.wrap{width:calc(100% - 32px)}.header-inner{gap:10px}.brand{width:141px}.header-shop{padding:9px;font-size:9px}.header-actions{gap:9px}.motion-btn{width:29px;height:30px}.menu-btn{width:31px;height:31px}.hero-home{padding:37px 0 42px}.hero-copy .eyebrow{font-size:9px;margin-bottom:15px}.series-logo{max-width:410px;width:97%}.hero-slogan{font-size:30px;max-width:355px;margin:21px auto 17px}.hero-copy .body-copy{font-size:14px;max-width:360px}.hero-copy .actions{gap:18px;margin-top:23px}.btn{padding:12px 16px;font-size:11px;gap:12px}.hero-grid{gap:34px}.art-frame{border-width:5px;box-shadow:6px 7px 0 var(--pink)}.art-frame :is(img,svg.inline-art){aspect-ratio:1.36;object-position:54%}.art-frame figcaption{font-size:8px;padding:9px 3px 3px;gap:5px}.hero-art>.tape{font-size:8px;top:-15px;right:6px;padding:7px 9px}.hero-art:before{width:80px;height:21px;top:5px}.hero-art .hand{font-size:19px;bottom:0}.hero-art{padding-bottom:35px}.ticker{padding:10px 0;border-width:4px}.ticker-track span{font-size:20px}.ticker-track i{padding:0 18px}.section{padding:51px 0}.section-head{display:block;margin-bottom:28px}.section-head h2{font-size:39px;margin-top:14px}.section-head>p{font-size:14px;margin-top:19px}.section-head>.text-link{display:inline-block;margin-top:19px}.section-head>.hand{margin-top:22px;font-size:22px}.quick-grid{grid-template-columns:1fr 1fr;gap:16px}.quick{min-height:177px}.quick:first-child{grid-column:1/-1;min-height:215px}.quick strong{font-size:23px;left:13px;bottom:17px}.quick .tape{font-size:8px}.quick .arrow{right:12px;font-size:23px}.quick .tag{left:10px;top:11px}.crew-grid{grid-template-columns:1fr;max-width:430px;margin:auto;gap:35px}.crew-card:nth-child(2){margin-top:0}.crew-visual{height:365px}.crew-visual :is(img,svg.inline-art){height:310px}.crew-name-bg{font-size:75px;top:24px}.crew-text{padding:23px}.crew-text h3{font-size:33px}.crew-text p{font-size:14px;min-height:0}.crew-text .quote{font-size:20px;min-height:0}.card-link{font-size:11px}.crew-bottom{font-size:17px;gap:12px}.crew-bottom span{font-size:33px}.bike-grid{grid-template-columns:1fr;gap:27px}.bike-visual{height:auto;aspect-ratio:1.5}.bike-copy{padding:22px}.bike-copy h3{font-size:30px}.bike-copy p{font-size:14px}.project-grid{grid-template-columns:1fr;gap:32px}.project-grid h2{font-size:53px}.project-grid p{font-size:14px}.project-art .hand{font-size:21px;bottom:-19px}.project-art .tape{font-size:9px;right:2%;top:-4%}.project-banner{padding:40px 0 50px}.episode-grid{grid-template-columns:1fr;gap:29px;max-width:460px;margin-inline:auto}.episode-image{aspect-ratio:1.5}.episode-copy{padding:23px}.episode-copy h3{font-size:31px}.episode-copy p{font-size:14px;min-height:0}.episode-copy .card-link{font-size:11px}.after-row{display:block}.after-row .hand{font-size:22px;margin-bottom:24px}.yard-grid{gap:16px}.yard-collage{padding-bottom:59px}.yard-collage>:is(img,svg.inline-art){border-width:5px;box-shadow:6px 6px 0 var(--pink)}.yard-collage .yard-number{font-size:62px;bottom:5px}.yard-collage .tape{font-size:9px;top:-14px}.yard-copy h2{font-size:43px}.yard-copy p{font-size:14px}.familia-banner{padding:45px 0}.familia-grid{display:block}.familia-grid h2{font-size:39px}.familia-grid p{font-size:14px}.familia-grid .btn{margin-top:24px}.footer{padding-top:31px}.footer-top{display:block}.footer-brand{width:152px;margin-bottom:24px}.footer-nav{justify-content:start;gap:15px;font-size:10px}.footer-bottom{display:block;font-size:9px;line-height:1.8}.footer-bottom a{display:inline-block;margin-top:13px}.crumb{font-size:10px;padding-top:18px;gap:8px}.inner-hero{padding:30px 0 40px}.inner-title h1{font-size:51px}.inner-title p{font-size:15px}.profile-grid{display:flex;flex-direction:column-reverse;gap:20px}.profile-copy h1{font-size:78px;margin:15px 0}.profile-copy .quote{font-size:24px}.profile-copy p{font-size:14px}.profile-visual{height:465px;width:100%}.profile-visual:after{font-size:91px;left:6%;top:10%}.profile-visual :is(img,svg.inline-art){height:95%}.facts{margin-top:22px}.facts dd{font-size:13px}.duo-grid,.duo-grid.reverse{grid-template-columns:1fr;gap:31px}.duo-copy h2{font-size:40px}.duo-copy p{font-size:14px}.duo-copy blockquote{font-size:24px}.image-button{border-width:4px;box-shadow:5px 5px 0 var(--pink)}.sheet-note{font-size:11px}.bike-hero-grid{gap:35px}.bike-hero{padding:26px 0 44px}.bike-hero-copy h1{font-size:51px}.bike-hero-copy h1 span{display:block}.bike-hero-copy p{font-size:14px}.bike-hero-visual :is(img,svg.inline-art){border-width:4px;box-shadow:6px 6px 0 var(--char-color)}.project-hero{padding:27px 0 45px}.project-hero h1{font-size:61px}.project-hero p{font-size:14px}.project-hero-grid{gap:30px}.car-board{padding:19px 7px 10px;border-width:4px;box-shadow:6px 6px 0 var(--pink)}.car-board figcaption{font-size:8px}.steps-grid{gap:18px}.step-card{padding:19px 12px}.step-card h3{font-size:21px}.step-card p{font-size:12px}.step-card .step-n{font-size:49px}.project-crew-row{grid-template-columns:1fr;gap:15px;margin-top:27px}.project-crew-item{display:flex;text-align:left}.project-crew-item :is(img,svg.inline-art){width:74px;height:127px;flex:none;margin:0}.project-crew-item p{font-size:13px}.episode-feature{grid-template-columns:1fr;gap:32px}.episode-feature .episode-poster{max-width:480px;margin:auto;width:100%;box-shadow:6px 6px 0 var(--pink)}.episode-feature .episode-poster :is(img,svg.inline-art){height:470px}.episode-summary h1{font-size:48px}.episode-summary .summary{font-size:15px}.episode-feature .episode-poster.trabi :is(img,svg.inline-art){height:275px}.next-episode{flex-wrap:wrap}.gallery-grid{grid-template-columns:1fr;gap:28px}.filterbar{gap:8px}.filterbar button{font-size:10px;padding:10px 13px}.full-panorama{aspect-ratio:1.65;object-position:48% center}.location-grid{grid-template-columns:1fr;gap:29px}.location-card :is(img,svg.inline-art){height:260px}.location-card h3{font-size:28px}.location-notice{font-size:13px;padding:19px}.statements{grid-template-columns:1fr;gap:20px}.statements article{padding:23px}.statements h3{font-size:26px}.statements p{font-size:14px}.copyline{font-size:15px}.lightbox-figure{padding:52px 6px 15px}.lightbox-figure figcaption{font-size:11px}.dialog-close{width:33px;height:33px}dialog{border-width:3px;box-shadow:5px 5px 0 var(--pink)}}
@media(max-width:370px){.header-shop{display:none}.hero-copy .actions{gap:15px}.hero-copy .text-link{font-size:10px}.hero-slogan{font-size:27px}.crew-visual{height:330px}.crew-visual :is(img,svg.inline-art){height:279px}.inner-title h1{font-size:45px}.profile-visual{height:415px}.project-hero h1{font-size:53px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media print{.header,.ticker,.scroll-meter,dialog,.footer-nav{display:none}body{color:#111;background:white}.section{break-inside:avoid}.section,.inner-hero,.hero-home{padding-block:30px}.hero-art,.crew-card,.art-frame{transform:none;box-shadow:none}}
/* Final balance: full artwork remains visible; grain supports instead of obscuring. */
.rough{background-image:linear-gradient(#101210c7,#101210c7),url('images/386d44d2ca669f1570fc4237.webp')}
.section.paper.rough{background-image:linear-gradient(#f0ece2e8,#f0ece2e8),url('images/386d44d2ca669f1570fc4237.webp')}
.familia-banner.rough{background-image:linear-gradient(#d62598e8,#d62598e8),url('images/386d44d2ca669f1570fc4237.webp')}
.hero-home{background:radial-gradient(ellipse at 53% 25%,#31421388,transparent 60%),linear-gradient(#111b,#111b),url('images/386d44d2ca669f1570fc4237.webp'),#111}
.inner-hero{background:radial-gradient(ellipse at 80% 60%,#35471955,transparent 65%),linear-gradient(#111c,#111c),url('images/386d44d2ca669f1570fc4237.webp')}
.project-hero{background:radial-gradient(ellipse at 65% 50%,#53651355,transparent 70%),linear-gradient(#111c,#111c),url('images/386d44d2ca669f1570fc4237.webp')}
.art-frame :is(img,svg.inline-art){aspect-ratio:16/9;object-fit:contain;object-position:center}
@media(min-width:981px){.hero-home{padding-block:77px 67px}.hero-grid{align-items:center}.hero-art{padding-bottom:36px}.hero-art .hand{bottom:-12px}}
@media(max-width:680px){.hero-grid{display:flex;flex-direction:column;gap:15px}.hero-copy{display:contents}.hero-copy>.eyebrow{order:0;margin:0;text-align:center}.hero-copy>h1{order:1;width:100%;margin-top:4px}.hero-copy>h1 .series-logo{width:min(93%,365px)}.hero-art{order:2;width:100%;margin:22px 0 3px;padding-bottom:35px}.hero-art .hand{font-size:17px;bottom:-1px}.hero-slogan{order:3;text-align:center;margin:8px auto 0;font-size:28px}.hero-copy>.body-copy{order:4;text-align:center;margin:0 auto;font-size:13px}.hero-copy>.actions{order:5;justify-content:center;margin-top:8px}.hero-home{padding-bottom:35px}.art-frame :is(img,svg.inline-art){aspect-ratio:16/9;object-fit:contain}.hero-art .art-frame{transform:rotate(1.3deg)}}

/* Navigation fix: real links, always reachable, including without JavaScript. */
.mainnav {gap:18px}
.mainnav a {min-height:44px;display:inline-flex;align-items:center}
.mainnav a:focus-visible,.btn:focus-visible,a:focus-visible,summary:focus-visible,label:focus-visible {outline:3px solid var(--pink);outline-offset:5px}
.js-only {display:none}
.js .js-only {display:grid}
.image-reveal {min-width:0}
.image-reveal > summary {list-style:none;cursor:zoom-in}
.image-reveal > summary::-webkit-details-marker {display:none}
.reveal-content {margin-top:20px;background:#111;padding:16px;color:#fff;border:2px solid var(--green)}
.reveal-content :is(img,svg.inline-art) {width:100%;height:auto!important;object-fit:contain!important;max-height:none!important;aspect-ratio:auto!important}
.reveal-content p {font-size:13px;line-height:1.6;margin-top:12px}
.image-reveal[open] > summary {cursor:zoom-out}
.offline-page {scroll-margin-top:92px;min-width:0}
#inhalt:focus {outline:none}
@media(max-width:980px){
 .header-inner {height:auto;min-height:70px;flex-wrap:wrap;gap:5px 12px;padding-block:11px 7px}
 .header-actions {margin-left:auto}
 .mainnav,.mainnav.open {display:flex;position:static;order:3;width:100%;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;gap:0 18px;align-items:center;padding:0;background:none;border:0;transform:none;opacity:1;visibility:visible}
 .mainnav a {padding:9px 0;font-size:11px;min-height:38px}
 .mainnav a:after {left:0;bottom:3px}
 .offline-page {scroll-margin-top:155px}
}
@media(max-width:420px){.mainnav,.mainnav.open {gap:0 15px}.mainnav a{font-size:10px}.header-inner{padding-block:8px 3px}}
/* Native compare controls. */
.compare-native .compare-choice {position:absolute;opacity:0;width:1px;height:1px;overflow:hidden}
.compare-native .compare-tabs {display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}
.compare-native label {display:inline-block;cursor:pointer;font-weight:900;font-size:12px;text-transform:uppercase;padding:12px 18px;border:2px solid var(--ink);background:var(--paper);color:var(--ink)}
.compare-native #trabi-mode-comic:checked ~ .compare-tabs label[for=trabi-mode-comic],
.compare-native #trabi-mode-original:checked ~ .compare-tabs label[for=trabi-mode-original]{background:var(--ink);color:var(--lime)}
.compare-native #trabi-mode-comic:focus-visible ~ .compare-tabs label[for=trabi-mode-comic],
.compare-native #trabi-mode-original:focus-visible ~ .compare-tabs label[for=trabi-mode-original]{outline:3px solid var(--pink);outline-offset:3px}
.compare-native .compare-native-view{display:none}
.compare-native #trabi-mode-comic:checked ~ .compare-native-view.comic,
.compare-native #trabi-mode-original:checked ~ .compare-native-view.original{display:block}
.compare-native-view :is(img,svg.inline-art){width:100%;height:auto;object-fit:contain}

/* Progressive-free routing: these rules work even when ALL scripts are disabled. */
.preview-router>.offline-page {display:none}
.preview-router>.preview-home {display:block}
.preview-router>.offline-page:target {display:block}
.preview-router>.offline-page:target~.preview-home {display:none}
.preview-router>.offline-page:has(:target) {display:block}
.preview-router>.offline-page:has(:target)~.preview-home {display:none}
html {scroll-behavior:auto}
.offline-preview .offline-page {min-height:60vh}
.offline-preview .offline-page:target {outline:none}
body:has(#p-crew:target) .mainnav a[data-nav="crew"]:after{width:100%}
body:has(#p-chuck:target) .mainnav a[data-nav="crew"]:after{width:100%}
body:has(#p-helmut:target) .mainnav a[data-nav="crew"]:after{width:100%}
body:has(#p-sepp:target) .mainnav a[data-nav="crew"]:after{width:100%}
body:has(#p-bikes:target) .mainnav a[data-nav="bikes"]:after{width:100%}
body:has(#p-supermoto:target) .mainnav a[data-nav="bikes"]:after{width:100%}
body:has(#p-streetfighter:target) .mainnav a[data-nav="bikes"]:after{width:100%}
body:has(#p-gummikuh:target) .mainnav a[data-nav="bikes"]:after{width:100%}
body:has(#p-folgen:target) .mainnav a[data-nav="folgen"]:after{width:100%}
body:has(#p-folge-1:target) .mainnav a[data-nav="folgen"]:after{width:100%}
body:has(#p-folge-2:target) .mainnav a[data-nav="folgen"]:after{width:100%}
body:has(#p-folge-3:target) .mainnav a[data-nav="folgen"]:after{width:100%}
body:has(#p-folge-4:target) .mainnav a[data-nav="folgen"]:after{width:100%}
body:has(#p-trabi-projekt:target) .mainnav a[data-nav="trabi"]:after{width:100%}
body:has(#p-stuntspot:target) .mainnav a[data-nav="stuntspot"]:after{width:100%}
body:has(#p-galerie:target) .mainnav a[data-nav="galerie"]:after{width:100%}
body:has(#p-index:target) .mainnav a[data-nav="index"]:after{width:100%}

svg.inline-art{overflow:hidden}

body:has(.offline-page:target:not(.preview-home)) .mainnav a[data-nav="index"]:after {width:0}
body:has(.offline-page:has(:target):not(.preview-home)) .mainnav a[data-nav="index"]:after {width:0}

/* Artwork captions: structural rows, never layers over the image. */
.caption-clear { min-width:0; }
.caption-clear .media-labels {
  position:relative; display:flex; flex-wrap:wrap; align-items:center;
  justify-content:space-between; gap:10px; padding:15px 15px 14px;
  min-width:0; background:var(--ink); color:var(--paper); isolation:isolate;
}
.caption-clear .media-labels > :is(.tape,.tag,.badge,.duration) {
  position:relative; inset:auto; margin:0; max-width:100%;
  white-space:normal; overflow-wrap:break-word; line-height:1.4;
}
.caption-clear .media-stage {
  position:relative; display:flex; align-items:center; justify-content:center;
  min-width:0; overflow:hidden; isolation:isolate;
}
.caption-clear .media-stage > :is(img,svg.inline-art) {
  display:block; position:static; inset:auto; width:100%; max-width:100%;
  height:auto; margin:0; object-fit:contain;
}
.caption-clear .media-footer {
  position:relative; display:flex; align-items:center; justify-content:space-between;
  gap:16px; min-width:0; padding:16px 17px;
  background:var(--paper); color:var(--ink);
}
/* The three gateway cards. Preserve every illustration and remove the scrim. */
.quick-grid { grid-template-columns:repeat(3,minmax(0,1fr)); align-items:stretch; }
.quick.caption-clear {
  display:flex; flex-direction:column; min-height:0; overflow:hidden;
  background:var(--ink); border-color:var(--paper);
}
.quick.caption-clear::after { content:none; }
.quick.caption-clear .media-labels { justify-content:flex-start; padding:16px 14px; }
.quick.caption-clear .media-labels .tag { position:relative; inset:auto; font-size:10px; }
.quick.caption-clear .media-stage { height:270px; background:#1c2119; }
.quick.trabi.caption-clear .media-stage { background:var(--green); }
.quick.caption-clear .media-stage > :is(img,svg.inline-art) {
  width:100%; height:100%; object-fit:contain; transform:none;
}
.quick.caption-clear .media-footer { margin-top:auto; min-height:92px; }
.quick.caption-clear .media-footer strong {
  position:static; inset:auto; flex:1; min-width:0;
  font:900 clamp(23px,2.2vw,32px)/1.09 var(--display);
  color:var(--ink); letter-spacing:-.025em; overflow-wrap:normal;
}
.quick.caption-clear .media-footer .arrow {
  position:static; inset:auto; flex:none; width:34px; height:34px;
  display:grid; place-items:center; padding:0; background:var(--green);
  color:var(--ink); font:900 25px/1 Arial,sans-serif;
}
.quick.caption-clear:hover .media-footer { background:var(--lime); }
.quick.caption-clear:hover .media-stage > :is(img,svg.inline-art) { transform:none; }
/* Bike labels sit in a separate header; the entire bike remains visible. */
.bike-visual.caption-clear { display:block; height:auto; aspect-ratio:auto; overflow:visible; }
.bike-visual.caption-clear .media-stage { aspect-ratio:16/9; background:#151815; }
.bike-visual.caption-clear .media-stage > :is(img,svg.inline-art) { width:100%;height:100%;object-fit:contain; }
.bike-visual.caption-clear .media-labels { justify-content:flex-start; }
.bike-visual.caption-clear .media-labels .tape { position:relative;inset:auto; }
/* Episode number and duration both get their own row above the poster. */
.episode-image.caption-clear { height:auto; aspect-ratio:auto; overflow:visible; }
.episode-image.caption-clear .media-labels { padding:14px 12px; gap:9px; min-height:56px; }
.episode-image.caption-clear .media-labels .badge { position:static; inset:auto; }
.episode-image.caption-clear .media-labels .duration {
  position:static; inset:auto; padding:4px 0;
  color:var(--paper); background:transparent; font-size:10px;
}
.episode-image.caption-clear .media-stage { height:310px; background:#1c2119; }
.episode-image.trabi-preview.caption-clear .media-stage { background:var(--green); }
.episode-image.caption-clear .media-stage > :is(img,svg.inline-art) { width:100%;height:100%;object-fit:contain; }
/* The original crew cutouts get a clear name row and a clear footnote row. */
.crew-visual.caption-clear { display:flex; flex-direction:column; height:auto; overflow:hidden; }
.crew-visual.caption-clear .media-labels { background:transparent; padding:17px 15px 10px; width:100%; }
.crew-visual.caption-clear .crew-name-bg {
  position:static; inset:auto; width:100%; display:block; margin:0;
  transform:rotate(-3deg); font-size:clamp(40px,4.6vw,62px); line-height:1;
}
.crew-visual.caption-clear .media-stage { width:100%;height:315px; padding:10px 10px 16px; }
.crew-visual.caption-clear .media-stage > :is(img,svg.inline-art) {
  width:auto; height:100%; max-width:88%; margin:0; object-fit:contain;
}
.crew-visual.caption-clear .media-footer {
  display:block; padding:0; width:100%; background:var(--ink);color:white;
}
.crew-visual.caption-clear .crew-index {
  display:block; position:static; inset:auto; width:100%; margin:0;
  min-height:38px; padding:11px 13px; line-height:1.5;
}
/* Zoom controls and gallery prompts go below the artwork, not in its corner. */
.image-button.caption-clear { display:block; }
.image-button.caption-clear .media-stage > :is(img,svg.inline-art) { width:100%; height:auto; object-fit:contain; }
.image-button.caption-clear .media-footer {
  justify-content:flex-end; padding:11px 12px;
  color:var(--paper); background:var(--ink);
}
.image-button.caption-clear .zoom-label {
  position:static; inset:auto; padding:0; background:transparent;
  color:inherit; font-size:10px; letter-spacing:.06em;
}
/* Trabi caption and the location postcode each stay out of the picture. */
.project-art.caption-clear { display:flex;flex-direction:column;gap:20px; }
.project-art.caption-clear .media-labels { background:transparent;padding:0;justify-content:flex-end; }
.project-art.caption-clear .media-labels .tape { position:relative;inset:auto;font-size:11px; }
.project-art.caption-clear .media-stage { padding:16px 10px; }
.project-art.caption-clear .media-stage > :is(img,svg.inline-art) { transform:rotate(-2deg); }
.project-art.caption-clear .media-footer { background:transparent;justify-content:flex-end;padding:0 6px 8px; }
.project-art.caption-clear .hand { position:static;inset:auto;font-size:25px;transform:rotate(-3deg); }
.yard-collage.caption-clear { display:flex;flex-direction:column;gap:18px;padding:0 12px 0 0; }
.yard-collage.caption-clear .media-labels { padding:0 4px;justify-content:flex-end;background:transparent; }
.yard-collage.caption-clear .media-labels .tape { position:relative;inset:auto; }
.yard-collage.caption-clear .media-stage {
  border:6px solid var(--paper);box-shadow:7px 7px 0 var(--pink);
  background:#1b2018;max-height:540px;
}
.yard-collage.caption-clear .media-stage > :is(img,svg.inline-art) { width:100%;height:auto;max-height:525px;object-fit:contain; }
.yard-collage.caption-clear .media-footer { padding:14px 4px 0;background:transparent; }
.yard-collage.caption-clear .yard-number { position:static;inset:auto;font-size:67px;line-height:1.12;margin:0;transform:rotate(-3deg); }
/* Narrow screens: one card per row gives pictures and captions enough room. */
@media (max-width:980px) {
  .quick.caption-clear .media-stage { height:220px; }
  .quick.caption-clear .media-footer { padding:15px 13px; min-height:94px;gap:10px; }
}
@media (max-width:680px) {
  .quick-grid { grid-template-columns:minmax(0,1fr); gap:30px; }
  .quick-grid .quick:first-child { grid-column:auto;min-height:0; }
  .quick.caption-clear .media-labels { padding:17px 16px; }
  .quick.caption-clear .media-labels .tag { font-size:11px; }
  .quick.caption-clear .media-stage { height:auto;min-height:0; }
  .quick.caption-clear .media-stage > :is(img,svg.inline-art) {
    position:static;inset:auto;width:100%;height:auto;max-height:430px;
    object-fit:contain;aspect-ratio:auto;
  }
  .quick.trabi.caption-clear .media-stage { padding:16px 8px; }
  .quick.caption-clear .media-footer { min-height:76px;padding:18px; }
  .quick.caption-clear .media-footer strong { font-size:28px; }
  .quick.caption-clear .media-footer .arrow { width:36px;height:36px;font-size:26px; }
  .crew-visual.caption-clear .media-stage { height:315px; }
  .crew-visual.caption-clear .crew-name-bg { font-size:58px; }
  .bike-visual.caption-clear { height:auto;aspect-ratio:auto; }
  .episode-image.caption-clear { height:auto;aspect-ratio:auto; }
  .episode-image.caption-clear .media-stage { height:370px; }
  .episode-image.trabi-preview.caption-clear .media-stage { height:auto;min-height:180px;padding:12px; }
  .project-art.caption-clear .media-labels .tape { font-size:10px; }
  .project-art.caption-clear .hand { font-size:22px; }
  .yard-collage.caption-clear { padding-bottom:0; }
}
@media (max-width:370px) {
  .quick.caption-clear .media-footer strong { font-size:25px; }
  .crew-visual.caption-clear .media-stage { height:285px; }
}


.skip:not(:focus) { visibility:hidden; }


.crew-visual.caption-clear .media-labels { padding-bottom:22px; }

/* Broken Heads: one shared Polaroid system. Source artwork is untouched. */
:root{--bh-motion:running;--bh-motion-factor:1}
body{--bh-frame-paper:#f0ece2}
.photo-shell{position:relative;min-width:0;padding:22px 4px 9px;margin:0;isolation:isolate}
.photo-shell.with-note{padding-top:0}
.photo-note{position:relative!important;display:flex!important;flex-wrap:wrap;align-items:center;justify-content:flex-end!important;gap:10px;min-height:30px;padding:0!important;margin:0 7px 18px!important;color:inherit;background:transparent!important;isolation:isolate}
.photo-note :is(.tag,.tape,.badge,.duration){position:static!important;inset:auto!important;margin:0;max-width:100%;font:900 10px/1.45 Arial,Helvetica,sans-serif;letter-spacing:.075em;text-transform:uppercase;white-space:normal}
.photo-note .tape,.photo-note .badge{background:var(--photo-shadow,var(--pink));color:#101210;padding:8px 12px;transform:rotate(2deg);clip-path:polygon(1% 4%,99% 0,100% 96%,0 100%)}
.photo-note .pink{color:white}
.photo-note .duration{padding:7px 0;color:inherit;font-size:9px}
.photo-note .crew-name-bg{position:static!important;inset:auto!important;display:inline-block;width:auto;-webkit-text-stroke:0;transform:rotate(2deg);font:900 16px/1.2 var(--display);letter-spacing:.035em;padding:8px 16px;color:#101210;background:var(--char-color,var(--photo-shadow));text-align:left}
.bh-polaroid{--photo-tilt:1.1deg;--photo-shadow:var(--pink);--photo-cycle:8s;--photo-delay:0s;position:relative!important;display:block;min-width:0;margin:0!important;padding:8px!important;border:0!important;background:var(--bh-frame-paper)!important;color:var(--ink)!important;overflow:visible!important;isolation:isolate;box-shadow:8px 10px 0 var(--photo-shadow)!important;transform-origin:50% 9%;transform:rotate(var(--photo-tilt));animation:bh-photo-float var(--photo-cycle) ease-in-out var(--photo-delay) infinite;animation-play-state:var(--bh-motion)!important;transition:box-shadow .25s ease,scale .25s ease}
.bh-polaroid::before{content:''!important;display:block;position:absolute!important;inset:auto!important;top:-12px!important;left:37%!important;width:26%!important;min-width:55px;max-width:122px;height:29px!important;background:repeating-linear-gradient(97deg,#eeebbece 0 3px,#e1ddacce 3px 5px)!important;box-shadow:0 1px 1px #0000000d;transform:rotate(-5deg);clip-path:polygon(0 6%,5% 0,10% 6%,17% 0,24% 5%,33% 0,43% 4%,53% 0,64% 6%,76% 0,86% 5%,96% 0,100% 94%,94% 100%,87% 95%,76% 100%,64% 96%,52% 100%,40% 95%,25% 100%,13% 96%,3% 100%);mix-blend-mode:normal!important;opacity:1!important;z-index:3!important;pointer-events:none}
.bh-polaroid::after{content:none!important}
.bh-polaroid :is(.media-stage,.photo-stage){position:relative;display:flex;align-items:center;justify-content:center;min-width:0;overflow:hidden;isolation:isolate;background:#171c17;box-shadow:none!important;border:0!important}
.bh-polaroid .media-stage>:is(img,svg.inline-art),.bh-polaroid .photo-stage>:is(img,svg.inline-art){position:static!important;inset:auto!important;display:block;width:100%;max-width:100%;height:auto;object-fit:contain;transform:none!important;filter:none;margin:0}
.bh-polaroid :is(.media-footer,.photo-caption-row,figcaption){position:relative!important;inset:auto!important;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 5px 5px!important;background:var(--bh-frame-paper)!important;color:var(--ink)!important;font:800 10px/1.5 Arial,Helvetica,sans-serif;min-width:0}
.bh-polaroid :is(.media-footer,.photo-caption-row,figcaption)>*{min-width:0}
.bh-polaroid :is(.media-footer,.photo-caption-row,figcaption) .arrow{position:static!important;flex:none;display:grid;place-items:center;background:none!important;color:var(--ink)!important;font:900 26px/1 Arial,Helvetica,sans-serif;width:30px;height:34px;text-shadow:none}
.bh-polaroid :is(.crew-text,.bike-copy,.episode-copy,.location-copy){padding:20px 12px 13px;background:transparent;color:var(--ink)}
.bh-polaroid :is(.bike-copy,.episode-copy,.crew-text,.location-copy) p{color:#353930}
.bh-polaroid .card-link{color:var(--ink);border-color:#10121066}
.bh-polaroid .card-link:hover{color:var(--paper);background:var(--ink)}
.bh-polaroid .card-link span{font-family:Arial,Helvetica,sans-serif}
.bh-polaroid .media-stage{height:auto!important;min-height:0!important;aspect-ratio:auto!important;padding:0}
.bh-polaroid .media-stage>:is(img,svg.inline-art){height:auto!important;max-height:none!important;aspect-ratio:auto;object-fit:contain}
.quick-grid,.bike-grid{gap:30px;align-items:start}
.quick-grid .photo-shell{display:flex;flex-direction:column;align-self:stretch}
.quick-grid .photo-shell>.quick{flex:1}
.quick.bh-polaroid{display:flex;flex-direction:column;min-height:0}
.quick.bh-polaroid .media-stage{height:260px!important;background:#171c17}
.quick.bh-polaroid .media-stage>:is(img,svg.inline-art){height:100%!important;width:100%;object-fit:contain}
.quick.trabi.bh-polaroid .media-stage{background:var(--green);padding:14px 7px}
.quick.bh-polaroid .media-footer{margin-top:auto;min-height:66px;padding:15px 6px 6px!important}
.quick.bh-polaroid .media-footer strong{position:static!important;font:900 clamp(22px,2vw,30px)/1.08 var(--display);letter-spacing:-.025em;color:var(--ink);text-transform:uppercase}
.quick.bh-polaroid:hover .media-footer{background:var(--paper)}
.hero-home .art-frame.bh-polaroid{animation:bh-photo-float 7.5s ease-in-out -1.2s infinite;animation-play-state:var(--bh-motion)!important;box-shadow:10px 12px 0 var(--pink)!important}
.hero-art::before{content:none}
.art-frame.bh-polaroid>:is(img,svg.inline-art){width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}
.hero-art{padding-top:16px;padding-bottom:56px}
.hero-art>.tape{top:-23px;right:16px}
.hero-art .hand{bottom:0;right:12px}
.crew-grid{gap:36px;align-items:start}
.crew-card.bh-polaroid .crew-visual{background:transparent;isolation:isolate}
.crew-card.bh-polaroid .crew-visual::before,.crew-card.bh-polaroid .crew-visual::after{content:none}
.crew-card.bh-polaroid .media-stage{height:320px!important;padding:12px 12px 16px;background:radial-gradient(circle at 55% 38%,#ffffff50,transparent 62%),var(--char-color,var(--green))}
.crew-card.bh-polaroid .media-stage>:is(img,svg.inline-art){height:100%!important;width:auto!important;max-width:90%;object-fit:contain;filter:drop-shadow(6px 7px 0 #0005)}
.crew-card.bh-polaroid .media-footer{padding:11px 4px 7px!important;display:block}
.crew-card.bh-polaroid .crew-index{background:transparent;color:var(--ink);padding:0;min-height:0;font:800 10px/1.45 Arial,sans-serif}
.crew-card.bh-polaroid .crew-text{padding-top:13px;border-top:1px solid #10121020}
.crew-card.bh-polaroid h3{font-size:33px}
.bike-card.bh-polaroid .bike-visual{height:auto;aspect-ratio:auto}
.bike-card.bh-polaroid .media-stage{aspect-ratio:16/9!important}
.bike-card.bh-polaroid .media-stage>:is(img,svg.inline-art){width:100%;height:100%!important}
.bike-card.bh-polaroid .bike-copy{padding:18px 9px 9px}
.bike-card.bh-polaroid .bike-copy h3{font-size:29px}
.episode-grid{gap:30px;align-items:start}
.episode-card.bh-polaroid .episode-image{background:transparent}
.episode-card.bh-polaroid .media-stage{height:290px!important}
.episode-card.bh-polaroid .media-stage>:is(img,svg.inline-art){height:100%!important;object-fit:contain}
.episode-card.bh-polaroid .trabi-preview .media-stage{background:var(--green);padding:10px}
.episode-card.bh-polaroid .episode-copy{padding:20px 8px 10px}
.episode-card.bh-polaroid .episode-copy h3{font-size:25px}
.project-banner{overflow:visible}
.project-grid,.project-hero-grid{gap:48px}
.project-art.bh-polaroid{gap:0}
.project-art.bh-polaroid .media-stage{background:var(--green);padding:18px 10px}
.project-art.bh-polaroid .media-footer{min-height:65px;justify-content:space-between}
.project-art.bh-polaroid .hand{position:static;transform:none;font:900 20px/1.15 var(--display);text-transform:uppercase}
.yard-collage.bh-polaroid{gap:0;width:100%}
.yard-collage.bh-polaroid .media-stage{max-height:none}
.yard-collage.bh-polaroid .media-stage>:is(img,svg.inline-art){max-height:520px!important;object-fit:contain;aspect-ratio:auto}
.yard-collage.bh-polaroid .media-footer{justify-content:space-between;min-height:55px}
.yard-collage.bh-polaroid .yard-number{font:900 26px/1.2 var(--display);color:var(--ink);text-shadow:none;transform:none}
.yard-collage.bh-polaroid .media-footer::after{content:'WEIDEN / UNSERE HOMEBASE';font:900 9px/1.4 Arial,sans-serif}
.image-reveal{overflow:visible}
.image-button.bh-polaroid .media-footer{display:flex;justify-content:space-between;gap:18px;padding:14px 5px 7px!important}
.image-button.bh-polaroid .photo-caption{font-size:11px;line-height:1.5;font-weight:800;flex:1}
.image-button.bh-polaroid .zoom-label{background:transparent;color:var(--ink);font:900 9px/1.4 Arial,sans-serif;text-align:right;max-width:105px;flex:none}
.gallery-grid{gap:52px 40px}
.gallery-card{padding:16px 3px 10px}
.paper-enlargement{margin:30px 0 0;padding:8px 8px 16px;border:0;background:var(--paper);color:var(--ink);box-shadow:7px 8px 0 var(--green)}
.paper-enlargement p{padding:13px 5px 0;font-size:11px}
.bike-hero-visual.bh-polaroid :is(img,svg.inline-art){border:0;box-shadow:none;width:100%;height:auto}
.episode-feature .episode-poster.bh-polaroid{max-height:none}
.episode-feature .episode-poster.bh-polaroid .photo-stage{height:570px}
.episode-feature .episode-poster.bh-polaroid .photo-stage>:is(img,svg.inline-art){height:100%;width:100%;object-fit:contain}
.episode-feature .episode-poster.trabi.bh-polaroid .photo-stage{height:340px;background:var(--green)}
.profile-grid{gap:60px}
.profile-visual.bh-polaroid{display:block;height:auto;width:100%}
.profile-visual.bh-polaroid .photo-stage{height:550px;padding:22px;background:radial-gradient(circle at 45% 35%,#ffffff44,transparent 65%),var(--char-color,var(--green))}
.profile-visual.bh-polaroid .photo-stage>:is(img,svg.inline-art){height:100%;width:auto;max-width:88%;object-fit:contain;filter:drop-shadow(6px 8px 0 #0005)}
.profile-visual.bh-polaroid .photo-caption-row strong{font:900 23px/1 var(--display)}
.profile-visual.bh-polaroid .photo-caption-row span{font-size:9px;text-align:right;max-width:150px}
.car-board.bh-polaroid .photo-stage,.compare-native-view.bh-polaroid .photo-stage{background:radial-gradient(circle at 50% 50%,var(--lime),var(--green));padding:20px 12px}
.car-board.bh-polaroid :is(img,svg.inline-art){filter:none!important;aspect-ratio:auto;height:auto}
.compare-native-view.original.bh-polaroid .photo-stage{background:#111;padding:0}
.compare-native-view.bh-polaroid{margin-top:32px!important}
.compare-native-view.bh-polaroid figcaption{font-size:11px;line-height:1.5}
.compare-native-view.comic.bh-polaroid,.compare-native-view.original.bh-polaroid{display:none}
.compare-choice[id$="mode-comic"]:checked~.comic.bh-polaroid,.compare-choice[id$="mode-original"]:checked~.original.bh-polaroid{display:block}
.panorama-wrap{padding-block:36px 32px}
.panorama-photo.bh-polaroid .full-panorama{width:100%;height:auto;aspect-ratio:auto;object-fit:contain;border:0}
.location-grid{gap:44px;align-items:start}
.location-card.bh-polaroid .photo-stage{height:370px}
.location-card.bh-polaroid :is(img,svg.inline-art){border:0;width:100%;height:100%;object-fit:contain}
.location-copy h3{margin:0 0 12px}
.mini-polaroid{display:flex;align-items:center;justify-content:center;flex:none;padding:6px 6px 15px;background:var(--paper);box-shadow:4px 5px 0 var(--char-color,var(--green));transform:rotate(-4deg);margin:5px 3px}
.mini-crew .mini-polaroid :is(img,svg.inline-art),.project-crew-item .mini-polaroid :is(img,svg.inline-art){display:block;width:68px;height:106px;object-fit:contain;margin:0}
.project-crew-item{gap:20px}
.lightbox-figure{background:var(--paper);color:var(--ink);padding:52px 12px 18px}
.lightbox-figure figcaption{color:var(--ink)}
/* Motion is CSS-first: no script, hover or scroll listener is needed to bring it to life. */
@keyframes bh-photo-float{0%,100%{transform:translateY(0) rotate(var(--photo-tilt))}25%{transform:translateY(-10px) rotate(calc(var(--photo-tilt) - .8deg))}50%{transform:translateY(-18px) rotate(calc(var(--photo-tilt) + 1.25deg))}75%{transform:translateY(-7px) rotate(calc(var(--photo-tilt) + .35deg))}}
@keyframes bh-paint-drift{0%,100%{translate:0 0;rotate:0deg}50%{translate:18px -22px;rotate:7deg}}
@keyframes bh-sign-drift{0%,100%{translate:0 0;rotate:-1deg}50%{translate:7px -12px;rotate:2deg}}
@keyframes bh-scroll-enter{from{opacity:.78;translate:0 22px}to{opacity:1;translate:0 0}}
.ticker-track{animation:ticker 14s linear infinite;animation-play-state:var(--bh-motion)!important}
.hero-home .paint{animation:bh-paint-drift 11s ease-in-out infinite;animation-play-state:var(--bh-motion)!important}
.hero-home .paint.two{animation-delay:-5s;animation-direction:reverse}
.hero-art>.tape,.hero-art>.hand{animation:bh-sign-drift 7s ease-in-out -3s infinite;animation-play-state:var(--bh-motion)!important}
@media(hover:hover){.bh-polaroid:hover{animation-play-state:paused!important;scale:1.008;box-shadow:10px 14px 0 var(--photo-shadow)!important}.ticker:hover .ticker-track{animation-play-state:paused!important}}
.bh-polaroid:focus-within,.bh-polaroid.is-offscreen,details[open]>.bh-polaroid{animation-play-state:paused!important}
@supports(animation-timeline:view()){.photo-shell{animation:bh-scroll-enter linear both;animation-timeline:view();animation-range:entry 0% entry 28%;animation-play-state:var(--bh-motion)!important}}
.motion-control{position:relative;color:var(--paper);flex:none}
.motion-control summary{min-height:36px;min-width:38px;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 9px;border:1px solid #909879;cursor:pointer;list-style:none;font:800 10px/1 Arial,sans-serif}
.motion-control summary::-webkit-details-marker{display:none}
.motion-control summary svg{display:block;width:18px;height:18px;flex:none}
.motion-control[open] summary{border-color:var(--pink);color:var(--lime)}
.motion-control summary:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.motion-panel{position:absolute;right:0;top:calc(100% + 11px);width:237px;max-width:calc(100vw - 36px);margin:0;padding:18px;background:#101210;box-shadow:5px 5px 0 var(--pink);border:2px solid var(--paper);display:flex;flex-wrap:wrap;gap:8px;z-index:120}
.motion-panel legend{float:left;display:block;width:100%;padding:0 0 12px;color:var(--paper);font:900 12px/1.4 Arial,sans-serif;text-transform:uppercase;letter-spacing:.08em}
.motion-panel label{position:relative;display:flex;gap:5px;align-items:center;cursor:pointer;flex:1;font:900 11px/1 Arial,sans-serif;color:var(--paper)}
.motion-panel label span{border:1px solid #818b72;padding:12px 8px;display:block;text-align:center;width:100%}
.motion-panel label input{position:absolute;opacity:0;width:1px;height:1px}
.motion-panel label input:checked+span{background:var(--green);border-color:var(--green);color:var(--ink)}
.motion-panel label input:focus-visible+span{outline:3px solid var(--blue);outline-offset:3px}
.motion-panel p{font:12px/1.5 Arial,sans-serif;color:#cbd1c0;margin:8px 0 0}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body:has(#bh-motion-on:checked){--bh-motion:running;--bh-motion-factor:1}
body:has(#bh-motion-off:checked){--bh-motion:paused;--bh-motion-factor:0}
body:has(#bh-motion-off:checked) .photo-shell{animation:none!important;opacity:1;translate:none}
body:has(#bh-motion-off:checked) .bh-polaroid{transition:none}
body:has(#bh-motion-off:checked) .motion-control summary{color:#929889}
body:has(#bh-motion-on:checked) .motion-control summary{color:var(--lime)}
@media(max-width:1190px){.quick.bh-polaroid .media-stage{height:220px!important}.crew-card.bh-polaroid .media-stage{height:285px!important}.episode-grid{gap:25px}.motion-title{display:none}.profile-visual.bh-polaroid .photo-stage{height:470px}}
@media(max-width:980px){.photo-shell{padding-inline:2px}.quick-grid,.bike-grid{gap:24px}.crew-grid{gap:24px}.episode-grid{gap:40px 30px}.profile-grid{gap:30px}.profile-grid>.photo-shell{width:100%}.crew-card.bh-polaroid .media-stage{height:245px!important}.bike-copy .card-link{font-size:10px}.location-card.bh-polaroid .photo-stage{height:320px}.hero-art{padding-top:20px;max-width:700px;width:100%}.hero-art>.tape{top:-20px}}
@media(max-width:680px){.wrap{width:calc(100% - 38px)}.header .wrap{width:calc(100% - 30px)}.photo-shell{padding:20px 3px 10px}.photo-shell.with-note{padding-top:0}.photo-note{margin:0 3px 20px!important;min-height:31px}.photo-note :is(.tag,.tape,.badge){font-size:9px}.bh-polaroid{padding:6px!important;box-shadow:6px 8px 0 var(--photo-shadow)!important}.bh-polaroid::before{height:24px!important;top:-10px!important;max-width:96px}.hero-home .art-frame.bh-polaroid{box-shadow:7px 9px 0 var(--pink)!important}.art-frame.bh-polaroid figcaption{font-size:8px;gap:7px}.hero-art{padding-bottom:60px}.hero-art .hand{font-size:19px;bottom:0}.hero-art>.tape{top:-16px;right:5px}.quick-grid,.crew-grid,.bike-grid,.episode-grid{grid-template-columns:minmax(0,1fr);gap:38px}.quick-grid .quick:first-child{grid-column:auto}.quick.bh-polaroid .media-stage{height:auto!important;max-height:none;aspect-ratio:auto!important}.quick.bh-polaroid .media-stage>:is(img,svg.inline-art){height:auto!important;max-height:430px!important;object-fit:contain}.quick.trabi.bh-polaroid .media-stage{padding:14px 8px}.quick.bh-polaroid .media-footer{min-height:70px;padding:17px 7px 9px!important}.quick.bh-polaroid .media-footer strong{font-size:28px;max-width:85%}.crew-card.bh-polaroid .media-stage{height:310px!important}.crew-card.bh-polaroid .crew-text{padding:18px 13px 15px}.crew-card.bh-polaroid .media-footer{font-size:9px}.bike-card.bh-polaroid .bike-copy{padding:20px 13px 13px}.episode-card.bh-polaroid .media-stage{height:380px!important}.episode-card.bh-polaroid .episode-copy{padding:22px 13px 14px}.episode-card.bh-polaroid .episode-copy h3{font-size:30px}.episode-card.bh-polaroid .trabi-preview .media-stage{height:225px!important}.project-grid{gap:35px}.project-art.bh-polaroid .media-footer{min-height:61px}.yard-grid{gap:26px}.yard-collage.bh-polaroid .media-stage>:is(img,svg.inline-art){max-height:470px!important}.gallery-grid{gap:42px}.image-button.bh-polaroid .media-footer{gap:12px}.image-button.bh-polaroid .photo-caption{font-size:10px}.image-button.bh-polaroid .zoom-label{font-size:8px;max-width:83px}.bike-hero-grid{gap:35px}.bike-hero-visual.bh-polaroid .photo-caption-row{font-size:8px}.profile-visual.bh-polaroid .photo-stage{height:405px}.profile-grid{gap:25px}.profile-visual.bh-polaroid .photo-caption-row span{font-size:8px;max-width:140px}.episode-feature .episode-poster.bh-polaroid .photo-stage{height:465px}.episode-feature .episode-poster.trabi.bh-polaroid .photo-stage{height:240px}.location-grid{gap:42px}.location-card.bh-polaroid .photo-stage{height:420px}.location-card.bh-polaroid .location-copy{padding:22px 12px 16px}.panorama-wrap{padding-block:30px}.project-crew-item .mini-polaroid :is(img,svg.inline-art){height:103px;width:62px}.motion-control summary{width:34px;min-width:34px;padding:7px;min-height:34px}.motion-panel{right:-20px}.header-actions{gap:8px}}
@media(max-width:370px){.wrap{width:calc(100% - 34px)}.crew-card.bh-polaroid .media-stage{height:285px!important}.hero-art .hand{font-size:17px}.art-frame.bh-polaroid figcaption{font-size:7px}.quick.bh-polaroid .media-footer strong{font-size:25px}.photo-note .crew-name-bg{font-size:16px}.profile-visual.bh-polaroid .photo-stage{height:365px}}


:root{--bh-motion:running!important;--bh-motion-factor:1!important}
body:not(:has(#bh-motion-off:checked)) .bh-polaroid{animation-play-state:running!important}
body:not(:has(#bh-motion-off:checked)) .ticker-track,
body:not(:has(#bh-motion-off:checked)) .hero-home .paint,
body:not(:has(#bh-motion-off:checked)) .hero-art>.tape,
body:not(:has(#bh-motion-off:checked)) .hero-art>.hand{animation-play-state:running!important}
@keyframes bh-cta-pulse{0%,100%{transform:scale(1);filter:drop-shadow(0 0 0 rgba(149,193,31,0))}50%{transform:scale(1.045);filter:drop-shadow(0 0 11px rgba(149,193,31,.55))}}
.hero-home .btn,.quick-grid .arrow{animation:bh-cta-pulse 2.8s ease-in-out infinite;animation-play-state:var(--bh-motion)!important}


/* === RESTORED CHARACTER CARDS: exactly the original comic-card hierarchy === */
.crew-grid{align-items:start}
.crew-grid>.crew-shell-restored{padding:18px 4px 14px!important;margin:0!important;overflow:visible;animation:crewCardFloat 8.5s ease-in-out infinite;transform-origin:50% 8%}
.crew-grid>.crew-shell-restored:nth-child(1){animation-delay:-1.3s}
.crew-grid>.crew-shell-restored:nth-child(2){animation-delay:-3.6s;margin-top:12px!important}
.crew-grid>.crew-shell-restored:nth-child(3){animation-delay:-5.2s}
@keyframes crewCardFloat{0%,100%{transform:translateY(0) rotate(-.65deg)}50%{transform:translateY(-9px) rotate(.55deg)}}
.crew-card-restored{position:relative!important;padding:0!important;margin:0!important;background:var(--paper)!important;color:var(--ink)!important;border:4px solid var(--ink)!important;box-shadow:8px 9px 0 var(--ink)!important;overflow:visible!important;transform:none!important;animation:none!important;isolation:isolate}
.crew-card-restored:before{content:'';position:absolute;z-index:8;top:-17px;left:36%;width:29%;height:30px;background:repeating-linear-gradient(97deg,#e7e1b7df 0 4px,#d6d09fdf 4px 6px);transform:rotate(-6deg);clip-path:polygon(0 7%,5% 0,12% 6%,18% 0,26% 5%,34% 0,43% 5%,53% 0,64% 6%,76% 0,87% 5%,96% 0,100% 94%,94% 100%,86% 95%,76% 100%,64% 96%,52% 100%,40% 95%,25% 100%,13% 96%,3% 100%);pointer-events:none}
.crew-card-restored:after{content:none!important}
.crew-card-restored .crew-visual{position:relative!important;height:365px!important;overflow:hidden!important;background:var(--char-color,var(--green))!important;display:flex!important;align-items:flex-end!important;justify-content:center!important;padding:0!important;margin:0!important;border:0!important;box-shadow:none!important;isolation:isolate}
.crew-card-restored .crew-visual>.crew-name-bg{position:absolute!important;z-index:1!important;top:20px!important;left:14px!important;right:14px!important;width:auto!important;padding:0!important;margin:0!important;background:transparent!important;text-align:center!important;font:900 clamp(48px,5vw,74px)/.88 var(--display)!important;letter-spacing:-.055em!important;color:#171717!important;-webkit-text-stroke:0!important;transform:none!important;opacity:.9!important}
.crew-card-restored .crew-visual:before{z-index:0!important}
.crew-card-restored .crew-visual:after{z-index:0!important}
.crew-card-restored .crew-visual .media-stage{position:relative!important;z-index:2!important;width:100%!important;height:100%!important;display:flex!important;align-items:flex-end!important;justify-content:center!important;overflow:hidden!important;background:transparent!important;box-shadow:none!important;border:0!important;padding:0!important;margin:0!important}
.crew-card-restored .crew-visual .media-stage>:is(img,svg.inline-art){position:static!important;width:auto!important;height:306px!important;max-width:88%!important;object-fit:contain!important;margin:0 0 9px!important;filter:drop-shadow(7px 7px 0 #0007)!important;transform:none!important}
.crew-card-restored .crew-visual .media-footer{position:absolute!important;z-index:4!important;left:0!important;right:0!important;bottom:0!important;min-height:0!important;padding:0!important;margin:0!important;background:transparent!important}
.crew-card-restored .crew-index{position:static!important;display:block!important;width:100%!important;color:#fff!important;background:var(--ink)!important;font:900 11px/1.3 Arial,sans-serif!important;letter-spacing:.075em!important;padding:9px 14px!important;text-transform:uppercase!important}
.crew-card-restored .crew-text{padding:25px 27px 28px!important;background:var(--paper)!important;color:var(--ink)!important}
.crew-card-restored .crew-text h3{margin:0!important;font-size:38px!important;line-height:1!important;text-transform:uppercase!important;color:var(--ink)!important}
.crew-card-restored .crew-text p{font-size:15px!important;line-height:1.55!important;min-height:78px!important;margin:16px 0 0!important;color:var(--ink)!important}
.crew-card-restored .crew-text .quote{font:900 22px/1.25 var(--hand)!important;margin:20px 0!important;color:var(--ink)!important;transform:rotate(-2deg)}
.crew-card-restored .card-link{display:flex!important;align-items:center!important;justify-content:space-between!important;background:var(--ink)!important;color:#fff!important;border:2px solid var(--ink)!important;padding:14px 16px!important;font:900 12px/1.3 Arial,sans-serif!important;text-transform:uppercase!important;letter-spacing:.06em!important}
.crew-card-restored .card-link:hover{background:var(--char-color,var(--green))!important;color:var(--ink)!important}
@media(max-width:760px){
  .crew-grid>.crew-shell-restored,.crew-grid>.crew-shell-restored:nth-child(2){margin-top:0!important;padding-top:18px!important}
  .crew-card-restored .crew-visual{height:390px!important}
  .crew-card-restored .crew-visual>.crew-name-bg{font-size:64px!important;top:20px!important}
  .crew-card-restored .crew-visual .media-stage>:is(img,svg.inline-art){height:330px!important;max-width:92%!important}
  .crew-card-restored .crew-text{padding:28px 30px 30px!important}
  .crew-card-restored .crew-text h3{font-size:43px!important}
  .crew-card-restored .crew-text p{min-height:0!important;font-size:17px!important;line-height:1.5!important}
  .crew-card-restored .crew-text .quote{font-size:24px!important}
}


/* CLEAN MOBILE FIX: real sticky header, progress bar belongs to the header. */
.header{
  position:sticky!important;
  top:0!important;
  left:auto!important;right:auto!important;
  width:100%!important;
  z-index:1000!important;
  transform:none!important;
  overflow:visible!important;
  isolation:isolate;
  box-shadow:0 6px 18px rgba(0,0,0,.28);
}
/* Live pages retain the preview body class for styling, but the fixed header
   must have its own space in the document. The previous zero-padding rule
   outranked the later body rules and hid the top of the page. */
body.offline-preview{padding-top:calc(var(--bh-final-header-h,75px) + 7px)!important}
/* Until JS moves the existing meter into the header, keep the old bottom meter hidden. */
body>.scroll-meter{display:none!important}
.header>.scroll-meter{
  display:block!important;
  position:absolute!important;
  left:0!important;right:0!important;
  top:auto!important;bottom:-6px!important;
  width:100%!important;height:6px!important;
  z-index:1002!important;
  background:#30352b!important;
  border:0!important;
  box-shadow:0 2px 8px rgba(0,0,0,.35)!important;
  pointer-events:none!important;
  overflow:hidden!important;
}
.header>.scroll-meter>span{
  display:block!important;
  height:100%!important;
  width:0;
  background:linear-gradient(90deg,var(--pink) 0%,var(--green) 55%,var(--blue) 100%)!important;
  box-shadow:0 0 12px rgba(149,193,31,.75)!important;
  transition:width .06s linear!important;
}
/* Keep all page motion alive unless the user explicitly selects AUS. */
:root{--bh-motion:running!important}
body:not(:has(#bh-motion-off:checked)) .bh-polaroid,
body:not(:has(#bh-motion-off:checked)) .ticker-track,
body:not(:has(#bh-motion-off:checked)) .hero-home .paint,
body:not(:has(#bh-motion-off:checked)) .hero-art>.tape,
body:not(:has(#bh-motion-off:checked)) .hero-art>.hand{
  animation-play-state:running!important;
}
.bh-polaroid.is-offscreen{animation-play-state:var(--bh-motion)!important}
body:has(#bh-motion-off:checked) .bh-polaroid,
body:has(#bh-motion-off:checked) .ticker-track,
body:has(#bh-motion-off:checked) .hero-home .paint,
body:has(#bh-motion-off:checked) .hero-art>.tape,
body:has(#bh-motion-off:checked) .hero-art>.hand{
  animation-play-state:paused!important;
}
@media(max-width:800px){
  .header>.scroll-meter{height:5px!important;bottom:-5px!important}
  html{scroll-padding-top:170px!important}
}


:root{--bh-header-h:138px;--bh-progress-h:6px}
html{scroll-padding-top:calc(var(--bh-header-h) + var(--bh-progress-h) + 14px)}
body{padding-top:calc(var(--bh-header-h) + var(--bh-progress-h))!important}
.header{
  position:fixed!important;
  inset:0 0 auto 0!important;
  top:0!important;
  z-index:10000!important;
  width:100%!important;
  margin:0!important;
  transform:none!important;
  background:rgba(16,18,16,.985)!important;
  border-bottom:1px solid rgba(255,255,255,.14)!important;
  box-shadow:0 10px 28px rgba(0,0,0,.28)!important;
  backdrop-filter:blur(14px)!important;
  -webkit-backdrop-filter:blur(14px)!important;
}
.header,.header *{animation-play-state:running!important}
.header-actions .motion-btn,#motion-toggle{display:none!important}
.scroll-meter{
  display:block!important;
  position:fixed!important;
  top:var(--bh-header-h)!important;
  left:0!important;
  right:0!important;
  bottom:auto!important;
  width:100%!important;
  height:var(--bh-progress-h)!important;
  z-index:10001!important;
  background:#262626!important;
  border:0!important;
  margin:0!important;
  padding:0!important;
  pointer-events:none!important;
  box-shadow:0 1px 0 rgba(255,255,255,.12),0 4px 12px rgba(0,0,0,.25)!important;
  overflow:hidden!important;
}
.scroll-meter span,#scroll-progress{
  display:block!important;
  height:100%!important;
  width:0;
  min-width:0!important;
  background:linear-gradient(90deg,#d62598 0 34%,#95c11f 50% 72%,#32a9db 100%)!important;
  box-shadow:0 0 12px rgba(149,193,31,.55)!important;
  transition:width .08s linear!important;
}
/* Motion is part of the visual language, not a user setting. */
body,body *{animation-play-state:running!important}
.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation-play-state:running!important}
.hero-home .art-frame{animation:bhHeroFloat 5.5s ease-in-out infinite!important}
.ticker-track{animation:ticker 19s linear infinite!important}
[data-photo-frame],.photo-shell{animation:bhCardFloat var(--photo-cycle,8s) ease-in-out infinite!important;animation-delay:var(--photo-delay,0s)!important}
.hero-home:before,.hero-home:after{animation:bhGraffitiDrift 9s ease-in-out infinite alternate!important}
@keyframes bhCardFloat{
  0%,100%{transform:rotate(var(--photo-tilt,0deg)) translate3d(0,0,0)}
  33%{transform:rotate(calc(var(--photo-tilt,0deg) + .7deg)) translate3d(0,-10px,0)}
  66%{transform:rotate(calc(var(--photo-tilt,0deg) - .5deg)) translate3d(5px,-3px,0)}
}
@keyframes bhHeroFloat{
  0%,100%{transform:rotate(1.5deg) translate3d(0,0,0)}
  50%{transform:rotate(.5deg) translate3d(0,-12px,0)}
}
@keyframes bhGraffitiDrift{from{background-position:0 0}to{background-position:18px -12px}}
@media(max-width:980px){body{padding-top:calc(var(--bh-header-h) + var(--bh-progress-h))!important}}
@media(max-width:680px){
  :root{--bh-progress-h:7px}
  .scroll-meter{height:7px!important}
}


:root{--bh-fixed-header-h:84px;--bh-progress-h:6px;--bh-motion:running!important}
html{scroll-padding-top:calc(var(--bh-fixed-header-h) + 14px)!important}
body{padding-top:var(--bh-fixed-header-h)!important}
/* One robust fixed header. */
.header{
  position:fixed!important;top:0!important;left:0!important;right:0!important;width:100%!important;
  z-index:20000!important;margin:0!important;overflow:visible!important;transform:none!important;
  background:rgba(16,18,16,.985)!important;border:0!important;box-shadow:0 7px 22px rgba(0,0,0,.34)!important;
  backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;
}
.header-inner{height:78px!important;min-height:78px!important;display:flex!important;align-items:center!important;gap:20px!important;position:relative!important}
.brand{flex:0 0 auto!important}
.header-actions{margin-left:auto!important;display:flex!important;align-items:center!important;gap:12px!important;z-index:3!important}
.header-shop{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:42px!important;padding:10px 14px!important}
/* User cannot control animation. */
.motion-control,.motion-btn,#motion-toggle,[id^="bh-motion-"]{display:none!important}
/* Progress is physically part of the header and always visible. */
.scroll-progress-track{position:absolute!important;left:0!important;right:0!important;bottom:0!important;height:var(--bh-progress-h)!important;background:#34382f!important;overflow:hidden!important;z-index:20005!important;pointer-events:none!important}
.scroll-progress-track>span{display:block!important;width:0;height:100%!important;background:linear-gradient(90deg,#d62598 0 34%,#95c11f 52% 74%,#32a9db 100%)!important;box-shadow:0 0 12px rgba(149,193,31,.65)!important;transition:width .06s linear!important}
body>.scroll-meter,.header>.scroll-meter{display:none!important}
/* Desktop navigation. */
.mainnav{display:flex!important;position:static!important;flex:1 1 auto!important;width:auto!important;flex-direction:row!important;align-items:center!important;justify-content:flex-end!important;gap:20px!important;padding:0!important;background:none!important;border:0!important;opacity:1!important;visibility:visible!important;transform:none!important}
.menu-btn{display:none!important}
/* Motion is a permanent visual layer. Override reduced-motion rules in this preview. */
.bh-polaroid{animation:bh-photo-float var(--photo-cycle,8s) ease-in-out var(--photo-delay,0s) infinite!important;animation-play-state:running!important}
.ticker-track{animation:ticker 14s linear infinite!important;animation-play-state:running!important}
.hero-home .paint{animation:bh-paint-drift 11s ease-in-out infinite!important;animation-play-state:running!important}
.hero-art>.tape,.hero-art>.hand{animation:bh-sign-drift 7s ease-in-out -3s infinite!important;animation-play-state:running!important}
.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation-play-state:running!important}
@media(max-width:980px){
  :root{--bh-fixed-header-h:75px;--bh-progress-h:6px}
  .header-inner{height:75px!important;min-height:75px!important;gap:10px!important}
  .brand{width:145px!important}
  .header-shop{order:1!important;font-size:10px!important;min-height:40px!important;padding:9px 11px!important}
  .menu-btn{order:2!important;display:flex!important;width:42px!important;height:42px!important;min-width:42px!important;padding:9px!important;border:2px solid var(--green)!important;background:#101210!important;color:var(--green)!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;gap:5px!important;cursor:pointer!important}
  .menu-btn span{display:block!important;width:21px!important;height:2px!important;background:currentColor!important;transition:transform .2s ease,opacity .2s ease!important}
  .menu-btn[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)!important}
  .menu-btn[aria-expanded="true"] span:nth-child(2){opacity:0!important}
  .menu-btn[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)!important}
  .mainnav,.mainnav.open{
    display:flex!important;position:fixed!important;top:var(--bh-fixed-header-h)!important;left:0!important;right:0!important;width:100%!important;
    flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:0!important;
    padding:12px 18px 18px!important;background:#101210!important;border-top:0!important;border-bottom:5px solid var(--pink)!important;
    box-shadow:0 14px 28px rgba(0,0,0,.42)!important;z-index:19999!important;
    max-height:calc(100dvh - var(--bh-fixed-header-h))!important;overflow:auto!important;
    opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateY(-10px)!important;transition:opacity .18s ease,transform .18s ease,visibility .18s!important;
  }
  .mainnav.is-open{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateY(0)!important}
  .mainnav a{display:block!important;width:100%!important;padding:14px 8px!important;font-size:13px!important;border-bottom:1px solid rgba(255,255,255,.08)!important}
  .mainnav a:last-child{border-bottom:0!important}
  .mainnav a:after{left:8px!important;bottom:8px!important}
  /* Native mobile menu does not lock document scrolling. */
}
@media(max-width:480px){
  .brand{width:128px!important}
  .header-shop{font-size:9px!important;padding:8px 9px!important}
  .menu-btn{width:40px!important;height:40px!important;min-width:40px!important}
}

/* Robust mobile burger: native details/summary, no JS required */

/* Closed native menu must not retain a touch/scroll layer on mobile. */
.mobile-menu:not([open]) > .mobile-menu-panel{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
@media(max-width:980px){
  .mobile-menu[open] > .mobile-menu-panel{
    display:flex!important;
    visibility:visible!important;
    pointer-events:auto!important;
    touch-action:pan-y pinch-zoom;
  }
}

.mobile-menu{display:none;position:relative}
.mobile-menu summary{list-style:none;cursor:pointer;-webkit-tap-highlight-color:transparent}
.mobile-menu summary::-webkit-details-marker{display:none}
@media(max-width:980px){
  .mainnav{display:none!important}
  .mobile-menu{display:block}
  .mobile-menu .menu-btn{display:grid!important;grid-template-rows:repeat(3,2px);align-content:center;gap:4px;width:40px!important;height:40px!important;border:1px solid rgba(149,193,31,.55)!important;background:#111!important;color:var(--green)!important;padding:0!important}
  .mobile-menu .menu-btn span{display:block;width:21px;height:2px;background:currentColor;margin:auto;transition:transform .2s ease,opacity .2s ease}
  .mobile-menu[open] .menu-btn span:nth-child(1){transform:translateY(6px) rotate(45deg)}
  .mobile-menu[open] .menu-btn span:nth-child(2){opacity:0}
  .mobile-menu[open] .menu-btn span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
  .mobile-menu-panel{position:fixed;top:var(--bh-fixed-header-h,75px);left:0;right:0;z-index:20020;background:#0f110f;border-top:1px solid #2f332b;border-bottom:5px solid var(--pink);box-shadow:0 18px 35px rgba(0,0,0,.45);padding:14px 16px 18px;display:flex;flex-direction:column;gap:4px;max-height:calc(100dvh - var(--bh-fixed-header-h,75px));overflow:auto}
  .mobile-menu-panel a{display:block;padding:14px 12px;color:var(--paper);font-weight:900;font-size:13px;letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid rgba(255,255,255,.08)}
  .mobile-menu-panel a:last-child{border-bottom:0}
  .mobile-menu-panel a:active{background:rgba(149,193,31,.14);color:var(--green)}
}
@media(min-width:981px){.mobile-menu{display:none!important}}


/* FINAL: fixed header + real progress bar. Unique selectors avoid old preview patches. */
:root{--bh-final-header-h:76px;--bh-final-progress-h:6px}
html{scroll-padding-top:calc(var(--bh-final-header-h) + var(--bh-final-progress-h) + 12px)!important}
body{padding-top:var(--bh-final-header-h)!important}
.header#site-header{position:fixed!important;top:0!important;left:0!important;right:0!important;width:100%!important;z-index:50000!important;background:#0f110f!important;transform:none!important}
.bh-progress-fixed{display:block!important;position:fixed!important;top:var(--bh-final-header-h)!important;left:0!important;right:0!important;height:var(--bh-final-progress-h)!important;background:#222!important;z-index:50001!important;pointer-events:none!important;box-shadow:0 1px 0 rgba(255,255,255,.12)}
#bh-progress-bar{display:block!important;width:0;height:100%!important;background:linear-gradient(90deg,var(--pink) 0 34%,var(--green) 48% 72%,var(--blue) 100%)!important;box-shadow:0 0 10px rgba(149,193,31,.45);transition:width .06s linear}
/* Disable every legacy progress strip so there is exactly one. */
.scroll-meter,.header>.scroll-meter,#scroll-progress-top{display:none!important}
/* Mobile: only Shop + native burger are visible in header. */
@media(max-width:980px){
  :root{--bh-final-header-h:75px;--bh-final-progress-h:6px}
  .header-inner{height:75px!important;min-height:75px!important;flex-wrap:nowrap!important}
  .mainnav{display:none!important}
  .mobile-menu{display:block!important;order:2!important}
  .header-shop{display:inline-flex!important;order:1!important;margin-left:auto!important}
  .mobile-menu-panel{top:calc(var(--bh-final-header-h) + var(--bh-final-progress-h))!important;z-index:50002!important}
}
/* Reality: deliberately only entrance, shop and two real stunt images. */
.bh-reality{position:relative;overflow:hidden;background:#eee9dc;color:#111;padding:90px 0 100px;border-top:9px solid var(--pink)}
.bh-reality:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.13;background-image:radial-gradient(#111 1px,transparent 1px);background-size:13px 13px}
.bh-reality .wrap{position:relative;z-index:1}
.bh-reality-head{max-width:850px;margin-bottom:42px}
.bh-reality-head h2{margin:20px 0 18px;color:#111}
.bh-reality-head p{max-width:720px;font-size:18px;line-height:1.6}
.bh-reality-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:34px;align-items:start}
.bh-real-polaroid{margin:0;background:#f7f3e8;border:4px solid #111;padding:12px 12px 0;box-shadow:12px 12px 0 #111;transform:rotate(var(--r));transition:transform .25s ease}
.bh-real-polaroid:hover{transform:rotate(0deg) translateY(-5px)}
.bh-real-polaroid.r1{--r:-1.5deg}.bh-real-polaroid.r2{--r:1.4deg;margin-top:40px}.bh-real-polaroid.r3{--r:1deg}.bh-real-polaroid.r4{--r:-1.2deg;margin-top:32px}
.bh-real-photo{aspect-ratio:16/10;background:#111;overflow:hidden}
.bh-real-photo img{width:100%;height:100%;object-fit:cover;display:block}
.bh-real-polaroid figcaption{display:flex;justify-content:space-between;gap:16px;align-items:baseline;padding:15px 7px 17px;text-transform:uppercase;color:#111}
.bh-real-polaroid figcaption strong{font-family:var(--display);font-size:25px;line-height:1}
.bh-real-polaroid figcaption span{font-size:10px;font-weight:900;letter-spacing:.08em;text-align:right}
.bh-reality-end{color:#111;text-align:right;margin:50px 20px 0;font-size:30px}
@media(max-width:720px){
  .bh-reality{padding:64px 0 78px}
  .bh-reality-grid{grid-template-columns:1fr;gap:30px}
  .bh-real-polaroid.r2,.bh-real-polaroid.r4{margin-top:0}
  .bh-real-polaroid{box-shadow:8px 8px 0 #111}
  .bh-real-polaroid figcaption{display:block}
  .bh-real-polaroid figcaption span{display:block;text-align:left;margin-top:7px}
  .bh-reality-end{text-align:left;margin-top:40px}
}


/* Originalfoto wie im Referenz-Screenshot: als echtes Polaroid ueber der Comic-Homebase */
.yard-collage{overflow:visible!important;isolation:isolate}
.bh-original-inset{position:absolute;right:-5%;bottom:-7%;width:min(52%,390px);margin:0;padding:8px 8px 34px;background:#f3efe2;border:3px solid #111;box-shadow:9px 10px 0 #d62598;transform:rotate(4deg);z-index:12;animation:bh-real-photo-float 8.5s ease-in-out infinite;transform-origin:center center}
.bh-original-inset:before{content:"";position:absolute;top:-14px;left:34%;width:34%;height:28px;background:rgba(225,216,173,.72);transform:rotate(-4deg);z-index:2;box-shadow:0 1px 1px rgba(0,0,0,.12)}
.bh-original-inset img{display:block!important;width:100%!important;height:auto!important;aspect-ratio:1.48/1!important;object-fit:cover!important;object-position:center!important;border:0!important;transform:none!important;box-shadow:none!important}
.bh-original-inset figcaption{position:absolute;left:12px;right:12px;bottom:7px;color:#111;font:700 12px/1.1 Georgia,serif;font-style:italic;text-align:center;letter-spacing:.01em}
@keyframes bh-real-photo-float{0%,100%{transform:rotate(4deg) translateY(0)}50%{transform:rotate(2.8deg) translateY(-8px)}}

/* NEUER Scroll-Fortschritt, komplett unabhaengig von allen alten Progress-Fixes */
#bh-progress-track-v5{display:block!important;position:fixed!important;left:0!important;right:0!important;top:var(--bh-live-header-h,80px)!important;height:8px!important;background:linear-gradient(90deg,rgba(214,37,152,.20),rgba(149,193,31,.18),rgba(39,175,227,.18))!important;border-top:1px solid rgba(255,255,255,.18)!important;border-bottom:1px solid rgba(0,0,0,.75)!important;z-index:2147483000!important;pointer-events:none!important;overflow:hidden!important;opacity:1!important;visibility:visible!important}
#bh-progress-fill-v5{display:block!important;width:100%!important;height:100%!important;transform:scaleX(0);background:linear-gradient(90deg,#d62598 0%,#d62598 28%,#95c11f 55%,#27afe3 100%)!important;box-shadow:0 0 14px rgba(149,193,31,.75)!important;transform-origin:left center!important;opacity:1!important;visibility:visible!important}
@supports (animation-timeline: scroll()){#bh-progress-fill-v5{animation:bh-scroll-progress linear both;animation-timeline:scroll(root block)}@keyframes bh-scroll-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}}
/* alte Progress-Varianten komplett ausblenden, damit nichts kollidiert */
.bh-progress-fixed,.scroll-meter,#scroll-progress-top{display:none!important}

@media(max-width:980px){
  .bh-original-inset{width:54%;right:-2%;bottom:-5%;padding:6px 6px 29px;box-shadow:7px 8px 0 #d62598}
  .bh-original-inset figcaption{font-size:10px;bottom:6px}
  #bh-progress-track-v5{height:7px!important}
}
@media(max-width:620px){
  .yard-collage{padding-bottom:92px!important}
  .bh-original-inset{width:59%;right:-1%;bottom:0;transform:rotate(4deg);padding:5px 5px 27px}
  .bh-original-inset:before{top:-11px;height:22px}
}


/* FINAL OVERRIDE: exactly one visible progress bar. */
.scroll-progress-track,
.bh-progress-fixed,
.scroll-meter,
.header > .scroll-meter,
#scroll-progress-top,
#scroll-progress,
#bh-progress-bar {
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  height:0 !important;
  border:0 !important;
  box-shadow:none !important;
}
#bh-progress-track-v5 {
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  height:7px !important;
}
#bh-progress-fill-v5 {
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  height:100% !important;
}


/* Scoped Leonardo addition. No changes to the existing trio or site. */
.crew-grid>.leonardo-shell{grid-column:2;--char-color:#ff6a00}
.leonardo-shell .crew-visual{background:#ff6a00!important}
.leonardo-shell .crew-card-restored .crew-visual>.crew-name-bg{font-size:clamp(38px,4.25vw,62px)!important;letter-spacing:-.012em!important}
.leonardo-shell .crew-card-restored .crew-visual .media-stage>.inline-art{height:440px!important;width:auto!important;max-width:88%!important;margin:0 0 -125px!important;object-fit:contain!important;filter:drop-shadow(5px 4px 0 #0004)!important;flex:none}
.leonardo-shell .crew-index{color:#fff!important}
.leonardo-shell .crew-text .quote{color:#d94d00!important}
#p-leonardo{--char-color:#ff6a00;padding-top:calc(var(--bh-final-header-h,80px) + 8px)}
#p-leonardo .profile-copy h1{font-size:clamp(45px,6.1vw,88px);letter-spacing:-.012em}
#p-leonardo .profile-copy .tape{background:#ff6a00;color:#101210}
#p-leonardo .profile-copy .quote{font-size:clamp(21px,2.1vw,28px)}
#p-leonardo .profile-visual .photo-stage{height:545px;overflow:hidden}
#p-leonardo .profile-visual .photo-stage>.inline-art{width:auto!important;height:98%!important;max-width:92%!important;object-fit:contain!important;margin:auto!important}
#p-leonardo .photo-caption-row{gap:12px;align-items:center}
#p-leonardo .photo-caption-row span{text-align:right}
#p-leonardo .leo-orange{color:#ff6a00}
#p-leonardo .leo-story{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}
#p-leonardo .leo-story h2{margin-top:17px;font-size:clamp(33px,4vw,58px);letter-spacing:-.012em}
#p-leonardo .leo-story p{font-size:16px;line-height:1.65}
#p-leonardo .leo-note{margin-top:21px;padding:18px 20px;border-left:5px solid #ff6a00;background:#e8e0d3}
#p-leonardo .leo-note strong{display:block;margin-bottom:4px}
#p-leonardo .leo-return-links{display:flex;gap:15px;flex-wrap:wrap;margin-top:20px}
#p-leonardo .leo-return-links a{margin:0}
#p-leonardo .sheet-note{max-width:760px;line-height:1.6}
@media(max-width:980px) and (min-width:681px){#p-leonardo .profile-grid{grid-template-columns:1fr;max-width:720px}#p-leonardo .profile-visual .photo-stage{height:540px}}
@media(max-width:680px){.crew-grid>.leonardo-shell{grid-column:auto}.leonardo-shell .crew-card-restored .crew-visual>.crew-name-bg{font-size:50px!important}.leonardo-shell .crew-card-restored .crew-visual .media-stage>.inline-art{height:465px!important;margin-bottom:-125px!important;max-width:92%!important}#p-leonardo .profile-copy h1{font-size:clamp(40px,10.8vw,65px)}#p-leonardo .profile-visual .photo-stage{height:425px}#p-leonardo .leo-story{grid-template-columns:1fr;gap:24px}#p-leonardo .leo-story p{font-size:15px}#p-leonardo .photo-caption-row strong{font-size:23px}#p-leonardo .photo-caption-row span{font-size:8px;max-width:150px}#p-leonardo .leo-return-links{flex-direction:column;align-items:stretch}#p-leonardo .profile-copy .actions{gap:17px}}


/* Desktop only: a little more space between display-heading letters.
   Only letter-spacing is adjusted. All mobile rules stay unchanged. */
@media (min-width:761px){
  h1,h2,h3,h4,h5,h6,
  .hero-slogan,
  .crew-card-restored .crew-visual>.crew-name-bg,
  .leonardo-shell .crew-card-restored .crew-visual>.crew-name-bg,
  .quick.bh-polaroid .media-footer strong{
    letter-spacing:0.01em!important;
  }
}


/* Current user-supplied Leonardo and bicycle. All rules scoped to this addition. */
.leonardo-shell .crew-card-restored .crew-visual .media-stage>.inline-art{height:430px!important;max-width:92%!important;margin:0 0 -98px!important;width:auto!important;filter:drop-shadow(4px 4px 0 #0004)!important}
#p-leonardo .profile-visual .photo-stage>.inline-art{height:96%!important;max-width:96%!important}
#p-leonardo .facts{grid-template-columns:repeat(2,minmax(0,1fr))}
.leo-vehicle-addon{margin-top:58px;--char-color:#ff6a00}
.leo-vehicle-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:42px;align-items:center}
.leo-vehicle-addon .leo-vehicle-copy{min-width:0}
.leo-vehicle-addon .leo-vehicle-copy .tape{background:#ff6a00;color:#111}
.leo-vehicle-addon .leo-vehicle-copy h3{font:900 clamp(30px,3.5vw,48px)/1.03 var(--display);letter-spacing:-.012em;margin:20px 0 16px}
.leo-vehicle-addon .leo-vehicle-copy p{font-size:15px;line-height:1.65;margin:0 0 20px}
.leo-vehicle-addon .leo-vehicle-copy .btn{background:#ff6a00;color:#111}
.leo-vehicle-addon .leo-bike-photo{display:block;color:#111}
.leo-vehicle-addon .photo-stage,#p-bonanza .frame-bike-hero .photo-stage{height:auto!important;aspect-ratio:1678/937!important;background:var(--paper);padding:0!important}
.leo-vehicle-addon .photo-stage>.inline-art,#p-bonanza .frame-bike-hero .photo-stage>.inline-art{display:block;width:100%!important;height:100%!important;object-fit:contain!important;transform:none!important}
.leo-vehicle-addon .photo-caption-row{color:#111;gap:12px;align-items:center}
.leo-vehicle-addon .photo-caption-row strong{font:900 23px/1.1 var(--display)}
.leo-vehicle-addon .photo-caption-row span{font:800 10px/1.35 Arial,sans-serif;text-transform:uppercase;text-align:right}
#p-bonanza{--char-color:#ff6a00;padding-top:calc(var(--bh-final-header-h,80px) + 8px)}
#p-bonanza .bike-hero-visual{height:auto!important}
#p-bonanza .bike-hero-copy h1{font-size:clamp(40px,5.5vw,76px);letter-spacing:-.012em}
#p-bonanza .bike-hero-copy .tape{background:#ff6a00;color:#111}
#p-bonanza .bike-hero-copy h1 span{color:#ff6a00}
#p-bonanza .facts{grid-template-columns:repeat(2,minmax(0,1fr))}
#p-bonanza .leo-bike-note{padding:20px;border-left:5px solid #ff6a00;background:#e8e0d3;line-height:1.65}
.leo-gallery-new .media-stage{height:auto!important;aspect-ratio:16/10}
.leo-gallery-new .media-stage>.inline-art{width:100%!important;height:100%!important;object-fit:contain!important}
@media(max-width:980px){.leo-vehicle-layout{gap:26px;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}#p-bonanza .bike-hero-grid{grid-template-columns:1fr}#p-bonanza .bike-hero-visual{max-width:850px}}
@media(max-width:680px){.leonardo-shell .crew-card-restored .crew-visual .media-stage>.inline-art{height:460px!important;margin-bottom:-112px!important;max-width:94%!important}.leo-vehicle-layout{grid-template-columns:1fr;gap:30px}.leo-vehicle-addon{margin-top:42px}.leo-vehicle-addon .leo-vehicle-copy h3{font-size:36px}.leo-vehicle-addon .photo-caption-row strong{font-size:21px}.leo-vehicle-addon .photo-caption-row span{font-size:9px}#p-leonardo .facts,#p-bonanza .facts{grid-template-columns:1fr}#p-bonanza .bike-hero-copy h1{font-size:clamp(42px,11vw,64px)}}

/* Scroll release v3: real documents, one window scroller, no details-menu layer. */
.preview-router>.offline-page{display:block!important}
.mobile-menu.bh-menu{position:static}
.mobile-menu.bh-menu .menu-btn{list-style:none;cursor:pointer}
body>.mobile-menu-panel[hidden]{display:none!important;visibility:hidden!important;pointer-events:none!important}
body>.mobile-menu-panel{display:none}
#bh-progress-fill-v5{animation:none!important;transition:transform .06s linear}
@media(max-width:980px){
 html{overflow-x:hidden!important;overflow-y:auto!important;height:auto!important;min-height:100%;touch-action:auto;scroll-behavior:auto}
 body{overflow-x:clip!important;overflow-y:visible!important;height:auto!important;max-height:none!important;position:static!important;touch-action:auto}
 html.bh-dialog-open{overflow-y:hidden!important}
 body>.mobile-menu-panel:not([hidden]){display:flex!important;position:fixed!important;top:calc(var(--bh-final-header-h,75px) + 7px)!important;left:0!important;right:0!important;z-index:50002!important;visibility:visible!important;opacity:1!important;transform:none!important;pointer-events:auto!important;max-height:calc(100dvh - var(--bh-final-header-h,75px) - 7px)!important;overflow-y:auto!important;overscroll-behavior-y:contain;touch-action:auto}
 .mobile-menu.bh-menu .menu-btn{display:grid!important;grid-template-rows:repeat(3,2px);align-content:center;gap:4px;width:40px!important;height:40px!important;border:1px solid rgba(149,193,31,.55)!important;background:#111!important;color:var(--green)!important;padding:0!important}
 .mobile-menu.bh-menu .menu-btn span{display:block;width:21px;height:2px;background:currentColor;margin:auto}
}
@media(min-width:981px){body>.mobile-menu-panel{display:none!important}}

/* These two newer pages had a local workaround for the missing body offset.
   The shared header offset now applies, so do not count its height twice. */
body[data-page="leonardo"] #p-leonardo,
body[data-page="bonanza"] #p-bonanza{padding-top:0!important}


/* Footer end v5: contain visual overflow, not the user's vertical scrolling.
   No footer height reduction, negative margins, scroll handlers or body lock. */
html {
  overscroll-behavior-y: none;
}
body.offline-preview {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  min-height: 0 !important;
  overscroll-behavior-y: none;
}
/* Decorative transformed artwork stays inside the content's layout bounds.
   clip does NOT establish an additional scroll container. The fixed header,
   burger panel, progress meter and modal dialog are siblings, not children. */
@supports (overflow: clip) {
  body.offline-preview > main.preview-router {
    display: flow-root;
    overflow: clip;
    overflow-clip-margin: 0px;
  }
}
body.offline-preview > footer.footer {
  margin-bottom: 0 !important;
}
/* The shared SVG definitions must not contribute to document scroll bounds. */
body.offline-preview > svg[aria-hidden="true"] {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}
body.offline-preview > dialog:not([open]) {
  display: none !important;
}

/* V7: allow the document to receive wheel scrolling from the body.
   At desktop widths overflow-x:hidden gives body an overflow-y:auto scroll
   container. overscroll-behavior-y:none on that non-scrolling body trapped
   wheel input before it reached the viewport. Keep boundary suppression on
   html and preserve the existing modal lock; only unlock the regular page. */
body.offline-preview:not(.modal-open) {
  overscroll-behavior-y: auto;
}