.tw.cl{padding-bottom:clamp(56px,7vw,110px)}
.tw.cl .wrap{max-width:1560px}
.tw .cl-head{padding:clamp(36px,5vw,72px) 0 clamp(22px,2.6vw,34px);display:grid;grid-template-columns:1fr auto;gap:16px 40px;align-items:end}
.tw .cl-crumb{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink3)}
.tw .cl-crumb a:hover{color:var(--warm)}
.tw .cl-head h1{font-size:clamp(36px,5vw,66px);font-weight:300;margin-top:12px}
.tw .cl-intro{color:var(--ink2);max-width:54ch;margin-top:14px;font-size:15px;line-height:1.55}
.tw .cl-count{font-size:12px;color:var(--ink3);letter-spacing:.08em;text-transform:uppercase}
.tw .cl-nav{display:flex;gap:6px 28px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:15px 0;margin-bottom:clamp(26px,3vw,44px);overflow-x:auto;scrollbar-width:none}
.tw .cl-nav::-webkit-scrollbar{display:none}
.tw .cl-nav a{font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink3);white-space:nowrap;padding-bottom:2px;border-bottom:1px solid transparent}
.tw .cl-nav a:hover{color:var(--ink)}
.tw .cl-nav a.on{color:var(--ink);border-color:var(--ink)}
.tw .cl-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(30px,3.2vw,52px) clamp(12px,1.4vw,22px);grid-auto-flow:dense}
.tw .cp{display:block}
.tw .cp-im{position:relative;aspect-ratio:4/5;background:var(--beige);overflow:hidden}
.tw .cp-im img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:13%;transition:opacity .45s ease,transform .6s ease}
.tw .cp-im img.b{opacity:0;background:var(--beige)}
.tw .cp:hover .cp-im img.b{opacity:1}
.tw .cp:hover .cp-im img.a{transform:scale(1.03)}
.tw .cp-tx{display:flex;justify-content:space-between;align-items:baseline;gap:14px;margin-top:13px;font-size:13.5px;line-height:1.35}
.tw .cp-n{color:var(--ink)}
.tw .cp-p{color:var(--ink2);white-space:nowrap;font-variant-numeric:tabular-nums}
.tw .cp-u{display:block;font-size:11.5px;color:var(--ink3);margin-top:3px;text-align:right}
.tw .ed{position:relative;margin:0;overflow:hidden;background:var(--beige)}
.tw .ed img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.tw .ed-big{grid-column:3 / span 2;grid-row:1 / span 2;min-height:520px}
.tw .ed-big img{object-position:50% 22%}
.tw .ed-wide{grid-column:1/-1;aspect-ratio:16/7}
.tw .ed-wide img{object-position:50% 40%}
.tw .ed figcaption{position:absolute;left:0;right:0;bottom:0;padding:clamp(22px,2.6vw,40px);color:#fff;background:linear-gradient(0deg,rgba(20,12,4,.5),rgba(20,12,4,0));display:flex;flex-direction:column;gap:8px}
.tw .ed-k{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#F4E9D6;font-weight:600}
.tw .ed-t{font-family:var(--serif);font-size:clamp(32px,3.8vw,60px);font-weight:300;line-height:1;letter-spacing:-.01em}
.tw .cl-empty{padding:60px 0;color:var(--ink2)}
.tw .cl-pag{display:flex;justify-content:center;gap:22px;margin-top:64px;font-size:12px;letter-spacing:.12em;text-transform:uppercase}
.tw .cl-pag .current{color:var(--ink);border-bottom:1px solid var(--ink)}
.tw .cl-pag a{color:var(--ink3)}
@media(max-width:1000px){.tw .cl-grid{grid-template-columns:repeat(3,1fr)}.tw .ed-big{grid-column:2 / span 2;grid-row:1 / span 2;min-height:420px}}
@media(max-width:760px){.tw .cl-grid{grid-template-columns:repeat(2,1fr)}.tw .ed-big{grid-column:1/-1;grid-row:auto;min-height:0;aspect-ratio:4/5}.tw .ed-wide{aspect-ratio:16/10}.tw .cl-head{grid-template-columns:1fr}.tw .cp-tx{flex-direction:column;gap:3px}.tw .cp-u{text-align:left}}