/* Dense film journal with the portfolio's original condensed typography. */
body.view-works{background:#090a09;color:#efefe9;overflow-x:clip}
#filmy.works{padding:0 clamp(16px,2vw,38px) 55px;background:#090a09;color:#efefe9}
#filmy.works::before{display:none}
#filmy .works-header{min-height:100px;color:#efefe9;border-bottom:1px solid #ffffff24}
#filmy .works-title{display:flex;justify-content:space-between;align-items:end;gap:25px;margin:28px 0 0;font:700 clamp(62px,6.4vw,116px)/1 Oswald,sans-serif;letter-spacing:-.04em}
#filmy .works-title-dot{color:#a8b49a}
#filmy .works-title>span:last-child{font:9px/1.7 'Courier New',monospace;text-align:right;letter-spacing:.035em;color:#92998d;padding-bottom:6px}
#filmy .works-intro{display:flex;justify-content:space-between;align-items:end;gap:30px;margin:20px 0 24px}
#filmy .works-intro p{font:12px/1.6 'Courier New',monospace;color:#a6ada1;max-width:400px}
#filmy .works-intro>span{font:8px/1.5 'Courier New',monospace;color:#7e8878;text-align:right}
#filmy .works-toolbar{display:flex;justify-content:space-between;align-items:center;gap:25px;min-height:52px;margin-bottom:28px;border-block:1px solid #ffffff24}
#filmy .work-filters{justify-content:start;gap:20px;margin:0}
#filmy .work-filters .pill{position:relative;display:flex;align-items:center;gap:5px;border:0;border-radius:0;padding:17px 0;background:none;color:#8e9887;font:10px/1.2 'Courier New',monospace;letter-spacing:0}
#filmy .work-filters .pill sup{font:7px/1 'Courier New',monospace;align-self:start;color:#77846d}
#filmy .work-filters .pill::after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:1px;background:#d8e0d0;transform:scaleX(0);transition:transform .2s}
#filmy .work-filters .pill:hover,#filmy .work-filters .pill.is-active{color:#fff;background:none}
#filmy .work-filters .pill.is-active::after{transform:scaleX(1)}
#filmy .work-results{margin:0;flex:none;font:8px/1.5 'Courier New',monospace;color:#84907b;opacity:1;text-align:right}
#filmy .works-list{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:34px 18px;margin:0;max-width:none;align-items:start}
#filmy .works-list .work-project:nth-child(n){display:flex;flex-direction:column;gap:0;grid-column:span 4;width:100%;margin:0;min-width:0}
#filmy .works-list .work-project:nth-child(6n+1){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:15px 28px;grid-column:1/-1;align-items:start}
#filmy .work-project:nth-child(6n+1) .work-cover{grid-column:2;grid-row:1/4}
#filmy .work-project:nth-child(6n+1) .work-caption{grid-column:1;grid-row:1;margin:0}
#filmy .work-project:nth-child(6n+1) .work-description{grid-column:1;grid-row:2;margin:0 0 0 25px}
#filmy .works-list .work-project:nth-child(6n+2){grid-column:span 8}
#filmy .work-cover,#filmy .work-project:nth-child(n) .work-cover{position:relative;width:100%;aspect-ratio:16/9;border-radius:0;background:#1d231c;overflow:hidden;isolation:isolate}
#filmy .work-cover>img{object-fit:cover;object-position:center;transition:transform .7s,filter .3s}
#filmy .work-cover:hover>img{transform:scale(1.02);filter:brightness(.85)}
#filmy .work-cover:focus-visible{outline:2px solid #c3d0b4;outline-offset:4px}
#filmy .work-caption{display:grid;grid-template-columns:17px minmax(0,1fr) auto;gap:6px 8px;margin:12px 0 0;align-items:start}
#filmy .work-caption .work-number{grid-column:1;grid-row:1/3;padding-top:4px;font:8px/1.5 'Courier New',monospace;color:#8b9681}
#filmy .work-caption h2{grid-column:2;font:700 clamp(22px,1.85vw,32px)/1.12 Oswald,'Arial Narrow',sans-serif;letter-spacing:-.025em;text-transform:uppercase;color:#efefe9;min-width:0;overflow-wrap:anywhere}
#filmy .work-caption>span:nth-last-child(2){grid-column:2;grid-row:2;font:8px/1.5 'Courier New',monospace;color:#89977e;text-transform:uppercase;font-weight:400}
#filmy .work-caption>span:last-child{grid-column:3;grid-row:1/3;max-width:80px;margin:0;padding-top:4px;font:8px/1.5 'Courier New',monospace;text-align:right;color:#89977e}
#filmy .work-description{display:flex;flex-direction:column;gap:13px;align-items:start;margin:12px 0 0 25px;text-transform:none}
#filmy .work-description p{font:11px/1.55 Arial,sans-serif;color:#b1b7ab;white-space:normal;text-transform:none;max-width:600px;margin:0}
#filmy .work-description p:empty{display:none}
#filmy .work-watch{order:3;border:0;border-bottom:1px solid #ffffff4a;padding:0 0 4px;min-height:0;background:none;color:#efefe9;font:8px/1.5 'Courier New',monospace;gap:8px}
#filmy .work-watch .icon{width:11px;height:11px}
#filmy .work-credits{display:grid;grid-template-columns:minmax(75px,.8fr) minmax(0,1.5fr);gap:3px 12px;margin:0;width:100%;max-width:560px;font:9px/1.5 'Courier New',monospace;text-transform:none}
#filmy .work-credits dt{color:#7e8b73}
#filmy .work-credits dd{color:#d8ded1;margin:0;overflow-wrap:anywhere}
#filmy .work-play-mark.kinetic-play{top:12px;left:50%;width:100px;height:30px;min-height:30px;transform:translateX(-50%);opacity:1;color:#fff}
#filmy .work-play-mark .orbit{display:none!important}
#filmy .work-play-mark .play-inner{min-width:0!important;min-height:0!important;padding:8px 12px!important;font-size:7px!important;background:#060906e0!important;border:0!important;border-radius:3px!important;transform:none!important}
#filmy .work-duration{bottom:10px;right:10px;border-radius:2px;background:#060906b0;color:#eee;font:8px/1 'Courier New',monospace;padding:6px}
#filmy .works-switch{margin:45px auto 0;width:fit-content;gap:30px;background:none;border:1px solid #ffffff35;padding-left:20px;color:#ddd}
#filmy .works-switch:hover{background:#ffffff0d}
#filmy .status-dot{background:#a8b49a}
body.view-works footer{background:#090a09;color:#84907b;margin:0 clamp(16px,2vw,38px);padding-inline:0;border-top:1px solid #ffffff24}
@media(max-width:1000px){#filmy .works-list{gap:30px 16px}#filmy .work-caption{grid-template-columns:17px minmax(0,1fr)}#filmy .work-caption>span:last-child{grid-column:2;grid-row:3;text-align:left;max-width:none;padding:0}#filmy .work-caption h2{font-size:24px}#filmy .work-filters{gap:16px}#filmy .work-credits{font-size:8px;gap:3px 8px}}
@media(max-width:700px){#filmy.works{padding:0 18px 45px}#filmy .works-header{min-height:100px}#filmy .works-title{font-size:65px;margin-top:24px;gap:18px}#filmy .works-title>span:last-child{font-size:7px}#filmy .works-intro{margin:18px 0 22px}#filmy .works-intro p{font-size:10px;max-width:280px}#filmy .works-intro>span{display:none}#filmy .works-toolbar{display:block;padding-bottom:12px;margin-bottom:24px}#filmy .work-filters{gap:0 18px;flex-wrap:wrap}#filmy .work-filters .pill{padding:13px 0;font-size:9px}#filmy .work-results{text-align:left;margin-top:10px;font-size:8px}#filmy .works-list{display:block}#filmy .works-list .work-project:nth-child(n){display:flex;flex-direction:column;gap:0;margin:0 0 30px;width:100%}#filmy .work-project:nth-child(n) .work-cover{order:0;aspect-ratio:16/9}#filmy .work-project:nth-child(n) .work-caption{order:1;margin-top:12px}#filmy .work-project:nth-child(n) .work-description{order:2;margin:11px 0 0 25px}#filmy .work-caption h2{font-size:26px}#filmy .work-description p{font-size:11px}#filmy .work-credits{font-size:9px}#filmy .work-play-mark.kinetic-play{width:100px;height:30px;min-height:30px;transform:translateX(-50%)}body.view-works footer{margin:0 18px}}
@media(prefers-reduced-motion:reduce){#filmy .work-cover>img,#filmy .work-filters .pill::after{transition:none}}
/* Smaller titles, readable summaries, and larger selected mountain films. */
#filmy .work-caption h2{font-size:clamp(18px,1.3vw,24px);line-height:1.18;letter-spacing:-.015em}
#filmy .work-description p{font-size:13px;line-height:1.65;color:#c1c7ba;max-width:620px}
#filmy .work-credits{font-size:10px;line-height:1.6;gap:3px 15px}
#filmy .work-credits dt{color:#9aa68e}
#filmy .work-watch{font-size:9px}
#filmy .work-caption>span:nth-last-child(2),#filmy .work-caption>span:last-child{font-size:9px}
#filmy .works-list .work-project[data-layout=wide]{grid-column:span 6;display:flex;flex-direction:column}
#filmy .works-list .work-project[data-layout=side]{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:15px 28px;align-items:start}
#filmy .work-project[data-layout=side] .work-cover{grid-column:2;grid-row:1/4}
#filmy .work-project[data-layout=side] .work-caption{grid-column:1;grid-row:1;margin:0}
#filmy .work-project[data-layout=side] .work-description{grid-column:1;grid-row:2;margin:0 0 0 25px}
@media(max-width:1000px){#filmy .work-caption h2{font-size:21px}#filmy .work-description p{font-size:12px}#filmy .work-credits{font-size:9px}}
@media(max-width:700px){#filmy .works-list .work-project[data-layout=side],#filmy .works-list .work-project[data-layout=wide]{display:flex;flex-direction:column;gap:0}#filmy .work-project[data-layout=side] .work-caption{margin-top:12px}#filmy .work-project[data-layout=side] .work-description{margin:11px 0 0 25px}#filmy .work-caption h2{font-size:21px}#filmy .work-description p{font-size:12px}#filmy .work-credits{font-size:10px}}
/* Keep film cards to titles, dates, and credits. */
#filmy .work-caption>span:nth-last-child(2),#filmy .work-description>p{display:none!important}
#filmy .work-caption .work-number{grid-row:1}
#filmy .work-caption>span:last-child{grid-row:1}
#filmy .work-description{margin-top:10px}
@media(max-width:1000px){#filmy .work-caption>span:last-child{grid-row:2}}
@media(max-width:700px){#filmy .work-project:nth-child(n) .work-description{margin-top:10px}}
/* Full-width cover requested for PERLA SURF. */
#filmy .works-list .work-project[data-layout=full]{display:flex;flex-direction:column;grid-column:1/-1;align-items:stretch}
#filmy .work-project[data-layout=full] .work-cover{order:0}
#filmy .work-project[data-layout=full] .work-caption{order:1;margin:12px 0 0}
#filmy .work-project[data-layout=full] .work-description{order:2;margin:10px 0 0 25px}
/* Keep half-width cards consistent when they replace a feature row. */
#filmy .works-list .work-project[data-layout=wide]{gap:0}
#filmy .work-project[data-layout=wide] .work-caption{margin:12px 0 0}
#filmy .work-project[data-layout=wide] .work-description{margin:10px 0 0 25px}
/* Preserve explicitly reduced cards when their list position changes. */
#filmy .works-list .work-project[data-layout=small]{display:flex;flex-direction:column;grid-column:span 4;gap:0}
#filmy .work-project[data-layout=small] .work-caption{margin:12px 0 0}
#filmy .work-project[data-layout=small] .work-description{margin:10px 0 0 25px}

/* ASCII section heading, with the same stepped motion as the brand. */
#filmy .works-ascii{margin:0;padding:6px 0;font:clamp(9px,1vw,17px)/1.05 'Courier New',monospace;letter-spacing:0;font-weight:400;color:#eceee7;white-space:pre}
#filmy .works-ascii>span{display:block}
#filmy .works-title{align-items:center}
@media(max-width:700px){#filmy .works-title{gap:14px;flex-wrap:wrap}#filmy .works-ascii{font-size:clamp(8px,2.1vw,15px)}}

/* Selected films occupy two columns within the mixed editorial grid. */
#filmy .works-list .work-project[data-layout=large]{display:flex;flex-direction:column;grid-column:span 8;gap:0}
#filmy .work-project[data-layout=large] .work-caption{margin:12px 0 0}
#filmy .work-project[data-layout=large] .work-description{margin:10px 0 0 25px}

/* Character wave travels from right to left and bends against the ASCII slant. */
#filmy .works-ascii-row{transform-origin:center;will-change:transform}
#filmy .works-ascii-glyph{display:inline-block;white-space:pre;transform-origin:center}
@media(prefers-reduced-motion:reduce){#filmy .works-ascii-row{will-change:auto}}

/* Scoped cover adjustments. */
@media(min-width:701px){
#filmy .work-project:has([data-project-id="drive-1xueT1cBkD0PJhRSpUHCpmId4U-L_pxFq"]) .work-cover{aspect-ratio:16/11}
}
@media(min-width:701px){
#filmy .work-project:has([data-project-id="demo-reel-2021"]) .work-cover{aspect-ratio:4/3}
}

@media(min-width:701px){
#filmy .work-project:has([data-project-id="youtube-cr9EjyfSeIs"]) .work-cover{aspect-ratio:16/11}
}
@media(min-width:701px){
#filmy .works-list:has(>article:nth-child(48))>article:has([data-project-id="74239"]){order:1}
#filmy .works-list:has(>article:nth-child(48))>article:has([data-project-id="76496"]){order:2}
#filmy .works-list:has(>article:nth-child(48))>article:nth-child(n+36){order:3}
}
@media(min-width:701px){
#filmy .work-project:has([data-project-id="74263"]) .work-cover{aspect-ratio:16/9}
}

/* Larger PERLA SURF cover and its silent hover preview. */
@media(min-width:701px){
#filmy .works-list .work-project:has([data-project-id="drive-1jT0QYj3rVLQE6NhgBnvZt9HGGs0cBR6A"]){grid-template-columns:minmax(0,.8fr) minmax(0,2.2fr)}
}
#filmy .work-cover>.work-hover-preview{position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:cover;pointer-events:none;opacity:0;transition:opacity .22s ease}
#filmy .work-cover.is-previewing>.work-hover-preview{opacity:1}
#filmy .work-cover:has(.work-hover-preview)>.work-play-mark,#filmy .work-cover:has(.work-hover-preview)>.work-duration{z-index:2}
@media(prefers-reduced-motion:reduce){#filmy .work-cover>.work-hover-preview{transition:none}}

/* Match the compact play labels on the film covers. */
#filmy .works-switch.play-button{position:relative;display:grid;place-items:center;width:fit-content;height:30px;min-height:30px;gap:0;margin:45px auto 0;padding:0;border:0;border-radius:0;background:none!important;overflow:visible}
#filmy .works-switch .switch-icon{display:grid;place-items:center;width:auto;height:auto;border:0;border-radius:0;background:none;color:inherit}
#filmy .works-switch .orbit{display:none!important}
#filmy .works-switch .play-inner{min-width:0!important;min-height:0!important;padding:8px 12px!important;font-size:7px!important;background:#060906e0!important;border:0!important;border-radius:3px!important;transform:none!important}
#filmy .works-switch:is(:hover,:focus-visible) .play-inner{background:#ffffff18!important}

/* Keep the film heading clear of duplicate labels and separator rules. */
#filmy .works-title>span+span,#filmy .works-intro>span,#filmy .work-results{display:none}
#filmy .works-header{border-bottom:0}
#filmy .works-toolbar{border-block:0}

/* PERŁA 23: three vertical films in one neighboring row. */
#filmy .works-list .work-project[data-layout=portrait]{display:flex;flex-direction:column;grid-column:span 4;gap:0;min-width:0}
#filmy .work-project[data-layout=portrait] .work-cover{aspect-ratio:9/16}
#filmy .work-project[data-layout=portrait] .work-caption{margin:12px 0 0}
#filmy .work-project[data-layout=portrait] .work-description{margin:10px 0 0 25px}

/* Compact PERŁA reel group, keeping all three films together. */
#filmy .works-list>.work-reel-group{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;width:min(780px,100%);justify-self:center;align-items:start}
#filmy .works-list .work-reel-group>.work-project[data-layout=portrait]{grid-column:auto}
#filmy .work-reel-group .work-caption{grid-template-columns:20px minmax(0,1fr);gap:6px}
#filmy .work-reel-group .work-caption h2{font-size:clamp(14px,1.1vw,18px)}
#filmy .work-reel-group .work-credits{display:none}
@media(max-width:700px){#filmy .works-list>.work-reel-group{gap:8px;margin:0 auto 28px}#filmy .work-reel-group .work-caption{display:block}#filmy .work-reel-group .work-caption h2{font-size:12px}#filmy .work-reel-group .work-number{display:none}#filmy .work-reel-group .work-description{margin:8px 0 0}#filmy .work-reel-group .work-watch{font-size:7px}}

#filmy .work-project[data-aspect-ratio="4/5"] .work-cover{aspect-ratio:4/5}

/* Chamonix reels play silently in view, without captions or overlays. */
#filmy .work-reel-group[data-reel-group="chamonix"] :is(.work-caption,.work-description,.work-play-mark,.work-duration){display:none!important}
/* Pair the compact PERŁA triptych with the demo reel. */
#filmy .works-list>.work-project:has([data-project-id="demo-reel-2021"]){grid-column:1/span 4}
#filmy .works-list>.work-reel-group[data-reel-group="perla"]{grid-column:span 8;align-self:start;width:min(600px,100%)}
@media(max-width:700px){#filmy .works-list>.work-reel-group[data-reel-group="perla"]{grid-column:1/-1}}