.rd.page-work .wk-top{padding-top:0;padding-bottom:0}.rd.page-work .wk-lede{color:var(--muted);max-width:64ch;margin-top:16px}.rd.page-work .wk-grid{align-items:start;gap:40px 32px;margin-top:44px;display:grid}.rd.page-work .wk-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.rd.page-work .wk-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width:1100px){.rd.page-work .wk-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.rd.page-work .wk-grid-2,.rd.page-work .wk-grid-3{grid-template-columns:minmax(0,1fr);gap:44px}}.rd.page-work .wk-card{flex-direction:column;gap:18px;display:flex}.rd.page-work .wk-window{border:1px solid var(--line);background:var(--card);box-shadow:var(--rd-shadow);transition:transform .3s var(--rd-ease), box-shadow .3s var(--rd-ease);border-radius:14px;text-decoration:none;display:block;overflow:hidden;container-type:inline-size}.rd.page-work a.wk-window:hover,.rd.page-work a.wk-window:focus-visible,.rd.page-work a:hover>.wk-window,.rd.page-work a:focus-visible>.wk-window{transform:translateY(-3px);box-shadow:0 2px 4px #0a0a0b0f,0 18px 40px #0a0a0b1f}.rd.page-work .wk-window:focus-visible{outline:2px solid var(--coral);outline-offset:3px}.rd.page-work .wk-bar{background:var(--wash);border-bottom:1px solid var(--line);align-items:center;gap:6px;height:34px;padding:0 12px;display:flex}.rd.page-work .wk-bar i{background:var(--c300);border-radius:999px;width:9px;height:9px}.rd.page-work .wk-host{font-family:var(--rd-font-mono), ui-monospace, monospace;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-left:8px;font-size:.74rem;overflow:hidden}.rd.page-work .wk-view{aspect-ratio:16/10;display:block;overflow:hidden}.rd.page-work .wk-shot{width:100%;height:auto;transition:transform .9s var(--rd-ease);display:block}.rd.page-work .wk-window:hover .wk-shot,.rd.page-work .wk-window:focus-visible .wk-shot{transform:translateY(calc(-1 * var(--wk-travel)));transition:transform var(--wk-dur) linear}.rd.page-work .wk-window.wk-pan .wk-shot{animation:wk-pan calc(var(--wk-dur) * 2 + 1.2s) var(--rd-ease) .3s 1 both}@keyframes wk-pan{0%{transform:translateY(0)}45%,55%{transform:translateY(calc(-1 * var(--wk-travel)))}to{transform:translateY(0)}}.rd.page-work .wk-hint{display:none}@media (hover:hover){.rd.page-work .wk-hint{display:inline}}@media (prefers-reduced-motion:reduce){.rd.page-work .wk-window,.rd.page-work .wk-shot{transition:none}.rd.page-work a.wk-window:hover,.rd.page-work a.wk-window:focus-visible,.rd.page-work a:hover>.wk-window,.rd.page-work a:focus-visible>.wk-window,.rd.page-work .wk-window:hover .wk-shot,.rd.page-work .wk-window:focus-visible .wk-shot{transform:none}.rd.page-work .wk-window.wk-pan .wk-shot{animation:none}}:where(:root[data-still]) .rd.page-work .wk-window,:where(:root[data-still]) .rd.page-work .wk-shot{transition:none}:where(:root[data-still]) .rd.page-work a.wk-window:hover,:where(:root[data-still]) .rd.page-work a.wk-window:focus-visible,:where(:root[data-still]) .rd.page-work a:hover>.wk-window,:where(:root[data-still]) .rd.page-work a:focus-visible>.wk-window,:where(:root[data-still]) .rd.page-work .wk-window:hover .wk-shot,:where(:root[data-still]) .rd.page-work .wk-window:focus-visible .wk-shot{transform:none}:where(:root[data-still]) .rd.page-work .wk-window.wk-pan .wk-shot{animation:none}.rd.page-work .wk-body{flex-direction:column;gap:8px;display:flex}.rd.page-work .wk-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.rd.page-work .wk-name{font-family:var(--rd-font-display), system-ui, sans-serif;letter-spacing:-.01em;margin:0;font-size:1.15rem;font-weight:700}.rd.page-work .wk-lg .wk-name{font-size:1.35rem}.rd.page-work .wk-kind{letter-spacing:.1em;text-transform:uppercase;color:var(--eyeb);flex:none;font-size:.68rem}.rd.page-work .wk-place{color:var(--muted);margin:0;font-size:.86rem}.rd.page-work .wk-what{color:var(--fg);max-width:58ch;margin:4px 0 0}.rd.page-work .wk-site{flex-direction:column;gap:5px;margin:2px 0 0;padding:0;list-style:none;display:flex}.rd.page-work .wk-site li{color:var(--muted);padding-left:16px;font-size:.9rem;line-height:1.5;position:relative}.rd.page-work .wk-site li:before{content:"";background:var(--coral600);border-radius:2px;width:6px;height:6px;position:absolute;top:.62em;left:0}.rd.page-work .wk-result{color:var(--fg);margin:4px 0 0;font-weight:600}.rd.page-work .wk-foot{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:12px;margin:8px 0 0;padding-top:12px;font-size:.76rem;display:flex}.rd.page-work .wk-foot a{color:var(--fg);border-bottom:1px solid var(--line);text-decoration:none}.rd.page-work .wk-foot a:hover{color:var(--eyeb);border-bottom-color:var(--eyeb)}.rd.page-work .pd-list{flex-direction:column;gap:88px;margin-top:56px;display:flex}.rd.page-work .pd-case{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start;gap:56px;display:grid}.rd.page-work .pd-flip .pd-pics{order:2}.rd.page-work .pd-pics{margin:0;padding-bottom:56px;position:relative}.rd.page-work .pd-pics>a{border-radius:14px;text-decoration:none;display:block}.rd.page-work .wk-still{--wk-travel:0px}.rd.page-work .pd-pics>a:focus-visible{outline:2px solid var(--coral);outline-offset:3px}.rd.page-work .pd-detail{border:1px solid var(--line);background:var(--card);border-radius:12px;width:48%;height:auto;position:absolute;bottom:0;right:-16px;box-shadow:0 2px 4px #0a0a0b0f,0 18px 40px #0a0a0b24}.rd.page-work .pd-flip .pd-detail{left:-16px;right:auto}.rd.page-work .pd-note{letter-spacing:.04em;color:var(--muted);font-size:.7rem;position:absolute;bottom:18px;left:2px}.rd.page-work .pd-flip .pd-note{left:auto;right:2px}.rd.page-work .pd-pics:not(:has(.pd-detail)){padding-bottom:32px}.rd.page-work .pd-pics:not(:has(.pd-detail)) .pd-note{bottom:4px}.rd.page-work .pd-body{flex-direction:column;gap:8px;display:flex}.rd.page-work .pd-body .wk-name{font-size:1.6rem}.rd.page-work .pd-k{letter-spacing:.1em;text-transform:uppercase;color:var(--eyeb);margin:14px 0 0;font-size:.68rem;font-weight:500}.rd.page-work .pd-problem{color:var(--fg);max-width:58ch;margin:0}.rd.page-work .pd-runs{flex-direction:column;gap:6px;margin:2px 0 0;padding:0;list-style:none;display:flex}.rd.page-work .pd-runs li{color:var(--fg);background:var(--card);border:1px solid var(--line);border-radius:10px;padding:8px 12px 8px 34px;font-size:.9rem;line-height:1.45;position:relative}.rd.page-work .pd-runs li:before{content:"";border:1.5px solid var(--coral600);border-radius:999px;width:10px;height:10px;position:absolute;top:.95em;left:12px}.rd.page-work .pd-runs li:after{content:"";background:var(--coral600);border-radius:1px;width:1.5px;height:4px;position:absolute;top:calc(.95em + 2.5px);left:16.5px}.rd.page-work .pd-auto{border-top:1px solid var(--line);margin-top:88px;padding-top:32px}.rd.page-work .pd-auto-h{font-family:var(--rd-font-display), system-ui, sans-serif;letter-spacing:-.01em;margin:0;font-size:1.15rem;font-weight:700}.rd.page-work .pd-auto ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 32px;margin:20px 0 0;padding:0;list-style:none;display:grid}.rd.page-work .pd-auto li{color:var(--muted);flex-direction:column;gap:4px;max-width:52ch;font-size:.92rem;display:flex}.rd.page-work .pd-auto b{color:var(--fg);font-weight:600}@media (max-width:900px){.rd.page-work .pd-case{grid-template-columns:minmax(0,1fr);gap:28px}.rd.page-work .pd-flip .pd-pics{order:0}.rd.page-work .pd-detail,.rd.page-work .pd-flip .pd-detail{width:62%;left:auto;right:0}:is(.rd.page-work .pd-pics,.rd.page-work .pd-pics:not(:has(.pd-detail))){padding-bottom:0}.rd.page-work .pd-detail,.rd.page-work .pd-flip .pd-detail{margin:-48px 0 0 auto;display:block;position:relative}.rd.page-work .pd-note,.rd.page-work .pd-flip .pd-note{margin-top:10px;display:block;position:static}.rd.page-work .pd-pics:not(:has(.pd-detail)) .pd-note{margin-top:10px;display:block;position:static}.rd.page-work .pd-body .wk-head{flex-wrap:wrap;row-gap:4px}.rd.page-work .pd-body .wk-name{font-size:1.4rem}.rd.page-work .pd-list{gap:64px}.rd.page-work .pd-auto ul{grid-template-columns:minmax(0,1fr)}}