.cw{padding:160px 0;border-top:1px solid var(--line)}
.cw-head{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:48px;align-items:end;margin-bottom:56px}
.cw-head .left .num{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--aura);margin-bottom:8px}
.cw-head .left .name{font-family:var(--serif);font-style:italic;font-weight:300;font-size:28px;color:var(--ink-2)}
.cw-head h2{font-family:var(--serif);font-weight:300;font-size:clamp(44px,6.4vw,104px);line-height:.98;letter-spacing:-.035em;margin-top:28px}
.cw-head h2 .it{font-style:italic;color:var(--ink-2)}
.cw-tag{display:inline-flex;padding:8px 14px;border:1px solid var(--aura);border-radius:100px;font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--aura);margin-bottom:22px}
.cw-p{font-size:17px;line-height:1.55;color:var(--ink-2);max-width:46ch}
.cw-by{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--mute);margin-top:18px}
.cw-stage{position:relative;outline:none}
.cw-track{position:relative;display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;cursor:grab;user-select:none;-webkit-user-select:none}
.cw-track::-webkit-scrollbar{display:none}
.cw-track.dragging{cursor:grabbing;scroll-snap-type:none}
.cw-slide{flex:0 0 100%;scroll-snap-align:start;aspect-ratio:16/10;position:relative;overflow:hidden;background:#f3f1ec;box-shadow:0 1px 0 rgba(0,0,0,.04),0 40px 80px -40px rgba(15,29,54,.35)}
.cw-controls{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:28px;flex-wrap:wrap}
.cw-controls .cases-tabs{margin:0;flex:1 1 auto;min-width:0}
.cw-controls .cases-nav{margin:0;display:flex;align-items:center;gap:12px}
.cw-fs,.cw-close{font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;padding:10px 16px;border:1px solid var(--line);border-radius:100px;background:var(--paper);color:var(--ink);cursor:pointer}
.cw-fs:hover,.cw-close:hover{border-color:var(--aura);color:var(--aura)}
.cw-close{display:none;position:absolute;top:20px;right:20px;z-index:2}
.cw-note{font-size:12px;color:var(--mute);margin-top:18px}
.cw-stage.is-full{position:fixed;inset:0;z-index:400;background:#151514;display:flex;flex-direction:column;justify-content:center;padding:5vh 4vw}
.cw-stage.is-full .cw-track{width:min(92vw,calc(78vh*1.6));margin:0 auto}
.cw-stage.is-full .cw-controls{width:min(92vw,calc(78vh*1.6));margin:22px auto 0}
.cw-stage.is-full .cw-close{display:block}
.cw-stage.is-full .cw-fs{display:none}
.cw-stage.is-full .cases-count{color:#bbb}
/* slide pages, designed at 1280x800 */
.cs{position:absolute;left:0;top:0;width:1280px;height:800px;transform:scale(var(--s,1));transform-origin:0 0;font-family:"Inter",system-ui,sans-serif;color:#2a2824;-webkit-font-smoothing:antialiased}
.cs *{box-sizing:border-box}
.cs .a{position:absolute}
.cs-hd{position:absolute;left:60px;top:52px;font-size:13px;line-height:1.3}
.cs-hd b{display:block;font-weight:500;letter-spacing:.07em}
.cs-hd i{display:block;font-weight:300}
.cs-ft{position:absolute;left:60px;right:60px;bottom:40px;display:flex;justify-content:space-between;align-items:flex-end;font-size:10px;line-height:1.4;color:#5f5b53}
.cs-cap{position:absolute;font-size:10px;color:#6a665e}
.cs-img{position:absolute;overflow:hidden;background:#ddd7cc}
.cs-img img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}
.cs-big{font-size:58px;font-weight:300;line-height:1.04;letter-spacing:-.035em}
.cs-big i,.cs-mid i{font-style:italic}
.cs-mid{font-size:28px;font-weight:300;line-height:1.2;letter-spacing:-.02em}
.cs-body{font-size:14px;line-height:1.55;color:#4a4740}
.cs-list{display:grid;grid-template-columns:1fr 1fr;gap:22px 36px;font-size:11px;line-height:1.45;color:#4a4740}
.cs-list u{display:block;color:#2a2824;text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px;margin-bottom:2px}
.cs-wm{font-weight:300;letter-spacing:.36em;text-transform:uppercase;white-space:nowrap}
.cs-sub{font-size:9px;letter-spacing:.32em;text-transform:uppercase;font-weight:400}
.cs-mono{position:relative;border:1px solid currentColor;display:grid;place-items:center;font-weight:200}
.cs-mono::after{content:"";position:absolute;left:0;right:0;top:62%;border-top:1px solid currentColor}
.cs-paper{position:absolute;background:#fbfaf7;box-shadow:0 2px 4px rgba(0,0,0,.06),0 24px 40px -20px rgba(0,0,0,.28)}
.cs-line{height:4px;background:#e3dfd7;margin-bottom:9px;border-radius:2px}
.cs-dot{position:absolute;width:34px;height:34px;border-radius:50%;transform:translate(-50%,-50%)}
.cs-lab{position:absolute;transform:translate(-50%,-50%);text-align:center;font-size:11px;font-weight:500;letter-spacing:.08em;white-space:nowrap}
.cs-lab small{display:block;font-size:8.5px;font-weight:400;letter-spacing:.1em;color:#6a665e;margin-top:3px}
.cs-tile{position:relative;overflow:hidden;background:#ddd7cc;aspect-ratio:1}
.cs-tile img{width:100%;height:100%;object-fit:cover;display:block}
.cs-tile .t{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:8px;font-size:11px;font-weight:300;line-height:1.2}
@media (max-width:960px){.cw{padding:96px 0}.cw-head{grid-template-columns:1fr;gap:24px}.cw-track{gap:12px}.cw-controls{flex-direction:column;align-items:stretch}.cw-controls .cases-nav{justify-content:space-between}}