:root{--bg:#dfdedb;--surface:#d3d2ce;--ink:#26251e;--muted:#55534b;--accent:#2456d6;--white:#fff;--gutter:28px;--small:14px;--body:18px;--lead:24px;--head:clamp(38px,5.5vw,80px);--display:clamp(64px,10vw,160px);--ease:cubic-bezier(.16,1,.3,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Onest,Arial,sans-serif;font-size:var(--body);line-height:1.55;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%;object-fit:cover}figure,p{margin:0}h1,h2,h3{margin:0;font-weight:500;letter-spacing:-.055em;line-height:1.02}h2,h3{font-size:var(--head)}h3{font-size:clamp(34px,4vw,58px)}.frame{width:100%;padding-inline:var(--gutter);max-width:1800px;margin-inline:auto}.nav{display:flex;justify-content:space-between;align-items:center;min-height:104px}.logo{font-weight:600;font-size:32px;letter-spacing:-.06em;display:flex;align-items:center;gap:12px}.logo span{font-size:var(--lead)}nav{display:flex;gap:38px}nav a{transition:transform .25s,opacity .25s}nav a:hover{transform:translateY(-3px);opacity:.65}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:6px}.skip{position:absolute;left:20px;top:-80px;background:var(--white);padding:12px;z-index:5}.skip:focus{top:10px}.hero{padding-top:52px}.hero-top{display:grid;grid-template-columns:2.15fr 1fr;align-items:end;gap:48px}h1{font-size:var(--display);letter-spacing:-.065em;line-height:.98}.line{display:block;white-space:nowrap}.word-window{display:inline-block;width:1.8em;height:.76em;vertical-align:.025em;margin-left:.08em;overflow:hidden}.word-window img{width:100%;height:100%;animation:shutter 1.1s var(--ease) both}.hero-copy{max-width:420px;padding-bottom:5px}.hero-copy p{font-size:var(--lead);line-height:1.4;letter-spacing:-.025em}.action{display:inline-flex;gap:28px;align-items:center;justify-content:space-between;min-height:56px;background:var(--accent);color:var(--white);padding:14px 22px;margin-top:32px;transition:transform .25s}.action span{font-size:var(--lead)}.action:hover{transform:translateY(-4px)}.action:active{transform:translateY(0) scale(.98)}.hero-caption{display:flex;justify-content:space-between;gap:20px;font-size:var(--small);padding-block:38px 20px}.hero-caption span{color:var(--muted)}.hero-picture{overflow:hidden}.hero-picture>img{width:100%;height:clamp(340px,46vw,690px);object-position:center 58%;animation:settle 1.2s var(--ease) both}figcaption{font-size:var(--small);padding-top:12px;line-height:1.5;color:var(--muted)}.stories{padding-top:160px;padding-bottom:160px}.section-intro{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:9%;margin-bottom:72px}.section-intro>p,.section-intro>div>p{max-width:560px;font-size:var(--lead);line-height:1.4;letter-spacing:-.025em}.story{display:grid;grid-template-columns:1.3fr 1fr;gap:9%;align-items:center}.story figure{overflow:hidden}.story-main figure img{width:100%;height:480px}.story-copy p{margin-top:28px;max-width:560px}.text-link{display:inline-flex;align-items:center;gap:50px;min-height:48px;margin-top:22px;font-weight:500;transition:transform .25s}.text-link:hover{transform:translateX(5px)}.story-second{grid-template-columns:1fr 1.3fr;margin-top:120px}.story-second figure img{width:100%;height:580px;object-position:35% center}.mood{padding-block:120px;background:var(--surface)}.mood .section-intro{margin-bottom:44px}.mood-buttons{display:flex;gap:8px;flex-wrap:wrap;margin-top:28px}.mood-buttons button{padding:12px 20px;min-height:48px;cursor:pointer;color:var(--ink);background:var(--bg);border:0;transition:transform .2s,background .2s,color .2s}.mood-buttons button[aria-pressed=true]{background:var(--ink);color:var(--white)}.mood-buttons button:hover{transform:translateY(-3px)}.mood-view img{width:100%;height:560px;object-position:center}.mood-view.changing img{animation:replace-image .6s var(--ease)}.about{padding-block:160px;display:grid;grid-template-columns:1fr 1fr;gap:9%}.about-title>p{margin-top:32px}.archive{float:left;width:168px;height:210px;margin:0 24px 12px 0;object-fit:cover}.about-body>p+p{margin-top:24px}.footer{overflow:hidden;background:var(--ink);color:var(--bg);padding-top:92px}.footer-top{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:64px}.light{background:var(--bg);color:var(--ink)}.credits{max-width:850px;font-size:var(--small)}summary{cursor:pointer;min-height:44px;padding-top:8px}.credits p{margin-top:14px}.credits a{text-decoration:underline;text-underline-offset:3px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;font-size:var(--small);padding-top:64px}.big-word{font-size:27.5vw;max-height:25vw;line-height:.95;letter-spacing:-.075em;font-weight:600;transform:translateY(12%);white-space:nowrap;user-select:none}.reveal.in-view{animation:rise .8s var(--ease) both}.story .reveal.in-view:nth-child(2){animation-delay:70ms}.story .reveal.in-view:nth-child(3){animation-delay:140ms}::selection{background:var(--accent);color:var(--white)}
@keyframes rise{from{opacity:.25;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes shutter{from{clip-path:inset(0 100% 0 0);transform:scale(1.1)}to{clip-path:inset(0);transform:scale(1)}}@keyframes settle{from{transform:scale(1.04)}to{transform:scale(1)}}@keyframes replace-image{from{opacity:.4;transform:scale(1.015)}to{opacity:1;transform:scale(1)}}
@media(min-width:1800px){.big-word{font-size:495px;max-height:450px}}
@media(max-width:1000px){:root{--gutter:24px;--display:11vw;--body:17px;--lead:21px}.nav{min-height:88px}.hero{padding-top:30px}.hero-top{grid-template-columns:1.6fr 1fr;gap:24px}.word-window{width:1.25em}.hero-copy p{font-size:var(--body)}.hero-copy .action{gap:14px;padding-inline:16px}.hero-caption{font-size:var(--small)}.stories,.about{padding-block:112px}.story-main figure img{height:380px}.story-second figure img{height:440px}.mood-view img{height:430px}.section-intro{gap:6%}.story{gap:6%}.mood{padding-block:96px}.about{gap:6%}.archive{width:120px;height:150px}.footer-top{align-items:center}}
@media(max-width:600px){:root{--gutter:20px;--display:16vw;--head:36px;--body:16px;--lead:20px;--small:14px}.nav{min-height:80px}.logo{font-size:28px;gap:8px}nav{gap:20px;font-size:var(--small)}nav a:nth-child(2){display:none}.hero{padding-top:28px}.hero-top{display:block}.word-window{width:1.7em;height:.75em}.hero-copy{padding-top:28px;max-width:none}.hero-copy p{font-size:var(--lead);max-width:330px}.hero-copy .action{margin-top:24px}.hero-caption{display:block;padding-block:30px 18px}.hero-caption span{display:none}.hero-picture>img{height:350px;object-position:56% center}.stories{padding-top:96px;padding-bottom:96px}.section-intro{display:block;margin-bottom:40px}.section-intro>p,.section-intro>div>p{margin-top:26px;font-size:var(--lead)}.story,.story-second{display:flex;flex-direction:column;gap:28px;align-items:stretch}.story-main figure img{height:260px}.story-copy h3{font-size:var(--head)}.story-copy p{margin-top:22px}.story-second{margin-top:72px;flex-direction:column-reverse}.story-second figure img{height:400px}.mood{padding-block:72px}.mood-buttons{margin-top:24px;gap:6px}.mood-buttons button{padding:12px 17px}.mood-view img{height:350px}.about{display:block;padding-block:96px}.about-body{margin-top:40px}.archive{width:130px;height:170px;margin-right:20px}.about-title>p{margin-top:24px}.footer{padding-top:64px}.footer-top{display:block;margin-bottom:36px}.footer-top h2{font-size:42px}.footer-top .action{margin-top:28px}.footer-bottom{padding-top:44px;flex-wrap:wrap;gap:16px}.footer-bottom>span:last-child{width:100%}.big-word{font-size:29vw;max-height:29vw;padding-top:28px;box-sizing:content-box}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important;transform:none!important}.big-word{transform:translateY(12%)!important}}