/* Desktop presentation is isolated from the approved mobile layout. */
.desktop-only{display:none!important}
.masthead-brand{display:flex;align-items:center;flex-shrink:0}
@media(min-width:761px){
 .desktop-only{display:block!important}.mobile-only{display:none!important}
 .masthead-brand{gap:22px}.nav-inner .wordmark{font-size:46px;line-height:1}
 .masthead-grant{width:190px;height:auto;object-fit:contain;flex-shrink:0}
 .nav-inner{height:94px;gap:26px}.nav-links{font-size:15px;gap:15px}
 html{scroll-padding-top:110px}.nav-links{top:94px;max-height:calc(100dvh - 94px)}
 .hero-context{grid-template-columns:1.2fr 1fr;gap:7vw;padding-top:32px;padding-bottom:32px;align-items:start}
 .hero-context>p{font-size:25px;font-weight:600;line-height:1.4;max-width:36ch}
 .hero-context .release-note{padding-top:3px;gap:10px}.hero-context .release-note>span,.hero-context .release-note strong{font-size:18px;font-weight:500;line-height:1.5}
 .studio-home .gallery-heading{display:block}.studio-home .gallery-heading>p{font-size:24px;line-height:1.45;max-width:48ch;margin-top:24px}
 body.page-index .founder-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:36px}
 body.page-index .founder-grid article{display:block}
 body.page-index .founder-grid img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;object-position:center 22%;margin-bottom:22px}
 body.page-index .founder-grid h3{font-size:30px}.studio-home .logo-row img{max-height:75px}
 .partners{gap:35px;padding-top:42px;padding-bottom:42px}.partners .logo-row{gap:22px;min-height:100px;justify-content:flex-start}
 .partners .logo-row img{max-height:96px;max-width:185px;width:auto;object-fit:contain}
 .partners .logo-row>div{flex:1;min-width:0}.partners .logo-row img[src*="sep30-epic"]{min-height:90px}
 .film-fallback{display:none!important}
 .world-opening{grid-template-columns:1fr 1fr;gap:5vw;align-items:center;padding-top:52px;padding-bottom:52px}
 .world-opening figure img{max-height:740px;width:100%;height:auto;aspect-ratio:auto;object-fit:contain}
 .world-story{display:block;margin-top:32px}body.page-world main .world-story h2{font-size:16px;line-height:1.4;letter-spacing:.06em;margin-bottom:14px}
 .world-story p{font-size:26px;line-height:1.5}
 .instagram-invitation{display:grid;grid-template-columns:1fr 1fr;gap:6vw;align-items:center}
 .instagram-invitation h2{text-transform:uppercase;font-size:clamp(30px,3.5vw,48px)!important;line-height:1.15!important}
 .instagram-mark{margin-bottom:24px}.instagram-frame iframe{border:0;max-width:100%;background:#fff}
 .grant-note,.page-process .notice{display:flex;align-items:center;gap:30px;padding:24px 30px;border:1px solid #bcc4b1;background:#edf0e6;font-size:20px;line-height:1.5;max-width:1100px}
 .grant-note>img,.page-process .notice>img{width:108px;height:108px;object-fit:contain;flex-shrink:0}
 .page-chapter-one .chapter-banner{display:block;width:100%;padding:0;overflow:hidden;min-width:0}
 .page-chapter-one .chapter-banner>img{display:block;width:100%;height:auto;max-height:none;aspect-ratio:16/9;object-fit:cover}
 .visual-pillars .pillar{overflow:hidden}.visual-pillars .pillar:first-child>img{object-fit:cover;clip-path:inset(2% 2%);transform:scale(1.045)}
 .visual-pillars .pillar>img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
 #prototypes .gallery-heading{display:block;max-width:1060px;margin:0 auto 32px}#prototypes .gallery-heading p{font-size:21px;max-width:70ch;margin-top:22px;line-height:1.55}
 .diary-gallery,.research-gallery,.opera-gallery{display:block!important;columns:3;column-gap:18px}
 .diary-gallery>figure,.research-gallery>figure,.opera-gallery>figure{break-inside:avoid;margin:0 0 18px!important;width:100%;display:inline-block;vertical-align:top}
 .diary-gallery img,.research-gallery img,.opera-gallery img{width:100%;height:auto!important;aspect-ratio:auto!important;object-fit:contain;max-height:none!important}
 .diary-gallery button,.research-gallery button,.opera-gallery button{display:block;width:100%}
 .concept-grid{columns:3;column-gap:18px;column-fill:balance}
 .vinyl-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.vinyl-grid img{width:100%;height:auto;aspect-ratio:1;object-fit:contain}
 .page-music main{display:flex;flex-direction:column}.page-music main>section{order:10;width:100%}
 .page-music main>[data-section="S01"]{order:0}.page-music main>[data-section="S02"]{order:1}.page-music main>#vinyl{order:2}.page-music main>#music-sessions{order:3}
 .recording-study{margin-top:36px}.recording-study img{width:100%;height:auto;max-height:650px;object-fit:contain}
 .developer-credit>p{font-size:22px;line-height:1.5;margin-top:26px}.developer-marks{display:flex;align-items:center;gap:36px;margin-top:24px}
 .developer-marks img{width:180px;height:100px;object-fit:contain}.developer-marks.green-rain{background:#152119;width:280px;padding:20px 24px}.developer-marks.green-rain img{width:232px;height:auto}
 .desktop-films>.youtube-film+.youtube-film{margin-top:32px}.desktop-films iframe{width:100%;height:auto;aspect-ratio:16/9}
 .loop-card figcaption{display:none}.loop-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
 .page-process main{display:flex;flex-direction:column}.page-process main>section{order:5;width:100%}
 .page-process main>.page-intro{order:0}.page-process main>#process-films{order:1}.page-process main>#talk{order:2}.page-process main>#case-studies{order:3}.page-process main>#method{order:4}.page-process main>#contact{order:10}
 .page-process .page-intro .copy p{font-size:22px;line-height:1.55}.page-process .page-intro .two{align-items:start}
 .case-disclosure>summary{cursor:default;pointer-events:none;align-items:start;padding:30px 0 20px}.case-disclosure>summary::after{display:none}
 .case-body .case-heading{max-width:1000px}.case-body p{font-size:19px}.case-images{align-items:start;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
 .case-images img{width:100%;height:auto;aspect-ratio:auto;max-height:none;object-fit:contain}.case-images .gallery-button{background:transparent}
 .page-process .detail-block img{max-height:none;width:100%;height:auto;object-fit:contain}
 .page-studio .founder-grid,.page-studio .collaborator-grid{gap:32px;align-items:start}
 .page-studio .founder-grid img,.page-studio .team-photo{aspect-ratio:4/3;width:100%;height:auto;max-height:none;object-fit:cover;object-position:center 22%}
 .page-studio .team-photo img{aspect-ratio:4/3;max-height:none;object-position:center 25%}
 .page-studio .founder-grid article>p:not(.eyebrow),.page-studio .collaborator-grid article>p:not(.eyebrow){font-size:18px;line-height:1.6;margin-top:18px}
 .page-studio .bio-more p{font-size:17px!important}.page-studio .bio-more{margin-top:14px}.page-studio .bio-more summary{font-weight:600}
 .credit-group{border:0;padding:0 0 24px}.credit-group>summary{pointer-events:none;cursor:default;font-weight:600;list-style:none;padding:0 0 14px;font-size:20px}.credit-group>summary::-webkit-details-marker{display:none}
 .credits-grid{gap:14px 40px}.credit-group ul{padding-bottom:0}.credit-group li{font-size:17px}
}
@media(min-width:761px) and (max-width:1200px){.masthead-grant{width:185px}.nav-inner{height:88px}.nav-links{top:88px;max-height:calc(100dvh - 88px)}.world-story p{font-size:23px}.partners .logo-row img{max-width:145px;max-height:85px}}
@media(min-width:1201px) and (max-width:1400px){.masthead-brand{gap:14px}.masthead-grant{width:168px}.nav-inner .wordmark{font-size:42px}.nav-links{gap:11px;font-size:14px}.nav-inner{gap:20px}}
.film-poster{width:100%;aspect-ratio:16/9;display:block;position:relative;overflow:hidden;padding:0;border:0;background:#111;color:white;cursor:pointer}
.film-poster>img{width:100%;height:100%;object-fit:cover;display:block}
.film-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:14px;background:#151a12e8;border:1px solid #ffffff80;padding:16px 22px;font-size:22px;white-space:nowrap}
.film-play>span{font-size:16px}.film-poster:focus-visible{outline:3px solid #b88635;outline-offset:4px}
.film-poster[hidden],.youtube-film iframe[hidden],.archive-more[hidden]{display:none!important}
@media(min-width:761px){.page-chapter-one [data-section="C02"]{display:block;width:100%}.page-music main>#contact{order:20}.developer-marks.desktop-only{display:flex!important}}

/* The official recipient bug keeps the small-screen masthead compact. */
.masthead-grant-bug{display:none}
@media(max-width:760px){.masthead-brand{gap:16px}.masthead-grant-bug{display:block;width:34px;height:auto;object-fit:contain;flex-shrink:0}}
