@font-face{font-family:Manrope;src:url('/assets/fonts/manrope-latin.woff2') format('woff2');font-weight:200 800;font-style:normal;font-display:swap}
:root{color-scheme:light;--surface:#f7f7f8;--surface-alt:#ececee;--surface-raised:#fdfdfe;--text:#242426;--muted:#5c5c63;--line:#d5d5db;--accent:#e8585b;--accent-text:#211415;--header:rgb(247 247 248 / .94);--radius:20px;--ease:cubic-bezier(.22,1,.36,1);--shell:min(1400px,calc(100% - 112px))}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--surface:#171719;--surface-alt:#222225;--surface-raised:#2c2c30;--text:#f1f1f3;--muted:#b6b6bf;--line:#414146;--header:rgb(23 23 25 / .94)}}
:root[data-theme=dark]{color-scheme:dark;--surface:#171719;--surface-alt:#222225;--surface-raised:#2c2c30;--text:#f1f1f3;--muted:#b6b6bf;--line:#414146;--header:rgb(23 23 25 / .94)}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:96px}
body{margin:0;background:var(--surface);color:var(--text);font-family:Manrope,Arial,sans-serif;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}
body.menu-open,body.dialog-open{overflow:hidden}
button,input,textarea,select{font:inherit}
button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}
button{color:inherit;cursor:pointer}
a{color:inherit;text-decoration:none}
button:disabled{cursor:wait;opacity:.6}
img,video{max-width:100%;display:block}
img{height:auto}
button{border:0;background:none}
h1,h2,h3,p{margin:0}
h1,h2,h3{font-weight:600;letter-spacing:-.055em;line-height:1.08;text-wrap:balance}
p{text-wrap:pretty}
svg.icon{width:22px;height:22px;fill:currentColor;flex:none;display:inline-block;vertical-align:middle}
svg.icon path{fill:currentColor}
::selection{background:var(--accent);color:var(--accent-text)}
:focus-visible{outline:3px solid var(--accent);outline-offset:5px}
.skip-link{position:fixed;left:12px;top:12px;z-index:60;transform:translateY(-160%);background:var(--surface);padding:12px 18px;border-radius:12px;box-shadow:0 4px 20px #17171930}
.skip-link:focus{transform:none}
.section-shell{width:var(--shell);margin-inline:auto}
.site-header{height:76px;display:flex;align-items:center;gap:36px;padding-inline:40px;position:sticky;top:0;z-index:20;background:var(--header);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.brand{display:inline-flex;align-items:center;gap:10px;flex-shrink:0;line-height:1}
.brand img{width:36px;height:36px;object-fit:contain}
.brand>span{font-size:28px;font-weight:500;letter-spacing:-.06em}
.brand-branch{font-size:17px;letter-spacing:-.03em;margin-left:7px}
.desktop-nav{display:flex;gap:28px;align-items:center;margin-left:auto}
.desktop-nav a{font-size:13px;font-weight:600;white-space:nowrap}
.desktop-nav .icon{width:14px;height:14px}
.desktop-nav a:hover,.desktop-nav a[aria-current=page]{color:var(--text);text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:2px;text-underline-offset:7px}
.header-actions{display:flex;align-items:center;gap:12px}
.icon-button{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:50%;flex:none;transition:background .2s,transform .2s}
.icon-button:hover{background:var(--surface-alt);transform:scale(1.04)}
.icon-button:active{transform:scale(.95)}
.button{display:inline-flex;align-items:center;justify-content:center;gap:26px;padding:17px 24px;border-radius:999px;font-weight:600;font-size:14px;line-height:1.2;white-space:nowrap;border:1px solid transparent;transition:transform .3s var(--ease),background .3s,border-color .3s}
.button:hover{transform:translateY(-3px)}
.button:active{transform:scale(.98)}
.button-solid{background:#ea6164;color:var(--accent-text)}
.button-solid:hover{background:#f06c6f}
.button-outline{border-color:var(--line);background:transparent;color:var(--text)}
.button-outline:hover{background:var(--surface-alt)}
.button-white{background:#f7f7f8;color:#242426}
.button-small{padding:12px 18px;gap:14px;font-size:12px}
.button-small .icon{height:16px;width:16px}
.menu-toggle{display:none}
.mobile-menu{position:fixed;top:76px;inset-inline:0;bottom:0;z-index:30;background:var(--surface);padding:36px 24px}
.mobile-menu[hidden]{display:none}
.mobile-menu nav{display:grid;gap:8px}
.mobile-menu nav a{font-size:clamp(26px,7vw,42px);font-weight:600;letter-spacing:-.045em;padding:8px 0}
.mobile-menu p{margin-top:36px;font-size:13px;color:var(--muted)}
.hero{position:relative;isolation:isolate;min-height:560px;height:calc(100svh - 76px);max-height:960px;overflow:hidden;background:#171719;color:#f7f7f8}
.hero-media{position:absolute;inset:0;z-index:0;overflow:hidden}
.hero-media>img,.hero-media>video,.hero-media>picture{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center}
.hero-media>picture>img{width:100%;height:100%;object-fit:cover;object-position:center}
.hero-media>video{opacity:0;transition:opacity .8s}
.hero-media>video.is-playing{opacity:1}
.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgb(12 13 17 / .88),rgb(12 13 17 / .6) 42%,rgb(12 13 17 / .1) 78%),linear-gradient(0deg,rgb(12 13 17 / .45),transparent 55%)}
.hero-content{position:relative;z-index:1;width:var(--shell);margin:auto;padding-top:clamp(72px,14vh,148px)}
.eyebrow{font-size:11px;font-weight:700;line-height:1.4;letter-spacing:.12em;text-transform:uppercase;margin-bottom:28px}
.hero h1{font-size:clamp(60px,7.2vw,112px);max-width:9.6em;white-space:pre-line;line-height:1.04;letter-spacing:-.065em}
.hero-description{max-width:380px;font-size:16px;line-height:1.65;margin-top:26px;margin-bottom:30px;color:#e5e5e9}
.hero-film-control{position:absolute;bottom:30px;right:42px;z-index:1;display:flex;gap:22px;align-items:center}
.film-launch{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:600;color:#f7f7f8}
.play-disc{display:grid;place-items:center;width:48px;height:48px;border:1px solid #ffffff70;border-radius:50%;background:#17171938;backdrop-filter:blur(6px);transition:background .25s}
.film-launch:hover .play-disc{background:#171719a0}
.play-disc .icon{height:18px;width:18px;margin-left:2px}
.hero .media-toggle{border-color:#ffffff70;color:#f7f7f8;background:#17171938}
.hero .media-toggle:hover{background:#171719a0}
.advertising-section{padding-block:145px 130px}
.intro-copy{max-width:870px}
.intro-copy h2{font-size:clamp(38px,5.1vw,74px);max-width:12em}
.intro-copy>p{max-width:530px;color:var(--muted);font-size:18px;margin-top:28px}
.capabilities{display:grid;grid-template-columns:1fr 1fr;gap:9vw;margin-top:85px;align-items:start}
.capability-tabs{display:grid;gap:0}
.capability-tabs button{display:flex;align-items:center;justify-content:space-between;text-align:left;font-size:24px;font-weight:500;letter-spacing:-.035em;padding:23px 0;border-bottom:1px solid var(--line);color:var(--muted)}
.capability-tabs button:first-child{padding-top:0}
.capability-tabs button[aria-selected=true]{color:var(--text)}
.capability-tabs button[aria-selected=true] .icon{color:var(--accent);transform:rotate(45deg)}
.capability-tabs .icon{transition:transform .3s;fill:currentColor}
.capability-panel{padding-top:0;min-height:244px}
.capability-panel[hidden]{display:none}
.capability-panel h3{font-size:30px;letter-spacing:-.04em;max-width:13em}
.capability-panel p{font-size:15px;max-width:440px;color:var(--muted);margin-block:21px 28px}
.text-link{display:inline-flex;align-items:center;gap:14px;font-weight:600;font-size:13px;min-height:44px;transition:gap .25s}
.text-link:hover{gap:20px}
.text-link .icon{height:18px;width:18px}
.work-section{padding-block:50px 100px}
.work-intro{margin-bottom:58px}
.work-intro h2{font-size:clamp(42px,5.5vw,82px)}
.work-intro p{margin-top:24px;color:var(--muted);font-size:17px}
.project-feature{margin-bottom:136px}
.project-video-wrap{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:var(--radius);background:var(--surface-alt)}
.project-video-wrap>img,.project-video-wrap>video{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}
.project-video-wrap>video{opacity:0;transition:opacity .7s}
.project-video-wrap>video.is-playing{opacity:1}
.project-play{position:absolute;bottom:22px;right:22px;background:rgb(23 23 25 / .58);color:#f7f7f8;border-color:#ffffff65;width:58px;height:58px;backdrop-filter:blur(8px)}
.project-play:hover{background:#171719c9}
.project-detail{display:flex;align-items:center;justify-content:space-between;gap:35px;margin-top:32px}
.project-detail h3{font-size:38px;letter-spacing:-.045em}
.project-detail p{color:var(--muted);max-width:510px;font-size:14px;margin-top:12px}
.project-browser-capture{margin-top:65px;display:grid;grid-template-columns:2fr 1fr;gap:24px 48px;align-items:center;padding-left:14%;position:relative}
.project-browser-capture>img{grid-row:span 2;width:100%;aspect-ratio:1.44;object-fit:cover;object-position:top;border-radius:12px;box-shadow:0 30px 80px #17171914;border:1px solid var(--line)}
.project-browser-capture>p{font-size:26px;letter-spacing:-.045em;line-height:1.3;max-width:8em;align-self:end}
.project-browser-capture>.text-link{align-self:start;font-size:11px;gap:8px}
.project-browser-capture>.text-link .icon{width:16px;height:16px}
.price-feature{display:grid;grid-template-columns:1fr 1.7fr;gap:60px;align-items:center}
.price-copy h3{font-size:clamp(46px,5vw,70px);letter-spacing:-.06em}
.price-copy p{font-size:17px;color:var(--muted);margin-block:23px 30px;max-width:300px}
.price-image{background:var(--surface-alt);padding:42px 0 0 42px;border-radius:var(--radius);overflow:hidden}
.price-image img{width:100%;aspect-ratio:1.27;object-fit:cover;object-position:top left;border-radius:12px 0 0 0;border-top:1px solid var(--line);border-left:1px solid var(--line)}
.play-section{padding-block:70px 90px}
.play-stage{position:relative;isolation:isolate;min-height:650px;height:80svh;max-height:920px;overflow:hidden;background:#171719;color:#f7f7f8}
.play-stage>img,.play-stage>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.play-stage>picture{position:absolute;inset:0;width:100%;height:100%;z-index:0}
.play-stage>picture>img{width:100%;height:100%;object-fit:cover}
.play-stage>video{opacity:0;transition:opacity .7s}
.play-stage>video.is-playing{opacity:1}
.play-stage::after{content:'';position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,#131418dc,#13141880 42%,#13141810 80%),linear-gradient(0deg,#13141880,transparent 80%)}
.play-content{position:relative;z-index:1;width:var(--shell);margin-inline:auto;padding-top:clamp(70px,13vw,210px)}
.play-content h2{font-size:clamp(38px,5vw,72px);max-width:10em;line-height:1.1}
.play-content p{font-size:15px;max-width:370px;margin-block:26px 30px;color:#eeeeef}
.cartoon-section{display:grid;grid-template-columns:1.5fr 1fr;gap:13%;align-items:center;padding-block:50px 110px}
.cartoon-copy h2{font-size:clamp(46px,5.2vw,74px)}
.cartoon-copy p:not(.eyebrow){font-size:18px;color:var(--muted);max-width:360px;margin-block:25px}
.cartoon-screen{aspect-ratio:9/13;max-height:590px;position:relative;background:var(--surface-alt);border-radius:var(--radius);overflow:hidden;box-shadow:0 24px 80px #17171914}
.cartoon-screen>img{width:100%;height:100%;object-fit:cover}
.cartoon-play{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);font-size:12px;padding:14px 18px;gap:18px}
.cartoon-play:hover{transform:translateX(-50%) translateY(-3px)}
.music-teaser{padding-block:40px 120px}
.music-teaser-link{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:20px;background:var(--surface-alt);border-radius:var(--radius);padding:60px;min-height:420px;overflow:hidden}
.music-teaser-copy h2{font-size:clamp(34px,4vw,55px)}
.music-teaser-copy p{font-size:16px;color:var(--muted);margin-block:22px 34px}
.music-teaser-art{height:330px;position:relative;perspective:1000px}
.teaser-sleeve{position:absolute;left:0;top:0;width:65%;aspect-ratio:1;object-fit:cover;transform:rotateY(-12deg) rotateZ(-8deg);box-shadow:0 30px 45px #17171933;transition:transform .7s var(--ease)}
.teaser-vinyl{position:absolute;left:28%;top:5%;width:65%;aspect-ratio:1;object-fit:contain;transform:rotate(12deg);transition:transform .7s var(--ease)}
.music-teaser-link:hover .teaser-sleeve{transform:rotateY(0) rotateZ(-3deg) translateX(-5%)}
.music-teaser-link:hover .teaser-vinyl{transform:translateX(8%) rotate(35deg)}
.about-section{padding-block:40px 145px}
.about-heading{max-width:770px}
.about-heading h2{font-size:clamp(40px,5.2vw,75px)}
.about-heading p{font-size:17px;color:var(--muted);max-width:500px;margin-top:26px}
.team-list{margin-top:66px;display:grid;grid-template-columns:repeat(3,1fr);gap:44px}
.team-person{border-top:1px solid var(--line);padding-top:30px}
.team-portrait{aspect-ratio:6/7;border-radius:var(--radius);overflow:hidden;background:var(--surface-alt);margin-bottom:28px}
.team-portrait img{width:100%;height:100%;object-fit:cover}
.team-person[data-person=may] .team-portrait img{transform:scale(1.14);transform-origin:50% 22%}
.team-person[data-person=alina] .team-portrait img{transform:scale(1.14);transform-origin:50% 22%}
.team-person h3{font-size:25px;letter-spacing:-.04em}
.team-role{font-size:13px;font-weight:600;margin-top:12px;color:var(--text)}
.team-person-info>p:last-child{font-size:13px;color:var(--muted);margin-top:12px;max-width:260px}
.contact-section{display:grid;grid-template-columns:1fr 1.2fr;gap:9%;padding-block:70px 145px;border-top:1px solid var(--line)}
.contact-copy h2{font-size:clamp(40px,4vw,62px);max-width:9em}
.contact-copy>p{font-size:16px;color:var(--muted);max-width:350px;margin-top:24px}
.contact-copy .contact-note{font-size:12px;margin-top:45px}
.contact-form{display:grid;gap:26px;position:relative}
.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.form-field{display:grid;gap:9px;min-width:0}
.form-field>label{font-size:12px;font-weight:600}
.form-field>label span{font-weight:400;color:var(--muted)}
.form-field input,.form-field select,.form-field textarea{width:100%;min-width:0;padding:14px 15px;color:var(--text);background:var(--surface-raised);border:1px solid var(--line);border-radius:12px;line-height:1.4;min-height:49px;font-size:14px;resize:vertical}
.form-field textarea{min-height:140px}
.form-field textarea::placeholder{color:var(--muted);opacity:1}
.checkbox-label{display:flex;align-items:start;gap:12px;font-size:12px;color:var(--muted);cursor:pointer}
.checkbox-label input{width:19px;height:19px;flex:none;accent-color:var(--accent);margin:1px 0}
.checkbox-label a{text-decoration:underline;text-underline-offset:3px;color:var(--text)}
.form-submit-row{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.form-status{font-size:12px;color:var(--muted);max-width:260px}
.form-status.error{color:#c43540}
:root[data-theme=dark] .form-status.error{color:#ff989d}
.honeypot{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.site-footer{width:var(--shell);margin-inline:auto;border-top:1px solid var(--line);padding-block:50px 30px;display:grid;grid-template-columns:1fr 1fr;gap:30px}
.footer-brand>span{font-size:34px}
.site-footer>p{color:var(--muted);font-size:14px;align-self:center;text-align:right}
.footer-links{display:flex;gap:30px;flex-wrap:wrap;font-size:12px}
.footer-links .icon{width:14px;height:14px}
.footer-legal{grid-column:1/-1;display:flex;justify-content:space-between;gap:24px;color:var(--muted);font-size:10px;margin-top:22px}
.film-dialog{width:min(1280px,calc(100% - 64px));max-height:calc(100dvh - 48px);padding:20px;border-radius:var(--radius);border:1px solid #ffffff35;background:#171719;color:#f7f7f8;overflow:auto;z-index:50}
.film-dialog::backdrop{background:#0b0b10d9;backdrop-filter:blur(10px)}
.film-dialog-top{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:16px}
.film-dialog-top h2{font-size:18px;letter-spacing:-.03em}
.film-dialog-top .icon-button{border-color:#ffffff55}
.film-dialog-top .icon-button:hover{background:#303036}
.film-player{width:100%;max-height:calc(100dvh - 170px);border-radius:12px;background:#101013;object-fit:contain}
.legal-page{max-width:900px;margin:0 auto;padding:90px 40px 120px}
.legal-page h1{font-size:clamp(40px,5vw,66px);margin-bottom:40px}
.legal-page h2{font-size:24px;margin-block:40px 18px}
.legal-page p{font-size:15px;color:var(--muted);margin-bottom:20px;max-width:700px}
.legal-page a{text-decoration:underline;text-underline-offset:4px}
.legal-details{display:grid;grid-template-columns:1fr 2fr;gap:20px;border-top:1px solid var(--line);padding-top:25px}
.legal-details dt{font-size:13px;color:var(--muted)}
.legal-details dd{margin:0;font-size:15px}
.music-hero{width:var(--shell);margin-inline:auto;min-height:calc(100svh - 76px);display:grid;grid-template-columns:1fr 1.15fr;gap:20px;align-items:center;padding-block:70px}
.music-hero-copy h1{font-size:clamp(54px,6.2vw,94px);letter-spacing:-.07em}
.music-hero-copy .music-artists{font-size:15px;font-weight:600;letter-spacing:.02em;margin-top:24px}
.music-hero-copy>p:not(.eyebrow):not(.music-artists){font-size:16px;color:var(--muted);max-width:330px;margin-top:20px}
.release-date{margin-top:35px;font-size:33px;letter-spacing:-.05em;line-height:1.2}
.release-date span{display:block;font-size:12px;letter-spacing:0;margin-top:10px;color:var(--muted)}
.music-hero-copy>.button{margin-top:30px}
.record-scene{aspect-ratio:1.05;position:relative;perspective:1500px;isolation:isolate;touch-action:pan-y;overflow:clip}
.record-scene::after{content:'';position:absolute;bottom:7%;left:8%;width:84%;height:7%;border-radius:50%;background:#17171930;filter:blur(22px);z-index:-1}
.record-object{position:absolute;left:6%;top:10%;width:70%;height:70%;transform-style:preserve-3d;transform:rotateX(4deg) rotateY(-22deg) rotateZ(-8deg);transition:transform 1.1s var(--ease)}
.record-sleeve{position:absolute;inset:0;transform-style:preserve-3d;transition:transform 1.1s var(--ease)}
.record-face{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;backface-visibility:hidden;border-radius:1px;box-shadow:0 8px 12px #17171924}
.record-front{transform:translateZ(5px)}
.record-back{transform:rotateY(180deg) translateZ(5px)}
.record-spine{position:absolute;top:0;left:0;width:10px;height:100%;object-fit:cover;transform:rotateY(-90deg) translateZ(5px);transform-origin:left}
.record-top{position:absolute;top:0;left:0;width:100%;height:10px;background:#d95821;transform:rotateX(90deg) translateZ(5px);transform-origin:top}
.record-disc{position:absolute;width:96%;height:96%;top:2%;left:28%;transform:translateZ(0) rotate(12deg);object-fit:contain;transition:transform 1.2s var(--ease);filter:drop-shadow(0 7px 8px #17171930)}
.record-object[data-view=back]{transform:rotateX(4deg) rotateY(158deg) rotateZ(8deg)}
.record-object[data-view=side-a]{transform:rotateX(3deg) rotateY(-12deg) rotateZ(-4deg)}
.record-object[data-view=side-a] .record-sleeve,.record-object[data-view=side-b] .record-sleeve{transform:translateX(-22%)}
.record-object[data-view=side-a] .record-disc,.record-object[data-view=side-b] .record-disc{transform:translateX(21%) translateZ(12px) rotate(35deg)}
.record-object[data-view=side-b]{transform:rotateX(3deg) rotateY(-12deg) rotateZ(4deg)}
.record-view-controls{position:absolute;left:0;right:0;bottom:-6px;display:flex;justify-content:center;gap:6px;flex-wrap:wrap}
.record-view-controls button{border:1px solid var(--line);padding:10px 14px;border-radius:999px;font-size:11px;white-space:nowrap;background:var(--surface)}
.record-view-controls button[aria-pressed=true]{background:var(--text);color:var(--surface);border-color:var(--text)}
.record-hint{font-size:11px;color:var(--muted);text-align:center;margin-top:22px}
.music-intro{padding-block:100px;max-width:900px}
.music-intro h2{font-size:clamp(38px,5vw,70px)}
.music-intro p{font-size:17px;color:var(--muted);max-width:510px;margin-top:26px}
.record-film-section{padding-block:25px 100px}
.record-film-frame{position:relative;aspect-ratio:16/9;border-radius:var(--radius);overflow:hidden;background:var(--surface-alt)}
.record-film-frame img,.record-film-frame video{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.record-film-frame video{opacity:0;transition:opacity .7s}
.record-film-frame video.is-playing{opacity:1}
.record-film-frame .button{position:absolute;bottom:30px;left:30px}
.artist-section{padding-block:45px 100px}
.artist-section>h2{font-size:clamp(36px,4vw,56px);margin-bottom:50px}
.artist-grid{display:grid;grid-template-columns:1fr 1fr;gap:5%}
.artist{min-width:0}
.artist-image{aspect-ratio:4/3;border-radius:var(--radius);overflow:hidden;background:var(--surface-alt)}
.artist-image img{height:100%;width:100%;object-fit:cover}
.artist:first-child .artist-image img{object-position:center 25%}
.artist h3{font-size:32px;letter-spacing:-.04em;margin-top:26px}
.artist p{font-size:14px;color:var(--muted);margin-top:10px}
.release-platforms{padding-block:70px 120px;text-align:center;border-top:1px solid var(--line)}
.release-platforms h2{font-size:clamp(34px,4vw,58px)}
.release-platforms>p{font-size:15px;color:var(--muted);margin-top:20px}
.platform-links{display:flex;justify-content:center;gap:60px;align-items:center;margin-top:45px;flex-wrap:wrap}
.platform-links a,.platform-links .platform-pending{display:flex;gap:12px;align-items:center;font-size:13px;font-weight:600;min-height:44px}
.platform-links .icon{width:24px;height:24px}
.platform-pending{color:var(--muted)}
.release-platforms>.button{margin-top:38px}
.music-return{padding-bottom:100px}
.progress-stage{background:var(--surface-alt);padding:20px;border-radius:12px;margin-block:16px}
.progress-stage h2{margin-top:0}
@media(min-width:1700px){.hero-content{padding-top:150px}.hero h1{max-width:9.4em}.hero-description{font-size:18px}.music-teaser-art{height:390px}}
@media(max-width:1150px){:root{--shell:calc(100% - 72px)}.site-header{padding-inline:30px;gap:22px}.desktop-nav{gap:20px}.price-feature{gap:40px}.music-teaser-link{padding:42px}.music-teaser-art{height:260px}.music-hero{grid-template-columns:1fr 1.15fr}.music-hero-copy h1{font-size:72px}}
@media(max-width:960px){.desktop-nav{display:none}.header-actions{margin-left:auto}.menu-toggle{display:inline-flex}.site-header{padding-inline:24px}.hero-content{padding-top:80px}.hero h1{font-size:82px;max-width:8.8em}.hero-shade{background:linear-gradient(90deg,#0c0d11d9,#0c0d11a3 55%,#0c0d1140),linear-gradient(0deg,#0c0d1180,transparent 70%)}.advertising-section{padding-block:100px}.capabilities{gap:6vw}.project-browser-capture{padding-left:5%;gap:24px}.team-list{gap:24px}.team-person h3{font-size:22px}.contact-section{gap:6%;grid-template-columns:1fr 1.3fr}.form-pair{grid-template-columns:1fr;gap:24px}.music-hero{padding-block:65px;gap:5px}.music-hero-copy h1{font-size:64px}.record-view-controls button{padding:10px;font-size:10px}.music-teaser-copy h2{font-size:34px}}
@media(max-width:767px){:root{--shell:calc(100% - 40px)}html{scroll-padding-top:88px}.site-header{height:68px;padding-inline:20px;gap:12px}.brand>span{font-size:25px}.brand img{width:32px;height:32px}.brand-branch{font-size:13px}.header-contact{display:none}.header-actions{gap:8px}.header-actions .icon-button{width:40px;height:40px}.mobile-menu{top:68px}.hero{height:calc(100svh - 68px);min-height:500px;max-height:860px}.hero-content{padding-top:clamp(160px,32svh,300px)}.hero h1{font-size:clamp(47px,10.5vw,73px);max-width:9em;line-height:1.07}.hero-description{max-width:295px;font-size:13px;margin-top:20px;margin-bottom:24px}.hero-shade{background:linear-gradient(0deg,#0c0d11f0 5%,#0c0d11b3 38%,#0c0d1110 84%)}.hero-media>img,.hero-media>video{object-position:62% center}.hero .eyebrow{font-size:9px;margin-bottom:16px}.hero-film-control{bottom:18px;right:20px;gap:10px}.film-launch{font-size:10px}.play-disc{width:38px;height:38px}.hero .media-toggle{width:38px;height:38px}.hero-film-control .film-launch>span:last-child{display:none}.hero-content>.button{font-size:12px;padding:15px 20px;gap:26px}.advertising-section{padding-block:88px 68px}.intro-copy h2{font-size:40px;max-width:12em}.intro-copy>p{font-size:15px;margin-top:24px}.capabilities{grid-template-columns:1fr;gap:35px;margin-top:48px}.capability-tabs{grid-template-columns:repeat(3,1fr);gap:12px;border-bottom:1px solid var(--line)}.capability-tabs button{font-size:12px;padding:14px 0;border-bottom:2px solid transparent;min-height:56px}.capability-tabs button:first-child{padding-top:14px}.capability-tabs button[aria-selected=true]{border-bottom-color:var(--accent)}.capability-tabs .icon{width:15px;height:15px}.capability-panel{min-height:210px}.capability-panel h3{font-size:28px;max-width:15em}.capability-panel p{font-size:14px;margin-block:20px}.work-section{padding-block:50px 45px}.work-intro h2{font-size:43px}.work-intro p{font-size:14px;margin-top:20px}.work-intro{margin-bottom:32px}.project-video-wrap{aspect-ratio:4/3;border-radius:16px}.project-play{width:46px;height:46px;right:14px;bottom:14px}.project-detail{flex-direction:column;align-items:start;gap:23px;margin-top:25px}.project-detail h3{font-size:31px}.project-detail p{font-size:13px;max-width:320px}.project-detail>.button{font-size:12px;padding:14px 20px}.project-browser-capture{grid-template-columns:1fr;padding-left:0;margin-top:42px;gap:18px}.project-browser-capture>img{grid-row:auto;border-radius:12px}.project-browser-capture>p{font-size:24px;max-width:none}.project-browser-capture>.text-link{font-size:12px}.project-feature{margin-bottom:75px}.price-feature{grid-template-columns:1fr;gap:30px}.price-copy h3{font-size:47px}.price-copy p{font-size:15px;max-width:300px;margin-block:17px 24px}.price-copy .button{font-size:12px;padding:14px 20px}.price-image{padding:28px 0 0 28px;border-radius:16px}.price-image img{aspect-ratio:1.3}.play-section{padding-block:45px 65px}.play-stage{height:75svh;min-height:570px;max-height:720px}.play-stage>video,.play-stage>img{object-position:64% center}.play-stage::after{background:linear-gradient(0deg,#131418e0 5%,#13141875 48%,#13141815 90%)}.play-content{padding-top:290px}.play-content h2{font-size:40px}.play-content p{font-size:13px;max-width:280px;margin-block:20px 24px}.play-content .button{font-size:12px;padding:15px 20px}.cartoon-section{grid-template-columns:1fr;gap:35px;padding-block:30px 70px}.cartoon-copy h2{font-size:46px}.cartoon-copy p:not(.eyebrow){font-size:15px;margin-block:20px}.cartoon-copy .eyebrow{margin-bottom:20px}.cartoon-screen{width:min(320px,100%);margin-inline:auto;max-height:none}.music-teaser{padding-block:30px 70px}.music-teaser-link{grid-template-columns:1fr;gap:25px;padding:30px 26px}.music-teaser-copy h2{font-size:35px}.music-teaser-copy p{font-size:14px;margin-block:18px 17px}.music-teaser-art{height:300px;max-width:390px;width:100%;margin-inline:auto;margin-top:10px}.about-section{padding-block:30px 75px}.about-heading h2{font-size:41px}.about-heading p{font-size:14px;margin-top:22px}.team-list{grid-template-columns:1fr;gap:30px;margin-top:40px}.team-person{padding-top:22px;display:flex;gap:20px;align-items:center}.team-person h3{font-size:25px}.team-role{margin-top:10px}.team-person-info>p:last-child{font-size:13px;max-width:none}.team-portrait{width:95px;flex:none;margin-bottom:0;aspect-ratio:6/7;border-radius:12px}.contact-section{grid-template-columns:1fr;gap:45px;padding-block:70px 80px}.contact-copy h2{font-size:42px;max-width:11em}.contact-copy>p{font-size:14px}.contact-copy .contact-note{margin-top:20px}.contact-form{gap:23px}.form-pair{gap:23px}.form-field>label{font-size:12px}.form-field input,.form-field select,.form-field textarea{font-size:16px;padding:14px}.checkbox-label{font-size:12px;line-height:1.6}.form-submit-row{align-items:start;flex-direction:column;gap:16px}.form-status{max-width:100%}.site-footer{grid-template-columns:1fr;gap:27px;padding-block:38px 25px}.site-footer>p{text-align:left;font-size:13px}.footer-links{gap:20px;font-size:11px}.footer-legal{flex-direction:column;gap:12px;margin-top:4px}.film-dialog{width:calc(100% - 20px);padding:14px;max-height:calc(100dvh - 30px);border-radius:16px}.film-dialog-top h2{font-size:14px}.film-dialog-top .icon-button{width:38px;height:38px}.film-player{max-height:calc(100dvh - 125px)}.legal-page{padding:55px 20px 70px}.legal-page h1{font-size:41px}.legal-details{grid-template-columns:1fr;gap:10px}.legal-details dd{margin-bottom:20px}.music-hero{grid-template-columns:1fr;padding-block:54px 45px;min-height:0;gap:20px}.music-hero-copy h1{font-size:65px}.music-hero-copy .music-artists{font-size:13px;margin-top:20px}.music-hero-copy>p:not(.eyebrow):not(.music-artists){font-size:14px}.music-hero-copy .eyebrow{margin-bottom:22px}.release-date{font-size:27px;margin-top:23px}.music-hero-copy>.button{font-size:12px;padding:15px 20px;margin-top:24px}.record-scene{width:min(500px,100%);margin-inline:auto;aspect-ratio:1;min-height:300px;margin-top:15px}.record-object{top:6%;width:76%;height:76%;left:7%}.record-view-controls{bottom:0;gap:5px}.record-view-controls button{font-size:10px;padding:10px 12px}.record-hint{margin-top:16px;font-size:10px}.music-intro{padding-block:65px}.music-intro h2{font-size:40px}.music-intro p{font-size:15px;margin-top:22px}.record-film-section{padding-block:10px 60px}.record-film-frame{aspect-ratio:4/3;border-radius:16px}.record-film-frame .button{font-size:11px;left:18px;bottom:18px;padding:13px 16px}.artist-section{padding-block:20px 65px}.artist-section>h2{font-size:38px;margin-bottom:32px}.artist-grid{grid-template-columns:1fr;gap:38px}.artist-image{aspect-ratio:4/3;border-radius:16px}.artist h3{font-size:29px;margin-top:21px}.artist p{font-size:13px}.release-platforms{padding-block:60px 70px}.release-platforms h2{font-size:35px}.release-platforms>p{font-size:14px}.platform-links{gap:25px;margin-top:30px}.platform-links a,.platform-links .platform-pending{font-size:11px;gap:8px}.platform-links .icon{width:21px;height:21px}.music-return{padding-bottom:65px}}
@media(max-width:374px){.hero-content{padding-top:clamp(140px,31svh,230px)}.hero h1{font-size:45px}.hero-description{font-size:12px;max-width:275px}.hero .eyebrow{font-size:8px}.hero{min-height:480px}.capability-tabs button{font-size:11px}.capability-tabs .icon{width:12px;height:12px}.music-teaser-copy h2{font-size:30px}.music-teaser-art{height:250px}.music-hero-copy h1{font-size:58px}.record-view-controls button{padding-inline:9px}}
@media(max-height:650px) and (min-width:768px){.hero{min-height:460px}.hero-content{padding-top:48px}.hero h1{font-size:76px}.hero-description{margin-block:20px 24px;font-size:14px}.hero .eyebrow{margin-bottom:20px}}
@media(max-height:500px) and (min-width:600px){.hero{height:calc(100svh - 76px);min-height:0}.hero-content{padding-top:20px;padding-bottom:24px}.hero h1{font-size:44px;max-width:11em;line-height:1.03}.hero .eyebrow{font-size:9px;margin-bottom:10px}.hero-description{max-width:420px;font-size:12px;line-height:1.5;margin-block:12px 14px}.hero-content>.button{padding:14px 20px;font-size:12px;min-height:44px}.hero-film-control{bottom:18px;right:24px;gap:14px}.hero .media-toggle{width:44px;height:44px}.play-stage{height:auto;min-height:440px}.play-content{padding-block:80px}.music-hero{grid-template-columns:1fr 1fr}.music-hero-copy h1{font-size:52px}.record-scene{min-height:270px}}
@media(max-height:500px) and (min-width:600px) and (max-width:767px){.hero{height:calc(100svh - 68px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.hero-video,.ambient-video{display:none!important}.music-teaser-link:hover .teaser-sleeve{transform:rotateY(-12deg) rotateZ(-8deg)}.music-teaser-link:hover .teaser-vinyl{transform:rotate(12deg)}}
@media(prefers-reduced-transparency:reduce){.site-header{background:var(--surface);backdrop-filter:none}.film-dialog::backdrop{background:#101013;backdrop-filter:none}.play-disc,.project-play{backdrop-filter:none;background:#171719}}
/* Keep media controls usable by touch, including the smallest supported phones. */
@media(max-width:767px){.header-actions .icon-button,.hero .media-toggle{width:44px;height:44px}.play-disc{width:44px;height:44px}.film-launch{min-width:44px;min-height:44px}.record-object{top:12%;width:68%;height:68%;left:7%}.record-view-controls button{min-height:44px}.cartoon-play{min-height:44px}}
@media(max-width:374px){.music-hero-copy h1{font-size:48px}.brand>span{font-size:23px}.header-actions{gap:6px}}
.work-intro h2,.play-content h2,.about-heading h2{white-space:pre-line}
.cartoon-screen>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .7s}
.cartoon-screen>video.is-playing{opacity:1}
/* The real landscape clips keep both lead characters in view. */
.cartoon-section{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:50px 8%;align-items:center}
.cartoon-screen{aspect-ratio:16/9;width:100%;max-height:none}
.book-teaser{margin:0;min-width:0}
.book-teaser>img{width:100%;height:auto;max-width:420px;margin:auto;border-radius:12px}
.book-teaser figcaption{font-size:12px;color:var(--muted);text-align:center;margin-top:12px}
.cartoon-cast{width:min(380px,100%);justify-self:center}
.cartoon-cast .eyebrow{margin-bottom:15px}
.cast-film{display:block;width:100%;position:relative;padding:0;border-radius:16px;overflow:hidden}
.cast-film>img{width:100%;aspect-ratio:16/9;object-fit:cover}
.cast-film .play-disc{position:absolute;bottom:14px;right:14px;color:#fff}
.cartoon-cast>p:last-child{font-size:13px;color:var(--muted);margin-top:15px}
.film-dialog-top .icon-button{width:44px;height:44px}
.music-hero>*{min-width:0}
.drawn-story{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr .7fr;align-items:center;gap:5%;margin-block:25px 35px}
.drawn-story-copy h3{font-size:clamp(32px,3.5vw,52px);max-width:8em}
.drawn-story-copy>p:last-child{color:var(--muted);font-size:15px;margin-top:24px}
.drawn-film{position:relative;display:block;width:100%;padding:0;overflow:hidden;border-radius:var(--radius);background:#e5dfd0;text-align:left}
.drawn-film>img{width:100%;aspect-ratio:3/4;object-fit:cover;transition:transform .5s var(--ease)}
.drawn-film:hover>img{transform:scale(1.03)}
.drawn-film-label{position:absolute;inset:auto 18px 18px;background:var(--surface-raised);color:var(--text);display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-radius:10px;font-size:11px;font-weight:600}
.drawn-film-label .icon{width:17px;height:17px}
.drawn-film-ink{transform:rotate(3deg);max-width:280px;justify-self:end}
@media(max-width:960px){.drawn-story{grid-template-columns:1fr 1fr;gap:28px}.drawn-story-copy{grid-column:1/-1;max-width:500px}.drawn-story-copy h3{max-width:12em}.drawn-film-ink{max-width:none;justify-self:auto}}
@media(max-width:767px){.drawn-story{gap:18px;margin-block:25px 20px}.drawn-story-copy{margin-bottom:8px}.drawn-story-copy h3{font-size:38px}.drawn-story-copy>p:last-child{font-size:14px;margin-top:18px}.drawn-film{border-radius:12px}.drawn-film-label{inset:auto 8px 8px;padding:9px;font-size:10px}.drawn-film-ink{transform:rotate(2deg)}}
@media(max-width:767px){.cartoon-section{grid-template-columns:minmax(0,1fr);gap:30px}.cartoon-screen{width:100%;max-height:none}.book-teaser{margin-top:15px}.book-teaser>img{max-width:320px}.cartoon-cast{margin-top:5px}.music-hero{grid-template-columns:minmax(0,1fr)}}