@charset "UTF-8";
:root { color-scheme:dark; --bg:#101112; --fg:#eeefef; --muted:#8e9397; --line:#2c2f31; --surface:#181a1c; --gutter:14px; --edge:40px; }
:root[data-theme="light"] { color-scheme:light; --bg:#f5f5f3; --fg:#151718; --muted:#666b6e; --line:#d9dcda; --surface:#e9eae7; }
* { box-sizing:border-box; }
html { background:var(--bg); scroll-behavior:smooth; scrollbar-gutter:stable; }
body { margin:0; color:var(--fg); background:var(--bg); font:14px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif; -webkit-font-smoothing:antialiased; }
button,a { -webkit-tap-highlight-color:transparent; }
button { font:inherit; color:inherit; border:0; }
a { color:inherit; text-decoration:none; }
button,summary { cursor:pointer; }
button:disabled { cursor:default; opacity:.25; }
img,video { max-width:100%; display:block; }
button:focus-visible,a:focus-visible,summary:focus-visible { outline:2px solid var(--fg); outline-offset:5px; }
.shell { width:min(1760px,calc(100% - var(--edge)*2)); margin-inline:auto; }
.site-header { height:88px; display:flex; align-items:center; justify-content:space-between; }
.brand { display:flex; align-items:center; justify-content:center; width:44px; height:44px; }
.brand svg { width:34px; height:27px; fill:currentColor; }
.header-nav { display:flex; align-items:center; gap:30px; font-size:12px; }
.header-nav>a { padding:13px 0; }
.header-nav>a:hover,.header-nav>a[aria-current="page"] { color:var(--muted); }
.icon-button { width:44px; height:44px; display:inline-flex; align-items:center; justify-content:center; background:transparent; padding:11px; border-radius:50%; }
.icon-button:hover { background:var(--surface); }
.icon-button svg { display:block; width:22px; height:22px; }
.theme-toggle { margin-left:-12px; }
.theme-toggle .moon,[data-theme="light"] .theme-toggle .sun { display:none; }
[data-theme="light"] .theme-toggle .moon { display:block; }
#main { min-height:70vh; outline:none; }
.work-grid { display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:var(--gutter); }
.work-card { display:block; position:relative; overflow:hidden; grid-column:span 6; height:clamp(250px,29vw,470px); background:#080a0b; isolation:isolate; }
.work-card:nth-child(6n + 2) { grid-column:span 7; }
.work-card:nth-child(6n + 3) { grid-column:span 5; }
.work-card:nth-child(6n + 6) { grid-column:span 5; }
.work-card:nth-child(6n + 7) { grid-column:span 7; }
/* Keep the feature full-width when its height reaches the cinematic cap. */
.work-card.feature { grid-column:1 / -1; width:100%; height:auto; aspect-ratio:2.5; max-height:670px; }
.work-card { --crop-x:var(--crop-desktop-x,50%); --crop-y:var(--crop-desktop-y,50%); --crop-zoom:var(--crop-desktop-zoom,1); }
.work-card>img,.work-card>.motion-preview { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:var(--crop-x) var(--crop-y); transform:scale(var(--crop-zoom)); transform-origin:var(--crop-x) var(--crop-y); transition:transform .55s cubic-bezier(.2,.65,.3,1),opacity .2s; }
.work-card>.motion-preview { opacity:0; pointer-events:none; }
.work-card.motion-playing>.motion-preview { opacity:1; }
.card-label { position:absolute; inset:auto 0 0; padding:70px 24px 22px; display:flex; align-items:flex-end; justify-content:space-between; gap:24px; color:#fff; opacity:0; transform:translateY(6px); background:linear-gradient(transparent,rgba(0,0,0,.74)); transition:opacity .24s ease,transform .24s ease; font-size:13px; line-height:1.6; }
.card-subtitle { display:block; color:#d1d5d7; font-size:12px; }
.card-label>span:last-child { font-size:24px; line-height:1.2; }
.work-card:hover .card-label,.work-card:focus-visible .card-label { opacity:1; transform:translateY(0); }
.work-card:hover>img,.work-card:hover>.motion-preview { transform:scale(calc(var(--crop-zoom)*1.025)); }
.work-card:focus-visible { outline-offset:3px; z-index:1; }
.site-footer { display:flex; justify-content:space-between; gap:24px; align-items:center; min-height:108px; color:var(--muted); font-size:11px; }
.site-footer a:hover { color:var(--fg); }
.skip-link { position:fixed; top:10px; left:15px; transform:translateY(-200%); z-index:100; color:var(--bg); background:var(--fg); padding:10px 20px; }
.skip-link:focus { transform:none; }
.back-link { display:inline-flex; align-items:center; gap:10px; font-size:12px; color:var(--muted); padding:10px 0; }
.back-link:hover { color:var(--fg); }
.project-header { padding:8px 0 32px; display:grid; grid-template-columns:1fr minmax(0,680px) 1fr; gap:24px; align-items:start; }
.project-heading { grid-column:2; }
.project-heading h1 { font-size:clamp(20px,2vw,27px); line-height:1.35; letter-spacing:-.035em; font-weight:500; margin:6px 0 14px; }
.project-info { font-size:13px; color:var(--muted); }
.project-info summary { width:max-content; list-style:none; display:flex; align-items:center; gap:18px; padding:4px 0; user-select:none; }
.project-info summary::-webkit-details-marker { display:none; }
.project-info summary::after { content:"+"; font-size:17px; font-weight:300; }
.project-info[open] summary::after { content:"−"; }
.project-description { padding-top:12px; line-height:1.8; }
.project-description p { margin:0 0 16px; white-space:pre-line; }
.project-description a { text-decoration:underline; text-underline-offset:4px; }
.project-gallery { display:grid; gap:24px; max-width:1440px; margin:0 auto; }
.media-figure { margin:0; min-width:0; }
.media-button { display:block; width:100%; background:transparent; padding:0; cursor:zoom-in; }
.media-button img,.media-figure video { width:100%; height:auto; margin:auto; }
.media-figure figcaption { margin-top:10px; font-size:12px; color:var(--muted); text-align:center; white-space:pre-line; }
.media-figure video { background:#080a0b; max-height:90vh; }
.embed-poster { position:relative; display:block; width:100%; aspect-ratio:16/9; background:#080a0b; color:white; overflow:hidden; padding:0; }
.embed-poster>img { width:100%; height:100%; object-fit:cover; opacity:.48; transition:opacity .2s; }
.embed-poster:hover>img { opacity:.65; }
.play-label { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); display:flex; align-items:center; flex-direction:column; gap:16px; font-size:12px; }
.play-disc { width:64px; height:64px; border:1px solid #ffffff80; border-radius:50%; display:grid; place-items:center; background:#10111250; }
.play-disc svg { width:23px; height:23px; margin-left:3px; fill:white; }
.embed-frame { display:block; width:100%; aspect-ratio:16/9; border:0; background:#080a0b; }
.motion-link { display:block; padding:25px; text-align:center; font-size:12px; border:1px solid var(--line); }
.motion-link:hover { background:var(--surface); }
.project-bottom { padding:55px 0 10px; max-width:1440px; margin:auto; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:30px; }
.project-bottom>a { font-size:12px; padding:12px 0; color:var(--muted); }
.project-bottom>a:hover { color:var(--fg); }
.project-bottom>a:last-child { justify-self:end; text-align:right; }
.project-bottom .next-title { display:block; font-size:13px; color:var(--fg); max-width:300px; margin-top:6px; }
.about { max-width:620px; margin:clamp(60px,10vw,150px) auto 150px; }
.about h1 { font-size:30px; font-weight:500; letter-spacing:-.045em; margin:0 0 16px; }
.about p { font-size:17px; line-height:1.65; margin:0 0 18px; color:var(--muted); }
.about-links { display:flex; gap:28px; font-size:13px; flex-wrap:wrap; margin-top:36px; }
.about-links a { padding-bottom:5px; border-bottom:1px solid var(--line); }
.about-links a:hover { border-color:var(--fg); }
.lightbox { max-width:100vw; max-height:100dvh; width:100vw; height:100dvh; border:0; padding:68px 72px 52px; background:#08090bf7; color:#f5f5f5; overflow:hidden; }
.lightbox[open] { display:grid; grid-template-rows:minmax(0,1fr) auto; align-items:center; justify-items:center; }
.lightbox::backdrop { background:#08090b; }
.lightbox-toolbar { position:absolute; top:12px; left:22px; right:16px; display:flex; justify-content:space-between; align-items:center; color:#c5c8ca; font-size:12px; }
.lightbox .icon-button:hover { background:#27292c; }
.lightbox .icon-button:focus-visible { outline-color:white; }
.lightbox-arrow { position:absolute; top:50%; transform:translateY(-50%); background:#16171999; }
#lightbox-prev { left:14px; }
#lightbox-next { right:14px; }
#lightbox-image { width:100%; height:100%; object-fit:contain; }
#lightbox-caption { color:#aeb2b6; font-size:12px; margin:16px 0 0; text-align:center; max-width:800px; }
body.viewer-open { overflow:hidden; }
.no-script { padding:30px 0; }
.no-script a { text-decoration:underline; }
.gallery-loading { padding:80px 0; text-align:center; color:var(--muted); font-size:12px; }
.draft-preview-bar { position:fixed; bottom:18px; left:50%; transform:translateX(-50%); z-index:20; display:flex; gap:35px; align-items:center; padding:12px 20px; background:var(--fg); color:var(--bg); border-radius:6px; box-shadow:0 8px 30px #0004; font-size:12px; white-space:nowrap; }
.draft-preview { padding-bottom:70px; }
@media (min-width:1900px) { :root { --edge:64px; --gutter:18px; } }
@media (max-width:1000px) { :root { --edge:24px; --gutter:12px; } .site-header{height:78px;} .work-card{height:32vw;min-height:220px;} .project-header{grid-template-columns:130px minmax(0,1fr);}.project-heading{grid-column:2;} }
@media (max-width:640px) {
  :root { --edge:14px; --gutter:12px; }
  .site-header { height:72px; }
  .brand svg { width:29px; height:24px; }
  .header-nav { gap:21px; font-size:11px; }
  .theme-toggle { margin-left:-8px; margin-right:-7px; }
  .work-grid { display:block; }
  .work-card,.work-card.feature { width:100%; height:auto; min-height:0; aspect-ratio:1.44; margin-bottom:var(--gutter); }
  .work-card.feature { aspect-ratio:1.25; }
  .work-card { --crop-x:var(--crop-mobile-x,50%); --crop-y:var(--crop-mobile-y,50%); --crop-zoom:var(--crop-mobile-zoom,1); }
  .card-label { padding:55px 16px 14px; opacity:1; transform:none; font-size:12px; }
  .card-subtitle { font-size:11px; }
  .card-label>span:last-child { font-size:20px; }
  .site-footer { min-height:82px; }
  .project-header { display:block; padding:0 2px 24px; }
  .back-link { margin-bottom:18px; }
  .project-heading h1 { max-width:350px; margin-top:0; }
  .project-gallery { gap:18px; }
  .media-figure figcaption { padding-inline:8px; font-size:11px; }
  .project-bottom { grid-template-columns:1fr 1fr; gap:14px; padding-top:34px; }
  .project-bottom>a:nth-child(2) { display:none; }
  .project-bottom .next-title { font-size:12px; }
  .about { margin:62px 12px 100px; }
  .about p { font-size:16px; }
  .lightbox { padding:65px 8px 72px; }
  .lightbox-arrow { top:auto; bottom:14px; transform:none; }
  #lightbox-caption { font-size:11px; padding-inline:15px; }
}
@media (hover:none) { .card-label { opacity:1; transform:none; } }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *,*::before,*::after { transition:none!important; animation:none!important; } .work-card:hover>img,.work-card:hover>.motion-preview { transform:scale(var(--crop-zoom)); } }

/* Optional portfolio layouts retain the same aligned outer edges. */
.portfolio-home.spacing-comfortable{--gutter:28px}
.portfolio-home>.feature{margin-bottom:var(--gutter)}
.work-grid.layout-editorial>.work-card{grid-column:span 6}
.work-grid.layout-editorial>.work-card:nth-child(6n + 1),.work-grid.layout-editorial>.work-card:nth-child(6n + 6){grid-column:span 7}
.work-grid.layout-editorial>.work-card:nth-child(6n + 2),.work-grid.layout-editorial>.work-card:nth-child(6n + 5){grid-column:span 5}
.work-grid.layout-two>.work-card{grid-column:span 6;height:auto;min-height:0;aspect-ratio:1.44}
.work-grid.layout-three>.work-card{grid-column:span 4;height:auto;min-height:0;aspect-ratio:1.44}
.work-controls{display:flex;align-items:center;gap:26px;flex-wrap:wrap;min-height:58px;padding:8px 0 18px}
.work-collections,.work-filters{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.work-filters{margin-left:auto;gap:22px}
.work-filter,.watch-reel{background:none;padding:10px 0 8px;font-size:12px;color:var(--muted);border-bottom:1px solid transparent;white-space:nowrap}
.work-filter[aria-pressed=true]{color:var(--fg);border-bottom-color:var(--fg)}.work-filter:hover,.watch-reel:hover{color:var(--fg)}.watch-reel{margin-left:auto}
.labels-always .card-label{opacity:1;transform:none}
.detailed-project-header{display:block;padding:6px 0 26px}.detailed-project-header .back-link{margin-bottom:12px}.detailed-project-header .project-heading h1{margin:0 0 12px}.detailed-project-header .project-description{max-width:720px}
.project-facts{display:flex;gap:28px;flex-wrap:wrap;margin-top:24px;font-size:12px;color:var(--muted);align-items:flex-start}
.project-facts>div{display:flex;flex-direction:column;max-width:420px;gap:5px;padding-right:28px;border-right:1px solid var(--line);white-space:pre-line}.project-facts>div:last-child{border:0}
.fact-label{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--fg)}.project-credits summary{padding:8px 0;color:var(--fg)}.project-credits p{white-space:pre-line;max-width:640px;line-height:1.8}
.chapter-nav{display:flex;gap:28px;overflow-x:auto;border-bottom:1px solid var(--line);margin:0 0 22px}.chapter-nav button{background:none;color:var(--muted);font-size:12px;padding:12px 0;border-bottom:2px solid transparent;white-space:nowrap}.chapter-nav button[aria-pressed=true]{color:var(--fg);border-bottom-color:var(--fg)}
.project-content{max-width:1440px;margin-inline:auto}.project-content>.motion-link{margin-top:24px}.project-stage-gallery{min-width:0}.project-stage{background:#080a0b}.project-stage .media-figure>img,.project-stage .media-button>img,.project-stage video{width:100%;height:auto;max-height:72vh;object-fit:contain}.project-stage figcaption{padding:10px 12px;margin:0;color:#aeb2b6}.thumbnail-rail{display:flex;gap:12px;overflow-x:auto;padding:15px 1px 4px;scrollbar-width:thin}.gallery-thumbnail{position:relative;flex:0 0 150px;aspect-ratio:16/9;background:#080a0b;padding:0;border:1px solid transparent;opacity:.6}.gallery-thumbnail[aria-pressed=true]{border-color:var(--fg);opacity:1}.gallery-thumbnail:hover{opacity:1}.gallery-thumbnail>img{width:100%;height:100%;object-fit:cover}.thumbnail-play{position:absolute;inset:0;display:grid;place-items:center;color:white;font-size:28px;text-shadow:0 2px 12px #000}
.gallery-empty{color:var(--muted);padding:40px 0;text-align:center}
.comparison{margin:28px 0}.comparison h2{font-size:16px;font-weight:500;margin:0 0 14px}.comparison-stage{position:relative;aspect-ratio:16/9;background:#080a0b;overflow:hidden;color:white}.comparison-stage>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.compare-before{clip-path:inset(0 calc(100% - var(--split)) 0 0)}.comparison-line{position:absolute;top:0;bottom:0;left:var(--split);width:1px;background:#fff;pointer-events:none}.comparison-handle{position:absolute;top:50%;left:0;transform:translate(-50%,-50%);display:grid;place-items:center;width:44px;height:44px;border:1px solid white;border-radius:50%;background:#151718d9;font-size:22px;white-space:nowrap}.compare-label{position:absolute;top:14px;font-size:11px;background:#101112aa;padding:6px 10px;max-width:40%;overflow-wrap:anywhere}.compare-label.before{left:14px}.compare-label.after{right:14px}.comparison-range{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;touch-action:pan-y}.comparison-stage:focus-within{outline:2px solid var(--fg);outline-offset:4px}.comparison-hint{color:var(--muted);font-size:11px;text-align:center;margin:10px 0}
.media-viewer{position:fixed;inset:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;padding:20px 36px;background:#101112;color:#eeefef;border:0;overflow-y:auto}.media-viewer::backdrop{background:#08090b}.viewer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:18px;font-size:13px}.viewer-toolbar .icon-button{font-size:26px}.viewer-body{max-width:1440px;margin:auto}.media-viewer .project-stage .media-figure>img,.media-viewer .project-stage video{max-height:calc(100dvh - 245px);width:100%;object-fit:contain}.media-viewer .embed-frame,.media-viewer .embed-poster{max-height:calc(100dvh - 245px)}.media-viewer .gallery-thumbnail{border-color:transparent}.media-viewer .gallery-thumbnail[aria-pressed=true]{border-color:white}.media-viewer .gallery-empty{color:#aeb2b6}
@media(max-width:1000px){.work-grid.layout-three>.work-card{grid-column:span 6}}
@media(max-width:640px){.portfolio-home.spacing-comfortable{--gutter:18px}.work-controls{gap:8px 20px;padding-bottom:16px}.work-collections{width:100%;gap:24px}.work-filters{margin-left:0;gap:18px}.work-filter,.watch-reel{font-size:11px}.work-grid.layout-two>.work-card,.work-grid.layout-three>.work-card{aspect-ratio:1.44}.project-facts{gap:18px}.project-facts>div{padding-right:18px;max-width:100%}.chapter-nav{gap:24px;margin-bottom:16px}.gallery-thumbnail{flex-basis:100px}.thumbnail-rail{gap:8px}.comparison-handle{width:34px;height:34px}.compare-label{top:8px;font-size:10px;padding:4px 7px}.comparison-hint{font-size:10px}.media-viewer{padding:12px 14px}.viewer-toolbar{margin-bottom:12px}.project-stage .media-figure>img,.project-stage .media-button>img,.project-stage video{max-height:65vh}.media-viewer .project-stage .media-figure>img,.media-viewer .project-stage video{max-height:calc(100dvh - 210px)}}

/* Editing overlays are only mounted inside the owner’s live draft preview. */
.preview-edit-card{cursor:grab}.preview-edit-card.feature{cursor:default}.preview-edit-card .card-label{display:none}.preview-edit-card:focus-within,.preview-edit-card.preview-selected{outline:2px solid #c5e0d1;outline-offset:-2px}.preview-card-select{position:absolute;inset:0;z-index:2;width:100%;height:100%;background:linear-gradient(transparent 70%,#0009);color:white;text-align:left;display:flex;align-items:flex-end;padding:18px 22px;font-size:12px;cursor:inherit}.preview-card-select:focus-visible{outline:2px solid white;outline-offset:-5px}.preview-card-actions{position:absolute;right:14px;bottom:12px;z-index:3;display:flex;gap:6px}.preview-card-actions button{background:#101112dc;color:white;border:1px solid #ffffff70;width:38px;height:34px;cursor:pointer}.preview-edit-card.preview-dragging{opacity:.45}.preview-edit-card.preview-drop-before{box-shadow:inset 7px 0 #c5e0d1}.preview-edit-card.preview-drop-after{box-shadow:inset -7px 0 #c5e0d1}.preview-edit-card.preview-drop-before::after,.preview-edit-card.preview-drop-after::after{content:'';position:absolute;inset:0;z-index:4;border:4px solid #c5e0d1;pointer-events:none}.preview-edit-card.preview-drop-before::after{border-right:0}.preview-edit-card.preview-drop-after::after{border-left:0}
.media-figure{position:relative}.media-expand{position:absolute;right:12px;top:12px;padding:8px 12px;background:#101112cf;color:white;border:1px solid #ffffff55;font-size:11px;z-index:2}.media-expand:hover{background:#101112}

/* One modal handles all images, video and embedded films. */
.artwork-viewer{padding:16px 24px;overflow:hidden;background:#101112;color:#eeefef}.artwork-viewer[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:12px}.artwork-viewer .viewer-toolbar{margin:0;gap:16px;min-width:0}.viewer-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.viewer-counter{font-size:11px;color:#b9bdc1;white-space:nowrap;font-variant-numeric:tabular-nums}.viewer-zoom{display:flex;gap:4px;align-items:center}.viewer-zoom[hidden]{display:none}.viewer-zoom .icon-button:nth-child(2){font-size:11px;min-width:48px;width:auto;border-radius:4px}.artwork-viewer .viewer-body{position:relative;width:100%;height:100%;min-height:0;max-width:none}.viewer-stage{height:100%;min-height:0;position:relative;overflow:hidden;outline:none;display:grid;align-items:center}.viewer-stage:focus-visible{outline:1px solid #ffffff80;outline-offset:-1px}.viewer-stage .media-figure{display:grid;grid-template-rows:minmax(0,1fr) auto;height:100%;min-height:0;min-width:0}.viewer-stage .media-figure>img,.viewer-stage .media-figure>video{display:block;width:100%;height:100%;max-height:none;min-height:0;object-fit:contain;transform-origin:center;user-select:none}.viewer-stage .media-figure>img{grid-row:1}.viewer-stage .media-figure>video{background:#080a0b}.viewer-stage .embed-frame,.viewer-stage .embed-poster{height:100%;max-height:none;min-height:0;width:100%;aspect-ratio:auto}.viewer-stage .embed-poster>img{object-fit:contain}.viewer-stage .media-figure figcaption{grid-row:2;position:relative;z-index:1;padding:10px 16px 0;margin:0;color:#b9bdc1;background:#101112;max-height:70px;overflow:auto}.viewer-image-stage{touch-action:none;cursor:zoom-in}.viewer-image-stage.is-zoomed{cursor:grab}.viewer-image-stage.is-zoomed:active{cursor:grabbing}.viewer-previous,.viewer-next{position:absolute;top:50%;transform:translateY(-50%);background:#151719cc!important;color:white;font-size:30px}.viewer-previous{left:4px}.viewer-next{right:4px}.artwork-viewer .viewer-bottom{min-width:0;max-width:100%;overflow:hidden}.artwork-viewer .viewer-thumbnails{padding:2px 1px 6px;gap:10px}.artwork-viewer .gallery-thumbnail{flex-basis:110px;max-height:62px}.artwork-viewer .viewer-hint{font-size:10px;color:#a6aaae;text-align:center;margin:5px 0 0}.artwork-viewer .icon-button:focus-visible,.artwork-viewer .gallery-thumbnail:focus-visible{outline-color:white}.artwork-viewer button:disabled{opacity:.25}
@media(max-width:640px){.artwork-viewer{padding:10px 10px max(10px,env(safe-area-inset-bottom))}.artwork-viewer[open]{gap:8px}.artwork-viewer .viewer-toolbar{gap:8px;font-size:11px}.viewer-zoom{gap:0}.artwork-viewer .icon-button{width:36px;height:36px;padding:6px}.viewer-zoom .icon-button:nth-child(2){min-width:40px;font-size:10px}.viewer-counter{font-size:10px}.artwork-viewer .gallery-thumbnail{flex-basis:80px;max-height:45px}.artwork-viewer .viewer-hint{font-size:9px}.viewer-stage .media-figure figcaption{font-size:10px;padding:6px 10px 0;max-height:50px}.preview-card-select{font-size:11px;padding:16px}.preview-card-actions{right:10px;bottom:10px}.preview-card-actions button{width:34px;height:30px}}

/* Original-size rendering and protected project access. */
.native-media{width:100%;margin-inline:auto}.native-media video{object-fit:scale-down}.native-card>img,.native-card>.motion-preview,.native-card:hover>img,.native-card:hover>.motion-preview{object-fit:scale-down;transform:none!important}.native-gallery .gallery-thumbnail>img,.native-comparison>img{object-fit:scale-down}.viewer-stage .native-media{justify-self:center}.viewer-stage .native-media>img,.viewer-stage .native-media>video{object-fit:scale-down}.locked-card{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;background:var(--bg,#101112);border:1px solid var(--line,#383b3e)}.locked-card .card-label{opacity:1;transform:none}.project-lock-symbol{font-size:32px}.project-lock-note{font-size:13px;color:var(--muted)}.protected-project{max-width:540px;margin:8vh auto 16vh;padding:20px}.protected-project h1{font-size:clamp(28px,5vw,48px);font-weight:500}.protected-project form{display:grid;gap:12px;margin-top:28px}.protected-project label{font-size:13px}.protected-project input{width:100%;padding:14px;background:var(--bg);color:var(--fg);border:1px solid var(--muted);border-radius:3px;font:inherit}.protected-project button{padding:14px;border:1px solid var(--fg);background:var(--fg);color:var(--bg);font:inherit}.unlock-feedback{min-height:1.5em;font-size:13px}.project-lock-action{font:inherit;background:none;border:0;color:inherit;padding:0;text-decoration:underline;cursor:pointer}