:root{--blue:#002fa7;--paper:#fff;--ink:#080808}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-weight:400}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:2px solid currentColor;outline-offset:5px}.hero{height:max(74vh,57.72vw);max-height:100vh;min-height:420px;background:var(--blue);color:#fff;position:relative;display:grid;place-items:center}nav{position:absolute;inset:14px 14px auto;display:flex;justify-content:space-between;align-items:start;font-size:12px;line-height:1.3;z-index:2}nav>div{display:flex;gap:40px}.brand{letter-spacing:.08em}nav a:hover{opacity:.6}.video-window{width:240px;max-width:55vw;position:relative;line-height:0}.video-window video{display:block;width:100%;height:auto;aspect-ratio:752/560;object-fit:contain}.video-window button{position:absolute;bottom:6px;border:0;background:#0007;color:white;font:9px Arial,sans-serif;padding:5px;cursor:pointer;opacity:0;transition:opacity .2s}.video-toggle{left:6px}.sound-toggle{right:6px}.video-window:hover button,.video-window:focus-within button{opacity:1}main{padding:0 11px 0}h1{margin:0 0 64px -5px;font-size:clamp(40px,5.47vw,84px);line-height:1.1;font-weight:400;letter-spacing:-.045em}.project-list{width:68.6%;max-width:1400px}.project{margin:0 0 74px}.placeholder{display:block;aspect-ratio:695/465;background:#f3f3f1;position:relative;overflow:hidden;border:1px solid #e8e8e6;transition:background .25s,color .25s;color:#b4b4b0}.case-number{position:absolute;inset:0;display:grid;place-items:center;font-size:clamp(48px,9vw,160px);font-weight:400;letter-spacing:-.07em}.case-arrow{position:absolute;top:16px;right:18px;font-size:28px;line-height:1}.placeholder:hover{background:var(--blue);color:#fff;border-color:var(--blue)}.caption{display:grid;grid-template-columns:12% 1fr auto;gap:5px;padding-top:7px;font-size:12px;line-height:1.4}.caption a:hover{text-decoration:underline}.caption>span:last-child{color:#8c8c8c}footer{min-height:270px;display:flex;align-items:start;justify-content:space-between;padding:40px 11px 20px;border-top:1px solid #e6e6e6}footer h2{font-size:clamp(24px,4vw,60px);font-weight:400;letter-spacing:-.045em;margin:0}footer a{font-size:12px}.case-page{min-height:100svh;background:var(--blue);color:white;display:grid;place-items:center}.case-page nav{position:absolute}.case-page main{text-align:center;padding:60px 20px}.case-page h1{font-size:clamp(64px,14vw,180px);margin:0 0 20px}.case-page p{font-size:12px;letter-spacing:.05em;margin:0 0 40px}.case-page main a{font-size:12px;border-bottom:1px solid #fff7;padding-bottom:4px}@media(max-width:600px){.hero{height:80svh;min-height:420px;max-height:none}nav{inset:12px 10px auto;font-size:10px}nav>div{gap:16px}.brand{max-width:140px}.video-window{width:210px;max-width:60vw}.video-window button{opacity:1}main{padding:0 10px}h1{margin:4px 0 42px -3px}.project-list{width:100%}.project{margin-bottom:56px}.caption{font-size:10px}.case-arrow{font-size:22px}footer{min-height:210px;padding:28px 10px;gap:20px}footer h2{max-width:230px}footer a{white-space:nowrap;font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Original CREVV typeface and desktop geometry (1024 px source canvas). */
@font-face{font-family:Bitum;src:url('/assets/bitum.woff') format('woff');font-weight:300 400;font-style:normal;font-display:swap}
body{font-family:Bitum,Arial,sans-serif;font-weight:400}
.hero{height:57.71484375vw;min-height:0;max-height:none}
nav{inset:.68359375vw .9765625vw auto;font-size:1.171875vw;letter-spacing:-.09765625vw;line-height:1.41667}
nav>div{gap:0}nav>div a:first-child{width:5.071289vw}nav>div a:last-child{width:7.135742vw;text-align:right}.brand{letter-spacing:-.09765625vw}
.video-window button{font-family:Bitum,Arial,sans-serif}
main{padding:0 1.07421875vw}h1{font-size:5.2734375vw;line-height:1.5;letter-spacing:-.09765625vw;margin:0 0 4.443359375vw -.5859375vw}
.project-list{width:67.87109375vw;max-width:none}.project{margin-bottom:7vw}.placeholder{aspect-ratio:695/465}.case-number{font-family:Bitum,Arial,sans-serif;font-size:1.171875vw;letter-spacing:-.09765625vw}.case-arrow{font-family:Bitum,Arial,sans-serif;font-size:1.8vw}.caption{font-size:1.171875vw;line-height:1.75;letter-spacing:-.09765625vw;padding-top:.390625vw;grid-template-columns:7.8125vw 1fr auto}
footer{padding:3.5vw .9765625vw 2vw}footer h2{font-size:5.2734375vw;line-height:1.5;letter-spacing:-.09765625vw}footer a{font-size:1.171875vw;letter-spacing:-.09765625vw}
.case-page main h1{font-size:5.2734375vw;letter-spacing:-.09765625vw}.case-page p,.case-page main a{font-size:1.171875vw}
@media(max-width:600px){.hero{height:146.5625vw;min-height:0}nav{inset:2.8125vw 2.1875vw auto;font-size:3.75vw;letter-spacing:-.3125vw}.brand{letter-spacing:-.3125vw}nav>div a:first-child{width:auto}nav>div a:last-child{display:none}.video-window{width:180px;max-width:52vw}main{padding:0 2.5vw}h1{font-size:16.875vw;line-height:1.1;letter-spacing:-.3125vw;margin:1.5vw 0 12vw -.9vw}.project-list{width:95vw}.project{margin-bottom:18vw}.case-number{font-size:3.75vw;letter-spacing:-.3125vw}.case-arrow{font-size:6vw}.caption{font-size:3.75vw;letter-spacing:-.3125vw;grid-template-columns:12% 1fr auto;padding-top:1.25vw}footer{padding:8vw 2.5vw}footer h2{font-size:8vw;letter-spacing:-.3125vw}footer a{font-size:3.75vw;letter-spacing:-.3125vw}.case-page main h1{font-size:16.875vw;letter-spacing:-.3125vw}.case-page p,.case-page main a{font-size:3.75vw}}

footer h2 .instagram-brand{font:inherit;letter-spacing:inherit}footer h2 .instagram-brand:hover{opacity:.6}
/* Portfolio content: keep the approved CREVV scale, margins and Bitum. */
.work-cover{display:block;position:relative;aspect-ratio:4/3;background:#080808;overflow:hidden}.work-cover>img{width:100%;height:100%;object-fit:cover;display:block}.work-cover>.work-preview{width:100%;height:100%;object-fit:cover;display:block}.work-cover>.work-preview{position:absolute;inset:0;opacity:0;transition:opacity .22s}.work-cover.is-playing>.work-preview{opacity:1}.work-open{position:absolute;right:1.4vw;top:1vw;font-size:2vw;line-height:1;color:#fff;mix-blend-mode:difference;opacity:0;transition:opacity .18s}.work-cover:hover .work-open,.work-cover:focus-visible .work-open{opacity:1}.caption>a:last-child{white-space:nowrap;text-align:right}.about-copy{width:68vw;max-width:880px}.about-copy>p{font-size:1.65vw;line-height:1.4;letter-spacing:-.03em;max-width:46vw;margin:1.6vw 0}.about-copy>p+p{font-size:1.171875vw;letter-spacing:-.05em}.contact-link{display:inline-block;margin-top:1vw;text-decoration:underline;text-underline-offset:4px}.work-page>nav{position:relative;inset:auto;margin:.68359375vw .9765625vw 0}.case-layout{padding:0 1.07421875vw}.case-title{display:grid;grid-template-columns:60% 1fr;gap:2vw;padding:12vw 0 3vw;align-items:start}.case-title h1{margin:0;font-size:5.2734375vw;line-height:1.05;letter-spacing:-.09765625vw}.case-subtitle{font-size:2.6vw;line-height:1.15;margin:1vw 0 0;letter-spacing:-.06em}.case-summary{padding-right:2vw}.case-summary p{font-size:1.45vw;line-height:1.35;margin:0 0 2.2vw;letter-spacing:-.04em}.case-summary p:first-child{font-size:1.171875vw;line-height:1.5}.case-media{margin:0 0 5vw}.case-media>video,.case-media>img{display:block;width:100%;max-height:85vh;object-fit:contain;background:#080808}.case-media>img{background:#f5f5f3}.case-media figcaption,.case-gallery figcaption,.comparison figcaption{font-size:1.05vw;line-height:1.45;margin-top:.6vw;letter-spacing:-.04em}.case-info{display:grid;grid-template-columns:1.2fr 1fr;gap:10vw;width:86%;margin:6vw 0 9vw}.section-label,.case-process h3{font-size:1.171875vw;line-height:1.4;font-weight:400}.case-info p{font-size:2vw;line-height:1.3;letter-spacing:-.04em;margin:1vw 0 0}.case-info>div:last-child p{font-size:1.55vw}.case-process{margin-bottom:8vw}.case-process h2,.comparison h2,.audio-study h2{font-size:3.1vw;line-height:1.1;letter-spacing:-.05em;font-weight:400;margin:0 0 2.8vw}.case-process>div{display:grid;grid-template-columns:repeat(3,1fr);gap:4vw;width:90%}.case-process h3{margin:0 0 1.2vw}.case-process p{font-size:1.5vw;line-height:1.4;letter-spacing:-.025em;margin:0}.case-gallery{display:grid;grid-template-columns:1fr 1fr;gap:3vw 2vw;margin:4vw 0 8vw}.case-gallery figure,.comparison figure{margin:0;min-width:0}.case-gallery img{display:block;width:100%;height:auto;background:#f4f4f2}.case-gallery figure:last-child:nth-child(odd){grid-column:1/-1;width:75%}.comparison{margin:7vw 0}.comparison>div{display:grid;grid-template-columns:1fr 1fr;gap:1vw}.comparison img{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#080808}.reference-credit{font-size:1.171875vw;line-height:1.5;max-width:50vw;margin:-3vw 0 8vw}.audio-study{margin:6vw 0}.audio-study audio{width:min(620px,100%)}.audio-study p,.project-link{font-size:1.171875vw;line-height:1.5}.project-link{margin:5vw 0 8vw}.project-link a{border-bottom:1px solid currentColor;padding-bottom:3px}.case-next{display:flex;justify-content:space-between;padding:3vw 0;border-top:1px solid #ddd;font-size:1.171875vw;line-height:1.4;gap:20px}.work-page footer h2{font-size:5.2734375vw}.work-page footer{margin-top:3vw}.work-page .about-copy h2{max-width:none}
@media(max-width:600px){.work-open{font-size:7vw;top:2vw;right:3vw;opacity:1}.caption{grid-template-columns:10% 1fr auto;gap:2vw;line-height:1.3}.caption>a:nth-child(2){max-width:52vw}.caption>a:last-child{font-size:2.8vw}.about-copy{width:75%;max-width:none}.about-copy>p{font-size:5vw;max-width:none;margin:5vw 0}.about-copy>p+p{font-size:3.75vw}.about-copy h2{font-size:8vw;max-width:none}.contact-link{margin-top:2vw}.work-page>nav{margin:2.8125vw 2.1875vw 0}.case-layout{padding:0 2.5vw}.case-title{grid-template-columns:1fr;gap:7vw;padding:25vw 0 9vw}.case-title h1{font-size:13vw;line-height:1.05;margin:0}.case-subtitle{font-size:7vw;margin:2vw 0 0}.case-summary p,.case-summary p:first-child{font-size:4vw;line-height:1.4;margin:0 0 5vw;max-width:90%}.case-media{margin-bottom:12vw}.case-media figcaption,.case-gallery figcaption,.comparison figcaption{font-size:3.2vw;margin-top:2vw}.case-info{grid-template-columns:1fr;gap:9vw;width:100%;margin:13vw 0 18vw}.section-label,.case-process h3{font-size:3.75vw}.case-info p{font-size:6vw;margin-top:3vw}.case-info>div:last-child p{font-size:4.8vw}.case-process{margin-bottom:18vw}.case-process h2,.comparison h2,.audio-study h2{font-size:9vw;margin-bottom:8vw}.case-process>div{grid-template-columns:1fr;gap:8vw;width:96%}.case-process h3{margin-bottom:3vw}.case-process p{font-size:4.8vw;line-height:1.4}.case-gallery{grid-template-columns:1fr;gap:9vw;margin:12vw 0 18vw}.case-gallery figure:last-child:nth-child(odd){grid-column:auto;width:100%}.comparison{margin:15vw 0}.comparison>div{gap:2vw}.reference-credit{font-size:3.75vw;max-width:90vw;margin:-7vw 0 18vw}.audio-study{margin:12vw 0}.audio-study p,.project-link{font-size:3.75vw}.project-link{margin:12vw 0 18vw}.case-next{font-size:3.75vw;padding:8vw 0}.work-page footer h2{font-size:8vw}}

/* Brand wordmark casing. */
.brand{text-transform:uppercase}
.development-section{margin:8vw 0;scroll-margin-top:3vw}.development-section>h2{font-weight:400;font-size:3.1vw;line-height:1.1;letter-spacing:-.05em;margin:0 0 2vw}.development-intro{font-size:1.5vw;line-height:1.4;letter-spacing:-.025em;max-width:60vw;margin:0 0 3vw}.development-section .case-gallery{margin:0;gap:3vw 2vw}.development-section .case-gallery figure:last-child:nth-child(odd){width:100%}.development-section .case-gallery a{display:block;cursor:zoom-in}.development-section .case-gallery a:focus-visible{outline:2px solid var(--blue);outline-offset:5px}
@media(max-width:600px){.development-section{margin:18vw 0;scroll-margin-top:7vw}.development-section>h2{font-size:9vw;margin-bottom:6vw}.development-intro{font-size:4.8vw;max-width:none;margin-bottom:8vw}.development-section .case-gallery{gap:9vw}}
.work-tile{position:relative}.preview-sound{position:absolute;right:12px;bottom:12px;z-index:3;background:#080808b8;color:#fff;border:1px solid #ffffff70;padding:6px 9px;font:12px Bitum,Arial,sans-serif;line-height:1.1;cursor:pointer;letter-spacing:-.3px}.preview-sound:hover,.preview-sound:focus-visible{background:#002fa7}.production-notes{margin:7vw 0 9vw}.production-notes>h2{font-weight:400;font-size:3.1vw;line-height:1.1;letter-spacing:-.05em;margin:0 0 3vw}.production-decision{display:grid;grid-template-columns:31% 1fr;gap:7vw;border-top:1px solid #ddd;padding:2.2vw 0}.production-decision h3{font-weight:400;font-size:1.4vw;line-height:1.35;letter-spacing:-.025em;margin:0}.production-decision p{font-size:1.7vw;line-height:1.35;letter-spacing:-.03em;margin:0 0 1.2vw}.production-decision .decision-evidence{font-size:1.4vw;line-height:1.4;max-width:55vw}.film-playback-status{font-size:14px;padding:10px 0}.film-playback-status[hidden]{display:none}.film-playback-status button{background:none;color:var(--blue);font:inherit;border:0;text-decoration:underline;cursor:pointer;padding:4px}
@media(max-width:600px){.preview-sound{right:8px;bottom:8px;font-size:12px;padding:7px 9px}.production-notes{margin:16vw 0 20vw}.production-notes>h2{font-size:9vw;margin-bottom:7vw}.production-decision{grid-template-columns:1fr;gap:5vw;padding:7vw 0}.production-decision h3{font-size:4vw}.production-decision p{font-size:5.5vw;margin-bottom:4vw}.production-decision .decision-evidence{font-size:4.5vw;max-width:none}}
.screen-evidence{margin:7vw 0}.screen-evidence>h2{font-weight:400;font-size:3.1vw;line-height:1.1;letter-spacing:-.05em;margin:0 0 3vw}.screen-evidence>div{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5vw}.screen-evidence figure{margin:0;min-width:0}.screen-evidence img{width:100%;aspect-ratio:16/9;object-fit:contain;background:#080808;display:block}.screen-evidence figcaption{font-size:1.2vw;line-height:1.4;letter-spacing:-.03em;margin-top:.8vw}.seek-film{display:block;background:none;border:0;border-bottom:1px solid currentColor;color:inherit;font:inherit;padding:0;margin:.8vw 0 0;cursor:pointer}.seek-film:hover{color:var(--blue)}
@media(max-width:600px){.screen-evidence{margin:16vw 0}.screen-evidence>h2{font-size:9vw;margin-bottom:8vw}.screen-evidence>div{grid-template-columns:1fr;gap:10vw}.screen-evidence figcaption{font-size:4vw;margin-top:3vw}.seek-film{margin-top:3vw}}

/* Keep full-film players at their native proportions without a letterboxed CSS box. */
.case-media>video{height:auto;max-height:none}
/* Previz collection: scroll vertically to move through comparison / result pairs. */
.pv-section{position:relative;width:calc(100vw - 2.1484375vw);margin:0 0 7vw}.pv-pin{position:sticky;top:0;height:100svh;overflow:hidden;padding:22px 0 14px;background:var(--paper);display:flex;flex-direction:column;justify-content:center;gap:18px}.pv-heading{display:flex;justify-content:space-between;align-items:start;gap:20px;padding-right:12px}.pv-heading h2{font-size:clamp(24px,3.1vw,48px);font-weight:400;letter-spacing:-.05em;line-height:1.05;margin:0}.pv-heading p{font-size:14px;line-height:1.3;letter-spacing:-.03em;margin:7px 0 0}.pv-heading>a{font-size:12px;white-space:nowrap;margin-top:5px;text-decoration:underline;text-underline-offset:4px}.pv-rail{display:flex;gap:24px;width:100%;will-change:transform;outline-offset:-2px}.pv-panel{flex:0 0 min(76vw,calc((100svh - 225px) * 4 / 3));min-width:0}.pv-panel>header{display:flex;justify-content:space-between;gap:12px;font-size:12px;line-height:1.3;margin-bottom:9px}.pv-panel>p{font-size:14px;line-height:1.3;letter-spacing:-.025em;margin:10px 0 0;max-width:56em}.pv-stage{position:relative;aspect-ratio:4/3;overflow:hidden;background:#ececea}.pv-stage>video,.pv-before>video{display:block;width:100%;height:100%;object-fit:cover}.pv-before{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--split)) 0 0);pointer-events:none}.pv-tag{position:absolute;top:12px;background:#fff;color:#080808;padding:5px 8px;font-size:11px;line-height:1;pointer-events:none;z-index:2}.pv-tag-before{left:12px}.pv-tag-after{right:12px}.pv-divider{position:absolute;top:0;bottom:0;left:var(--split);width:2px;background:#fff;pointer-events:none;z-index:3;transform:translateX(-1px)}.pv-divider>span{position:absolute;top:50%;left:50%;display:grid;place-items:center;background:#fff;color:#080808;border-radius:50%;width:42px;height:42px;transform:translate(-50%,-50%);font:24px Arial,sans-serif;box-shadow:0 0 0 1px #0002}.pv-split{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;z-index:4;cursor:ew-resize;touch-action:pan-y}.pv-compare:focus-within{outline:2px solid var(--blue);outline-offset:-3px}.pv-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:9px;font-size:11px;line-height:1.3}.pv-toolbar>button{font:inherit;border:0;border-bottom:1px solid currentColor;padding:0 0 2px;background:none;color:inherit;cursor:pointer}.pv-navigation{display:flex;justify-content:space-between;align-items:center;font-size:12px;line-height:1.3;padding-right:12px}.pv-navigation>div{display:flex;gap:8px}.pv-navigation button{font:22px Bitum,Arial,sans-serif;width:40px;height:30px;border:1px solid #ccc;background:none;color:inherit;cursor:pointer}.pv-navigation button:hover{background:var(--blue);color:#fff;border-color:var(--blue)}.pv-case .pv-section{margin:0 0 7vw}.pv-case .case-info{margin-top:8vw}.pv-credit{font-size:13px;line-height:1.5;max-width:700px;margin:4vw 0 6vw}.pv-credit a{text-decoration:underline}
@media(prefers-reduced-motion:reduce){.pv-section{height:auto!important}.pv-pin{position:relative;height:auto;overflow:visible;padding:20px 0}.pv-heading{flex-wrap:wrap;gap:10px}.pv-heading h2{font-size:clamp(24px,6vw,40px)}.pv-heading p{font-size:13px}.pv-rail{overflow-x:auto;scroll-snap-type:x mandatory;transform:none!important;will-change:auto;padding-bottom:12px;overscroll-behavior-x:contain}.pv-panel{flex-basis:88vw;scroll-snap-align:start}.pv-panel>header{font-size:11px}.pv-panel>p{font-size:13px;min-height:3.9em}.pv-toolbar{font-size:10px}.pv-direction{font-size:10px}.pv-credit{font-size:12px;margin:8vw 0}.pv-heading>a{font-size:11px}}
@media(max-width:700px){.pv-section{width:100%}}

.pv-divider,.pv-tag-before{transition:opacity .2s}.pv-revealed .pv-divider,.pv-revealed .pv-tag-before{opacity:0}
/* First screen: reserve a complete PROJECTS title row at every viewport size. */
:root{--projects-title-size:clamp(42px,5.2734375vw,108px);--projects-peek-pad:clamp(10px,1.5svh,20px);--projects-peek:calc(var(--projects-title-size)*1.15 + var(--projects-peek-pad)*2)}
.hero{height:calc(100svh - var(--projects-peek));min-height:0;max-height:none}
#projects>h1{font-size:var(--projects-title-size);line-height:1.15;padding-top:var(--projects-peek-pad);margin-top:0}
.hero .video-window{width:min(240px,55vw,calc((100svh - var(--projects-peek) - 72px)*752/560));max-width:55vw}
@media(max-width:600px){:root{--projects-title-size:clamp(38px,16.875vw,68px)}.hero .video-window{width:min(180px,52vw,calc((100svh - var(--projects-peek) - 72px)*752/560));max-width:52vw}}

/* Compact clock source and generation proof. */
.clock-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:720px;margin-top:16px}.clock-pair figure{margin:0;min-width:0}.clock-pair video{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.clock-pair figcaption{font-size:12px;line-height:1.3;margin-top:6px}

.musik-opening{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:640px;margin:0 auto 36px}.musik-opening .case-media{margin:0;min-width:0}.musik-opening .case-media video{width:100%;height:auto;aspect-ratio:9/16;object-fit:contain}.musik-opening figcaption{font-size:12px}

.musik-home-videos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;justify-content:center;padding:20px;background:#fff}.musik-home-videos figure{width:100%;max-width:280px;margin:0;justify-self:end}.musik-home-videos figure+figure{justify-self:start}.musik-home-videos video{display:block;width:100%;aspect-ratio:9/16;object-fit:contain}@media(max-width:600px){.musik-home-videos{padding:8px;gap:8px}}

.musik-home{grid-column:1/-1}.musik-home-videos{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,3fr);align-items:center;padding:0;gap:16px}.musik-home-videos figure,.musik-home-videos figure+figure{max-width:240px;justify-self:center}.musik-home-cover{display:block;min-width:0}.musik-home-cover img{display:block;width:100%;height:auto}@media(max-width:600px){.musik-home-videos{grid-template-columns:1fr 1fr;gap:8px}.musik-home-cover{grid-column:1/-1}}

/* Equal-height media, complete screenshot, on home and case. */
.musik-home-videos,.musik-opening{display:grid;grid-template-columns:minmax(0,9fr) minmax(0,9fr) minmax(0,28.444444fr);gap:12px;align-items:start;max-width:none;padding:0}
.musik-home-videos figure,.musik-home-videos figure+figure,.musik-opening .case-media{width:100%;max-width:none;min-width:0;margin:0;justify-self:stretch}
.musik-home-videos video,.musik-opening .case-media video{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:contain}
.musik-home-videos .musik-home-cover,.musik-opening .musik-home-cover{display:block;grid-column:auto;min-width:0}
.musik-home-videos .musik-home-cover img,.musik-opening .musik-home-cover img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}
.musik-opening figcaption{display:none}
@media(max-width:600px){.musik-home-videos,.musik-opening{gap:6px;grid-template-columns:minmax(0,9fr) minmax(0,9fr) minmax(0,28.444444fr)}}

.fs-explainer{margin:24px 0 60px}.fs-explainer h2{font-size:clamp(26px,3vw,44px);font-weight:400;line-height:1.1;margin-bottom:12px}.fs-explainer>p,.fs-screen>p{font-size:16px;line-height:1.5;max-width:720px;margin:0 0 22px}.fs-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.fs-explainer figure{margin:0;min-width:0}.fs-compare video{width:100%;height:auto;display:block}.fs-explainer figcaption{font-size:12px;line-height:1.4;margin-top:8px}.fs-screen{max-width:960px;margin:36px auto 0}.fs-screen h3{font-size:20px;font-weight:400;margin-bottom:10px}.fs-screen video{width:100%;height:auto;display:block}.fs-demo{display:inline-block;font-size:15px;text-decoration:underline;text-underline-offset:5px;margin-top:24px}@media(max-width:600px){.fs-compare{grid-template-columns:1fr}.fs-explainer{margin:20px 0 40px}}

/* Full-height media in their original proportions, with the interface on the right. */
.musik-home{width:calc(100vw - 2.1484375vw)}
.musik-home-videos{display:flex;height:50.9033203125vw;aspect-ratio:auto;gap:12px;align-items:stretch;justify-content:flex-start;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:thin;padding-bottom:0}
.musik-home-videos figure,.musik-home-videos figure+figure{flex:0 0 auto;width:auto;height:100%;max-width:none;margin:0}
.musik-home-videos video{display:block;width:auto;height:100%;aspect-ratio:9/16;object-fit:contain}
.musik-home-videos .musik-home-cover{flex:0 0 auto;display:block;width:auto;height:100%;min-width:0}
.musik-home-videos .musik-home-cover img{display:block;width:auto;height:100%;aspect-ratio:16/9;object-fit:contain}
.musik-home>.caption{width:67.87109375vw}
@media(max-width:600px){.musik-home{width:calc(100vw - 4.375vw)}.musik-home-videos{height:71.71875vw;gap:8px}.musik-home>.caption{width:100%}}

/* Keep the vertical-to-horizontal sequence in narrow browser windows too. */
.pv-section:not(.pv-simple) .pv-navigation>div{display:none}
@media(max-width:700px){.pv-heading{flex-wrap:wrap;gap:10px}.pv-heading h2{font-size:clamp(24px,6vw,40px)}.pv-heading p{font-size:13px}.pv-heading>a{font-size:11px}.pv-panel{flex-basis:min(88vw,calc((100svh - 225px) * 4 / 3))}.pv-panel>header,.pv-toolbar,.pv-navigation{font-size:10px}.pv-panel>p{font-size:13px}}

/* Size the sticky gallery to its contents rather than leaving a full-screen blank frame. */
.pv-section:not(.pv-simple) .pv-pin{height:auto;justify-content:flex-start;padding:12px 0;gap:14px}
.pv-section,.pv-case .pv-section{margin-bottom:clamp(32px,4vw,64px)}

/* Compact wheel-driven gallery: no tall spacer or sticky scroll runway. */
.pv-section:not(.pv-simple) .pv-pin{position:relative;height:auto}

/* Phones: let the browser handle horizontal finger swipes without a scroll trap. */
.pv-simple .pv-pin{position:relative;height:auto;padding:12px 0;gap:14px;justify-content:flex-start}
.pv-simple .pv-rail{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;transform:none!important;will-change:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;padding-bottom:8px}
.pv-simple .pv-panel{flex-basis:88vw;scroll-snap-align:start}
@media(hover:none) and (pointer:coarse){.pv-split{pointer-events:none}.pv-rail{touch-action:pan-x pan-y}.pv-section .pv-navigation>div{display:none}}