@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Inter:wght@400;500;600;700&display=swap";:root{color:#181818;font-synthesis:none;background:#f5f5f2;font-family:Inter,system-ui,sans-serif}:root.dark{color:#f4f4f0;background:#0b0b0b}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}header{border-bottom:1px solid color-mix(in srgb,currentColor 10%,transparent);background:color-mix(in srgb,var(--bg,#f5f5f2) 88%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:3;align-items:center;gap:38px;height:72px;padding:0 32px;display:flex;position:sticky;top:0}.dark header{--bg:#0b0b0b}.brand{letter-spacing:-.06em;white-space:nowrap;font-size:17px;font-weight:700}.brand span,footer span span{color:#ff5a36}.search{background:color-mix(in srgb,currentColor 8%,transparent);color:#888;border-radius:9px;flex:1;align-items:center;gap:10px;max-width:430px;height:38px;padding:0 12px;display:flex}.search svg{width:16px}.search input{color:inherit;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:13px}.search kbd{color:#888;font:11px DM Mono}nav{color:#777;align-items:center;gap:26px;margin-left:auto;font-size:13px;display:flex}nav a:hover{color:currentColor}nav svg{width:16px;height:16px}.icon-button{background:color-mix(in srgb,currentColor 8%,transparent);color:inherit;cursor:pointer;border:0;border-radius:99px;place-items:center;width:34px;height:34px;display:grid}.hero{grid-template-columns:1fr 1fr;align-items:center;gap:70px;max-width:1280px;margin:0 auto;padding:112px 32px 120px;display:grid}.eyebrow{text-transform:uppercase;letter-spacing:.08em;color:#888;margin:0 0 18px;font:11px DM Mono,monospace}.hero h1,.detail h1{letter-spacing:-.075em;margin:0;font-size:clamp(48px,6vw,86px);font-weight:600;line-height:.96}.hero h1 em{color:#929292;font-style:normal}.lede{color:#777;max-width:390px;margin:28px 0 30px;font-size:16px;line-height:1.5}.pill-link{border:1px solid color-mix(in srgb,currentColor 18%,transparent);border-radius:99px;gap:12px;padding:12px 16px;font-size:13px;display:inline-flex}.pill-link span{color:#ff5a36}.hero-art{aspect-ratio:1.3;object-fit:cover;filter:saturate(.85);border-radius:18px;width:100%}.collection{max-width:1280px;margin:auto;padding:0 32px 120px}.section-head{border-bottom:1px solid color-mix(in srgb,currentColor 14%,transparent);justify-content:space-between;align-items:end;padding-bottom:22px;display:flex}.section-head h2{letter-spacing:-.05em;margin:0;font-size:30px}.count{color:#888;font:12px DM Mono}.filters{gap:8px;padding:22px 0 30px;display:flex;overflow:auto}.filters button{white-space:nowrap;border:1px solid color-mix(in srgb,currentColor 13%,transparent);color:#888;cursor:pointer;background:0 0;border-radius:99px;padding:8px 14px;font-size:12px}.filters button.active,.filters button:hover{color:var(--bg,#f5f5f2);background:currentColor}.dark .filters button.active{--bg:#0b0b0b}.grid{grid-template-columns:repeat(3,1fr);gap:48px 28px;display:grid}.app-card{display:block}.shot-row{aspect-ratio:1.08;background:#ddd;border-radius:14px;grid-template-columns:repeat(3,1fr);gap:4px;display:grid;overflow:hidden}.shot-row img{object-fit:cover;width:100%;min-width:0;height:100%}.app-meta{align-items:center;gap:11px;padding-top:13px;display:flex}.app-icon{color:#111;border-radius:9px;place-items:center;width:34px;height:34px;font-size:19px;display:grid;box-shadow:inset 0 0 0 1px #0001}.app-icon.large{border-radius:19px;flex:none;width:74px;height:74px;font-size:38px}.app-meta strong{font-size:14px;display:block}.app-meta small{color:#888;margin-top:4px;font-size:12px;display:block}.app-card:hover .shot-row{transform:translateY(-4px)}.shot-row{transition:transform .25s}.empty{color:#888;padding:60px 0}.detail{max-width:1040px;margin:0 auto;padding:60px 32px 120px}.back{color:#888;align-items:center;gap:8px;margin-bottom:70px;font-size:13px;display:inline-flex}.back svg{width:15px}.detail-intro{align-items:center;gap:24px;display:flex}.detail h1{font-size:64px}.detail-intro .eyebrow{margin-bottom:8px}.detail-desc{color:#888;max-width:520px;margin:10px 0 0;line-height:1.5}.detail-copy{color:#888;max-width:640px;margin:60px 0 70px 98px;line-height:1.7}.detail-copy p{margin:0 0 20px}.detail-links{color:#888;gap:20px;margin-top:30px;font:11px DM Mono;display:flex}.detail-links a{color:#ff5a36;gap:6px;display:flex}.detail-links svg{width:14px}.gallery{grid-template-columns:repeat(3,1fr);gap:10px;display:grid;overflow:hidden}.gallery img{aspect-ratio:9/16;object-fit:cover;border-radius:14px;width:100%}footer{border-top:1px solid color-mix(in srgb,currentColor 10%,transparent);color:#888;justify-content:space-between;padding:28px 32px;font:12px DM Mono;display:flex}footer span,footer a:hover{color:currentColor}@media (width<=800px){header{gap:16px;padding:0 18px}nav{gap:12px}nav a{display:none}.hero{grid-template-columns:1fr;gap:44px;padding:70px 20px 80px}.collection{padding:0 20px 80px}.grid{grid-template-columns:repeat(2,1fr);gap:32px 16px}.detail{padding:35px 20px 80px}.detail h1{font-size:48px}.detail-copy{margin-left:0}.gallery{grid-template-columns:repeat(2,1fr)}footer{flex-wrap:wrap;gap:20px;padding:24px 20px}}@media (width<=500px){.brand{font-size:15px}.search{flex-basis:100%;order:3;max-width:none}.hero{padding-top:105px}.grid{grid-template-columns:1fr}.gallery{grid-template-columns:1fr 1fr}.detail-intro{flex-direction:column;align-items:flex-start;gap:18px}.detail-intro .app-icon{width:60px;height:60px}.detail h1{font-size:42px}header{flex-wrap:wrap;height:126px;padding-top:15px;padding-bottom:15px}}.admin-shell{grid-template-columns:240px 1fr;min-height:100vh;display:grid}.admin-sidebar{border-right:1px solid color-mix(in srgb,currentColor 12%,transparent);flex-direction:column;gap:18px;padding:30px 22px;display:flex}.admin-sidebar .eyebrow{margin:55px 0 0}.admin-nav{color:#888;border-radius:8px;justify-content:space-between;padding:10px 12px;font-size:13px;display:flex}.admin-nav.active,.admin-nav:hover{background:color-mix(in srgb,currentColor 8%,transparent);color:currentColor}.admin-nav span{color:#999;font:11px DM Mono}.admin-main{width:100%;max-width:1200px;padding:58px clamp(24px,6vw,90px)}.admin-top{justify-content:space-between;align-items:end;margin-bottom:36px;display:flex}.admin-top h1{letter-spacing:-.07em;margin:0;font-size:48px}.primary-button{color:#fff;cursor:pointer;background:#181818;border:0;border-radius:8px;align-items:center;gap:8px;padding:11px 15px;font-size:13px;display:inline-flex}.dark .primary-button{color:#111;background:#f4f4f0}.primary-button svg{width:16px}.admin-table{border-top:1px solid color-mix(in srgb,currentColor 15%,transparent)}.admin-table-head,.admin-row{border-bottom:1px solid color-mix(in srgb,currentColor 10%,transparent);grid-template-columns:minmax(220px,2fr) 1fr 1fr 100px;align-items:center;gap:20px;padding:16px 12px;font-size:13px;display:grid}.admin-table-head{color:#888;text-transform:uppercase;font:11px DM Mono}.admin-row>span{color:#888}.admin-app{align-items:center;gap:12px;display:flex}.admin-app small{color:#888;margin-top:4px;font:11px DM Mono;display:block}.row-actions{justify-content:flex-end;gap:5px;display:flex}.row-actions button,.form-actions button,.close-button{color:#888;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:7px}.row-actions button:hover,.form-actions button:hover,.close-button:hover{background:color-mix(in srgb,currentColor 8%,transparent);color:currentColor}.row-actions svg{width:15px}.modal-backdrop{z-index:5;background:#0008;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.admin-form{background:var(--bg,#f5f5f2);color:#181818;border-radius:16px;flex-direction:column;gap:17px;width:min(560px,100%);max-height:90vh;padding:28px;display:flex;overflow:auto}.dark .admin-form{--bg:#171717;color:#f4f4f0}.form-head{justify-content:space-between;align-items:start;margin-bottom:5px;display:flex}.form-head h2{letter-spacing:-.05em;margin:0;font-size:28px}.close-button{font-size:24px;line-height:1}.admin-form label{color:#777;flex-direction:column;gap:7px;font-size:12px;display:flex}.admin-form input,.admin-form textarea{border:1px solid color-mix(in srgb,currentColor 18%,transparent);color:inherit;resize:vertical;background:0 0;border-radius:7px;outline:0;padding:11px;font-size:13px}.admin-form input:focus,.admin-form textarea:focus{border-color:#ff5a36}.admin-form label small{color:#999;margin-top:-3px;font-size:11px}.form-actions{justify-content:flex-end;gap:10px;margin-top:5px;display:flex}@media (width<=700px){.admin-shell{grid-template-columns:1fr}.admin-sidebar{border-right:0;border-bottom:1px solid color-mix(in srgb,currentColor 12%,transparent);grid-template-columns:1fr 1fr;gap:8px;padding:18px;display:grid}.admin-sidebar .eyebrow{grid-column:1/-1;margin:0}.admin-nav{padding:8px}.admin-main{padding:36px 18px}.admin-table-head,.admin-row{grid-template-columns:minmax(150px,2fr) 1fr 70px}.admin-table-head span:nth-child(3),.admin-row>span:nth-child(3){display:none}.row-actions{grid-column:3}.admin-row{gap:8px}}.login-page,.admin-message{place-items:center;min-height:100vh;padding:20px;display:grid}.login-page .admin-form{width:min(420px,100%)}.login-page .admin-form>a,.admin-message a{color:#ff5a36;font-size:13px}.form-error{color:#d14b36;font-size:13px;line-height:1.4}.token-field{color:#777;flex-direction:column;gap:7px;max-width:420px;margin-bottom:28px;font-size:12px;display:flex}.token-field input{border:1px solid color-mix(in srgb,currentColor 18%,transparent);color:inherit;background:0 0;border-radius:7px;padding:10px;font-size:13px}.upload-list{gap:10px;display:flex;overflow:auto}.upload-item{flex-direction:column;flex:none;gap:5px;display:flex;position:relative}.upload-list img{object-fit:cover;border-radius:7px;width:76px;height:110px}.upload-item button{color:#d14b36;cursor:pointer;text-align:left;background:0 0;border:0;padding:0;font-size:11px}.admin-form button:disabled{opacity:.45;cursor:wait}
