/* Master artboard: 1214 × 1295. Values below are measured reference coordinates. */
.selected-work {
  --sw-ground:#050505; --sw-ink:#f8f8f6; --sw-ease:cubic-bezier(.16,1,.3,1);
  --sw-title-size:var(--sw-reference-title-size,10.54vw);
  position:relative; isolation:isolate; color:var(--sw-ink); background:var(--sw-ground);
  scroll-margin-top:0; border:0;
}
.sw-stage { position:relative; height:106.67216vw; overflow:clip; }
.sw-heading { position:absolute; z-index:5; left:4.6952%; top:8.0725vw; width:44%; }
.sw-eyebrow,.sw-description,.sw-exit a {
  font-size:clamp(9px,.82372vw,14px); font-weight:500; line-height:1.6;
  letter-spacing:.13em; text-transform:uppercase;
}
.sw-eyebrow { margin:0 0 .8vw; }
.editorial-home .sw-heading h2 {
  font-family:'Archivo Hero',var(--sans); font-weight:700; font-size:var(--sw-title-size);
  line-height:.80; letter-spacing:-.035em; margin:0 0 2.3vw -.24vw; text-transform:uppercase;
}
.sw-title-line { display:block; width:fit-content; transform:scaleX(1.09); transform-origin:left center; }
.sw-description { margin:1.9vw 0 0; color:var(--sw-ink); }
.sw-project { position:absolute; z-index:2; display:block; left:var(--photo-x); top:var(--photo-y); width:var(--photo-width); -webkit-tap-highlight-color:transparent; }
.sw-project--singula { --photo-x:50.49423%; --photo-y:7.33114vw; --photo-width:28.17133%; --photo-ratio:342 / 530; }
.sw-project--beauty { --photo-x:4.94234%; --photo-y:38.71499vw; --photo-width:26.93575%; --photo-ratio:327 / 358; }
.sw-project--nss { --photo-x:35.25535%; --photo-y:52.05931vw; --photo-width:32.20758%; --photo-ratio:391 / 517; }
.sw-project--cina { --photo-x:77.51236%; --photo-y:50.24712vw; --photo-width:19.60461%; --photo-ratio:238 / 367; }
.sw-image { display:block; position:relative; aspect-ratio:var(--photo-ratio); overflow:hidden; background:#161616; }
.sw-image img { display:block; width:100%; height:100%; object-fit:cover; object-position:var(--photo-position,50% 50%); transition:transform .85s var(--sw-ease); }
.sw-caption { display:block; position:relative; z-index:5; margin-top:1.36vw; padding-right:2.3vw; white-space:nowrap; }
.sw-name { display:block; font-size:clamp(14px,1.565vw,26px); font-weight:500; line-height:1.15; width:fit-content; letter-spacing:-.035em; text-transform:uppercase; }
.sw-subtitle { display:block; width:fit-content; margin-top:.25vw; font-size:clamp(10px,.865vw,14px); line-height:1.5; }
.sw-caption svg { position:absolute; right:0; top:0; width:1.6vw; height:1.6vw; min-width:16px; min-height:16px; transition:transform .45s var(--sw-ease); }
.sw-project--singula .sw-caption { position:absolute; left:108.77%; top:39.81%; width:58.5%; margin-top:0; padding-right:2vw; }
.sw-project--singula .sw-name { font-size:clamp(11px,1.2356vw,22px); letter-spacing:-.025em; }
.sw-project--nss .sw-caption { position:absolute; top:82.98%; left:-39.13%; margin:0; padding:0 1.8vw 1.6vw 0; width:67%; }
.sw-project--nss .sw-name { font-size:2.9654vw; letter-spacing:-.035em; }
.sw-project--nss .sw-subtitle { margin-top:.8vw; }
.sw-project--nss .sw-caption svg { right:30.5%; top:4.1vw; }
.sw-project--cina .sw-caption { margin-top:.66vw; }
.sw-exit { position:absolute; z-index:5; left:4.86%; top:93.7%; }
.sw-exit a { display:inline-flex; align-items:center; min-height:44px; font-size:clamp(8px,.74135vw,12px); transition:opacity .3s; }
.sw-exit a:hover { opacity:.65; }
/* A single shared viewport canvas; photo depth and corner guards live in 3D. */
.sw-chrome { position:absolute; z-index:3; inset:0; pointer-events:none; }
.sw-chrome__canvas { position:sticky; top:0; display:block; width:100%; height:100svh; visibility:hidden; }
.sw-chrome-ready .sw-chrome__canvas { visibility:visible; }
.selected-work a:focus-visible { outline:2px solid var(--sw-ink); outline-offset:7px; }
.selected-work ::selection { color:var(--sw-ground); background:var(--sw-ink); }
@media(hover:hover) and (pointer:fine) {
 .sw-project:hover .sw-image img,.sw-project:focus-visible .sw-image img { transform:scale(1.025); }
 .sw-project:hover .sw-caption svg,.sw-project:focus-visible .sw-caption svg { transform:translate(2px,-2px); }
}
@media(min-width:701px) and (max-width:1000px) {
 .sw-name { font-size:1.7vw; }
 .sw-project--singula .sw-caption { left:103.5%; width:66%; }
 .sw-project--singula .sw-name { font-size:1.25vw; }
 .sw-subtitle { font-size:1.1vw; }
}
@media(max-width:700px) {
 .selected-work { --sw-title-size:21.1vw; }
 .sw-stage { display:flex; flex-direction:column; height:auto; padding:76px 6% 110px; gap:58px; }
 .sw-heading { position:relative; inset:auto; width:100%; margin-bottom:0; }
 .sw-eyebrow { font-size:10px; margin:0 0 18px; }
 .editorial-home .sw-heading h2 { margin:0 0 26px -.5vw; line-height:.86; }
 .sw-description { font-size:10px; margin:0; line-height:1.65; }
 .sw-project { position:relative; inset:auto; flex-shrink:0; }
 .sw-project--singula { width:83%; align-self:flex-end; }
 .sw-project--beauty { width:78%; align-self:flex-start; margin-top:6px; }
 .sw-project--nss { width:91%; align-self:flex-end; margin-top:14px; }
 .sw-project--cina { width:64%; align-self:flex-start; margin-top:14px; }
 .sw-project .sw-caption { position:relative; inset:auto; width:100%; margin:12px 0 0; padding:0 28px 0 0; white-space:normal; }
 .sw-project .sw-name { font-size:18px; line-height:1.1; }
 .sw-project--nss .sw-name { font-size:27px; }
 .sw-project .sw-subtitle { font-size:11px; margin-top:5px; }
 .sw-project .sw-caption svg { width:20px; height:20px; right:0; top:0; }
 .sw-exit { position:relative; inset:auto; margin-top:6px; }
 .sw-exit a { font-size:9px; }
}
@media(prefers-reduced-motion:reduce) {
 .sw-image img,.sw-caption svg,.sw-exit a { transition:none; }
 .sw-project:hover .sw-image img,.sw-project:hover .sw-caption svg { transform:none; }
}

/* Match the reference navigation only while this spread passes the header. */
@media(min-width:701px) {
 .editorial-home:has(.selected-work[data-header-active]) .site-header { height:76px; min-height:76px; padding-inline:4.6952%; }
 .editorial-home:has(.selected-work[data-header-active]) .site-header .wordmark { font-size:20px; }
 .sw-project--singula img { scale:1.34; }
 .sw-project--nss img { scale:1.09; translate:-1.5% 0; }
}