@font-face{font-family:Barlow;src:url('./assets/display-latin.woff2') format('woff2');font-weight:800;font-display:swap}
@font-face{font-family:Manrope;src:url('./assets/body-latin.woff2') format('woff2');font-weight:200 800;font-display:swap}
:root{--bg:#15101c;--paper:#fff5e9;--muted:#bdb3c5;--pink:#ff629c;--mint:#b6f0d5;--accent:var(--pink);--line:#fff5e927;--display:Barlow,Impact,'Arial Narrow',sans-serif;--body:Manrope,Arial,sans-serif;--ease-out:cubic-bezier(.23,1,.32,1);--ease-in-out:cubic-bezier(.77,0,.175,1);color-scheme:dark;font-family:var(--body);background:var(--bg);color:var(--paper);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;overflow-x:clip}body[data-path=legal]{--accent:var(--mint)}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;border:0}img{display:block;max-width:100%}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:var(--display);font-weight:800;line-height:.91;letter-spacing:-.035em}h2{font-size:clamp(68px,7.3vw,112px)}em{font-style:normal;color:var(--accent)}p{font-size:16px;line-height:1.85}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--accent);outline-offset:6px}::selection{background:var(--accent);color:var(--bg)}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link{position:fixed;z-index:50;top:-100px;left:20px;background:var(--accent);color:var(--bg);padding:15px}.skip-link:focus{top:15px}
.nav{position:absolute;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;justify-content:space-between;height:100px;padding:0 4.5%;background:linear-gradient(#130c1b9e,transparent)}.logo{font-family:var(--display);font-size:30px;line-height:.75;letter-spacing:-.04em;transform:rotate(-5deg);font-weight:800}.logo span{display:inline-block;margin-top:4px}.path-control{display:flex;align-items:center;gap:16px;border:1px solid #fff5e933;background:#140e1c4d;backdrop-filter:blur(15px);padding:5px 15px;border-radius:100px}.path-prompt{font-size:10px;font-weight:750;letter-spacing:.1em;margin-right:9px;color:#e1d8e6}.path-button{background:transparent;padding:10px 3px;font-size:13px;font-weight:800;letter-spacing:.04em;transition:color .2s ease}.path-button[aria-pressed=true]{color:var(--accent)}.path-divider{color:#ffffff55;font-size:17px}.nav-end{display:flex;align-items:center;gap:25px}.nav-entry{font-size:13px;font-weight:750}.nav-entry span{font-size:20px;margin-left:15px}.motion-toggle{background:transparent;border:1px solid #fff5e94a;border-radius:50%;width:35px;height:35px;font-size:16px;line-height:1}
.poster{height:max(800px,100svh);max-height:1200px;position:relative;isolation:isolate;overflow:hidden;background:#302239}.poster-background,.poster-tint,.poster-vignette{position:absolute;inset:0;pointer-events:none}.poster-background{z-index:-4;overflow:hidden}.poster-bg{position:absolute;inset:-3%;width:106%;height:106%;max-width:none;object-fit:cover;object-position:50% 35%;transition:opacity .9s var(--ease-out);animation:camera-drift 18s ease-in-out infinite alternate}.bg-both{opacity:1}.bg-legal,.bg-illegal{opacity:0}.poster-tint{z-index:-3;background:linear-gradient(180deg,#50294c22 20%,#4a1e5180 70%,#201426);mix-blend-mode:multiply}.poster-heading{position:absolute;z-index:-1;top:15%;left:50%;transform:translateX(-50%) rotate(-5deg);width:47%;text-align:center;transition:transform 1s var(--ease-out),opacity .7s var(--ease-out)}.poster-heading>p{font-size:10px;letter-spacing:.18em;font-weight:800;margin-bottom:9px;text-shadow:0 2px 10px #1b0e2f}.poster h1{font-size:clamp(135px,20.3vw,310px);font-style:italic;line-height:.73;letter-spacing:-.045em;text-shadow:0 6px 0 #48213d,0 15px 55px #20102338}.poster h1 span{display:block}.poster h1 span+span{margin-top:11px;color:#ffc8d9}.character{position:absolute;z-index:0;pointer-events:none;transition:transform 1s var(--ease-out),opacity .7s var(--ease-out);transform-origin:bottom center;will-change:transform}.character img{width:100%;height:100%;object-fit:contain}.character-empire{width:76%;left:-22%;bottom:6%;height:80%;transform:rotate(-3deg)}.character-outlaw{right:-2%;bottom:-19%;height:109%;width:55%;transform:rotate(3deg)}.poster-vignette{z-index:1;background:linear-gradient(0deg,#15101c 0%,#15101cbb 12%,#15101c00 42%),linear-gradient(90deg,#15101c30,transparent 22%,transparent 80%,#15101c20)}.poster-bottom{position:absolute;z-index:3;left:5%;right:5%;bottom:5.5%;display:flex;align-items:flex-end;justify-content:space-between;gap:35px}.poster-tagline{font-size:12px;font-weight:800;letter-spacing:.12em;margin-bottom:8px}.poster-copy h2{font-size:clamp(38px,4.1vw,63px);letter-spacing:-.02em;white-space:nowrap}.poster-choices{display:flex;gap:14px}.choice{position:relative;text-align:left;width:218px;min-height:92px;padding:15px 55px 15px 22px;background:#fff5e90f;backdrop-filter:blur(16px);border:1px solid #fff5e97d;color:var(--paper);transition:transform .25s var(--ease-out),background .25s ease,color .25s ease,border-color .25s ease;transform:skew(-5deg)}.choice>span{display:block;transform:skew(5deg)}.choice-label{font-family:var(--display);font-size:32px;line-height:1}.choice-sub{font-size:11px;margin-top:7px;font-weight:600;white-space:nowrap}.choice .choice-arrow{position:absolute;right:20px;top:29px;font-size:26px}.choice-legal[aria-pressed=true]{background:var(--mint);border-color:var(--mint);color:#13251c}.choice-illegal[aria-pressed=true]{background:var(--pink);border-color:var(--pink);color:#2b101e}.choice:active{transform:skew(-5deg) scale(.97)}body[data-path=legal] .bg-legal,body[data-path=illegal] .bg-illegal{opacity:1}body[data-path=legal] .bg-both,body[data-path=illegal] .bg-both{opacity:0}body[data-path=legal] .character-outlaw{transform:translateX(65%) rotate(8deg);opacity:.14}body[data-path=legal] .character-empire{transform:translateX(19%) scale(1.13) rotate(0)}body[data-path=illegal] .character-empire{transform:translateX(-32%) rotate(-8deg);opacity:.15}body[data-path=illegal] .character-outlaw{transform:translateX(-12%) rotate(0) scale(1.035)}body[data-path=legal] .poster h1 span+span{color:var(--mint)}body[data-path=illegal] .poster h1 span+span{color:var(--pink)}
.path-story{position:relative;padding:120px 6% 160px;background:var(--bg);overflow:hidden}.path-story-heading{text-align:center;position:relative;z-index:2}.section-kicker{display:block;font-size:12px;line-height:1.7;letter-spacing:.16em;font-weight:800;color:var(--accent);margin-bottom:22px}.path-story-heading h2{font-size:clamp(58px,6.2vw,100px)}.path-story-heading>p{color:var(--muted);margin:28px auto 0;max-width:650px}.path-stage{position:relative;margin:80px auto 0;max-width:1320px;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;min-height:520px}.path-photo{transform:rotate(-5deg);width:115%;height:500px;position:relative}.path-photo:after{content:'';position:absolute;inset:0;border:10px solid #ffffff0b;pointer-events:none}.path-photo img{width:100%;height:100%;object-fit:cover;transition:opacity .3s ease}.path-file{padding:50px 45px 45px;position:relative;z-index:1;background:#22192be8;backdrop-filter:blur(22px);transform:rotate(3deg);box-shadow:0 20px 50px #09040d66}.file-label{color:var(--accent);font-size:12px;letter-spacing:.12em;font-weight:800}.path-file h3{font-size:68px;margin:20px 0 24px}.path-file>p:not(.file-label){color:#d0c3d6;font-size:15px;max-width:400px}.path-facts{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:25px}.path-facts span{font-size:11px;color:#e2d4e7;border-bottom:1px solid #ffffff33;padding-bottom:5px}.inline-button{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 0;margin-top:20px;border-bottom:1px solid var(--accent);color:var(--accent);background:none;font-size:13px;font-weight:750;width:100%}.inline-button span{font-size:24px}.stage-word{position:absolute;left:-4%;bottom:-105px;color:#ffffff04;-webkit-text-stroke:1px #fff5e924;font:800 clamp(90px,16vw,240px)/1 var(--display);letter-spacing:-.02em;z-index:0;pointer-events:none;transform:rotate(-5deg)}
.cinema{height:175svh;min-height:1000px;position:relative;view-timeline-name:--cinema;view-timeline-axis:block}.cinema-sticky{position:sticky;top:0;height:100svh;min-height:620px;overflow:hidden;isolation:isolate;background:#101017}.cinema-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3;transform:scale(1.18)}.cinema-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#130e1dba,#130e1d20),linear-gradient(0deg,#15101caa,transparent 40%,#15101c20)}.cinema-copy{position:absolute;left:8%;top:18%;transform:rotate(-4deg)}.cinema-copy>p{font-size:13px;letter-spacing:.2em;font-weight:800;margin-bottom:24px}.cinema-copy h2{font-size:clamp(115px,16vw,245px);line-height:.82}.cinema-copy h2 em{color:var(--paper);-webkit-text-stroke:1px var(--paper);text-shadow:5px 6px 0 #ba3b7450}.cinema-copy>span{display:block;font-size:16px;line-height:1.9;margin:28px 0 0 6px;max-width:420px}.cinema-bottom{position:absolute;bottom:5%;left:5%;right:5%;display:flex;justify-content:space-between;gap:15px;font-size:10px;letter-spacing:.12em;font-weight:750}
.story-section{padding:130px 8% 100px;overflow:hidden}.story-intro{max-width:780px;margin-inline:auto;text-align:center}.story-intro>p:last-child{max-width:540px;color:var(--muted);margin:30px auto 0}.story-collage{margin:100px auto 90px;display:grid;grid-template-columns:1.1fr 1fr;gap:0;max-width:1300px;align-items:center}.photo{background:#f7eadf;padding:10px 10px 20px;box-shadow:0 22px 60px #08030c77}.photo img{width:100%;height:380px;object-fit:cover}.photo figcaption{color:#2d1e30;font-family:var(--display);font-size:22px;margin:15px 10px 0;line-height:1}.photo-one{transform:rotate(-8deg);z-index:1}.photo-two{transform:rotate(8deg) translateY(55px)}.photo-two img{height:330px}.story-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:60px;max-width:1260px;margin:0 auto}.story-principles>div>span{font-family:var(--display);font-size:28px;line-height:1.1;letter-spacing:-.015em}.story-principles p{font-size:15px;line-height:1.85;color:var(--muted);margin-top:16px;max-width:300px}
.cast-section{padding:90px 8% 150px;max-width:1600px;margin:auto}.cast-heading p{color:var(--muted);margin-top:30px}.cast-heading h2{font-size:clamp(64px,6.3vw,100px)}.cast-layout{margin-top:65px;display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:start}.cast-tabs button{display:grid;grid-template-columns:22px 1fr auto 28px;gap:16px;align-items:center;text-align:left;width:100%;padding:24px 0;border-bottom:1px solid var(--line);background:none;font-family:var(--display);font-size:48px;line-height:1;transition:color .2s ease,transform .2s var(--ease-out)}.cast-tabs button>span{font:11px var(--body);color:var(--muted)}.cast-tabs small{font:12px var(--body);color:var(--muted)}.cast-tabs b{font:26px var(--body);opacity:0;transition:opacity .2s ease}.cast-tabs [aria-selected=true]{color:var(--accent)}.cast-tabs [aria-selected=true] b{opacity:1}.cast-panel{padding:38px;background:#21192a;transform:rotate(3deg);min-height:420px;position:relative;box-shadow:0 15px 40px #09040e44}.cast-panel:before{content:'';position:absolute;width:90px;height:25px;left:calc(50% - 45px);top:-12px;background:#ad99b352;transform:rotate(-7deg);backdrop-filter:blur(10px)}.cast-panel>p:first-child{color:var(--accent);font-size:11px;font-weight:800;letter-spacing:.14em}.cast-panel h3{font-size:73px;margin:22px 0}.cast-panel>p:not(:first-child){color:#cfc2d5;font-size:15px;line-height:1.9}.cast-contact{margin-top:24px;border-top:1px solid var(--line);padding-top:20px}.cast-contact>span{font-size:10px;letter-spacing:.12em;font-weight:800;color:var(--accent)}.cast-contact p{font-size:13px;margin-top:8px;color:#e5dae9}
.after-dark{height:100svh;min-height:760px;max-height:1100px;position:relative;overflow:hidden;isolation:isolate}.night-image{position:absolute;inset:0;z-index:-3}.night-image img{width:100%;height:100%;object-fit:cover;object-position:center;animation:camera-drift 20s ease-in-out infinite alternate}.night-glow{position:absolute;inset:0;z-index:-2;background:linear-gradient(0deg,#15101c,transparent 30%,#15101c44 80%),linear-gradient(90deg,#1c0d2aab,transparent 80%)}.night-type{position:absolute;left:8%;top:17%;transform:rotate(-5deg);z-index:2}.night-type>p{font-size:12px;letter-spacing:.12em;font-weight:750;margin-bottom:22px}.night-type h2{font-size:clamp(100px,13.4vw,200px);line-height:.86}.night-type h2 em{font-size:.77em;color:#ff94bf}.night-inset{position:absolute;right:7%;bottom:10%;width:31%;transform:rotate(8deg);padding:8px 8px 18px;background:#f7e8e0;box-shadow:0 15px 70px #0b031d70}.night-inset img{width:100%;height:200px;object-fit:cover}.night-inset p{color:#312035;font-size:13px;line-height:1.65;margin:13px 12px 0;font-weight:650}
.join-section{position:relative;min-height:900px;padding:130px 8% 120px;overflow:hidden;isolation:isolate}.join-outline{position:absolute;top:50px;left:-1%;white-space:nowrap;font:800 23vw/.8 var(--display);letter-spacing:-.045em;color:#ffffff00;-webkit-text-stroke:1px #fff5e91a;z-index:-2;transform:rotate(-5deg)}.join-content{position:relative;z-index:2;padding-top:40px;max-width:600px}.join-content h2{font-size:clamp(125px,14vw,210px);line-height:.83;transform:rotate(-4deg);transform-origin:left;margin-bottom:45px}.join-content>p:not(.section-kicker){color:var(--muted);font-size:16px;max-width:430px}.join-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.primary-link{display:inline-flex;align-items:center;justify-content:space-between;gap:45px;padding:21px 26px;background:var(--accent);color:#251222;font-size:14px;font-weight:800;transform:skew(-4deg);transition:transform .16s var(--ease-out)}.primary-link>span{font-size:24px;line-height:1}.primary-link:active{transform:skew(-4deg) scale(.97)}.join-character{position:absolute;right:-10%;bottom:3%;width:78%;max-height:780px;object-fit:contain;z-index:0;pointer-events:none}
.faq{padding:30px 8% 100px;display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;max-width:1600px;margin:auto}.faq>h2{font-size:76px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px 0;cursor:pointer;font-size:15px;font-weight:650;line-height:1.7}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:24px;color:var(--accent);transition:transform .2s var(--ease-out)}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details>p{padding-bottom:25px;color:var(--muted);font-size:15px;line-height:1.9}.faq-list a{color:var(--accent);text-decoration:underline;text-underline-offset:4px}footer{padding:40px 6% 25px;display:flex;flex-wrap:wrap;align-items:center;gap:50px;border-top:1px solid var(--line)}footer>p{font-size:12px;letter-spacing:.09em;font-weight:700;color:var(--muted)}.footer-top{margin-left:auto;font-size:11px;letter-spacing:.06em}.footer-notes{width:100%;display:flex;justify-content:space-between;gap:20px;font-size:10px;line-height:1.8;color:#95889f;padding-top:28px;border-top:1px solid #fff5e917}
.reveal{transition:transform .9s var(--ease-out),opacity .75s var(--ease-out)}.reveal.pending{opacity:0;transform:translateY(50px) rotate(-2deg)}.path-file.reveal.pending{transform:translateY(50px) rotate(6deg)}.poster-heading{animation:title-arrive 1.3s var(--ease-out) both}.character-empire img{animation:empire-arrive 1.6s var(--ease-out) both}.character-outlaw img{animation:outlaw-arrive 1.8s var(--ease-out) both}.poster-bottom{animation:copy-arrive .9s .5s var(--ease-out) both}
@keyframes camera-drift{from{transform:scale(1.02) translateX(-.5%)}to{transform:scale(1.09) translateX(.5%)}}@keyframes title-arrive{from{opacity:0;transform:translateX(-50%) translateY(55px) rotate(-8deg) scale(.95)}to{opacity:1;transform:translateX(-50%) translateY(0) rotate(-5deg) scale(1)}}@keyframes empire-arrive{from{opacity:0;transform:translateX(-12%)}to{opacity:1;transform:translateX(0)}}@keyframes outlaw-arrive{from{opacity:0;transform:translateX(15%)}to{opacity:1;transform:translateX(0)}}@keyframes copy-arrive{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@supports(animation-timeline:view()){@media(prefers-reduced-motion:no-preference){.cinema-image{animation:city-zoom linear both;animation-timeline:--cinema;animation-range:contain 0% contain 100%}.cinema-copy{animation:city-type linear both;animation-timeline:--cinema;animation-range:contain 0% contain 100%}.photo-one{animation:photo-left linear both;animation-timeline:view();animation-range:entry 0% cover 50%}.photo-two{animation:photo-right linear both;animation-timeline:view();animation-range:entry 0% cover 50%}}}@keyframes city-zoom{from{transform:scale(1.18)}to{transform:scale(1)}}@keyframes city-type{from{transform:translateY(30px) rotate(-4deg)}to{transform:translateY(-65px) rotate(-2deg)}}@keyframes photo-left{from{transform:translateX(-60px) rotate(-13deg)}to{transform:translateX(0) rotate(-8deg)}}@keyframes photo-right{from{transform:translateX(60px) translateY(90px) rotate(13deg)}to{transform:translateX(0) translateY(55px) rotate(8deg)}}
@media(hover:hover) and (pointer:fine){.choice:hover{transform:skew(-5deg) translateY(-6px);background:#fff5e924}.choice-legal:hover{border-color:var(--mint)}.choice-illegal:hover{border-color:var(--pink)}.choice-legal[aria-pressed=true]:hover{background:var(--mint)}.choice-illegal[aria-pressed=true]:hover{background:var(--pink)}.path-button:hover{color:var(--accent)}.cast-tabs button:hover{color:var(--accent);transform:translateX(8px)}.primary-link:hover{transform:skew(-4deg) translateY(-4px)}}
@media(min-width:1600px){.poster-heading{top:13%}.character-outlaw{right:2%;width:51%}.poster-bottom{left:7%;right:7%}}
@media(max-width:1100px){.poster{min-height:760px}.poster-bottom{gap:20px}.poster-copy h2{font-size:40px}.poster-tagline{font-size:10px}.choice{width:180px;padding-left:18px;padding-right:43px}.choice-label{font-size:29px}.choice-sub{font-size:10px}.choice .choice-arrow{right:15px}.character-empire{width:85%;left:-30%;height:74%;bottom:10%}.character-outlaw{width:62%;right:-9%;height:100%;bottom:-10%}.poster-heading{top:23%;width:57%;left:45%}.poster h1{font-size:22vw}.path-file{padding:35px}.path-file h3{font-size:56px}.path-photo{height:480px}.path-stage{margin-top:65px}.cast-layout{gap:45px}.cast-tabs button{font-size:39px;gap:10px}.cast-tabs small{font-size:10px}.cast-panel{padding:30px}.cast-panel h3{font-size:60px}.join-character{right:-18%;width:85%;bottom:8%}.join-content{max-width:500px}.join-section{min-height:820px}.story-collage .photo img{height:310px}.story-collage .photo-two img{height:275px}.story-principles{gap:30px}.night-inset{width:36%}.night-inset img{height:160px}.faq{gap:45px}}
@media(max-width:768px){html{scroll-padding-top:20px}.nav{height:86px;padding:0 22px}.logo{font-size:27px}.path-control{gap:11px;padding:3px 13px}.path-prompt{display:none}.path-button{font-size:12px;padding:9px 0}.path-divider{font-size:14px}.nav-end{gap:12px}.nav-entry{display:none}.motion-toggle{width:32px;height:32px}.poster{height:100svh;min-height:740px;max-height:1050px}.poster-heading{left:48%;top:18%;width:85%;transform:translateX(-50%) rotate(-5deg)}.poster-heading>p{font-size:8px;letter-spacing:.12em;margin-bottom:12px}.poster h1{font-size:35vw;line-height:.76}.poster h1 span+span{margin-top:3px}.character-empire{width:138%;left:-66%;height:65%;bottom:14%;transform:rotate(-3deg)}.character-outlaw{width:105%;right:-34%;height:76%;bottom:5%;transform:rotate(3deg)}.poster-bg{object-position:55% 35%}.poster-vignette{background:linear-gradient(0deg,#15101c 1%,#15101ce6 13%,#15101c44 32%,transparent 54%)}.poster-bottom{left:24px;right:24px;bottom:5%;display:block}.poster-tagline{font-size:10px;letter-spacing:.13em;margin-bottom:8px}.poster-copy h2{font-size:36px}.poster-choices{margin-top:23px;gap:12px;width:100%}.choice{width:50%;min-height:83px;padding:14px 30px 12px 16px;flex-shrink:1}.choice-label{font-size:28px}.choice-sub{font-size:9px;margin-top:6px}.choice .choice-arrow{font-size:20px;top:19px;right:12px}body[data-path=legal] .character-empire{transform:translateX(17%) scale(1.08);opacity:1}body[data-path=legal] .character-outlaw{transform:translateX(50%);opacity:0}body[data-path=illegal] .character-outlaw{transform:translateX(-13%) scale(1.06)}body[data-path=illegal] .character-empire{transform:translateX(-40%);opacity:0}.path-story{padding:80px 24px 100px}.section-kicker{font-size:10px;letter-spacing:.12em;margin-bottom:20px}.path-story-heading h2{font-size:clamp(39px,7.9vw,61px);line-height:.95}.path-story-heading>p{font-size:14px;line-height:1.9;margin-top:24px}.path-stage{grid-template-columns:1fr;margin-top:50px;min-height:0}.path-photo{width:98%;height:300px;transform:rotate(-5deg);margin-left:-5px}.path-file{margin:-45px 0 0 25px;padding:28px 25px 26px;transform:rotate(3deg)}.file-label{font-size:10px}.path-file h3{font-size:54px;margin-block:18px}.path-file>p:not(.file-label){font-size:14px}.path-facts{gap:10px 14px;margin-top:18px}.path-facts span{font-size:10px}.inline-button{font-size:11px;margin-top:14px;padding-block:12px}.stage-word{bottom:-60px;font-size:22vw}.cinema{height:140svh;min-height:900px}.cinema-sticky{min-height:650px}.cinema-image{object-position:62% center}.cinema-copy{left:8%;right:8%;top:28%}.cinema-copy>p{font-size:11px;letter-spacing:.13em;margin-bottom:25px}.cinema-copy h2{font-size:clamp(84px,18vw,135px);line-height:.86}.cinema-copy>span{font-size:14px;margin-top:28px;max-width:310px}.cinema-bottom{left:7%;right:7%;font-size:8px;letter-spacing:.04em;gap:20px}.story-section{padding:80px 25px 50px}.story-intro h2{font-size:clamp(51px,10vw,78px)}.story-intro>p:last-child{font-size:15px;margin-top:26px}.story-collage{margin-top:60px;margin-bottom:70px;grid-template-columns:1fr;gap:12px;padding-inline:10px}.photo{padding:7px 7px 15px}.story-collage .photo img{height:225px}.story-collage .photo-two img{height:215px}.photo-one{width:92%;transform:rotate(-7deg)}.photo-two{width:88%;margin-left:auto;transform:rotate(7deg) translateY(-18px)}.photo figcaption{font-size:17px;margin:12px 7px 0}.story-principles{grid-template-columns:1fr;gap:28px}.story-principles>div{padding-left:18px;border-left:2px solid var(--accent)}.story-principles>div>span{font-size:26px}.story-principles p{font-size:14px;margin-top:9px;max-width:100%}.cast-section{padding:50px 25px 85px}.cast-heading h2{font-size:clamp(47px,9.1vw,70px)}.cast-heading p{font-size:14px;line-height:1.85;margin-top:24px}.cast-layout{grid-template-columns:1fr;gap:35px;margin-top:32px}.cast-tabs button{font-size:39px;padding-block:18px;gap:13px}.cast-tabs small{font-size:12px}.cast-tabs button>span{font-size:10px}.cast-panel{margin-inline:6px;padding:30px;min-height:415px}.cast-panel h3{font-size:67px}.cast-panel>p:not(:first-child){font-size:15px}.cast-panel>p:first-child{font-size:10px}.after-dark{height:880px;min-height:0}.night-image img{object-position:65% center}.night-type{left:7%;right:5%;top:15%}.night-type h2{font-size:clamp(83px,17vw,130px)}.night-type h2 em{font-size:.67em}.night-type>p{font-size:9px;letter-spacing:.05em;max-width:280px}.night-inset{width:66%;right:12%;bottom:10%;padding-bottom:15px}.night-inset img{height:180px}.night-inset p{font-size:12px}.join-section{min-height:970px;padding:65px 25px 390px}.join-outline{font-size:28vw;top:40px}.join-content{padding-top:25px}.join-content h2{font-size:120px;margin-bottom:32px}.join-content>p:not(.section-kicker){font-size:15px;max-width:340px}.join-content .section-kicker{font-size:9px;letter-spacing:.08em;max-width:280px}.join-character{width:132%;right:-25%;bottom:0;max-height:480px}.primary-link{font-size:13px;padding:18px 22px;gap:35px}.join-links{margin-top:26px}.faq{padding:25px 25px 65px;grid-template-columns:1fr;gap:30px}.faq>h2{font-size:65px}.faq-list summary{font-size:14px;padding-block:20px}.faq-list details>p{font-size:14px}footer{padding:32px 25px 25px;gap:30px}footer>p{font-size:10px;max-width:180px;line-height:1.8}.footer-top{margin-left:0;width:100%;font-size:10px}.footer-notes{flex-direction:column;gap:10px;font-size:10px;padding-top:22px}.photo-one,.photo-two{animation:none!important}}
@media(max-width:370px){.poster{min-height:720px}.poster-bottom{left:20px;right:20px}.poster-copy h2{font-size:32px}.choice{padding-left:12px;padding-right:24px}.choice-sub{font-size:8px}.choice-label{font-size:26px}.choice .choice-arrow{right:9px;font-size:18px}.poster-choices{gap:10px}.path-story-heading h2{font-size:35px}.path-file{padding:25px 20px;margin-left:10px}.path-file h3{font-size:49px}.nav{padding-inline:20px}.path-control{gap:8px;padding-inline:12px}.nav-end{gap:0}.poster-heading>p{font-size:7px}.cast-tabs small{font-size:10px}.cast-tabs button{font-size:36px}.cast-panel{padding:25px}.join-content h2{font-size:108px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition-duration:.01ms!important}.reveal.pending{opacity:1;transform:none}.poster-heading{transform:translateX(-50%) rotate(-5deg)}.cinema{height:auto;min-height:0}.cinema-sticky{position:relative;height:90svh}.cinema-image{transform:none}}
body.motion-paused *,body.motion-paused *:before,body.motion-paused *:after{animation-play-state:paused!important;transition-duration:.01ms!important}body.motion-paused .reveal.pending{opacity:1;transform:none}body.motion-paused .poster-heading,body.motion-paused .poster-bottom{animation:none!important}body.motion-paused .character img{animation:none!important}body.motion-paused .cinema-image{animation:none!important;transform:none}body.motion-paused .cinema-copy{animation:none!important}

/* The complete choice must fit in the opening viewport. */
@media(min-width:769px){
  .poster{height:100svh;min-height:620px}
  .poster-heading{top:15%;left:48%;width:48%}
  .poster h1{font-size:clamp(145px,19vw,285px)}
  .character-empire{left:-10%;width:65%;height:70%;bottom:5%}
  .character-outlaw{right:-3%;width:49%;height:99%;bottom:-17%}
  .poster-bottom{bottom:5%;align-items:flex-end}
  .poster-copy h2{font-size:clamp(32px,3.5vw,54px)}
}
@media(min-width:769px) and (max-width:1000px){.poster-copy h2{font-size:30px}.choice{width:158px}.poster-bottom{left:4%;right:4%}.poster-choices{gap:12px}.poster-tagline{font-size:9px}}
@media(max-width:768px){.poster{min-height:680px}.poster-copy h2{white-space:normal}.path-story-heading>p{max-width:370px}}
@media(min-width:769px){
  body[data-path=legal] .poster-heading{left:73%;top:21%;width:39%;z-index:2}
  body[data-path=legal] .poster h1{font-size:clamp(130px,16vw,240px)}
  body[data-path=illegal] .poster-heading{left:37%;width:46%;z-index:0}
  body[data-path=legal] .character-empire{transform:translateX(12%) scale(1.03)}
}

/* The supplied male character joins the woman only on the illegal path. */
.character-typen{left:2%;bottom:-42%;width:53%;height:134%;opacity:0;transform:translateX(-25%) rotate(-5deg);z-index:0}
body[data-path=illegal] .character-typen{opacity:1;transform:translateX(0) rotate(-3deg)}
body[data-path=illegal] .character-empire{opacity:0}
@media(min-width:769px){body[data-path=illegal] .poster-heading{left:49%;top:13%;z-index:-1}body[data-path=illegal] .character-outlaw{transform:translateX(0) rotate(2deg)}.character-typen{left:0%;width:51%;height:135%;bottom:-42%}}
@media(max-width:768px){.character-typen{left:-20%;width:99%;height:98%;bottom:-16%}body[data-path=illegal] .character-outlaw{transform:translateX(0) rotate(3deg)}body[data-path=illegal] .poster-heading{top:15%}.character-typen img{object-position:center top}}
@media(max-width:768px){body[data-path=illegal] .character-outlaw{right:-9%;width:100%;height:76%}}
/* Legal duo: the businessman stands in front of the car, left of the woman. */
.character-business{left:-16%;bottom:-6%;width:40%;height:94%;opacity:0;transform:translateX(-30%) rotate(-3deg);z-index:1}.character-business img{object-position:center bottom}
body[data-path=legal] .character-business{opacity:1;transform:translateX(0) rotate(-1deg)}
@media(min-width:769px){body[data-path=legal] .character-empire{transform:translateX(26%) scale(.97)}body[data-path=legal] .poster-heading{left:77%}}
@media(max-width:768px){.character-business{left:-34%;width:78%;height:60%;bottom:16%}body[data-path=legal] .character-empire{transform:translateX(30%) scale(1.02)}}

/* Die Wegwahl bleibt beim Scrollen oben in der Mitte stehen. */
.path-control{position:fixed;top:25px;left:50%;transform:translateX(-50%);z-index:30;background:#140e1c99;box-shadow:0 10px 30px #08030c55}
@media(max-width:768px){.path-control{top:22px}}

/* Bildstil: Vorher/Nachher-Vergleich */
.look-section{padding:130px 6% 120px;position:relative;overflow:hidden}.look-heading{max-width:820px;margin:0 auto;text-align:center}.look-heading h2{font-size:clamp(58px,6.2vw,100px)}.look-heading>p:last-child{color:var(--muted);margin:28px auto 0;max-width:600px}
.compare-wrap{max-width:1400px;margin:75px auto 0;transform:rotate(-1.5deg)}.compare-labels{display:flex;justify-content:space-between;gap:20px;margin-bottom:14px;font-size:12px;font-weight:800;letter-spacing:.14em}.compare-labels span:last-child{color:var(--accent);text-align:right}.compare-labels small{display:block;font-size:11px;font-weight:600;letter-spacing:.02em;color:var(--muted);margin-top:3px}
.compare{--pos:50%;position:relative;aspect-ratio:1938/753;overflow:hidden;background:#221a2a;box-shadow:0 30px 80px #08030c88;touch-action:pan-y;user-select:none;-webkit-user-select:none}.compare:after{content:'';position:absolute;inset:0;border:10px solid #ffffff0b;pointer-events:none}.compare img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;pointer-events:none}.compare-after{position:absolute;inset:0;clip-path:inset(0 0 0 var(--pos))}.compare-handle{position:absolute;top:0;bottom:0;left:var(--pos);width:2px;background:var(--paper);transform:translateX(-50%);pointer-events:none;z-index:2;box-shadow:0 0 18px #0008}.compare-handle span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) skew(-5deg);background:var(--accent);color:var(--bg);padding:11px 16px;font:800 12px/1 var(--body);letter-spacing:.14em;white-space:nowrap;box-shadow:0 10px 30px #08030c66;transition:transform .2s var(--ease-out)}.compare-range{position:absolute;inset:0;z-index:3;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;-webkit-appearance:none;appearance:none}.compare:has(.compare-range:focus-visible){outline:3px solid var(--accent);outline-offset:6px}.compare:has(.compare-range:active) .compare-handle span{transform:translate(-50%,-50%) skew(-5deg) scale(.92)}.look-facts{margin-top:90px}
@media(max-width:768px){.look-section{padding:80px 24px 70px}.look-heading h2{font-size:clamp(47px,9.5vw,70px)}.look-heading>p:last-child{font-size:14px;line-height:1.9;margin-top:24px}.compare-wrap{margin-top:45px;transform:rotate(-2deg)}.compare-labels{font-size:10px;letter-spacing:.1em}.compare-labels small{font-size:10px}.compare{aspect-ratio:4/3}.compare img{object-position:52% 50%}.compare:after{border-width:6px}.compare-handle span{font-size:10px;padding:9px 11px}.look-facts{margin-top:55px}}
.cast-layout>*{min-width:0}.faq-list summary{overflow-wrap:anywhere}.faq-list summary>span{flex-shrink:0}
@media(max-width:768px){.join-content h2{font-size:26vw}.cast-panel h3{font-size:54px}}
@media(max-width:370px){.cast-heading h2{font-size:38px}.cast-tabs button{font-size:31px;grid-template-columns:16px minmax(0,1fr) auto 20px;gap:8px}.cast-tabs small{font-size:9px}.cast-panel h3{font-size:46px}.cast-panel{padding:24px}.join-content h2{font-size:26vw}}

/* Illegal duo: the man stands close on the woman's right. */
@media(min-width:769px){
  .character-typen{left:auto;right:-6%;width:50%;height:135%;bottom:-40%;transform:translateX(30%) rotate(3deg)}
  body[data-path=illegal] .character-typen{transform:translateX(0) rotate(2deg);z-index:0}
  body[data-path=illegal] .character-outlaw{right:12%;width:49%;transform:rotate(-3deg);z-index:1}
  body[data-path=illegal] .poster-heading{left:29%;top:16%;width:46%}
  body[data-path=illegal] .poster h1{font-size:clamp(135px,18vw,275px)}
}
@media(max-width:768px){
  .character-typen{left:auto;right:-22%;width:103%;height:108%;bottom:-27%;transform:translateX(35%) rotate(3deg)}
  body[data-path=illegal] .character-typen{transform:translateX(0) rotate(1deg);z-index:0}
  body[data-path=illegal] .character-outlaw{right:19%;width:100%;height:76%;transform:rotate(-3deg);z-index:1}
}