/* Readability refinement scoped to the current Atelier version. */
.atelier-title p,.studio-heading>p,.studio-current>p,.studio-selection p,.studio-footnote p,.intro p,.market-copy p,.craft-copy p,.impact p,.contact p,.film-heading p{font-size:clamp(18px,1.3vw,22px);line-height:1.65}
.studio-current>p{max-width:480px}.studio-current h3{font-size:clamp(38px,3.2vw,54px)}.studio-controls{padding:30px 7% 32px}.studio-current{margin-top:36px}.studio-heading>p{max-width:420px}.studio-frame,.studio-view{min-height:720px}
.config-option{font-size:18px;min-height:54px;padding:14px 20px}.studio-selection p{font-size:18px}.studio-selection>.micro,.studio-current>.eyebrow{font-size:12px}.studio-actions .pill,.studio-actions .line-link,.studio-footnote .line-link,.atelier-title .line-link,.pill,.line-link,.hero-personalise{font-size:16px;line-height:1.5}.studio-actions{flex-wrap:wrap}.studio-footnote p{max-width:700px}.studio-steps button{font-size:14px}.hero-worlds button{font-size:16px}.hero-worlds button sup{font-size:10px}.hero-worlds{gap:24px}.object-caption p{font-size:22px}.object-caption>span:first-child{font-size:11px}.film-toggle{font-size:14px}.footer-top p{font-size:16px}
.hero-worlds[data-auto-worlds] button:before{content:'';position:absolute;left:0;right:0;bottom:4px;height:1px;background:currentColor;opacity:.2}.hero-worlds[data-auto-worlds] button:after{right:0;transform:scaleX(0);transform-origin:left;transition:none;height:2px}.hero-worlds[data-auto-worlds] button[aria-pressed=true]:after{transform:scaleX(var(--world-progress,0))}.hero-worlds .worlds-pause{min-width:44px;min-height:44px;padding:8px;font-size:20px;border:1px solid #123f5b44;line-height:1}.hero-worlds .worlds-pause:before,.hero-worlds .worlds-pause:after{display:none}.hero-worlds .worlds-pause:focus-visible{outline:2px solid currentColor;outline-offset:3px}
@media(max-width:1100px){.atelier-hero .hero-bottom{flex-wrap:wrap;gap:15px}.hero-worlds{gap:18px}.studio-steps{gap:12px;flex-wrap:wrap}.studio-steps button{font-size:13px}.config-option{font-size:17px}.studio-view,.studio-frame{min-height:750px}}
@media(max-width:600px){.atelier-title p{font-size:16px}.studio-heading>p,.studio-current>p,.studio-footnote p,.intro p,.market-copy p,.craft-copy p,.impact p,.contact p,.film-heading p{font-size:18px}.studio-current h3{font-size:38px}.studio-controls{padding:24px 22px;min-height:540px}.studio-view{min-height:440px}.studio-frame{min-height:0}.studio-steps{gap:8px}.studio-steps button{font-size:12px}.config-option{font-size:17px}.studio-actions .pill,.studio-actions .line-link,.studio-footnote .line-link,.pill,.line-link{font-size:16px}.hero-worlds{gap:9px;flex-wrap:wrap;justify-content:flex-start;align-items:center}.hero-worlds button{font-size:14px}.hero-worlds button sup{font-size:8px}.hero-worlds .worlds-pause{margin-left:auto}.atelier-hero{min-height:880px}.object-caption{bottom:22%}.atelier-hero #glass-stage{bottom:17%}.hero-personalise{font-size:14px}.object-caption p{font-size:18px}}

/* Center the film introduction and restore the space left by hidden labels. */
.intro{display:block}
.intro>div{width:100%;max-width:1180px;margin-inline:auto}
.intro h2{max-width:100%;text-wrap:balance}
.intro-bottom{align-items:center;gap:48px}
.intro-bottom p{flex:1;max-width:660px;min-width:0}
.intro-bottom>.line-link{flex:none;white-space:nowrap;font-size:18px;min-height:48px}
.material-film .film-heading{display:flex;flex-direction:column;align-items:center;gap:24px;max-width:1180px;margin:0 auto 45px;text-align:center}
.material-film .film-heading h2{max-width:100%;font-size:clamp(40px,4.8vw,76px);text-wrap:balance}
.material-film .film-heading p{max-width:680px;grid-column:auto}
@media(max-width:600px){.intro-bottom>.line-link{font-size:16px;white-space:normal}.material-film .film-heading{gap:20px;margin-bottom:28px}.material-film .film-heading h2{font-size:clamp(32px,9.5vw,44px)}}

.collection-photo>div{right:45px}
.collection-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;min-height:52px;margin-top:28px;padding:14px 24px;background:#fff;color:#063c66;border-radius:2px;font-size:16px;line-height:1.5;transition:background .2s}
.collection-photo:hover .collection-cta,.collection-photo:focus-visible .collection-cta{background:#e8eff1}
@media(max-width:600px){.collection-photo>div{right:25px}.collection-cta{max-width:100%;gap:24px;margin-top:24px;padding:14px 20px}}

/* Align the production square with the complete introduction text block. */
.intro .intro-layout{display:grid;grid-template-columns:minmax(0,1fr) clamp(340px,28vw,420px);align-items:stretch;gap:clamp(48px,5vw,80px);max-width:1320px}
.intro .intro-copy{min-width:0;display:flex;flex-direction:column;justify-content:space-between}
.intro .intro-bottom{display:flex;flex-direction:column;align-items:flex-start;gap:24px;margin-top:32px}
.intro .intro-bottom>.line-link{margin-top:0}
.intro .intro-production{position:relative;width:100%;max-width:none;aspect-ratio:1;align-self:start;overflow:hidden;background:#141d20;border-radius:4px}
.intro-production video{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.intro .intro-production .film-toggle{position:absolute;right:12px;bottom:12px;display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid #ffffff70;border-radius:50%;background:#081b2666;color:#fff;font-size:0;backdrop-filter:blur(8px)}
.intro .intro-production .film-toggle span{font-size:18px}
@media(max-width:1100px){.intro .intro-layout{grid-template-columns:1fr;gap:36px}.intro .intro-production{justify-self:start;max-width:280px}}
