@font-face{font-family:'BodoniMP';src:url('fonts/BodoniModa-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:'BodoniMP';src:url('fonts/BodoniModa-Black.ttf') format('truetype');font-weight:900;font-display:swap}
:root{--runway-v3:3;--chalk:#f2eee4;--chalk2:#e6e0d5;--black:#090909;--black2:#191919;--acid:#caff00;--red:#ee3f2d;--line:#b9b2a6;--soft:#6d685f}
html{background:var(--chalk);scroll-behavior:smooth;scroll-padding-top:62px}
body{background:var(--chalk);color:var(--black);font-family:'ArchivoV',Arial,sans-serif;font-size:14px;overflow-x:hidden}
button,input,select{font-family:'ArchivoV',Arial,sans-serif;color:inherit}
::selection{background:var(--black);color:var(--acid)}
/* one active look, built like a fashion spread */
.runway{min-height:100svh;background:var(--chalk);border-bottom:1px solid var(--black);position:relative}
.runway-top{height:48px;border-bottom:1px solid var(--black);display:flex;align-items:center;justify-content:space-between;padding:0 24px;font-family:'Departure',monospace;font-size:9px;letter-spacing:.16em;text-transform:uppercase}
.runway-brand{font-weight:700;font-size:12px;letter-spacing:.08em}.runway-brand i{font-style:normal;color:var(--red)}
.runway-stage{min-height:calc(100svh - 48px);display:grid;grid-template-columns:minmax(245px,.6fr) minmax(430px,1.05fr) minmax(280px,.62fr);max-width:1680px;margin:auto}
.runway-title{padding:clamp(36px,5vw,84px) 14px 34px clamp(22px,3.5vw,56px);display:flex;flex-direction:column;border-right:1px solid var(--black);position:relative;z-index:2}
.runway-kicker{font-family:'Departure',monospace;font-size:9px;letter-spacing:.2em;text-transform:uppercase;display:flex;align-items:center;gap:9px}.runway-kicker::before{content:'';width:8px;height:8px;background:var(--red)}
.runway h1{font-family:'BodoniMP',Georgia,serif;font-size:clamp(84px,9.3vw,158px);line-height:.72;letter-spacing:-.09em;font-weight:900;text-transform:none;margin:auto 0;color:var(--black)}
.runway h1 span{display:block}.runway h1 span:last-child{font-weight:400;font-style:italic;margin-left:clamp(18px,3vw,50px)}
.runway-dek{max-width:30ch;font-size:13px;line-height:1.55;margin-left:clamp(18px,3vw,50px)}
.runway-dek strong{font-weight:700}.runway-jump{margin:22px 0 0 clamp(18px,3vw,50px);display:flex;align-items:center;gap:12px;font-family:'Departure',monospace;font-size:9px;letter-spacing:.14em;text-transform:uppercase}.runway-jump::after{content:'↓';display:grid;place-items:center;width:34px;height:34px;background:var(--black);color:var(--acid)}
.look-stage{background:var(--acid);position:relative;overflow:hidden;border-right:1px solid var(--black);min-height:640px}
.look-stage::before{content:'MODERNPUNK';position:absolute;left:-8px;bottom:-18px;font-family:'BodoniMP',serif;font-weight:900;font-size:clamp(72px,9vw,150px);letter-spacing:-.08em;color:rgba(9,9,9,.1);white-space:nowrap;z-index:0}
.look-open{position:absolute;inset:0;width:100%;height:100%;display:block;cursor:pointer;z-index:1}
.look-open img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated;display:block;transition:opacity .18s,transform .28s ease-out;transform:scale(.94)}
.look-open:hover img,.look-open:focus-visible img{transform:scale(.98)}
.look-open:focus-visible{outline:3px solid var(--red);outline-offset:-3px}
.look-number{position:absolute;left:18px;top:18px;z-index:3;font-family:'Departure',monospace;font-size:10px;letter-spacing:.14em;background:var(--black);color:var(--chalk);padding:8px 10px}
.look-open figcaption{position:absolute;right:18px;bottom:18px;background:var(--chalk);border:1px solid var(--black);padding:10px 12px;min-width:190px;text-align:left;line-height:1.35;z-index:3}
.look-open figcaption b{display:block;font-family:'BodoniMP',serif;font-weight:900;font-size:24px;letter-spacing:-.04em}.look-open figcaption span{font-family:'Departure',monospace;font-size:8px;letter-spacing:.13em;text-transform:uppercase}
.look-panel{display:flex;flex-direction:column;background:var(--chalk)}
.look-panel-head{padding:28px 24px 18px;border-bottom:1px solid var(--black)}
.look-panel-head i{display:block;font-family:'Departure',monospace;font-style:normal;font-size:8px;letter-spacing:.2em;text-transform:uppercase;margin-bottom:8px}
.look-panel-head b{font-family:'BodoniMP',serif;font-size:clamp(38px,4vw,62px);line-height:.85;letter-spacing:-.06em;font-weight:400}
.look-panel-head p{margin-top:15px;color:var(--soft);font-size:11px;line-height:1.55;max-width:28ch}
.look-list{margin-top:auto;border-top:1px solid var(--black)}
.look-pick{width:100%;display:grid;grid-template-columns:38px 58px 1fr;align-items:center;gap:10px;padding:8px 16px;border-bottom:1px solid var(--line);text-align:left;min-height:74px;transition:background .14s,color .14s}
.look-pick em{font-family:'Departure',monospace;font-size:9px;font-style:normal}.look-pick img{width:58px;height:58px;object-fit:cover;image-rendering:pixelated;background:var(--acid)}.look-pick span b{display:block;font-family:'BodoniMP',serif;font-size:20px;line-height:1}.look-pick span small{font-family:'Departure',monospace;font-size:7px;letter-spacing:.13em;text-transform:uppercase}.look-pick:hover,.look-pick.on{background:var(--black);color:var(--chalk)}.look-pick.on em{color:var(--acid)}
.runway-random{margin:14px 16px 18px;min-height:46px;background:var(--red);color:white;font-family:'Departure',monospace;font-size:9px;letter-spacing:.14em;text-transform:uppercase;transition:background .14s}.runway-random:hover{background:var(--black);color:var(--acid)}
/* showroom control bar; no ticker, stats or technical masthead */
.cmd{position:sticky;top:0;z-index:60;background:var(--chalk);border-bottom:1px solid var(--black)}
.cmd-in{max-width:none;padding:0;display:grid;grid-template-columns:auto minmax(240px,1fr) auto auto auto;align-items:stretch}
.wardrobe-toggle{min-width:170px;padding:0 22px;background:var(--black);color:var(--chalk);font-family:'Departure',monospace;font-size:9px;letter-spacing:.14em;text-transform:uppercase}.wardrobe-toggle b{color:var(--acid);font-weight:400;margin-left:7px}
.modes{display:flex;border:none;order:2}.mode{min-width:96px;padding:0 16px;border-left:1px solid var(--line);border-right:0;font-family:'Departure',monospace;font-size:9px;letter-spacing:.12em;color:var(--soft);min-height:58px}.mode:hover{color:var(--black)}.mode.on{background:transparent;color:var(--black)}.mode.on::after{content:'';position:absolute;left:16px;right:16px;bottom:0;height:5px;background:var(--red)}.mode em{opacity:1;color:var(--red);margin-right:5px}
.srch{order:1;min-width:0;border-right:1px solid var(--line);padding:0 17px}.srch svg{opacity:1}.kbd{border-color:var(--line);color:var(--soft)}#q{color:var(--black)}#q::placeholder{color:#888176}
.sortsel{order:3;border-left:1px solid var(--line);border-right:0;padding:0 15px}#sort{color:var(--black);font-family:'Departure',monospace;font-size:8px}#sort option{background:var(--chalk);color:var(--black)}
.cbtn{order:4;border-left:1px solid var(--line);border-right:0;color:var(--black);font-family:'Departure',monospace;font-size:8px}.cbtn:hover{background:var(--black);color:var(--acid)}.tally{order:5;margin:0;border-left:1px solid var(--line);color:var(--soft);font-family:'Departure',monospace;font-size:8px}.tally b{color:var(--red)}
/* wardrobe drawer replaces permanent sidebar */
.shell{max-width:none;display:block}.rail{position:fixed;left:0;top:0;bottom:0;width:min(420px,92vw);height:auto;z-index:100;background:var(--black);color:var(--chalk);border:0;overflow-y:auto;transform:translateX(-102%);transition:transform .24s ease-out;visibility:hidden}.rail.open{transform:translateX(0);visibility:visible}.rail.fold .cat{display:block}.rail-h{position:sticky;top:0;z-index:2;background:var(--acid);color:var(--black);min-height:74px;padding:18px 20px;align-items:center;font-family:'Departure',monospace;font-size:10px}.rail-h::before{content:'WARDROBE / '}.rail-h b{color:var(--black)}.wardrobe-close{margin-left:auto;width:38px;height:38px;border:1px solid var(--black);font-size:16px}.cat{border-bottom:1px solid #343434}.cat-h{min-height:52px;padding:0 20px;color:var(--chalk);font-family:'Departure',monospace;font-size:9px}.cat-h:hover{color:var(--acid)}.cat-h .cn,.cat-h .ar{color:#8e8e8e}.cat-b{padding-bottom:12px}.vv{min-height:35px;padding:5px 20px;color:#aaa}.vv:hover{background:#202020;color:white}.vv.on{color:var(--acid)}.vv .bx{border-color:#555}.wardrobe-scrim{position:fixed;inset:0;z-index:99;background:rgba(9,9,9,.62);visibility:hidden;opacity:0;pointer-events:none;transition:opacity .2s}.wardrobe-scrim.on{visibility:visible;opacity:1;pointer-events:auto}
.stage{padding:0 0 90px;min-width:0}.wall-head{display:grid;grid-template-columns:1.2fr .8fr;border-bottom:1px solid var(--black);background:var(--chalk)}.wall-title{padding:34px 4vw 28px;border-right:1px solid var(--black)}.wall-title i{font-family:'Departure',monospace;font-style:normal;font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--red)}.wall-title h2{font-family:'BodoniMP',serif;font-size:clamp(52px,7vw,108px);line-height:.78;letter-spacing:-.07em;font-weight:900;margin-top:12px}.wall-note{padding:34px 4vw 28px;display:flex;flex-direction:column;justify-content:flex-end}.wall-note p{max-width:48ch;font-size:12px;line-height:1.6;color:var(--soft)}