.ctr{padding-bottom:clamp(36px,5vw,64px)}.ctr__below{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(20px,2vw,28px) clamp(36px,7vw,120px);padding-top:clamp(28px,3.6vw,52px);display:grid}.ctr__eyebrow{font:500 12px/1.4 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--gold);grid-column:1;margin:0}.ctr__head{grid-column:1;align-content:space-between;justify-items:start;display:grid}.ctr__title,.ctr__quote{text-box:trim-start cap alphabetic}.ctr__title{font:300 clamp(42px, 5.25vw, 78px)/1.02 var(--display);letter-spacing:-.005em;color:var(--ink);text-wrap:balance;margin:0 0 clamp(20px,2vw,28px)}.ctr__title em{color:var(--blood);font-style:italic}.ctr__go{background:var(--ink);min-height:52px;color:var(--paper);border:1px solid var(--ink);font:500 16px/1 var(--body);white-space:nowrap;border-radius:999px;align-items:center;gap:10px;padding:0 26px;text-decoration:none;display:inline-flex}@media (hover:hover){.ctr__go:hover{color:var(--ink);background:0 0}}.ctr__act{flex-wrap:wrap;align-items:center;gap:12px 22px;margin:0;display:flex}.ctr__meta{font:500 11.5px/1.4 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}.ctr__row{touch-action:pan-y;gap:clamp(3px,.4vw,6px);height:clamp(280px,40vw,min(52vh,600px));margin:0;padding:0;list-style:none;display:flex}.ctr__cell{min-width:0;transition:flex-grow .62s var(--ease-out);flex:1 1 0}.ctr__cell.is-cur{flex-grow:3.4}.ctr__pic{background:color-mix(in oklab, var(--ink) 10%, var(--paper));color:#f4efe4;height:100%;text-decoration:none;display:block;position:relative;overflow:hidden}.ctr__pic img{object-fit:cover;filter:grayscale()brightness(.55)blur(1.6px);width:100%;height:100%;transition:filter .7s var(--ease-out), transform 1.3s var(--ease-out);position:absolute;inset:0;transform:scale(1.1)}.ctr__cell.is-cur .ctr__pic img{filter:none;transform:scale(1.02)}.ctr__pic:after{content:"";pointer-events:none;opacity:1;transition:opacity .7s var(--ease-out);background:radial-gradient(90% 80% at 50% 40%,#0000 30%,#0a0c0e8c);position:absolute;inset:0}.ctr__cell.is-cur .ctr__pic:after{opacity:0}.ctr__label{z-index:1}.ctr__pic:hover{color:#f4efe4}.ctr__pic:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.ctr__label{text-shadow:0 1px 10px #0c0c1099;background:linear-gradient(#0000,#0c0c1080 45%,#0c0c10d1);gap:6px;padding:72px clamp(18px,2.4vw,36px) 18px;display:grid;position:absolute;inset:auto 0 0}.ctr__short{font:500 11.5px/1.2 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#e2b452;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ctr__name{font:italic 400 clamp(22px, 2.4vw, 32px)/1.1 var(--display);white-space:nowrap;text-overflow:ellipsis;opacity:0;transition:opacity .4s;overflow:hidden}.ctr__cell.is-cur .ctr__name{opacity:1}.ctr__cap{border-left:1px solid color-mix(in oklab, var(--gold) 60%, transparent);grid-column:2;align-content:center;gap:clamp(18px,2vw,26px);min-height:calc(5.28*clamp(21px,2.1vw,30px) + clamp(18px,2vw,26px) + 52px);margin:0;padding-left:clamp(22px,2.6vw,40px);display:grid}.ctr__quote{max-width:32ch;font:italic 400 clamp(21px, 2.1vw, 30px)/1.32 var(--display);color:var(--ink);text-wrap:pretty;animation:ctr-in .52s var(--ease-out) both;margin:0}@keyframes ctr-in{0%{opacity:0;transform:translateY(6px)}}.ctr__foot{justify-items:start;gap:8px;display:grid}.ctr__from{font:400 14px/1.4 var(--body);color:var(--ink-3)}.ctr__open{font:500 11.5px/1.4 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink);border-bottom:1px solid var(--gold);white-space:nowrap;padding-bottom:3px;text-decoration:none}@media (hover:hover){.ctr__open:hover{color:var(--gold)}}@media (max-width:760px){.ctr__below{grid-template-columns:minmax(0,1fr)}.ctr__cap{grid-column:1}.ctr__go{justify-content:center;width:100%}.ctr__act{justify-content:center}.ctr__cap{min-height:0;margin-top:8px;padding-left:18px}.ctr__row{height:min(128vw, calc(100svh - var(--topbar-h,56px) - var(--tabbar-h,64px) - 96px));min-height:78vw}.ctr__cell.is-cur{flex-grow:5}.ctr__cell:not(.is-cur) .ctr__short{writing-mode:vertical-rl;white-space:nowrap;overflow:visible;transform:rotate(180deg)}.ctr__cell:not(.is-cur) .ctr__label{align-content:end;justify-items:center;padding:12px 6px;inset:0}.ctr__quote{max-width:none}}@media (prefers-reduced-motion:reduce){.ctr__cell,.ctr__pic img,.ctr__pic:after{transition:none}.ctr__quote{animation:none}}
