/* Refinements to the supplied site's original design. */
button.email-trigger{cursor:pointer}.hero-contact .email-trigger{border:0;padding:0;background:none;color:inherit;font:inherit}.hero-contact .email-trigger:hover{color:var(--primary)}.contact-grid .email-trigger{background:none;border:0;padding:0;font:inherit;font-size:19px;line-height:1.5;text-align:left;overflow-wrap:anywhere}.contact-grid .email-trigger:hover{text-decoration:underline}.email-modal-open{overflow:hidden}#email-dialog{width:min(480px,calc(100vw - 32px));max-height:calc(100dvh - 40px);overflow:auto;padding:28px;border:1px solid #7a9c83;border-radius:18px;background:#192620;color:#f1f3ed;box-shadow:0 30px 100px #0008}#email-dialog::backdrop{background:#030a08bf;backdrop-filter:blur(12px)}.email-dialog-top{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#afc3b5}.email-dialog-close{background:#ffffff0c;border:1px solid #ffffff30;border-radius:50%;width:36px;height:36px;color:inherit;font-size:25px;line-height:1}.email-dialog-close:hover{background:#ffffff20}#email-dialog h2{font-size:34px;margin:22px 0 15px;color:var(--primary)}.email-address{font-size:25px;overflow-wrap:anywhere;user-select:text}#email-dialog-description{font-size:13px;line-height:1.8;color:#b5c7bb;margin:16px 0 24px}#dialog-copy-email{border:0;width:100%;font-size:14px}#email-copy-status{font-size:12px;line-height:1.7;color:var(--primary);min-height:21px;margin:15px 0 0}#email-dialog :focus-visible{outline:2px solid var(--primary);outline-offset:4px}@media(max-width:700px){#email-dialog{padding:23px}.email-address{font-size:22px}.contact-grid .email-trigger{font-size:20px}}
main{overflow:clip}.site-header{position:sticky;top:0;background:#101414ec;backdrop-filter:blur(18px)}html{scroll-padding-top:120px}.header-actions{display:flex;gap:12px;align-items:center}.header-resume{background:var(--primary);color:#182213;padding:13px 22px;border-radius:30px;font-size:14px}.header-contact{gap:12px}.nav-links{gap:25px}.hero{min-height:780px;max-height:950px}.hero-copy{padding-top:45px}.hero h1{font-size:clamp(68px,7.3vw,110px);line-height:1.12}.hero-copy>p{font-size:15px;margin-top:19px;line-height:1.9}.role-badge{display:inline-block;border:1px solid #c9fa795c;color:var(--primary);border-radius:30px;padding:8px 13px;font-size:12px;margin-top:22px;background:#14241aaa}.hero-actions{margin-top:24px;gap:15px}.hero-actions .outline{background:#10141470;border-color:#a8c2ab}.hero-contact{display:flex;gap:24px;flex-wrap:wrap;font-size:13px;margin-top:19px;color:#d2dfd5}.hero-contact a:hover{color:var(--primary)}.floating-note{bottom:125px}.band-run b{font-size:30px;font-weight:400}.project-card{min-width:0}.project-card:nth-child(even){transform:none}.project-card:nth-child(3){transform:translateY(65px)}.project-grid>.project-card:first-child{grid-column:1/-1}.project-info{margin:0 0 17px;align-items:flex-start;gap:18px}.project-info h3{font-size:25px;line-height:1.5;max-width:900px;text-wrap:balance}.project-category{font-size:12px}.project-heading-arrow{font-size:25px}.contribution{display:flex;gap:14px;align-items:center;margin:0 0 20px;font-size:12px;flex-wrap:wrap}.contribution>span{color:#aabeb0}.contribution>strong{font-weight:400;color:var(--primary)}.media{aspect-ratio:16/9;position:relative;background:#101716;border-radius:5px;overflow:hidden;border:1px solid #ffffff1c}.project-grid>.project-card:first-child .media{aspect-ratio:16/7.8}.play-cover{display:block;position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:transparent;overflow:hidden}.play-cover>img{width:100%;height:100%;object-fit:cover;opacity:.93;transition:transform .8s cubic-bezier(.2,.8,.2,1),opacity .5s}.play-cover:hover img{transform:scale(1.025);opacity:1}.play-cover:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#000b,transparent 45%);pointer-events:none}.play-button{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:68px;height:68px;border-radius:50%;border:1px solid #fff8;background:#ffffff16;backdrop-filter:blur(12px);color:#fff;font-size:18px;padding-left:3px;z-index:2;transition:background .3s,color .3s}.play-cover:hover .play-button{background:var(--primary);color:#182213;border-color:var(--primary)}.media-bottom{position:absolute;bottom:23px;left:25px;right:25px;display:flex;justify-content:space-between;z-index:2;font-size:12px;color:#fff}.media video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#080d0b}.media [hidden]{display:none}.media.vertical{background:#354540}.media.vertical img{object-fit:contain}.project-caption{padding:16px 0 20px;border-bottom:1px solid #ffffff25;font-size:12px;color:#aebfb4;line-height:1.8}.project-caption small{display:block;margin-top:6px;font-size:10px;color:#8da897}.more-heading{margin:135px 0 30px;display:flex;justify-content:space-between;padding-bottom:22px;border-bottom:1px solid #ffffff25;color:var(--primary);font-size:12px;letter-spacing:1.2px}.more-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.more-grid .project-card:nth-child(3){transform:none}.more-grid .project-info{min-height:62px}.more-grid .project-info h3{font-size:20px}.more-grid .media{aspect-ratio:1.45}.more-grid .play-button{width:46px;height:46px;font-size:13px}.more-grid .media-bottom{left:16px;right:16px;bottom:16px;font-size:10px}.identity-name b{position:absolute;right:0;top:-50px;font-size:80px;font-weight:400;letter-spacing:0;animation:spin 30s linear infinite}.large-arrow{font-size:40px}.contact-grid{grid-template-columns:1.35fr 1fr 1fr}.contact-grid a{font-size:19px;line-height:1.5}.contact-grid .resume-download{display:flex;justify-content:space-between;gap:20px;background:#182b19;color:#edffda;border-radius:30px;padding:16px 23px;font-size:17px;margin-top:0;max-width:300px;transition:transform .3s}.resume-download:hover{transform:translateY(-3px);text-decoration:none!important}#copy-email{background:none;border:0;border-bottom:1px solid #182b1970;padding:9px 0 4px;font-size:12px;margin-top:10px;color:#284320}.progress{height:3px;background:var(--primary);position:fixed;top:0;left:0;width:0;z-index:100}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,15px);opacity:0;pointer-events:none;background:#192b20;border:1px solid var(--primary);color:#efffe9;padding:15px 25px;font-size:12px;z-index:100;transition:.3s}.toast.show{opacity:1;transform:translate(-50%,0)}.mobile-dock{display:none}.pill-button span{font-size:18px}
@media(max-width:1150px){.wordmark small{font-size:10px}.wordmark{gap:13px}.nav-links{gap:17px;font-size:12px}.header-actions{gap:8px}.header-resume{padding:12px 17px;font-size:12px}.header-contact{padding:11px 16px;font-size:12px}.contact-grid a{font-size:16px}}
@media(max-width:1000px){.hero{height:820px;min-height:unset}.hero-copy{padding-top:55px}.hero h1{font-size:86px}.hero-visual{inset:10% -35% 0 22%}.floating-note{bottom:120px}.project-grid{gap:35px 25px}.project-info h3{font-size:23px}.contact-grid{grid-template-columns:1.3fr 1fr}.contact-grid>div:last-child{grid-column:1/-1}.contact-grid .resume-download{max-width:300px}.more-grid .project-info h3{font-size:17px}}
@media(max-width:700px){html{scroll-padding-top:96px}.site-header{height:80px}.wordmark{font-size:17px}.wordmark small{font-size:10px}.header-actions{margin-left:auto;margin-right:12px}.header-resume{font-size:11px;padding:11px 14px;white-space:nowrap}.header-contact{display:none}.mobile-menu{font-size:20px;flex-shrink:0;width:37px;height:37px}.nav-links{font-size:14px}.hero{height:920px;min-height:unset}.hero-copy{padding-top:42px}.hero h1{font-size:clamp(48px,13vw,80px);line-height:1.15}.hero-copy .eyebrow{font-size:12px;letter-spacing:.6px;margin-bottom:22px}.role-badge{font-size:11px;padding:7px 11px;margin-top:17px}.hero-copy>p{font-size:14px;max-width:320px;line-height:1.9;margin-top:17px}.hero-actions{gap:10px;margin-top:22px}.hero-actions .pill-button{font-size:12px;padding:14px 17px;gap:15px}.hero-contact{font-size:12px;gap:12px;margin-top:18px}.hero-visual{inset:39% -55% 0 -10%}.hero-visual:after{background:linear-gradient(0deg,#101414 0%,transparent 35%,#101414 100%)}.floating-note{bottom:105px;right:8%;font-size:12px}.hero-bottom{font-size:10px}.hero-bottom>span:first-child{max-width:200px}.hero-bottom>a{align-self:center}.project-grid{grid-template-columns:1fr;gap:34px}.project-grid>.project-card:first-child{grid-column:auto}.project-card:nth-child(3){transform:none}.project-info{margin-bottom:13px}.project-info h3{font-size:21px;line-height:1.5}.project-category{font-size:11px}.contribution{font-size:11px;gap:8px;margin-bottom:16px;line-height:1.7}.project-grid>.project-card:first-child .media{aspect-ratio:16/10}.media{aspect-ratio:16/10}.media.vertical{aspect-ratio:4/4.6}.media-bottom{font-size:10px;bottom:16px;left:17px;right:17px}.play-button{width:52px;height:52px;font-size:14px}.project-caption{font-size:11px;padding:13px 0 18px}.project-caption small{font-size:9px}.more-heading{margin-top:48px;font-size:10px;letter-spacing:.5px}.more-grid{grid-template-columns:1fr;gap:32px}.more-grid .project-info{min-height:0}.more-grid .project-info h3{font-size:20px}.more-grid .media{aspect-ratio:16/9}.identity-name b{font-size:60px;top:-45px}.contact-grid{grid-template-columns:1fr}.contact-grid>div:last-child{grid-column:auto}.contact-grid a{font-size:20px}.contact-grid .resume-download{font-size:17px;max-width:none}#copy-email{font-size:12px}.footer{padding-bottom:110px}.mobile-dock{position:fixed;z-index:70;left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));padding:6px;background:#17231feb;backdrop-filter:blur(18px);border:1px solid #ffffff38;border-radius:40px;display:grid;grid-template-columns:1fr 1fr;gap:6px;box-shadow:0 5px 25px #0005}.mobile-dock a{font-size:13px;padding:14px 10px;text-align:center;border-radius:30px}.mobile-dock a:first-child{background:var(--primary);color:#182213}.toast{bottom:90px;max-width:90vw;width:max-content;font-size:11px}}
@media(max-width:360px){.wordmark small{display:none}.header-actions{margin-right:8px}.hero-actions .pill-button{padding:13px 14px;font-size:11px;gap:10px}.hero-contact{font-size:11px}.hero{height:895px}.contact-grid a{font-size:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Portfolio title leads; the job target is a prominent secondary heading. */
.hero h1{font-size:clamp(56px,5.3vw,82px);line-height:1.2;letter-spacing:-3px}
.hero h1 .outlined-word{margin-left:5px}
.hero-copy .job-subtitle{display:flex;flex-direction:column;gap:8px;margin:24px 0 0;padding-left:16px;border-left:3px solid var(--primary);line-height:1.4;letter-spacing:0}
.job-subtitle>span{font-size:12px;color:#adbbb5;letter-spacing:2px}
.job-subtitle>strong{font-size:clamp(24px,2.2vw,32px);font-weight:500;color:var(--primary)}
@media(max-width:1000px){.hero h1{font-size:68px}.job-subtitle>strong{font-size:27px}}
@media(max-width:700px){.hero h1{font-size:clamp(32px,8.3vw,50px);letter-spacing:-1px;line-height:1.35}.hero-copy .job-subtitle{margin-top:21px;padding-left:12px;gap:7px}.job-subtitle>span{font-size:11px}.job-subtitle>strong{font-size:clamp(20px,5.1vw,26px)}.hero h1 .outlined-word{margin-left:3px}}

.hero-contact .email-trigger{white-space:nowrap;text-align:left}.contact-grid{grid-template-columns:1.3fr 1fr 1.1fr 1.1fr}.contact-grid>div{min-width:0}.contact-grid .email-trigger{overflow-wrap:anywhere}.contact-grid .resume-download{padding-inline:18px;font-size:16px}
@media(max-width:1100px){.contact-grid{grid-template-columns:1fr 1fr;gap:30px}.contact-grid>div:last-child{grid-column:auto}}
@media(max-width:700px){.contact-grid{grid-template-columns:1fr}.hero-contact{column-gap:17px;row-gap:12px}}

/* Alternating editorial arrangement, following the supplied portfolio reference. */
.staggered-gallery{grid-template-columns:1.12fr 1fr;align-items:start;gap:80px 4.5%;padding-bottom:35px}
.staggered-gallery>.project-card,.staggered-gallery>.project-card:nth-child(3){transform:none;grid-column:auto;margin:0}
.staggered-gallery>.project-card:first-child{grid-column:auto}
.staggered-gallery>.project-card:nth-child(even){margin-top:110px}
.staggered-gallery>.project-card:nth-child(3){width:83%;margin-left:6%}
.staggered-gallery>.project-card:nth-child(4){margin-top:165px}
.staggered-gallery>.project-card:nth-child(5){width:94%}
.staggered-gallery .project-info h3{font-size:clamp(21px,1.85vw,29px);text-wrap:pretty}
.staggered-gallery .project-category{line-height:1.8}
.staggered-gallery .media,.staggered-gallery>.project-card:first-child .media{aspect-ratio:1.4}
.staggered-gallery>.project-card:nth-child(2) .media{aspect-ratio:1.25}
.staggered-gallery .media.vertical{aspect-ratio:4/5}
.staggered-gallery>.project-card:nth-child(4) .media{aspect-ratio:16/10}
.staggered-gallery>.project-card:nth-child(6) .media{aspect-ratio:16/10}
.staggered-gallery .project-caption{padding-bottom:22px}
@media(max-width:1000px) and (min-width:701px){.staggered-gallery{gap:55px 4%}.staggered-gallery>.project-card:nth-child(even){margin-top:85px}.staggered-gallery>.project-card:nth-child(4){margin-top:120px}.staggered-gallery .media-bottom{left:15px;right:15px;font-size:10px}.staggered-gallery .project-info h3{font-size:21px}}
@media(max-width:700px){.staggered-gallery{grid-template-columns:1fr;gap:48px;padding-bottom:0}.staggered-gallery>.project-card:nth-child(n){width:100%;margin:0;transform:none}.staggered-gallery .media,.staggered-gallery>.project-card:nth-child(n) .media{aspect-ratio:16/10}.staggered-gallery .media.vertical{aspect-ratio:4/4.6!important}.staggered-gallery .project-info h3{font-size:22px}}

/* Featured archive film leads the gallery; supporting films remain staggered. */
.staggered-gallery>#project-archive{grid-column:1/-1;width:100%;margin:0 0 35px}
.featured-label{display:flex;justify-content:space-between;gap:20px;padding:18px 0;border-top:1px solid var(--primary);margin-bottom:22px;color:var(--primary);font-size:12px;letter-spacing:1.5px}
#project-archive .project-info h3{font-size:clamp(32px,3.4vw,52px);line-height:1.35;margin-top:12px}
#project-archive .project-heading-arrow{font-size:42px;color:var(--primary)}
#project-archive .contribution{font-size:14px;margin:23px 0}
.staggered-gallery>#project-archive .media{aspect-ratio:16/8.3}
#project-archive .play-button{width:84px;height:84px;font-size:22px}
#project-archive .project-caption{display:flex;justify-content:space-between;align-items:center;gap:22px;padding:20px 0;font-size:13px}
#project-archive .project-caption small{margin:0;font-size:11px}
.staggered-gallery>.project-card:nth-child(2){margin-top:0;width:96%}
.staggered-gallery>.project-card:nth-child(3){margin-top:120px;margin-left:13%;width:87%}
.staggered-gallery>.project-card:nth-child(4){margin-top:0;width:94%}
.staggered-gallery>.project-card:nth-child(5){margin-top:120px;width:100%}
.staggered-gallery>.project-card:nth-child(6){margin-top:0;width:100%}
@media(max-width:700px){.staggered-gallery>#project-archive{margin-bottom:10px}.featured-label{font-size:10px;letter-spacing:.5px;margin-bottom:18px;padding-top:15px}#project-archive .project-info h3{font-size:30px}#project-archive .project-heading-arrow{font-size:30px}#project-archive .contribution{font-size:12px;margin:18px 0}.staggered-gallery>#project-archive .media{aspect-ratio:16/10}#project-archive .play-button{width:62px;height:62px;font-size:17px}#project-archive .project-caption{display:block;font-size:12px}#project-archive .project-caption small{margin-top:8px;font-size:10px}.staggered-gallery>.project-card:nth-child(n+2){width:100%;margin:0}}

#project-archive .title-keep{display:inline-block}

/* The closing film pairs a single player with two genuine stills and its script. */
.staggered-gallery>#project-personal{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:7%;align-items:start;width:100%;margin:0}
.personal-main{min-width:0}
.staggered-gallery>#project-personal .media{aspect-ratio:16/10}
.film-notes{min-width:0;padding-top:14px}
.film-notes-heading{border-top:1px solid #c9fa7960;padding-top:17px;margin-bottom:24px}
.film-notes-heading>span{font-size:10px;letter-spacing:1.6px;color:var(--primary)}
.film-notes-heading h4{font-size:23px;line-height:1.5;font-weight:400;margin:12px 0 0;letter-spacing:.3px}
.film-stills{display:grid;gap:20px}
.film-still{width:86%;margin:0;min-width:0}
.film-still:nth-child(2){margin-left:auto}
.film-still img{display:block;width:100%;height:auto;border-radius:4px;border:1px solid #ffffff25;transition:filter .5s}
.film-still:hover img{filter:brightness(1.12)}
.film-still figcaption{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:9px;font-size:10px;color:#aabdb2;letter-spacing:.6px}
.film-still time{color:#779a89;font-variant-numeric:tabular-nums}
.film-notes .project-script{margin-top:25px}
@media(min-width:701px) and (max-width:1000px){.staggered-gallery>#project-personal{gap:5%;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}.film-notes-heading h4{font-size:20px}.film-notes-heading{margin-bottom:18px}.film-stills{gap:16px}.film-still{width:92%}.film-notes .script-feature a{padding:12px 15px;gap:15px}.film-notes .script-feature-copy strong{font-size:13px}}
@media(max-width:700px){.staggered-gallery>#project-personal{display:block}.film-notes{padding-top:28px}.film-notes-heading{padding-top:15px;margin-bottom:18px}.film-notes-heading h4{font-size:21px;margin-top:8px}.film-stills{grid-template-columns:1fr 1fr;gap:12px;align-items:start}.film-still{width:100%}.film-still:nth-child(2){margin-top:24px}.film-still figcaption{font-size:9px;gap:5px;letter-spacing:0}.film-notes .project-script{margin-top:23px}}

/* Compact gallery: the portrait film spans the romance/transform stack. */
.staggered-gallery{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:48px 5%;align-items:start}
.staggered-gallery>.project-card:nth-child(n){width:100%;margin:0;transform:none}
.staggered-gallery>#project-archive{grid-column:1/-1;grid-row:1;margin-bottom:20px}
.staggered-gallery>#project-romance{grid-column:1;grid-row:2}
.staggered-gallery>#project-romance .media{aspect-ratio:16/9}
.staggered-gallery>#project-golden-egg{grid-column:2;grid-row:2/span 2;display:flex;flex-direction:column;align-self:stretch;min-height:0;height:100%}
.staggered-gallery>#project-golden-egg .media{aspect-ratio:auto;flex:1;min-height:240px}
.staggered-gallery>#project-golden-egg .project-caption{flex-shrink:0}
.staggered-gallery>.project-card:nth-child(4){grid-column:1;grid-row:3;width:86%;justify-self:start}
.staggered-gallery>.project-card:nth-child(4) .media{aspect-ratio:16/9}
.staggered-gallery>.project-card:nth-child(5){grid-column:1;grid-row:4}
.staggered-gallery>#project-personal{display:block;grid-column:2;grid-row:4;width:100%;margin:0}
.staggered-gallery>.project-card:nth-child(5) .media,.staggered-gallery>#project-personal .media{aspect-ratio:16/9}
.staggered-gallery>.project-card:nth-child(n+4) .project-info h3{font-size:23px}
.staggered-gallery>#project-personal .project-script{margin-top:18px}
@media(max-width:700px){.staggered-gallery{grid-template-columns:1fr;gap:38px}.staggered-gallery>.project-card:nth-child(n){grid-column:1;grid-row:auto;width:100%;margin:0}.staggered-gallery>#project-golden-egg{height:auto;display:block}.staggered-gallery>#project-golden-egg .media{aspect-ratio:4/4.6;min-height:0}.staggered-gallery>#project-personal{display:block;grid-column:1;grid-row:auto}.staggered-gallery>#project-archive{margin-bottom:8px}}

/* Film proportions are explicit; project 3 uses the requested 16:9 outer frame. */
.staggered-gallery{grid-template-columns:repeat(12,minmax(0,1fr));gap:48px 28px}
.staggered-gallery>#project-archive{grid-column:1/-1;grid-row:1}
.staggered-gallery>#project-romance{grid-column:1/span 7;grid-row:2}
.staggered-gallery>#project-golden-egg{grid-column:8/span 5;grid-row:2;display:block;height:auto;align-self:start}
.staggered-gallery>.project-card:nth-child(4){grid-column:1/span 4;grid-row:3;width:100%}
.staggered-gallery>.project-card:nth-child(5){grid-column:5/span 4;grid-row:3;margin-top:24px}
.staggered-gallery>#project-personal{grid-column:9/span 4;grid-row:3;display:block;margin-top:48px}
.staggered-gallery .media[data-media]{aspect-ratio:var(--video-ratio)!important;min-height:0!important;flex:none!important;height:auto!important}
.staggered-gallery .play-cover>img{object-fit:contain}
.staggered-gallery .media video{object-fit:contain}
.staggered-gallery>.project-card:nth-child(n+4) .project-info h3{font-size:22px}
.staggered-gallery>.project-card:nth-child(n+4) .media-bottom{left:15px;right:15px;bottom:15px;font-size:10px}
.staggered-gallery>.project-card:nth-child(n+4) .play-button{width:48px;height:48px;font-size:15px}
@media(max-width:1000px) and (min-width:701px){.staggered-gallery{gap:38px 22px}.staggered-gallery>#project-romance{grid-column:1/span 6}.staggered-gallery>#project-golden-egg{grid-column:7/span 6}.staggered-gallery>.project-card:nth-child(n+4) .project-info h3{font-size:19px}.staggered-gallery>#project-personal .script-feature a{gap:12px;padding:12px 14px}.staggered-gallery>#project-personal .script-feature-copy strong{font-size:12px}}
@media(max-width:700px){.staggered-gallery{grid-template-columns:1fr;gap:36px}.staggered-gallery>.project-card:nth-child(n){grid-column:1;grid-row:auto;width:100%;margin:0}.staggered-gallery>#project-archive{margin-bottom:8px}.staggered-gallery>#project-personal .script-feature-copy strong{font-size:14px}}
@media(max-width:700px){.staggered-gallery>.project-card{grid-column:1/-1!important;grid-row:auto!important;width:100%!important;margin:0!important;display:block!important;height:auto!important}.staggered-gallery{grid-template-columns:minmax(0,1fr)!important;grid-auto-columns:auto}.staggered-gallery>#project-archive{margin-bottom:8px!important}}

/* Corrected portrait frame; compact work cards fill the adjacent column. */
@media(min-width:1001px){
.staggered-gallery{grid-template-columns:repeat(24,minmax(0,1fr));column-gap:18px;row-gap:40px}
.staggered-gallery>#project-romance{grid-column:1/span 16;grid-row:2;padding-right:20px}
.staggered-gallery>#project-golden-egg{grid-column:17/span 8;grid-row:2/span 2}
.staggered-gallery>.project-card:nth-child(4){grid-column:1/span 5;grid-row:3}
.staggered-gallery>.project-card:nth-child(5){grid-column:6/span 5;grid-row:3;margin-top:18px}
.staggered-gallery>#project-personal{grid-column:11/span 6;grid-row:3;margin-top:32px;padding-right:20px}
.staggered-gallery>#project-personal .script-feature a{padding:12px 14px;gap:12px}
.staggered-gallery>#project-personal .script-feature-copy strong{font-size:12px}
}
@media(min-width:701px) and (max-width:1000px){
.staggered-gallery>#project-romance{grid-column:1/span 7;grid-row:2}
.staggered-gallery>#project-golden-egg{grid-column:8/span 5;grid-row:2/span 2}
.staggered-gallery>.project-card:nth-child(4){grid-column:1/span 7;grid-row:3;width:75%}
.staggered-gallery>.project-card:nth-child(5){grid-column:1/span 6;grid-row:4;margin-top:0}
.staggered-gallery>#project-personal{grid-column:7/span 6;grid-row:4;margin-top:24px}
}

/* Comparable supporting-film sizes in a gently staggered two-column gallery. */
@media(min-width:701px){
.staggered-gallery{grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:44px 5%}
.staggered-gallery>.project-card:nth-child(n){width:100%;padding:0;margin:0}
.staggered-gallery>#project-archive{grid-column:1/-1;grid-row:1;margin-bottom:20px}
.staggered-gallery>#project-romance{grid-column:1;grid-row:2}
.staggered-gallery>#project-golden-egg{grid-column:2;grid-row:2/span 2;display:block;height:auto;padding-top:50px}
.staggered-gallery>#project-golden-egg .media{width:100%;max-width:360px;margin-inline:auto}
.staggered-gallery>.project-card:nth-child(4){grid-column:1;grid-row:3;width:100%}
.staggered-gallery>.project-card:nth-child(5){grid-column:1;grid-row:4;margin:0}
.staggered-gallery>#project-personal{grid-column:2;grid-row:4;margin-top:58px;width:100%;padding:0}
.staggered-gallery>.project-card:nth-child(n+4) .project-info h3{font-size:25px}
.staggered-gallery>.project-card:nth-child(n+4) .play-button{width:62px;height:62px;font-size:18px}
.staggered-gallery>.project-card:nth-child(n+4) .media-bottom{left:22px;right:22px;bottom:20px;font-size:12px}
.staggered-gallery>#project-personal .script-feature a{padding:14px 20px;gap:20px}
.staggered-gallery>#project-personal .script-feature-copy strong{font-size:14px}
}
@media(min-width:701px) and (max-width:1000px){.staggered-gallery{gap:36px 4%}.staggered-gallery>#project-golden-egg{padding-top:30px}.staggered-gallery>#project-golden-egg .media{max-width:290px}.staggered-gallery>.project-card:nth-child(n+4) .project-info h3{font-size:22px}.staggered-gallery>.project-card:nth-child(n+4) .media-bottom{font-size:10px;left:16px;right:16px}}