@font-face{font-family:Brand;src:url('assets/brand.woff2') format('woff2');font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:#0c0413;color:#b5ff69;font:16px/1.45 Arial,Helvetica,sans-serif;overflow-x:clip}body:after{content:'';position:fixed;inset:0;pointer-events:none;opacity:.035;z-index:20;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.7' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #ff83bf;outline-offset:6px}button{border:0}img{width:100%;display:block}h1,h2,h3,p,figure{margin:0}h1,h2,h3,.wordmark{font-family:Brand,Arial,sans-serif;font-weight:900;line-height:.97;letter-spacing:-.035em}h2{font-size:clamp(42px,6.5vw,98px)}em{font-style:inherit}header{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:28px;padding:20px 4%;background:#0c0413f5;border-bottom:1px solid #b5ff6945}.wordmark{font-size:30px;text-decoration:underline;text-underline-offset:4px}nav{display:flex;gap:32px;margin-left:auto;font-size:14px}nav a:hover{text-decoration:underline;text-underline-offset:5px}.motion{width:28px;height:28px;border:1px solid #b5ff6970;background:transparent;border-radius:50%;font-size:13px}.hero{padding:24px 4% 36px;position:relative}.hero-top{display:flex;justify-content:space-between;font-size:11px;text-transform:uppercase;letter-spacing:.1em}.hero-heading{display:flex;justify-content:space-between;align-items:center;margin-top:38px}h1{font-size:clamp(24px,3.2vw,46px)}h1 span{font-size:.58em;color:#efeade;letter-spacing:-.02em}.handwritten{font-family:Brand,Arial,sans-serif;display:inline-block;font-size:24px;transform:rotate(-7deg);color:#ff83bf;line-height:1.15}.paint-wrap{position:relative;width:100%;height:clamp(190px,27vw,440px);margin:8px 0 0;cursor:crosshair;overflow:hidden;touch-action:pan-y}.paint-wrap canvas{position:absolute;width:100%;height:100%;inset:0}#outline{pointer-events:none}#brush{display:none;position:absolute;width:65px;height:65px;border:1px solid currentColor;border-radius:50%;transform:translate(-50%,-50%);align-items:center;justify-content:center;pointer-events:none;color:#b5ff69}.paint-tools{display:flex;align-items:center;justify-content:space-between;gap:18px;border-top:1px dashed #b5ff6955;padding-top:17px;font-size:12px}.tools{display:flex;gap:12px;align-items:center}.tools [role=group]{display:flex;gap:6px}.swatch{background:#b5ff69;width:21px;height:21px;border-radius:50%;border:3px solid #0c0413;outline:1px solid transparent}.swatch.active{outline-color:#b5ff69}.swatch.pink{background:#ff83bf}.swatch.cream{background:#f0ecdf}#fill,#reset{background:transparent;border:1px solid #b5ff6970;padding:9px 12px}#fill:hover,#reset:hover{background:#b5ff69;color:#0c0413}.hero-bottom{display:flex;align-items:end;justify-content:space-between;margin-top:30px;color:#f0ecdf;font-size:14px}.round-link{display:flex;gap:30px;align-items:center}.round-link span{font-size:30px;border:1px solid #f0ecdf;border-radius:50%;width:48px;height:48px;text-align:center}.ticker{overflow:hidden;background:#b5ff69;color:#0c0413;padding:13px 0;transform:rotate(-1.5deg);width:104%;margin-left:-2%;position:relative;z-index:2}.ticker div{white-space:nowrap;width:max-content;font:34px/1 Brand,Arial,sans-serif;animation:marquee 25s linear infinite}.ticker i{font-style:normal;margin:0 22px}@keyframes marquee{to{transform:translateX(-50%)}}.section{padding:95px 6%;scroll-margin-top:10px}.section-label{font:11px/1.5 Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase;margin-bottom:40px}.attitude{background:#eeeadd;color:#0c0413;padding-top:110px}.attitude-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:9%}.attitude h2 em{background:#b5ff69;box-shadow:8px 0 #b5ff69,-5px 0 #b5ff69}.manifesto{font-size:18px;max-width:380px}.manifesto p+p{margin-top:18px}.star{font-size:75px;line-height:1;display:block;margin-bottom:30px}.bold{font-weight:bold}.text-link{display:inline-block;border-bottom:1px solid;margin-top:25px;padding-bottom:5px;font-size:15px}.section-title{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:50px}.section-title p{font-size:14px}.people{background:#b5ff69;color:#0c0413}.people h2 em{text-decoration:underline;text-decoration-thickness:4px;text-underline-offset:7px}.group-shot{position:relative;transform:rotate(-1deg);margin:10px 0 65px}.group-shot img{max-height:570px;object-fit:cover}.group-shot figcaption{position:absolute;bottom:25px;left:25px;font:clamp(24px,4.5vw,65px)/1 Brand;color:#b5ff69;text-shadow:1px 2px #0c0413}.tape{position:absolute;left:43%;top:-16px;width:130px;height:35px;background:#eeeaddc9;transform:rotate(5deg);clip-path:polygon(3% 0,100% 7%,96% 100%,0 95%)}.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.person:nth-child(even){padding-top:36px}.person img{height:280px;object-fit:cover;filter:grayscale(1);transition:filter .25s,transform .25s}.person:hover img{filter:grayscale(0);transform:rotate(-2deg)}.person-title{display:flex;justify-content:space-between;align-items:center;padding:17px 0 8px}.person h3{font-size:36px}.person-title a{font-size:28px}.person p{font-size:13px}.person details{border-top:1px solid #0c041355;margin-top:20px;padding-top:10px;font-size:11px}.person details p{padding-top:12px;line-height:1.55}summary{cursor:pointer}.work{background:#0c0413;color:#eeeadd}.work h2 em{color:#ff83bf}.work .handwritten{font-size:32px}.case-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:60px 7%;align-items:start}.case{padding:0;text-align:left;background:none;min-width:0}.case-image{position:relative;display:block;overflow:hidden;transition:transform .4s cubic-bezier(.2,.8,.2,1)}.case-image img{aspect-ratio:4/5;object-fit:cover;transition:transform .6s}.case:hover .case-image{transform:rotate(-2deg)}.case:hover img{transform:scale(1.035)}.case-seeberger{padding-top:130px}.case-sternburg{grid-column:1 / -1;width:72%;justify-self:center;margin-top:10px}.case-sternburg .case-image img{aspect-ratio:1.2;object-position:50% 45%}.case-label{display:grid;grid-template-columns:1fr auto;gap:4px;padding:20px 0;border-bottom:1px solid #eeeadd55}.case-label b{font:32px/1 Brand}.case-label span:first-of-type{grid-row:2;font-size:12px}.case-label span:last-child{grid-column:2;grid-row:1/3;align-self:center}.case-open{position:absolute;right:16px;bottom:16px;background:#b5ff69;color:#0c0413;padding:12px 18px;font-size:13px;transform:rotate(-4deg)}.case-sticker{position:absolute;top:20px;left:20px;transform:rotate(-10deg);padding:20px;background:#ff83bf;color:#0c0413;font:26px/.9 Brand;clip-path:polygon(0 5%,94% 0,100% 94%,7% 100%)}.portfolio{margin-top:75px;padding:30px 0;border-block:1px solid #eeeadd66;display:flex;justify-content:space-between;gap:25px;font-size:14px}.portfolio span{text-decoration:underline;text-underline-offset:4px}.services{background:#eeeadd;color:#0c0413}.services h2{margin-bottom:50px}.service-list details{border-top:1px solid #0c0413;padding:24px 0}.service-list details:last-child{border-bottom:1px solid #0c0413}.service-list summary{display:flex;align-items:center;gap:35px;font:clamp(22px,3.2vw,42px)/1.1 Brand;list-style:none}.service-list summary::-webkit-details-marker{display:none}.service-list summary span{font:12px Arial}.service-list summary b{margin-left:auto}.service-list details[open] summary b{transform:rotate(45deg)}.service-list details p{max-width:540px;margin:24px 0 0 50px;font-size:18px}.contact{background:#ff83bf;color:#0c0413;padding-bottom:65px}.contact h2{font-size:clamp(42px,7.8vw,115px)}.contact h2>span{display:block;color:#ff83bf;-webkit-text-stroke:1.5px #0c0413}.contact-mail{font-family:Brand;font-size:clamp(23px,5vw,74px);display:flex;justify-content:space-between;padding:45px 0 15px;border-bottom:2px solid #0c0413;overflow-wrap:anywhere}.contact-meta{display:flex;justify-content:space-between;align-items:center;margin-top:35px}.contact-meta p{font-size:14px}.contact-sticker{background:#b5ff69;font:21px/.98 Brand;padding:22px;transform:rotate(8deg)}footer{padding:35px 4%;display:flex;align-items:center;flex-wrap:wrap;gap:25px;font-size:11px}footer>div{margin-left:auto;display:flex;gap:24px}.prototype{width:100%;opacity:.6;font-size:10px}dialog{background:#eeeadd;color:#0c0413;width:min(1000px,94vw);max-height:90dvh;padding:65px 35px 35px;border:0}dialog::backdrop{background:#08030fdc;backdrop-filter:blur(9px)}.close-dialog{position:absolute;top:18px;right:22px;background:#0c0413;color:#b5ff69;padding:9px 18px}.dialog-grid{display:grid;grid-template-columns:.8fr 1fr;gap:35px}.dialog-grid img{max-height:520px;object-fit:cover}.dialog-grid h2{font-size:55px;margin:20px 0}.dialog-grid p{margin:18px 0}.dialog-videos{display:flex;gap:15px;margin-top:30px;flex-wrap:wrap}.dialog-videos video{max-height:550px;width:calc(50% - 8px);background:#0c0413}.sr-only,.skip{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip:focus{position:fixed;z-index:100;width:auto;height:auto;clip-path:none;background:#b5ff69;color:#0c0413;padding:15px}.paused *{animation-play-state:paused!important;scroll-behavior:auto!important;transition:none!important}.paused{scroll-behavior:auto}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}@media(min-width:1500px){.hero,.section{padding-left:max(6%,calc((100vw - 1380px)/2));padding-right:max(6%,calc((100vw - 1380px)/2))}}@media(max-width:700px){header{padding:17px 5%;gap:16px}.wordmark{font-size:23px}nav{gap:16px;font-size:11px}.motion{width:24px;height:24px;flex-shrink:0}.hero{padding:24px 5% 35px}.edition{display:none}.hero-heading{margin-top:32px;align-items:start}.hero-heading .handwritten{font-size:16px;max-width:120px;margin-top:12px}.paint-wrap{height:240px;margin-top:20px}.paint-tools{align-items:start;flex-direction:column;gap:14px}.tools{width:100%;justify-content:space-between;gap:10px}.hero-bottom{align-items:start;gap:25px;font-size:12px;margin-top:30px}.round-link{gap:12px;font-size:12px;max-width:140px}.round-link span{flex-shrink:0;width:38px;height:38px;font-size:24px}.ticker div{font-size:25px}.section{padding:65px 6%}.section-label{margin-bottom:28px;font-size:10px}.attitude-grid{grid-template-columns:1fr;gap:40px}.attitude h2{font-size:clamp(43px,10vw,68px)}.manifesto{font-size:16px;max-width:100%}.star{font-size:48px}.section-title{align-items:start;flex-direction:column;gap:25px;margin-bottom:35px}.section-title h2{font-size:clamp(38px,9vw,64px)}.group-shot{margin-bottom:40px}.group-shot img{height:250px;object-position:50%}.group-shot figcaption{left:12px;bottom:15px;font-size:27px}.team-grid{grid-template-columns:1fr 1fr;gap:30px 18px}.person img{height:220px}.person h3{font-size:29px}.person:nth-child(even){padding-top:25px}.person p{font-size:12px}.case-grid{grid-template-columns:1fr;gap:45px}.case-seeberger{padding-top:0}.case-sternburg{width:100%}.case-sternburg .case-image img{aspect-ratio:4/5}.case-image img{max-height:570px}.case-label b{font-size:29px}.portfolio{margin-top:50px;flex-direction:column;gap:12px}.service-list summary{gap:15px;font-size:23px}.service-list details p{margin-left:30px;font-size:16px}.contact h2{font-size:clamp(38px,9.5vw,62px)}.contact-mail{font-size:clamp(22px,6.5vw,45px);padding-top:35px}.contact-sticker{font-size:15px;padding:16px}.contact-meta p{font-size:12px}footer{gap:22px;padding:28px 6%}footer>div{margin-left:0}.dialog-grid{grid-template-columns:1fr}.dialog-grid img{max-height:310px;object-position:center}.dialog-grid h2{font-size:40px}dialog{padding:65px 20px 25px}.dialog-videos video{width:100%}}

.case-preview{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .4s}.case-preview.playing{opacity:1}.case-open,.case-sticker{z-index:2}
html{overflow-x:clip}.paint-wrap #paint{image-rendering:auto}@media(max-width:380px){nav{gap:10px}header{gap:10px}.hero-heading .handwritten{max-width:102px;font-size:14px}.person h3{font-size:26px}}

/* V02: photograph first, stencil and one reset control. */
.hero.hero-photo{padding:0;margin:12px 12px 0;height:calc(100svh - 110px);min-height:480px;max-height:850px;isolation:isolate;overflow:hidden}
.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 45%;z-index:-2}
.hero-photo:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(transparent 35%,#0c041355 100%);pointer-events:none}
.hero-photo .paint-wrap{position:absolute;left:4%;bottom:7%;width:92%;height:clamp(170px,25vw,350px);margin:0}
.hero-photo #outline{filter:drop-shadow(0 1px 1px #0c0413)}
.hero-photo #reset{position:absolute;right:22px;bottom:20px;width:46px;height:46px;display:grid;place-items:center;padding:0;background:#0c041355;border:1px solid #b5ff6990;border-radius:50%;color:#b5ff69;backdrop-filter:blur(5px)}
.hero-photo #reset:hover{background:#b5ff69;color:#0c0413}
@media(max-width:700px){.hero.hero-photo{margin:8px 8px 0;min-height:0;height:auto;aspect-ratio:1/1;max-height:none}.hero-image{object-position:50% 45%}.hero-photo .paint-wrap{left:5%;width:90%;height:190px;bottom:8%}.hero-photo #reset{right:14px;bottom:15px;width:42px;height:42px}}

/* V03: centered stencil and non-overlapping highlight. */
.hero-photo .paint-wrap{left:50%;top:50%;bottom:auto;transform:translate(-50%,-50%)}
.attitude-grid{align-items:start}
.attitude h2 em{display:inline-block;position:relative;isolation:isolate;background:none;box-shadow:none;margin-top:.13em;line-height:1.08}
.attitude h2 em:before{content:'';position:absolute;z-index:-1;left:-.05em;right:-.08em;top:.02em;bottom:-.02em;background:#b5ff69}
.manifesto{padding-top:.35em}

/* V04: deep purple and printed barrier tape. */
.ticker{padding:20px 0;background-color:#b5ff69;background-image:linear-gradient(180deg,#ffffff38 0%,transparent 30%,#0c041310 52%,#ffffff24 55%,transparent 83%,#0c041325 100%);box-shadow:0 4px 8px #0c041326,inset 0 1px #ffffff70,inset 0 -1px #0c041355}
.ticker div{position:relative;z-index:1}
.ticker:before{content:'';position:absolute;inset:0;pointer-events:none;z-index:2;opacity:.27;background-image:repeating-linear-gradient(107deg,transparent 0 96px,#ffffff70 97px,#0c041365 99px,transparent 102px 171px),url("data:image/svg+xml,%3Csvg viewBox='0 0 220 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8 .16' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%230c0413' opacity='.6' filter='url(%23g)' d='M0 0h220v64H0z'/%3E%3Cpath d='M12 17h49m35 28h68m20-36h29M30 53h8' stroke='%23e6ffc9' stroke-width='.8' opacity='.7'/%3E%3C/svg%3E");background-size:auto,220px 64px;mix-blend-mode:multiply}
.ticker:after{content:'';position:absolute;inset:0;z-index:3;pointer-events:none;background-image:repeating-linear-gradient(125deg,#0c0413 0 8px,transparent 8px 16px),repeating-linear-gradient(125deg,#0c0413 0 8px,transparent 8px 16px);background-position:left top,left bottom;background-size:100% 5px;background-repeat:no-repeat;opacity:.8}
@media(max-width:700px){.ticker{padding:17px 0}.ticker:after{background-size:100% 4px}}

/* V06: quiet paper grain on purple surfaces, behind all content. */
body,header,.work,footer{background-image:url('assets/paper-texture.svg');background-size:640px 640px;background-repeat:repeat}

/* Team booster: foil wrapper and full-color collectible portraits. */
.booster-stage{position:relative;min-height:520px;padding:25px 0 50px}.pack-shell{display:flex;flex-direction:column;align-items:center;gap:24px}.booster-pack{position:relative;width:300px;height:420px;background-color:#0c0413;background-image:linear-gradient(105deg,transparent 3%,#ffffff22 7%,transparent 12%,#ffffff09 37%,#ffffff35 39%,transparent 43%,transparent 71%,#ffffff20 73%,transparent 76%),url('assets/paper-texture.svg');color:#b5ff69;box-shadow:12px 20px 26px #0c041335,inset 2px 0 #ffffff40,inset -3px 0 #0008;transform:rotate(-5deg);transition:transform .3s,opacity .4s;touch-action:pan-y;clip-path:polygon(0 0,4% 1%,8% 0,12% 1%,16% 0,20% 1%,24% 0,28% 1%,32% 0,36% 1%,40% 0,44% 1%,48% 0,52% 1%,56% 0,60% 1%,64% 0,68% 1%,72% 0,76% 1%,80% 0,84% 1%,88% 0,92% 1%,96% 0,100% 1%,100% 99%,96% 100%,92% 99%,88% 100%,84% 99%,80% 100%,76% 99%,72% 100%,68% 99%,64% 100%,60% 99%,56% 100%,52% 99%,48% 100%,44% 99%,40% 100%,36% 99%,32% 100%,28% 99%,24% 100%,20% 99%,16% 100%,12% 99%,8% 100%,4% 99%,0 100%)}.booster-pack:hover{transform:rotate(-2deg) translateY(-5px)}.pack-seal{position:absolute;top:0;left:0;right:0;height:48px;display:grid;place-items:center;font-size:10px;letter-spacing:.17em;border-bottom:1px dashed #b5ff6980;background:repeating-linear-gradient(90deg,#fff1 0 2px,transparent 2px 5px);transform:translateX(var(--tear,0px)) rotate(var(--tear-angle,0deg));transition:transform .12s;transform-origin:left center}.pack-brand{display:block;font:100px/.85 Brand;text-align:left;letter-spacing:-.04em;padding:15px 30px 0}.pack-caption{display:block;font:19px/1.2 Brand;text-align:left;margin:35px 30px 0}.pack-bottom{position:absolute;bottom:0;left:0;right:0;height:26px;background:repeating-linear-gradient(90deg,#fff2 0 2px,transparent 2px 5px)}.pack-hint{font-size:12px;opacity:.7}.booster-pack.tearing .pack-seal{transform:translate(70px,-75px) rotate(20deg);opacity:0;transition:.35s}.booster-pack.tearing{transform:rotate(-8deg) translateY(30px);opacity:0;transition:.4s}.crew-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;padding:15px 0 30px}.crew-cards[hidden],.repack[hidden],.pack-shell[hidden]{display:none}.crew-card{position:relative;display:block;width:100%;height:410px;padding:0;background:#0c0413;color:#b5ff69;border:7px solid #0c0413;border-radius:13px;overflow:hidden;box-shadow:5px 9px 0 #0c041322;text-align:left;transform:rotate(var(--tilt));transition:transform .25s,box-shadow .25s;isolation:isolate}.crew-card img{height:100%;width:100%;object-fit:cover;filter:none}.crew-name{position:absolute;bottom:0;left:0;right:0;z-index:3;padding:35px 12px 16px;font:clamp(25px,3vw,40px)/1 Brand;background:linear-gradient(transparent,#0c0413d9);transition:bottom .3s}.crew-info{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:end;gap:18px;padding:18px 16px 75px;background:linear-gradient(#0c041355,#0c0413f5 35%);color:#eeeadd;transform:translateY(101%);transition:transform .3s;font:13px/1.5 Arial}.crew-info>strong{color:#b5ff69;font-size:14px}.crew-info>span{display:block}.crew-card:hover,.crew-card:focus-within,.crew-card[data-open=true]{transform:rotate(0) translateY(-12px);box-shadow:8px 16px 20px #0c041330;z-index:4}.crew-card:hover .crew-info,.crew-card:focus-within .crew-info,.crew-card[data-open=true] .crew-info{transform:translateY(0)}.crew-cards.dealing .crew-card{animation:deal .7s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i)*.1s)}@keyframes deal{from{opacity:0;transform:translateY(80px) scale(.8) rotate(0)}to{opacity:1;transform:rotate(var(--tilt))}}.repack{display:grid;place-items:center;width:45px;height:45px;margin:25px auto 0;border:1px solid #0c041380;border-radius:50%;background:transparent;color:#0c0413}.repack:hover{background:#0c0413;color:#b5ff69}@media(hover:none){.crew-card:hover{transform:rotate(var(--tilt))}.crew-card:hover .crew-info{transform:translateY(101%)}.crew-card[data-open=true] .crew-info{transform:translateY(0)}}@media(max-width:1050px) and (min-width:701px){.crew-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px}.crew-card{height:440px}}@media(max-width:700px){.booster-stage{padding-top:15px;min-height:460px}.booster-pack{width:260px;height:365px}.pack-brand{font-size:86px}.pack-caption{margin-top:28px;font-size:17px}.crew-cards{grid-template-columns:1fr;gap:35px;padding:15px 14px}.crew-card{height:440px;max-width:380px;margin:auto}.crew-name{font-size:38px}.crew-info{font-size:15px;padding:25px 22px 85px}.crew-info>strong{font-size:17px}}
.paused .crew-cards.dealing .crew-card{animation:none;opacity:1}

/* V08: a consistent portrait card ratio on every screen. */
.crew-card{height:auto;aspect-ratio:2/3;max-width:340px;justify-self:center}
.crew-card img{position:absolute;inset:0}
.pack-caption{font-size:22px;line-height:1.15}
.pack-caption em{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1.5px}
@media(max-width:700px){.crew-card{height:auto;max-width:320px}.pack-caption{font-size:20px}}

/* V09: centered pack typography with the invitation as the main element. */
.booster-pack{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:38px;padding:60px 18px 45px;text-align:center}
.pack-brand{font-size:32px;line-height:1;letter-spacing:-.035em;text-align:center;padding:0;text-decoration:underline;text-underline-offset:3px}
.pack-caption{font-size:40px;line-height:.99;letter-spacing:-.035em;text-align:center;margin:0}
.pack-caption em{text-underline-offset:4px;text-decoration-thickness:2px}
@media(max-width:700px){.booster-pack{gap:30px;padding:55px 16px 40px}.pack-brand{font-size:28px}.pack-caption{font-size:35px}}

.crew-info{z-index:2}

/* V11: legible cards and a consistent case row. */
.crew-info{font-size:16px;line-height:1.4;gap:14px;padding:18px 16px 76px;overflow-y:auto}.crew-info>strong{font-size:18px;line-height:1.25}
.pack-caption{font-size:38px;line-height:1.08;letter-spacing:-.045em}.booster-pack{padding-inline:12px}
.manifesto .portfolio{margin-top:35px;border-color:#0c041344;padding:22px 0 0;display:flex;flex-direction:column;gap:5px;font-size:15px}.manifesto .portfolio>span{text-decoration:none}.portfolio strong{font-size:18px;text-decoration:underline;text-underline-offset:5px}
.case-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;align-items:start}.case-seeberger{padding-top:0}.case-sternburg{grid-column:auto;width:100%;margin-top:0}.case-image{aspect-ratio:9/16;border-radius:22px}.case-image img,.case-sternburg .case-image img{width:100%;height:100%;max-height:none;aspect-ratio:9/16}.case:hover .case-image{transform:translateY(-6px)}.case-label b{font-size:clamp(23px,2.5vw,34px)}.case-open{font-size:12px;padding:10px 12px;right:12px;bottom:14px}
.clients{background:#eeeadd;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:35px;align-items:center;padding:45px 6%;border-bottom:1px solid #0c041322}.clients img{width:100%;height:55px;object-fit:contain}
@media(min-width:1051px) and (max-width:1190px){.crew-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.pack-caption{font-size:33px}.crew-info{font-size:17px;padding:22px 20px 80px}.crew-info>strong{font-size:19px}.case-grid{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;padding:8px 3px 20px}.case{flex:0 0 78%;scroll-snap-align:center}.case-image{border-radius:20px}.clients{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;padding-block:35px}.clients img{height:45px}.clients img:last-child{grid-column:2}}

/* V12: direct copy, compact services, moving client tape and case rail. */
.attitude-grid{grid-template-columns:1.1fr 1fr;gap:9%;align-items:start}.attitude h2{font-size:clamp(42px,5.5vw,78px)}.wish-list{padding-left:1.1em;margin:32px 0;font-size:clamp(18px,1.8vw,24px);line-height:1.4}.wish-list li+li{margin-top:20px}.attitude-copy>.bold{font-size:19px;max-width:460px}.compact-services{padding:8px 0 0;background:none}.compact-services h2{font-size:clamp(34px,4vw,56px);margin-bottom:35px}.compact-services summary{font-size:clamp(20px,2.4vw,31px);gap:14px}.compact-services details p{font-size:17px;margin-left:0}.attitude .portfolio{display:block;margin-top:30px;padding:22px 24px;border:0;background:#b5ff69;color:#0c0413;border-radius:3px;font-size:15px}.attitude .portfolio>span{display:block;text-decoration:none;margin-bottom:5px}.attitude .portfolio strong{font-size:20px}.portfolio:hover{background:#caff95}
.logo-ticker{transform:rotate(1deg);padding:24px 0;margin-block:0;}.logo-ticker .logo-track{display:flex;animation:marquee 32s linear infinite}.logo-track>span{display:flex;align-items:center;gap:60px;padding-right:60px}.logo-track img{width:135px;height:55px;object-fit:contain}.work{padding-top:100px}.case-grid{display:flex;overflow-x:auto;gap:26px;padding:10px 4px 25px;scroll-snap-type:x mandatory;scrollbar-color:#b5ff69 #ffffff15;scrollbar-width:thin}.case{position:relative;flex:0 0 35%;scroll-snap-align:start;border-radius:22px;overflow:hidden}.case-sternburg{width:auto}.case-image{width:100%}.case:hover .case-image{transform:none}.case-label{position:absolute;z-index:3;bottom:0;left:0;right:0;display:flex;flex-direction:column;gap:7px;padding:100px 22px 25px;border:0;background:linear-gradient(transparent,#0c0413ea);color:#eeeadd;pointer-events:none}.case-label b{font-size:clamp(25px,2.6vw,38px)}.case-label span:first-of-type{font-size:14px}.case-open{left:22px;right:auto;bottom:110px;padding:0;background:none;color:#b5ff69;transform:translateY(6px);opacity:0;transition:opacity .2s,transform .2s;font-size:15px;font-weight:bold;z-index:4}.case:hover .case-open,.case:focus-visible .case-open{opacity:1;transform:none}.case:focus-visible{outline:3px solid #b5ff69;outline-offset:3px}.case-label span:last-child{align-self:auto}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:8%}.contact h2{font-size:clamp(37px,4.5vw,65px)}.direct-email{display:block;font:clamp(22px,2.8vw,38px) Brand;margin-top:40px}.direct-phone{display:block;margin-top:12px}#contact-form{display:flex;flex-direction:column;gap:10px}#contact-form label{font-size:16px;margin-top:9px}#contact-form input,#contact-form textarea{width:100%;padding:13px;background:#ffffff25;border:1px solid #0c041388;border-radius:4px;color:#0c0413;font:17px/1.4 Arial}#contact-form textarea{resize:vertical}#contact-form button{align-self:start;background:#0c0413;color:#b5ff69;padding:15px 23px;margin-top:8px;font:20px Brand}.form-note,#form-status{font-size:13px;margin:0}#contact-form :focus-visible{outline:3px solid #0c0413;outline-offset:3px}.yacht{display:grid;grid-template-columns:1fr 1.2fr;gap:8%;align-items:center;background:#0c0413;color:#eeeadd}.yacht h2{font-size:clamp(45px,6vw,85px)}.yacht h2 em{color:#b5ff69}.yacht-link{display:inline-block;margin-top:15px;border-bottom:1px solid #b5ff69;color:#b5ff69;padding-bottom:6px}.yacht-photo{display:block;transform:rotate(3deg)}.yacht-photo img{border-radius:18px;aspect-ratio:3/2;object-fit:cover}
@media(max-width:700px){.attitude-grid,.contact-grid,.yacht{grid-template-columns:1fr;gap:45px}.attitude h2{font-size:45px}.compact-services h2{font-size:36px}.compact-services summary{font-size:23px}.logo-track img{width:105px;height:45px}.logo-track>span{gap:35px;padding-right:35px}.logo-ticker{padding:20px 0}.case{flex:0 0 82%}.case-label{padding:90px 18px 22px}.case-label b{font-size:29px}.case-open{left:18px;bottom:105px}.contact h2{font-size:42px}.yacht-photo{margin-top:10px}.work{padding-top:70px}}

/* V13: full-width manifesto, stop-motion shortcut and clear case navigation. */
nav{font-weight:700}.ticker:not(.logo-ticker)>div{animation-duration:20s}.logo-ticker .logo-track{animation-duration:26s}
.attitude-grid{display:block}.attitude-copy{width:100%}.attitude h2{font-size:clamp(48px,7.8vw,110px);max-width:1100px}.attitude h2 br{display:none}.attitude h2 em{margin-left:.15em}.wish-list{list-style:none;padding:0;margin:55px 0 35px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;font:clamp(22px,2.35vw,34px)/1.18 Brand}.wish-list li{border-top:1px solid #0c041355;padding-top:25px}.wish-list li+li{margin-top:0}.attitude-copy>.bold{max-width:none;font-size:clamp(18px,2vw,26px);margin-top:42px}.attitude .portfolio{display:inline-block;min-width:min(100%,440px);margin-top:22px;animation:pdf-stop-motion 4.8s steps(1,end) infinite;transform-origin:center;box-shadow:5px 5px 0 #0c0413}.attitude .portfolio:hover,.attitude .portfolio:focus-visible{animation-play-state:paused;background:#ff83bf}.attitude .portfolio strong{font-size:clamp(18px,2vw,24px)}
@keyframes pdf-stop-motion{0%,82%,100%{background:#b5ff69;transform:rotate(0)}86%{background:#ff83bf;transform:rotate(-1deg) translateY(-2px)}94%{background:#b5ff69;transform:rotate(.7deg)}}
.contact h2{font-size:clamp(48px,5.8vw,82px);line-height:.98}.direct-email,.direct-phone{font:clamp(22px,2.8vw,38px)/1.2 Brand}.direct-phone{margin-top:15px}.case-controls{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin:-18px 0 20px}.case-controls>span{font-size:14px;margin-right:8px}.case-controls button{width:46px;height:46px;border-radius:50%;border:1px solid #b5ff69;background:transparent;color:#b5ff69;font:25px Arial}.case-controls button:hover:not(:disabled){background:#b5ff69;color:#0c0413}.case-controls button:disabled{opacity:.3;cursor:default}.case-controls button:focus-visible{outline:3px solid #ff83bf;outline-offset:4px}
@media(max-width:700px){.attitude h2{font-size:clamp(44px,10.5vw,68px)}.attitude h2 br{display:block}.attitude h2 em{margin-left:0}.wish-list{grid-template-columns:1fr;gap:25px;margin-top:35px;font-size:26px}.wish-list li{padding-top:20px}.attitude-copy>.bold{margin-top:30px;font-size:20px}.attitude .portfolio{width:100%;padding:20px}.contact h2{font-size:clamp(45px,12.5vw,62px)}.case-controls{margin:0 0 18px;justify-content:flex-start}.direct-email,.direct-phone{font-size:clamp(22px,6.5vw,32px)}}

.case:last-child{scroll-snap-align:end}

/* V14: marker copy and cleaner controls and section boundary. */
.attitude mark{background:#b5ff69;color:inherit;padding:0 .06em;box-decoration-break:clone;-webkit-box-decoration-break:clone}.attitude h2 mark{display:inline-block;line-height:1.08}.attitude h2{font-size:clamp(45px,7.2vw,100px);line-height:1.12}.wish-list{line-height:1.3}.attitude .portfolio{border-radius:16px;padding:24px 28px}.attitude .portfolio strong{text-decoration:none}.contact-grid>div:first-child{align-self:center}.case-controls button{border:0;border-radius:0;display:grid;place-items:center;background:none}.case-controls button:hover:not(:disabled){background:none;color:#eeeadd}.logo-ticker{margin-top:calc(-1vw - 3px)}
@media(max-width:700px){.attitude h2{font-size:clamp(41px,10.5vw,68px)}.attitude .portfolio{padding:22px}.contact-grid>div:first-child{align-self:auto}}

/* V15: edge-to-edge hero, focused highlights and compact buttons. */
.wordmark{text-decoration:none}.hero.hero-photo{margin:0}.hero-photo+.ticker{margin-top:calc(-1.4vw - 2px)}.wish-list li{border-top:0;padding-top:0}.attitude .portfolio{min-width:0;width:fit-content;max-width:100%}.team-title{text-align:center;font-size:clamp(38px,5.8vw,78px);margin:0 0 50px}.contact h2{font-size:clamp(52px,6.4vw,91px)}#contact-form button{border-radius:14px}
@media(max-width:700px){.hero.hero-photo{margin:0}.wish-list li{padding-top:0}.attitude .portfolio{width:fit-content;min-width:0;max-width:100%}.team-title{font-size:clamp(35px,9vw,50px);margin-bottom:35px}.contact h2{font-size:clamp(49px,13.5vw,68px)}}

.hero-photo #reset{bottom:calc(22px + 1.4vw)}

/* V16: centered attitude section and more frequent stop-motion pulse. */
.attitude-copy{text-align:center}.attitude-copy h2{margin-inline:auto}.attitude-copy .wish-list{text-align:center}.attitude .portfolio{animation-duration:2.4s;margin-inline:auto;text-align:center}

/* V19: slightly more compact case cards. */
.case{flex-basis:25.5%}.case-label b{font-size:clamp(23px,2.3vw,34px)}
@media(max-width:700px){.case{flex-basis:61.2%}.case-label b{font-size:26px}}

/* V20: smaller attitude composition and more visible purple paper grain. */
.attitude{padding-top:94px;padding-bottom:81px}
.attitude-copy{width:85%;margin-inline:auto}
.attitude h2{font-size:clamp(38px,6.12vw,85px);max-width:935px}
.attitude .wish-list{font-size:clamp(19px,2vw,29px);gap:30px;margin:47px 0 30px}
.attitude-copy>.bold{font-size:clamp(16px,1.7vw,22px);margin-top:36px}
.attitude .portfolio{font-size:13px;padding:20px 24px;margin-top:19px;border-radius:14px;box-shadow:4px 4px 0 #0c0413}
.attitude .portfolio strong{font-size:clamp(16px,1.7vw,20px)}
.yacht>div>p{font-size:18px;font-weight:700;margin-bottom:8px}
body,header,.work,.yacht,footer{background-image:url('assets/paper-texture-strong.svg');background-size:640px 640px;background-repeat:repeat}
@media(max-width:700px){.attitude{padding-top:55px;padding-bottom:55px}.attitude-copy{width:100%}.attitude h2{font-size:clamp(35px,8.925vw,58px)}.attitude .wish-list{font-size:22px;gap:21px;margin-top:30px}.attitude-copy>.bold{font-size:17px;margin-top:26px}.attitude .portfolio{padding:19px}}

/* V21: fourth case placeholder, strong PDF label and covered tape edge. */
.attitude .portfolio strong{font-family:Brand,Arial,sans-serif;font-weight:900;line-height:1.2}
.hero-photo+.ticker{margin-bottom:calc(-1.4vw - 2px)}
.case-placeholder{background:#ff83bf;color:#0c0413}
.case-placeholder .case-image{display:flex;flex-direction:column;justify-content:center;padding:24px;background-image:url('assets/paper-texture.svg')}
.placeholder-number{position:absolute;top:20px;right:22px;font:clamp(70px,9vw,140px)/1 Brand;opacity:.18}
.placeholder-copy{position:relative;font:clamp(28px,3.5vw,50px)/1.02 Brand;letter-spacing:-.035em;margin-bottom:45px}
.case-placeholder .case-label{background:none;color:#0c0413}
@media(max-width:700px){.placeholder-copy{font-size:34px}.placeholder-number{font-size:100px}}

/* V23: uninterrupted text tape, smaller stencil and clear reset spacing. */
.hero-photo #reset{bottom:calc(48px + 2.8vw)}
.ticker:not(.logo-ticker){background-image:none}
.ticker:not(.logo-ticker):before{display:none}
.ticker:not(.logo-ticker)>.text-ticker-track{display:flex;width:max-content;animation-duration:40s;will-change:transform}
.text-ticker-group{display:flex;flex-shrink:0;align-items:center;justify-content:space-around;min-width:104vw;gap:44px;padding-right:44px}
.text-ticker-group i{margin:0}
@media(max-width:700px){.text-ticker-group{gap:30px;padding-right:30px}}

/* V24: reliable touch drawing, device-independent stars and tap cues. */
.ticker-star{display:block;flex:none;width:.95em;height:.95em}
.crew-tap-hint{display:none}
@media(max-width:700px),(hover:none) and (pointer:coarse){
 .hero-photo,.hero-photo .paint-wrap{touch-action:none;user-select:none;-webkit-user-select:none}
 .hero-photo #reset{touch-action:manipulation;z-index:4}
 .crew-tap-hint{display:block;position:absolute;top:12px;right:12px;z-index:5;padding:7px 10px;border-radius:20px;background:#0c0413e8;color:#b5ff69;font:700 12px/1.2 Arial,sans-serif;pointer-events:none}
 .crew-tap-hint .tap-close{display:none}
 .crew-card[data-open=true] .tap-open{display:none}
 .crew-card[data-open=true] .tap-close{display:inline}
 .crew-card:not([data-open=true]):hover .crew-info,.crew-card:not([data-open=true]):focus-visible .crew-info{transform:translateY(101%)}
 .crew-card[data-open=true] .crew-info{transform:translateY(0)}
}

/* Clean pink client tape. */
.logo-ticker{background-color:#ff83bf;background-image:none}
.logo-ticker:before{display:none}

/* Compact rotating handshake. */
.attitude-copy{width:100%}
.attitude .rotating-question{font-size:clamp(48px,7.1vw,100px);max-width:1180px;line-height:1.06;margin-inline:auto}
.question-endings{display:grid;margin-top:.15em;color:#0c0413}
.question-ending{grid-area:1/1;align-self:start;opacity:0;visibility:hidden;transition:opacity .24s ease;pointer-events:none}
.question-ending.is-active{opacity:1;visibility:visible}
.attitude-copy>.bold{margin-top:32px}
#contact-form button:disabled{opacity:.55;cursor:default}
#form-status{line-height:1.5;max-width:48ch}
.legal-title{padding-block:70px;background:#0c0413;color:#b5ff69}
.legal-title h1{font-size:clamp(48px,8vw,110px);overflow-wrap:anywhere;margin-top:35px}
.legal-back{font-weight:bold;border-bottom:1px solid currentColor;padding-bottom:4px}
.legal-copy{background:#eeeadd;color:#0c0413;padding-block:65px}
.legal-copy>*{max-width:850px;margin-inline:auto}
.legal-copy h2{font-family:Arial,sans-serif;font-size:clamp(22px,3vw,30px);font-weight:800;line-height:1.2;letter-spacing:-.025em;margin-top:45px;margin-bottom:18px}
.legal-copy h2:first-child{margin-top:0}
.legal-copy p{font-size:17px;line-height:1.7;margin-bottom:15px;overflow-wrap:anywhere}
.legal-copy a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:700px){.attitude .rotating-question{font-size:clamp(35px,9.4vw,58px);line-height:1.08}.question-endings{margin-top:.3em}.attitude-copy>.bold{margin-top:25px}.legal-title{padding-block:42px}.legal-copy{padding-block:40px}.legal-copy p{font-size:16px}}
@media(prefers-reduced-motion:reduce){.question-ending{transition:none}}

/* Separate portfolio sticker, client logo and closing gift. */
.attitude>.portfolio{display:block;position:relative;margin:48px 0 0 auto;width:245px;min-width:0;padding:22px 24px;background:#ff83bf;animation:none;transform:rotate(4deg);text-align:left;box-shadow:5px 5px 0 #0c0413}
.attitude>.portfolio:hover,.attitude>.portfolio:focus-visible{background:#ff9bca;transform:rotate(1deg)}
.attitude>.portfolio strong{font-size:22px;line-height:1.15}
.logo-track .client-philips{display:block;flex:0 0 135px;width:135px;height:55px;background:#0c0413;mask:url('assets/client-philips.webp') center/contain no-repeat;-webkit-mask:url('assets/client-philips.webp') center/contain no-repeat}
.yacht h2{font-size:clamp(42px,5.1vw,72px);line-height:1.04;overflow-wrap:normal}
.yacht>div>.gift-punchline{font-size:20px;margin-top:20px}
.yacht-photo img{display:block;width:100%;object-fit:contain;background:white}
.legal-copy .legal-pending{color:#a31520;border-left:4px solid #b51c2b;background:#f8dce0;padding:18px 22px;border-radius:0 12px 12px 0}
@media(max-width:700px){.attitude>.portfolio{margin-top:38px;width:218px;padding:19px 21px;transform:rotate(3deg)}.attitude>.portfolio strong{font-size:20px}.logo-track .client-philips{flex-basis:105px;width:105px;height:45px}.yacht h2{font-size:clamp(38px,10.5vw,64px)}.legal-copy .legal-pending{padding:15px}}

/* Animated marker strokes and centered portfolio invitation. */
.attitude .question-ending mark{display:inline;background:linear-gradient(#b5ff69,#b5ff69) left center/0% 100% no-repeat;line-height:inherit;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.question-ending.is-active mark{animation:marker-sweep .65s .15s cubic-bezier(.22,.7,.25,1) forwards}
@keyframes marker-sweep{to{background-size:100% 100%}}
.attitude-copy>.bold{font-size:clamp(20px,2vw,27px);line-height:1.4}
.attitude>.portfolio{margin:40px auto 0;width:fit-content;max-width:100%;text-align:center;transform:rotate(-2deg)}
.attitude>.portfolio:hover,.attitude>.portfolio:focus-visible{transform:rotate(0)}
.yacht .gift-emoji{font-family:"Apple Color Emoji","Segoe UI Emoji",sans-serif;font-size:.7em;white-space:nowrap}
@media(max-width:700px){.attitude-copy>.bold{font-size:20px}.attitude>.portfolio{margin:34px auto 0;width:fit-content;max-width:100%;transform:rotate(-2deg)}}
@media(prefers-reduced-motion:reduce){.attitude .question-ending mark{animation:none;background-size:100% 100%}}

/* Original three-layer header: Screen is Photoshop's Negativ multiplizieren. */
.hero-layers{position:absolute;inset:0;z-index:-2;overflow:hidden;isolation:isolate;background:#80afcf;pointer-events:none}
.hero-layer{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 45%;pointer-events:none;user-select:none}
.hero-sky{transform:scale(1.18);animation:sky-drift 6s ease-in-out infinite alternate;animation-play-state:paused;will-change:transform}
.hero-photo.sky-visible .hero-sky{animation-play-state:running}
.hero-texture{mix-blend-mode:screen}
.hero-photo:before{display:none}
@keyframes sky-drift{from{transform:translate3d(-3.8%,1.5%,0) scale(1.18)}to{transform:translate3d(3.8%,-1.5%,0) scale(1.18)}}
@media(prefers-reduced-motion:reduce){.hero-sky{animation:none;will-change:auto;transform:scale(1.09)}}

/* Paint guide is clipped inside the letters and erased by the painted coverage. */
.hero-photo #outline{filter:none}
.attitude>.portfolio{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:15px}
.pdf-download-icon{flex:none}
@media(hover:hover) and (pointer:fine){
 .hero-layer{transition:translate .22s ease-out}
 .hero-sky{translate:calc(var(--depth-x,0px) * .5) calc(var(--depth-y,0px) * .5)}
 .hero-people{transform:scale(1.085);translate:var(--depth-x,0px) var(--depth-y,0px)}
 .hero-texture{transform:scale(1.13);translate:calc(var(--depth-x,0px) * 1.5) calc(var(--depth-y,0px) * 1.5)}
}
@media(prefers-reduced-motion:reduce){.hero-layer{translate:none;transition:none}}

.attitude .keep-together{white-space:nowrap}

/* Marker backgrounds sit behind all headline glyphs, including adjacent lines. */
.attitude .rotating-question{position:relative;isolation:isolate}
.attitude .rotating-question mark{position:relative;display:inline-block;background:none;animation:none;line-height:inherit}
.attitude .rotating-question mark:before{content:'';position:absolute;inset:0;z-index:-1;background:#b5ff69;transform-origin:left center;pointer-events:none}
.attitude .question-ending mark:before{transform:scaleX(0)}
.attitude .question-ending.is-active mark:before{animation:marker-reveal .65s .15s cubic-bezier(.22,.7,.25,1) forwards}
@keyframes marker-reveal{to{transform:scaleX(1)}}
.attitude h2 .ending-break{display:block}
.logo-track .client-bayern{mix-blend-mode:multiply}
@media(prefers-reduced-motion:reduce){.attitude .question-ending mark:before{animation:none;transform:scaleX(1)}}

/* Original agency wordmark in shared navigation and footer. */
header .wordmark,footer .wordmark{display:inline-flex;align-items:center;flex-shrink:0;width:140px;min-height:30px}header .brand-logo,footer .brand-logo{display:block;width:100%;height:auto}
@media(max-width:700px){header .wordmark,footer .wordmark{width:112px;min-height:23px}}

/* Media-first case detail */
#case-dialog{width:min(1400px,96vw);max-width:96vw;max-height:94dvh;padding:64px 32px 26px;background:#0c0413 url('assets/paper-texture-strong.svg');color:#eeeadd;border:1px solid #b5ff6940;border-radius:24px;overflow:auto}
.case-dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:28px}
.case-dialog-heading h2{font-size:clamp(34px,4.5vw,64px);color:#b5ff69}
.case-dialog-heading p{margin-top:10px;font-size:16px}
.case-contact{display:inline-flex;align-items:center;justify-content:center;gap:24px;flex-shrink:0;background:#ff83bf;color:#0c0413;padding:17px 24px;border-radius:12px;font:22px/1.2 Brand,Arial,sans-serif}
.case-contact:hover{background:#b5ff69}
.case-media-controls{display:flex;justify-content:flex-end;gap:12px;margin:20px 0 12px}
.case-media-controls button{display:grid;place-items:center;background:transparent;color:#b5ff69;width:48px;height:44px;padding:0;border:0;border-radius:0}.case-media-controls button:hover{color:#eeeadd}
.case-media-rail{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 0 16px;scrollbar-color:#b5ff69 #ffffff15;overscroll-behavior-x:contain}
.case-media{position:relative;flex:0 0 auto;height:clamp(260px,53dvh,620px);aspect-ratio:var(--media-ratio,9/16);max-width:85vw;scroll-snap-align:start;border-radius:18px;overflow:hidden;background:#140a1d}
.case-media img,.case-media video{display:block;width:100%;height:100%;object-fit:contain}
.media-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:88px;height:88px;border-radius:50%;background:#b5ff69;color:#0c0413;box-shadow:0 6px 30px #0005;display:grid;place-items:center}
.media-play[hidden]{display:none}.media-play svg{width:40px;height:40px;fill:currentColor}.media-play:hover{background:#ff83bf}
@media(max-width:700px){#case-dialog{padding:60px 18px 20px;border-radius:18px}.case-dialog-heading{align-items:flex-start;flex-direction:column;gap:20px}.case-dialog-heading p{font-size:14px}.case-contact{font-size:19px;padding:14px 20px}.case-media{height:45dvh;max-width:80vw}.media-play{width:74px;height:74px}}

/* Reduce the attitude section's overall visual weight. */
.attitude{padding-top:clamp(58px,6vw,78px);padding-bottom:clamp(52px,5.5vw,70px)}
.attitude .rotating-question{font-size:clamp(44px,5.8vw,82px);max-width:1050px;line-height:1.05}
.attitude-copy>.bold{font-size:clamp(19px,1.75vw,24px);margin-top:26px}
.attitude>.portfolio{margin-top:32px;padding:17px 21px}
.attitude>.portfolio strong{font-size:20px}
@media(max-width:700px){
 .attitude{padding-top:42px;padding-bottom:42px}
 .attitude .rotating-question{font-size:clamp(32px,8.5vw,52px);line-height:1.08}
 .attitude-copy>.bold{font-size:18px;margin-top:20px}
 .attitude>.portfolio{margin-top:26px;padding:16px 18px}
 .attitude>.portfolio strong{font-size:18px}
}

/* Tighten only the FC Bayern logo's spacing in the client tape. */
.logo-track .client-bayern{margin-inline:-12px}
@media(max-width:700px){.logo-track .client-bayern{margin-inline:-8px}}

/* Temporary sky-level spray is occluded by the people above it. */
.hero-trail{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
@media(prefers-reduced-motion:reduce){.hero-trail{display:none}}

/* Shared dark paper surface through the closing section and footer. */
.yacht,footer{background-color:transparent;background-image:none}

/* Keep the case heading quiet; contact follows the media rail. */
#case-dialog .close-dialog{display:grid;place-items:center;width:48px;height:48px;top:12px;right:16px;padding:10px;background:transparent;border-radius:0}
#case-dialog .close-dialog:hover{color:#ff83bf}
.case-dialog-heading{display:block}
.case-dialog-heading h2{overflow-wrap:anywhere}
.case-dialog-footer{display:flex;justify-content:flex-start;margin-top:18px}
@media(max-width:700px){
 #case-dialog .close-dialog{right:10px;top:8px}
 .case-dialog-footer{margin-top:14px}
}

/* Independent social links stay usable without nesting links in card buttons. */
.crew-toggle{position:absolute;inset:0;width:100%;height:100%;padding:0;background:transparent;color:inherit;text-align:left}
.crew-info{padding-bottom:120px}
.crew-socials{position:absolute;bottom:76px;left:16px;right:16px;z-index:4;display:flex;flex-wrap:wrap;gap:10px 16px;visibility:hidden;opacity:0;transition:opacity .2s}
.crew-socials a{font:700 13px/1.3 Arial,sans-serif;color:#b5ff69;text-decoration:underline;text-underline-offset:4px;padding:6px 0}
.crew-card:hover .crew-socials,.crew-card:focus-within .crew-socials,.crew-card[data-open=true] .crew-socials{visibility:visible;opacity:1}
.crew-name{pointer-events:none}
@media(max-width:700px){.crew-info{padding-bottom:125px}.crew-socials{left:20px;right:20px;bottom:80px}}
@media(max-width:700px),(hover:none) and (pointer:coarse){.crew-card:not([data-open=true]):hover .crew-socials,.crew-card:not([data-open=true]):focus-within .crew-socials{visibility:hidden;opacity:0}}

/* Round social icons align with the name at the bottom-right of an open card. */
.crew-socials{left:auto;right:12px;bottom:18px;gap:6px;flex-wrap:nowrap}
.crew-socials a{display:grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid currentColor;border-radius:50%;background:#0c0413;color:#b5ff69;text-decoration:none}
.crew-socials a:hover{background:#b5ff69;color:#0c0413}
.crew-socials svg{display:block;width:18px;height:18px}
.crew-name{padding-right:calc(var(--social-count,1) * 40px + 16px)}
.crew-info{padding-bottom:76px}
footer>div{align-items:center}
.footer-instagram{display:grid;place-items:center;width:36px;height:36px;flex:none;border:1px solid currentColor;border-radius:50%}
.footer-instagram:hover{background:#b5ff69;color:#0c0413}
@media(max-width:700px){.crew-socials{left:auto;right:14px;bottom:16px}.crew-socials a{width:40px;height:40px}.crew-socials svg{width:20px;height:20px}.crew-name{padding-right:calc(var(--social-count,1) * 46px + 16px)}.crew-info{padding-bottom:80px}}

/* Five staged feedback exchanges, between the work and the contact section. */
.feedback{display:grid;grid-template-columns:.85fr 1.15fr;gap:7%;align-items:center;background:#eeeadd;color:#0c0413;padding-block:clamp(65px,8vw,110px)}
.feedback-eyebrow{font:700 11px/1.5 Arial,sans-serif;text-transform:uppercase;letter-spacing:.1em;margin-bottom:28px}
.feedback-intro h2{font-size:clamp(48px,5vw,70px);line-height:1.04;letter-spacing:-.04em}
.feedback-intro h2 em{color:#0c0413;background:#ff83bf;padding:0 .07em;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.feedback-lead{font-size:18px;line-height:1.45;margin-top:28px;max-width:25ch}
.feedback-disclaimer{font-size:11px;line-height:1.5;margin-top:26px;color:#625b68}
.feedback-chat-wrap{min-width:0}
.feedback-chat{background:#0c0413 url('assets/paper-texture-strong.svg') repeat;color:#eeeadd;border:1px solid #0c0413;border-radius:22px;box-shadow:7px 8px 0 #0c0413;overflow:hidden}
.feedback-chat-header{display:flex;gap:12px;align-items:center;padding:18px 22px;border-bottom:1px solid #eeeadd25}
.feedback-avatar{width:42px;height:42px;display:grid;place-items:center;flex:none;border-radius:50%;background:#b5ff69;color:#0c0413;font:22px/1 Brand,Arial,sans-serif}
.feedback-chat-header strong{display:block;font:700 15px/1.4 Arial,sans-serif}
.feedback-chat-header div>span{display:block;font-size:11px;margin-top:2px;color:#eeeadd99}
.feedback-online{width:7px;height:7px;border-radius:50%;background:#b5ff69;margin-left:auto;flex:none}
.feedback-messages{height:390px;position:relative;padding:18px 22px 22px;display:flex;flex-direction:column;align-items:flex-start;gap:14px;transition:opacity .25s,transform .25s}
.feedback-chat.is-switching .feedback-messages{opacity:0;transform:translateY(-8px)}
.feedback-date{align-self:center;color:#eeeadd80;font-size:10px;line-height:1.4;margin-bottom:6px}
.feedback-message{position:relative;max-width:88%;padding:13px 17px;border-radius:16px;animation:feedback-pop .28s cubic-bezier(.2,.8,.2,1) both;font:18px/1.4 Arial,sans-serif}
.feedback-question,.feedback-followup{background:#eeeadd;color:#0c0413;border-bottom-left-radius:3px}
.feedback-question{min-width:180px;min-height:94px}
.feedback-sender{display:block;font-size:10px;font-weight:700;line-height:1.3;margin-bottom:5px;opacity:.65}
.feedback-question p{min-height:1.4em}
.feedback-question.is-writing p:after{content:'';display:inline-block;width:1px;height:1em;background:currentColor;vertical-align:-.1em;margin-left:2px}
.feedback-receipt{display:block;text-align:right;font-size:9px;margin-top:5px;color:#6b616d}
.feedback-receipt>span{color:#574265;letter-spacing:-.18em;margin-left:4px}
.feedback-reply{align-self:flex-end;background:#ff83bf;color:#0c0413;border-bottom-right-radius:3px;max-width:88%}
.feedback-reply p{font-weight:700}
.feedback-reply img{width:220px;max-width:100%;height:auto;border-radius:9px;margin-top:7px}
.feedback-reply:has(img:not([hidden])){padding:8px}
.feedback-reply:has(img:not([hidden])) .feedback-sender{padding:4px 8px 0}
.feedback-typing{display:flex;align-self:flex-end;gap:5px;padding:15px 18px;background:#ff83bf;border-radius:16px 16px 3px 16px}
.feedback-typing span{width:6px;height:6px;background:#0c0413;border-radius:50%;opacity:.4;animation:feedback-dot .9s ease-in-out infinite}
.feedback-typing span:nth-child(2){animation-delay:.12s}.feedback-typing span:nth-child(3){animation-delay:.24s}
.feedback-system{align-self:center;margin:12px 0 0;padding:8px 13px;border:1px solid #eeeadd30;border-radius:20px;color:#eeeaddb0;font-size:11px;text-align:center;animation:feedback-pop .25s both}
.feedback-followup{font-size:16px}
.feedback [hidden]{display:none!important}
.feedback-controls{display:flex;align-items:center;gap:14px;margin-top:22px;padding-inline:3px}
.feedback-dots{display:flex;gap:8px}.feedback-dots button{display:grid;place-items:center;background:transparent;width:22px;height:30px;padding:0}
.feedback-dots button:before{content:'';width:7px;height:7px;border:1px solid #0c0413;border-radius:50%;transition:background .2s,transform .2s}
.feedback-dots button[aria-pressed=true]:before{background:#0c0413;transform:scale(1.25)}
.feedback-counter{font:11px/1 Arial,sans-serif;margin-left:auto;letter-spacing:.08em}
.feedback-pause,.feedback-next{display:grid;place-items:center;background:transparent;color:#0c0413;width:34px;height:34px;padding:0}
.feedback-pause:hover,.feedback-next:hover{color:#875273}
.feedback.is-paused .feedback-typing span{animation-play-state:paused}
@keyframes feedback-pop{from{opacity:0;transform:translateY(9px) scale(.98)}to{opacity:1;transform:none}}
@keyframes feedback-dot{0%,65%,100%{opacity:.35;transform:none}30%{opacity:1;transform:translateY(-3px)}}
@media(max-width:900px){.feedback{grid-template-columns:1fr;gap:35px}.feedback-intro h2{font-size:clamp(46px,7.5vw,70px)}.feedback-intro h2 br{display:none}.feedback-chat-wrap{max-width:640px;width:100%}.feedback-lead{max-width:none;margin-top:18px}.feedback-eyebrow{margin-bottom:20px}.feedback-disclaimer{margin-top:14px}}
@media(max-width:700px){.feedback{padding-block:55px}.feedback-intro h2{font-size:clamp(42px,10vw,60px)}.feedback-chat{box-shadow:4px 5px 0 #0c0413;border-radius:18px}.feedback-chat-header{padding:15px 16px}.feedback-messages{height:380px;padding:16px;gap:14px}.feedback-message{font-size:16px;max-width:94%;padding:12px 14px}.feedback-reply{max-width:90%}.feedback-reply img{width:200px}.feedback-lead{font-size:16px}.feedback-controls{gap:8px}.feedback-dots{gap:3px}.feedback-followup{font-size:15px}}
@media(prefers-reduced-motion:reduce){.feedback-messages{transition:none}.feedback-message,.feedback-system,.feedback-typing span{animation:none}}

/* Full-width chat scene: no window, avatar, group header or editorial column. */
.feedback{display:block;background:#0c0413 url('assets/paper-texture-strong.svg') repeat;color:#eeeadd;padding-block:60px 36px}
.feedback-chat-wrap{width:100%;max-width:1100px;margin-inline:auto}
.feedback-chat{border:0;border-radius:0;background:none;box-shadow:none;overflow:visible}
.feedback-messages{height:440px;padding:0;gap:24px;overflow:visible}
.feedback-message{max-width:72%;font-size:clamp(22px,2.6vw,36px);line-height:1.3;padding:20px 25px;border-radius:23px}
.feedback-question{background:#b5ff69;min-width:min(460px,78%);min-height:110px;border-bottom-left-radius:4px;animation:none}
.feedback-sender{font-size:11px;margin-bottom:8px}
.feedback-reply{max-width:72%;border-bottom-right-radius:4px;animation:feedback-in-right .5s cubic-bezier(.16,1,.3,1) both}
.feedback-reply p{font-weight:700}
.feedback-question.is-entering,.feedback-followup{animation:feedback-in-left .5s cubic-bezier(.16,1,.3,1) both}
.feedback-reply img{width:260px}
.feedback-typing{padding:19px 24px;animation:feedback-in-right .35s ease-out both}
.feedback-system{margin-top:6px;font-size:13px}
.feedback-followup{font-size:clamp(21px,2.3vw,30px);border-bottom-left-radius:4px}
.feedback-controls{max-width:450px;margin:16px auto 0;color:#b5ff69}
.feedback-dots button:before{border-color:#b5ff69}
.feedback-dots button[aria-pressed=true]:before{background:#b5ff69}
.feedback-pause,.feedback-next{color:#b5ff69}
.feedback-pause:hover,.feedback-next:hover{color:#ff83bf}
.feedback-fiction-note{text-align:center;font:10px/1.4 Arial,sans-serif;letter-spacing:.04em;color:#eeeadd88;margin-top:10px}
@keyframes feedback-in-left{from{opacity:0;transform:translate3d(-45px,16px,0) scale(.96)}to{opacity:1;transform:none}}
@keyframes feedback-in-right{from{opacity:0;transform:translate3d(45px,16px,0) scale(.96)}to{opacity:1;transform:none}}
@media(max-width:900px){.feedback-chat-wrap{max-width:1100px}.feedback-message{max-width:82%}}
@media(max-width:700px){.feedback{padding-block:45px 28px}.feedback-messages{height:420px;gap:20px;padding:0}.feedback-message{font-size:clamp(20px,5.6vw,27px);max-width:90%;padding:17px 19px;border-radius:19px}.feedback-question{min-width:0;max-width:88%;min-height:96px;border-bottom-left-radius:3px}.feedback-reply{max-width:88%;border-bottom-right-radius:3px}.feedback-reply img{width:220px}.feedback-followup{font-size:20px;border-bottom-left-radius:3px}.feedback-controls{margin-top:12px}.feedback-system{font-size:11px}.feedback-sender{font-size:10px}}
@media(prefers-reduced-motion:reduce){.feedback-question.is-entering,.feedback-reply,.feedback-followup,.feedback-typing{animation:none}}

/* Keep only the five selectors, aligned with the chat's left edge. */
.feedback-controls{max-width:none;width:fit-content;margin:16px 0 0;padding:0;justify-content:flex-start}
.feedback-question p{font-weight:700}
@media(max-width:700px){.feedback-controls{margin:12px 0 0}}

/* Each exchange has its own punchline; the rating visibly drops to half a star. */
.feedback-emojis{font-family:"Apple Color Emoji","Segoe UI Emoji",sans-serif;font-size:clamp(38px,5vw,58px);line-height:1.25;white-space:nowrap;letter-spacing:.08em}
.feedback-rating{display:flex;gap:8px;padding:7px 0 2px}
.feedback-star{position:relative;display:block;width:42px;height:42px;flex:none}
.feedback-star svg{display:block;width:100%;height:100%;stroke:#0c0413;stroke-width:1.4;stroke-linejoin:round}
.star-outline,.star-fill{position:absolute;inset:0;display:block}
.star-outline svg{fill:#0c04131f}.star-fill svg{fill:#ffdc4c}
.star-fill{transition:clip-path .3s ease}
.feedback-reply img{width:220px}
@media(max-width:700px){.feedback-rating{gap:5px}.feedback-star{width:32px;height:32px}.feedback-emojis{font-size:clamp(34px,10vw,47px)}.feedback-reply img{width:200px}}
@media(prefers-reduced-motion:reduce){.star-fill{transition:none}}

/* Tighter emoji reply and quick, clean star countdown. */
.feedback-emojis{letter-spacing:0}
.star-outline{display:none}
.feedback-star svg{stroke:none}
.star-fill{transition:clip-path .12s linear}
@media(prefers-reduced-motion:reduce){.star-fill{transition:none}}

/* Keep all five star silhouettes softly visible behind the changing fill. */
.star-outline{display:block}
.star-outline svg{fill:#0c0413;opacity:.16;stroke:none}

/* A clear heading introduces the chat exchanges. */
.feedback-title{max-width:1100px;margin:0 auto 44px;font-size:clamp(40px,5.4vw,74px);line-height:1.03;color:#b5ff69}
.feedback .feedback-title br{display:none}
@media(max-width:700px){.feedback-title{font-size:clamp(36px,9.5vw,54px);margin-bottom:34px}.feedback .feedback-title br{display:block}}

/* Compact feedback section with content-sized bubbles and no navigation dots. */
.feedback{padding-top:30px;padding-bottom:24px}
.feedback-title{margin-bottom:28px}
.feedback-messages{height:370px;gap:20px}
.feedback-message{width:fit-content;padding:16px 20px}
.feedback-question{min-width:0;min-height:0}
@media(max-width:700px){.feedback{padding-top:28px;padding-bottom:22px}.feedback-title{margin-bottom:24px}.feedback-messages{height:350px;gap:18px}.feedback-message{padding:15px 17px}.feedback-question{min-width:0;min-height:0}}

#arbeit{padding-bottom:28px}
.feedback-messages{height:350px}
.feedback-reply img{width:200px}
@media(max-width:700px){.feedback-messages{height:330px}}

.contact-honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.contact-privacy{font-size:14px;line-height:1.5;margin:0 0 16px}.contact-privacy a{text-decoration:underline}

/* Keep video edge pixels beneath the opaque end of the case caption. */
.case:not(.case-placeholder){background:#0c0413}
.case-image{border-radius:inherit}
.case:not(.case-placeholder) .case-label{bottom:-2px;padding-bottom:27px;background:linear-gradient(180deg,rgba(12,4,19,0),rgba(12,4,19,.72) 60%,#0c0413 94%)}
@media(max-width:700px){.case:not(.case-placeholder) .case-label{padding-bottom:24px}}
/* Touch focus must not expose a card before its explicit tap state is open. */
@media(max-width:700px),(hover:none) and (pointer:coarse){
 .crew-card:not([data-open=true]):focus-within .crew-info{transform:translateY(101%)}
 .crew-card:not([data-open=true]):focus-within{transform:rotate(var(--tilt));box-shadow:5px 9px 0 #0c041322;z-index:auto}
}