.aeterna-collection{scroll-margin-top:90px}
.aeterna-tagline{margin:1rem 0 0;color:#bdb6aa;font-family:Italiana,Georgia,serif;font-size:1.6rem}
.aeterna-set{background:#f0ece4;color:#171612}
.aeterna-set h3,.aeterna-individual-head h3{font-family:Italiana,Georgia,serif;font-size:clamp(2rem,3.5vw,3.3rem);font-weight:400;margin:0 0 1rem;line-height:1.1}
.aeterna-set>.atelier-work-copy{max-width:850px;margin:auto;padding:clamp(1.5rem,4vw,3rem)}
.aeterna-image{position:relative;margin:0;background:#e5dfd4}
.aeterna-image button{display:block;width:100%;border:0;padding:0;background:transparent;cursor:zoom-in;position:relative}
.aeterna-image img{display:block;width:100%;height:auto;object-fit:contain}
.aeterna-image button>span{position:absolute;right:1rem;top:1rem;padding:.6rem .8rem;background:#11100ed9;color:#f5efe6;font-size:.65rem;letter-spacing:.1em;text-transform:uppercase}
.aeterna-image figcaption{position:absolute;bottom:0;left:0;right:0;padding:1.7rem 1rem .7rem;background:linear-gradient(transparent,#090806bd);color:#eee8de;font-size:.65rem;letter-spacing:.08em;pointer-events:none}
.aeterna-individual-head{margin:4rem 0 2rem}.aeterna-individual-head p{color:#bdb6aa;line-height:1.7}
.aeterna-individuals{grid-template-columns:repeat(3,minmax(0,1fr))}.aeterna-individuals .atelier-work-concept{min-height:9em}
.aeterna-individuals .atelier-work h3{font-size:clamp(1.8rem,2.7vw,2.8rem)}
.aeterna-measure{font-size:.82rem;color:#71695e;line-height:1.6;margin:1.3rem 0}
.aeterna-cta{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.9rem 1.25rem;border:1px solid #9c8357;text-align:center}
.aeterna-cta:focus-visible,.aeterna-image button:focus-visible{outline:2px solid #9c8357;outline-offset:3px}
@media(max-width:1000px) and (min-width:781px){.aeterna-individuals{grid-template-columns:1fr}.aeterna-individuals .atelier-work{display:grid;grid-template-columns:1fr 1fr}.aeterna-individuals .atelier-work-concept{min-height:0}}
@media(max-width:780px){.aeterna-set{margin:0 6vw}.aeterna-individual-head{padding:0 6vw;margin-top:3rem}.aeterna-individuals .atelier-work-concept{min-height:0}.aeterna-individuals .aeterna-image{aspect-ratio:auto}.aeterna-cta{width:100%}}

/* Keep Atelier inside the viewport; only its artwork rails scroll sideways. */
html.atelier-viewport{max-width:100%;overflow-x:hidden}
html.atelier-viewport body{width:100%;max-width:100%;overflow-x:hidden}
@supports(overflow:clip){html.atelier-viewport,html.atelier-viewport body{overflow-x:clip}}
.atelier-viewport #app{width:100%;max-width:100%;min-width:0}
.atelier-viewport #app>section{max-width:100%;min-width:0}
.atelier-viewport .atelier-collection-head>*,
.atelier-viewport .atelier-intro-copy,
.atelier-viewport .atelier-work-copy,
.atelier-viewport .atelier-work-grid,
.atelier-viewport .artwork-marquee-row{min-width:0}
.atelier-viewport .atelier-work-grid,
.atelier-viewport .artwork-marquee-row,
.atelier-viewport .atelier-collection-nav{max-width:100%;overscroll-behavior-x:contain}
.aeterna-set{min-width:0}
.aeterna-image img{max-width:100%}
.aeterna-collection p,.aeterna-collection dd{overflow-wrap:anywhere}
@media(max-width:780px){
  .atelier-viewport .atelier-work-grid{width:100%;box-sizing:border-box}
  .aeterna-individuals .atelier-work{flex:0 0 87vw;max-width:87vw;min-width:0}
  .aeterna-set{width:auto;max-width:calc(100% - 12vw)}
}

/* Atelier has two independently controlled, bidirectional artwork rails. */
.atelier-viewport .artwork-marquee--atelier{display:block}
.atelier-viewport .atelier-auto-rail{overflow-x:auto;overflow-y:hidden;scroll-snap-type:none;scroll-behavior:auto;overscroll-behavior-x:contain;scrollbar-width:none;touch-action:pan-x pan-y;cursor:grab}
.atelier-viewport .atelier-auto-rail::-webkit-scrollbar{display:none}
.atelier-viewport .atelier-auto-rail:active{cursor:grabbing}
.atelier-viewport .atelier-auto-rail.is-manual{scroll-snap-type:x proximity}
.atelier-viewport .atelier-auto-rail .artwork-marquee-card{scroll-snap-align:start}
.atelier-viewport .atelier-auto-rail:focus-visible{outline:2px solid #c7aa72;outline-offset:-2px}
@media(min-width:781px){.atelier-viewport .artwork-marquee--atelier .artwork-marquee-card{width:clamp(220px,23vw,340px);flex-basis:clamp(220px,23vw,340px);max-width:340px}}
