.vh{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.mast-wings .mast-places{margin-left:.4rem}.mast-wings .mast-places:before{content:"";background:var(--hair);width:1px;height:.9em;position:absolute;top:50%;left:-1.15rem;transform:translateY(-50%)}.place-tray,.look-tray{--r:1.8rem;--pad:.45rem;padding:var(--pad);border-radius:var(--r);transition:transform 1.1s var(--out), box-shadow 1.1s var(--out);background:#16140f09;display:block;box-shadow:inset 0 0 0 1px #16140f0f,0 2.8rem 4.4rem -3.4rem #16140f57}.look-tray{--r:1.35rem;--pad:.32rem;box-shadow:inset 0 0 0 1px #16140f0f,0 2rem 3.2rem -2.6rem #16140f4d}.place-core,.look-core{border-radius:calc(var(--r) - var(--pad));background:var(--paper-lo);display:block;overflow:hidden;box-shadow:inset 0 1px 1px #fff9}.place-core img,.look-core img{aspect-ratio:1664/928;object-fit:cover;width:100%;height:auto;transition:transform 1.8s var(--out);display:block;transform:scale(1.001)}.place-tray:hover .place-core img,.place-card:hover .place-core img,.look:hover .look-core img{transform:scale(1.035)}.place-card:hover .place-tray,.look:hover .look-tray{transform:translateY(-.3rem);box-shadow:inset 0 0 0 1px #16140f14,0 3.4rem 4.8rem -3.4rem #16140f6b}.go-place{background:var(--ink);color:var(--paper-hi);letter-spacing:.02em;transition:transform .6s var(--out), background-color .5s var(--out), box-shadow .6s var(--out);border-radius:999px;align-items:center;gap:1rem;padding:.5rem .5rem .5rem 1.5rem;font-size:1.05rem;line-height:1;text-decoration:none;display:inline-flex;box-shadow:inset 0 1px #ffffff1a,0 1.4rem 2.4rem -1.6rem #16140f99}:lang(zh-Hans) .go-place{letter-spacing:.12em}.go-ring{width:2.6rem;height:2.6rem;transition:transform .7s var(--out), background-color .5s var(--out);background:#f7f4ee1f;border-radius:50%;place-items:center;display:grid;box-shadow:inset 0 0 0 1px #f7f4ee24}.go-ring i{letter-spacing:0;font-size:1.05rem;font-style:normal;line-height:1}.go-place:hover{background:var(--accent);box-shadow:inset 0 1px #ffffff24,0 1.6rem 2.8rem -1.6rem #c2421f99}.go-place:hover .go-ring{background:#f7f4ee33;transform:translate(.12rem,-.12rem)scale(1.06)}.go-place:active{transform:scale(.98)}.go-place:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.go-place.is-small{gap:.8rem;padding:.38rem .38rem .38rem 1.2rem;font-size:.95rem}.go-place.is-small .go-ring{width:2.1rem;height:2.1rem}.places-band{padding-top:10vh}.places-band .layer{padding-bottom:2rem}.places-band .layer-name a{color:inherit}.place-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:3.6rem clamp(1.4rem,2.4vw,2.6rem);margin:0;padding:0;list-style:none;display:grid}.place-card-body{padding:1.4rem .2rem 0}.place-card.is-wide{grid-column:1/-1;grid-template-columns:minmax(0,.78fr) minmax(0,1.3fr);grid-template-areas:"body tray";align-items:center;column-gap:clamp(1.6rem,3.4vw,3.8rem);display:grid}.place-card.is-wide .place-tray{grid-area:tray}.place-card.is-wide .place-card-body{grid-area:body;padding:0}.place-where{color:var(--ink-2);text-transform:none;margin:0}.place-where:before{content:"";background:var(--accent);border-radius:50%;width:.4rem;height:.4rem;margin:0 .7rem .12rem 0;display:inline-block}.place-card-name{letter-spacing:-.03em;margin:1.2rem 0 0;font-size:clamp(3rem,5.2vw,5.8rem);line-height:.95}:lang(zh-Hans) .place-card-name{letter-spacing:.08em;font-size:clamp(2.8rem,4.6vw,5rem);line-height:1.1}.place-card-name a{color:inherit;transition:color .4s var(--out);text-decoration:none}.place-card-name a:hover{color:var(--accent)}.place-card-line{max-width:26rem;font-family:var(--serif);color:var(--ink-2);text-wrap:pretty;margin:1.2rem 0 0;font-size:clamp(1.3rem,1.6vw,1.55rem);line-height:1.35}:lang(zh-Hans) .place-card-line{letter-spacing:.06em;font-size:1.12rem;font-weight:500;line-height:1.95}.place-card-go{flex-wrap:wrap;align-items:center;gap:1rem 1.6rem;margin-top:2rem;display:flex}.place-card-more{color:var(--ink);text-decoration:none}.place-card-more i,.look-view i,.place-code i{transition:transform .6s var(--out);font-style:normal;display:inline-block}.place-card-more:hover i{transform:translate(.35rem)}.places-hero .lede{max-width:34rem}.places{max-width:112rem;margin:0 auto;padding:10vh 0 0;list-style:none}.place{border-top:1px solid var(--ink);padding:2.6rem 0 9rem;scroll-margin-top:4.5rem}.place-grid{grid-template-columns:minmax(0,24rem) minmax(0,1fr);grid-template-areas:"side cover""side look""side credits";align-items:start;gap:5.5rem clamp(2rem,5vw,6rem);display:grid}.place-side{grid-area:side;position:sticky;top:6.5rem}.place-cover{grid-area:cover;margin:0}.place-look{grid-area:look}.place-credits{grid-area:credits}.place-num{color:var(--ink-2);text-transform:none;flex-wrap:wrap;gap:.3rem 1.2rem;margin:0;display:flex}.place-num b{color:var(--accent);font-weight:400}.place-name{letter-spacing:-.035em;margin:1.6rem 0 0;font-size:clamp(3.6rem,6.4vw,7rem);line-height:.92}:lang(zh-Hans) .place-name{letter-spacing:.1em;font-size:clamp(3.2rem,5.8vw,6.4rem);line-height:1.08}.place-line{max-width:22rem;font-family:var(--serif);text-wrap:pretty;margin:1.6rem 0 0;font-size:clamp(1.35rem,1.7vw,1.65rem);line-height:1.32}:lang(zh-Hans) .place-line{letter-spacing:.06em;font-size:1.16rem;font-weight:500;line-height:1.95}.place-act{border-top:1px solid var(--hair);margin-top:2.2rem;padding-top:1.8rem}.place-about{max-width:24rem;color:var(--ink-2);text-wrap:pretty;margin:0 0 2.2rem;font-size:.95rem;line-height:1.75}:lang(zh-Hans) .place-about{line-height:1.95}.place-act .go-place{padding:.55rem .55rem .55rem 1.7rem;font-size:1.12rem}.place-act .go-place .go-ring{width:2.9rem;height:2.9rem}.place-note{color:var(--muted);text-transform:none;letter-spacing:.04em;margin:1rem 0 0;line-height:1.6}.place-code{color:var(--muted);flex-wrap:wrap;gap:.3rem 1rem;margin:1.6rem 0 0;display:flex}.place-code a,.look-view,.place-cover figcaption a{color:var(--ink);transition:color .4s var(--out), background-size .6s var(--out);background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;text-decoration:none}.place-code a:hover,.look-view:hover,.place-cover figcaption a:hover{color:var(--accent);background-size:100% 1px}.place-code a:hover i,.look-view:hover i,.place-cover figcaption a:hover i{transform:translate(.12rem,-.12rem)}.place-cover figcaption{color:var(--muted);text-transform:none;flex-wrap:wrap;justify-content:space-between;gap:.4rem 1.6rem;margin:1.1rem .3rem 0;display:flex}.place-look .index-title{border-bottom:1px solid var(--hair);margin:0 0 2.4rem;padding-bottom:1.1rem}.looks{grid-template-columns:repeat(2,minmax(0,1fr));gap:4.4rem clamp(1.6rem,2.8vw,3rem);margin:0;padding:0;list-style:none;display:grid}.looks[data-n="3"]>:first-child{grid-column:1/-1}.look{scroll-margin-top:5rem}.look-num{color:var(--accent);margin:1.5rem 0 0}.look-title{font-family:var(--serif);letter-spacing:-.01em;text-wrap:balance;margin:.6rem 0 0;font-size:clamp(1.5rem,1.9vw,1.95rem);font-weight:400;line-height:1.12}:lang(zh-Hans) .look-title{letter-spacing:.04em;font-size:clamp(1.25rem,1.5vw,1.45rem);font-weight:500;line-height:1.45}.look-body{color:var(--ink-2);text-wrap:pretty;margin:.9rem 0 0;font-size:.95rem;line-height:1.75}:lang(zh-Hans) .look-body{line-height:1.95}.look-plates{gap:.5rem;margin-top:1.3rem;display:grid}.look-plate{color:inherit;transition:background-color .5s var(--out), box-shadow .5s var(--out);background:#16140f09;border-radius:1rem;grid-template-columns:auto minmax(0,1fr) auto;align-items:baseline;column-gap:.8rem;padding:.8rem 1rem .85rem;text-decoration:none;display:grid;box-shadow:inset 0 0 0 1px #16140f12}.look-plate .mono{color:var(--accent)}.look-plate b{font-family:var(--serif);font-size:1.12rem;font-weight:400;line-height:1.3}:lang(zh-Hans) .look-plate b{font-size:1rem;font-weight:500}.look-plate-t{text-wrap:pretty}.look-plate em{color:var(--muted);margin-top:.2rem;font-size:.86rem;font-style:normal;display:block}.look-plate i{transition:transform .6s var(--out);font-style:normal}.look-plate:hover{background:#16140f0f;box-shadow:inset 0 0 0 1px #16140f1f}.look-plate:hover i{transform:translate(.3rem)}.look-links{flex-wrap:wrap;gap:.6rem 1.6rem;margin:1.1rem 0 0;display:flex}.look-view{text-transform:none;letter-spacing:.04em}.place-credits{border-top:1px solid var(--hair);padding-top:1.3rem}.place-credits h3{color:var(--ink-2);font-weight:400;font-family:var(--mono);margin:0}.place-credits ul{color:var(--muted);flex-wrap:wrap;gap:.3rem 0;margin:.8rem 0 0;padding:0;font-size:.84rem;line-height:1.7;list-style:none;display:flex}.place-credits li:not(:last-child):after{content:"·";color:var(--accent);margin:0 .7rem}@media (width<=899px){.places-band{padding-top:6vh}.place-cards{grid-template-columns:minmax(0,1fr);gap:2.6rem}.place-card.is-wide{display:block}.place-card.is-wide .place-card-body{padding:1.4rem .2rem 0}.place-tray{--r:1.4rem;--pad:.35rem}.place-card-name{font-size:clamp(2.8rem,14vw,3.8rem)}:lang(zh-Hans) .place-card-name{font-size:clamp(2.4rem,12vw,3.2rem)}.places{padding-top:6vh}.place{padding:1.8rem 0 5rem}.place-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"head""cover""act""look""credits";row-gap:2.2rem}.place-side{display:contents}.place-head{grid-area:head}.place-act{border-top:0;grid-area:act;margin-top:0;padding-top:0}.place-name{margin-top:1rem;font-size:clamp(3rem,15vw,4.2rem)}:lang(zh-Hans) .place-name{font-size:clamp(2.8rem,14vw,3.8rem)}.place-line{margin-top:1rem}.place-look{margin-top:2rem}.looks{grid-template-columns:minmax(0,1fr);gap:3.4rem}.look-tray{--r:1.2rem;--pad:.28rem}}@media (hover:none){.place-card:hover .place-tray,.look:hover .look-tray{transform:none}.place-tray:hover .place-core img,.place-card:hover .place-core img,.look:hover .look-core img{transform:scale(1.001)}}@media (prefers-reduced-motion:reduce){.place-tray,.look-tray,.place-core img,.look-core img,.go-place,.go-ring{transition:none}}
