.vesper-home{--portal-mono:var(--font-jetbrains), monospace;--portal-serif:var(--font-instrument), Georgia, serif}.portal-opening{flex-direction:column;min-height:calc(100svh - 102px);display:flex}.portal-frame{padding:20px;position:relative}.portal-window{aspect-ratio:3/2;background:#152537;position:relative}.portal-window>img{object-fit:cover}.portal-window canvas{width:100%;height:100%;position:absolute;inset:0}.portal-figure figcaption{font:10px/1.6 var(--portal-mono);text-transform:uppercase;letter-spacing:.14em;color:var(--color-muted);justify-content:space-between;align-items:center;gap:1rem;padding-inline:20px;display:flex}.portal-figure button{min-height:44px;color:inherit;font:inherit;text-transform:inherit;text-underline-offset:4px;background:0 0;border:0;text-decoration:underline}.portal-statement{text-align:center;padding-block:clamp(16px,3vh,36px) 32px}.portal-statement .eyebrow{color:var(--color-accent);letter-spacing:.28em;font-size:10px}.portal-statement h1{font:400 clamp(42px, 7vw, 96px)/.98 var(--portal-serif);letter-spacing:-.015em;margin-block:20px 18px}.portal-statement h1 em{font-style:italic}.portal-description{font:11px/1.8 var(--portal-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--color-muted);max-width:58ch;margin-inline:auto}.portal-enter{font:11px/1.5 var(--portal-mono);text-transform:uppercase;letter-spacing:.3em;margin-top:14px}.portal-colophon{font:10px/1.6 var(--portal-mono);color:var(--color-muted);text-transform:uppercase;letter-spacing:.12em;flex-wrap:wrap;justify-content:space-between;gap:12px 24px;margin-top:auto;padding-block:20px;display:flex}.scroll-statement{view-timeline-name:--statement;min-height:180svh}.statement-pin{grid-template-columns:1fr 4fr;align-content:center;gap:40px;min-height:100svh;padding-block:80px;display:grid;position:sticky;top:0}.statement-margin .eyebrow{letter-spacing:.18em;font-size:10px}.statement-margin a{font:10px/1.6 var(--portal-mono);color:var(--color-muted);margin-top:16px}.statement-pin>p{font:400 clamp(44px, 6.8vw, 106px)/1.08 var(--portal-serif);letter-spacing:-.015em;max-width:18ch}.statement-pin>p span{color:color-mix(in srgb, var(--color-paper) calc(clamp(0, (var(--progress,1) - var(--word)) * 20, 1) * 100%), var(--color-muted))}.statement-end{font:10px/1.6 var(--portal-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--color-accent);grid-column:2}.selected-plates{padding-block:80px 120px}.plates-heading{border-top:1px solid var(--color-line);flex-wrap:wrap;justify-content:space-between;gap:20px;padding-block:20px;display:flex}.plates-heading :is(h2,span){font:10px/1.6 var(--portal-mono);text-transform:uppercase;letter-spacing:.2em}.plates-heading>span{color:var(--color-muted)}.plates-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:100px 28px;margin-top:64px;display:grid}.work-plate-1{grid-column:1/8}.work-plate-2{grid-column:7/13}.work-plate-3{grid-column:2/9}.plate-link{display:block}.plate-art{aspect-ratio:4/3;background:var(--color-card);position:relative;overflow:hidden}.work-plate-2 .plate-art{aspect-ratio:4/5}.plate-art img{object-fit:cover;transition:transform .8s cubic-bezier(.22,1,.36,1)}.plate-link:hover img,.plate-link:focus-visible img{transform:scale(1.035)}.plate-roman{font:italic 64px/1 var(--portal-serif);color:#e8e6e1;text-shadow:0 2px 14px #000;position:absolute;bottom:12px;left:20px}.plate-caption{grid-template-columns:1fr auto;gap:10px 16px;padding-top:20px;display:grid}.plate-index,.plate-year,.plate-caption p,.plate-view{font:10px/1.7 var(--portal-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--color-muted)}.plate-index{grid-column:1}.plate-year{grid-area:1/2}.plate-caption h3{font:italic 400 clamp(36px, 4.2vw, 64px)/1.04 var(--portal-serif);grid-column:1}.plate-view{text-underline-offset:5px;color:var(--color-paper);grid-area:2/2;align-self:center;text-decoration:underline}.plate-caption p{grid-column:1/-1}.plate-description{font:20px/1.5 var(--portal-serif);color:var(--color-muted);max-width:40ch;margin-top:18px}.all-plates{font:11px/1.6 var(--portal-mono);letter-spacing:.15em;text-transform:uppercase;margin-top:64px}.vesper-studio{border-top:1px solid var(--color-line);grid-template-columns:2fr 6fr 2fr;gap:40px;padding-block:80px 120px;display:grid}.vesper-studio .eyebrow{font-size:10px}.vesper-studio h2{font:400 clamp(40px, 4.5vw, 68px)/1.08 var(--portal-serif)}.vesper-studio h2 em{font-style:italic}.vesper-studio div>p{max-width:44ch;font:22px/1.6 var(--portal-serif);color:var(--color-muted);margin-block:24px}.vesper-studio .text-link,.vesper-studio ul{font:11px/1.8 var(--portal-mono)}.vesper-studio ul{padding:0;list-style:none}.vesper-studio li a{align-items:center;min-height:44px;display:inline-flex}@media (max-width:767px){.portal-opening{min-height:auto}.portal-figure{width:100%;margin-top:24px}.portal-frame{padding:10px}.portal-figure figcaption{letter-spacing:.04em;padding-inline:0;font-size:9px}.portal-statement{padding-top:24px}.portal-statement h1{font-size:clamp(42px,10vw,70px)}.portal-description{font-size:10px}.portal-colophon{margin-top:24px;font-size:9px}.scroll-statement{min-height:auto}.statement-pin{grid-template-columns:1fr;gap:28px;min-height:auto;padding-block:100px;position:relative}.statement-pin>p{font-size:clamp(42px,9vw,66px)}.statement-pin>p span{color:var(--color-paper)}.statement-end{grid-column:1;font-size:9px}.plates-grid{grid-template-columns:1fr;gap:64px;margin-top:32px}.work-plate{grid-column:1}.work-plate-2{justify-self:end;width:86%}.selected-plates{padding-block:24px 72px}.vesper-studio{grid-template-columns:1fr;gap:28px;padding-block:48px 72px}}@media (prefers-reduced-motion:reduce){.scroll-statement{min-height:auto}.statement-pin{min-height:auto;padding-block:100px;position:relative}.statement-pin>p span{color:var(--color-paper)}.portal-figure button{display:none}}@media (max-height:800px){.scroll-statement{min-height:auto}.statement-pin{min-height:auto;padding-block:64px;position:relative}.statement-pin>p span{color:var(--color-paper)}}@media (min-width:768px) and (min-height:801px){.portal-figure{width:min(65vw,150svh - 660px,1040px);margin-top:0}}.portal-colophon a{text-underline-offset:4px;align-items:center;min-height:44px;text-decoration:underline;display:inline-flex}.portal-figure{width:min(840px,100%);margin:0 auto}.double-door-stage{aspect-ratio:1000/560;width:100%;position:relative}.double-door-stage .portal-window{aspect-ratio:auto;position:absolute;inset:8.9286% 19%;overflow:hidden}.double-door-outline{pointer-events:none;width:100%;height:100%;stroke:var(--color-accent);stroke-width:1px;position:absolute;inset:0}.double-door-outline path{vector-effect:non-scaling-stroke}.portal-figure figcaption{align-items:center;min-height:44px;padding-inline:19%}@media (max-width:767px){.portal-figure{margin-top:32px}.portal-figure figcaption{text-align:center;flex-wrap:wrap;justify-content:center;gap:0 20px;padding-inline:0}.portal-statement h1{max-width:11ch;margin-inline:auto}}@media (min-width:768px) and (min-height:801px){.portal-figure{width:min(840px,178.57svh - 749.994px,100%)}}