.hud .hud-nav a{white-space:nowrap}.hud .hud-nav .nav-name{font:900 17px/1 var(--f-cjk);letter-spacing:.14em;transform:skew(-6deg)}.hud .hud-nav .nav-sub{white-space:nowrap}@media (max-width:860px){.hud .hud-nav .nav-name{letter-spacing:.08em;font-size:15px}}@media (max-width:560px){.hud .hud-nav a{padding:8px 7px}.hud .hud-nav .nav-name{letter-spacing:.06em;font-size:14px}.hud .hud-nav .nav-sub{display:none}}@media (max-width:400px){.hud .hud-nav a{padding:7px 5px}.hud .hud-nav .nav-name{letter-spacing:.02em;font-size:12.5px}}.sec-h h1{margin:0;line-height:.88;position:relative}.home-sec,.sec-h,.arc-y{scroll-margin-top:calc(var(--hud) + 18px)}.pv-lead{max-width:64ch;color:var(--dim);margin:-8px 0 26px;font-size:14px;line-height:1.9}.pv-bar{flex-wrap:wrap;align-items:center;gap:14px 20px;margin-bottom:18px;display:flex}.pv-tabs{gap:6px;margin-left:auto;display:flex}.pv-tab{cursor:pointer;font:500 13px/1.2 var(--f-cjk);letter-spacing:.1em;color:var(--paper);background:var(--ink);border:1.5px solid var(--line);align-items:center;padding:8px 18px;transition:background-color .14s,border-color .14s,color .14s;display:inline-flex;transform:skew(-12deg)}.pv-tab>span{display:inline-block;transform:skew(12deg)}.pv-tab:hover,.pv-tab:focus-visible{border-color:var(--paper)}.pv-tab[aria-pressed=true]{background:var(--red-deep,#9f0c12);border-color:var(--red-deep,#9f0c12);color:var(--paper)}.pv-archive{margin-top:8px}.home-sec{margin-top:130px}.home-cta{flex-wrap:wrap;align-items:center;gap:12px 20px;margin:28px 0 0;display:flex}.home-hint{font:400 12px/1.7 var(--f-hat);letter-spacing:.14em;color:var(--dim)}.home-empty{color:var(--dim);flex-wrap:wrap;gap:4px 14px;margin:0;padding:26px 0;font-size:14px;line-height:1.9;display:flex}.home-empty a{color:var(--red);border-bottom:1px solid}.n1-works{grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:20px;margin:0;padding:0;list-style:none;display:grid}.n1-work-a{background:var(--ink);border-left:6px solid var(--red);clip-path:polygon(0 0,100% 0,calc(100% - 20px) 100%,0 100%);height:100%;transition:transform .2s var(--ease), background-color .2s;flex-direction:column;gap:8px;padding:16px 18px 18px;display:flex}.n1-work-a:hover,.n1-work-a:focus-visible{background:#17171a;transform:translate(4px)}.n1-work-cover{aspect-ratio:16/10;object-fit:cover;filter:grayscale()contrast(1.1);width:100%;transition:filter .3s, transform .3s var(--ease)}.n1-work-a:hover .n1-work-cover,.n1-work-a:focus-visible .n1-work-cover{filter:none;transform:scale(1.02)}.n1-work-noimg{aspect-ratio:16/10;color:var(--dim);border:1px dashed var(--line);place-items:center;font-size:12px;display:grid}.n1-work-title{font:900 clamp(18px, 2vw, 23px)/1.3 var(--f-cjk);margin-top:4px}.n1-work-summary{color:var(--dim);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:14px;line-height:1.75;display:-webkit-box;overflow:hidden}.n1-work-tech{font:400 11px/1.5 var(--f-hat);letter-spacing:.08em;text-transform:uppercase;color:var(--red-ink,#ff4b4f);margin-top:auto;padding-top:8px}.n1-years{flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none;display:flex}.n1-years a{background:var(--ink);border:1.5px solid var(--line);align-items:baseline;gap:10px;padding:8px 16px;transition:border-color .14s,background-color .14s;display:inline-flex;transform:skew(-10deg)}.n1-years a>b,.n1-years a>span{display:inline-block;transform:skew(10deg)}.n1-years b{font:400 22px/1 var(--f-disp);color:var(--red)}.n1-years span{font:500 12px/1.4 var(--f-cjk);color:var(--dim)}.n1-years a:hover,.n1-years a:focus-visible{border-color:var(--paper)}@media (max-width:700px){.home-sec{margin-top:96px}.pv-tabs{margin-left:0}.n1-work-a{clip-path:none}}