/* Sunflower Child video homepage, scoped to the public homepage only. */
/* Keep navigation in the normal document flow above the cinematic 2:1 banner. */
.portfolio .portfolio-header.video-top-nav {position:relative;inset:auto;top:auto;left:auto;right:auto;z-index:60;width:100%;box-sizing:border-box;margin:0;padding:14px 5%;background:var(--olive);backdrop-filter:none}
.portfolio-hero.video-led-hero {width:100%;height:auto;min-height:0;aspect-ratio:2 / 1;position:relative;isolation:isolate;justify-content:center;background:var(--olive)}
.video-led-hero .hero-photo {z-index:-3}
/* A 2:1 banner takes a restrained side crop from the native 2.39:1 film. No digital zoom or brightness adjustment. */
.video-led-hero .hero-background-video {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transform:none;filter:none;z-index:-2;pointer-events:none}
.video-led-hero .hero-shade {z-index:-1;background:linear-gradient(180deg,rgba(12,17,12,.35),rgba(12,17,12,.10) 34%,rgba(12,17,12,.18) 70%,rgba(12,17,12,.55))}
.video-led-hero .hero-identity {position:absolute;z-index:2;left:0;right:0;bottom:clamp(55px,6.2vw,95px);margin:0;display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center;padding:0 5%;max-width:100%;width:100%}
.portfolio .video-led-hero .hero-identity h1 {font-size:clamp(40px,7.1vw,122px);letter-spacing:-.045em;line-height:.9;text-wrap:balance;white-space:normal}
.video-led-hero .hero-roles {justify-content:center}
.video-led-hero .hero-play {display:grid;place-items:center;margin:0 auto 22px;width:76px;height:58px;background:none;color:var(--paper);border:0;cursor:pointer;transition:transform .2s ease,opacity .2s ease}
.video-led-hero .hero-play svg {width:56px;height:56px;stroke:currentColor;stroke-width:1.4;fill:none}
.video-led-hero .hero-play:hover {transform:scale(1.08);opacity:.86}
.video-led-hero .hero-credit {position:absolute;right:2.2%;bottom:12px;z-index:3;display:block;margin:0;padding:0 0 12px;border:0;border-bottom:1px solid rgba(255,245,218,.65);text-align:left;letter-spacing:0;text-transform:none;text-decoration:none;transition:border-color .25s ease}
 .video-led-hero .hero-credit .latest-project-label {display:block;margin-bottom:6px;font:400 9px/1.3 Arial,sans-serif;letter-spacing:.22em;text-transform:uppercase}
.video-led-hero .hero-credit .latest-project-index {opacity:.6;margin-left:8px}
.video-led-hero .hero-credit .latest-project-line {display:flex;align-items:center;gap:12px}
.video-led-hero .hero-credit strong {display:block;font:italic 400 clamp(17px,1.7vw,26px)/1.1 Georgia,serif;letter-spacing:-.035em;white-space:nowrap}
 .video-led-hero .hero-credit svg {width:20px;height:20px;flex:none;transition:transform .25s ease}
.video-led-hero .hero-credit:hover,.video-led-hero .hero-credit:focus-visible {border-color:var(--paper)}
.video-led-hero .hero-credit:hover svg,.video-led-hero .hero-credit:focus-visible svg {transform:translateX(4px)}
.video-led-hero .hero-scroll {position:absolute;left:50%;bottom:18px;transform:translateX(-50%);margin:0;z-index:3}
.portfolio .journey-section.clean-bio {display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;box-sizing:border-box}
.portfolio .clean-bio .journey-copy {width:min(100%,960px);max-width:960px;flex:none;margin-inline:auto;text-align:center}
.portfolio .clean-bio .journey-copy p {width:100%;text-align:center}
/* Keep the new biography clean without the old ornamental background. */
.portfolio .journey-section.clean-bio::before {display:none}
.portfolio .sunflower-emboss,.portfolio .title-sunflower {display:none!important}
.feature-cinema .cinema-player .trailer-opening-still {display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:none}
.feature-cinema .cinema-player .play-button {cursor:pointer}
.sunflower-trailer-dialog {position:fixed;inset:0;width:min(96vw,1500px);max-width:none;max-height:95dvh;padding:48px 10px 10px;border:1px solid #777;background:#111;color:#fff;box-shadow:0 20px 90px rgba(0,0,0,.7)}
.sunflower-trailer-dialog::backdrop {background:rgba(0,0,0,.9);backdrop-filter:blur(8px)}
.sunflower-trailer-dialog .sunflower-trailer-embed {width:100%;aspect-ratio:16/9;background:#000}
.sunflower-trailer-dialog .sunflower-trailer-embed iframe {display:block;width:100%;height:100%;border:0}
.trailer-dialog-close {position:absolute;top:7px;right:11px;padding:4px 12px;border:0;background:transparent;color:#fff;font:32px/1 Arial,sans-serif;cursor:pointer}
@media(max-width:700px) {
 /* Mobile takes a cinematic portrait crop of the same footage, keeping all hero content on-screen. */
 .portfolio .portfolio-header.video-top-nav {padding:11px 16px;gap:12px}
 .portfolio .portfolio-header.video-top-nav nav {gap:clamp(6px,2.4vw,12px);overflow:visible}
 .portfolio .portfolio-header.video-top-nav nav a {font-size:9px;padding:6px 2px}
 .portfolio-hero.video-led-hero {display:block;position:relative;aspect-ratio:4 / 5;min-height:0;overflow:hidden}
 .video-led-hero .hero-background-video {position:absolute;inset:0;display:block;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:50% 50%;transform:none;filter:none}
 .video-led-hero .hero-photo {display:block}
 .video-led-hero .hero-shade {display:block;background:linear-gradient(180deg,rgba(12,17,12,.08) 0%,rgba(12,17,12,.08) 30%,rgba(12,17,12,.26) 58%,rgba(12,17,12,.55) 100%)}
 .video-led-hero .hero-identity {position:absolute;left:0;right:0;bottom:clamp(95px,21vw,128px);z-index:2;padding:0 14px;width:100%;margin:0}
 .portfolio .video-led-hero .hero-identity h1 {font-size:clamp(38px,10.4vw,68px);line-height:.9}
 .video-led-hero .hero-roles {justify-content:center;gap:4px 10px}
 .video-led-hero .hero-roles .role-director {font-size:clamp(21px,5.5vw,29px)}
 .video-led-hero .hero-roles .role-cinematographer {font-size:clamp(12px,3.2vw,17px)}
 .video-led-hero .hero-play {width:52px;height:46px;margin-bottom:12px}
 .video-led-hero .hero-play svg {width:42px;height:42px}
 .video-led-hero .hero-credit {position:absolute;right:14px;bottom:12px;width:auto;max-width:calc(100% - 110px);margin:0;padding-bottom:6px;text-align:left}
 .video-led-hero .hero-credit strong {font-size:clamp(16px,4vw,21px)}
 .video-led-hero .hero-credit svg {width:17px;height:17px}
 .video-led-hero .hero-credit .latest-project-label {font-size:8px;margin-bottom:4px}
 .video-led-hero .hero-scroll {position:absolute;left:15px;bottom:12px;transform:none;margin:0;width:32px;height:32px}
 .sunflower-trailer-dialog {width:100vw;padding:44px 0 0;border:0}
}
@media(prefers-reduced-motion:reduce) {.video-led-hero .hero-play,.video-led-hero .hero-credit,.video-led-hero .hero-credit svg {transition:none} }

/* Sunflower Child: editorial title and cast, then an uninterrupted trailer still. */
.feature-cinema .feature-heading {padding-bottom:clamp(26px,4vw,58px)}
.feature-cinema .feature-title-row {display:grid;grid-template-columns:minmax(0,1fr) minmax(190px,255px);gap:clamp(24px,5vw,90px);align-items:end;width:100%}
.feature-cinema .feature-title-row h2 {margin:0;white-space:normal;align-self:end}
.feature-cinema .feature-title-row .feature-cast {justify-self:end;align-self:end;min-width:0;padding:0;border:0;text-align:right}
.feature-cinema .feature-title-row .feature-cast .kicker {margin:0 0 10px}
.feature-cinema .feature-title-row .feature-cast ul {display:block;margin:0;padding:0;list-style:none;font:400 clamp(12px,1.05vw,15px)/1.6 Arial,Helvetica,sans-serif}
.feature-cinema .cinema-player .trailer-opening-still {filter:none}
.feature-cinema .cinema-player .trailer-poster-play {position:absolute;top:50%;left:50%;bottom:auto;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:12px;min-height:0;padding:10px 14px;border:0;border-radius:0;background:none;color:var(--paper);font:400 11px/1.3 Arial,Helvetica,sans-serif;text-transform:uppercase;letter-spacing:.16em;cursor:pointer;text-shadow:0 2px 12px rgba(0,0,0,.6);transition:opacity .2s ease}
.feature-cinema .cinema-player .trailer-poster-play:hover,.feature-cinema .cinema-player .trailer-poster-play:focus-visible {background:none;color:var(--paper);opacity:.8}
.feature-cinema .cinema-player .trailer-poster-play svg {width:clamp(52px,6vw,86px);height:clamp(52px,6vw,86px);filter:drop-shadow(0 1px 6px rgba(0,0,0,.5))}
.feature-cinema .cinema-player .trailer-poster-play span {margin:0}
@media(max-width:700px) {
 .feature-cinema .feature-title-row {grid-template-columns:minmax(0,1fr);gap:24px}
 .feature-cinema .feature-title-row h2 {font-size:clamp(38px,11vw,70px)}
 .feature-cinema .feature-title-row .feature-cast {justify-self:end;text-align:right}
 .feature-cinema .feature-title-row .feature-cast ul {display:block;font-size:13px}
 .feature-cinema .cinema-player .trailer-poster-play {padding:8px 10px;font-size:10px;gap:6px}
}
@media(prefers-reduced-motion:reduce) {.feature-cinema .cinema-player .trailer-poster-play {transition:none}}

/* Press retains a clean, undecorated background; leave the rest of the site unchanged. */
.portfolio .press-section::before { content: none; display: none; }
