:root{--ink:#0a0a0a;--paper:#f3f1ed;--red:#e60023;--line:rgba(243,241,237,.22);--muted:#9c9a96}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font-family:"DM Sans","Noto Sans SC",sans-serif}.topbar{position:fixed;z-index:20;top:16px;left:16px;right:16px;height:58px;border:1px solid rgba(255,255,255,.22);background:rgba(9,9,9,.76);backdrop-filter:blur(14px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 18px}.brand-mini,.topbar nav a,.footer-bottom a{color:inherit;text-decoration:none}.brand-mini{font-family:"DM Mono",monospace;font-size:12px;letter-spacing:.05em;display:flex;align-items:center;gap:10px}.brand-mark{font-size:23px;font-weight:bold;color:var(--red);letter-spacing:-.2em}.topbar nav{display:flex;gap:26px;height:100%;align-items:center}.topbar nav a{font-size:13px;position:relative}.topbar nav a:after{content:"";position:absolute;width:0;height:2px;left:0;bottom:-7px;background:var(--red);transition:.25s}.topbar nav a:hover:after,.topbar nav .active:after{width:100%}.search{justify-self:end;border-left:1px solid var(--line);padding-left:16px;display:flex;align-items:center;gap:8px;color:var(--muted)}.search input{width:170px;border:0;outline:0;background:transparent;color:var(--paper);font:12px "DM Sans","Noto Sans SC",sans-serif}.search input::placeholder{color:#8a8884}.search kbd{font:10px "DM Mono";border:1px solid #575552;padding:2px 4px}.hero{height:min(780px,100svh);min-height:620px;position:relative;overflow:hidden;border-bottom:1px solid var(--line);isolation:isolate}.hero-image{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.1) brightness(.58);transform:scale(1.015);animation:heroZoom 12s ease-out both}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.7),transparent 62%),linear-gradient(0deg,rgba(0,0,0,.46),transparent 48%);z-index:1}.hero-grain{position:absolute;z-index:2;inset:0;opacity:.12;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.42'/%3E%3C/svg%3E")}.hero-content{position:absolute;z-index:3;left:7.2vw;bottom:9.5vh;max-width:760px}.eyebrow{margin:0 0 17px;font:11px "DM Mono",monospace;letter-spacing:.13em}.red{color:var(--red)}.hero-title{cursor:pointer;text-align:left;color:var(--paper);font:700 clamp(47px,8.5vw,130px)/.82 "DM Sans","Noto Sans SC",sans-serif;letter-spacing:-.075em;background:transparent;border:0;padding:0;display:block}.hero-title span{display:block}.hero-title b{display:block;font-size:clamp(14px,1.7vw,22px);font-weight:500;letter-spacing:.03em;margin-top:18px}.hero-title:hover span{animation:titleJolt .35s cubic-bezier(.2,.8,.2,1)}.hero-title.pulse{animation:inverse .55s ease}.typing-line{color:#e0deda;font-size:clamp(14px,1.6vw,20px);min-height:28px;margin:23px 0 42px}.typing-line i{display:inline-block;width:8px;height:1.05em;background:var(--red);margin-left:5px;vertical-align:-2px;animation:blink .8s infinite}.explore{color:var(--paper);text-decoration:none;border-bottom:1px solid var(--paper);padding-bottom:8px;font:12px "DM Mono";letter-spacing:.08em}.explore span{font-size:19px;margin-left:7px}.user{position:absolute;right:7.2vw;top:119px;z-index:3;display:flex;align-items:center;gap:11px;font:11px "DM Mono"}.avatar{width:37px;height:37px;display:grid;place-items:center;border-radius:50%;background:var(--red);font:600 16px "DM Sans"}.user b,.user small{display:block}.user small{font-size:9px;color:#bbb;margin-top:4px}.spark-hint{position:absolute;z-index:3;right:7.2vw;bottom:10.5vh;font:10px "DM Mono";letter-spacing:.12em;writing-mode:vertical-rl;color:#ddd}.hero-count{position:absolute;right:7.2vw;bottom:7vh;z-index:3;display:flex;gap:11px;align-items:end}.hero-count span{font-size:54px;font-weight:700;line-height:.8;letter-spacing:-.06em}.hero-count small{font:9px/1.25 "DM Mono";letter-spacing:.08em}.hero canvas{position:absolute;z-index:5;inset:0;width:100%;height:100%;pointer-events:none}.archive{padding:110px 5vw 120px;background:var(--paper);color:var(--ink)}.archive-heading{display:flex;justify-content:space-between;align-items:end;padding-bottom:38px;border-bottom:1px solid #c8c5bf}.archive-heading h1{margin:0;font-size:clamp(30px,4.3vw,60px);letter-spacing:-.07em}.result-count{font:11px "DM Mono";letter-spacing:.04em;color:#706e69}.filters{padding:18px 0 5px;border-bottom:1px solid #c8c5bf;display:flex;flex-wrap:wrap;gap:8px}.filter-group{display:flex;align-items:center;gap:7px;max-width:100%;overflow:auto;padding-bottom:13px}.filter-label{font:10px "DM Mono";letter-spacing:.1em;color:#77736e;margin-right:4px}.tag{cursor:pointer;white-space:nowrap;border:1px solid #c8c5bf;border-radius:99px;background:transparent;padding:7px 11px;color:#1b1b1a;font:11px "DM Sans","Noto Sans SC";transition:.2s}.tag:hover,.tag.selected{background:var(--ink);color:var(--paper);border-color:var(--ink)}.active-filters{min-height:39px;padding:10px 0 0;display:flex;gap:7px;align-items:center}.active-filter{font:10px "DM Mono";background:var(--red);color:white;border-radius:99px;padding:5px 10px}.gallery{column-count:4;column-gap:14px}.card{cursor:pointer;display:inline-block;width:100%;break-inside:avoid;margin:0 0 14px;position:relative;overflow:hidden;border-radius:7px;background:#d7d4cf}.card img{display:block;width:100%;height:auto;transition:transform .55s cubic-bezier(.2,.8,.2,1),filter .45s}.card-info{position:absolute;inset:auto 0 0;padding:36px 13px 12px;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.82));opacity:0;transform:translateY(5px);transition:.3s}.card:hover img{transform:scale(1.035);filter:brightness(.7)}.card:hover .card-info{opacity:1;transform:none}.card-info strong{display:block;font-size:13px}.card-info small{font:10px "DM Mono";color:#ddd;margin-top:3px;display:block}.empty-state{padding:70px 0;text-align:center;font-size:16px}.empty-state button{display:block;margin:15px auto;border:0;background:var(--red);color:#fff;padding:9px 14px;font:12px inherit;cursor:pointer}footer{padding:105px 7.2vw 30px;min-height:580px;border-top:8px solid var(--red)}footer h2{font-size:clamp(45px,7.5vw,106px);line-height:.84;letter-spacing:-.08em;margin:24px 0 45px}footer h2 span{color:var(--red)}.footer-copy{max-width:360px;color:#bebbb7;font-size:14px;line-height:1.7}.footer-bottom{border-top:1px solid var(--line);margin-top:120px;padding-top:18px;display:flex;justify-content:space-between;font:10px "DM Mono";color:#aaa}.image-dialog{color:var(--paper);border:0;background:#111;padding:0;width:min(1280px,calc(100vw - 48px));max-width:none;height:min(820px,calc(100svh - 48px););grid-template-columns:minmax(0,1.55fr) minmax(310px,.75fr);overflow:hidden}.image-dialog[open]{display:grid}.image-dialog::backdrop{background:rgba(0,0,0,.84);backdrop-filter:blur(6px)}.dialog-image-wrap{height:100%;min-height:0;background:#050505;display:grid;place-items:center}.dialog-image-wrap img{display:block;width:100%;height:100%;object-fit:contain}.dialog-info{padding:52px 34px 32px;display:flex;flex-direction:column;border-left:1px solid var(--line);overflow:auto}.close-dialog{position:absolute;z-index:2;right:16px;top:13px;color:var(--paper);border:0;background:rgba(0,0,0,.4);font-size:29px;line-height:1;cursor:pointer}.focus-title{margin:8px 0 7px;font-size:clamp(28px,3vw,47px);line-height:.95;letter-spacing:-.07em}.focus-title span{display:inline-block;transition:filter .4s}.focus-title.focusing span:not(.focused){filter:blur(5px);opacity:.55}.focus-title.focusing .focused{outline:2px solid var(--red);outline-offset:6px}.image-number{font:10px "DM Mono";color:var(--muted);margin:0 0 27px}dl{border-top:1px solid var(--line);margin:0}dl div{display:grid;grid-template-columns:90px 1fr;gap:10px;padding:12px 0;border-bottom:1px solid var(--line)}dt{font:10px "DM Mono";color:var(--muted)}dd{margin:0;font-size:13px;word-break:break-word}.dialog-actions{margin-top:auto;padding-top:28px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.dialog-actions button{cursor:pointer;background:transparent;color:var(--paper);border:1px solid #686661;padding:10px 8px;font:11px "DM Sans","Noto Sans SC";transition:.2s}.dialog-actions button:hover,.dialog-actions button.done{background:var(--red);border-color:var(--red)}@keyframes heroZoom{from{transform:scale(1.08)}to{transform:scale(1.015)}}@keyframes titleJolt{50%{transform:translateX(7px);color:var(--red)}}@keyframes inverse{50%{filter:invert(1)}}@keyframes blink{50%{opacity:0}}@media(max-width:900px){.gallery{column-count:3}.image-dialog{grid-template-columns:1fr;height:min(900px,calc(100svh - 24px));width:calc(100vw - 24px)}.dialog-image-wrap{min-height:44svh}.dialog-info{padding:30px 24px;overflow:auto}.dialog-actions{margin-top:0}.topbar{grid-template-columns:1fr auto}.topbar nav{display:none}}@media(max-width:600px){.topbar{top:8px;left:8px;right:8px;padding:0 12px}.brand-mini{font-size:10px}.search input{width:122px}.search kbd{display:none}.hero-content{left:24px;bottom:68px}.user{top:92px;right:24px}.spark-hint,.hero-count{display:none}.archive{padding:70px 16px}.archive-heading{display:block}.result-count{margin-top:17px}.gallery{column-count:2;column-gap:8px}.card{margin-bottom:8px}.filters{margin-left:-2px}.footer-bottom{margin-top:80px}.footer-copy{font-size:13px}.image-dialog{width:100vw;height:100svh}.image-dialog[open]{border-radius:0}}