@font-face{font-family:Bodoni;src:url('fonts/bodoni-moda-latin-400.woff2') format('woff2');font-weight:400;font-display:swap}
:root{--paper:#f4f1ea;--ink:#1a1712;--muted:#625a50;--line:#d8d1c4;--ease:cubic-bezier(.22,1,.36,1);color:var(--ink);background:var(--paper);font:16px/1.65 Arial,Helvetica,sans-serif;scroll-behavior:smooth;scroll-padding-top:100px}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:2px solid currentColor;outline-offset:5px}p,h1,h2{margin:0}img{display:block;max-width:100%}.skip{position:fixed;top:-100px;left:24px;padding:16px;background:var(--paper);z-index:20}.skip:focus{top:16px}
.navigation{position:absolute;top:0;left:0;width:100%;padding:16px 48px;min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:24px;color:var(--paper);z-index:5}.brand,.navigation nav,.eyebrow,.text-link,.scroll-cue,.slide-meta,.carousel-position,.vibe-count,footer{font-size:11px;font-weight:400;text-transform:uppercase;letter-spacing:.12em}.brand{font-size:13px}.navigation nav{display:flex;gap:36px}.navigation a{display:inline-flex;align-items:center;min-height:48px}.navigation nav a,.text-link{position:relative;gap:24px}.navigation nav a:after,.text-link:after{content:'';position:absolute;bottom:8px;height:1px;left:0;width:100%;background:currentColor;opacity:.4;transform-origin:left;transition:transform .5s,opacity .5s}.navigation nav a:hover:after,.text-link:hover:after{opacity:1;transform:scaleX(.85)}.hero{height:100svh;min-height:680px;max-height:1300px;position:relative;overflow:hidden;background:#393c2a;color:var(--paper)}.hero-image,.hero-shade{position:absolute;inset:0}.hero-image img{width:100%;height:100%;object-fit:cover;object-position:50% 43%;transform:scale(1.025)}.hero-shade{background:linear-gradient(180deg,rgba(20,17,12,.68),transparent 35%,rgba(20,17,12,.2) 48%,rgba(20,17,12,.84))}.hero-copy{position:absolute;bottom:94px;left:max(48px,calc((100vw - 1280px)/2));right:48px}.eyebrow{letter-spacing:.22em;font-size:11px;margin-bottom:28px}.hero h1{font:400 clamp(80px,8.5vw,144px)/.98 Bodoni,Georgia,serif;letter-spacing:-.025em}.hero h1 em{font-style:normal}.text-link{display:inline-flex;align-items:center;min-height:48px;margin-top:32px}.scroll-cue{position:absolute;right:48px;bottom:46px;display:flex;gap:40px;align-items:center;min-height:48px}.scroll-cue span:last-child{font-size:22px}.hero-copy{animation:arrive 1.4s var(--ease) both}@keyframes arrive{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
.selected{padding:132px 0 0;overflow:hidden}.section-heading,.carousel-bottom,footer{max-width:1280px;width:calc(100% - 96px);margin-inline:auto}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:64px;margin-bottom:64px}h2{font:400 clamp(48px,4.5vw,72px)/1.1 Bodoni,Georgia,serif;letter-spacing:-.02em}.section-note{font-size:14px;color:var(--muted);max-width:28ch;flex-shrink:0;padding-bottom:6px}.slides{list-style:none;margin:0;padding:0 max(48px,calc((100vw - 1280px)/2));display:flex;gap:40px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;scroll-padding-inline:max(48px,calc((100vw - 1280px)/2));overscroll-behavior-x:contain}.slides::-webkit-scrollbar{display:none}.slide{flex:0 0 min(48vw,640px);scroll-snap-align:start;min-width:0}.slide a{display:block}.slide img{width:100%;height:520px;object-fit:contain;object-position:center bottom;background:#ede8de}.slide-meta{display:flex;justify-content:space-between;gap:24px;padding-top:22px;color:var(--muted)}.slide a:hover img{opacity:.9}.slide img{transition:opacity 1.2s}.carousel-bottom{display:flex;align-items:center;gap:32px;margin-top:32px}.carousel-position{min-width:60px}.divider{color:var(--muted)}.track{height:1px;background:var(--line);flex:1;overflow:hidden}.track span{height:1px;background:var(--ink);display:block;transform-origin:left;transform:scaleX(.125);transition:transform .7s var(--ease)}.carousel-controls{display:flex;gap:12px}.carousel-controls button{width:52px;height:52px;background:transparent;border:1px solid var(--line);font-size:22px;transition:background .5s,color .5s}.carousel-controls button:hover{background:var(--ink);color:var(--paper)}.carousel-controls button:disabled{opacity:.35;cursor:default}.vibes{padding:150px 0 144px;margin-bottom:0;align-items:flex-start}.vibes-heading{flex:1}.vibe-list{flex:1;padding-top:12px;min-width:0}.vibe-link{border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px 0;min-height:80px}.vibe-link:first-child{border-top:1px solid var(--line)}.vibe-link>span:first-child{font-size:18px}.vibe-count{white-space:nowrap;color:var(--muted);font-size:10px}.vibe-count span{display:inline-block;margin-left:20px;transition:transform .5s}.vibe-link:hover .vibe-count span{transform:translate(3px,-3px)}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:32px;padding:36px 0 48px;color:var(--muted);font-size:9px}footer .text-link{margin:0;font-size:10px}footer .brand{font-size:11px}.motion-ready .reveal{opacity:0;transform:translateY(16px);transition:opacity 1.2s var(--ease),transform 1.2s var(--ease)}.motion-ready .reveal.is-visible{opacity:1;transform:none}
@media(min-width:1800px){.hero-image img{object-position:50% 48%}}
@media(max-width:1023px){.section-heading{gap:32px}.section-note{font-size:12px}.slide img{height:430px}.vibes{gap:48px}.vibe-count span{margin-left:8px}footer>span{display:none}}
@media(max-width:767px){:root{scroll-padding-top:32px}.navigation{padding:12px 24px;min-height:80px;gap:16px}.brand{font-size:10px}.navigation nav{gap:0;font-size:10px}.navigation nav a:first-child{display:none}.hero{min-height:720px;max-height:1000px}.hero-copy{left:24px;right:24px;bottom:136px}.hero h1{font-size:clamp(48px,12vw,80px);line-height:1.05}.hero .eyebrow{font-size:9px;max-width:28ch;line-height:1.9;margin-bottom:24px}.hero-image img{object-position:50% 50%}.scroll-cue{left:24px;right:24px;bottom:32px;justify-content:space-between;font-size:9px}.section-heading,.carousel-bottom,footer{width:calc(100% - 48px)}.selected{padding-top:88px}.section-heading{display:block;margin-bottom:40px}h2{font-size:48px}.eyebrow{font-size:10px;line-height:1.8;margin-bottom:20px}.section-note{margin-top:24px;font-size:14px}.slides{padding-inline:24px;scroll-padding-inline:24px;gap:20px}.slide{flex-basis:80vw}.slide img{height:360px}.slide-meta{font-size:9px;padding-top:16px}.carousel-bottom{gap:16px;margin-top:24px}.carousel-controls{gap:8px}.carousel-controls button{width:48px;height:48px}.vibes{padding:96px 0;margin-bottom:0}.vibe-list{margin-top:44px}.vibe-link>span:first-child{font-size:16px}.vibe-count{font-size:9px}footer{padding:24px 0 32px;flex-wrap:wrap;gap:0}footer .brand{min-height:48px;display:flex;align-items:center}footer .text-link{font-size:9px;margin-left:auto}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion-ready .reveal{opacity:1;transform:none}.hero-image img{transform:none!important}}

/* Reserve trailing space so the final image snaps to the same leading edge. */
.slides{padding-right:calc(100% - min(48vw,640px) - max(48px,calc((100vw - 1280px)/2)))}
@media(max-width:767px){.slides{padding-right:calc(20vw - 24px)}}
/* Analogue image treatment stays below the scrim, title and navigation. */
#hero-crt{position:absolute;inset:0;pointer-events:none;overflow:hidden}
#hero-crt canvas{width:100%;height:100%;display:block;opacity:0}
#hero-crt[data-ready="true"] canvas{opacity:1}
/* Faded hallway paper. */
:root{--paper:#eee9df;--ink:#25251f;--muted:#605e51;--line:#cec7b8}
.vibe-link:hover,.vibe-link:focus-visible{color:#626647}