/* Atelier footage shares the site's ink, cream and clear-edged image language. */
.atelier-media{position:relative;display:block;overflow:hidden;isolation:isolate;aspect-ratio:var(--video-ratio,3/4);background:#e9e3d6;width:100%;margin:0}
.atelier-media>img,.atelier-media>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--video-focus,50% 50%);display:block}
.atelier-media>img{z-index:1;transition:opacity .3s ease}
.atelier-media[data-ready=true]:not([data-static=true])>img{opacity:0;pointer-events:none}
.atelier-media .atelier-video-toggle{position:absolute;z-index:2;bottom:16px;right:16px;display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:10px 15px;border:1px solid #fff8;border-radius:30px;background:#024767e8;color:#fff;font:500 13px/1.3 'DM Sans',sans-serif;cursor:pointer;box-shadow:0 2px 14px #0002}
.atelier-video-toggle[hidden]{display:none!important}
.atelier-video-toggle:focus-visible{outline:3px solid #fff;outline-offset:3px}
.atelier-video-toggle:hover{background:#024767}
.atelier-video-toggle>span:first-child{width:10px;height:12px;border-left:3px solid currentColor;border-right:3px solid currentColor}
.atelier-video-toggle[data-paused=true]>span:first-child{height:0;width:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:10px solid currentColor;border-right:0}
.atelier-feature{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;background:#f2ede3;color:#024767}
.atelier-feature .atelier-feature-copy{padding:clamp(28px,6vw,92px)}
.atelier-feature h2{font-family:Advercase,serif;font-weight:400;font-size:clamp(32px,3.8vw,58px);line-height:1.12;margin:18px 0 24px}
.atelier-feature p{line-height:1.7;max-width:46ch}
.atelier-feature .atelier-media{--video-ratio:4/5}
.atelier-feature .eyebrow{font-size:12px;letter-spacing:.14em}
.atelier-feature .button{margin-top:16px}
.atelier-feature-ink{background:#024767;color:#fff}
.atelier-feature-ink .eyebrow{color:#b6cdd7}
.atelier-feature-ink .button{border-color:#b6cdd7;color:#fff;background:transparent}
.atelier-process-film{margin:36px 0 0}
.atelier-process-film .atelier-media{--video-ratio:16/9}
.atelier-watch{padding:clamp(32px,6vw,84px);background:#e9e2d5;color:#024767;margin:0}
.atelier-watch-heading{max-width:730px;margin-bottom:32px}
.atelier-watch-heading h2{font:400 clamp(30px,3.8vw,52px)/1.14 Advercase,serif;margin:16px 0}
.atelier-watch-heading p{line-height:1.7}
.atelier-watch-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,4vw,56px)}
.atelier-watch-card{min-width:0}
.atelier-watch-card video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#132d39}
.atelier-watch-card .atelier-media,.atelier-article-player .atelier-media{--video-ratio:16/9}
.atelier-watch-card .atelier-media>video,.atelier-article-player .atelier-media>video{position:absolute;height:100%;aspect-ratio:auto;background:transparent}
.atelier-watch-card h3{font:400 clamp(24px,2.5vw,32px)/1.2 Advercase,serif;margin:22px 0 12px}
.atelier-watch-card p{line-height:1.65;max-width:52ch}
.atelier-watch-card a{color:inherit;text-underline-offset:4px}
.process-row figure>.atelier-media{height:auto}
.ve-atelier-images>.atelier-media{grid-area:1/1;min-width:0;align-self:center;--video-ratio:4/5;z-index:1}
@media(max-width:760px){
 .atelier-feature{grid-template-columns:1fr}
 .atelier-feature .atelier-media{--video-ratio:4/5;max-height:78vh}
 .atelier-feature .atelier-feature-copy{padding:32px 24px 40px}
 .atelier-watch-grid{grid-template-columns:1fr}
 .atelier-watch{padding:40px 22px}
 .atelier-process-film .atelier-media{--video-ratio:4/3}
 .atelier-media .atelier-video-toggle{bottom:12px;right:12px}
}
@media(prefers-reduced-motion:reduce){.atelier-media>img{transition:none;opacity:1!important}.atelier-media>video{visibility:hidden}.atelier-video-toggle{display:none!important}}
.atelier-article-player{margin-top:28px}
.atelier-article-player video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#132d39}
.atelier-article-player>p{font-size:14px!important;line-height:1.6!important;margin-top:14px!important}
.hero-photo>.atelier-media{height:100%;min-height:100%}
.atelier-team-feature .atelier-media{align-self:stretch;min-height:100%}
@media(prefers-reduced-motion:no-preference){
 .atelier-enter{opacity:0;transform:translateY(22px);transition:opacity .7s ease var(--atelier-delay,0ms),transform .8s cubic-bezier(.2,.65,.3,1) var(--atelier-delay,0ms)}
 .atelier-enter.atelier-entered{opacity:1;transform:none}
 .atelier-feature-copy .eyebrow:after{content:'';display:block;width:48px;height:1px;background:currentColor;margin-top:18px;transform:scaleX(0);transform-origin:left;transition:transform .8s ease .2s}
 .atelier-entered .atelier-feature-copy .eyebrow:after{transform:scaleX(1)}
 .atelier-watch-card a{display:inline-block;transition:transform .2s ease}
 .atelier-watch-card a:hover{transform:translateX(4px)}
 .atelier-watch-card video{transition:box-shadow .3s ease}
 .atelier-watch-card:focus-within video{box-shadow:0 0 0 3px #719cb6}
}
@media(max-width:760px){.hero-photo>.atelier-media{min-height:0}.atelier-team-feature .atelier-media{min-height:0;max-height:none;aspect-ratio:16/10}.atelier-enter{transform:translateY(12px)}}
@media(prefers-reduced-motion:reduce){.atelier-enter{opacity:1;transform:none;transition:none}}
/* Keep the whole horizontal team scene visible; never crop people on phones. */
.atelier-team-feature .atelier-media{align-self:center;min-height:0;aspect-ratio:16/9}
.atelier-team-feature .atelier-media>img,.atelier-team-feature .atelier-media>video{object-fit:contain}
@media(max-width:1100px){.atelier-team-feature{grid-template-columns:1fr}.atelier-team-feature .atelier-feature-copy{padding:36px 28px 44px}.atelier-team-feature .atelier-feature-copy p{max-width:64ch}.atelier-team-feature .atelier-media{max-height:none}}
.hero .hero-photo .atelier-media>img,.hero .hero-photo .atelier-media>video{inset:0;width:100%;height:100%;object-position:50% 38%}
@media(min-width:851px){.hero .hero-photo>.atelier-media{height:clamp(620px,52vw,780px);min-height:0;aspect-ratio:auto}}
/* Controls stay out of the picture; proximity, touch or keyboard focus reveals them. */
.atelier-media .atelier-video-toggle{opacity:0;pointer-events:none;transition:opacity .18s ease,background .18s ease}
.atelier-media[data-controls-visible=true] .atelier-video-toggle,
.atelier-media .atelier-video-toggle:focus-visible{opacity:1;pointer-events:auto}
/* A gentle light veil accompanies the last gesture; footage stays sharp and keeps its framing. */
.atelier-media:after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(140deg,rgba(255,255,255,.13),transparent 58%,rgba(233,226,213,.07));opacity:0;transition:opacity 1.1s ease}
.atelier-media[data-playback=settling]:after{opacity:.25}
.atelier-media[data-playback=complete]:after{opacity:1}
.atelier-media[data-video-playback=loop]:after,.atelier-media[data-static=true]:after{display:none}
@media(prefers-reduced-motion:reduce){.atelier-media:after{display:none}.atelier-media .atelier-video-toggle{transition:none}}