/* Feature pages (wardrobe / original) brought into the folio system.
   Loaded after worlds.css: same header, type roles, slash geometry and image grammar as home. */
.world-page { --mono: var(--f-latin); --sans: var(--f-sans); font-family: var(--f-sans); }
.world-page { --f-accent: var(--world-accent); }
.world-scarlet { --f-accent: #d6303c; }
.world-neon { --f-accent: #2fe0cf; }

/* Type: Japanese titles lead; the English plate is an index, not a poster. */
.world-kicker { font: 600 11px/1.5 var(--f-latin); font-stretch: 112%; letter-spacing: .16em; }
.world-display { font: 800 clamp(34px, 4.4vw, 68px)/.92 var(--f-latin); font-stretch: 118%; letter-spacing: -.035em; margin: 6px 0 22px; }
.world-display span { -webkit-text-stroke: 0; color: inherit; opacity: .55; }
.world-scarlet .world-display span { -webkit-text-stroke: 0; }
.world-title-block h1 { font: 700 clamp(34px, 4.6vw, 66px)/1.2 var(--f-sans); letter-spacing: -.01em; }
.world-side-label, .quiet-copy .quiet-word, .crown-copy .crown-word { display: none; }
.light-pair > div::before { font-family: var(--f-latin) !important; font-stretch: 116%; letter-spacing: -.02em; }

/* Image grammar: complete photo on a slanted colour plate (no rotation, no circles). */
.world-page .opening-picture::before { transform: none; inset: 5% -5% 7% 12%; clip-path: polygon(16% 0, 100% 0, 84% 100%, 0 100%); }
.crown-picture::before { display: none; }
.world-photo > a { overflow: hidden; }

/* Wardrobe: three cuts of the treasured garment, beside the complete photograph. */
.wardrobe-opening .opening-picture { display: grid; grid-template-columns: minmax(0, 1fr) minmax(120px, 26%); gap: 0 clamp(14px, 2vw, 26px); align-items: center; }
.wardrobe-opening .opening-picture::before { right: 22%; }
.garment-cuts { display: grid; gap: 14px; align-content: center; padding-bottom: 40px; }
.garment-cut { display: block; width: 100%; padding: 0; border: 0; background: none; color: inherit; text-align: left; cursor: pointer; }
.garment-cut .cut-window { background: #d9cfc0; }
.garment-cut .cut-label { display: flex; gap: 8px; align-items: baseline; margin-top: 5px; padding-left: var(--f-cut); font: 700 12px/1.45 var(--f-sans); }
.garment-cut .cut-label b { font: 800 11px/1 var(--f-latin); color: var(--f-accent); }
.garment-cut[aria-pressed="true"] .cut-window, .garment-cut:hover .cut-window { clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); }
.cuts-note { margin: 4px 0 0; font-size: 11px; line-height: 1.7; opacity: .75; }

/* Sections share spacing and the one-accent rule. */
.world-section { padding-inline: var(--f-gutter); }
.world-chapters { position: sticky; top: 60px; z-index: 20; }
.world-chapters a { font-weight: 700; text-decoration: none; }
.world-next { background: var(--f-accent); color: var(--f-ink); }
.world-next > a:not(.world-next-small) { text-decoration: none; }
.world-process { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 24px 6vw; align-items: end; }
.world-process { padding-block: clamp(56px, 7vw, 96px); }
.world-process h2 { margin: 0; font-size: clamp(26px, 3vw, 42px); line-height: 1.35; }
.world-process p { max-width: 34em; line-height: 1.9; }

@media (max-width: 860px) {
  .wardrobe-opening .opening-picture { grid-template-columns: 1fr; }
  .wardrobe-opening .opening-picture::before { right: -4%; bottom: 30%; }
  .garment-cuts { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; padding: 6px 0 0; }
  .cuts-note { grid-column: 1 / -1; }
  .garment-cut .cut-label { display: block; font-size: 11px; padding-left: 4px; }
  .garment-cut .cut-label b { display: block; }
  .world-chapters { top: 60px; }
  .world-process { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
  .world-opening::before { display: none; }
  .world-chapters { top: 80px; gap: 5vw; }
}
@media (prefers-reduced-motion: reduce) {
  .garment-cut .cut-window { transition: none; }
}