/* Hallmark refinement | Originals are over. | Existing cotton-card identity, preserved product and gallery wiring. */
/* Critique: reverse gallery and footer interrupted the card; photographic layering made the surface feel artificial. */
:root{
 --card-stock:#f5f5f2;
 --card-ink:#171715;
 --card-muted:#51514a;
 --card-line:#b9bbb2;
 --card-highlight:#fefefa;
 --card-veil:rgb(245 245 242 / 85%);
 --card-press:0 -.65px .4px rgb(0 0 0 / 45%),.2px 1.2px .5px rgb(255 255 255 / 95%);
 --card-deep-press:0 -.9px .5px rgb(0 0 0 / 50%),.3px 1.5px .55px rgb(255 255 255 / 100%);
 --card-texture-size:448px;
}
html,body{overflow-x:clip}
.prelaunch :is(.campaign-gallery,.gallery-stage,.footer,.portrait-dialog,.film-sticky,.film-window,.hero-matchcut,.exhibition-close,.drawer,.search-dialog,.image-dialog){
 background-color:var(--card-stock);
 background-image:var(--paper);
 background-size:var(--card-texture-size);
 color:var(--card-ink);
 text-shadow:var(--card-press);
}
.prelaunch .campaign-gallery{border-block:1px solid var(--card-line)}
.prelaunch .shoot-heading :is(h2,p),.prelaunch .shoot-heading .shoot-total,
.prelaunch .shoot-toolbar button,.prelaunch .shoot-footer,.prelaunch .shoot-footer a,
.prelaunch .gallery-stage-caption :is(p,h3,button),.prelaunch .gallery-stage-controls button,
.prelaunch .campaign-gallery.is-contact-sheet .shoot-image figcaption,
.prelaunch .campaign-gallery.is-contact-sheet .shoot-image figcaption span:last-child,
.prelaunch .footer :is(h2,h3,p,a,span){color:var(--card-ink)}
.prelaunch .shoot-heading h2,.prelaunch .gallery-stage-caption h3,.prelaunch .footer h2{ text-shadow:var(--card-deep-press)}
.prelaunch .shoot-toolbar{border-color:var(--card-line)}
.prelaunch .shoot-toolbar button{color:var(--card-muted)}
.prelaunch .shoot-toolbar button[aria-pressed=true],.prelaunch .shoot-toolbar button:hover{color:var(--card-ink)}
.prelaunch .gallery-stage-caption{text-shadow:var(--card-press)}
.prelaunch .campaign-gallery .shoot-grid{scrollbar-color:var(--card-muted) var(--card-stock)}
.prelaunch .campaign-gallery .shoot-image button{opacity:.72;background:transparent}
.prelaunch .campaign-gallery .shoot-image button[aria-pressed=true]{border-color:var(--card-ink);opacity:1}
.prelaunch .campaign-gallery :is(button,a):focus-visible{outline-color:var(--card-ink)}
.prelaunch .footer{border-top:1px solid var(--card-line)}
.prelaunch .footer-bottom{color:var(--card-muted);border-color:var(--card-line)}
.prelaunch .portrait-dialog::backdrop{background:var(--card-stock)}
.prelaunch .portrait-dialog :is(button,h2,a,span){color:var(--card-ink)}
.prelaunch .portrait-dialog :is(button,a):focus-visible{outline-color:var(--card-ink)}
.prelaunch .portrait-dialog img{filter:none}
.prelaunch .button{
 background-color:var(--card-stock);background-image:var(--paper);background-size:var(--card-texture-size);
 color:var(--card-ink);border:1px solid var(--card-line);text-shadow:var(--card-press);letter-spacing:0;
}
.prelaunch .button:hover{background-color:var(--card-highlight);color:var(--card-ink);border-color:var(--card-ink)}
.prelaunch .button:focus-visible{outline:2px solid var(--card-ink);outline-offset:5px}
.prelaunch .button:disabled{color:var(--card-muted);border-color:var(--card-line)}
.prelaunch .masthead nav :is(a,button),.prelaunch .button,.prelaunch .text-link{text-transform:none;letter-spacing:0}
.prelaunch :is(h1,h2,h3){overflow-wrap:break-word;min-width:0}
/* The selected photograph stays intact. Its surrounding space is the same stock as the page. */
.prelaunch .gallery-open{background:transparent}
.prelaunch .gallery-stage-controls{background:transparent}
@media(min-width:701px){
 .prelaunch .gallery-stage-caption{padding:20px;left:1.5%;bottom:60px;background:var(--card-veil);max-width:235px}
 /* Keep the hero's subject registration, but drop the doubled, blurred duplicate photograph. */
 .prelaunch .hero-matchcut::before,.prelaunch .hero-matchcut .matchcut-frame::before{display:none}
 .prelaunch .hero-matchcut .matchcut-frame img{mask-image:linear-gradient(to right,transparent,var(--card-ink) 6%,var(--card-ink) 94%,transparent),linear-gradient(to bottom,transparent,var(--card-ink) 8%,var(--card-ink) 92%,transparent)}
 .prelaunch-home.is-film-top .masthead{background:transparent;color:var(--card-ink);text-shadow:var(--card-press)}
 .prelaunch-home.is-film-top .masthead .brand-lockup img{filter:drop-shadow(.2px 1px .35px var(--card-highlight))!important}
 .prelaunch .film-window .film-shade{background:none}
 .prelaunch .film-intro-copy{color:var(--card-ink);text-shadow:var(--card-press);padding:20px;background:var(--card-veil);left:5.5%;max-width:42%}
 .prelaunch .film-intro-copy h1{color:var(--card-ink);text-shadow:var(--card-deep-press)}
 .prelaunch .film-bottom{color:var(--card-ink);text-shadow:var(--card-press)}
 .prelaunch .film-scroll span{background:var(--card-ink)}
 .prelaunch .scene-picker select{background:var(--card-veil);color:var(--card-ink);border-color:var(--card-line)}
}
@media(max-width:700px){
 .prelaunch .gallery-stage-caption{background:transparent}
 .prelaunch .gallery-stage-controls button,.prelaunch .gallery-stage-caption button{color:var(--card-ink)}
}
@media(forced-colors:active){.prelaunch .button,.prelaunch .gallery-stage-caption{background:Canvas;color:CanvasText}.prelaunch :is(.campaign-gallery,.gallery-stage,.footer,.portrait-dialog){background:Canvas;color:CanvasText;text-shadow:none}}

.prelaunch .button:active{transform:translateY(1px)}
.prelaunch :is(h1,h2,h3){text-wrap:balance}
:root{--card-clear:rgb(245 245 242 / 0%);--card-fade:rgb(245 245 242 / 97%)}
.prelaunch .footer :is(h2,h3,p,a,span){opacity:1}
.prelaunch-home:not(.is-film-top) .masthead,.prelaunch-home:not(.is-film-top) .masthead :is(a,button,span){color:var(--card-ink);text-shadow:var(--card-press)}
.prelaunch .exhibition-close::after{background:linear-gradient(0deg,var(--card-stock),var(--card-fade) 24%,var(--card-clear) 77%)}
.prelaunch .closing-copy :is(h2,p),.prelaunch .closing-availability,.prelaunch .closing-sequence-controls,.prelaunch .closing-sequence-controls button{color:var(--card-ink);text-shadow:var(--card-press)}
.prelaunch .closing-copy h2{text-shadow:var(--card-deep-press)}
.prelaunch .closing-copy .button:focus-visible{outline-color:var(--card-ink)}
