#atelier-entry[hidden]{display:none!important}
/* Option A: the large signature dissolves before header identity and copy enter. */
.atelier-header .identity,.atelier-header .header-controls,.atelier-header .header-caption,.story-copy,.journey-footer{transition:opacity 450ms ease-out}
html.entry-active .identity,html.entry-active .header-controls,html.entry-active .header-caption,html.entry-active .story-copy,html.entry-active .journey-footer{opacity:0!important;pointer-events:none;transition:none}
.identity img{object-fit:contain}
/* Decoration sits behind usable content; it never owns focus or scrolling. */
#atelier-entry{position:fixed;inset:0;z-index:1;pointer-events:none;opacity:1;transition:opacity 900ms cubic-bezier(.4,0,.2,1)}
#atelier-entry::before{content:"";position:absolute;inset:0;background:#11120f;opacity:1}
#atelier-entry video,#atelier-entry img,#atelier-entry canvas{position:absolute;left:50%;top:max(12px,env(safe-area-inset-top));transform:translateX(-50%);display:block;width:min(100vw,calc((100svh - 24px)*16/9));height:auto;aspect-ratio:16/9;object-fit:contain;background:transparent;pointer-events:none}
#atelier-entry.entry-portrait video,#atelier-entry.entry-portrait img,#atelier-entry.entry-portrait canvas{width:min(100vw,calc((100svh - 24px)*9/14));aspect-ratio:9/14}
#atelier-entry.entry-leaving{opacity:0}
#atelier-entry video[hidden],#atelier-entry img[hidden],#atelier-entry canvas[hidden]{display:none!important}
/* Option A: one continuous porcelain header, original ungraded identity. */
.atelier-header{background:#f6eee1;color:#252724;transition:opacity 450ms ease-out}
html.entry-active .atelier-header{opacity:0;pointer-events:none;transition:none}
.atelier-header .identity::before{content:none}
.atelier-header .identity img{filter:none;background:transparent}
.atelier-header .header-caption{color:#625c53}
.atelier-header .header-controls :is(a,button){color:#252724;border-bottom:1px solid transparent;min-height:44px;display:inline-flex;align-items:center;transition:color 180ms ease,border-color 180ms ease}
.atelier-header .header-controls :is(a,button):is(:hover,:active,:focus-visible,[aria-expanded="true"]){color:rgb(35.00061%,78.382874%,80.81665%);border-bottom-color:currentColor}
.atelier-header .header-controls :is(a,button):focus-visible{outline:2px solid #183c5c;outline-offset:4px}
/* Preserve the brush film with a shorter dissolve. */
@media(prefers-reduced-motion:reduce){#atelier-entry{transition:opacity 220ms ease-out}.atelier-header,.atelier-header .identity,.atelier-header .header-controls,.atelier-header .header-caption,.story-copy,.journey-footer{transition:opacity 200ms ease-out}}