:root{--bg:#07080a;--panel:#111217;--panel2:#17181f;--text:#f2f2ed;--muted:#999b9f;--muted2:#6f7278;--line:#ffffff1f;--line2:#ffffff38;--glow:#c4ff761a;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--text);background:radial-gradient(circle at 86% 0,#8eb2621a,#0000 32%),radial-gradient(circle at 2% 18%,#ffffff0b,#0000 20%),linear-gradient(#0a0b0d 0%,#07080a 52%,#090a0d 100%);min-height:100vh;margin:0;line-height:1.45}a,button,input,textarea{font:inherit}a{color:inherit}button{cursor:pointer}.site{width:min(100%,1440px);margin:0 auto;padding:32px clamp(18px,5vw,72px)}.nav.adminNav{justify-content:space-between;align-items:flex-start;gap:20px;padding:4px 0 28px;display:flex}.brand{flex-direction:column;gap:4px;text-decoration:none;display:flex}.brand strong{letter-spacing:-.03em;font-size:18px;font-weight:850}.brand span{color:var(--muted);font-size:13px}.studioHero{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:22px;padding:34px 0 26px;position:relative}.studioHero:before{content:"";pointer-events:none;opacity:.4;background-color:#0000;background-image:linear-gradient(90deg,#ffffff09 1px,#0000 1px),linear-gradient(#ffffff06 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:88px 88px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000,#0000 78%);mask-image:linear-gradient(90deg,#000,#0000 78%)}.heroTopline{z-index:2;color:#c4c6c7;letter-spacing:.14em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;font-size:12px;display:flex;position:relative}.heroTopline span{border:1px solid var(--line);background:#ffffff06;border-radius:999px;padding:9px 13px}.heroStatement{z-index:2;grid-template-columns:minmax(0,1fr) minmax(260px,420px);align-items:stretch;gap:38px;display:grid;position:relative}.heroStatement h1{letter-spacing:-.085em;text-transform:uppercase;max-width:920px;margin:0;font-size:clamp(54px,10vw,142px);font-weight:920;line-height:.82}.heroMeta{z-index:2;flex-wrap:wrap;gap:8px;margin-top:24px;display:flex;position:relative}.heroMeta span,.miniTag,.tag{border:1px solid var(--line);color:#deded8;background:#ffffff09;border-radius:999px;align-items:center;padding:8px 11px;font-size:12px;display:inline-flex}.heroMedia{border:1px solid var(--line);background:#ffffff06;border-radius:28px;min-height:260px;overflow:hidden}.heroMedia .mediaObject{object-fit:cover;width:100%;height:100%}.worksSection{margin-top:0}.archiveBar{justify-content:flex-end;align-items:center;gap:12px;margin-bottom:18px;display:flex}.filters{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.filter{border:1px solid var(--line);color:var(--muted);background:#ffffff06;border-radius:999px;padding:10px 13px;font-size:12px}.filter.active{color:#111;background:#f0f0e8;border-color:#f0f0e8}.workGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.workCard{border:1px solid var(--line);background:linear-gradient(#ffffff0b,#ffffff05);border-radius:24px;min-height:100%;text-decoration:none;transition:transform .18s,border-color .18s,background .18s;overflow:hidden}.workCard:hover{border-color:var(--line2);background:linear-gradient(#ffffff13,#ffffff06);transform:translateY(-3px)}.workCard.featured{grid-column:span 2}.workImage{border-bottom:1px solid var(--line);background:#050507}.workImage .squareMedia,.workImage .placeholder{background:#050507}.workImage img{object-fit:contain}.workInfo{grid-template-columns:auto 1fr auto;align-items:end;gap:14px;padding:18px;display:grid}.workInfo span{color:var(--muted2);font-size:12px}.workInfo h3{letter-spacing:-.035em;margin:0;font-size:20px;line-height:1}.workInfo p{color:var(--muted);margin:6px 0 0;font-size:13px}.workInfo strong{color:#e8e8e2;border:1px solid var(--line);border-radius:999px;padding:7px 9px;font-size:12px}.squareMedia,.placeholder{aspect-ratio:1;background:radial-gradient(circle at 50% 30%,hsla(var(--h),18%,70%,.17),transparent 18%), linear-gradient(135deg,hsl(var(--h),8%,20%),#111115);width:100%;position:relative;overflow:hidden}.squareMedia img,.mediaObject{object-fit:contain;border:0;width:100%;height:100%;display:block}.placeholder-shape{background:radial-gradient(circle at 50% 13%,#fff6,#0000 10%),linear-gradient(145deg,#ffffff1a,#ffffff05);border:1px solid #ffffff21;border-radius:44% 44% 25% 25%;width:34%;height:48%;position:absolute;top:50%;left:50%;transform:translate(-50%,-48%)}.media-label{z-index:2;color:#d6d6dc;border:1px solid var(--line);background:#0f0f12b8;border-radius:999px;padding:6px 9px;font-size:11px;position:absolute;top:12px;left:12px}.section{margin-top:46px}.sectionHead{border-top:1px solid var(--line);margin-bottom:16px;padding-top:18px}.sectionHead h2{letter-spacing:-.045em;margin:0;font-size:34px}.sectionHead p{color:var(--muted);max-width:620px;margin:8px 0 0;font-size:14px}.gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.twoCol{grid-template-columns:1fr 1fr;gap:14px;display:grid}.back{border:1px solid var(--line);color:var(--muted);background:#ffffff09;border-radius:999px;align-items:center;gap:8px;margin-bottom:18px;padding:10px 13px;font-size:13px;text-decoration:none;display:inline-flex}.back:hover{color:var(--text);border-color:var(--line2)}.projectHero{grid-template-columns:1.15fr .85fr;align-items:stretch;gap:18px;display:grid}.projectHeroImage{border:1px solid var(--line);background:#050507;border-radius:26px;overflow:hidden}.projectHeroImage .squareMedia{background:#050507}.projectHeroInfo{border:1px solid var(--line);background:linear-gradient(#ffffff0d,#ffffff05);border-radius:26px;padding:28px}.projectHeroInfo h1{letter-spacing:-.065em;margin:18px 0 14px;font-size:clamp(38px,5vw,74px);line-height:.9}.projectHeroInfo p{color:#b8b8c0;margin:0;font-size:14px;line-height:1.7}.meta{flex-wrap:wrap;gap:7px;display:flex}.detailStats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:24px;display:grid}.stat{border:1px solid var(--line);background:#ffffff09;border-radius:16px;padding:13px}.stat span{color:var(--muted2);margin-bottom:6px;font-size:11px;display:block}.stat strong{font-size:13px;line-height:1.35;display:block}.note{border:1px solid var(--line);background:var(--panel);border-radius:18px;padding:18px}.note h3{letter-spacing:-.025em;margin:0 0 12px;font-size:18px}.note ul{color:#b9b9c1;margin:0;padding-left:18px;font-size:13px;line-height:1.75}.videoBox{aspect-ratio:1;border:1px solid var(--line);width:min(100%,560px);color:var(--muted);background:#111115;border-radius:18px;justify-content:center;align-items:center;font-size:13px;display:flex;overflow:hidden}.videoBox.filled{display:block}.error{color:#ffd7d7;background:#ff787814;border:1px solid #ff787840;border-radius:16px;margin-bottom:18px;padding:14px}footer{border-top:1px solid var(--line);color:var(--muted2);justify-content:space-between;gap:20px;margin-top:64px;padding:24px 0 8px;font-size:12px;display:flex}.adminShell{max-width:1180px;margin:0 auto}.adminTop,.adminHeader{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.adminTop h1,.adminCard h1,.adminCard h2{letter-spacing:-.045em;margin:0 0 8px}.adminTop p,.adminHeader p,.adminCard p{color:var(--muted);margin:0;font-size:13px}.adminCard{border:1px solid var(--line);background:var(--panel);border-radius:22px;padding:20px}.adminCard.small{max-width:460px;margin:50px auto}.adminActions{flex-wrap:wrap;gap:8px;display:flex}.primaryButton,.secondaryButton,.dangerButton{border:1px solid var(--line2);color:var(--text);border-radius:14px;justify-content:center;align-items:center;padding:10px 13px;font-weight:750;text-decoration:none;display:inline-flex}.primaryButton{color:#111;background:#eee;border-color:#eee}.secondaryButton{background:#ffffff0d}.dangerButton{color:#ffd2d2;background:#ff757514;border-color:#ff757540}.primaryButton.full{width:100%;margin-bottom:12px}.adminTabs{gap:8px;margin-bottom:16px;display:flex}.adminTabs button{border:1px solid var(--line);color:var(--muted);background:0 0;border-radius:999px;padding:9px 12px}.adminTabs button.active{border-color:var(--line2);color:var(--text);background:#ffffff0f}.adminMessage,.adminHint{border:1px solid var(--line);color:#d7d7dc;background:#ffffff0b;border-radius:14px;margin:12px 0;padding:12px;font-size:13px}.adminHint{color:var(--muted);padding:8px 10px;display:inline-block}.adminLayout{grid-template-columns:260px minmax(0,1fr);gap:14px;display:grid}.projectList{border:1px solid var(--line);background:var(--panel);border-radius:22px;height:max-content;padding:12px;position:sticky;top:14px}.projectListItem{text-align:left;border:1px solid var(--line);width:100%;color:var(--text);background:#ffffff09;border-radius:16px;margin-bottom:8px;padding:12px;display:block}.projectListItem.active{border-color:var(--line2);background:#ffffff14}.projectListItem strong{font-size:13px;display:block}.projectListItem span{color:var(--muted);margin-top:4px;font-size:11px;display:block}.formStack{gap:12px;display:grid}.adminGrid{gap:12px;margin-bottom:12px;display:grid}.adminGrid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.adminGrid.three{grid-template-columns:repeat(3,minmax(0,1fr))}label{color:var(--muted);margin:10px 0;font-size:12px;display:block}input,textarea{border:1px solid var(--line);width:100%;color:var(--text);background:#101015;border-radius:12px;outline:none;margin-top:6px;padding:10px}textarea{resize:vertical}input:focus,textarea:focus{border-color:var(--line2)}label small{color:var(--muted2);margin-top:5px;display:block}.checkLabel{color:var(--text);align-items:center;gap:10px;display:flex}.checkLabel input{width:auto;margin:0}.uploadSection{border-top:1px solid var(--line);margin-top:18px;padding-top:18px}.uploadSection h3{margin:0 0 12px;font-size:16px}.uploadRow{grid-template-columns:220px minmax(0,1fr);align-items:start;gap:14px;display:grid}.adminPreview,.heroMediaAdminPreview{border:1px solid var(--line);aspect-ratio:1;color:var(--muted);background:#101015;border-radius:16px;justify-content:center;align-items:center;display:flex;overflow:hidden}.uploadControls{gap:10px;display:grid}.adminThumbGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}.adminThumbItem{border:1px solid var(--line);cursor:grab;background:#ffffff06;border-radius:16px;overflow:hidden}.adminThumbItem.dragging{opacity:.5}.adminThumbItem:active{cursor:grabbing}.thumbControls{border-top:1px solid var(--line);background:#ffffff09;justify-content:space-between;align-items:center;display:flex}.thumbControls button{width:34%;color:var(--text);background:0 0;border:0;padding:8px;font-size:14px}.thumbControls button:disabled{opacity:.25;cursor:not-allowed}.thumbControls span{color:var(--muted);font-size:12px}.removeButton{border:0;border-top:1px solid var(--line);color:#ffd2d2;background:#ff757514;width:100%;padding:8px;font-size:12px}@media (width<=980px){.heroStatement,.projectHero,.adminLayout{grid-template-columns:1fr}.workGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.workCard.featured{grid-column:span 1}.gallery,.adminGrid.two,.adminGrid.three{grid-template-columns:repeat(2,minmax(0,1fr))}.projectList{position:relative}}@media (width<=660px){.site{padding:20px 14px}.adminTop,.adminHeader{flex-direction:column;align-items:flex-start}.heroStatement h1{font-size:54px}.workGrid,.gallery,.twoCol,.detailStats,.adminGrid.two,.adminGrid.three,.uploadRow,.adminThumbGrid{grid-template-columns:1fr}footer{display:block}}.mediaDropZone{border-radius:18px;transition:border-color .16s,background .16s,box-shadow .16s}.mediaDropZone:hover{background:#ffffff05}.mediaDropZone.dragOver{border-color:var(--line2)}.mediaDropZone:has(.adminThumbItem.dragging){border-color:var(--line2)}.emptyDropHint,.emptySingleDrop{border:1px dashed var(--line2);color:var(--muted);text-align:center;background:#ffffff06;border-radius:16px;justify-content:center;align-items:center;min-height:96px;padding:22px;font-size:13px;display:flex}.singleMediaSection .uploadRow{align-items:stretch}.singleDropPreview{border:1px solid var(--line);cursor:grab;background:#101015;border-radius:16px;min-height:220px;overflow:hidden}.singleDropPreview:active{cursor:grabbing}.singleDropPreview .squareMedia,.singleDropPreview .placeholder,.singleDropPreview .videoBox{border:0;border-radius:0;width:100%;height:100%;min-height:220px}.adminThumbItem{-webkit-user-select:none;user-select:none}.adminThumbItem:hover{border-color:var(--line2)}.adminThumbItem.dragging{opacity:.45;transform:scale(.985)}.workGrid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))!important;align-items:start!important}.workCard,.workCard.featured{animation:.55s both workCardEnter;animation-delay:calc(var(--i,0) * 55ms);grid-column:span 1!important;align-self:start!important}.workImage .squareMedia,.workImage .placeholder{aspect-ratio:1!important}.workInfo{min-height:86px}@keyframes workCardEnter{0%{opacity:0;filter:blur(6px);transform:translateY(18px)scale(.985)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@media (width>=1100px){.workGrid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}@media (width<=760px){.workGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (width<=520px){.workGrid{grid-template-columns:1fr!important}}.bulkPanel{border:1px solid var(--line);background:#ffffff09;border-radius:16px;margin:0 0 12px;padding:10px}.bulkPanelTop{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.bulkPanelTop strong{color:var(--text);font-size:12px}.bulkPanelTop button,.bulkActions button{border:1px solid var(--line);color:var(--text);background:#ffffff09;border-radius:999px;padding:7px 9px;font-size:11px}.bulkPanelTop button:hover,.bulkActions button:hover{border-color:var(--line2)}.bulkActions{grid-template-columns:1fr 1fr 1fr;gap:6px;display:grid}.bulkActions button:disabled{opacity:.35;cursor:not-allowed}.bulkActions .dangerMini{color:#ffd2d2;background:#ff757514;border-color:#ff757547}.projectListItem.selectable{grid-template-columns:34px minmax(0,1fr);align-items:center;padding:0;display:grid;overflow:hidden}.projectListItem.selectable.checked{border-color:var(--line2);background:#fff1}.projectCheck{border-right:1px solid var(--line);cursor:pointer;justify-content:center;align-items:center;height:100%;min-height:72px;margin:0;display:flex}.projectCheck input{accent-color:#f0f0e8;width:16px;height:16px;margin:0}.projectOpenButton{text-align:left;width:100%;color:var(--text);background:0 0;border:0;padding:12px}.projectOpenButton strong{font-size:13px;display:block}.projectOpenButton span{color:var(--muted);margin-top:4px;font-size:11px;display:block}
