:root{color:var(--cream);background:var(--handoff,#31382c);font-family:var(--font-display);font-synthesis:none;--cream:#ffedd7;--accent:#dc5000;--font-display:"Satoshi", "Helvetica Neue", Arial, sans-serif;--font-serif:"Literata", Georgia, "Times New Roman", serif;--font-mono:"DM Mono", ui-monospace, "SF Mono", Menlo, monospace}*{box-sizing:border-box}html,body{min-width:100%;min-height:100%;margin:0}body{background:var(--handoff,#31382c);min-height:100vh;overflow:clip auto}.project-visual,.project-shade{position:fixed;inset:0}.project-visual{background-color:var(--handoff,#31382c);background-image:var(--poster);background-position:50%;background-repeat:no-repeat;background-size:cover}.project-shade{background:linear-gradient(90deg,#171611db 0%,#1716119e 45%,#0000 82%),linear-gradient(#0000 42%,#0f0e0b47)}.back-link{z-index:3;border-top:1px solid var(--accent);color:var(--cream);font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;text-shadow:0 2px 12px #13100acc;align-items:center;gap:10px;padding-top:10px;font-size:11px;font-weight:400;text-decoration:none;transition:color .18s;display:inline-flex;position:fixed;top:30px;left:30px}.project-nav{z-index:3;font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;flex-wrap:wrap;justify-content:flex-end;gap:12px 22px;font-size:10px;display:flex;position:fixed;top:30px;right:30px}.project-nav a{color:var(--cream);text-shadow:0 2px 12px #13100acc;border-top:1px solid #ffedd780;padding-top:10px;text-decoration:none;transition:border-color .18s,color .18s}.project-nav a:hover,.project-nav a:focus-visible{border-color:var(--accent);color:var(--accent);outline:none}.back-link:hover,.back-link:focus-visible{color:var(--accent);outline:none}.project{z-index:2;opacity:0;align-items:flex-end;min-height:100vh;padding:15vh 7vw 8vh;transition:opacity .52s .12s,transform .6s cubic-bezier(.2,.8,.2,1) .12s;display:flex;position:relative;transform:translateY(14px)}body.is-ready .project{opacity:1;transform:translateY(0)}.project__content{text-shadow:0 2px 14px #13100ac7;max-width:560px}.project__index,.project__kind{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:11px;font-weight:400}.project__index{color:var(--accent)}.project h1{font-family:var(--font-serif);letter-spacing:-.045em;margin:18px 0 14px;padding-bottom:.12em;font-size:clamp(64px,8vw,118px);font-weight:500;line-height:.84}.project__kind{color:#ffedd7b3;margin-left:4px}.project__stats{border-top:1px solid #ffedd747;flex-wrap:wrap;gap:20px 46px;margin:36px 0 0 4px;padding:24px 0 0;display:flex}.project__stat{flex-direction:column-reverse;gap:10px;margin:0;display:flex}.project__stat dd{letter-spacing:-.03em;margin:0;font-size:clamp(40px,4.6vw,58px);font-weight:500;line-height:.9}.project__stat dt{color:var(--accent);font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;font-size:10px;font-weight:400}.project__copy{color:#ffedd7bd;max-width:500px;font-family:var(--font-serif);margin:30px 0 0 4px;font-size:17px;line-height:1.6}.project__copy+.project__copy{margin-top:18px}.project__points{color:#ffedd7bd;max-width:500px;font-family:var(--font-serif);margin:30px 0 0;padding:0 0 0 4px;font-size:17px;line-height:1.6;list-style:none}.project__points li{padding-left:24px;position:relative}.project__points li+li{margin-top:18px}.project__points li:before{background:var(--accent);content:"";width:12px;height:1px;position:absolute;top:13px;left:0}.project__reel{max-width:560px;margin:38px 0 0 4px}.project__reel-head{justify-content:space-between;align-items:baseline;gap:18px;display:flex}.project__reel-title{border-top:1px solid var(--accent);color:var(--cream);font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;margin:0;padding-top:10px;font-size:11px;font-weight:400}.project__reel-nav{gap:8px;display:flex}.project__reel-nav button{width:34px;height:34px;color:var(--cream);cursor:pointer;background:0 0;border:1px solid #ffedd766;padding:0;font-size:14px;line-height:1;transition:border-color .18s,color .18s}.project__reel-nav button:hover,.project__reel-nav button:focus-visible{border-color:var(--accent);color:var(--accent);outline:none}.project__reel-track{scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:14px;margin-top:18px;display:flex;overflow-x:auto}.project__reel-track::-webkit-scrollbar{display:none}.project__reel-track:focus-visible{outline:1px solid var(--accent);outline-offset:4px}.reel-card{aspect-ratio:9/16;scroll-snap-align:start;background:#0f0d0a52;border:1px solid #ffedd752;flex:0 0 168px;transition:border-color .18s;position:relative}.reel-card:hover,.reel-card:focus-within{border-color:var(--accent)}.reel-card iframe{background:#000;border:0;width:100%;height:100%;position:absolute;inset:0}.reel-card__play{width:100%;color:var(--cream);cursor:pointer;text-align:left;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:0;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:12px 12px 14px;display:flex;position:absolute;inset:0}.reel-card__index{color:var(--accent);font-family:var(--font-mono);letter-spacing:.16em;font-size:10px}.reel-card__glyph{border-top:11px solid #0000;border-bottom:11px solid #0000;border-left:17px solid var(--cream);opacity:.9;align-self:center;width:0;height:0;transition:border-left-color .18s}.reel-card__play:hover .reel-card__glyph,.reel-card__play:focus-visible .reel-card__glyph{border-left-color:var(--accent)}.reel-card__play:focus-visible{outline:1px solid var(--accent);outline-offset:-6px}.reel-card__meta{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:#ffedd7a8;font-size:9px}body.reel-lightbox-open{overflow:hidden}.reel-lightbox{z-index:30;justify-content:center;align-items:center;padding:3vh 4vw;animation:.2s reel-lightbox-in;display:flex;position:fixed;inset:0}@keyframes reel-lightbox-in{0%{opacity:0}}.reel-lightbox__scrim{background:#0c0b08e0;position:absolute;inset:0}.reel-lightbox__stage{flex-direction:column;gap:12px;width:min(430px,92vw,56.25dvh - 84.375px);margin:0;display:flex;position:relative}.reel-lightbox__stage iframe{aspect-ratio:9/16;background:#000;border:1px solid #ffedd74d;width:100%}.reel-lightbox__bar{justify-content:space-between;align-items:center;gap:16px;display:flex}.reel-lightbox__out,.reel-lightbox__close{color:var(--cream);font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;border-top:1px solid #ffedd766;padding:10px 0 0;font-size:10px;font-weight:400;text-decoration:none;transition:border-color .18s,color .18s}.reel-lightbox__out:hover,.reel-lightbox__out:focus-visible,.reel-lightbox__close:hover,.reel-lightbox__close:focus-visible{border-color:var(--accent);color:var(--accent);outline:none}.project__links{flex-wrap:wrap;gap:12px 22px;margin:32px 0 0 4px;display:flex}.project__link{border-top:1px solid var(--accent);color:var(--cream);font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;align-items:center;padding-top:10px;font-size:11px;font-weight:400;text-decoration:none;transition:color .18s;display:inline-flex}@media (width<=720px){.back-link,.project-nav{position:absolute}.project-nav{justify-content:flex-start;top:74px;left:30px;right:auto}.project{padding:190px 24px 54px}.project h1{font-size:clamp(50px,16vw,80px)}.project__stats{gap:18px 30px}.project__stat dd{font-size:clamp(34px,10vw,44px)}.reel-card{flex-basis:46vw}}.project__link:hover,.project__link:focus-visible{color:var(--accent);outline:none}