/* Two alternative gateway compositions; konnect spacing and type tokens. */
.option-eyebrow{font:var(--t-xs)/var(--lh-body) var(--font-mono);letter-spacing:.14em;color:var(--smoke);margin:0}
.option-link{color:var(--ink);text-decoration:none;transition:background var(--dur) var(--ease)}
.option-link:hover,.option-link:focus-visible{background:var(--sand-light)}
.option-num{font:var(--t-xs)/1 var(--font-mono);color:var(--smoke)}
.option-name{font:400 var(--t-3xl)/1 var(--font-display);letter-spacing:-.025em}
.option-label{font-size:var(--t-sm);color:var(--smoke)}
.option-arrow{font-size:var(--t-xl);font-weight:400}
.option-b{padding:var(--s-6) var(--s-7) var(--s-5);min-height:calc(100svh - var(--s-8) - var(--s-7));display:flex;flex-direction:column;justify-content:center;gap:var(--s-7);max-width:calc(var(--s-9)*14);margin:auto}
.b-heading h1{font-family:var(--font-display);font-size:clamp(var(--t-5xl),21vw,calc(var(--t-5xl)*3.5));font-weight:400;line-height:.85;letter-spacing:-.055em;margin:var(--s-5) 0 var(--s-6)}
.b-heading h1 span{color:var(--brick)}
.b-caption{display:flex;justify-content:space-between;align-items:center;gap:var(--s-4)}
.b-caption p{font:400 var(--t-xl)/var(--lh-body) var(--font-jp-serif);margin:0}
.b-caption>span{font-size:var(--t-sm);color:var(--smoke)}
.b-paths{display:grid;grid-template-columns:repeat(3,1fr);border-top:var(--border-hairline);border-bottom:var(--border-hairline)}
.b-paths .option-link{display:grid;grid-template-columns:1fr auto;gap:var(--s-4);padding:var(--s-5)}
.b-paths .option-link+.option-link{border-left:var(--border-hairline)}
.b-paths .option-num{grid-column:1/-1}.b-paths .option-name{grid-column:1}.b-paths .option-label{grid-column:1;grid-row:3}.b-paths .option-arrow{grid-column:2;grid-row:2;align-self:center}
.option-c{display:grid;grid-template-columns:1.05fr 1fr;min-height:calc(100svh - var(--s-8) - var(--s-7))}
.c-photo{position:relative;margin:0;min-height:calc(var(--s-9)*4);background:var(--sand)}
.c-photo>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:48% center}
.c-caption{position:absolute;bottom:var(--s-6);left:var(--s-6);background:var(--urban-white);padding:var(--s-5);max-width:calc(100% - var(--s-7))}
.c-caption h1{font:400 var(--t-3xl)/1.4 var(--font-jp-serif);margin:var(--s-4) 0 0}
.c-entrances{padding:var(--s-6) var(--s-7);display:flex;flex-direction:column;justify-content:center}
.c-intro{font:400 var(--t-xl)/1.8 var(--font-jp-serif);margin:0 0 var(--s-6)}
.c-paths{border-top:var(--border-hairline)}
.c-paths .option-link{display:grid;grid-template-columns:var(--s-4) 1fr auto;align-items:center;gap:var(--s-3);padding:var(--s-5) var(--s-2);border-bottom:var(--border-hairline)}
.c-paths .option-num{grid-column:1;grid-row:1}.c-paths .option-name{grid-column:2;grid-row:1}.c-paths .option-label{grid-column:2;grid-row:2}.c-paths .option-arrow{grid-column:3;grid-row:1/3}
.c-footnote{font-size:var(--t-sm);color:var(--smoke);margin:var(--s-5) 0 0}
@media(max-width:800px){.option-b{padding:var(--s-6) var(--s-5);min-height:0;gap:var(--s-6)}.b-heading h1{margin-bottom:var(--s-5)}.b-caption{display:block}.b-caption p{font-size:var(--t-lg);margin-bottom:var(--s-3)}.b-paths{grid-template-columns:1fr}.b-paths .option-link{grid-template-columns:var(--s-4) 1fr auto;padding:var(--s-4) var(--s-2);gap:var(--s-3)}.b-paths .option-link+.option-link{border-left:0;border-top:var(--border-hairline)}.b-paths .option-num{grid-column:1;grid-row:1;align-self:center}.b-paths .option-name{grid-column:2;grid-row:1}.b-paths .option-label{grid-column:2;grid-row:2}.b-paths .option-arrow{grid-column:3;grid-row:1/3}.option-c{grid-template-columns:1fr;min-height:0}.c-photo{min-height:0;aspect-ratio:16/9}.c-caption{left:var(--s-4);bottom:var(--s-4);padding:var(--s-3)}.c-caption .option-eyebrow{display:none}.c-caption h1{font-size:var(--t-xl);margin:0}.c-entrances{padding:var(--s-5) var(--s-5)}.c-intro{font-size:var(--t-lg);margin-bottom:var(--s-4)}.c-paths .option-link{padding:var(--s-4) var(--s-2)}.c-paths .option-name{font-size:var(--t-2xl)}}
@media(prefers-reduced-motion:reduce){.option-link{transition:none}}

@media(max-width:640px){.b-heading h1{font-size:clamp(var(--t-4xl),24vw,var(--t-5xl))}}