/* Open atelier: a composed work surface. Only the homepage opening is scoped here. */
.nf-site .at-hero{padding-top:32px}
.nf-site .at-hero-head{margin-bottom:0}
.nf-site .at-hero h1{font-size:clamp(56px,5.1vw,78px);overflow-wrap:anywhere}
.nf-site .at-hero-actions{max-width:100%}
.nf-site .at-hero-actions .at-button{max-width:100%;white-space:normal}
.nf-site .at-hero-actions .at-service-entry{max-width:100%}
.nf-site .at-opening{position:relative;background:#dedcf0;display:flex;flex-direction:column}
.nf-site .at-opening .at-scene-heading{order:-1}
.at-opening-start{position:absolute;inset-block-start:20%;inset-inline-start:50%;width:1px;height:1px;pointer-events:none}
.nf-site .at-opening .at-scene-heading{position:relative;inset:auto;min-height:60px;margin:0;padding:8px 22px;gap:12px;background:transparent;box-sizing:border-box}
.nf-site .at-opening .at-scene-credit{max-width:none}
.nf-site .at-opening .at-motion-control{position:static;width:44px;height:44px;padding:10px;color:#343b2f;border:1px solid #a7a3c2;border-radius:50%;display:grid;place-items:center;background:transparent;cursor:pointer;flex-shrink:0}
.nf-site .at-opening .at-motion-control[hidden]{display:none}
.at-opening .at-motion-control svg{width:22px;height:22px}
.at-opening [data-control-icon]{display:none}
.at-opening [data-state=pause] [data-control-icon=pause],.at-opening [data-state=play] [data-control-icon=play],.at-opening [data-state=replay] [data-control-icon=replay]{display:block}
.at-opening .at-control-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.nf-site .at-opening-scene{position:relative;width:100%;aspect-ratio:1200/520;overflow:hidden}
.at-opening-stage,.at-opening-poster{display:block;width:100%;height:100%}
.at-opening-stage{position:absolute;inset:0}
.at-opening-poster img{display:block;width:100%;height:100%;object-fit:contain}
.at-opening-scene[data-enhanced=true] .at-opening-poster{visibility:hidden}
.at-opening-scene:not([data-enhanced=true]) .at-opening-stage{visibility:hidden}
@media(hover:hover) and (pointer:fine){.at-opening .at-motion-control:hover{background:#faf4e980;border-color:#343b2f}}
.at-opening .at-motion-control:focus-visible{outline:3px solid #064cff;outline-offset:4px}
@media(min-width:1150px){
 .nf-site .at-hero-head{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);grid-template-rows:20px auto;gap:18px 64px;align-items:start}
 .nf-site .at-hero-context{grid-column:1;margin:0}
 .nf-site .at-hero h1{grid-column:1;font-size:clamp(54px,4.65vw,72px)}
 .nf-site .at-hero-intro{grid-column:2;grid-row:1/3;display:block;margin-top:0}
 .nf-site .at-hero-intro>p{font-size:14px;line-height:1.7}
 .nf-site .at-hero-actions{margin-top:20px;align-items:flex-start}
 .nf-site .at-hero-actions .at-service-entry{font-size:12px;align-self:flex-start}
 .nf-site .at-hero-actions .at-button{min-height:48px;padding:12px 20px}
 .nf-site .at-hero-head>.at-opening{grid-column:1/-1;grid-row:3;margin-top:12px}
}
@media(min-width:761px) and (max-width:1149px){
 .nf-site .at-hero-head{display:grid;grid-template-columns:1fr;gap:0}
 .nf-site .at-hero-intro{grid-row:3}
 .nf-site .at-hero-head>.at-opening{grid-row:4;margin-top:30px}
}
@media(max-width:760px){
 /* Keep the reordered opening in one continuous section, through its actions. */
 .nf-site .at-hero{width:100%;padding-inline:20px;background:#dedcf0}
 .nf-site .at-hero h1{font-size:clamp(39px,7.8vw,59px)}
 .nf-site .at-opening{margin:20px -20px 0}
 .nf-site .at-opening .at-scene-heading{order:0;padding:4px 20px 8px;min-height:48px}
 .nf-site .at-opening .at-scene-credit{font-size:12px;line-height:1.5}
 .nf-site .at-opening-scene{aspect-ratio:750/820}
 .at-opening-start{inset-block-start:94%}
 .nf-site .at-hero-bottom{margin-top:28px;padding:18px 0 24px;border-top:1px solid #b8b5cd}
 .nf-site .at-hero-bottom a{width:100%;justify-content:space-between}
 .nf-site .at-hero-bottom a span{flex-shrink:0;border-color:#b8b5cd}
 .nf-site .at-hero + .at-offers{padding-top:48px}
}