:root{--bg:#020202;--fg:#f4f2ec;--muted:rgba(244,242,236,0.58);--line:rgba(244,242,236,0.14);--page:clamp(30px,6vw,132px);--gap:clamp(12px,1.05vw,20px);--admin-bg:#f5f3ef;--admin-fg:#151515;--admin-muted:rgba(21,21,21,0.62);--admin-line:rgba(21,21,21,0.13)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--fg);font-family:Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%}button,input,select,textarea{font:inherit}.site-header{position:relative;top:0;z-index:10;display:grid;grid-template-columns:1fr auto;grid-gap:24px;gap:24px;align-items:start;padding:34px var(--page) 28px;background:var(--bg)}.brand{display:inline-grid;gap:4px;width:max-content;text-transform:uppercase}.brand.has-logo{display:inline-flex;gap:10px;align-items:center}.brand img{display:block;width:34px;height:34px;object-fit:contain}.brand span,.contact-panel a,.credits dt,.label,.project-overlay small,.site-footer,.site-nav a{font-size:11px;font-weight:800;letter-spacing:0;text-transform:uppercase}.brand small{display:block;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:0;text-transform:none}.site-nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:18px 26px}.work-page{padding:0 var(--page) clamp(72px,9vw,132px)}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:var(--gap);gap:var(--gap);max-width:1280px;margin:0 auto;animation:fade-in .52s ease both}.project-card{min-width:0;background:var(--bg)}.project-card a{position:relative;display:block;overflow:hidden}.project-card a,.project-card:nth-child(6n+1) a,.project-card:nth-child(6n+5) a{aspect-ratio:16/9.8}.project-card img{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--cover-position,center center);opacity:1;transform:scale(var(--cover-scale,1.1));transition:filter .18s ease,opacity .18s ease,transform .52s ease}.project-overlay{position:absolute;inset:0;display:grid;place-content:center;grid-gap:8px;gap:8px;padding:24px;background:rgba(0,0,0,.54);opacity:0;text-align:center;transition:opacity .18s ease}.project-overlay small{color:var(--muted)}.project-overlay strong{max-width:520px;font-size:clamp(15px,1.35vw,24px);line-height:1.08}.project-card a:hover img{filter:brightness(.62);transform:scale(calc(var(--cover-scale, 1.1) + .025))}.project-card a:focus-visible .project-overlay,.project-card a:hover .project-overlay{opacity:1}.site-footer{display:flex;flex-wrap:wrap;gap:12px 24px;padding:0 var(--page) 42px;color:var(--muted)}.site-footer a{color:var(--fg)}.about-page,.project-page{padding:clamp(42px,6vw,82px) var(--page) 72px}.about-panel{max-width:880px}.label{margin:0 0 16px;color:var(--muted)}.about-panel h1,.project-info h1{margin:0;font-size:clamp(26px,3.2vw,42px);line-height:1;letter-spacing:0}.role{margin:22px 0 0;font-size:clamp(16px,2vw,24px)}.about-copy,.role{color:var(--muted)}.about-copy{max-width:680px;margin:34px 0 0;font-size:clamp(18px,2.1vw,30px);line-height:1.28}.contact-panel{display:flex;flex-wrap:wrap;gap:14px 28px;margin-top:clamp(54px,8vw,96px)}.contact-panel a{border-bottom:1px solid}.project-media{display:grid;grid-gap:var(--gap);gap:var(--gap);max-width:760px;margin-inline:auto;animation:fade-in .52s ease both}.media-frame{aspect-ratio:16/9;background:#111;width:100%;margin-inline:auto}.media-frame iframe{display:block;width:100%;height:100%;border:0}.media-frame.is-square,.media-frame.is-vertical{display:block;margin-inline:auto}.media-frame.is-vertical{width:min(100%,420px,calc(74vh * 9 / 16));aspect-ratio:9/16}.media-frame.is-square{width:min(100%,520px);aspect-ratio:1/1}.external-video{position:relative;display:block;width:min(100%,760px);aspect-ratio:16/9;margin-inline:auto;overflow:hidden;background:#111}.external-video img{display:block;width:100%;height:100%;object-fit:cover;opacity:.74}.external-video span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-bottom:1px solid;font-size:11px;font-weight:800;text-transform:uppercase}.external-video.is-vertical img{width:min(100%,250px);max-width:none;height:100%;margin-inline:auto;object-fit:cover}.external-video.is-vertical{width:min(100%,420px,calc(74vh * 9 / 16));aspect-ratio:9/16}.instagram-embed{display:grid;justify-items:center;width:min(100%,430px);margin-inline:auto}.instagram-embed .instagram-media{min-width:0!important;width:100%!important;max-width:430px!important;margin:0 auto!important;background:#000!important;border:0!important;border-radius:0!important;box-shadow:none!important}.instagram-fallback{margin-top:14px;border-bottom:1px solid;color:var(--text);font-size:11px;font-weight:800;text-transform:uppercase}@media (max-width:700px){.external-video.is-vertical,.media-frame.is-vertical{width:min(100%,420px);max-height:none}.instagram-embed{width:100%}}.project-info{grid-gap:8px;gap:8px;margin:clamp(28px,4vw,44px) auto 0}.credits,.project-info{display:grid;max-width:760px}.credits{margin-inline:auto;grid-gap:1px;gap:1px;margin-top:clamp(32px,5vw,64px);border-top:1px solid var(--line)}.credits div{display:grid;grid-template-columns:150px 1fr;grid-gap:24px;gap:24px;padding:13px 0;border-bottom:1px solid var(--line)}.credits dd,.credits dt{margin:0}.credits dt{color:var(--muted)}.credits dd{font-size:14px;line-height:1.4}.project-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:var(--gap);gap:var(--gap);max-width:760px;margin:clamp(48px,7vw,88px) auto 0;padding-top:18px;border-top:1px solid var(--line)}.project-nav a{display:grid;grid-gap:8px;gap:8px}.project-nav a:last-child{text-align:right}.project-nav small{color:var(--muted);font-size:11px;font-weight:800;letter-spacing:0;text-transform:uppercase}.project-nav span{font-size:clamp(14px,1.2vw,18px);line-height:1.2}.admin-body,.admin-shell{background:var(--admin-bg);color:var(--admin-fg)}.admin-shell{min-height:100vh}.admin-header{grid-template-columns:1fr auto;align-items:center;grid-gap:24px;gap:24px;padding:22px clamp(20px,4vw,56px);border-bottom:1px solid var(--admin-line);background:var(--admin-bg)}.admin-brand,.admin-header{display:grid;color:var(--admin-fg)}.admin-brand{grid-gap:4px;gap:4px;font-weight:800;text-transform:uppercase}.admin-brand small{color:var(--admin-muted);font-size:11px;text-transform:none}.admin-nav{display:flex;flex-wrap:wrap;gap:16px 24px;font-size:13px;font-weight:800;text-transform:uppercase}.admin-main,.admin-nav,.admin-nav a{color:var(--admin-fg)}.admin-main{padding:clamp(24px,4vw,56px);background:var(--admin-bg)}.admin-page-title{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px;margin-bottom:26px}.admin-page-title h1{margin:0;font-size:clamp(28px,4vw,54px);letter-spacing:0}.admin-button,.admin-danger,.admin-link-button{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 15px;border:1px solid var(--admin-fg);border-radius:0;background:var(--admin-fg);color:var(--admin-bg);cursor:pointer;font-size:12px;font-weight:800;text-transform:uppercase}.admin-link-button{background:transparent;color:var(--admin-fg)}.admin-danger{border-color:#9f2727;background:#9f2727}.admin-card{border:1px solid var(--admin-line);background:#fff;color:var(--admin-fg)}.admin-table{width:100%;border-collapse:collapse;color:var(--admin-fg)}.admin-table td,.admin-table th{padding:13px 14px;border-bottom:1px solid var(--admin-line);text-align:left;vertical-align:middle}.admin-table th{color:var(--admin-muted);font-size:11px;font-weight:800;text-transform:uppercase}.admin-thumb{width:86px;aspect-ratio:16/9;object-fit:cover;background:#ddd}.admin-form{display:grid;grid-gap:24px;gap:24px;max-width:980px}.admin-section{display:grid;grid-gap:16px;gap:16px;padding:22px;border:1px solid var(--admin-line);background:#fff;color:var(--admin-fg)}.admin-section h2{margin:0;font-size:18px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px}.field{display:grid;grid-gap:7px;gap:7px}.field.full{grid-column:1/-1}.field label,.field>span{color:var(--admin-muted);font-size:11px;font-weight:800;text-transform:uppercase}.field input,.field select,.field textarea{width:100%;border:1px solid var(--admin-line);border-radius:0;background:#fbfaf8;color:var(--admin-fg);padding:11px 12px}.field input::placeholder,.field textarea::placeholder{color:rgba(21,21,21,.42)}.field textarea{min-height:120px;resize:vertical}.inline-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.muted{color:var(--admin-muted)}.admin-message{display:inline-flex;align-items:center;min-height:34px;padding:0 12px;border:1px solid var(--admin-line);background:#fff;color:var(--admin-fg);font-size:12px;font-weight:800}.admin-message.is-saving{border-color:rgba(21,21,21,.32)}.admin-message.is-success{border-color:rgba(22,101,52,.45);color:#166534}.admin-message.is-error{border-color:rgba(159,39,39,.6);background:#fff7f7;color:#9f2727}.status-badge{display:inline-flex;align-items:center;min-height:28px;padding:0 9px;border:1px solid var(--admin-line);background:#fbfaf8;color:var(--admin-fg);font-size:12px;font-weight:800}.status-badge.is-published{border-color:rgba(22,101,52,.45);color:#166534}.status-badge.is-hidden{border-color:rgba(159,39,39,.45);color:#9f2727}.repeat-list{display:grid;grid-gap:12px;gap:12px}.repeat-row{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-gap:10px;gap:10px;align-items:end;padding:12px;border:1px solid var(--admin-line);background:#fbfaf8;color:var(--admin-fg)}.credit-label,.media-title{grid-column:span 2}.credit-value,.media-url{grid-column:span 4}.media-orientation,.media-platform{grid-column:span 2}.media-primary,.row-actions{grid-column:span 1}.cover-editor{display:grid;grid-template-columns:minmax(0,1fr) 280px;grid-gap:18px;gap:18px;align-items:start}.cover-preview,.grid-preview-card{position:relative;overflow:hidden;aspect-ratio:16/9.8;background:#111}.cover-preview img,.grid-preview-card img{width:100%;height:100%;object-fit:cover;object-position:var(--cover-position,center center);transform:scale(var(--cover-scale,1.1))}.homepage-order-list{display:grid;grid-gap:10px;gap:10px}.sortable-project{display:grid;grid-template-columns:48px 96px 1fr auto;grid-gap:14px;gap:14px;align-items:center;padding:12px;background:#fff}.drag-handle,.sortable-project{border:1px solid var(--admin-line);color:var(--admin-fg)}.drag-handle{cursor:-webkit-grab;cursor:grab;background:#fbfaf8;font-weight:800}.admin-grid-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px}.login-page{display:grid;min-height:100vh;place-items:center;padding:24px;background:var(--admin-bg);color:var(--admin-fg)}.login-panel{display:grid;grid-gap:18px;gap:18px;width:min(100%,420px);padding:28px;border:1px solid var(--admin-line);background:#fff;color:var(--admin-fg)}@keyframes fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation-duration:.001ms!important;transition-duration:.001ms!important}}@media (max-width:1080px){.admin-grid-preview,.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){:root{--page:24px;--gap:14px}.site-header{grid-template-columns:1fr;gap:14px;padding-top:26px;padding-bottom:20px}.site-nav{justify-content:flex-start;gap:12px 18px}.work-page{padding-bottom:72px}.admin-grid-preview,.project-grid{grid-template-columns:1fr}.project-card a,.project-card:nth-child(6n+1) a,.project-card:nth-child(6n+5) a{aspect-ratio:16/9.4}.project-overlay{inset:auto 0 0;place-content:end start;justify-items:start;min-height:42%;padding:18px;background:linear-gradient(0deg,rgba(0,0,0,.78),transparent);opacity:1;text-align:left}.project-overlay strong{font-size:16px;line-height:1.1}.project-overlay small{font-size:9px}.about-panel h1,.project-info h1{font-size:clamp(26px,8vw,38px)}.about-copy{font-size:18px}.cover-editor,.credits div,.form-grid,.project-nav,.sortable-project{grid-template-columns:1fr}.project-nav a:last-child{text-align:left}.repeat-row{grid-template-columns:1fr}.credit-label,.credit-value,.media-orientation,.media-platform,.media-primary,.media-title,.media-url,.row-actions{grid-column:auto}}