@font-face{font-family:Druk Wide;src:url(/fonts/DrukWide-Medium.otf) format("opentype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Druk Wide;src:url(/fonts/DrukWide-Bold.otf) format("opentype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Druk Wide;src:url(/fonts/DrukWide-Super.otf) format("opentype");font-weight:900;font-style:normal;font-display:swap}:root{--bg: #0f0f0f;--plate: #161616;--ink: #f2f2ef;--ink-2: #b3b3ae;--ink-3: #8a8a84;--ink-4: #5a5a56;--mono: "Fragment Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--druk: "Druk Wide", "Arial Black", Impact, sans-serif;--corner: clamp(11px, 1vw, 18px);color-scheme:dark}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-stopped{overflow:hidden}html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:var(--mono);-webkit-font-smoothing:antialiased}body{overflow-x:hidden}a{color:var(--ink);text-decoration:none}a:hover{color:var(--ink-3)}::selection{background:var(--ink);color:var(--bg)}button{font:inherit;color:inherit;background:none;border:0;padding:0;margin:0;cursor:pointer}button:focus-visible,[role=link]:focus-visible,a:focus-visible{outline:1px solid var(--ink);outline-offset:4px}.site{min-height:100vh;background:var(--bg);color:var(--ink)}.page{transition:opacity .55s ease}.grain{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;pointer-events:none;opacity:.045;mix-blend-mode:screen;background-size:260px 260px}.bar{position:fixed;top:0;left:0;right:0;height:2px;z-index:80;pointer-events:none;background:var(--ink);transform-origin:left center}.corner{position:fixed;z-index:60;font-family:var(--druk);font-weight:700;font-size:var(--corner);letter-spacing:.02em;line-height:1;color:#fff;text-transform:uppercase;-webkit-user-select:none;user-select:none;transition:color .2s}button.corner:hover{color:var(--ink-2)}.corner-tl{top:18px;left:20px}.corner-tr{top:18px;right:20px}.corner-bl{bottom:18px;left:20px}.corner-br{bottom:18px;right:20px}.corner-static{cursor:default}.logo{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:40;pointer-events:none;white-space:nowrap}.logo span{font-family:var(--druk);font-weight:700;font-size:clamp(22px,5.2vw,52px);letter-spacing:0;color:#fff0;-webkit-text-stroke:1.5px rgba(255,255,255,.85);filter:blur(.5px)}.frame{position:relative;width:100%;height:100%;background:var(--plate);overflow:hidden;display:flex;align-items:center;justify-content:center}.frame img{display:block;width:100%;height:100%;object-fit:cover}.frame-cap{font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-4)}.home{padding:100px 20px 180px}.grid{position:relative}.thumb{position:absolute;cursor:pointer;color:var(--ink-2)}.thumb:hover{color:#fff}.thumb-mask{overflow:hidden;background:var(--plate)}.thumb-img{width:100%;height:100%}.thumb.on:hover .thumb-img{transform:scale(1.03)}.thumb-cap{display:flex;align-items:center;gap:12px;margin-top:10px}.thumb-title{font-family:var(--druk);font-weight:500;font-size:clamp(8px,.62vw,11px);letter-spacing:.05em;line-height:1.2;min-width:0;color:inherit}.thumb-rule{flex:1;height:1px;background:var(--ink-3);transform-origin:left center}.media{position:relative;width:100%;height:100%}.media-embed{background:#000}.media-embed iframe,.media-embed video{display:block;width:100%;height:100%;border:0;background:#000;object-fit:cover}.media-play{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;align-items:center;justify-content:center;cursor:pointer}.media-play span{width:clamp(56px,12vw,190px);aspect-ratio:1;display:flex;align-items:center;justify-content:center;opacity:.85;transition:opacity .3s ease,transform .5s cubic-bezier(.16,1,.3,1)}.media-play:hover span{opacity:1;transform:scale(1.04)}.media-play svg{width:100%;height:100%;fill:#fff;filter:drop-shadow(0 2px 14px rgba(0,0,0,.25))}.project{padding:110px 20px 140px}.project-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px}.project-title{margin:0;font-family:var(--druk);font-weight:700;font-size:clamp(13px,1.6vw,26px);letter-spacing:.01em;line-height:1;text-transform:uppercase}.draft-tag{color:#ff5a3c}.project-meta{font-size:11px;letter-spacing:.04em;line-height:1.9;text-transform:uppercase}.project-hero{margin-top:16px;background:var(--plate);overflow:hidden}.project-hero-img{width:100%;height:100%}.project-pair{display:flex;flex-wrap:wrap;gap:20px;margin-top:20px}.project-pair>div{min-width:0}.project-wide{margin-top:20px}.project-next{display:flex;justify-content:flex-end;margin-top:56px}.project-next button{display:flex;align-items:center;gap:14px;transition:color .2s}.project-next button:hover{color:var(--ink-3)}.project-next-label{font-size:11px;letter-spacing:.04em}.project-next-title{font-family:var(--druk);font-weight:700;font-size:clamp(11px,1vw,16px);letter-spacing:.02em;line-height:1;text-transform:uppercase}.center-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:100px 20px;box-sizing:border-box}.about{max-width:560px;width:100%;text-align:center;font-size:clamp(10px,.8vw,12px);line-height:1.95;letter-spacing:.03em;text-transform:uppercase;color:var(--ink-2)}.about p{margin:6px 0 0}.about .dim{color:var(--ink-4)}.about .gap{margin-top:40px}.about a{color:inherit}.about a:hover{color:#fff}@media(prefers-reduced-motion:reduce){.page,.bar,.thumb,.thumb-mask,.thumb-img,.thumb-title,.thumb-rule,.project-head,.project-hero,.project-hero-img,.project-pair,.project-wide,.project-next{transition:none!important}}.manage-link{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:60;font-size:10px;letter-spacing:.08em;color:var(--ink-4)}.manage-link:hover{color:#fff}.manage-link.err{color:#ff5a3c}.eframe{position:relative;width:100%;height:100%}.eframe.over:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;outline:1px solid var(--ink);outline-offset:-1px;pointer-events:none}.eframe-bar{position:absolute;top:10px;right:10px;z-index:5;display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.eframe-bar button,.eframe-bar .tag{font-family:var(--mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink);background:#0f0f0fc7;border:1px solid #3a3a38;padding:6px 9px;cursor:pointer}.eframe-bar button:hover{border-color:var(--ink)}.eframe-bar button:disabled{opacity:.5;cursor:default}.eframe-bar .x:hover{color:#ff5a3c}.eframe-bar .tag.err{color:#ff5a3c;cursor:default}.eframe-form{display:flex;gap:6px;align-items:center}.eframe-form input{font-family:var(--mono);font-size:10px;background:#0f0f0fe0;border:1px solid #262624;color:var(--ink);padding:6px 9px;width:260px;max-width:50vw;border-radius:0}.eframe-form input:focus{outline:none}.manage{min-height:100vh;padding:28px 24px 120px;box-sizing:border-box;color:var(--ink)}.manage-h1{font-family:var(--druk);font-weight:700;font-size:15px;letter-spacing:.02em}.manage .dim,.login .dim{color:var(--ink-3)}.manage button.dim:hover,.manage a:hover,.manage a{color:var(--ink)}.manage-top{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.manage-tools{display:flex;gap:24px;font-size:11px;letter-spacing:.06em;align-items:center;flex-wrap:wrap}.manage .status{color:var(--ink-4);min-width:60px}.manage .status.err{color:#ff5a3c}.manage-help{margin:10px 0 0;font-size:11px;letter-spacing:.04em;color:var(--ink-3);line-height:1.7;max-width:720px}.seg{display:flex;gap:10px;align-items:center;font-size:10px;letter-spacing:.06em}.seg button{color:var(--ink-4)}.seg button:hover,.seg button.on{color:var(--ink)}.table-scroll{margin-top:36px;overflow-x:auto}.row{display:grid;grid-template-columns:24px 72px minmax(150px,1.3fr) minmax(90px,1fr) minmax(150px,1.3fr) minmax(90px,1fr) 120px 150px 84px;gap:10px;align-items:center;min-width:1000px}.row.head{font-size:10px;letter-spacing:.08em;color:var(--ink-3);padding-bottom:10px;border-bottom:1px solid #262624}.entry{padding:10px 0;border-bottom:1px solid #1c1c1a}.row .num{font-size:11px}.manage input{font-family:var(--mono);background:transparent;border:1px solid #262624;color:var(--ink);font-size:12px;padding:8px 10px;letter-spacing:.02em;text-transform:uppercase;width:100%;box-sizing:border-box;border-radius:0}.manage input:focus{outline:none;border-color:var(--ink)}.manage input.video{text-transform:none;font-size:11px}.manage input::placeholder{color:var(--ink-4)}.pair{display:flex;gap:6px;min-width:0}.pair .label{width:34%;min-width:0;color:var(--ink-2);font-size:11px;padding:8px}.pair input:last-child{flex:1;min-width:0}.pos{display:flex;align-items:center;gap:8px;font-size:11px}.pos button{-webkit-user-select:none;user-select:none}.pos-track{position:relative;flex:1;height:14px;background:#1c1c1a}.pos-fill{position:absolute;top:0;bottom:0;background:var(--ink)}.pos-n{min-width:16px;text-align:center;color:var(--ink-2)}.acts{display:flex;gap:10px;font-size:12px;justify-content:flex-end;align-items:center}.acts a.dim:hover{color:var(--ink)}.acts .x:hover{color:#ff5a3c}.slot{position:relative;width:72px;height:48px;background:var(--plate);border:1px dashed #262624;display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden}.slot:hover,.slot.over{border-color:var(--ink)}.slot.filled{border-style:solid}.slot.draft{border-color:#a33a2a}.slot.draft .slot-label{color:#ff5a3c}.slot img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.slot-label{position:relative;font-size:9px;letter-spacing:.1em;color:var(--ink-3);padding:2px 4px}.slot.filled .slot-label{background:#0f0f0fb3;color:var(--ink)}.slot-x{position:absolute;top:2px;right:4px;font-size:11px;color:var(--ink);background:#0f0f0fb3;padding:1px 4px}.slot-x:hover{color:#ff5a3c}.btn{display:inline-block;border:1px solid #262624;padding:10px 16px;font-size:11px;letter-spacing:.08em}.btn:hover{border-color:var(--ink)}.btn:disabled{opacity:.4;cursor:default}.btn.add{margin-top:18px}.preview-h{margin-top:56px;font-size:10px;letter-spacing:.08em}.preview{margin-top:12px;position:relative;border:1px solid #262624;padding:24px;width:720px;max-width:100%;box-sizing:border-box}.preview-item{position:absolute;background:#2a2a28;display:flex;align-items:flex-end;padding:6px;box-sizing:border-box;font-size:8px;letter-spacing:.04em;color:var(--ink-2);overflow:hidden}.about-edit{margin-top:12px;display:flex;flex-direction:column;gap:12px;max-width:720px}.about-edit label{display:grid;grid-template-columns:140px 1fr;gap:12px;align-items:center;font-size:10px;letter-spacing:.08em}.login{display:flex;flex-direction:column;gap:14px;width:260px;text-align:center}.login input{font-family:var(--mono);background:transparent;border:1px solid #262624;color:var(--ink);font-size:12px;padding:10px 12px;letter-spacing:.08em;text-align:center;border-radius:0}.login input:focus{outline:none;border-color:var(--ink)}.login-err{font-size:10px;letter-spacing:.08em;color:#ff5a3c}.login .dim{font-size:10px;letter-spacing:.08em}