@property --a{syntax:"<angle>";inherits:true;initial-value:0deg}.dir{padding:calc(var(--header-h) + clamp(28px, 5vh, 64px)) 0 clamp(60px, 10vh, 120px)}.dir__top{margin-bottom:clamp(24px,4vh,44px)}.dir__top .kicker{margin-bottom:10px}.dir__h1{margin:0}.dir__grid{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:start;gap:clamp(28px,5vw,80px);display:grid}.dir__head{top:calc(var(--header-h) + 24px);height:clamp(460px, calc(100svh - var(--header-h) - 200px), 760px);background:var(--night-2);isolation:isolate;border-radius:26px;position:sticky;overflow:hidden;box-shadow:0 50px 100px -50px #000}.dir__head .dir__lcd{z-index:2;--lcd-size:clamp(3.4rem, 5vw, 4.6rem);min-width:min(240px,46%);position:absolute;top:18px;left:18px;box-shadow:inset 0 0 0 1px #f7faff1a,inset 0 1px #f7faff29,0 24px 50px -18px #000000d9}.dir__pane{margin:0;display:none;position:absolute;inset:0}html.js .dir__pane{display:block}.dir__pane img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .22s var(--ease-out), transform .5s var(--ease-out);position:absolute;inset:0;transform:scale(1.03)}.dir__pane img.is-on{opacity:1;transform:none}.dir__pane .dir__note{z-index:3;backdrop-filter:blur(6px);color:#f7faffeb;text-shadow:none;background:#080d169e;border-radius:8px;margin:0;padding:8px 5px;position:absolute;top:auto;bottom:14px;right:14px}.dir__dock{display:none}.dir__board{border-top:1px solid var(--line-night);margin:0;padding:0;list-style:none}.dir__row{border-bottom:1px solid var(--line-night);color:var(--paper);transition:background-color .2s var(--ease-out);grid-template-columns:56px minmax(0,1fr) 40px;grid-template-areas:"n name go""n line go";align-items:center;gap:4px 18px;padding:22px 6px;text-decoration:none;display:grid}.dir__n{width:52px;height:52px;box-shadow:inset 0 0 0 1.5px var(--line-night);transition:background-color .2s var(--ease-out), color .2s var(--ease-out), box-shadow .2s var(--ease-out);border-radius:50%;grid-area:n;place-items:center;font-size:1.25rem;font-weight:600;display:grid}.dir__name{font-family:var(--f-display);letter-spacing:-.025em;font-size:clamp(1.5rem,2.6vw,2.3rem);font-weight:760;line-height:1.02;font-stretch:var(--ns,100%);transition:font-stretch .4s var(--ease-out);grid-area:name}.dir__line{color:var(--muted-night);grid-area:line;max-width:52ch}.dir__go{width:40px;height:40px;color:var(--muted-night);transition:transform .2s var(--ease-out), color .2s var(--ease-out);grid-area:go;place-items:center;display:grid}.dir__go svg{width:22px;height:22px}.dir__thumb{display:none}html:not(.js) .dir__thumb{aspect-ratio:3/2;object-fit:cover;border-radius:14px;grid-area:thumb;width:100%;max-width:320px;height:auto;margin-top:10px;display:block}html:not(.js) .dir__row{grid-template-areas:"n name go""n line go""n thumb go"}.dir__row.is-on .dir__n,.dir__row:focus-visible .dir__n,.dir__n.is-lit{background:var(--signal);color:var(--signal-ink);box-shadow:none}.dir__row.is-on .dir__name{--ns:92%}.dir__row.is-on .dir__go{color:var(--paper);transform:translate(4px)}.dir__row:active{background:#f7faff08}html:not(.motion-ok) .dir__pane img,html:not(.motion-ok) .dir__n,html:not(.motion-ok) .dir__name,html:not(.motion-ok) .dir__go{transition:none}@media (width<=900px){.dir__grid{grid-template-columns:minmax(0,1fr);gap:0}.dir__head{display:none}html.js.page-services{--dock-h:64px}html.js .dir__dock{top:var(--header-h);z-index:5;height:64px;margin:0 calc(-1 * var(--gutter));padding:0 var(--gutter);box-shadow:0 1px 0 var(--line-night);background:#0b1421f2;align-items:center;gap:14px;display:flex;position:sticky}.dir__lcd--dock{--lcd-size:1.75rem;border-radius:11px;align-items:center;gap:12px;min-width:0;max-width:100%;padding:5px 14px 5px 8px;display:inline-flex}.dir__lcd--dock .lcd__name{border:0;padding:0;font-size:.75rem}.dir__board{margin-top:8px}.dir__row,html:not(.js) .dir__row{grid-template-columns:44px minmax(0,1fr) 28px;grid-template-areas:"n name go""n line go""thumb thumb thumb";gap:4px 14px;padding:20px 0 22px}.dir__n{width:42px;height:42px;font-size:1.0625rem}.dir__go{width:28px;height:28px}html.js .dir__thumb,html:not(.js) .dir__thumb{aspect-ratio:3/2;object-fit:cover;border-radius:14px;grid-area:thumb;width:100%;max-width:none;height:auto;margin-top:12px;display:block}}@media (prefers-reduced-transparency:reduce),(prefers-contrast:more){.dir__pane .dir__note{background:var(--night);backdrop-filter:none}}