.krank-page{background:#03080c}
.krank-page .site{background:#03080c;box-shadow:0 0 90px #000;overflow:hidden}
.krank-page main{background:radial-gradient(circle at 12% 60%,rgba(18,76,91,.15),transparent 30%),linear-gradient(180deg,#03080c 0,#03080c 1050px,#071116 2200px,#03070a 100%)}
.krank-hero{position:relative;width:100%;height:min(76vw,840px);min-height:590px;overflow:hidden;background:#031018}
.krank-hero-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.krank-hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,4,8,.08),transparent 42%,rgba(2,8,12,.22) 76%,#03080c 100%),linear-gradient(90deg,transparent 48%,rgba(2,8,12,.12) 60%,rgba(1,5,8,.52) 100%)}
.krank-hero-copy{position:absolute;z-index:2;right:7%;top:28%;width:min(42%,570px);text-align:center;color:#f3eee5;text-shadow:0 4px 18px #000}
.krank-hero-copy p{margin:0 0 10px;font:500 clamp(9px,.9vw,13px) 'Barlow Condensed',sans-serif;letter-spacing:.54em}
.krank-hero-copy h1{margin:0;font:800 clamp(70px,9vw,138px)/.82 'Barlow Condensed',sans-serif;letter-spacing:.01em;color:#d9d2c6;text-shadow:0 3px 0 #7d7871,0 12px 24px #000}
.krank-hero-copy strong{display:block;margin-top:18px;font:400 clamp(16px,2vw,29px) 'Barlow Condensed',sans-serif;letter-spacing:.5em}
.krank-hero-copy small{display:block;margin-top:13px;color:#b7b9b8;font:400 clamp(9px,.9vw,13px) 'DM Mono',monospace;letter-spacing:.14em;text-transform:uppercase}
.krank-hero-copy small b{color:#dfb454;font-weight:500;letter-spacing:.2em}
.krank-hero-copy>span{display:block;margin-top:23px;font:400 clamp(13px,1.35vw,19px) Georgia,serif;color:#d7d1c7}
.krank-body{position:relative;z-index:3;width:90%;margin:-52px auto 0}
.krank-intro{display:grid;grid-template-columns:minmax(310px,38%) 1fr;gap:clamp(42px,6vw,92px);align-items:center;padding:0 3% clamp(32px,4vw,62px)}
.krank-cover{position:relative;width:100%;max-width:460px;aspect-ratio:1;padding:7px;border:1px solid rgba(222,210,190,.32);background:#071015;box-shadow:0 28px 70px #000b,0 0 28px rgba(45,122,141,.12);cursor:zoom-in;transform:rotate(-.35deg);overflow:hidden}
.krank-cover:before,.krank-cover:after{content:'';position:absolute;pointer-events:none}
.krank-cover:before{inset:-5px;border:1px solid rgba(190,166,132,.18)}
.krank-cover:after{inset:0;background:linear-gradient(130deg,rgba(255,255,255,.08),transparent 22%,transparent 74%,rgba(29,157,180,.08))}
.krank-cover img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s ease,filter .45s ease}
.krank-cover:hover img,.krank-cover:focus-visible img{transform:scale(1.01);filter:brightness(1.06)}
.section-kicker{display:flex;align-items:center;gap:14px;margin:0 0 10px;color:#d5a541;font:500 11px 'Barlow Condensed',sans-serif;letter-spacing:.3em}
.section-kicker i{width:50px;height:1px;background:#c69422}
.krank-story h2{margin:0 0 24px;font:600 clamp(36px,4vw,58px)/1 'Barlow Condensed',sans-serif;letter-spacing:.14em;color:#fff}
.krank-story>p:not(.section-kicker){max-width:760px;margin:0 0 18px;color:#c8c9c7;font:400 clamp(12px,1.05vw,15px)/1.75 'DM Mono',monospace}
.krank-story em{color:#eee0c6;font-style:normal}
.krank-story>p strong{color:#f3eee5;font-weight:600}
.krank-story .krank-question{margin-top:24px!important;color:#fff!important;font-weight:500!important}
.krank-player{position:relative;display:grid;grid-template-columns:minmax(230px,1fr) auto auto auto;align-items:center;gap:14px 26px;padding:18px 22px 21px;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:rgba(7,13,18,.94);box-shadow:0 25px 60px #0009,0 0 24px rgba(32,123,142,.08)}
.krank-player-track{display:flex;align-items:center;gap:15px;min-width:0}
.krank-player-cover{flex:0 0 58px;width:58px;height:58px;padding:0;border:1px solid rgba(255,255,255,.26);background:#050a0d;overflow:hidden;cursor:zoom-in}
.krank-player-cover img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.krank-player-cover:hover img,.krank-player-cover:focus-visible img{transform:scale(1.08)}
.krank-player-track>div{display:flex;flex-direction:column;min-width:0}
.krank-player-track strong{color:#fff;font:500 14px 'DM Mono',monospace}
.krank-player-track span{margin-top:4px;color:#bfc2c3;font:500 11px 'Barlow Condensed',sans-serif;letter-spacing:.12em}
.krank-player-controls{display:flex;align-items:center;gap:11px}
.krank-player-controls button{display:grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid transparent;border-radius:50%;background:transparent;color:#ddd;font:500 11px 'DM Mono',monospace;transition:transform .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease}
.krank-player-controls button:hover,.krank-player-controls button:focus-visible{color:#ef1554;border-color:rgba(239,21,84,.4);box-shadow:0 0 18px rgba(239,21,84,.17);transform:translateY(-2px)}
.krank-player-controls .krank-player-toggle{width:48px;height:48px;padding-left:3px;border-color:#ddd;font-size:17px}
.krank-player-controls .krank-player-toggle.is-playing{padding-left:0;color:#ef1554;border-color:#ef1554}
.krank-player-time{display:flex;gap:6px;color:#bbc0c1;font:400 10px 'DM Mono',monospace;white-space:nowrap}
.krank-volume{display:flex;align-items:center;gap:8px;color:#aaa;font:400 13px sans-serif}
.krank-volume input{width:76px;height:2px;accent-color:#e90750;cursor:pointer}
.krank-progress{position:relative;grid-column:1/-1;height:24px}
.krank-progress:before{content:'';position:absolute;z-index:4;left:50%;top:50%;width:14px;height:14px;margin:-7px 0 0 -7px;border:1px solid rgba(234,13,79,.28);border-top-color:#ea0d4f;border-radius:50%;opacity:0;pointer-events:none;animation:krank-loader .72s linear infinite}
.krank-progress.is-loading:before{opacity:1}
.krank-progress canvas{position:absolute;inset:0;width:100%;height:24px;transition:opacity .2s ease}
.krank-progress>img{position:absolute;z-index:2;left:0;top:5px;width:18px;height:18px;transform:translateX(-50%);filter:drop-shadow(0 0 6px #ff174dcc);pointer-events:none;transition:opacity .2s ease}
.krank-progress.is-loading canvas,.krank-progress.is-loading>img{opacity:0}
.krank-progress input{position:absolute;z-index:3;inset:0;width:100%;height:24px;margin:0;opacity:0;cursor:pointer}
.krank-player-message{position:absolute;right:20px;bottom:3px;margin:0;color:#c29c67;font:500 8px 'Barlow Condensed',sans-serif;letter-spacing:.15em}
.krank-player audio{display:none}
@keyframes krank-loader{to{transform:rotate(360deg)}}
.other-tracks{padding:clamp(42px,5vw,72px) 0 0}
.focus-section-heading,.inspiration-heading{display:flex;align-items:center;justify-content:space-between}
.focus-section-heading>div,.inspiration-heading>div{display:flex;align-items:center;gap:18px}
.focus-section-heading>div>i,.inspiration-heading>div>i{width:45px;height:2px;background:#ec0b50;box-shadow:0 0 8px #ec0b50aa}
.focus-section-heading h2,.inspiration-heading h2{margin:0;color:#eee;font:400 clamp(24px,2.5vw,38px) 'Barlow Condensed',sans-serif;letter-spacing:.2em}
.focus-section-heading hgroup{display:flex;align-items:baseline;gap:14px;margin:0;white-space:nowrap}
.focus-section-heading hgroup p{margin:0;color:#d4ab54;font:500 clamp(9px,.8vw,12px) 'DM Mono',monospace;letter-spacing:.3em}
.focus-section-heading button{display:flex;align-items:center;gap:10px;border:0;background:none;color:#d9b454;font:500 9px 'Barlow Condensed',sans-serif;letter-spacing:.2em}
.focus-section-heading button b{font:normal 17px sans-serif;transition:transform .3s ease}
.other-tracks.is-expanded .focus-section-heading button b{transform:rotate(180deg)}
.focus-carousel{position:relative;margin-top:20px}
.focus-grid{display:flex;gap:12px;max-height:230px;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;transition:max-height .72s cubic-bezier(.22,.75,.18,1)}
.focus-grid::-webkit-scrollbar{display:none}
.focus-card{position:relative;flex:0 0 calc((100% - 60px)/6);padding:0 0 11px;border:1px solid rgba(255,255,255,.17);background:#080d11;color:#fff;scroll-snap-align:start;overflow:hidden;transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease}
.focus-card:hover,.focus-card:focus-visible{border-color:#e91253;box-shadow:0 0 20px rgba(233,18,83,.22);transform:translateY(-2px)}
.focus-card.is-current{border-color:#ed1055;box-shadow:0 0 0 2px rgba(237,16,85,.22),0 0 22px rgba(237,16,85,.25)}
.focus-card img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}
.focus-card>span{position:absolute;z-index:2;left:8px;top:7px;padding:3px 7px;background:rgba(0,0,0,.6);font:500 17px 'Barlow Condensed',sans-serif}
.focus-card strong{display:block;padding:9px 36px 0 9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:500 9px 'DM Mono',monospace}
.focus-card>i{position:absolute;right:7px;bottom:6px;display:grid;place-items:center;width:25px;height:25px;border:1px solid #eee;border-radius:50%;font:normal 9px sans-serif}
.focus-arrow{position:absolute;z-index:3;top:50%;width:42px;height:62px;border:0;background:transparent;color:#ddd;font-size:24px;transform:translateY(-50%)}
.focus-prev{left:-48px}.focus-next{right:-48px}
.other-tracks.is-expanded .focus-grid{flex-wrap:wrap;max-height:520px;overflow:hidden;scroll-snap-type:none}
.other-tracks.is-expanded .focus-card{flex-basis:calc((100% - 60px)/6)}
.other-tracks.is-expanded .focus-arrow{display:none}
.inspiration-wall{padding:clamp(44px,5vw,76px) 0 clamp(50px,7vw,105px)}
.inspiration-heading p{margin:0;color:#9ba2a5;font:500 9px 'Barlow Condensed',sans-serif;letter-spacing:.42em}
.inspiration-collage{position:relative;height:clamp(420px,47vw,690px);margin-top:22px;background:linear-gradient(rgba(4,11,15,.25),rgba(4,11,15,.72)),url('/assets/mooviz/krank-hero-v2.webp') center/cover;isolation:isolate}
.vforboon-page main{background:radial-gradient(circle at 84% 52%,rgba(25,75,91,.13),transparent 34%),linear-gradient(180deg,#02090e 0,#02090e 1050px,#06141b 2300px,#02070a 100%)}
.vforboon-page .krank-hero-image{object-position:center}
.vforboon-page .krank-hero-shade{background:linear-gradient(180deg,rgba(1,7,11,.06),transparent 38%,rgba(1,8,12,.2) 70%,#02090e 100%),linear-gradient(90deg,rgba(1,6,10,.04),rgba(1,8,12,.08) 45%,rgba(1,7,11,.66) 100%)}
.vforboon-page .krank-hero-copy{right:4.5%;top:24%;width:min(43%,650px)}
.vforboon-page .krank-hero-copy h1{display:flex;align-items:center;justify-content:center;gap:clamp(2px,.45vw,8px);font-size:clamp(54px,7vw,104px);letter-spacing:.015em;white-space:nowrap}
.vforboon-page .krank-hero-copy h1 i{color:#e2122e;font:italic 800 1.38em/.7 'Barlow Condensed',sans-serif;letter-spacing:-.13em;text-shadow:0 0 25px rgba(226,18,46,.34),0 8px 20px #000;transform:translateY(-.02em) rotate(-2deg)}
.vforboon-page .krank-hero-copy h1 span{display:inline-block}
.vforboon-page .krank-hero-copy>span{position:relative;margin-top:28px;padding-top:20px}
.vforboon-page .krank-hero-copy>span:before{content:'';position:absolute;top:0;left:50%;width:40px;height:1px;background:rgba(240,240,235,.75);transform:translateX(-50%)}
.vforboon-page .krank-cover{box-shadow:0 28px 70px #000b,0 0 28px rgba(195,25,55,.13)}
.vforboon-page .inspiration-wall{position:relative;z-index:3;padding-bottom:0}
.vforboon-page .inspiration-collage,.vforboon-page .inspiration-collage:after{background:transparent}
.vforboon-page .vforboon-footer{position:relative;z-index:1;min-height:520px;margin-top:-220px;background:linear-gradient(180deg,rgba(2,7,10,0) 0,rgba(2,7,10,.08) 40%,rgba(2,7,10,.48) 78%,#02070a 100%),url('/assets/mooviz/v-for-boon-footer.webp') center bottom/cover no-repeat;align-items:flex-end;padding-top:390px}
.vforboon-footer .footer-left{gap:30px}
.vforboon-footer-brand{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.vforboon-footer-brand img:first-child{width:34px;height:34px;object-fit:contain}
.vforboon-footer-brand img:last-child{width:100px;height:auto;filter:brightness(1.12)}
.vforboon-footer-tags{display:flex;align-items:center;gap:13px}
.vforboon-footer-tags a{font-size:9px;letter-spacing:.18em}
.vforboon-footer-tags span{color:#b5b9ba;font:400 9px 'DM Mono',monospace}
.mabenz-page{background:#080604}
.mabenz-page main{background:radial-gradient(circle at 15% 66%,rgba(152,44,9,.16),transparent 31%),linear-gradient(180deg,#080604 0,#05090a 45%,#080503 100%)}
.mabenz-page .krank-hero{background:#090402}
.mabenz-page .krank-hero-image{object-position:center}
.mabenz-page .krank-hero-shade{background:linear-gradient(180deg,rgba(7,2,0,.04),transparent 38%,rgba(7,3,1,.12) 70%,#080604 100%),linear-gradient(90deg,rgba(7,2,0,.05),rgba(7,2,0,.02) 48%,rgba(4,2,1,.48) 100%)}
.mabenz-page .krank-hero-copy{right:3.5%;top:41%;width:min(45%,680px)}
.mabenz-page .krank-hero-copy h1{display:flex;align-items:baseline;justify-content:center;gap:clamp(7px,1vw,17px);font-size:clamp(50px,6.2vw,100px);white-space:nowrap}
.mabenz-page .krank-hero-copy h1 i{color:#f02b1f;font:italic 800 .88em/.8 'Barlow Condensed',sans-serif;letter-spacing:-.03em;text-shadow:0 0 26px rgba(240,43,31,.35),0 8px 20px #000}
.mabenz-page .krank-hero-copy>span{position:relative;margin-top:28px;padding-top:20px}
.mabenz-page .krank-hero-copy>span:before{content:'';position:absolute;top:0;left:50%;width:42px;height:1px;background:rgba(240,240,235,.72);transform:translateX(-50%)}
.mabenz-page .krank-cover{box-shadow:0 28px 70px #000c,0 0 32px rgba(239,72,20,.14)}
.mabenz-page .krank-story h2 em{color:#ef3826;font:inherit}
.mabenz-page .section-kicker,.mabenz-page .focus-section-heading hgroup p{color:#e49b30}
.mabenz-page .section-kicker i{background:#e06a20}
.mabenz-page .focus-section-heading>div>i,.mabenz-page .inspiration-heading>div>i{background:#ee251c;box-shadow:0 0 9px rgba(238,37,28,.65)}
.mabenz-page .inspiration-wall{position:relative;z-index:3;padding-bottom:0}
.mabenz-page .inspiration-collage,.mabenz-page .inspiration-collage:after{background:transparent}
.mabenz-page .mabenz-footer{position:relative;z-index:1;min-height:540px;margin-top:-250px;padding-top:410px;align-items:flex-end;background:linear-gradient(180deg,rgba(8,5,3,0) 0,rgba(8,4,2,.05) 38%,rgba(8,4,2,.48) 78%,#070402 100%),url('/assets/mooviz/mabenz-footer.webp') center bottom/cover no-repeat}
.inspiration-collage:after{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(4,9,12,.38),transparent 35%,transparent 70%,rgba(4,9,12,.4)),radial-gradient(circle at 50% 45%,transparent,rgba(0,0,0,.55))}
.vforboon-page .inspiration-collage:after,.mabenz-page .inspiration-collage:after{background:transparent}
.carats-page{background:#040908}
.carats-page main{background:radial-gradient(circle at 20% 62%,rgba(141,108,36,.11),transparent 30%),linear-gradient(180deg,#040908 0,#040908 1050px,#07100e 2300px,#030706 100%)}
.carats-page .krank-hero{background:#040907}
.carats-page .krank-hero-image{object-position:center}
.carats-page .krank-hero-shade{background:linear-gradient(180deg,rgba(2,7,6,.04),transparent 38%,rgba(2,8,7,.18) 72%,#040908 100%),linear-gradient(90deg,rgba(2,6,5,.02),rgba(2,7,6,.03) 50%,rgba(2,7,6,.56) 100%)}
.carats-page .krank-hero-copy{right:3.5%;top:20%;width:min(43%,660px)}
.carats-page .carats-gem{display:block;width:clamp(30px,3.4vw,52px);height:auto;margin:0 auto 8px;fill:none;stroke:#d3a72f;stroke-width:2;filter:drop-shadow(0 0 10px rgba(211,167,47,.22))}
.carats-page .krank-hero-copy h1{display:flex;align-items:baseline;justify-content:center;gap:clamp(8px,1vw,18px);font-size:clamp(58px,7vw,108px);white-space:nowrap}
.carats-page .krank-hero-copy h1 i{color:#c89b38;font:normal 800 .95em/.82 'Barlow Condensed',sans-serif;letter-spacing:.01em;text-shadow:0 3px 0 #745c27,0 12px 24px #000}
.carats-page .krank-hero-copy>span{position:relative;margin-top:28px;padding-top:20px}
.carats-page .krank-hero-copy>span:before{content:'';position:absolute;top:0;left:50%;width:42px;height:1px;background:#c49a35;transform:translateX(-50%)}
.carats-page .krank-cover{aspect-ratio:634/661;box-shadow:0 28px 70px #000c,0 0 30px rgba(197,154,54,.13)}
.carats-page .krank-cover img,.carats-page .krank-player-cover img{object-fit:contain;background:#030706}
.carats-page .krank-story em{color:inherit;font-style:italic}
.carats-page .section-kicker,.carats-page .focus-section-heading hgroup p{color:#d0a53c}
.carats-page .section-kicker i{background:#c9a037}
.carats-page .focus-section-heading>div>i,.carats-page .inspiration-heading>div>i{background:#dab12f;box-shadow:0 0 9px rgba(218,177,47,.5)}
.carats-page .krank-player-controls button:hover,.carats-page .krank-player-controls button:focus-visible{color:#e1b438;border-color:rgba(225,180,56,.44);box-shadow:0 0 18px rgba(225,180,56,.16)}
.carats-page .krank-player-controls .krank-player-toggle.is-playing{color:#e1b438;border-color:#e1b438}
.carats-page .focus-card:hover,.carats-page .focus-card:focus-visible,.carats-page .focus-card.is-current{border-color:#d9ad37;box-shadow:0 0 20px rgba(217,173,55,.22)}
.carats-page .inspiration-wall{position:relative;z-index:3;padding-bottom:0}
.carats-page .inspiration-collage,.carats-page .inspiration-collage:after{background:transparent}
.carats-page .carats-footer{position:relative;z-index:1;min-height:540px;margin-top:-250px;padding-top:410px;align-items:flex-end;background:linear-gradient(180deg,rgba(3,8,7,0) 0,rgba(3,8,7,.04) 38%,rgba(3,8,7,.42) 76%,#020605 100%),url('/assets/mooviz/86-carats-footer.webp') center bottom/cover no-repeat}
.orfeu-page{background:#03100d}
.orfeu-page main{background:radial-gradient(circle at 82% 56%,rgba(0,128,113,.12),transparent 31%),radial-gradient(circle at 13% 73%,rgba(213,157,0,.08),transparent 30%),linear-gradient(180deg,#03100d 0,#03100d 1040px,#061511 2280px,#020907 100%)}
.orfeu-page .krank-hero{background:#03110f}
.orfeu-page .krank-hero-image{object-position:center}
.orfeu-page .krank-hero-shade{background:linear-gradient(180deg,rgba(1,8,8,.02),transparent 38%,rgba(2,12,10,.16) 72%,#03100d 100%),linear-gradient(90deg,rgba(1,7,6,.02),rgba(2,10,9,.02) 48%,rgba(1,8,7,.58) 100%)}
.orfeu-page .krank-hero-copy{right:3.8%;top:19%;width:min(43%,650px)}
.orfeu-page .orfeu-palm{display:block;width:clamp(28px,3vw,48px);height:auto;margin:0 auto 5px;fill:#f0ca00;filter:drop-shadow(0 0 11px rgba(240,202,0,.22))}
.orfeu-page .krank-hero-copy h1{font-size:clamp(70px,9vw,138px);color:#f1efe6;text-shadow:0 3px 0 #7e806e,0 12px 24px #000}
.orfeu-page .krank-hero-copy>span{position:relative;margin-top:27px;padding-top:20px}
.orfeu-page .krank-hero-copy>span:before{content:'';position:absolute;top:0;left:50%;width:42px;height:1px;background:#e6c211;transform:translateX(-50%)}
.orfeu-page .krank-hero-copy>span em{font-style:italic}
.orfeu-page .krank-cover{aspect-ratio:634/661;box-shadow:0 28px 70px #000c,0 0 31px rgba(0,157,137,.13)}
.orfeu-page .krank-cover img,.orfeu-page .krank-player-cover img{object-fit:contain;background:#02100c}
.orfeu-page .krank-story em{color:#e8dfc5;font-style:italic}
.orfeu-page .section-kicker,.orfeu-page .focus-section-heading hgroup p{color:#e8c419}
.orfeu-page .section-kicker i{background:#d9bd18}
.orfeu-page .focus-section-heading>div>i,.orfeu-page .inspiration-heading>div>i{background:#efd000;box-shadow:0 0 9px rgba(239,208,0,.5)}
.orfeu-page .krank-player-controls button:hover,.orfeu-page .krank-player-controls button:focus-visible{color:#f0ca00;border-color:rgba(240,202,0,.44);box-shadow:0 0 18px rgba(240,202,0,.16)}
.orfeu-page .krank-player-controls .krank-player-toggle.is-playing{color:#f0ca00;border-color:#f0ca00}
.orfeu-page .focus-card:hover,.orfeu-page .focus-card:focus-visible,.orfeu-page .focus-card.is-current{border-color:#e6ca16;box-shadow:0 0 20px rgba(230,202,22,.22)}
.orfeu-page .inspiration-wall{position:relative;z-index:3;padding-bottom:0}
.orfeu-page .inspiration-collage,.orfeu-page .inspiration-collage:after{background:transparent}
.orfeu-page .orfeu-footer{position:relative;z-index:1;min-height:560px;margin-top:-270px;padding-top:425px;align-items:flex-end;background:linear-gradient(180deg,rgba(2,10,8,0) 0,rgba(2,10,8,.03) 35%,rgba(2,10,8,.34) 75%,#010604 100%),url('/assets/mooviz/orfeu-footer.webp') center bottom/cover no-repeat}
.inspiration-slot{position:absolute;display:grid;place-items:center;padding:0;border:4px solid #b9aa8f;background:#071015;box-shadow:0 10px 20px #000b,0 0 0 1px rgba(255,255,255,.18);color:#fff;transform:rotate(var(--r));overflow:hidden;cursor:zoom-in}
.inspiration-slot:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(135deg,transparent 0 12px,rgba(255,255,255,.02) 12px 13px)}
.inspiration-slot img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.84) contrast(1.04);transition:opacity .42s ease,transform .6s cubic-bezier(.2,.7,.2,1),filter .42s ease}
.inspiration-slot.is-changing img{opacity:0;transform:scale(1.035)}
.inspiration-slot:hover img,.inspiration-slot:focus-visible img{transform:scale(1.035);filter:saturate(1) contrast(1.03) brightness(1.06)}
.inspiration-slot i{position:absolute;z-index:3;right:8px;bottom:8px;display:grid;place-items:center;width:29px;height:29px;border:1px solid rgba(255,255,255,.84);border-radius:50%;background:rgba(2,8,12,.6);box-shadow:0 4px 14px #0008;color:#fff;font:normal 15px sans-serif;opacity:0;transform:scale(.72);transition:opacity .3s ease,transform .3s ease}
.inspiration-slot:hover i,.inspiration-slot:focus-visible i{opacity:1;transform:scale(1)}
.slot-1{--r:-3deg;left:2%;top:3%;width:18%;height:23%}.slot-2{--r:2deg;left:21%;top:0;width:18%;height:20%}.slot-3{--r:-2deg;left:40%;top:4%;width:18%;height:23%}.slot-4{--r:3deg;left:59%;top:1%;width:18%;height:21%}.slot-5{--r:-2deg;left:78%;top:4%;width:20%;height:23%}
.slot-6{--r:2deg;left:1%;top:33%;width:15%;height:23%}.slot-7{--r:-3deg;left:17%;top:29%;width:16%;height:26%}.slot-8{--r:2deg;left:34%;top:35%;width:15%;height:21%}.slot-9{--r:-2deg;left:50%;top:30%;width:16%;height:25%}.slot-10{--r:3deg;left:67%;top:35%;width:15%;height:22%}.slot-11{--r:-2deg;left:83%;top:29%;width:16%;height:26%}
.slot-12{--r:3deg;left:3%;bottom:13%;width:18%;height:23%}.slot-13{--r:-2deg;left:22%;bottom:10%;width:18%;height:26%}.slot-14{--r:2deg;left:41%;bottom:13%;width:18%;height:22%}.slot-15{--r:-3deg;left:60%;bottom:11%;width:18%;height:25%}.slot-16{--r:2deg;left:79%;bottom:13%;width:19%;height:23%}
.krank-lightbox{position:fixed;z-index:1000;inset:0;display:grid;place-items:center;padding:clamp(20px,5vw,70px);background:rgba(1,5,7,.92);backdrop-filter:blur(12px);opacity:0;visibility:hidden;transition:opacity .5s ease,visibility .5s;cursor:zoom-out}
.krank-lightbox.is-open{opacity:1;visibility:visible}
.krank-lightbox>img{display:block;width:min(82vw,82vh,760px);height:auto;max-height:86vh;object-fit:contain;box-shadow:0 35px 110px #000,0 0 45px rgba(33,123,140,.2);transform:scale(.78);opacity:0;transition:transform .58s cubic-bezier(.18,.8,.22,1),opacity .38s ease;cursor:default}
.krank-lightbox.is-open>img{transform:scale(1);opacity:1}
.krank-lightbox-close{position:absolute;right:clamp(16px,3.5vw,50px);top:clamp(16px,3.5vw,50px);width:40px;height:40px;padding:0;border:1px solid rgba(255,255,255,.6);border-radius:50%;background:rgba(5,12,15,.72)}
.krank-lightbox-close:before,.krank-lightbox-close:after{content:'';position:absolute;left:50%;top:50%;width:15px;height:1px;background:#fff}
.krank-lightbox-close:before{transform:translate(-50%,-50%) rotate(45deg)}.krank-lightbox-close:after{transform:translate(-50%,-50%) rotate(-45deg)}
body.krank-lightbox-open{overflow:hidden}
@media(max-width:1199px){
  .krank-hero{height:76vw;min-height:620px;max-height:760px}
  .krank-hero-copy{right:5%;width:45%}
  .krank-body{margin-top:-30px}
  .krank-intro{grid-template-columns:minmax(280px,39%) 1fr;gap:42px}
  .krank-player{grid-template-columns:1fr auto}
  .krank-player-track{grid-column:1}.krank-player-controls{grid-column:2}
  .krank-player-time{grid-column:1;grid-row:2}.krank-volume{grid-column:2;grid-row:2;justify-self:end}.krank-progress{grid-row:3}
  .focus-card{flex-basis:calc((100% - 24px)/3)}
  .other-tracks.is-expanded .focus-card{flex-basis:calc((100% - 24px)/3)}
  .focus-prev{left:-40px}.focus-next{right:-40px}
}
@media(max-width:767px){
  .krank-hero{height:100svh;min-height:620px;max-height:780px}
  .krank-hero-image{object-position:43% center}
  .krank-hero-shade{background:linear-gradient(180deg,rgba(0,4,8,.12),transparent 35%,rgba(2,8,12,.28) 68%,#03080c 100%)}
  .krank-hero-copy{left:6%;right:6%;top:auto;bottom:14%;width:auto}
  .krank-hero-copy p{font-size:9px}.krank-hero-copy h1{font-size:72px}.krank-hero-copy strong{font-size:16px;margin-top:12px}.krank-hero-copy small{font-size:9px;margin-top:10px}.krank-hero-copy>span{font-size:13px;margin-top:18px}
  .vforboon-page .krank-hero-image{object-position:center}
  .vforboon-page .krank-hero-image{object-position:44% center}
  .vforboon-page .krank-hero-copy{left:5%;right:5%;top:auto;bottom:11%;width:auto}
  .vforboon-page .krank-hero-copy h1{font-size:clamp(46px,14vw,66px)}
  .vforboon-page .krank-hero-copy>span{margin-top:18px;padding-top:15px}
  .vforboon-page .vforboon-footer{min-height:340px;margin-top:-90px;padding-top:225px;background-position:center bottom}
  .vforboon-page .vforboon-footer .footer-left{display:none}
  .mabenz-page .krank-hero-image{object-position:43% center}
  .mabenz-page .krank-hero-copy{left:5%;right:5%;top:auto;bottom:10%;width:auto}
  .mabenz-page .krank-hero-copy h1{font-size:clamp(42px,13vw,62px);gap:8px}
  .mabenz-page .krank-hero-copy>span{margin-top:17px;padding-top:14px}
  .mabenz-page .mabenz-footer{min-height:330px;margin-top:-90px;padding-top:220px;background-position:center bottom}
  .mabenz-page .mabenz-footer .footer-left{display:none}
  .carats-page .krank-hero-image{object-position:42% center}
  .carats-page .krank-hero-copy{left:5%;right:5%;top:auto;bottom:9%;width:auto}
  .carats-page .krank-hero-copy h1{font-size:clamp(48px,14vw,68px);gap:8px}
  .carats-page .carats-gem{width:32px;margin-bottom:6px}
  .carats-page .krank-hero-copy>span{margin-top:17px;padding-top:14px}
  .carats-page .carats-footer{min-height:330px;margin-top:-90px;padding-top:220px;background-position:center bottom}
  .carats-page .carats-footer .footer-left{display:none}
  .orfeu-page .krank-hero-image{object-position:29% center}
  .orfeu-page .krank-hero-copy{left:5%;right:5%;top:auto;bottom:9%;width:auto}
  .orfeu-page .krank-hero-copy h1{font-size:clamp(56px,18vw,82px)}
  .orfeu-page .orfeu-palm{width:31px;margin-bottom:4px}
  .orfeu-page .krank-hero-copy>span{margin-top:17px;padding-top:14px}
  .orfeu-page .orfeu-footer{min-height:350px;margin-top:-100px;padding-top:235px;background-position:center bottom}
  .orfeu-page .orfeu-footer .footer-left{display:none}
  .krank-body{width:88%;margin-top:-26px}
  .krank-intro{display:block;padding:0 0 34px}
  .krank-cover{width:min(100%,430px);margin:0 auto 44px}
  .krank-story h2{font-size:42px}
  .krank-story>p:not(.section-kicker){font-size:12px;line-height:1.7}
  .krank-player{grid-template-columns:1fr auto;padding:14px 13px 18px;gap:10px}
  .krank-player-cover{flex-basis:46px;width:46px;height:46px}
  .krank-player-track strong{font-size:11px}
  .krank-player-controls{gap:2px}.krank-player-controls button:not(.krank-player-toggle){display:none}.krank-player-controls .krank-player-toggle{width:40px;height:40px}
  .krank-player-time{font-size:9px}.krank-volume input{width:52px}
  .focus-section-heading{align-items:flex-end;gap:8px}.focus-section-heading h2,.inspiration-heading h2{font-size:18px;letter-spacing:.14em}.focus-section-heading hgroup{gap:8px}.focus-section-heading hgroup p{font-size:7px;letter-spacing:.18em}.focus-section-heading>div{gap:10px}.focus-section-heading>div>i,.inspiration-heading>div>i{width:24px}.focus-section-heading button{font-size:8px;white-space:nowrap}
  .focus-card{flex-basis:76%}
  .focus-prev{left:-8px}.focus-next{right:-8px}
  .other-tracks.is-expanded .focus-grid{gap:9px;max-height:1120px}.other-tracks.is-expanded .focus-card{flex-basis:calc((100% - 9px)/2)}
  .inspiration-heading{align-items:flex-end}.inspiration-heading p{font-size:7px;letter-spacing:.25em;text-align:right}
  .inspiration-collage{height:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:9px;padding:10px}
  .inspiration-slot{position:relative;inset:auto!important;width:auto!important;height:auto!important;min-height:105px;transform:rotate(var(--r))}
  .krank-lightbox{padding:14px}.krank-lightbox>img{width:94vw}.krank-lightbox-close{right:12px;top:12px;width:36px;height:36px}
}
@media(max-width:420px){.other-tracks.is-expanded .focus-card{flex-basis:100%}.focus-card{flex-basis:84%}.inspiration-collage{grid-template-columns:1fr 1fr}.inspiration-slot{min-height:112px}}
@media(prefers-reduced-motion:reduce){.krank-cover img,.krank-player-cover img,.krank-player-controls button,.focus-grid,.focus-card,.inspiration-slot img,.inspiration-slot i,.krank-lightbox,.krank-lightbox>img{transition:none;scroll-behavior:auto}}
