:root{--bg:#050505;--panel:#0a0a0a;--ink:#f1efe9;--muted:#8a8985;--dim:#555550;--line:#242422;--pad:clamp(18px,3vw,48px);--sans:"Helvetica Neue",Helvetica,Arial,sans-serif;--mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);overflow-x:hidden}body.menu-open,body.viewer-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{color:inherit}::selection{background:var(--ink);color:var(--bg)}[hidden]{display:none!important}.grain{position:fixed;inset:0;z-index:10000;pointer-events:none;opacity:.045;mix-blend-mode:soft-light;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='.93' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.shell{padding-inline:var(--pad)}.scene{min-height:80svh}.micro,.section-index,.timecode{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.wordmark{display:inline-flex;align-items:baseline;font-size:22px;font-weight:700;letter-spacing:-.06em;line-height:1}.wordmark>span{color:var(--muted)}.wordmark--hero{font-size:clamp(76px,17.2vw,276px);font-weight:650;letter-spacing:-.09em;white-space:nowrap}.wordmark--hero>span{color:transparent;-webkit-text-stroke:clamp(1px,.11vw,2px) rgba(241,239,233,.75)}em{font-style:normal;color:var(--muted)}
.site-header{position:fixed;top:0;left:0;right:0;z-index:200;display:flex;justify-content:space-between;align-items:center;padding:24px var(--pad);mix-blend-mode:difference;color:#fff}.brand{position:relative;z-index:202}.desktop-nav{display:flex;gap:clamp(24px,3vw,56px);font-family:var(--mono);font-size:10px;letter-spacing:.12em}.desktop-nav a{position:relative}.desktop-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-6px;height:1px;background:currentColor;transition:right .3s ease}.desktop-nav a:hover:after,.desktop-nav a:focus-visible:after{right:0}.menu-button{display:none;border:0;background:none;z-index:202;align-items:center;gap:12px;font-family:var(--mono);font-size:10px;letter-spacing:.12em;cursor:pointer}.menu-button i{display:block;width:20px;height:1px;background:currentColor;box-shadow:0 5px currentColor}.mobile-menu{display:none;position:fixed;inset:0;background:var(--bg);color:var(--ink);z-index:201;padding:120px var(--pad) 30px}.mobile-menu nav{display:grid}.mobile-menu nav a{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid var(--line);padding:15px 0;font-size:clamp(56px,16vw,92px);font-weight:600;letter-spacing:-.07em}.mobile-menu nav a:last-child{border-bottom:1px solid var(--line)}.mobile-menu small{font-family:var(--mono);font-size:10px;color:var(--muted);letter-spacing:.12em}.mobile-menu p{position:absolute;left:var(--pad);bottom:30px;margin:0;font-family:var(--mono);font-size:10px;color:var(--muted);letter-spacing:.12em}
.hero{position:relative;min-height:100svh;overflow:hidden;background:#050505}.hero-media{position:absolute;inset:0;overflow:hidden;background:#090909}.hero-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.08) brightness(.82)}.hero-fallback{position:absolute;inset:0;display:grid;place-items:center;background:#090909;color:#373733;font:10px/1 var(--mono);letter-spacing:.18em}.hero-mask{position:absolute;inset:0;background:rgba(0,0,0,.3)}.hero-content{position:absolute;left:var(--pad);right:var(--pad);bottom:clamp(100px,10vw,150px);z-index:2}.hero-content .micro{display:block;margin-bottom:26px;color:rgba(255,255,255,.72)}.hero-content p{margin:-10px 0 0 .5vw;font-size:clamp(18px,2vw,28px);letter-spacing:-.03em}.scroll-cue{position:absolute;left:var(--pad);bottom:32px;z-index:2;display:flex;gap:18px;align-items:center;font:10px/1 var(--mono);letter-spacing:.14em}.scroll-cue span{font-size:17px}.timecode{position:absolute;right:var(--pad);bottom:35px;z-index:2;color:rgba(255,255,255,.62)}
.intro{display:grid;grid-template-columns:1fr 3fr;align-content:center;gap:30px;padding-block:clamp(120px,17vw,260px)}.intro .section-index{padding-top:12px}.intro .reveal:first-of-type{grid-column:2}.intro h1{margin:0;font-size:clamp(58px,9vw,154px);font-weight:570;letter-spacing:-.075em;line-height:.85}.intro-copy{grid-column:2;width:min(620px,80%);margin-top:clamp(48px,8vw,120px)}.intro-copy p{margin:0;font-size:clamp(20px,2.4vw,34px);line-height:1.18;letter-spacing:-.035em}.section-head{display:grid;grid-template-columns:1fr 2fr 1fr;align-items:end;padding-bottom:28px;border-bottom:1px solid var(--line)}.section-head h2{margin:0;font-size:clamp(36px,5vw,82px);font-weight:600;letter-spacing:-.065em}.section-head>span:last-child{justify-self:end;font:10px/1 var(--mono);color:var(--muted);letter-spacing:.12em}
.work{padding-block:90px 180px}.work-grid{display:grid;gap:clamp(74px,9vw,150px);padding-top:52px}.work-grid .reveal:nth-child(even){width:76%;margin-inline:auto}.work-card{display:block;width:100%;padding:0;border:0;background:none;text-align:left;cursor:none}.work-media{position:relative;aspect-ratio:16/9;overflow:hidden;background:#0a0a0a;border:1px solid #161614}.work-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.06) brightness(.78);opacity:0;transform:scale(1.02);transition:opacity .42s ease,transform .7s cubic-bezier(.2,.7,.2,1)}.work-card:hover video,.work-card:focus-visible video{opacity:1;transform:scale(1.045)}.empty-frame{position:absolute;inset:0;display:grid;place-items:center;color:#2c2c29}.empty-frame span{font:10px/1 var(--mono);letter-spacing:.18em}.empty-frame b{position:absolute;right:20px;top:14px;font-weight:300;font-size:26px}.view-film-mobile{display:none;position:absolute;right:14px;bottom:12px;z-index:2;font:9px/1 var(--mono);letter-spacing:.12em}.work-info{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding-top:20px}.work-info>div{display:flex;justify-content:space-between;gap:20px}.work-info>div:first-child{display:block}.work-info span{font:10px/1.4 var(--mono);color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.work-info h3{margin:7px 0 0;font-size:clamp(34px,5vw,72px);line-height:.95;font-weight:580;letter-spacing:-.065em}
.manifesto{min-height:100svh;padding:120px var(--pad);display:flex;flex-direction:column;justify-content:space-between;border-block:1px solid var(--line)}.manifesto .reveal{align-self:center;width:min(1180px,100%)}.manifesto p{margin:0;font-size:clamp(60px,9.8vw,168px);line-height:.82;font-weight:580;letter-spacing:-.08em}.manifesto p+p{margin-top:clamp(38px,6vw,90px);text-align:right}
.services{padding-block:150px 190px}.service-list{margin-top:54px;border-top:1px solid var(--line)}.service-row{display:grid;grid-template-columns:90px 1.5fr 1fr 40px;align-items:center;gap:24px;min-height:118px;border-bottom:1px solid var(--line)}.service-row>span{font:10px/1 var(--mono);color:var(--muted)}.service-row h3{margin:0;font-size:clamp(26px,3vw,48px);font-weight:550;letter-spacing:-.05em}.service-row p{margin:0;max-width:420px;color:var(--muted);font-size:14px;line-height:1.5;opacity:.3;transform:translateY(5px);transition:opacity .3s ease,transform .3s ease}.service-row:hover p{opacity:1;transform:none}.service-row i{font-style:normal;justify-self:end;color:var(--muted)}
.about{display:grid;grid-template-columns:.95fr 1.05fr;gap:clamp(50px,9vw,150px);align-items:center;padding-block:140px 190px}.about-placeholder{aspect-ratio:4/5;background:#0a0a0a;border:1px solid #171715;display:grid;place-items:center;position:relative;color:#32322e}.about-placeholder>span{font:10px/1 var(--mono);letter-spacing:.16em}.about-placeholder b{position:absolute;right:20px;top:14px;font-size:26px;font-weight:300}.about-placeholder small{position:absolute;left:18px;bottom:16px;color:var(--dim);font:9px/1.3 var(--mono);letter-spacing:.07em}.about-copy h2{margin:28px 0 50px;font-size:clamp(62px,8.5vw,142px);line-height:.82;font-weight:590;letter-spacing:-.08em}.about-copy p{margin:0 0 24px;max-width:630px;font-size:clamp(18px,2vw,28px);line-height:1.2;letter-spacing:-.03em}.about-copy p:last-child{color:var(--muted)}
.contact{display:grid;grid-template-columns:1.25fr .75fr;gap:70px;min-height:100svh;padding:120px var(--pad) 80px;border-top:1px solid var(--line);align-items:center}.contact h2{margin:34px 0 60px;font-size:clamp(62px,8.8vw,150px);line-height:.81;letter-spacing:-.08em;font-weight:590}.contact-links{display:flex;gap:35px;flex-wrap:wrap;font:11px/1 var(--mono);letter-spacing:.08em}.contact-links a{border-bottom:1px solid var(--muted);padding-bottom:6px}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:30px 20px;align-self:end;padding-bottom:30px}.contact-form label{display:grid;gap:10px}.contact-form label>span{font:9px/1 var(--mono);color:var(--muted);letter-spacing:.12em}.contact-form input,.contact-form textarea{width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);padding:7px 0 13px;outline:none;border-radius:0}.contact-form textarea{resize:vertical}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--ink)}.contact-form .message-field{grid-column:1/-1}.contact-form button{grid-column:1/-1;margin-top:12px;border:1px solid var(--ink);background:var(--ink);color:var(--bg);min-height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;font:10px/1 var(--mono);letter-spacing:.12em;cursor:pointer}.contact-form small{grid-column:1/-1;color:var(--dim);font:9px/1.5 var(--mono)}.site-footer{min-height:90px;padding:30px var(--pad);border-top:1px solid var(--line);display:grid;grid-template-columns:1fr auto auto auto;align-items:center;gap:30px}.site-footer>span:not(.wordmark),.site-footer>a{font:9px/1 var(--mono);color:var(--muted);letter-spacing:.08em}
.reveal{opacity:0;transform:translateY(32px);clip-path:inset(0 0 18% 0);transition:opacity .8s ease,transform .9s cubic-bezier(.2,.7,.2,1),clip-path .9s ease}.reveal.is-visible{opacity:1;transform:none;clip-path:inset(0)}.custom-cursor{position:fixed;left:-42px;top:-42px;width:84px;height:84px;border-radius:50%;background:var(--ink);color:var(--bg);z-index:9999;pointer-events:none;display:grid;place-items:center;opacity:0;margin:-42px 0 0 -42px;transition:opacity .18s ease}.custom-cursor span{font:8px/1 var(--mono);letter-spacing:.08em}.custom-cursor.is-film{opacity:1}
.project-viewer{position:fixed;inset:0;z-index:500;overflow-y:auto;background:var(--bg);animation:viewer-in .42s cubic-bezier(.2,.7,.2,1)}@keyframes viewer-in{from{opacity:0;transform:translateY(16px)}}.viewer-topbar{position:sticky;top:0;z-index:4;height:76px;display:flex;justify-content:space-between;align-items:center;padding:0 var(--pad);background:rgba(5,5,5,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.viewer-topbar button{border:0;background:none;display:flex;align-items:center;gap:12px;cursor:pointer;font:9px/1 var(--mono);letter-spacing:.12em}.viewer-topbar button span{font-size:25px;font-weight:300}.viewer-film{background:#000;min-height:min(75svh,850px);display:grid;place-items:center}.film-player{display:block;width:100%;height:min(75svh,850px);border:0;object-fit:contain;background:#000}.viewer-title{padding:70px var(--pad) 45px;border-bottom:1px solid var(--line)}.viewer-title>div{display:flex;justify-content:space-between;font:9px/1 var(--mono);color:var(--muted);letter-spacing:.1em}.viewer-title h2{margin:28px 0 0;font-size:clamp(78px,14vw,230px);line-height:.78;font-weight:590;letter-spacing:-.09em}.viewer-details{display:grid;grid-template-columns:.7fr .5fr 1.8fr;gap:50px;padding:60px var(--pad) 110px}.viewer-details span{font:9px/1 var(--mono);color:var(--muted);letter-spacing:.1em}.viewer-details p{margin:12px 0 0;font-size:16px;line-height:1.45}.viewer-about p{max-width:650px;font-size:clamp(19px,2.3vw,31px);letter-spacing:-.03em;line-height:1.15}.viewer-gallery{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:var(--line)}.gallery-slot{min-height:48vw;background:#090909;display:grid;place-items:center;position:relative;color:#30302d}.gallery-slot--2{min-height:36vw}.gallery-slot span{font:9px/1 var(--mono);letter-spacing:.12em}.gallery-slot b{position:absolute;top:14px;right:18px;font-weight:300;font-size:27px}.next-film{width:100%;min-height:52svh;border:0;border-top:1px solid var(--line);background:var(--bg);color:var(--ink);text-align:left;padding:60px var(--pad);display:grid;grid-template-columns:1fr auto;align-content:center;cursor:pointer}.next-film span{grid-column:1/-1;font:9px/1 var(--mono);color:var(--muted);letter-spacing:.12em;margin-bottom:26px}.next-film strong{font-size:clamp(70px,11vw,180px);line-height:.8;letter-spacing:-.08em;font-weight:580}.next-film i{font-style:normal;font-size:clamp(60px,7vw,100px);align-self:center}
@media(max-width:820px){:root{--pad:18px}.desktop-nav{display:none}.menu-button{display:flex}.mobile-menu.is-open{display:block}.site-header{padding-top:20px}.wordmark{font-size:19px}.wordmark--hero{font-size:clamp(72px,25vw,120px);white-space:normal}.hero-content{bottom:112px}.hero-content .micro{margin-bottom:16px}.hero-content p{font-size:17px;margin-top:3px}.timecode{display:none}.intro{grid-template-columns:1fr;padding-block:120px 150px}.intro .reveal:first-of-type,.intro-copy{grid-column:1}.intro h1{font-size:clamp(58px,17vw,94px)}.intro-copy{width:100%;margin-top:50px}.section-head{grid-template-columns:1fr auto;gap:20px}.section-head h2{grid-column:1/-1;grid-row:2;font-size:48px}.work{padding-block:70px 120px}.work-grid{gap:74px}.work-grid .reveal:nth-child(even){width:100%}.work-card{cursor:pointer}.work-media{aspect-ratio:4/5}.work-media video{display:none}.view-film-mobile{display:block}.work-info{grid-template-columns:1fr}.work-info>div:nth-child(2){border-top:1px solid var(--line);padding-top:11px}.work-info h3{font-size:48px}.manifesto{min-height:86svh;padding-block:90px}.manifesto p{font-size:clamp(54px,15.5vw,88px)}.manifesto p+p{text-align:left;margin-top:55px}.services{padding-block:110px 130px}.service-row{grid-template-columns:40px 1fr 25px;min-height:94px;gap:10px}.service-row p{display:none}.service-row h3{font-size:26px}.about{grid-template-columns:1fr;gap:60px;padding-block:100px 135px}.about-copy{grid-row:1}.about-copy h2{font-size:clamp(70px,21vw,104px);margin-bottom:40px}.contact{grid-template-columns:1fr;padding-block:100px 50px;gap:90px}.contact h2{font-size:clamp(64px,18.5vw,98px)}.contact-form{grid-template-columns:1fr}.contact-form .message-field,.contact-form button,.contact-form small{grid-column:1}.site-footer{grid-template-columns:1fr auto;gap:18px}.site-footer>span:nth-of-type(2){grid-column:1}.viewer-film{min-height:62svh}.film-player{height:62svh}.viewer-title{padding-top:45px}.viewer-title h2{font-size:clamp(68px,22vw,112px)}.viewer-details{grid-template-columns:1fr 1fr;gap:36px 20px;padding-block:40px 75px}.viewer-about{grid-column:1/-1}.viewer-gallery{grid-template-columns:1fr}.gallery-slot,.gallery-slot--2{min-height:115vw}.next-film{min-height:44svh;grid-template-columns:1fr}.next-film strong{font-size:clamp(66px,20vw,105px)}.next-film i{display:none}.custom-cursor{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none;clip-path:none}.hero-media video{display:none}}

/* Refinements preserve the original editorial direction. */
:root{--muted:#a4a39e;--dim:#85847f}
.skip-link{position:fixed;top:8px;left:8px;z-index:11000;background:var(--ink);color:var(--bg);padding:14px;transform:translateY(-150%)}.skip-link:focus{transform:none}
:focus-visible{outline:2px solid var(--ink);outline-offset:6px}
.micro,.section-index,.timecode,.desktop-nav,.menu-button,.scroll-cue,.mobile-menu small,.mobile-menu p,.work-info span,.section-head>span:last-child,.service-row>span,.about-placeholder>span,.about-placeholder small,.site-footer>span:not(.wordmark),.site-footer>a,.viewer-topbar button,.viewer-title>div,.viewer-details span,.gallery-slot span,.next-film span{font-size:12px;line-height:1.5}
.desktop-nav a,.menu-button{min-height:44px;display:flex;align-items:center}.desktop-nav a:after{bottom:6px}.menu-button{display:none}
.hero-motion{position:absolute;right:var(--pad);bottom:75px;z-index:3;border:1px solid #888;background:rgba(5,5,5,.5);padding:12px 16px;font:12px var(--mono);letter-spacing:.08em;cursor:pointer}
.hero-fallback{background-color:#090909;background-position:center;background-size:cover}.hero-fallback span{display:none}
.intro h1{font-size:clamp(2.3rem,6.8vw,7.8rem);line-height:.94}.reveal{clip-path:none}
.work-card{cursor:pointer}.work-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.06) brightness(.72);transition:transform .7s ease}.work-card:hover img{transform:scale(1.03)}.work-grid .reveal:nth-child(even) .work-media{aspect-ratio:4/5;max-height:85svh}.view-film-mobile{display:block;font-size:12px;background:rgba(5,5,5,.65);padding:12px 16px}.empty-frame{display:none}
.service-row p{opacity:1;transform:none;font-size:16px}.service-row{grid-template-columns:65px 1.5fr 1fr}
.contact{grid-template-columns:1fr;min-height:90svh}.contact h2{font-size:clamp(3rem,8.4vw,8.8rem);line-height:.92}.contact-links{font-size:16px}.contact-links a{padding-block:12px}
.about-placeholder,.gallery-slot{color:#96958f}.about-placeholder small{color:#85847f}.gallery-slot img,.about-placeholder img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.about-placeholder:has(img)>span,.about-placeholder:has(img)>b,.about-placeholder:has(img)>small{display:none}
.viewer-topbar{background:#050505;backdrop-filter:none}.viewer-topbar button{min-height:44px}.viewer-title h2{line-height:.95;font-size:clamp(2.5rem,12vw,12rem);overflow-wrap:break-word}.next-film strong{line-height:.95;font-size:clamp(2.5rem,10vw,10rem)}.viewer-title,.viewer-details,.work-info>div{min-width:0}.viewer-details p{overflow-wrap:anywhere}.project-viewer{overscroll-behavior:contain}.custom-cursor{display:none}.work-info>div:nth-child(2){flex-wrap:wrap}.hero-content p{margin-top:10px}.media-notice{font-size:16px;padding:20px var(--pad);color:var(--muted)}
@media(max-width:820px){.menu-button{display:flex}.site-header{mix-blend-mode:normal}.mobile-menu{height:100dvh}.mobile-menu nav a{font-size:clamp(2.5rem,14vw,5rem)}.intro h1{font-size:clamp(2rem,9.4vw,4rem)}.wordmark--hero{font-size:23vw}.hero-content .micro{font-size:12px;letter-spacing:.07em}.hero-content p{font-size:20px}.work-media video{display:block}.work-grid .reveal:nth-child(even) .work-media{max-height:none}.manifesto p{font-size:clamp(2.4rem,11.5vw,5rem);line-height:.95}.contact h2{font-size:clamp(2.4rem,11vw,5rem)}.viewer-title h2{font-size:clamp(2.5rem,16vw,6rem)}.next-film strong{font-size:clamp(2.5rem,16vw,6rem)}.hero-motion{bottom:80px}.service-row{grid-template-columns:30px 1fr}.service-row h3{font-size:clamp(1.3rem,6.2vw,2rem)}.about-copy h2{line-height:.92}.about-copy p{font-size:20px}.scroll-cue{min-height:44px}.work-info h3{font-size:clamp(2rem,10vw,3rem)}.section-head h2{font-size:clamp(2rem,9vw,3rem)}}
@media(prefers-reduced-motion:reduce){.hero-motion{display:none}.work-media video{display:none}.work-card:hover img{transform:none}}

.poster-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;border:1px solid var(--line);padding:24px;text-align:center}.poster-placeholder span{font-size:clamp(24px,5vw,60px);letter-spacing:-.05em}.poster-placeholder small,.work-empty{color:var(--muted);font-size:14px}.project-long-description{white-space:normal}

/* Selected-work frames share one centered axis on every viewport. */
.work-grid .reveal:nth-child(even){margin-inline:auto}
.site-footer{grid-template-columns:1fr auto auto auto auto}
.legal-header{position:relative;mix-blend-mode:normal;border-bottom:1px solid var(--line)}
.legal-header>a:last-child{font-size:14px;padding:14px 0}
.legal-main{max-width:980px;margin-inline:auto;padding:100px var(--pad);min-height:80svh}
.legal-main h1{font-size:clamp(40px,7vw,90px);letter-spacing:-.06em;line-height:1;margin:28px 0 60px}
.legal-main h2{font-size:26px;letter-spacing:-.035em;line-height:1.2;margin:48px 0 16px}
.legal-main p,.legal-main li{font-size:18px;line-height:1.65;color:var(--muted)}
.legal-main a{text-decoration:underline;text-underline-offset:5px;color:var(--ink);overflow-wrap:anywhere}
.legal-main ul{padding-left:22px}.legal-main li+li{margin-top:10px}
@media(max-width:820px){.site-footer{grid-template-columns:1fr auto}.site-footer>a:last-child{grid-column:1/-1}.legal-main{padding-block:70px}.legal-main p,.legal-main li{font-size:17px}}

/* Explicit project alignment follows the collection, independently of ordering. */
.work-grid .reveal[data-frame-align="right"]{width:76%;margin-left:auto;margin-right:0}
.work-grid .reveal[data-frame-align="center"]{width:76%;margin-inline:auto}
@media(max-width:820px){.work-grid .reveal[data-frame-align="right"],.work-grid .reveal[data-frame-align="center"]{width:100%;margin-inline:0}}

/* Size portrait frames explicitly so max-height cannot leave them left-aligned. */
.work-grid .reveal[data-frame-format="portrait"] .work-media{
  width:min(100%,68svh);
  max-width:100%;
  aspect-ratio:4/5;
  height:auto;
  max-height:none;
  margin-inline:auto;
}
.work-media img,.work-media video{object-position:50% 50%}
@media(max-width:820px){
  .work-grid .reveal[data-frame-format="portrait"] .work-media{width:100%;max-height:none}
}

.about-portrait img{object-fit:cover;object-position:center;filter:grayscale(1)}