@font-face{font-family:Algorytm;src:url('/assets/Algorytm-Regular.woff') format('woff');font-style:normal;font-weight:400;font-display:swap}
:root{font-family:Algorytm,Arial,sans-serif;font-weight:400;color:#b3b3b3;background:#000;font-synthesis:none;--gutter:24px;--ink:#ccc;color-scheme:dark;scroll-behavior:smooth;scroll-padding-top:88px}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{display:block;max-width:100%}h1,h2,p,figure,blockquote{margin:0}h1,h2{font-size:inherit;font-weight:400}a:focus-visible,button:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:2px solid currentColor;outline-offset:6px}::selection{background:#b8c7ac;color:#111}
.visually-hidden,.honeypot{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;z-index:20;left:16px;top:12px;transform:translateY(-150%);background:white;color:black;padding:12px}.skip-link:focus{transform:none}
/* Fixed header, with the same dark surface through the article. */
.site-header{position:fixed;inset:0 0 auto;z-index:5;display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:24px var(--gutter);transition:background .3s ease-out}
.site-header.is-scrolled{background:#121212}.brand img{width:215px;height:40px}
.letter-link{display:flex;align-items:center;justify-content:center;height:40px;padding:0 14px;font-size:20px;line-height:1;border:1.5px solid #fff;border-radius:10px;color:#fff;opacity:.7;background:transparent;transition:opacity .3s ease-out,transform .3s ease-out}.letter-link:hover,.letter-link:focus-visible{opacity:1}.letter-link:active{opacity:1;transform:scale(.975)}
/* One ordinary screen, with a static image until the video is available. */
.hero{position:relative;height:100svh;background:#000}.hero-screen{position:relative;height:100%;overflow:hidden}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;filter:brightness(.98)}
.hero-titles,.slot-counter{position:absolute;top:19.8%;font-size:60px;line-height:.9;letter-spacing:-.03em}
.hero-titles{left:var(--gutter);width:400px;max-width:65%;height:2.92em}.slot-counter{right:var(--gutter);min-width:1.34em;height:1em;text-align:right}
.slot-phrase{position:absolute;inset:0;visibility:hidden}.slot-phrase[data-state="1"]{visibility:visible}.slot-line{display:block;height:.9em;white-space:nowrap}.slot-mask{display:inline-block;vertical-align:top;overflow:clip;padding-block:.16em;margin-block:-.16em}.slot-word{display:block}

.about{background:#121212;padding:0 var(--gutter);overflow:visible}.about-copy{min-height:571px;display:flex;align-items:flex-start;justify-content:center;padding:329px 0 80px}.about h2{font-size:60px;line-height:.9;letter-spacing:-.03em;text-align:center;max-width:979px;text-wrap:balance}.objects-region{position:relative;height:var(--gallery-height,540px)}.objects-sticky{position:sticky;top:var(--gallery-top,100px);overflow:clip;margin-inline:calc(-1*var(--gutter));padding-inline:var(--gutter)}.objects{display:flex;gap:14px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior-x:contain}.objects::-webkit-scrollbar{display:none}.objects img{flex:0 0 auto;width:auto;height:min(540px,calc(100svh - 120px));aspect-ratio:398.288 / 540;max-width:none;object-fit:cover;filter:brightness(.86);transition:filter .4s}.objects img:hover{filter:brightness(1)}
.letter{background:#121212;color:var(--ink);padding:120px var(--gutter) 140px}.letter-grid{display:grid;grid-template-columns:248px minmax(0,554px);column-gap:55px;max-width:1160px;margin:auto}.letter-aside h2{color:#fff;font-size:60px;line-height:.9;letter-spacing:-.03em}.issue{position:sticky;top:150px;margin-top:503px;max-width:248px;transform:translateY(var(--issue-shift,0px))}.issue img,.issue-mobile img{width:100%;height:auto}.issue figcaption,.issue-mobile figcaption{font-size:16px;line-height:1.2;margin-top:20px;color:#808080;letter-spacing:0}.issue-mobile{display:none}
.letter-body{font-size:20px;line-height:1.4;letter-spacing:0}.letter-body blockquote{font-size:26px;line-height:1.3;max-width:495px;margin-bottom:80px;color:#ccc}.letter-body cite{display:block;font-style:normal;font-size:16px;line-height:1.2;max-width:242px;margin-top:28px}.mobile-comma{display:none}.letter-text p+p{margin-top:24px}.signature{margin-top:80px;font-size:20px;line-height:1.4}.subscription{margin-top:140px}
.input-row{display:flex;align-items:center;gap:20px;border-bottom:1px solid #ffffff33;padding:0 0 19px;min-height:60px;transition:border-color .3s ease-out}.input-row:focus-within,.input-row:has(input:not(:placeholder-shown)){border-color:#fff}.input-row input{width:100%;min-width:0;border:0;background:transparent;color:#fff;outline:none;font-size:20px;line-height:1.3;padding:0;letter-spacing:0;border-radius:0}.input-row input::placeholder{color:#ffffff66;opacity:1}.input-row input:focus-visible{outline:none}
.input-row button{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;border:1.5px solid #fff;border-radius:10px;background:transparent;color:#fff;opacity:.7;transition:transform .4s cubic-bezier(.4,0,.25,1)}
.input-row button>span{display:block;position:relative;width:22px;height:20px;overflow:hidden;font-size:0}
.input-row button>span::before,.input-row button>span::after{content:"";position:absolute;top:6px;left:7px;width:7px;height:7px;border-right:2px solid currentColor;border-top:2px solid currentColor;transform:rotate(45deg);transition:transform .4s cubic-bezier(.4,0,.25,1)}
.input-row button>span::after{left:-13px}
.input-row button:focus-visible:not(:disabled)>span::before,.input-row button:focus-visible:not(:disabled)>span::after{transform:translateX(20px) rotate(45deg)}
.input-row button:active:not(:disabled){transform:scale(.95)}
.input-row button:disabled{opacity:.3;cursor:wait}.form-status{margin-top:12px;font-size:16px;line-height:1.25}.form-status:empty{display:none}.form-status.error{color:#ffa6a6}.subscription-note{margin-top:20px;font-size:16px;line-height:1.2;color:#b3b3b3;max-width:554px}.subscribe-form.success .input-row{border-color:transparent}.subscribe-form.success input{color:#fff}.subscribe-form.success button{opacity:.3;cursor:default;border-color:#fff;background:transparent;color:#fff}
@media(max-width:1100px) and (min-width:601px){.about h2{font-size:clamp(36px,5.45vw,60px)}.about .desktop-break{display:none}}
@media(max-width:900px) and (min-width:601px){.letter-grid{grid-template-columns:190px minmax(0,554px);gap:32px}.letter-aside h2{font-size:48px}.issue{margin-top:551px}.hero-titles,.slot-counter{font-size:48px}.objects{gap:10px}}
@media(max-width:600px){
  .letter-dock{position:fixed;left:0;right:0;bottom:0;padding:24px var(--gutter) max(24px,env(safe-area-inset-bottom));border-radius:20px 20px 0 0;background:#171717b3;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:opacity .3s ease-out,transform .3s ease-out,visibility .3s}
  .past-hero .letter-dock{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(12px)}
  .hero-image{max-width:none;height:80%;top:auto;bottom:0;object-position:50% 0}.hero-titles,.slot-counter{top:130px;font-size:36px;line-height:.9}.hero-titles{max-width:none;width:calc(100% - var(--gutter)*2 - 48px)}.slot-counter{min-width:38px}
  .about-copy{min-height:511px;padding:292px 0 80px}.about h2{font-size:36px;line-height:.9;max-width:420px}.desktop-break{display:none}.objects{gap:10px}.objects img{width:auto;height:min(361.47px,calc(100svh - 120px));filter:none}
  .letter{padding:120px var(--gutter) 140px}.letter-grid{display:block}.letter-aside{display:contents}.letter-aside h2{font-size:36px;line-height:.9;color:#ccc;margin-bottom:60px}.letter-aside h2 br{display:none}.letter-aside>.issue{display:none}.letter-body{font-size:18px;line-height:1.5}.letter-body blockquote{margin-bottom:60px;font-size:26px;line-height:1.36}.letter-body cite{margin-top:28px;max-width:287px;font-size:16px;line-height:1.36}.mobile-comma{display:inline}.issue-mobile{display:block;width:100%;max-width:354px;margin:60px auto}.signature{margin-top:60px;font-size:18px;line-height:1.5}.subscription{margin-top:140px;width:100%}.input-row{gap:12px}.subscription-note{font-size:16px}.form-status{font-size:15px}
}
@media(max-width:360px){:root{--gutter:18px}.input-row input{font-size:18px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* Figma button v2: the label rolls up by 30px; the arrow rolls right by 20px. */
.letter-label-mask{display:block;height:26px;overflow:hidden}.letter-label-track{display:block;transition:transform .4s cubic-bezier(.4,0,.25,1)}.letter-label-track>span{display:block;height:30px;line-height:26px;white-space:nowrap}
.letter-link:focus-visible .letter-label-track{transform:translateY(-30px)}
@media(hover:hover){.letter-link:hover .letter-label-track{transform:translateY(-30px);transition-delay:.3s}.input-row button:hover:not(:disabled)>span::before,.input-row button:hover:not(:disabled)>span::after{transform:translateX(20px) rotate(45deg)}}
/* Progressive enhancement: without JS all content stays visible. */
[data-reveal="pending"]:not([data-reveal-kind="heading"]){opacity:0;transform:translateY(40px)}
.reveal-word-mask{display:inline-block;vertical-align:top;overflow:clip;padding-block:.16em;margin-block:-.16em}.reveal-word{display:block}
[data-reveal="pending"] .reveal-word{transform:translateY(140%)}
@media(prefers-reduced-motion:reduce){[data-reveal="pending"]:not([data-reveal-kind="heading"]){opacity:1;transform:none}[data-reveal="pending"] .reveal-word{transform:none}}
@media print{[data-reveal]{opacity:1!important;transform:none!important}.reveal-word{transform:none!important}}

/* Neutral input selection/autofill, without the browser's blue fill. */
.input-row input::selection{background:#666;color:#fff}
.input-row input:autofill{box-shadow:0 0 0 1000px #121212 inset;color:#fff;caret-color:#fff}
.input-row input:-webkit-autofill,.input-row input:-webkit-autofill:hover,.input-row input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px #121212 inset;-webkit-text-fill-color:#fff;caret-color:#fff}
.input-row:focus-within{border-bottom-width:2px;padding-bottom:18px}
.input-row button:focus-visible{opacity:1}
@media(hover:hover){.input-row button:hover:not(:disabled){opacity:1}}
@media(prefers-reduced-motion:reduce){.objects-region{height:auto!important}.objects-sticky{position:relative;top:0}.issue{transform:none}}
@media print{.site-header{display:none}.objects-region{height:auto!important}.objects-sticky,.issue{position:static;transform:none}}

.issue-mobile{transform:translateY(var(--mobile-issue-shift,0px))}
@media(prefers-reduced-motion:reduce){.issue-mobile{transform:none}}