/* Minimal gateway, using the konnect design-system scale. */
.portal{width:100%;max-width:calc(var(--s-9)*12);margin:0 auto;padding:var(--s-7);min-height:calc(100svh - var(--s-8) - var(--s-7));display:grid;grid-template-columns:1fr 1fr;gap:var(--s-8);align-items:center}
.portal-intro{position:relative;padding:var(--s-5) 0}
.portal-kicker{font-family:var(--font-mono);font-size:var(--t-xs);letter-spacing:.12em;color:var(--smoke);margin:0 0 var(--s-6)}
.portal h1{font-family:var(--font-jp-serif);font-size:clamp(var(--t-3xl),5vw,var(--t-4xl));font-weight:400;line-height:1.5;letter-spacing:.04em;margin:0}
.portal-caption{font-size:var(--t-base);color:var(--smoke);margin:var(--s-5) 0 0}
.portal-mark{position:relative;width:calc(var(--s-8) + var(--s-6));height:var(--s-8);margin-top:var(--s-7)}
.portal-mark span{position:absolute;inset:0 auto 0 0;width:var(--s-8);border:var(--border-hairline);border-radius:50%}
.portal-mark span+span{left:var(--s-6)}
.portal-mark i{position:absolute;left:var(--s-7);top:calc(var(--s-6) - var(--s-1));width:var(--s-2);height:var(--s-2);background:var(--brick);border-radius:50%}
.portal-paths{border-top:var(--border-hairline)}
.portal-path{display:grid;grid-template-columns:var(--s-5) 1fr var(--s-4);align-items:center;gap:var(--s-4);padding:var(--s-5) var(--s-3);border-bottom:var(--border-hairline);text-decoration:none;transition:background var(--dur) var(--ease)}
.portal-path:hover,.portal-path:focus-visible{background:var(--sand-light)}
.path-number{align-self:start;padding-top:var(--s-3);font-family:var(--font-mono);font-size:var(--t-xs);color:var(--smoke)}
.path-copy{display:grid;gap:var(--s-3)}
.path-title{font-family:var(--font-display);font-size:var(--t-4xl);font-weight:400;line-height:1;letter-spacing:-.025em}
.path-caption{font-size:var(--t-sm);color:var(--smoke)}
.portal-path svg{width:var(--s-4);height:var(--s-4);fill:none;stroke:var(--ink);stroke-width:1;stroke-linecap:round;stroke-linejoin:round}
.portal-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);padding:var(--s-4) var(--s-7);color:var(--smoke);font-family:var(--font-mono);font-size:var(--t-xs)}
.portal-footer a{font-family:var(--font-body);text-decoration:none}
@media(max-width:800px){.portal{padding:var(--s-6) var(--s-5);gap:var(--s-6);grid-template-columns:1fr;min-height:0}.portal-intro{padding:0}.portal-kicker{margin-bottom:var(--s-4)}.portal h1{font-size:var(--t-2xl)}.portal-caption{margin-top:var(--s-4)}.portal-mark{display:none}.portal-path{padding:var(--s-4) var(--s-2);gap:var(--s-3)}.path-title{font-size:var(--t-3xl)}.path-copy{gap:var(--s-2)}.path-number{padding-top:var(--s-2)}.portal-footer{padding:var(--s-4) var(--s-5);flex-wrap:wrap}.portal-footer>span:nth-child(2){display:none}}
@media(prefers-reduced-motion:reduce){.portal-path{transition:none}}