/* EAD's original process photography, composed as one client journey. */
.atelier-journey{--journey-pad:clamp(24px,5vw,72px);color:#f5f4ef;background:#101614}
.atelier-journey .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.atelier-journey :is(.atelier-opening,.atelier-story,.atelier-stage){position:relative;isolation:isolate;overflow:hidden}
.atelier-opening{display:grid;align-items:end;min-height:clamp(520px,44vw,680px)}
.atelier-opening>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 58%;z-index:-2}
.atelier-journey :is(.atelier-opening,.atelier-story,.atelier-stage):after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#0000 20%,#0004 48%,#000d 100%);z-index:-1;pointer-events:none}
.atelier-opening-copy{padding:220px var(--journey-pad) 60px;text-align:center;max-width:880px;margin:auto}
body.ea-site.atelier-edition .atelier-opening h1{font-size:clamp(30px,3.2vw,46px);max-width:none;margin:0 auto 18px;line-height:1.25}
body.ea-site.atelier-edition .atelier-opening p{max-width:48ch;margin:0 auto 24px;color:#f5f4ef}
.atelier-process-heading{padding:56px var(--journey-pad) 24px;text-align:center}
body.ea-site.atelier-edition .atelier-process-heading h2{margin:0 auto 12px}
.atelier-process-heading p{margin:0 auto;max-width:54ch}
.atelier-stage-nav{display:flex;justify-content:center;gap:clamp(8px,3vw,44px);padding:0 var(--journey-pad) 28px}
.atelier-stage-nav[hidden],.atelier-process-controls[hidden]{display:none}
.atelier-stage-nav button{appearance:none;border:0;background:transparent;color:#c7ccc7;font:inherit;font-size:15px;padding:12px 4px;min-height:44px;cursor:pointer;transition:color .2s}
.atelier-stage-nav button[aria-current]{color:#d3ba7b}
.atelier-stage-nav button:hover{color:#f5f4ef}
.atelier-process-track{display:flex;position:relative;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none}
.atelier-process-track::-webkit-scrollbar{display:none}
.atelier-stage{flex:0 0 100%;display:grid;align-items:end;min-width:0;min-height:clamp(480px,44vw,640px);scroll-snap-align:start;scroll-snap-stop:always}
.atelier-stage>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--crop) 44%;z-index:-2}
.atelier-stage-copy{padding:270px var(--journey-pad) 52px;width:100%;max-width:840px}
body.ea-site.atelier-edition .atelier-stage-copy h3{font-size:clamp(25px,2.2vw,32px);max-width:none;margin:0 0 16px}
.atelier-stage-copy p{color:#f5f4ef;max-width:46ch;margin:0}
.atelier-process-controls{display:flex;justify-content:space-between;align-items:center;padding:12px var(--journey-pad) 28px;gap:20px}
body.ea-site.atelier-edition .atelier-process-controls p{font-size:13px;margin:0}
.atelier-process-controls>div{display:flex;gap:20px;align-items:center}
.atelier-process-controls span{font-size:13px;font-variant-numeric:tabular-nums}
.atelier-process-controls button{display:grid;place-items:center;background:transparent;border:0;color:#f5f4ef;width:44px;height:44px;font-size:24px;cursor:pointer;transition:background .2s}
.atelier-process-controls button:hover{background:#25312a}
.atelier-process-controls button:disabled{opacity:.3;cursor:default}
.atelier-story{min-height:580px;display:grid;align-items:end}
.atelier-story-images{position:absolute;inset:0;z-index:-2}
.atelier-story-images img{height:100%;width:100%;object-fit:cover;object-position:center 35%}
.atelier-story-copy{padding:300px var(--journey-pad) 52px;width:100%;text-align:center}
body.ea-site.atelier-edition .atelier-story-copy h2{margin:0 auto 16px}
.atelier-story-copy p{color:#f5f4ef;max-width:44ch;margin:0 auto 18px}
.atelier-story-copy .text-link{color:#f5f4ef}
.atelier-next{display:grid;grid-template-columns:1.5fr 1fr;align-items:center;gap:80px;padding:72px var(--journey-pad);max-width:1400px;margin:auto}
body.ea-site.atelier-edition .atelier-next h2{margin:0 0 18px}
.atelier-next p{max-width:42ch;margin:0 0 24px}
.atelier-next-location{justify-self:end;font-size:16px}
.atelier-next address{font-style:normal;line-height:1.8;margin-bottom:20px}
.atelier-next-location .text-link{display:flex;margin-top:8px;width:fit-content}
.atelier-journey :is(button,a,[tabindex]):focus-visible{outline:2px solid #d3ba7b;outline-offset:-4px}
@media(max-width:700px){
 .atelier-opening{min-height:540px}
 .atelier-opening-copy{padding:240px 24px 48px}
 .atelier-process-heading{padding-top:40px}
 .atelier-stage-nav{gap:8px;justify-content:space-between;padding-bottom:20px}
 .atelier-stage-nav button{font-size:13px;padding-inline:0}
 .atelier-stage{min-height:520px}
 .atelier-stage-copy{padding:270px 24px 40px}
 .atelier-stage-copy p{max-width:33ch}
 .atelier-process-controls{padding-top:8px;padding-bottom:22px}
 .atelier-process-controls>div{gap:10px}
 .atelier-story{min-height:520px}
 .atelier-story-images img{object-position:center 40%}
 .atelier-story-copy{padding:270px 24px 40px}
 .atelier-next{grid-template-columns:1fr;gap:32px;padding:48px 24px}
 .atelier-next-location{justify-self:start}
}
@media(prefers-reduced-motion:reduce){.atelier-journey *{scroll-behavior:auto!important;transition:none!important}}
@media(max-width:360px){.atelier-stage-nav{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.atelier-stage-nav[hidden]{display:none}}