@import url("https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400;0,500;0,600;1,400&family=JetBrains+Mono:wght@300;400&display=swap");:root{--bg:#0e0e10;--bg-deep:#08080a;--bg-soft:#15151a;--ink:#e9e6df;--ink-mute:#8a857c;--ink-faint:#44423d;--rule:hsla(42,19%,89%,.08);--accent:#c9b08a}*{box-sizing:border-box;margin:0;padding:0}body,html{background:var(--bg);color:var(--ink);font-family:EB Garamond,Apple Garamond,Garamond,serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-feature-settings:"kern","liga","onum","pnum"}body{background:radial-gradient(1200px 800px at 80% -10%,hsla(36,37%,66%,.04),transparent 60%),radial-gradient(900px 700px at -10% 110%,hsla(36,37%,66%,.03),transparent 60%),var(--bg);background-attachment:fixed;position:relative;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 0.04 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");opacity:.6;mix-blend-mode:overlay;z-index:1}main{position:relative;z-index:2}.mono{font-family:JetBrains Mono,ui-monospace,monospace;font-weight:300;letter-spacing:.08em;text-transform:uppercase;font-size:11px;color:var(--ink-mute)}.hero{min-height:92vh;padding:48px 64px 80px;display:grid;grid-template-rows:auto 1fr auto;border-bottom:1px solid var(--rule)}.hero-top{display:flex;justify-content:space-between;align-items:baseline}.mark{font-family:EB Garamond,serif;font-weight:500;font-style:italic;font-size:18px;letter-spacing:.02em}.hero-center{flex-direction:column;text-align:center;padding:8vh 0}.eyebrow,.hero-center{display:flex;justify-content:center;align-items:center}.eyebrow{gap:14px;margin-bottom:36px}.eyebrow .line{width:56px;height:1px;background:var(--ink-faint)}.title{font-family:EB Garamond,serif;font-weight:400;font-size:clamp(64px,10vw,160px);line-height:.98;letter-spacing:-.02em}.title .it{font-style:italic;color:var(--accent);font-weight:400}.lede{margin:40px auto 0;max-width:560px;font-size:20px;line-height:1.55;color:var(--ink-mute);font-weight:400}.hero-foot{display:flex;justify-content:space-between;align-items:end;font-size:12px}.foot-col{display:flex;flex-direction:column;gap:6px}.foot-col strong{color:var(--ink);font-weight:500;font-style:italic;font-size:14px}.piece{padding:12vh 64px;border-bottom:1px solid var(--rule);display:grid;grid-template-columns:1fr 1fr;grid-gap:80px;gap:80px;align-items:center}.piece.right{grid-template-columns:1fr 1fr}.piece.right .piece-media{order:2}.piece.right .piece-text{order:1}.piece-media{position:relative;border-radius:2px;overflow:hidden;background:var(--bg-deep);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.04),0 30px 80px -20px rgba(0,0,0,.7)}.piece-media video{width:100%;height:auto;display:block}.piece-text{display:flex;flex-direction:column;gap:24px;max-width:460px}.piece.right .piece-text{margin-left:auto}.piece-num{font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.18em;color:var(--ink-mute);display:flex;align-items:center;gap:12px}.piece-num:after{content:"";flex:1 1;height:1px;background:var(--ink-faint);max-width:80px}.piece-title{font-family:EB Garamond,serif;font-weight:400;font-size:clamp(40px,5vw,64px);line-height:1.02;letter-spacing:-.01em}.piece-title em{color:var(--accent);font-weight:400}.piece-desc{font-size:17px;line-height:1.6;color:var(--ink-mute)}.piece-meta{display:flex;gap:28px;margin-top:8px;font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.16em;color:var(--ink-faint);text-transform:uppercase}.essay{padding:18vh 64px 14vh;display:grid;grid-template-columns:1fr 2fr;grid-gap:96px;gap:96px;border-bottom:1px solid var(--rule)}.essay-label{padding-top:12px}.essay-label .mono{display:block;margin-bottom:14px}.essay-label h3{font-family:EB Garamond,serif;font-style:italic;font-size:38px;line-height:1.05;letter-spacing:-.01em}.essay-body,.essay-label h3{font-weight:400;color:var(--ink)}.essay-body{font-size:21px;line-height:1.65;max-width:720px}.essay-body p+p{margin-top:1.4em}.essay-body p:first-child:first-letter{font-size:64px;float:left;line-height:.9;padding:8px 12px 0 0;color:var(--accent);font-style:italic}footer{padding:48px 64px;display:flex;justify-content:space-between;align-items:center;font-size:12px}footer .mark{font-size:16px}@media (max-width:880px){.essay,.hero,.piece,footer{padding-left:28px;padding-right:28px}.essay,.piece{grid-template-columns:1fr;gap:36px}.piece.right .piece-media{order:0}.piece.right .piece-text{order:1;margin-left:0}}