/* Shared responsive layer, loaded after page styles. */
*,*::before,*::after{box-sizing:border-box}
html,body{max-width:100%;overflow-x:clip}
img,video{max-width:100%}
.elmnt-source-prose,.elmnt-source-section-title,.elmnt-work-card{min-width:0}
@media(max-width:1024px){
 body{--elmnt-pad:clamp(20px,4vw,40px)}
 .elmnt-header{column-gap:16px;padding-inline:var(--elmnt-pad)}
 .elmnt-header .wp-block-navigation__container{gap:18px}
 .elmnt-source-editorial{gap:5%!important}
 .elmnt-source-prose{overflow-wrap:anywhere}
 .elmnt-work-grid{padding-inline:var(--elmnt-pad)}
 .elmnt-work-cards{gap:24px 18px}
}
@media(max-width:700px){
 .elmnt-header{display:grid!important;grid-template-columns:1fr auto auto;gap:10px 18px!important;padding:18px 20px!important;align-items:center}
 .elmnt-header .elmnt-logo{width:100px!important;max-width:100%;margin:0!important}
 .elmnt-header>.wp-block-navigation{grid-row:2;grid-column:1/-1;width:100%;margin:0!important;justify-content:center}
 .elmnt-header .wp-block-navigation__responsive-container{display:block!important;position:static!important;background:transparent!important}
 .elmnt-header .wp-block-navigation__responsive-container-open,.elmnt-header .wp-block-navigation__responsive-container-close{display:none!important}
 .elmnt-header .wp-block-navigation__responsive-container-content{padding:0!important;display:block!important}
 .elmnt-header .wp-block-navigation__container{display:flex!important;flex-direction:row!important;justify-content:center;gap:24px!important}
 .elmnt-header .wp-block-navigation-item__content{font-size:14px!important;padding:8px 0!important}
 .elmnt-header .elmnt-language-switch{grid-row:1;grid-column:2;gap:12px}
 .elmnt-header .elmnt-palette-toggle{grid-row:1;grid-column:3;margin:0!important;min-width:30px;min-height:36px}
 .elmnt-language-switch button{min-height:36px}
 .elmnt-home-film{min-height:480px}
 .elmnt-home-film h1{font-size:clamp(30px,7.5vw,48px)!important;bottom:24%;left:20px;max-width:calc(100% - 40px);line-height:1.08}
 .elmnt-home-film .elmnt-scroll-invite{right:20px;bottom:8%;padding:10px 0;gap:12px;max-width:calc(100% - 40px)}
 .elmnt-home-film .elmnt-scroll-invite-title{font-size:13px!important}
 .elmnt-home-film .elmnt-scroll-arrow{font-size:30px}
 .elmnt-featured-hybrid .elmnt-drive-experiment header{left:20px;top:24px;max-width:calc(100% - 40px)}
 .elmnt-drive-info{right:20px!important;left:20px!important;bottom:20px!important}
 .elmnt-home-intro.elmnt-source-editorial,.elmnt-about-light .elmnt-source-editorial{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:28px!important;width:calc(100% - 40px)!important;margin:35px 20px!important;padding:0!important}
 .elmnt-source-section-title h3{font-size:clamp(25px,6.5vw,34px)!important;max-width:100%;line-height:1.15}
 .elmnt-source-editorial .elmnt-source-prose{padding:24px!important;width:100%;max-width:100%}
 .elmnt-source-prose p{font-size:15px!important;line-height:1.6!important}
 .elmnt-source-prose p:first-child{font-size:20px!important;line-height:1.4!important}
 .elmnt-source-about>h1{font-size:clamp(30px,7.5vw,46px)}
 .elmnt-about-directors .elmnt-directors-live .director-name{font-size:clamp(25px,6.3vw,42px);white-space:normal}
 .elmnt-about-directors .elmnt-directors-live{padding-inline:20px!important}
 .elmnt-mountain-label{max-width:125px;overflow-wrap:anywhere}
 .page-template-work .elmnt-project-filters{top:134px!important;left:20px;right:20px;display:flex;flex-wrap:wrap;gap:8px 14px;max-width:calc(100% - 40px)}
 .page-template-work .elmnt-work-switch{top:215px!important;right:20px;left:auto;gap:18px;padding:0}
 .elmnt-project-filters button,.elmnt-work-switch button{font-size:12px!important;min-height:32px}
 .elmnt-work-grid{padding:265px 20px 40px!important}
 .elmnt-work-cards{grid-template-columns:minmax(0,1fr)!important;gap:20px}
 .elmnt-work-card img,.elmnt-work-card video{aspect-ratio:16/10}
 .elmnt-work-full .elmnt-showcase{height:100dvh!important;min-height:640px}
 .elmnt-showcase-picker{top:45%!important;width:calc(100% - 40px)!important;max-height:37dvh!important;left:20px!important}
 .elmnt-showcase-caption{left:20px!important;bottom:7%!important;max-width:calc(100% - 40px)}
 .elmnt-showcase-caption h2{font-size:clamp(28px,7vw,42px)!important;overflow-wrap:anywhere}
 .elmnt-contact-dialog{width:calc(100% - 24px)!important;max-width:560px;max-height:calc(100dvh - 24px)!important;overflow-y:auto!important;overflow-x:hidden!important;padding:22px!important}
 .elmnt-contact-dialog .elmnt-source-contact{grid-template-columns:1fr!important;gap:22px!important;padding:0!important}
 .elmnt-contact-dialog h2{font-size:42px!important}
 .elmnt-contact-dialog .elmnt-source-form{gap:18px 14px!important;grid-template-columns:1fr 1fr}
 .elmnt-contact-dialog :is(input,textarea){font-size:16px!important;min-width:0}
 .elmnt-contact-dialog textarea{height:110px!important;min-height:90px!important}
 .elmnt-footer-bottom{flex-wrap:wrap;gap:12px;padding-inline:20px!important}
 .elmnt-footer-bottom p{font-size:11px!important}
 .elmnt-project-heading,.elmnt-project-details,.elmnt-project-credits{padding-inline:20px!important}
}
@media(max-width:380px){.elmnt-contact-dialog .elmnt-source-form{grid-template-columns:1fr}.elmnt-header .wp-block-navigation__container{gap:18px!important}}
@media(max-height:550px) and (orientation:landscape){.elmnt-home-film{min-height:100dvh}.elmnt-home-film h1{font-size:6vw!important}.elmnt-contact-dialog{overflow-y:auto!important}.page-template-about .elmnt-about-directors .elmnt-directors-live{min-height:420px;max-height:none}}

/* Mobile layouts verified against the actual project and contact content. */
@media(max-width:700px){
 .elmnt-work-grid .elmnt-work-card .elmnt-work-caption{display:block!important;position:relative!important;inset:auto!important;opacity:1!important;visibility:visible!important;transform:none!important;filter:none!important;background:none!important;padding:12px 0!important;color:#161716!important;mix-blend-mode:normal!important}
 .elmnt-work-grid .elmnt-work-caption h2{font-size:17px!important;color:#161716!important;line-height:1.3;letter-spacing:-.025em}
 .elmnt-work-grid .elmnt-work-caption p{font-size:12px!important;color:#626660!important;margin-top:5px}
 .elmnt-work-full .elmnt-showcase-picker ol{max-height:34dvh!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain;scrollbar-width:none}
 .elmnt-work-full .elmnt-showcase-picker ol::-webkit-scrollbar{display:none}
 .elmnt-project-credits.elmnt-source-prose p,.elmnt-project-credits.elmnt-source-prose p:first-child{font-size:14px!important;line-height:1.65!important}
 .elmnt-contact-dialog .elmnt-source-form{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}
 .elmnt-contact-dialog .elmnt-source-form .elmnt-form-message,.elmnt-contact-dialog .elmnt-source-form>button,.elmnt-contact-dialog .elmnt-source-form>p{grid-column:1/-1!important;width:100%!important;box-sizing:border-box}
 .elmnt-contact-dialog .elmnt-source-form>button{min-height:48px;white-space:normal}
 .elmnt-contact-dialog .elmnt-source-form>p{font-size:12px!important}
 .elmnt-mountain-stage .elmnt-mountain-label{transform:none!important;top:12%!important;width:29%!important;max-width:none!important;min-width:0!important;font-size:10px!important;line-height:1.4!important}
 .elmnt-mountain-stage .elmnt-mountain-label:nth-of-type(1){left:3%!important}
 .elmnt-mountain-stage .elmnt-mountain-label:nth-of-type(2){left:35.5%!important}
 .elmnt-mountain-stage .elmnt-mountain-label:nth-of-type(3){left:68%!important}
 .elmnt-mountain-stage .elmnt-mountain-label span,.elmnt-mountain-stage .elmnt-mountain-label strong{font-size:10px!important;line-height:1.4!important}
}
@media(max-width:380px){.elmnt-contact-dialog .elmnt-source-form{grid-template-columns:minmax(0,1fr)!important}}
@media(max-width:700px){
 .elmnt-work-grid .elmnt-work-card{height:auto!important;aspect-ratio:auto!important;overflow:hidden;display:block!important}
 .elmnt-work-grid .elmnt-work-card>img{position:relative!important;inset:auto!important;width:100%!important;height:auto!important;aspect-ratio:16/10!important;object-fit:cover}
 .elmnt-work-grid .elmnt-work-card>video{height:auto!important;aspect-ratio:16/10!important;bottom:auto!important}
}

/* Keep the HDD inside its section while preserving the entrance over the film. */
.home .elmnt-home-featured-stage.elmnt-featured-hybrid{clip-path:inset(-45vh 0 0 0)}
@media(max-width:1024px){
 .home .elmnt-home-featured-stage.elmnt-featured-hybrid{height:115svh!important}
 .elmnt-featured-hybrid .elmnt-drive-scene{max-width:100%;touch-action:pan-y}
 .elmnt-drive-info{bottom:24px!important;right:24px!important;max-width:calc(100% - 48px)}
}
@media(max-width:700px){
 .home .elmnt-home-featured-stage.elmnt-featured-hybrid{height:108svh!important}
 .elmnt-drive-info{left:20px!important;right:20px!important;text-align:right}
 .elmnt-hdd-preview{max-width:calc(100vw - 56px);width:250px}
}
@media(max-width:700px){.elmnt-featured-hybrid .elmnt-drive-info{display:none!important}}
/* The former showcase controls must not return under the HDD on touch screens. */
.home .elmnt-home-featured-stage.elmnt-featured-hybrid .elmnt-showcase-caption,
.home .elmnt-home-featured-stage.elmnt-featured-hybrid .elmnt-drive-controls,
.home .elmnt-home-featured-stage.elmnt-featured-hybrid .elmnt-drive-project,
.home .elmnt-home-featured-stage.elmnt-featured-hybrid .elmnt-drive-hint,
.home .elmnt-home-featured-stage.elmnt-featured-hybrid .elmnt-showcase-bottom{display:none!important}
/* Compact project navigation above the HDD for touch-sized layouts. */
@media(max-width:700px){
 .home .elmnt-home-featured-stage.elmnt-featured-hybrid .elmnt-drive-project{display:block!important;position:absolute!important;top:92px!important;bottom:auto!important;left:20px!important;right:20px!important;width:auto!important;margin:0!important;text-align:left!important;color:#161716!important;font-family:Montserrat,sans-serif!important;font-size:20px!important;font-weight:500;line-height:1.25;letter-spacing:-.035em;z-index:35}
 .home .elmnt-home-featured-stage.elmnt-featured-hybrid .elmnt-drive-controls{display:flex!important;position:absolute!important;top:136px!important;bottom:auto!important;left:14px!important;right:auto!important;gap:16px!important;color:#30332f!important;z-index:35}
 .home .elmnt-featured-hybrid .elmnt-drive-controls button{display:block;width:44px;height:44px;padding:0;background:transparent;border:0;color:inherit;font-size:22px}
 .home .elmnt-featured-hybrid .elmnt-drive-controls span{font:12px/1.4 Datatype,monospace!important;color:inherit}
 .home .elmnt-featured-hybrid .elmnt-drive-controls button:focus-visible,.home .elmnt-featured-hybrid .elmnt-drive-project:focus-visible{outline:1px solid #30332f;outline-offset:3px}
}
@media(max-width:700px){
 .home .elmnt-home-featured-stage.elmnt-featured-hybrid .elmnt-drive-experiment header{left:20px!important;right:20px!important;max-width:none!important;text-align:center}
 .home .elmnt-featured-hybrid .elmnt-drive-signal{margin-left:auto;margin-right:auto}
 .home .elmnt-home-featured-stage.elmnt-featured-hybrid .elmnt-drive-controls{left:20px!important;right:20px!important;top:90px!important;justify-content:center!important;width:auto!important}
 .home .elmnt-home-featured-stage.elmnt-featured-hybrid .elmnt-drive-project{top:auto!important;bottom:12%!important;left:24px!important;right:24px!important;text-align:center!important}
}