/* A paper cover: typography, a complete photographic plate, two loose prints. */
.fp-cover {
  --fp-paper:#f5f5f3; --fp-ink:#080808; --fp-muted:#50504d;
  position:relative; isolation:isolate; color:var(--fp-ink); background:var(--fp-paper);
  overflow:clip; border:0; scroll-margin-top:72px;
}
.fp-cover ::selection { color:var(--fp-paper); background:var(--fp-ink); }
.fp-cover :focus-visible { outline:2px solid var(--fp-ink); outline-offset:7px; }
/* The fixed mobile control follows the header's existing paper/ink switch. */
.editorial-home .site-header.is-on-content .menu-toggle { color:inherit; }
.fp-stage { position:relative; height:101vw; max-height:none; }
.fp-index { position:absolute; z-index:6; top:4.2vw; left:4.2%; right:4.2%; display:flex; justify-content:space-between; align-items:center; gap:24px; }
.fp-index p,.fp-index a { margin:0; font-size:clamp(10px,.8vw,13px); line-height:1.4; letter-spacing:.12em; text-transform:uppercase; }
.fp-index a { display:flex; align-items:center; gap:16px; min-height:44px; }
.fp-index a:hover { text-decoration:underline; text-underline-offset:5px; }
.editorial-home .fp-title { position:absolute; z-index:5; top:10vw; left:4%; margin:0; font-family:'Archivo Hero',Archivo,sans-serif; font-size:12vw; font-weight:700; font-synthesis:none; line-height:.84; letter-spacing:-.025em; pointer-events:none; }
.fp-title__line { display:block; overflow:clip; padding-bottom:.07em; margin-bottom:-.07em; }
.fp-title__line > span { display:block; width:fit-content; }
.fp-title__line--last { margin-left:.015em; }
.fp-photo { display:block; perspective:1200px; }
.fp-photo--main { position:absolute; top:29.4vw; left:23%; width:73%; z-index:2; }
.fp-photo__drift,.fp-photo__surface { display:block; }
.fp-photo__surface { overflow:clip; transform:rotateX(var(--fp-tilt-x,0deg)) rotateY(var(--fp-tilt-y,0deg)); transition:transform .7s cubic-bezier(.16,1,.3,1); }
.fp-photo img { display:block; width:100%; height:auto; aspect-ratio:1215 / 1800; object-fit:contain; transition:transform 1s cubic-bezier(.16,1,.3,1); }
.fp-photo--main img { aspect-ratio:1800 / 1215; }
.fp-insert { position:absolute; z-index:4; }
.fp-insert--hair { left:6%; top:52.5vw; width:20%; }
.fp-insert--mirror { left:77%; top:74.3vw; width:15%; }
.fp-insert figcaption { display:flex; justify-content:space-between; align-items:center; gap:8px; margin-top:12px; font-size:clamp(9px,.7vw,12px); line-height:1.5; letter-spacing:.06em; text-transform:uppercase; }
.fp-insert figcaption svg { width:16px; height:16px; flex:none; }
.fp-caption { position:absolute; z-index:6; left:35%; top:84.3vw; width:31%; max-width:430px; }
.fp-caption p { margin:0; max-width:35ch; font-size:clamp(15px,1.3vw,21px); line-height:1.45; letter-spacing:-.015em; text-transform:none; }
.fp-link { display:flex; justify-content:space-between; align-items:center; gap:32px; width:100%; min-height:56px; margin-top:24px; padding-block:9px; border-bottom:1px solid #b2b2ae; font-size:clamp(12px,1vw,16px); line-height:1.4; letter-spacing:.09em; text-transform:uppercase; }
.fp-link svg { width:29px; height:29px; transition:transform .4s cubic-bezier(.16,1,.3,1); }
.fp-link:hover svg,.fp-link:focus-visible svg { transform:translate(3px,-3px); }
.fp-chrome { position:absolute; z-index:3; inset:0; pointer-events:none; }
.fp-chrome canvas.sw-chrome__canvas { position:sticky; top:0; width:100%; height:100svh; display:block; opacity:0; transition:opacity .65s ease; }
.fp-chrome-ready .fp-chrome canvas { opacity:1; }
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
  .fp-photo:hover img { transform:scale(1.012); }
  .fp-cover:has(.fp-photo--main:hover) .fp-link { border-color:var(--fp-ink); }
  .fp-cover:has(.fp-photo--main:hover) .fp-link svg { transform:translate(3px,-3px); }
}
@media(min-width:701px) and (max-width:1024px) {
  .fp-stage { height:108vw; }
  .fp-index { top:5vw; }
  .editorial-home .fp-title { top:12vw; }
  .fp-photo--main { top:31.4vw; }
  .fp-insert--hair { top:56vw; }
  .fp-insert--mirror { top:78vw; width:17%; left:75%; }
  .fp-caption { top:86vw; left:33%; width:34%; }
  .fp-caption p { font-size:15px; }
  .fp-link { margin-top:16px; }
}
@media(max-width:700px) {
  .fp-stage { height:auto; display:grid; grid-template-columns:1fr 1fr; column-gap:18px; padding:34px 20px 58px; }
  .fp-index { position:relative; top:auto; left:auto; right:auto; grid-column:1 / -1; align-items:center; gap:12px; margin-bottom:28px; }
  .fp-index p,.fp-index a { font-size:9px; letter-spacing:.08em; }
  .fp-index a { gap:8px; }
  .editorial-home .fp-title { position:relative; top:auto; left:auto; grid-column:1 / -1; font-size:12.05vw; line-height:.88; margin:0 0 26px; }
  .fp-photo--main { position:relative; top:auto; left:auto; width:calc(100% + 40px); margin-left:-20px; grid-column:1 / -1; }
  .fp-insert { position:relative; top:auto; left:auto; width:auto; margin:0; }
  .editorial-home .fp-insert--hair { grid-column:1; margin-top:30px; }
  .editorial-home .fp-insert--mirror { grid-column:2; margin-top:90px; }
  .fp-insert figcaption { margin-top:10px; font-size:8px; letter-spacing:.035em; gap:4px; }
  .fp-insert figcaption svg { width:14px; height:14px; }
  .fp-caption { position:relative; top:auto; left:auto; width:auto; max-width:none; grid-column:1 / -1; margin-top:42px; padding-inline:0; }
  .fp-caption p { max-width:34ch; font-size:16px; }
  .fp-link { margin-top:24px; min-height:56px; font-size:12px; }
  .fp-link svg { width:26px; height:26px; }
}
@media(prefers-reduced-motion:reduce) {
  .fp-photo__surface,.fp-photo img,.fp-link svg,.fp-chrome canvas.sw-chrome__canvas { transition:none; }
}
