.page-nav{gap:16px}.page-nav .nav-cta{margin-left:8px}.legal-back{min-height:44px;padding:10px 18px;font-size:15px}main.legal{padding-top:calc(var(--nav-top) + 120px)}.legal-body{max-width:760px}.legal-body h2{margin:var(--sp-7) 0 var(--sp-3);font-family:var(--font-disp);letter-spacing:-.03em;font-size:clamp(24px,2.4vw,32px);font-weight:800}.legal-body p{color:var(--ink-2);max-width:64ch}@media (max-width:759px){.page-nav{justify-content:space-between}.page-nav .nav-cta{display:none}}.work-page{background:var(--paper)}.work-hero{padding:calc(var(--nav-top) + 96px) var(--gut) 0;flex-direction:column;gap:clamp(24px,4vw,48px);display:flex}.work-hero-art{aspect-ratio:16/9;--hr:var(--r-lg);border-radius:var(--hr);background:var(--paper-2);width:min(100%,135.111svh);animation:work-art-in 1.2s var(--ease-out) both;margin:0 auto;overflow:hidden}.work-hero-art>*{object-fit:cover;width:100%;height:100%;display:block}.work-hero-art .art-gen svg{width:100%;height:100%;display:block}.work-hero-copy{animation:work-copy-in .9s var(--ease-out) .25s both}.work-hero-copy .mono{color:var(--mute);margin-bottom:var(--sp-4)}.work-hero h1{font-family:var(--font-disp);letter-spacing:-.045em;max-width:14ch;font-size:clamp(38px,6.6vw,108px);font-weight:800;line-height:.95}.work-hero h1 span{display:block}.work-hero h1 .mute{color:var(--mute)}@keyframes work-art-in{0%{opacity:0;transform:scale(calc(1 - .05 * var(--m,1)));clip-path:inset(calc(8% * var(--m,1)) round var(--hr))}to{opacity:1;clip-path:inset(0 round var(--hr));transform:none}}@keyframes work-copy-in{0%{opacity:0;transform:translateY(calc(28px * var(--m,1)))}to{opacity:1;transform:none}}@media (max-width:759px){.work-hero{padding-top:calc(var(--nav-top) + 80px)}.work-hero-art{--hr:var(--r-md)}}.work-page .case-grid{padding:var(--sp-9) var(--gut)}.work-page .case-main h2{font-size:var(--fs-mono);letter-spacing:var(--ls-mono);color:var(--mute);margin:0}.work-page .case-gallery .art-gen{border-radius:var(--r-md);overflow:hidden}.work-next{padding:0 var(--gut) var(--sp-9)}.work-next a{padding-top:var(--sp-6);border-top:1px solid var(--line);flex-direction:column;gap:8px;text-decoration:none;display:flex}.work-next .mono{color:var(--mute)}.work-next .case-next-name{font-family:var(--font-disp);letter-spacing:-.04em;font-size:clamp(32px,4vw,64px);font-weight:800}.work-next a:hover .case-next-name{color:var(--red-deep)}