/* The original sculptures are the primary project visuals. */
.film-visual{display:block;container-type:normal;perspective:none;transform-style:flat}
.film-visual img,.film-visual video{object-fit:contain}
.film-visual:focus-visible{outline:2px solid var(--accent);outline-offset:5px}

/* Additional films dissolve into the page without a bezel, timer or player chrome. */
.project-cinema{position:relative;padding:28px var(--pad) 100px;overflow:hidden;background:var(--paper)}
.project-reel{width:min(86%,1100px);margin-inline:auto}
.film-project[data-layout=forward] .project-reel{margin-inline-start:8%;margin-inline-end:auto}
.film-project[data-layout=reverse] .project-reel{margin-inline-end:8%;margin-inline-start:auto}
.ambient-film{position:relative;aspect-ratio:16/9;isolation:isolate}
.motion-media{position:relative;display:block;width:100%;height:100%;overflow:hidden;
 -webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent),linear-gradient(0deg,transparent,#000 9%,#000 91%,transparent);
 -webkit-mask-composite:source-in;
 mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent),linear-gradient(0deg,transparent,#000 9%,#000 91%,transparent);
 mask-composite:intersect}
.ambient-film img,.ambient-film video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center}
.ambient-film video{opacity:0;transition:opacity .35s;pointer-events:none}
.ambient-film img{transition:opacity .35s}
.ambient-film.film-ready video{opacity:1}.ambient-film.film-ready img{opacity:0}
.ambient-film.is-film-static{transform:none!important;opacity:1!important}
.profile-media{min-width:0;display:grid;gap:40px}
.profile-media .profile-photo{width:78%;justify-self:end}
.profile-film{width:95%;margin:0;justify-self:start}
.playground-section{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center;padding:110px var(--pad);overflow:hidden;height:auto;min-height:640px;background:#171f25}
.playground-section .playground-image{position:relative;inset:auto;width:100%;height:auto;max-width:500px;aspect-ratio:1/1;z-index:0;margin:0}
.playground-image::after{display:none}
.playground-image:not(.film-ready) img{opacity:1}
.playground-section .playground-copy{position:relative;inset:auto;padding:0;max-width:510px;color:#f2f3ef;z-index:2}
.playground-copy h2{font-size:clamp(44px,4.4vw,72px)}
.playground-copy p{font-size:17px;line-height:1.8;margin-top:28px;color:#bcc8cc}
.playground-section::after{display:none}
.contact-stage{display:grid;grid-template-columns:1.15fr .85fr;gap:6%;align-items:center;padding-block:28px 50px}
.contact-stage .contact-heading{padding:0;margin:0;align-items:flex-start;gap:10px}
.cinematic-version .contact-stage .contact-heading h2{font-size:clamp(50px,6.6vw,105px)}
.contact-stage .contact-arrow{width:40px;height:40px;margin-top:10px;flex-shrink:0}
.identity-film{width:100%;margin:0}
@media(max-width:1000px){
 .profile-media{gap:28px}.project-reel{width:96%}
 .film-project[data-layout] .project-reel{margin-inline:2%}
}
@media(max-width:600px){
 .project-cinema{padding:12px 0 48px}
 .film-project[data-layout] .project-reel{width:100%;margin:0}
 .profile-media{width:100%;gap:35px}.profile-media .profile-photo{width:76%}.profile-film{width:92%;margin:0}
 .playground-section{display:flex;flex-direction:column-reverse;gap:48px;padding:76px var(--pad);min-height:0;align-items:stretch}
 .playground-section .playground-image{width:90%;align-self:center;max-width:370px}
 .playground-copy h2{font-size:44px}.playground-copy p{font-size:15px;margin-top:20px}
 .contact-stage{grid-template-columns:1fr;gap:44px;padding-block:30px 45px}
 .cinematic-version .contact-stage .contact-heading h2{font-size:13vw}
 .identity-film{width:90%;justify-self:center}
}
@media(prefers-reduced-motion:reduce){html:not(.motion-opted-in) .ambient-film{transform:none!important;opacity:1!important}}