.wardrobe-page .wardrobe-detail-view,html[data-wardrobe-view=detail] .wardrobe-page .wardrobe-list-view{display:none}html[data-wardrobe-view=detail] .wardrobe-page .wardrobe-detail-view{display:block}html[data-wardrobe-view=detail] .main{padding-top:clamp(.75rem,2vw,1.35rem)}.pending-note,.wardrobe-page .error-note,.wardrobe-runtime .error-note{color:var(--ink-soft)}.wardrobe-head{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(16rem,.55fr);align-items:end;gap:clamp(1.5rem,4vw,4rem)}.wardrobe-head .display-title{font-size:clamp(2.6rem,6vw,4.6rem)}.wardrobe-list-view .lace-rule{margin-block:clamp(1.1rem,2.4vw,1.85rem)}.wardrobe-intro{padding-bottom:.35rem;border-top:1px solid var(--ink)}.look-count{display:block;margin-top:.7rem;color:var(--ink-faint);font:600 .7rem/1 ui-monospace,monospace;letter-spacing:.2em}.wardrobe-intro p{margin:1.15rem 0 0;color:var(--ink-soft);line-height:1.8}.wardrobe-masonry{position:relative;width:100%}.wardrobe-card{position:absolute;top:0;left:0;min-width:0;margin:0;visibility:hidden}.wardrobe-masonry.is-laid-out .wardrobe-card{visibility:visible}.wardrobe-link{display:block}.wardrobe-link:focus-visible{outline:1px solid var(--ink);outline-offset:4px}.image-frame{position:relative;overflow:hidden;line-height:0;background:#deded9;border:1px solid var(--hairline)}.image-frame img{display:block;width:100%;height:auto;filter:saturate(.88);transition:filter .6s ease,transform .8s cubic-bezier(.2,.7,.2,1)}.wardrobe-link:hover img{filter:saturate(1);transform:scale(1.025)}.image-placeholder{width:100%;aspect-ratio:3 / 4;display:grid;place-content:center;color:#191918;text-align:center;background:linear-gradient(135deg,transparent 49.8%,#b7b7b1 50%,transparent 50.2%),linear-gradient(45deg,transparent 49.8%,#b7b7b1 50%,transparent 50.2%)}.image-placeholder span{font:400 clamp(2rem,4vw,3.25rem) / .9 Georgia,serif}.image-placeholder small{margin-top:.45rem;font:600 .62rem/1 ui-monospace,monospace;letter-spacing:.28em}.lace-edge{position:absolute;inset:auto 0 0;height:.7rem;background:radial-gradient(circle at 50% 0,transparent .22rem,var(--paper) .24rem .3rem,transparent .32rem) 0 0 / .85rem .7rem repeat-x;opacity:.85;transform:translateY(.2rem);transition:transform .35s ease}.wardrobe-link:hover .lace-edge{transform:translateY(0)}.wardrobe-copy{padding:.65rem .05rem 0}.wardrobe-meta{display:flex;justify-content:space-between;gap:.5rem;margin-bottom:.3rem;color:var(--ink-faint);font:600 .62rem/1.4 ui-monospace,monospace;letter-spacing:.08em}.wardrobe-copy h2{margin:0;font-family:Georgia,"Noto Serif CJK SC",Songti SC,serif;font-size:1.02rem;font-weight:500;line-height:1.35;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.wardrobe-empty{position:relative;min-height:28rem;display:grid;place-content:center;justify-items:center;padding:3rem 1.5rem;overflow:hidden;text-align:center;border:1px solid var(--hairline);background:var(--paper-surface)}.wardrobe-empty:after{content:"";position:absolute;inset:1rem;border:1px dashed var(--lace);pointer-events:none}.hanger{position:relative;width:5rem;height:3.5rem;margin-bottom:1.5rem}.hanger:before{content:"";position:absolute;left:2.2rem;top:0;width:.7rem;height:.7rem;border:1px solid var(--ink-soft);border-bottom:0;border-radius:50% 50% 0 0}.hanger:after{content:"";position:absolute;left:.35rem;bottom:.2rem;width:4.3rem;height:2rem;border:1px solid var(--ink-soft);border-top:0;transform:rotate(45deg) skew(12deg,12deg)}.empty-number{margin:0 0 .75rem;color:var(--ink-faint);font:600 .7rem/1 ui-monospace,monospace;letter-spacing:.25em}.wardrobe-empty h2{margin:0 0 .6rem;font-family:Georgia,"Noto Serif CJK SC",Songti SC,serif;font-size:clamp(1.8rem,4vw,3rem);font-weight:500}.wardrobe-empty p:last-child{max-width:30rem;margin:0;color:var(--ink-soft);font-size:.98rem;line-height:1.8}.look-detail .back-link{display:inline-flex;min-height:2.1rem;align-items:center;margin-bottom:.75rem;color:var(--ink-soft);font-size:.85rem;letter-spacing:.08em}.look-detail .back-link:hover{color:var(--ink)}.look-detail h1,.not-found h1{margin:0;font-family:Georgia,"Noto Serif CJK SC",Songti SC,serif;font-weight:500;overflow-wrap:anywhere}.look-detail time{display:block;margin-top:.75rem;color:var(--ink-faint);font:600 .7rem/1 ui-monospace,monospace;letter-spacing:.14em}.look-excerpt{margin:.85rem 0 0;color:var(--ink-soft);line-height:1.75;overflow-wrap:anywhere}.look-text{font-size:1rem;line-height:1.85;white-space:pre-wrap;overflow-wrap:anywhere}.empty-copy,.not-found p{color:var(--ink-soft)}.look-detail--portrait .look-stage{display:grid;grid-template-columns:minmax(0,.92fr) minmax(16rem,1.08fr);gap:clamp(1.25rem,3.2vw,3rem);align-items:stretch;min-height:calc(100svh - 9.4rem)}.look-detail--portrait .look-copy{display:flex;flex-direction:column;justify-content:flex-start;min-width:0;max-width:38rem;padding-bottom:1.5rem}.look-detail--portrait h1{font-size:clamp(1.85rem,3vw,3.15rem);line-height:1.12;letter-spacing:-.03em}.look-detail--portrait .look-text{margin-top:.9rem}.look-detail--portrait .look-visual{position:sticky;top:5.35rem;align-self:start;display:flex;align-items:center;justify-content:center;height:calc(100svh - 9.4rem);min-width:0}.look-detail--portrait .look-cover{position:relative;width:fit-content;max-width:100%;line-height:0;border:1px solid var(--hairline);background:#deded9}.look-detail--portrait .look-cover img{display:block;width:auto;height:auto;max-width:100%;max-height:calc(100svh - 10.5rem)}.look-detail--portrait .cover-placeholder{width:min(100%,24rem);aspect-ratio:3 / 4}.look-detail--landscape .look-hero{display:flex;justify-content:center}.look-detail--landscape .look-cover{position:relative;width:fit-content;max-width:100%;line-height:0;border:1px solid var(--hairline);background:#deded9}.look-detail--landscape .look-cover img{display:block;width:auto;height:auto;max-width:100%;max-height:min(52vh,34rem)}.look-detail--landscape .cover-placeholder{width:min(100%,48rem);aspect-ratio:16 / 9}.look-under{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:clamp(1.25rem,4vw,3.5rem);align-items:start;margin-top:clamp(1.1rem,2.4vw,1.7rem);padding-top:clamp(.95rem,2vw,1.3rem);border-top:1px solid var(--hairline)}.look-detail--landscape h1{font-size:clamp(2rem,4.2vw,3.6rem);line-height:1.08;letter-spacing:-.035em}.look-prose .look-text{margin-top:0}.cover-placeholder{display:grid;place-content:center;justify-items:center;color:#181817;background:linear-gradient(135deg,transparent 49.9%,#afafa9 50%,transparent 50.1%),linear-gradient(45deg,transparent 49.9%,#afafa9 50%,transparent 50.1%)}.cover-placeholder span{font:600 .7rem/1 ui-monospace,monospace;letter-spacing:.35em}.cover-placeholder strong{font:400 clamp(4rem,10vw,7rem) / .9 Georgia,serif}.pins{position:absolute;z-index:2;left:.85rem;bottom:.85rem;display:flex;flex-wrap:wrap;gap:.4rem;max-width:calc(100% - 1.7rem);margin:0;padding:0;list-style:none}.pin{min-width:1.85rem;height:1.85rem;padding-inline:.35rem;display:grid;place-items:center;border:1px solid #111;border-radius:50%;background:#111;color:#f4f4f0;font:600 .75rem/1 ui-monospace,monospace;box-shadow:0 0 0 1px #f4f4f08c;transition:background .2s ease,color .2s ease,box-shadow .2s ease,transform .2s ease}.pin:hover,.pin:focus-visible,.pin.is-current{background:#f4f4f0;color:#111;box-shadow:0 0 0 1px #111;transform:scale(1.06)}.pin:focus-visible,.piece-name:focus-visible{outline:1px solid var(--ink);outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.cover-lace{position:absolute;inset:.65rem;border:1px solid rgb(255 255 255 / 65%);box-shadow:inset 0 0 0 .28rem #ffffff21;pointer-events:none}.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.gallery figure{margin:0;overflow:hidden;border:1px solid var(--hairline);background:#deded9}.gallery img{display:block;width:100%;height:16rem;object-fit:cover;filter:saturate(.92)}.not-found{min-height:45vh;display:grid;align-content:center;justify-items:start}.not-found p{margin:1.5rem 0}.not-found a{min-height:2.75rem;display:inline-flex;align-items:center;border-bottom:1px solid var(--ink)}.pieces{min-width:0}.pieces-head{margin:0}.pieces-head .eyebrow{margin-bottom:.45rem}.pieces-empty{margin:.35rem 0 0;color:var(--ink-soft)}.piece-list{list-style:none;margin:0;padding:0}.piece{scroll-margin-top:6rem}.piece-no{min-width:1.85rem;height:1.85rem;padding-inline:.35rem;display:grid;place-items:center;border:1px solid var(--ink);border-radius:50%;background:var(--ink);color:var(--paper);font:600 .75rem/1 ui-monospace,monospace;transition:background .2s ease,color .2s ease}.piece.is-current .piece-no,.piece:target .piece-no,.piece:hover .piece-no{background:var(--paper);color:var(--ink)}.piece-copy{display:flex;gap:.75rem;align-items:flex-start;min-width:0}.piece-text{min-width:0}.piece-thumb{width:2.7rem;height:2.7rem;flex:none;object-fit:cover;border:1px solid var(--hairline);filter:none}.piece-name{margin:0;color:var(--ink);font-size:1rem;font-weight:600;line-height:1.4;letter-spacing:.01em}a.piece-name{border-bottom:1px solid color-mix(in srgb,var(--ink) 55%,transparent);text-decoration:none;transition:border-color .2s ease}a.piece-name:hover,a.piece-name:focus-visible{border-bottom-color:var(--ink)}.piece-go{font-weight:500;opacity:.75}.piece-note{margin:.28rem 0 0;color:color-mix(in srgb,var(--ink) 78%,#8a8680);font-size:.92rem;line-height:1.65}.pieces--aside{margin-top:1.25rem}.pieces--aside .piece{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.75rem;align-items:start;padding:.75rem .15rem;border-top:1px solid var(--hairline);transition:background .2s ease}.pieces--aside .piece:hover{background:color-mix(in srgb,var(--ink) 4%,transparent)}.pieces--aside .piece:target,.pieces--band .piece:target,.pieces--aside .piece.is-current,.pieces--band .piece.is-current{background:color-mix(in srgb,var(--ink) 6%,transparent)}.pieces--band{margin-top:clamp(1.35rem,3vw,2.1rem);padding-top:.85rem;border-top:1px solid var(--hairline)}.pieces--band .piece-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:.7rem}.pieces--band .piece{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.75rem;align-items:start;padding:.85rem .9rem;border:1px solid var(--hairline);background:color-mix(in srgb,var(--paper) 92%,var(--ink));transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}.pieces--band .piece:hover,.pieces--band .piece.is-current,.pieces--band .piece:target{border-color:color-mix(in srgb,var(--ink) 35%,var(--hairline));background:var(--paper);box-shadow:0 1px color-mix(in srgb,var(--ink) 8%,transparent)}@media(max-width:64rem){.wardrobe-head{grid-template-columns:minmax(0,1.15fr) minmax(14rem,.85fr);gap:2rem}.gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:52rem){.look-detail--portrait .look-stage{grid-template-columns:1fr;min-height:0;gap:1.15rem}.look-detail--portrait .look-copy{justify-content:flex-start;max-width:none;padding-bottom:0}.look-detail--portrait .look-visual{position:static;order:-1;height:auto}.look-detail--portrait .look-cover img{max-height:min(68vh,36rem);margin-inline:auto}.look-under{grid-template-columns:1fr;gap:1rem}.look-detail--landscape .look-cover img{max-height:min(46vh,22rem)}}@media(max-width:42rem){.wardrobe-head{grid-template-columns:1fr;gap:1.5rem}.gallery{grid-template-columns:1fr}.gallery img{height:14rem}}
