/* Local full-content study: production styles remain unchanged. */
.image-mode{display:flex;align-items:center;gap:12px;position:relative;z-index:4}
.image-mode button{min-height:32px;font-size:10px;letter-spacing:.12em;padding:0 4px;color:var(--muted)}
.image-mode button[aria-pressed=true]{color:var(--signal);border-bottom:1px solid var(--signal)}
.scene-top{align-items:center;top:12px;z-index:4}
.edit-collage-canvas{position:fixed;inset:0;z-index:0;overflow:hidden;isolation:isolate;pointer-events:none;background:#080908;opacity:0;visibility:hidden;transition:opacity .45s cubic-bezier(.2,.7,.2,1),visibility 0s linear .45s}
body[data-route="edit"] .edit-collage-canvas{opacity:1;visibility:visible;transition-delay:0s}
.edit-mobile-film{position:absolute;z-index:0;inset:0;display:none;width:100%;height:100%;max-width:none;object-fit:cover;object-position:52% 50%;background:#080908;pointer-events:none;filter:saturate(.88) contrast(1.04) brightness(.7)}
.edit-collage-frame{position:absolute;z-index:0;inset:0;display:block;width:100%;height:100%;border:0;background:#f4f0e8;pointer-events:none;filter:saturate(.9) contrast(1.04) brightness(.72)}
.edit-collage-shade{position:absolute;z-index:1;inset:0;background:linear-gradient(180deg,rgba(5,6,5,.86) 0,rgba(5,6,5,.42) 118px,rgba(5,6,5,.24) 48%,rgba(5,6,5,.74) 100%),linear-gradient(90deg,rgba(5,6,5,.74),rgba(5,6,5,.40) 52%,rgba(5,6,5,.62))}
.scene.is-360{min-height:540px}
.scene.is-360 .ambient{opacity:.11}
.scene.is-360 .hero-type{top:43%;transform:translateY(-50%);max-width:45%}
.scene.is-360 .hero-type h1{font-size:clamp(86px,11vw,172px)}
.scene.is-360 .scene-copy{max-width:44%;display:block;bottom:46px}
.scene.is-360 .open-study{margin-top:14px;max-width:205px;justify-content:space-between}
.scene.is-360 .scene-side{bottom:50px}
.hero-rotation{position:absolute;right:7%;top:50%;transform:translateY(-47%);width:min(38%,400px);z-index:2}
.hero-rotation[data-style="006"]{max-width:340px}
.hero-rotation-heading{display:flex;justify-content:space-between;gap:10px;font-size:8px;letter-spacing:.11em;color:var(--muted);margin-bottom:11px}
.hero-rotation-stage{position:relative;width:100%;aspect-ratio:1;isolation:isolate;overflow:hidden;background:#24241f;cursor:grab;touch-action:pan-y pinch-zoom;user-select:none;-webkit-user-select:none}
.hero-rotation-stage.is-dragging{cursor:grabbing}
#hero-rotation-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}
#hero-rotation-original{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:1;pointer-events:none;visibility:hidden}
.hero-rotation-stage.is-original #hero-rotation-original{visibility:visible}
.hero-rotation-cover{position:absolute;inset:0;z-index:3;visibility:hidden;pointer-events:none}
.hero-rotation-stage.is-cover .hero-rotation-cover{visibility:visible}
.hero-rotation-stage.is-cover #hero-rotation-fallback{visibility:hidden}
#hero-rotation-viewer{position:absolute!important;inset:0;width:100%!important;height:100%!important;z-index:2;opacity:0;touch-action:pan-y pinch-zoom}
#hero-rotation-viewer canvas{width:100%!important;height:100%!important;max-width:100%;object-fit:contain;display:block;touch-action:pan-y pinch-zoom}
.hero-rotation-stage.is-original #hero-rotation-viewer canvas{opacity:0}
.hero-rotation-stage.is-cover #hero-rotation-viewer canvas{opacity:0}
#hero-rotation-viewer .cloudimage-inner-box{width:100%;height:100%}
.hero-rotation-stage.is-ready #hero-rotation-viewer{opacity:1}
.hero-rotation-stage.is-ready #hero-rotation-fallback{visibility:hidden}
.hero-rotation-controls{display:flex;justify-content:space-between;align-items:center;min-height:44px;border-bottom:1px solid var(--line);font-size:10px;letter-spacing:.06em}
.hero-rotation-controls button{min-width:44px;min-height:44px;padding:0;font-size:23px}
.hero-rotation-controls button:disabled{cursor:default}
.hero-rotation-controls button:hover{color:var(--signal)}
#hero-rotation-hint{font-size:11px;text-align:center;margin-top:8px;color:var(--ink)}
#hero-rotation-status,.hero-rotation-disclosure{font-size:9px;color:var(--muted);text-align:center;margin-top:5px;line-height:1.5}
.scene.is-changing .hero-rotation{animation:softReveal .45s ease both}
@keyframes softReveal{from{opacity:.25}to{opacity:1}}
.section-directory{position:relative;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px 18px;padding:18px var(--pad);border-top:1px solid var(--line);overflow:visible}
.section-directory a{position:relative;z-index:0;font-size:10px;letter-spacing:.04em;min-height:30px;display:flex;align-items:center;gap:8px;color:var(--muted);transition:color .24s ease,font-weight .24s ease}
.section-directory a:hover{color:var(--signal)}
.section-directory a span{color:var(--signal);font:italic 16px var(--serif)}
.directory-lens{--lens-x:50%;--lens-y:50%;--glint-x:28%;--glint-y:20%;position:absolute;z-index:8;left:var(--lens-x);top:var(--lens-y);display:flex;width:136px;height:60px;align-items:center;justify-content:center;padding:0 13px;overflow:hidden;border:1px solid #d1e59a8a;border-radius:50%;background:radial-gradient(circle at var(--glint-x) var(--glint-y),#fff9 0 1px,#fff3 2px,transparent 9px),radial-gradient(ellipse at 50% 58%,#24291c 0,#11130f 70%);box-shadow:inset 0 1px 5px #fff2,inset 0 -7px 14px #0008,0 0 0 1px #0b0c0b99,0 0 28px #d1e59a18;opacity:0;visibility:hidden;transform:translate(-50%,-50%) scale(.82);transition:opacity .16s ease,transform .22s cubic-bezier(.2,.8,.2,1),visibility 0s linear .22s;pointer-events:none;white-space:nowrap}
.directory-lens:before{content:"";position:absolute;inset:4px 13px auto;height:17px;border-top:1px solid #fff7;border-radius:50%;opacity:.72;pointer-events:none}
.directory-lens:after{content:"";position:absolute;right:13px;bottom:8px;width:28px;height:8px;border-bottom:1px solid #d1e59a70;border-radius:50%;opacity:.65;pointer-events:none}
.directory-lens.is-visible{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1);transition-delay:0s}
.directory-lens-orbit{position:absolute;z-index:2;left:50%;top:50%;width:60px;height:60px;margin:-30px 0 0 -30px;border-radius:50%;opacity:0;pointer-events:none;transform-origin:50% 50%}
.directory-lens-orbit:before{content:"";position:absolute;left:50%;top:0;width:22px;height:5px;border-radius:999px;background:linear-gradient(90deg,transparent 0,#d1e59a 34%,#fff 72%,transparent 100%);box-shadow:0 0 5px #fff,0 0 13px #d1e59acc;transform:translateX(-50%) scaleX(.46);transform-origin:center}
.directory-lens.is-event-entry{animation:directoryEventGlow .82s cubic-bezier(.2,.72,.28,1) 1 both}
.directory-lens.is-event-entry .directory-lens-orbit{animation:directoryEventOrbit .82s cubic-bezier(.2,.72,.28,1) 1 both}
.directory-lens.is-event-entry .directory-lens-label{animation:directoryEventLabel .82s ease-out 1 both}
.directory-lens-label{position:relative;z-index:3;display:flex;align-items:center;justify-content:center;gap:9px;color:var(--ink);font:700 12.5px/1 var(--sans);letter-spacing:.04em;filter:url(#gds-directory-droplet);transform:scale(1.24,1.16);transform-origin:center;text-shadow:-.5px 0 #d1e59a55,.5px 0 #fff4}
.directory-lens-label span{color:var(--signal);font:italic 19px/1 var(--serif)}
.directory-lens-filter{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
@keyframes directoryEventOrbit{0%{opacity:0;transform:scaleX(2.16) rotate(-24deg)}12%{opacity:1}82%{opacity:1}100%{opacity:0;transform:scaleX(2.16) rotate(336deg)}}
@keyframes directoryEventGlow{0%,100%{box-shadow:inset 0 1px 5px #fff2,inset 0 -7px 14px #0008,0 0 0 1px #0b0c0b99,0 0 28px #d1e59a18}42%{box-shadow:inset 0 1px 6px #fff4,inset 0 -7px 14px #0008,0 0 0 1px #d1e59a99,0 0 34px #d1e59a4f}}
@keyframes directoryEventLabel{0%,100%{filter:url(#gds-directory-droplet);text-shadow:-.5px 0 #d1e59a55,.5px 0 #fff4}42%{filter:url(#gds-directory-droplet) brightness(1.22);text-shadow:0 0 8px #fff7,0 0 15px #d1e59a66}}
@media(hover:hover) and (pointer:fine){
  .section-directory a:hover,.section-directory a:focus-visible{z-index:3;color:var(--signal);font-weight:700}
  .section-directory a[data-event-entry]:focus-visible{outline:none}
}
.menu-locations{margin:-2px 0 22px;padding:15px 0 18px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.menu-locations>p{margin-bottom:13px;color:var(--signal);font-size:8px;letter-spacing:.14em}
.menu-locations>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.menu-locations a{position:relative;min-height:64px;padding:5px 28px 5px 15px;border-left:1px solid var(--line);display:grid;grid-template-columns:auto 1fr;align-content:center;gap:4px 10px}
.menu-locations a>span{grid-row:1/3;color:var(--signal);font-size:8px;align-self:center}
.menu-locations a strong{font-size:14px;font-weight:400}
.menu-locations a small{color:var(--muted);font-size:8px;line-height:1.45}
.menu-locations a i{position:absolute;top:7px;right:9px;color:var(--signal);font:italic 14px var(--serif)}
.menu-locations a:hover,.menu-locations a:focus-visible{background:var(--signal);color:var(--bg)}
.menu-locations a:hover>span,.menu-locations a:focus-visible>span,.menu-locations a:hover small,.menu-locations a:focus-visible small,.menu-locations a:hover i,.menu-locations a:focus-visible i{color:var(--bg)}
.archive-filter{display:flex;gap:12px;flex-wrap:wrap;margin:12px 0 22px}
.archive-filter button{border:1px solid var(--line);padding:10px 17px;font-size:10px;letter-spacing:.06em}
.archive-filter button[aria-pressed=true]{background:var(--signal);border-color:var(--signal);color:var(--bg)}
.archive-filter button:disabled{opacity:.36;cursor:not-allowed}
.archive-lines{display:grid;grid-template-columns:repeat(2,minmax(150px,260px));gap:0;margin:10px 0 24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);width:fit-content}
.archive-lines button{display:flex;align-items:baseline;justify-content:space-between;gap:46px;min-height:58px;padding:0 18px;border-right:1px solid var(--line);color:var(--muted);font-size:12px;letter-spacing:.1em}
.archive-lines button:first-child{border-left:1px solid var(--line)}
.archive-lines button b{font:italic 24px var(--serif);font-weight:400}
.archive-lines button[aria-pressed=true]{color:var(--ink);background:#ffffff08;box-shadow:inset 0 -2px var(--signal)}
#archive-status{color:var(--muted);margin:18px 0}
.content-status{display:block;font-size:8px;letter-spacing:.07em;margin-top:8px;color:var(--signal)}
.index-row h2{font-size:clamp(24px,3.1vw,48px);word-break:keep-all;overflow-wrap:anywhere}
.index-row img{object-fit:contain;height:140px;background:#1b1916;border:1px solid #ffffff12;filter:grayscale(.15) saturate(.86) brightness(.91) contrast(1.03);transition:filter .3s ease,border-color .3s ease}
.index-row:hover img,.index-row:focus-visible img{filter:grayscale(0) saturate(1.03) brightness(1) contrast(1.02);border-color:#d1e59a66;transform:none}
.pending-poster{max-height:440px;width:100%;object-fit:contain;margin:22px 0}
.result-card{align-items:start}
.result-card img{object-fit:contain;background:#181915;height:148px}
.result-card h2{font-family:var(--sans);font-size:21px;line-height:1.35;font-weight:500;word-break:keep-all}
.result-reason{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.source-link{display:block;width:fit-content;font-size:11px;padding:10px 0;color:var(--signal);border-bottom:1px solid var(--line)}
.menu-dialog nav{margin:22px 0;display:grid;grid-template-columns:1fr 1fr;gap:0 40px}
.menu-dialog nav a{font-size:clamp(30px,4.2vw,65px);gap:17px;min-width:0;flex-wrap:wrap;padding:16px 0}
.menu-dialog nav a>em{flex-basis:100%;margin-left:30px;font-size:11px;margin-top:-5px}
@media(hover:none),(pointer:coarse){.index-row img{filter:grayscale(0) saturate(.9) brightness(.96) contrast(1.03)}}
@media(prefers-contrast:more){.index-row img{filter:none;border-color:#ffffff80}}
@media(min-width:1600px){.scene.is-360{min-height:620px}.hero-rotation{right:12%}}
@media(min-width:761px) and (max-height:800px){.hero-rotation{width:min(36%,340px)}}
@media(max-width:1050px){.masthead>nav{gap:16px;font-size:10px}.scene.is-360 .scene-copy{max-width:43%;bottom:56px}.hero-rotation{right:6%;width:38%}.scene.is-360 .hero-type h1{font-size:12vw}}
@media(max-width:760px){
  .edit-view{min-height:calc(100svh - 72px)}
  .edit-collage-frame{display:none}
  .edit-mobile-film{display:block}
  .edit-mobile-film.is-mobile-finished{opacity:0;visibility:hidden}
  .edit-collage-shade{background:linear-gradient(180deg,rgba(5,6,5,.9) 0,rgba(5,6,5,.5) 102px,rgba(5,6,5,.3) 48%,rgba(5,6,5,.84) 100%),linear-gradient(90deg,rgba(5,6,5,.76),rgba(5,6,5,.46))}
  .menu-locations{margin-top:4px}
  .menu-locations>div{grid-template-columns:1fr}
  .menu-locations a{min-height:52px;border-left:0;border-top:1px solid var(--line);padding-left:2px}
  .scene.is-360{display:flex;flex-direction:column;min-height:0;padding:60px 19px 24px;gap:26px}
  .scene.is-360 .hero-type{position:relative;left:auto;top:auto;transform:none;max-width:100%;align-self:flex-start;pointer-events:none}
  .scene.is-360 .hero-type>.micro{margin-bottom:12px;font-size:8px}
  .scene.is-360 .hero-type h1{font-size:clamp(72px,19vw,140px)}
  .scene.is-360 .hero-type h1>em{font-size:.64em;line-height:1.05}
  .scene.is-360 .hero-rotation{position:relative;top:auto;right:auto;transform:none;width:min(100%,330px);margin-inline:auto}
  .scene.is-360 .scene-copy{position:relative;bottom:auto;left:auto;max-width:100%;display:block;border-top:1px solid var(--line);padding-top:20px}
  .scene.is-360 .scene-copy>p:first-child{font-size:12px}.scene.is-360 .scene-copy>p:nth-child(2){font-size:16px}
  .scene.is-360 .scene-copy>p:nth-child(2) br{display:none}
  .scene.is-360 .open-study{max-width:100%;width:100%;font-size:10px;margin-top:14px}
  .scene.is-360 .scene-side{display:none}.scene-top{left:18px;right:18px;top:12px;z-index:3}
  .scene-top .image-mode{display:flex}.image-mode{gap:8px}
  .hero-rotation-heading{font-size:8px}#hero-rotation-status{font-size:9px}
  .section-directory{justify-content:flex-start;flex-wrap:nowrap;gap:0;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none;padding-top:12px;padding-bottom:12px}.section-directory::-webkit-scrollbar{display:none}.section-directory a{font-size:9px;flex:0 0 auto;min-height:34px;padding-right:22px;transform-origin:left center}.directory-lens{display:none}.section-directory a:active{z-index:2;color:var(--ink);font-weight:700;transform:scale(1.22)}
  .index-row h2{font-size:22px}.index-row img{height:108px}.index-row{min-height:135px}
  .archive-filter{gap:7px}.archive-filter button{padding:10px 11px;font-size:9px}
  .archive-lines{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;margin-bottom:18px}.archive-lines button{gap:18px;min-height:52px;padding:0 13px;font-size:10px}.archive-lines button b{font-size:20px}
  .menu-dialog nav{display:block}.menu-dialog nav a{font-size:11vw;padding:16px 0}.menu-dialog nav a>em{margin-left:28px;padding-left:0}
  .result-card h2{font-size:21px}.result-card img{height:135px}
}
@media(max-width:350px){
  .scene.is-360[data-style="M003"] .hero-type h1{font-size:20vw}
}

/* THE EDIT keeps its interface in front while the six-second collage runs as
   the same kind of full-screen background used by the archive films. */
body[data-route="edit"] .edit-view{position:relative;z-index:1}
body[data-route="edit"] .edit-toolbar,
body[data-route="edit"] .selection-bar,
body[data-route="edit"] .site-footer{text-shadow:0 2px 14px #000d}
body[data-route="edit"] .scene{background:rgba(7,8,7,.18)}
body[data-route="edit"] .scene .ambient{display:none}
body[data-route="edit"] .scene:after{background:linear-gradient(180deg,#05060552 0,transparent 22%,transparent 64%,#050605b8 100%),linear-gradient(90deg,#050605e0 0,#05060591 32%,#05060535 62%,#05060578 100%)}
@media(prefers-reduced-motion:reduce){.edit-collage-canvas{transition:none}}
@media(prefers-reduced-motion:reduce){.directory-lens{transition:none}.directory-lens-label{filter:none}.directory-lens.is-event-entry{animation:none;box-shadow:inset 0 1px 5px #fff2,inset 0 -7px 14px #0008,0 0 0 1px #d1e59a99,0 0 28px #d1e59a38}.directory-lens.is-event-entry .directory-lens-orbit{animation:none;opacity:.72}.directory-lens.is-event-entry .directory-lens-label{animation:none}}
@media(prefers-contrast:more){.directory-lens{background:var(--bg);border-color:currentColor;box-shadow:none}.directory-lens-label{filter:none;text-shadow:none}}

/* Kinetic films: shared by THE INDEX and DISCOVER while a supported item is active. */
.index-film-canvas{position:fixed;inset:0;z-index:0;overflow:hidden;isolation:isolate;pointer-events:none;background:#080908;opacity:0;visibility:hidden;transition:opacity .45s cubic-bezier(.2,.7,.2,1),visibility 0s linear .45s;will-change:opacity}
.index-film-canvas.is-active{opacity:1;visibility:visible;transition-delay:0s}
.index-film-canvas video{position:absolute;z-index:0;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 50%;opacity:0;visibility:hidden;transition:opacity .18s ease}
.index-film-canvas video.is-current{opacity:1;visibility:visible}
.index-film-shade{position:absolute;z-index:1;inset:0;background:linear-gradient(180deg,rgba(5,6,5,.88) 0,rgba(5,6,5,.48) 118px,rgba(5,6,5,.24) 46%,rgba(5,6,5,.72) 100%),linear-gradient(90deg,rgba(5,6,5,.70),rgba(5,6,5,.42) 50%,rgba(5,6,5,.62))}
#main,.section-directory,.site-footer{position:relative;z-index:2}
.index-view{position:relative}
.index-view.has-film-bg .index-heading,.index-view.has-film-bg .archive-filter,.index-view.has-film-bg #archive-status,.index-view.has-film-bg .index-list,.index-view.has-film-bg .index-note{text-shadow:0 2px 14px #000c}
.index-view.has-film-bg .index-row{background:linear-gradient(90deg,rgba(5,6,5,.64),rgba(5,6,5,.25) 62%,rgba(5,6,5,.08))}
.discover-view{position:relative}
.discover-view.has-film-bg .discovery-top,.discover-view.has-film-bg .discovery-title,.discover-view.has-film-bg #discovery-form,.discover-view.has-film-bg .discovery-chips,.discover-view.has-film-bg .discovery-result-head,.discover-view.has-film-bg .discovery-results{text-shadow:0 2px 14px #000d}
.discover-view.has-film-bg .result-card{background:linear-gradient(90deg,rgba(5,6,5,.66),rgba(5,6,5,.28) 68%,rgba(5,6,5,.09));backdrop-filter:blur(2px)}
.discover-view .result-card.is-film-active{border-bottom-color:#d1e59a80}
.discover-view .result-card.is-film-active h2{color:var(--signal)}

/* 001 main canvas: full-bleed advertising artwork behind the intact 360 viewer. */
.scene-editorial-bg{position:absolute;z-index:-2;inset:0;overflow:hidden;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .4s ease,visibility 0s linear .4s}
.scene:is([data-style="010"],[data-style="001"],[data-style="007"],[data-style="M001"],[data-style="M002"]) .scene-editorial-bg{opacity:1;visibility:visible;transition-delay:0s}
.scene:is([data-style="010"],[data-style="001"]) .ambient{opacity:.82}
.scene:is([data-style="010"],[data-style="001"]).is-360 .ambient{opacity:.74}
.scene:is([data-style="010"],[data-style="001"]) .ambient img{object-position:50% 36%;filter:saturate(1.08) contrast(1.12) brightness(.72);transform:scale(1.08) translateX(-4%)}
.scene:is([data-style="010"],[data-style="001"]) .ambient:after{background:linear-gradient(90deg,#040604bf 0,#04060470 34%,#04060417 68%,#0406043d 100%),linear-gradient(0deg,#0405048c,transparent 38%)}
.scene:is([data-style="010"],[data-style="001"]):after{background:linear-gradient(90deg,#050706f0 0,#050706c2 25%,#0507064f 49%,#05070642 73%,#05070691 100%),linear-gradient(0deg,#070807e3 0,transparent 37%,#03060557 100%)}
.scene-bg-prism{position:absolute;inset:-3%;width:106%;height:106%;max-width:none;object-fit:cover;object-position:50% 36%;mix-blend-mode:screen;opacity:.14;filter:saturate(1.5) contrast(1.1);-webkit-mask-image:repeating-linear-gradient(90deg,#000 0 2.8vw,transparent 2.8vw 8.8vw);mask-image:repeating-linear-gradient(90deg,#000 0 2.8vw,transparent 2.8vw 8.8vw)}
.scene-bg-prism-a{transform:translateX(-1.2vw) scale(1.035);filter:hue-rotate(-18deg) saturate(1.7) contrast(1.12)}
.scene-bg-prism-b{transform:translateX(1.2vw) scale(1.035);filter:hue-rotate(32deg) saturate(1.75) contrast(1.12);-webkit-mask-position:4.4vw 0;mask-position:4.4vw 0}
.scene-bg-word{position:absolute;z-index:1;left:41%;top:51%;transform:translateY(-50%) scaleX(1.08);transform-origin:left;font:700 clamp(210px,31vw,520px)/.7 var(--display);letter-spacing:-.08em;white-space:nowrap;color:transparent;-webkit-text-fill-color:transparent;-webkit-text-stroke:1.3px #f7f4ec8a;text-stroke:1.3px #f7f4ec8a;opacity:.46;filter:drop-shadow(0 0 18px #0007)}
.scene-bg-word:before{content:attr(data-word);position:absolute;inset:0;color:transparent;-webkit-text-fill-color:transparent;-webkit-text-stroke:2px var(--signal);text-stroke:2px var(--signal);opacity:.52;filter:blur(5px);transform:translate(-.018em,-.009em)}
.scene-bg-frame{position:absolute;z-index:2;left:48%;top:11%;width:23%;height:70%;border:1px solid #f7f4ec55;box-shadow:0 18px 50px #0005}
.scene-bg-frame:before,.scene-bg-frame:after{content:"";position:absolute;width:34px;height:34px;border-color:var(--signal)}
.scene-bg-frame:before{left:-1px;top:-1px;border-left:2px solid var(--signal);border-top:2px solid var(--signal)}
.scene-bg-frame:after{right:-1px;bottom:-1px;border-right:2px solid var(--signal);border-bottom:2px solid var(--signal)}
.scene-bg-axis{position:absolute;z-index:2;left:54%;top:4%;bottom:5%;width:1px;background:linear-gradient(0deg,transparent,var(--signal) 17%,#fff 50%,var(--signal) 83%,transparent);opacity:.52}
.scene-bg-axis:after{content:"";position:absolute;left:-4px;top:39%;width:9px;height:9px;border-radius:50%;background:var(--signal);box-shadow:0 0 0 8px #d1e59a18,0 0 18px #d1e59a}
.scene-bg-scan{position:absolute;z-index:2;left:0;right:0;top:43%;height:9%;border-block:1px solid #d1e59a35;background:linear-gradient(90deg,transparent,#d1e59a0d 44%,#fff0 75%,transparent);backdrop-filter:contrast(1.1) saturate(1.08)}
.scene-bg-meta{position:absolute;z-index:3;left:54.8%;top:6%;font-size:7px;letter-spacing:.18em;color:#f7f4ec99;writing-mode:vertical-rl}
.scene:is([data-style="010"],[data-style="001"],[data-style="007"],[data-style="M001"],[data-style="M002"]).is-changing .scene-bg-prism-a{animation:mainBgPrismA .72s cubic-bezier(.2,.7,.2,1) both}
.scene:is([data-style="010"],[data-style="001"],[data-style="007"],[data-style="M001"],[data-style="M002"]).is-changing .scene-bg-prism-b{animation:mainBgPrismB .72s cubic-bezier(.2,.7,.2,1) both}
.scene:is([data-style="010"],[data-style="001"],[data-style="007"],[data-style="M001"],[data-style="M002"]).is-changing .scene-bg-word{animation:mainBgWord .72s cubic-bezier(.2,.7,.2,1) both}
@keyframes mainBgPrismA{from{opacity:0;translate:-5vw 0}to{opacity:.14;translate:0 0}}
@keyframes mainBgPrismB{from{opacity:0;translate:5vw 0}to{opacity:.14;translate:0 0}}
@keyframes mainBgWord{from{opacity:0;clip-path:inset(0 100% 0 0)}to{opacity:.46;clip-path:inset(0)}}
@media(max-width:760px){.scene:is([data-style="010"],[data-style="001"]) .ambient,.scene:is([data-style="010"],[data-style="001"]).is-360 .ambient{opacity:.43}.scene:is([data-style="010"],[data-style="001"]) .ambient img{object-position:50% 24%;filter:blur(1px) saturate(.9) contrast(1.12) brightness(.48);transform:scale(1.03)}.scene-bg-prism{object-position:50% 24%;opacity:.1;-webkit-mask-image:repeating-linear-gradient(90deg,#000 0 7vw,transparent 7vw 19vw);mask-image:repeating-linear-gradient(90deg,#000 0 7vw,transparent 7vw 19vw)}.scene-bg-prism-b,.scene-bg-frame,.scene-bg-meta{display:none}.scene-bg-word{left:28%;top:25%;font-size:52vw;opacity:.26}.scene-bg-axis{left:67%;top:4%;bottom:44%;opacity:.42}.scene-bg-scan{top:31%;height:8%}.scene:is([data-style="010"],[data-style="001"]):after{background:linear-gradient(0deg,#070807f7 0,#070807e8 27%,#0507069c 58%,#0507067d 100%),linear-gradient(90deg,#050706d9 0,#05070673 50%,#0507069e 100%)}}
.index-view.has-film-bg .index-row>span:first-child,.index-view.has-film-bg .index-name,.index-view.has-film-bg .index-tags{color:#d2d2ca}
.index-row.is-index-active{border-top-color:#d1e59a80}
.index-row.is-index-active h2{color:var(--signal)}

@media(max-width:760px){
  .index-film-canvas video{object-position:52% 50%}
  .index-film-canvas.is-mobile-finished video{opacity:0;visibility:hidden}
  .index-film-shade{background:linear-gradient(180deg,rgba(5,6,5,.92) 0,rgba(5,6,5,.55) 105px,rgba(5,6,5,.34) 48%,rgba(5,6,5,.82) 100%),linear-gradient(90deg,rgba(5,6,5,.78),rgba(5,6,5,.52))}
}
@media(prefers-reduced-motion:reduce){
  .index-film-canvas{transition:none}
  .index-film-canvas video{transition:none}
}
@media(prefers-contrast:more){
  .index-film-shade{background:rgba(5,6,5,.82)}
}

/* Archive cover plates: crop the legacy Women's templates into a compact
   editorial photograph, then rebuild the issue typography in HTML. */
.index-cover{
  --cover-accent:#d1e59a;
  --cover-accent-ink:#11130e;
  --cover-paper:#f2eee4;
  --cover-rail-width:31%;
  --cover-image-position:50% 43%;
  --cover-image-scale:1.28;
  --cover-image-scale-hover:1.34;
  position:relative;
  isolation:isolate;
  display:block;
  width:180px;
  height:140px;
  overflow:hidden;
  justify-self:start;
  color:var(--cover-paper);
  background:#141513;
  border:1px solid #ffffff2b;
  box-shadow:0 8px 24px #0004;
  line-height:1;
  transition:border-color .3s ease,box-shadow .3s ease;
}
.index-cover:before{
  content:"";
  position:absolute;
  z-index:1;
  inset:0 var(--cover-rail-width) 0 0;
  pointer-events:none;
  background:linear-gradient(180deg,#0506054d 0,transparent 38%,#05060517 57%,#050605b8 100%),linear-gradient(90deg,#05060540,transparent 54%);
}
.index-cover:after{
  content:"";
  position:absolute;
  z-index:4;
  left:8px;
  top:34px;
  width:19px;
  height:1px;
  pointer-events:none;
  background:var(--cover-accent);
  box-shadow:0 0 0 1px #0002;
}
.index-cover>img,
.index-cover>.index-cover-image{
  position:absolute;
  z-index:0;
  inset:0 var(--cover-rail-width) 0 0;
  display:block;
  width:calc(100% - var(--cover-rail-width));
  height:100%;
  max-width:none;
  object-fit:cover;
  object-position:var(--cover-image-position);
  background:#191a18;
  border:0;
  filter:grayscale(.13) saturate(.82) brightness(.82) contrast(1.12);
  transform:scale(var(--cover-image-scale));
  transition:filter .35s ease,transform .5s cubic-bezier(.2,.7,.2,1);
}
.index-cover-rail{
  position:absolute;
  z-index:3;
  inset:0 0 0 auto;
  display:flex;
  align-items:center;
  justify-content:center;
  width:var(--cover-rail-width);
  min-width:0;
  overflow:hidden;
  padding:5px 0;
  color:var(--cover-accent-ink);
  background:var(--cover-accent);
  font:700 34px/.72 var(--display);
  font-style:normal;
  letter-spacing:-.055em;
  text-transform:uppercase;
  white-space:nowrap;
  writing-mode:vertical-rl;
  text-orientation:mixed;
}
.index-cover-meta,
.index-cover-number{
  position:absolute;
  z-index:5;
  left:8px;
  max-width:calc(100% - var(--cover-rail-width) - 16px);
  color:var(--cover-paper);
  text-shadow:0 1px 7px #000,0 0 2px #000;
}
.index-cover-meta{
  top:9px;
  font:700 6px/1.35 var(--sans);
  letter-spacing:.19em;
  text-transform:uppercase;
}
.index-cover-number{
  bottom:8px;
  padding:3px 4px 2px;
  color:var(--cover-accent-ink);
  background:var(--cover-paper);
  font:700 15px/.9 var(--display);
  letter-spacing:-.025em;
  text-shadow:none;
  white-space:nowrap;
}
.index-row:hover .index-cover,
.index-row:focus-visible .index-cover,
.index-row.is-index-active .index-cover{
  border-color:var(--cover-accent);
  box-shadow:0 10px 31px #0008,0 0 0 1px var(--cover-accent);
}
.index-row:hover .index-cover>img,
.index-row:hover .index-cover>.index-cover-image,
.index-row:focus-visible .index-cover>img,
.index-row:focus-visible .index-cover>.index-cover-image,
.index-row.is-index-active .index-cover>img,
.index-row.is-index-active .index-cover>.index-cover-image{
  filter:grayscale(0) saturate(1.02) brightness(.94) contrast(1.08);
  transform:scale(var(--cover-image-scale-hover));
}

/* Each issue keeps the same readable system while changing its editorial ink. */
.index-cover--001,
.index-row[data-display-code="001"] .index-cover{
  --cover-accent:#d8ee72;
  --cover-accent-ink:#11140d;
  --cover-image-position:48% 42%;
}
.index-cover--002,
.index-row[data-display-code="002"] .index-cover{
  --cover-accent:#f06445;
  --cover-accent-ink:#190c08;
  --cover-rail-width:29%;
  --cover-image-position:53% 45%;
  --cover-image-scale:1.32;
  --cover-image-scale-hover:1.38;
}
.index-cover--003,
.index-row[data-display-code="003"] .index-cover{
  --cover-accent:#efc84b;
  --cover-accent-ink:#171208;
  --cover-paper:#f4efe4;
  --cover-rail-width:27%;
  --cover-image-position:46% 43%;
  --cover-image-scale:1.31;
  --cover-image-scale-hover:1.37;
}
.index-cover--003 .index-cover-rail{
  color:transparent;
  -webkit-text-stroke:1px var(--cover-accent-ink);
}

/* The men's source is already a finished poster. Enlarge its portrait panel so
   the embedded blue rail disappears, then rebuild that rail at this card size. */
.index-cover[data-cover-line="men"]{
  --cover-accent:#1268ed;
  --cover-accent-ink:#f5f1e8;
  --cover-paper:#f5f1e8;
  --cover-rail-width:34%;
  --cover-image-position:0 48%;
  --cover-image-scale:1.5;
  --cover-image-scale-hover:1.56;
  background:#eef0f1;
}
.index-cover[data-cover-line="men"]>img,
.index-cover[data-cover-line="men"]>.index-cover-image{
  transform-origin:0 48%;
  filter:grayscale(.06) saturate(.8) brightness(.84) contrast(1.16);
}
.index-cover[data-cover-line="men"] .index-cover-rail{
  background:linear-gradient(180deg,#1372fb 0,#0959d8 100%);
  font-size:31px;
  letter-spacing:-.07em;
}
.index-cover[data-cover-line="men"] .index-cover-meta{
  max-width:52%;
}
.index-cover[data-cover-line="men"] .index-cover-number{
  color:#0d1117;
}
.index-row[data-open="M005"] .index-cover{
  background:#071018;
}
.index-row[data-open="M005"] .index-cover>.index-cover-image{
  inset:0;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:50% 50%;
  filter:none;
  transform:none;
}
.index-row[data-open="M005"]:hover .index-cover>.index-cover-image,
.index-row[data-open="M005"]:focus-visible .index-cover>.index-cover-image,
.index-row[data-open="M005"].is-index-active .index-cover>.index-cover-image{
  filter:none;
  transform:none;
}

@media(max-width:1050px) and (min-width:781px){
  .index-cover{width:150px;height:118px}
  .index-cover-rail{font-size:29px}
  .index-cover-meta{font-size:5.5px}
  .index-cover-number{font-size:13px}
}

@media(max-width:780px){
  .index-row{
    grid-template-columns:22px minmax(0,1fr) 86px 22px;
    gap:10px;
    min-height:126px;
    padding:10px 0;
  }
  .index-row>span:first-child{font-size:11px}
  .index-row h2{font-size:clamp(20px,6.5vw,27px);line-height:1.02}
  .index-row .index-name{font-size:9px;line-height:1.35;margin-top:6px}
  .index-row .content-status{font-size:7px;line-height:1.35;margin-top:6px}
  .index-row .index-tags{display:none}
  .index-row .row-arrow{font-size:20px}
  .index-cover{
    --cover-rail-width:32%;
    width:86px;
    height:104px;
    box-shadow:0 6px 18px #0005;
  }
  .index-cover:before{background:linear-gradient(180deg,#05060557,transparent 39%,#050605c4)}
  .index-cover:after{left:5px;top:28px;width:12px}
  .index-cover-rail{padding:3px 0;font-size:22px;letter-spacing:-.065em}
  .index-cover-meta,
  .index-cover-number{left:5px;max-width:calc(100% - var(--cover-rail-width) - 10px)}
  .index-cover-meta{top:6px;font-size:5px;line-height:1.3;letter-spacing:.13em}
  .index-cover-number{bottom:6px;padding:2px 3px;font-size:11px}
  .index-cover--002,
  .index-row[data-display-code="002"] .index-cover{--cover-rail-width:30%}
  .index-cover--003,
  .index-row[data-display-code="003"] .index-cover{--cover-rail-width:29%}
  .index-cover[data-cover-line="men"]{--cover-rail-width:35%}
  .index-cover[data-cover-line="men"] .index-cover-rail{font-size:20px}
}

@media(max-width:360px){
  .index-row{grid-template-columns:20px minmax(0,1fr) 78px 18px;gap:8px}
  .index-cover{width:78px;height:98px}
  .index-cover-rail{font-size:20px}
}

@media(prefers-contrast:more){
  .index-cover{border-color:currentColor;box-shadow:none}
  .index-cover>img,.index-cover>.index-cover-image{filter:none}
  .index-cover-meta,.index-cover-number{text-shadow:none}
}

/* DISCOVER / NATURAL LANGUAGE GUIDE
   Reuse the archive's editorial language as a true portrait issue cover. The
   source thumbnails are cropped past their baked-in header/footer so every
   result reads as one designed object instead of a legacy image in a box. */
.discover-view .discovery-results{
  align-items:stretch;
}
.discover-view .result-card{
  --result-accent:#d8ee72;
  --result-accent-ink:#11140d;
  --result-paper:#f4f0e6;
  --result-rail:29%;
  --result-image-position:50% 43%;
  --result-image-scale:1.3;
  grid-template-columns:clamp(126px,11.6vw,154px) minmax(0,1fr);
  gap:clamp(14px,1.4vw,21px);
  align-items:center;
  min-height:226px;
  height:100%;
  padding:15px 0 20px;
  overflow:hidden;
}
.discover-view .result-copy{
  display:block;
  min-width:0;
  align-self:center;
}
.discover-view .result-symbol{
  position:relative;
  isolation:isolate;
  display:grid;
  width:100%;
  aspect-ratio:3/4;
  align-content:space-between;
  overflow:hidden;
  padding:12px 10px;
  color:#0c0e0a;
  background:var(--signal);
  border:1px solid #ffffff35;
  box-shadow:0 10px 28px #0006;
}
.discover-view .result-symbol:before{
  content:"";
  position:absolute;
  inset:32% -22% auto 18%;
  height:1px;
  background:#0c0e0a;
  transform:rotate(-18deg);
}
.discover-view .result-symbol small,
.discover-view .result-symbol b{
  position:relative;
  z-index:1;
  font:700 7px/1.3 var(--sans);
  letter-spacing:.15em;
}
.discover-view .result-symbol strong{
  position:relative;
  z-index:1;
  align-self:center;
  font:700 clamp(25px,2.3vw,36px)/.9 var(--display);
  letter-spacing:-.06em;
  overflow-wrap:anywhere;
}
.discover-view .result-symbol b{align-self:end}
.discover-view .result-card--branch .result-symbol{
  color:#eef2e5;
  background:linear-gradient(150deg,#11150f,#28351c 70%,#d8ee72);
}
.discover-view .result-card--branch .result-symbol:before{background:#d8ee72}
.discover-view .result-card--treatment{
  cursor:default;
}
.discover-view .result-card--treatment .result-symbol{
  color:#f4f0e6;
  background:linear-gradient(160deg,#302c24,#11120f 68%);
}
.discover-view .result-card--treatment .result-symbol:before{background:#f4f0e6}
.discover-view .result-cover{
  position:relative;
  isolation:isolate;
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:3/4;
  overflow:hidden;
  color:var(--result-paper);
  background:#151613;
  border:1px solid #ffffff2c;
  box-shadow:0 10px 28px #0006;
  line-height:1;
  transition:border-color .3s ease,box-shadow .3s ease,transform .45s cubic-bezier(.2,.7,.2,1);
}
.discover-view .result-cover:before{
  content:"";
  position:absolute;
  z-index:1;
  inset:0 var(--result-rail) 0 0;
  background:linear-gradient(180deg,#0506055c 0,transparent 35%,#05060518 55%,#050605c7 100%),linear-gradient(90deg,#05060542,transparent 62%);
  pointer-events:none;
}
.discover-view .result-cover:after{
  content:"";
  position:absolute;
  z-index:4;
  left:10px;
  top:41px;
  width:22px;
  height:1px;
  background:var(--result-accent);
  pointer-events:none;
}
.discover-view .result-cover>img{
  position:absolute;
  z-index:0;
  inset:0 var(--result-rail) 0 0;
  display:block;
  width:calc(100% - var(--result-rail));
  height:100%;
  max-width:none;
  object-fit:cover;
  object-position:var(--result-image-position);
  border:0;
  background:#181916;
  filter:grayscale(.12) saturate(.84) brightness(.85) contrast(1.11);
  transform:scale(var(--result-image-scale));
  transition:filter .35s ease,transform .55s cubic-bezier(.2,.7,.2,1);
}
.discover-view .result-cover-rail{
  position:absolute;
  z-index:3;
  inset:0 0 0 auto;
  display:flex;
  align-items:center;
  justify-content:center;
  width:var(--result-rail);
  overflow:hidden;
  padding:6px 0;
  color:var(--result-accent-ink);
  background:var(--result-accent);
  font:700 clamp(27px,2.45vw,37px)/.72 var(--display);
  letter-spacing:-.06em;
  text-transform:uppercase;
  white-space:nowrap;
  writing-mode:vertical-rl;
  text-orientation:mixed;
}
.discover-view .result-cover-meta,
.discover-view .result-cover-number{
  position:absolute;
  z-index:5;
  left:10px;
  max-width:calc(100% - var(--result-rail) - 20px);
  color:var(--result-paper);
  text-shadow:0 1px 8px #000,0 0 2px #000;
}
.discover-view .result-cover-meta{
  top:12px;
  font:700 6px/1.35 var(--sans);
  letter-spacing:.17em;
  text-transform:uppercase;
}
.discover-view .result-cover-number{
  bottom:10px;
  padding:4px 5px 3px;
  color:var(--result-accent-ink);
  background:var(--result-paper);
  font:700 16px/.9 var(--display);
  letter-spacing:-.025em;
  text-shadow:none;
  white-space:nowrap;
}
.discover-view .result-card:hover .result-cover,
.discover-view .result-card:focus-visible .result-cover{
  border-color:var(--result-accent);
  box-shadow:0 14px 34px #0009,0 0 0 1px var(--result-accent);
  transform:translateY(-3px);
}
.discover-view .result-card:hover .result-cover>img,
.discover-view .result-card:focus-visible .result-cover>img{
  filter:grayscale(0) saturate(1.02) brightness(.96) contrast(1.07);
  transform:scale(calc(var(--result-image-scale) + .055));
}
.discover-view .result-card .micro{
  line-height:1.45;
}
.discover-view .result-card h2{
  margin-top:4px;
  overflow-wrap:anywhere;
}
.discover-view .result-card .result-reason{
  display:-webkit-box;
  overflow:hidden;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
}

.discover-view .result-card[data-display-code="002"]{
  --result-accent:#f06445;
  --result-accent-ink:#190c08;
  --result-image-position:53% 44%;
  --result-image-scale:1.34;
}
.discover-view .result-card[data-display-code="003"]{
  --result-accent:#efc84b;
  --result-accent-ink:#171208;
  --result-image-position:47% 42%;
  --result-image-scale:1.33;
}
.discover-view .result-card[data-display-code="003"] .result-cover-rail{
  color:transparent;
  -webkit-text-stroke:1px var(--result-accent-ink);
}
.discover-view .result-card[data-result-line="men"]{
  --result-accent:#1268ed;
  --result-accent-ink:#f5f1e8;
  --result-image-position:0 47%;
  --result-image-scale:1.52;
  --result-rail:31%;
}
.discover-view .result-card[data-result-line="men"] .result-cover{
  background:#eef0f1;
}
.discover-view .result-card[data-result-line="men"] .result-cover>img{
  transform-origin:0 48%;
  filter:grayscale(.05) saturate(.82) brightness(.87) contrast(1.14);
}
.discover-view .result-card[data-result-line="men"] .result-cover-rail{
  background:linear-gradient(180deg,#1372fb,#0959d8);
  font-size:clamp(24px,2.2vw,34px);
}
.discover-view .result-card[data-result-line="men"] .result-cover-number{
  color:#0d1117;
}
.discover-view .result-card[data-open="M005"] .result-cover{
  background:#071018;
}
.discover-view .result-card[data-open="M005"] .result-cover:before,
.discover-view .result-card[data-open="M005"] .result-cover:after{
  display:none;
}
.discover-view .result-card[data-open="M005"] .result-cover>img{
  inset:0;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:50% 50%;
  filter:none;
  transform:none;
}
.discover-view .result-card[data-open="M005"]:hover .result-cover>img,
.discover-view .result-card[data-open="M005"]:focus-visible .result-cover>img{
  filter:none;
  transform:none;
}
.discover-view .result-card[data-result-line="men"][data-display-code="001"]{
  --result-image-position:48% 43%;
  --result-image-scale:1.14;
  --result-rail:29%;
}

@media(max-width:1100px) and (min-width:761px){
  .discover-view .discovery-results{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:780px){
  .index-cover--003,
  .index-row[data-display-code="003"] .index-cover{--cover-rail-width:29%}
}
@media(max-width:760px){
  .discover-view .result-card{
    grid-template-columns:106px minmax(0,1fr);
    gap:18px;
    min-height:166px;
    padding:12px 0 17px;
  }
  .discover-view .result-cover:after{left:7px;top:32px;width:15px}
  .discover-view .result-cover-meta,
  .discover-view .result-cover-number{left:7px;max-width:calc(100% - var(--result-rail) - 14px)}
  .discover-view .result-cover-meta{top:8px;font-size:5px;letter-spacing:.13em}
  .discover-view .result-cover-number{bottom:7px;padding:3px 4px 2px;font-size:12px}
  .discover-view .result-cover-rail{font-size:25px}
  .discover-view .result-card[data-result-line="men"] .result-cover-rail{font-size:22px}
  .discover-view .result-card h2{font-size:clamp(24px,8vw,30px)}
}
@media(prefers-contrast:more){
  .discover-view .result-cover{border-color:currentColor;box-shadow:none}
  .discover-view .result-cover>img{filter:none}
  .discover-view .result-cover-meta,
  .discover-view .result-cover-number{text-shadow:none}
}