.body{column-gap:var(--sheet-gap);grid-template-columns:repeat(12,minmax(0,1fr));align-items:stretch;row-gap:clamp(2rem,5vh,3.2rem);max-width:none;display:grid}.head,.col-left{grid-column:1/span 8;min-width:0}.head{grid-row:1;margin-top:clamp(1.2rem,5vh,3.2rem)}.col-left{grid-row:2}.rail{flex-direction:column;grid-area:2/9/auto/span 4;min-width:0;display:flex}.rail .rows{flex-direction:column;flex:1;display:flex}.sect{margin:0}.col-left>.sect+.sect{margin-top:clamp(2.2rem,5.5vh,3.6rem)}.sect-head{border-bottom:1px solid var(--line-2);align-items:baseline;gap:1rem;margin-bottom:clamp(1.1rem,2.6vw,1.7rem);padding-bottom:.65rem;display:flex}.sect-title{font:600 .6875rem/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2);margin:0}.cases{grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(.8rem,1.6vw,1.3rem);display:grid}.case{border:1px solid var(--line);background:var(--paper);transition:border-color .35s var(--ease-hover), transform .4s var(--ease);grid-column:span 2;display:block}.case:hover{border-color:var(--line-2);transform:translateY(-3px)}.case-cover{aspect-ratio:1;background:var(--tint);border-bottom:1px solid var(--line);display:block;overflow:hidden}.case-cover img{object-fit:cover;width:100%;height:100%;transition:transform .7s var(--ease);display:block;transform:scale(1.01)}.case-body{padding:.9rem 1rem 1.1rem;display:block}.case-top{align-items:center;gap:.45rem;display:flex}.case-title{letter-spacing:-.015em;font-size:.9375rem;font-weight:600}.case-arrow{opacity:0;width:.8em;height:.8em;transition:opacity .3s var(--ease), transform .3s var(--ease);transform:translate(-4px)}.case-client{font:400 .6875rem/1.4 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);margin-top:.25rem;display:block}.tags{flex-wrap:wrap;gap:.3rem;margin:.7rem 0 0;padding:0;list-style:none;display:flex}.tags li{letter-spacing:.01em;color:var(--ink-2);border:1px solid var(--line);white-space:nowrap;border-radius:999px;padding:.1rem .5rem;font-size:.66rem;font-style:normal}.out{font:500 .72rem/1 var(--mono);letter-spacing:.04em;color:var(--ink-2);transition:color .3s var(--ease-hover);align-items:center;gap:.3rem;display:inline-flex}.out:hover{color:var(--ink)}.out svg{width:.85em;height:.85em;transition:transform .3s var(--ease)}.out:hover svg{transform:translate(1px,-1px)}.rows{margin-top:0}.row{z-index:0;border-bottom:1px solid var(--line);grid-template-columns:2rem minmax(0,11rem) minmax(0,1fr) auto auto;align-items:baseline;gap:.5rem 1.1rem;padding:.85rem .6rem .85rem .2rem;display:grid;position:relative}.row:before{content:"";z-index:-1;background:var(--tint);opacity:0;transition:opacity .3s var(--ease-hover);position:absolute;inset:0}.row:hover:before{opacity:1}.row-idx{font:400 .6875rem/1.6 var(--mono);color:var(--ink-3)}.row-title{letter-spacing:-.012em;margin:0;font-size:.9375rem;font-weight:600}.row-title a{align-items:center;gap:.35rem;display:inline-flex}.row-desc{color:var(--ink-2);text-wrap:pretty;margin:0;font-size:.8125rem;line-height:1.55}.row-tags,.row-act{white-space:nowrap;align-items:baseline;display:flex}.row-tags .tags,.row-act .tags{margin-top:0}.row-act{justify-content:flex-end;min-width:7.5rem}.works{grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(.8rem,1.6vw,1.3rem);display:grid}.work{grid-column:span 2;display:block}.work-thumb{aspect-ratio:1;border:1px solid var(--line);background:var(--tint);display:block;position:relative;overflow:hidden}.work-thumb img{object-fit:cover;width:100%;height:100%;transition:transform .7s var(--ease);display:block;transform:scale(1.01)}.work-title{letter-spacing:-.012em;align-items:center;gap:.35rem;margin-top:.6rem;font-size:.875rem;font-weight:600;display:flex}.work-meta{font:400 .6875rem/1.4 var(--mono);letter-spacing:.05em;color:var(--ink-3);margin-top:.15rem;display:block}.work-arrow{opacity:0;width:.8em;height:.8em;transition:opacity .3s var(--ease), transform .3s var(--ease);transform:translate(-4px)}@media (hover:hover) and (pointer:fine){.case:hover .case-cover img,.work:hover .work-thumb img{transform:scale(1.045)}.case:hover .case-arrow,.work:hover .work-arrow{opacity:1;transform:none}}.rail .feats{grid-template-columns:minmax(0,1fr)}.rail .row{flex-direction:column;flex:1;justify-content:center;padding:.85rem .7rem .95rem;display:flex}.rail .sect-title{padding-left:.7rem}.rail .row-title{font-size:.9375rem}.rail .row-desc{margin-top:.3rem;font-size:.8125rem}.rail .row-tags{margin-top:.6rem}.rail .row-tags .tags{margin-top:0}.rail .row-act{justify-content:flex-start;min-width:0;margin-top:.65rem}.rail .row:last-child{border-bottom:0}.rail .row-lead{padding-block:1.05rem 1.15rem}.rail .row-lead .row-title{letter-spacing:-.022em;font-size:1.0625rem}.rail .row-lead .row-desc{font-size:.875rem}@media (width>=1500px){.rail .row{padding-block:1.15rem 1.25rem}.rail .row-lead{padding-block:1.4rem 1.5rem}.rail .row-title{font-size:1rem}.rail .row-lead .row-title{font-size:1.125rem}.rail .row-desc{font-size:.875rem}.rail .row-lead .row-desc{font-size:.9375rem}.rail .row-tags{margin-top:.7rem}.rail .row-act{margin-top:.75rem}}@media (width<=1000px){.body{flex-direction:column;display:flex}.col-left{display:contents}.head{order:1}.sect-cases{order:2}.rail{order:3}.sect-works{order:4}.sect,.col-left>.sect+.sect{margin-top:clamp(2.2rem,5.5vh,3.4rem)}.works{grid-template-columns:repeat(6,minmax(0,1fr))}.rail .row{grid-template-columns:minmax(0,11rem) minmax(0,1fr) auto auto;align-items:baseline;gap:.5rem 1.1rem;padding:.85rem .7rem;display:grid}.rail .row-title,.rail .row-desc,.rail .row-tags{margin-top:0}.rail .row-act{justify-content:flex-end;min-width:7.5rem;margin-top:0}}@media (width<=720px){.cases{grid-template-columns:repeat(4,minmax(0,1fr))}.case{grid-column:span 2}.works{grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem}.work{grid-column:span 2}.rail .row{padding:.85rem .7rem .95rem;display:block}.rail .row-desc,.rail .row-tags{margin-top:.3rem}.rail .row-act{justify-content:flex-start;min-width:0;margin-top:.65rem}.work-title{font-size:.8125rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.grid{display:none!important}.walker-track{animation:none!important;transform:translate(-50%)!important}.walker-fig,.walker-fig *{animation:none!important}.rise{opacity:1!important;filter:none!important;transform:none!important}}@media print{:root,html[data-theme=dark]{--paper:#fff;--ink:#000;--ink-2:#1a1a1a;--ink-3:#555;--line:#00000038;--line-2:#00000073;--plate:#000;--plate-ink:#fff;--tint:transparent;--guide:transparent}.grid,.selbox,.walker,.controls,.foot-meta{display:none!important}}