/* casting wall: deliberate size rhythm, not a uniform contact sheet */
#contact{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;background:var(--black);border-bottom:1px solid var(--black)}
.pl{background:var(--acid);border-right:1px solid var(--black);border-bottom:1px solid var(--black);overflow:hidden;min-width:0}
.pl:nth-child(12n+1),.pl:nth-child(12n+8){grid-column:span 2;grid-row:span 2}
.pl img{width:100%;height:100%;aspect-ratio:1;object-fit:cover;background:var(--acid);transition:transform .18s,filter .18s}
.pl:hover img,.pl:focus-visible img{transform:scale(1.035);filter:contrast(1.04)}
.pl figcaption{transform:none;inset:auto 0 0;background:var(--chalk);color:var(--black);border-top:1px solid var(--black);font-family:'Departure',monospace;font-size:8px;padding:7px 8px;opacity:0;transition:opacity .14s}
.pl:hover figcaption,.pl:focus-visible figcaption{opacity:1}.pl figcaption .r{color:var(--red)}.pl figcaption .s{color:var(--soft)}.pl .tick{border-top-color:var(--red)}.pl.pinned::after{border:4px solid var(--red)}
/* index table */
#ledger{background:var(--chalk);color:var(--black);font-size:12px}#ledger th{top:58px;background:var(--black);color:var(--chalk);border-color:#333;font-family:'Departure',monospace;font-size:8px}#ledger th:hover,#ledger th.srt{color:var(--acid)}#ledger td{height:52px;border-bottom:1px solid var(--line)}#ledger tbody tr:hover{background:var(--acid)}#ledger tbody tr:hover td:first-child{color:var(--black)}#ledger .lrank{color:var(--red)}#ledger .lid,#ledger .lsc,#ledger .lown{color:var(--soft)}#ledger img{width:38px;height:38px;background:var(--acid)}
/* DNA and map surfaces */
#strata,#field{padding:42px 4vw;background:var(--chalk);color:var(--black)}.st-intro{font-family:'BodoniMP',serif;font-size:clamp(23px,2.5vw,39px);line-height:1.18;max-width:35ch;color:var(--black);margin-bottom:48px;letter-spacing:-.035em}.st-intro b{font-weight:900}.st-cat{margin-bottom:34px}.st-cat h4{color:var(--soft);font-family:'Departure',monospace;font-size:8px}.st-cat h4 span{color:inherit}.st-bar{height:46px;border-color:var(--black)}.st-seg{background:var(--chalk2);border-right-color:var(--black)}.st-seg:hover{background:var(--black)}.st-seg.on{background:var(--red)}.st-seg .lb{color:var(--soft)}.st-seg:hover .lb{color:var(--chalk)}.st-seg.on .lb,.st-seg.on:hover .lb{color:white}.st-leg b{color:var(--soft)}.st-leg b em{color:var(--black)}
.fld-wrap{border-color:var(--black);background:var(--chalk2)}.fld-y{background:var(--chalk2)}.fld-ax{color:var(--soft)}.fld-tip{background:var(--black);border-color:var(--red);color:var(--chalk)}.fld-bar{border-color:var(--black)}.fld-bar .cbtn{border-right:1px solid var(--black)}.fld-bar span{color:var(--soft)}
#empty{color:var(--soft)}#more{border-top:1px solid var(--black);color:var(--black);font-family:'Departure',monospace;font-size:9px;min-height:58px}#more:hover{background:var(--red);color:white}
/* full editorial look sheet */
.rec{background:var(--chalk);color:var(--black);grid-template-columns:minmax(0,1.12fr) minmax(420px,.88fr)}.rec-img{background:var(--acid);border-right:1px solid var(--black)}.rec-nav{background:var(--black);border-top:1px solid var(--black)}.rec-nav button{color:var(--chalk);border-right-color:#333;min-height:48px;font-family:'Departure',monospace;font-size:8px}.rec-nav button:hover{color:var(--acid);background:#151515}.rec-nav button.on{background:var(--red);color:white}.rec-body{background:var(--chalk)}.rec-body::-webkit-scrollbar-thumb{background:var(--black)}.rec-top{padding:32px 32px 26px;border-color:var(--black)}.rec-close{top:20px;right:22px;color:var(--black);border-color:var(--black);min-width:44px;min-height:44px}.rec-close:hover{color:white;background:var(--red);border-color:var(--red)}.rec-rank{font-family:'BodoniMP',serif;font-weight:900;font-size:clamp(62px,7vw,110px);line-height:.72;letter-spacing:-.07em;color:var(--black)}.rec-sub{color:var(--soft);font-family:'Departure',monospace;font-size:9px}.rec-meter{background:var(--line);height:5px}.rec-meter i{background:var(--red)}.rec-tr{padding:15px 32px;border-color:var(--line);grid-template-columns:95px 1fr auto}.rec-tr .k{color:var(--soft);font-family:'Departure',monospace;font-size:8px}.rec-tr .v{font-family:'BodoniMP',serif;font-size:18px}.rec-tr .p{color:var(--red);font-family:'Departure',monospace;font-size:8px}.rec-tr .bar{background:var(--line)}.rec-tr .bar i{background:var(--black)}.rec-acts{padding:22px 32px}.rec-acts a,.rec-acts button{border-color:var(--black);color:var(--black);min-height:44px}.rec-acts a:hover,.rec-acts button:hover{background:var(--black);color:var(--acid);border-color:var(--black)}.rec-acts button.on{background:var(--red);border-color:var(--red);color:white}.rec-own{color:var(--soft)}
.tray{background:var(--black);border-top:0}.tray-h{color:var(--acid)}.tray-items img{border-color:#444}.tray-items img:hover{border-color:var(--acid)}.tray .cbtn{color:var(--chalk);border-color:#444}
footer{max-width:none;background:var(--black);color:#8e8e8e;border-top:0;padding:54px 4vw}footer::before{content:'MODERNPUNK';display:block;font-family:'BodoniMP',serif;font-weight:900;font-size:clamp(58px,11vw,170px);line-height:.7;letter-spacing:-.08em;color:var(--chalk);margin-bottom:42px}footer b{color:var(--chalk)}
@media(max-width:1100px){
 .runway-stage{grid-template-columns:.8fr 1.2fr}.look-panel{grid-column:1/-1;display:grid;grid-template-columns:240px 1fr}.look-panel-head{border-right:1px solid var(--black)}.look-list{margin:0;border-top:0;display:grid;grid-template-columns:repeat(5,1fr)}.look-pick{grid-template-columns:24px 48px 1fr;padding:7px;min-height:66px;border-left:1px solid var(--line)}.look-pick img{width:48px;height:48px}.look-pick span b{font-size:16px}.runway-random{grid-column:1/-1}.cmd-in{grid-template-columns:auto minmax(190px,1fr) auto auto}.tally{grid-column:1/-1;min-height:30px;border-top:1px solid var(--line)}#contact{grid-template-columns:repeat(5,minmax(0,1fr))}.rec{grid-template-columns:1fr;grid-template-rows:minmax(300px,48vh) 1fr}.rec-img{border-right:0;border-bottom:1px solid var(--black)}
}
@media(max-width:820px){
 html{scroll-padding-top:94px}.runway-top{padding:0 14px}.runway-stage{display:block}.runway-title{border-right:0;min-height:480px;padding:28px 14px 30px}.runway h1{font-size:clamp(86px,24vw,126px);margin:70px 0 60px}.runway-dek{font-size:12px}.look-stage{min-height:520px;border-right:0;border-top:1px solid var(--black)}.look-panel{display:block}.look-panel-head{border-right:0}.look-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));overflow-x:auto}.look-pick{display:block;padding:6px;border-left:0}.look-pick em{display:block;margin-bottom:4px}.look-pick img{width:100%;height:auto;aspect-ratio:1}.look-pick span{display:none}.runway-random{width:calc(100% - 28px);margin:14px}.cmd-in{display:flex;flex-wrap:wrap}.wardrobe-toggle{order:0;min-width:50%;min-height:48px}.modes{order:1;width:50%;display:grid;grid-template-columns:repeat(4,1fr)}.mode{min-width:0;padding:0 4px;min-height:48px}.mode span{display:none}.srch{order:2;width:100%;min-height:48px;border-top:1px solid var(--line)}.sortsel{order:3;flex:1;min-height:44px;border-top:1px solid var(--line)}.cbtn{order:4;min-height:44px;border-top:1px solid var(--line)}.tally{order:5;width:100%;min-height:34px}.wall-head{grid-template-columns:1fr}.wall-title{border-right:0;border-bottom:1px solid var(--black);padding:26px 14px 20px}.wall-note{padding:20px 14px}.wall-title h2{font-size:70px}#contact{grid-template-columns:repeat(4,minmax(0,1fr))}.pl:nth-child(12n+1),.pl:nth-child(12n+8){grid-column:span 2;grid-row:span 2}.pl figcaption{display:none}.rail{width:min(370px,94vw)}#strata,#field{padding:30px 14px}.st-intro{font-size:25px;margin-bottom:34px}footer{padding:42px 14px;overflow:hidden}footer::before{font-size:13vw;white-space:nowrap}.runway-jump{min-height:44px}.runway-jump::after{width:44px;height:44px;font-size:16px}.rec-top,.rec-tr,.rec-acts{padding-left:20px;padding-right:20px}
}
@media(max-width:420px){
 .runway-top span:last-child{display:none}.runway-title{min-height:430px}.runway h1{font-size:23vw}.look-stage{min-height:430px}.look-open figcaption{right:10px;bottom:10px;min-width:160px}.look-open figcaption b{font-size:20px}.look-number{left:10px;top:10px}.look-panel-head{padding:24px 14px}.look-panel-head b{font-size:42px}#contact{grid-template-columns:repeat(3,minmax(0,1fr))}.pl:nth-child(12n+1),.pl:nth-child(12n+8){grid-column:span 2;grid-row:span 2}.wall-title h2{font-size:60px}.wardrobe-toggle{min-width:44%;padding:0 10px}.modes{width:56%}.mode{font-size:8px}.sortsel{padding:0 9px}.rec-rank{font-size:70px}.rec-tr{grid-template-columns:76px 1fr auto;gap:7px}
}
@media(hover:none) and (pointer:coarse){.mode,.cbtn,.wardrobe-toggle,.look-pick,.cat-h,.vv{min-height:44px}}
@media(prefers-reduced-motion:reduce){.rail,.look-open img,.pl img,.wardrobe-scrim{transition:none}}