/* October 2026 portfolio refresh — layered on top of portfolio.css */
.portfolio-header{position:fixed;top:0;left:0;right:0;z-index:60;background:linear-gradient(180deg,rgba(27,32,24,.92),rgba(27,32,24,.58),transparent);backdrop-filter:blur(4px);}
.portfolio main{overflow:clip;width:100%;max-width:none;margin:0}.portfolio-hero{min-height:100svh;width:100%;max-width:none;margin:0;overflow:hidden}.portfolio-hero .hero-photo{object-position:50% 42%;transform:scale(1.08)}.portfolio-hero .hero-shade{inset:0!important;width:100%!important;height:100%!important}
.social-nav{display:flex;gap:14px;margin-left:8px}.social-nav a{opacity:.75}.social-nav a:hover{opacity:1}
.feature-still{display:block;margin:28px 0 0;overflow:hidden}.feature-still img{width:100%;aspect-ratio:1.95;object-fit:cover;transition:transform .65s ease}.feature-still:hover img{transform:scale(1.018)}
.feature-proof.feature-proof-wide{grid-template-columns:1.45fr .72fr .8fr}.feature-proof .feature-logline{font:400 clamp(20px,2vw,30px)/1.45 Georgia,serif;max-width:760px}.feature-meta em{font-style:normal;opacity:.68}
:is(.selected,.collection-grid) .section-intro h2{font-size:clamp(44px,5.4vw,82px)}.section-links{display:flex;gap:28px;flex-wrap:wrap;margin:42px 0 0}.section-links a{font-size:11px;text-transform:uppercase;letter-spacing:.12em;text-underline-offset:5px}
.project-card img,.placeholder-art{width:100%;aspect-ratio:16/9;object-fit:cover;transition:transform .65s ease,filter .35s ease,background-image .25s ease}.project-card a{overflow:hidden}.project-card a:hover img,.project-card a:hover .placeholder-art{transform:scale(1.025);filter:brightness(1.07)}
.placeholder-art{display:grid;place-items:center;background:linear-gradient(135deg,#303728,#151914);background-size:cover;background-position:center;font:400 clamp(30px,4vw,66px)/1 Anton,Impact,sans-serif;text-transform:uppercase;text-align:center;padding:20px}.placeholder-art small{display:block;font:10px/1.4 Arial,sans-serif;letter-spacing:.15em;margin-top:12px;opacity:.65}
a[href="/films/a-wild-life/"] .placeholder-art{background-image:linear-gradient(rgba(15,18,12,.08),rgba(15,18,12,.28)),url('/images/a-wild-life.webp');color:transparent}a[href="/films/a-wild-life/"] .placeholder-art small{visibility:hidden}a[href="/films/a-wild-life/"]:hover .placeholder-art{background-image:linear-gradient(rgba(15,18,12,.04),rgba(15,18,12,.18)),url('/images/a-wild-life-hover.webp')}
a[href="/animation/build-me-up/"] .placeholder-art{background-image:linear-gradient(rgba(15,18,12,.04),rgba(15,18,12,.2)),url('/images/build-me-up.webp');color:transparent}a[href="/animation/build-me-up/"] .placeholder-art small{visibility:hidden}
.project-card.poster-card img{aspect-ratio:16/9}.project-card.poster-card{grid-column:auto}.project-card.poster-card:nth-child(n){padding-top:0}.project-card.poster-card .card-index{top:14px}
.press-row{grid-template-columns:1fr 2fr auto}.press-section .recognition{margin-top:34px}
.contact-section h2 a{text-decoration:none}.contact-section h2 a:hover{text-decoration:underline;text-underline-offset:10px}.contact-bottom{margin-top:28px}.portfolio-footer>span{display:none}
.collection-intro{padding-top:140px}.collection-intro h1{font:400 clamp(62px,10vw,150px)/1 Anton,Impact,sans-serif;text-transform:uppercase;letter-spacing:-.03em;margin:28px 0}.collection-intro>p{max-width:680px;font:400 clamp(18px,2vw,28px)/1.5 Georgia,serif}.collection-grid{background:#1b2018}.collection-grid .project-grid{margin-top:56px;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 5%}.collection-grid .project-card,.collection-grid .project-card.poster-card{grid-column:auto;padding-top:0}.collection-grid .card-index{top:14px}.collection-grid .project-card img,.collection-grid .placeholder-art{aspect-ratio:16/9}.collection-grid .card-caption{min-height:154px;align-items:flex-start}
:is(.selected,.collection-grid) .project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 5%}:is(.selected,.collection-grid) .project-card,:is(.selected,.collection-grid) .project-card:nth-child(n){grid-column:auto;padding-top:0}:is(.selected,.collection-grid) .project-card img,:is(.selected,.collection-grid) .placeholder-art{aspect-ratio:16/9}:is(.selected,.collection-grid) .card-caption{min-height:154px;align-items:flex-start}
.project-lite{padding-top:140px}.project-lite h1{font:400 clamp(58px,9vw,140px)/1 Anton,Impact,sans-serif;text-transform:uppercase;margin:20px 0 34px}.project-lite-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:7%;align-items:start}.project-lite-media img{width:100%;max-height:74vh;object-fit:cover}.project-lite-copy{position:sticky;top:120px}.project-lite-copy p{margin-bottom:20px}.project-lite-copy .credit-link{margin:12px 0;display:flex}.availability{font-size:11px;opacity:.75;margin-top:24px!important}
.project-poster-crop{width:100%;aspect-ratio:16/9;overflow:hidden;background:#10140e}.project-poster-crop img{width:100%;height:100%;object-fit:cover}.project-poster-crop.crop-middle img{object-position:center}.project-poster-crop.crop-top img{object-position:center 12%}.project-poster-crop.crop-title img{object-position:center 42%}
/* Individual project pages should lead with the playable film/trailer, not repeat a cover still above it. */
.project-cover{display:none!important}.project-video{padding-top:clamp(48px,6vw,90px)}
/* Premium navigation/link language: subtle version of the numbered press-button sweep. */
.portfolio-header nav>a,.social-nav>a,.section-links>a,.back-link,.portfolio-footer a{position:relative;isolation:isolate;overflow:hidden;text-decoration:none;border-bottom:1px solid rgba(255,245,218,.35);padding:9px 6px;transition:color .28s ease,border-color .28s ease;background-image:linear-gradient(var(--paper),var(--paper));background-repeat:no-repeat;background-position:right center;background-size:0 100%}
.portfolio-header nav>a:hover,.portfolio-header nav>a:focus-visible,.social-nav>a:hover,.section-links>a:hover,.back-link:hover,.portfolio-footer a:hover{color:var(--ink);border-color:var(--paper);background-position:left center;background-size:100% 100%;text-decoration:none}
.portfolio-header nav>a,.social-nav>a,.section-links>a,.back-link,.portfolio-footer a{transition:background-size .38s cubic-bezier(.77,0,.18,1),color .28s ease,border-color .28s ease}
.documentary-collage{position:relative;display:grid;grid-template-columns:repeat(3,1fr);aspect-ratio:16/9;overflow:hidden;background:#111}.documentary-collage img{width:100%;height:100%;object-fit:cover;aspect-ratio:auto!important}.documentary-collage::after{content:"SECRETS & SCANDALS";position:absolute;left:18px;right:18px;bottom:16px;font:400 clamp(22px,3vw,46px)/1 Anton,Impact,sans-serif;letter-spacing:.02em;text-shadow:0 2px 14px #000;color:#fff5da}
@media(max-width:900px){.portfolio-header{background:rgba(27,32,24,.9)}.portfolio-header nav{gap:15px;overflow-x:auto}.social-nav{display:none}.portfolio-hero{min-height:100svh}.feature-proof.feature-proof-wide{grid-template-columns:1fr}:is(.selected,.collection-grid) .project-grid,.collection-grid .project-grid{grid-template-columns:1fr}.project-card.poster-card,.collection-grid .project-card,.collection-grid .project-card.poster-card{grid-column:1/-1}.project-lite-grid{grid-template-columns:1fr}.project-lite-copy{position:static}.collection-intro,.project-lite{padding-top:120px}}

/* Keep poster artwork visible and undistorted on its project page. */
.project-cover.project-cover-artwork{display:block!important;margin:0;padding:0 clamp(24px,5vw,80px)}
.project-cover.project-cover-artwork img{display:block;width:100%;height:auto;max-height:none;object-fit:contain}
.project-card img{display:block;height:auto}


/* Compact selected-work gallery. Each full card remains one accessible link. */
:is(.selected,.collection-grid) .project-grid{gap:20px 16px}
:is(.selected,.collection-grid) .project-card,:is(.selected,.collection-grid) .project-card:nth-child(n){margin:0}
:is(.selected,.collection-grid) .card-media{position:relative;aspect-ratio:16/9;overflow:hidden;background:#11140f}
:is(.selected,.collection-grid) .card-media img{width:100%;height:100%;aspect-ratio:auto;min-height:0;object-fit:cover}
:is(.selected,.collection-grid) .card-media::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.4);opacity:0;transition:opacity .25s ease}
:is(.selected,.collection-grid) .card-title{position:absolute;inset:0;z-index:1;display:grid;place-items:center;margin:0;padding:20px;color:var(--paper);text-align:center;font:400 clamp(25px,3vw,48px)/1.1 Anton,Impact,sans-serif;letter-spacing:.01em;text-transform:uppercase;opacity:0;transform:translateY(6px);transition:opacity .25s ease,transform .25s ease}
:is(.selected,.collection-grid) .project-card a:hover .card-title,:is(.selected,.collection-grid) .project-card a:focus-visible .card-title{opacity:1;transform:none}
:is(.selected,.collection-grid) .project-card a:hover .card-media::after,:is(.selected,.collection-grid) .project-card a:focus-visible .card-media::after{opacity:1}
:is(.selected,.collection-grid) .project-card a:hover img{filter:none;transform:scale(1.025)}
:is(.selected,.collection-grid) .card-caption{min-height:0;align-items:center;padding:8px 0 0;border:0;gap:12px}
:is(.selected,.collection-grid) .card-caption>div{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 12px}
:is(.selected,.collection-grid) .card-caption .kicker,:is(.selected,.collection-grid) .card-role{margin:0;font:400 9px/1.5 Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;opacity:.75}
:is(.selected,.collection-grid) .card-arrow{width:26px;height:26px;font-size:14px}
:is(.selected,.collection-grid) .project-card a:focus-visible .card-arrow{background:var(--paper);color:var(--ink)}
@media(hover:none){:is(.selected,.collection-grid) .card-title{inset:auto 0 0;display:block;padding:22px 12px 12px;font-size:24px;text-align:left;opacity:1;transform:none;background:linear-gradient(transparent,rgba(0,0,0,.65))}}
@media(max-width:900px){:is(.selected,.collection-grid) .project-grid{gap:18px}}
@media(prefers-reduced-motion:reduce){:is(.selected,.collection-grid) .card-title,:is(.selected,.collection-grid) .card-media::after,:is(.selected,.collection-grid) .card-media img{transition:none}:is(.selected,.collection-grid) .project-card a:hover img{transform:none}}

/* Video-first project template, shared by every film and special. */
.project-page .project-player{padding:100px 24px 0;max-width:1680px;margin:0 auto}
.project-page .video-shell{width:min(100%,calc((100svh - 150px)*16/9));margin:0 auto;overflow:hidden}
.project-page .video-shell img{display:block;object-fit:cover}
.project-page .project-info{padding-top:32px;padding-bottom:40px}
.project-page .project-info>.kicker{margin:26px 0 12px}
.project-page h1{font:400 clamp(36px,5.5vw,84px)/1.08 Anton,Impact,sans-serif;letter-spacing:-.02em;text-transform:uppercase;margin:0 0 24px;overflow-wrap:anywhere}
.project-page .project-actions{display:flex;flex-wrap:wrap;gap:12px}
.project-page .project-actions .credit-label{white-space:normal;line-height:1.4}
.project-page .project-details{padding-top:48px;padding-bottom:64px}
.media-status{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;padding:24px;text-align:center;background:rgba(0,0,0,.2)}
.media-status p{font-size:14px;margin:0;color:var(--paper)}
.contact-section .contact-button{font-size:14px;letter-spacing:.08em;padding:22px 30px;border:1px solid currentColor}
.contact-section>.kicker{margin-bottom:22px}
.contact-button .credit-label{white-space:normal}
.portfolio .contact-section .contact-button:hover,.portfolio .contact-section .contact-button:focus-visible{color:var(--paper);border-color:var(--ink)}
.comedy-intro .contact-button{align-self:flex-start;font-size:12px;padding:18px 24px;border:1px solid currentColor}
.press-section h2{font:400 clamp(44px,5.4vw,82px)/1.1 Anton,Impact,sans-serif;text-transform:uppercase}
@media(max-width:700px){.project-page .project-player{padding:120px 16px 0}.project-page .video-shell{width:100%}.project-page .project-info{padding-top:24px}.project-page .play-button{padding:14px 20px}.project-page .project-details{padding-top:32px;padding-bottom:40px}.media-status{gap:10px;padding:12px}.media-status .credit-link{font-size:9px}.media-status p{font-size:12px}}

/* Director leads; cinematography remains an active part of the identity. */
.portfolio-hero .hero-identity>.hero-roles{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px 16px;line-height:1.2}
.hero-roles .role-director{font:italic 400 clamp(28px,3vw,44px)/1.2 Georgia,serif}
.hero-roles .role-cinematographer{font:400 clamp(16px,1.7vw,24px)/1.3 Arial,sans-serif}
.feature-introduction{max-width:850px;margin:28px 0 0;font:400 clamp(17px,1.7vw,23px)/1.65 Georgia,serif}
.about-copy h2{font-size:clamp(40px,4.2vw,68px);overflow-wrap:anywhere}
.about-copy>p:not(.kicker){margin:0 0 16px}
.portfolio-header nav{text-transform:uppercase;letter-spacing:.06em}
@media(max-width:700px){.portfolio-header nav{gap:12px}.portfolio-header nav>a{font-size:10px;padding:9px 4px}.feature-introduction{margin-top:22px}}

/* Quiet, inline enquiry form. */
.contact-layout{display:grid;grid-template-columns:1fr 1.15fr;gap:8%;align-items:start}
.contact-intro h2{font:400 clamp(40px,5vw,76px)/1.1 Anton,Impact,sans-serif;text-transform:uppercase;margin:20px 0}
.contact-intro>p:last-child{font:400 17px/1.6 Georgia,serif;max-width:320px}
.contact-form{min-width:0}.contact-fields{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.contact-field{display:flex;flex-direction:column;gap:10px;margin-bottom:26px}
.contact-field label{font:400 10px/1.5 Arial,sans-serif;text-transform:uppercase;letter-spacing:.1em}
.contact-field input,.contact-field textarea{width:100%;min-width:0;border:0;border-bottom:1px solid rgba(36,42,30,.45);border-radius:0;background:transparent;color:var(--ink);padding:12px 0;font:400 16px/1.6 Arial,sans-serif}
.contact-field textarea{resize:vertical;min-height:130px}
.contact-field input:focus-visible,.contact-field textarea:focus-visible{outline:2px solid var(--ink);outline-offset:5px;border-color:var(--ink)}
.contact-submit{display:flex;align-items:center;flex-wrap:wrap;gap:18px}
.contact-form .contact-button{background:transparent;color:var(--ink);cursor:pointer;font-family:Arial,sans-serif;margin:0}
.contact-form .contact-button:disabled{opacity:.55;cursor:wait}
.contact-status{font:400 14px/1.6 Arial,sans-serif;max-width:340px;margin:0}
.contact-privacy{font:400 11px/1.6 Arial,sans-serif;opacity:.7;margin:20px 0 0}
.contact-privacy a{color:inherit;text-underline-offset:3px}
.contact-honeypot{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.section-links>a:focus-visible,.contact-button:focus-visible{outline:2px solid currentColor;outline-offset:5px}
@media(max-width:800px){.contact-layout{grid-template-columns:1fr;gap:32px}}
@media(max-width:500px){.contact-fields{grid-template-columns:1fr;gap:0}}

/* A generous biography bridges the banner and the debut feature. */
.journey-section{background:var(--olive);color:var(--paper)}
.journey-copy{max-width:960px;margin-inline:auto;text-align:center}
.journey-copy p{font:400 clamp(20px,1.8vw,26px)/1.4 Georgia,serif;margin:0 0 20px}
.journey-copy p:last-child{margin-bottom:0}
/* Give the longer first-person About copy room to breathe. */
.about-section{align-items:start}
.about-copy>p:not(.kicker){font-size:16px;line-height:1.8;max-width:600px;margin-bottom:24px}
.about-copy>p:last-child{margin-bottom:0}

/* A single hierarchy for the debut feature. */
.feature-arranged{position:relative;isolation:isolate;overflow:hidden;background:var(--paper);padding-top:32px}
.feature-arranged>.feature-heading{position:relative;z-index:1;display:block;padding:0 0 34px}
.feature-eyebrow{display:flex;justify-content:space-between;align-items:baseline;gap:18px;flex-wrap:wrap;margin-bottom:26px}
.feature-arranged .feature-heading .kicker{margin:0}
.feature-arranged .feature-heading h2{font-size:clamp(42px,7.8vw,120px);line-height:1.06;margin:0 0 22px;white-space:nowrap}
.feature-arranged .feature-summary{font:400 clamp(13px,1.25vw,18px)/1.6 Arial,sans-serif}
.feature-summary span{padding-inline:8px;opacity:.55}
.feature-arranged .feature-still{position:relative;z-index:1;margin:0}
.feature-details{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,.8fr);gap:8%;margin-top:36px;padding-top:32px;border-top:1px solid rgba(36,42,30,.25)}
.feature-details .kicker{margin-bottom:18px}
.feature-details .feature-logline{font:400 clamp(19px,1.9vw,27px)/1.6 Georgia,serif;max-width:780px}
.feature-cast{padding-left:32px;border-left:1px solid rgba(36,42,30,.25)}
.feature-cast ul{list-style:none;padding:0;margin:0;font:400 16px/1.9 Arial,sans-serif}
.feature-actions{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;margin-top:28px}
.feature-actions .credit-link{margin:0;font-size:10px}
.feature-actions .credit-link::before{background:var(--ink)}
.feature-actions .credit-link:hover{color:var(--paper)}
/* Use the collection labels as the gallery's only heading. */
.selected .section-heading h2.kicker{font:400 10px/1.5 Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase}
.selected>.project-grid{margin-top:32px}
/* Small points of emphasis let the biography be scanned. */
.journey-copy strong{font-weight:700}
.journey-copy .bio-role{font-variant-caps:small-caps;font-weight:700;letter-spacing:.025em}
/* Decorative flowers match the paper colour, with subtle pressed edges. */
.journey-section{position:relative;isolation:isolate;overflow:hidden}
.journey-copy{position:relative;z-index:1}
.sunflower-emboss{position:absolute;z-index:0;width:clamp(230px,28vw,420px);height:auto;pointer-events:none;user-select:none}
.sunflower-green{color:var(--olive);right:-70px;bottom:-70px;opacity:.55;filter:drop-shadow(1px 1px 1px rgba(255,245,218,.16)) drop-shadow(-1px -1px 1px rgba(0,0,0,.4));transform:rotate(12deg)}
.sunflower-cream{color:var(--paper);right:-75px;top:-75px;opacity:.85;filter:drop-shadow(2px 2px 1px rgba(255,255,255,.9)) drop-shadow(-2px -2px 1px rgba(36,42,30,.24));transform:rotate(-10deg)}
@media(max-width:700px){
 .feature-arranged .feature-heading{padding-bottom:24px}
 .feature-eyebrow{margin-bottom:20px;gap:12px}
 .feature-arranged .feature-heading h2{font-size:8.4vw;margin-bottom:16px}
 .feature-summary span{padding-inline:4px}
 .feature-details{grid-template-columns:1fr;gap:28px;margin-top:26px;padding-top:26px}
 .feature-cast{padding:24px 0 0;border-left:0;border-top:1px solid rgba(36,42,30,.25)}
 .feature-cast ul{font-size:14px;display:flex;flex-wrap:wrap;gap:4px 22px}
 .feature-actions{gap:12px;margin-top:22px}
 .sunflower-green{right:-120px;bottom:-100px;opacity:.4}
 .sunflower-cream{right:-100px;top:-90px;opacity:.65}
}

/* Keep the growing flower beside the biography, clear of its text. */
.journey-section{padding-block:clamp(44px,4.5vw,68px);display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:clamp(24px,4vw,64px);align-items:center}
.journey-copy{width:100%;max-width:1100px;margin-inline:auto}
.sunflower-stage{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;align-self:center;width:150px;pointer-events:none}
.growing-sunflower{display:block;width:150px;height:305px;overflow:visible;filter:drop-shadow(0 3px 3px rgba(0,0,0,.12))}
.growing-petal{transform-origin:160px 160px}
.sunflower-leaves{transform-origin:170px 459px}
@media(max-width:700px){.journey-section{grid-template-columns:minmax(0,1fr) 76px;gap:16px}.sunflower-stage{width:76px}.growing-sunflower{width:76px;height:155px}.journey-copy p{font-size:clamp(18px,4.8vw,21px);line-height:1.4}}

/* Show the complete BTS photograph at its natural proportions on phones. */
@media(max-width:700px){
 .feature-arranged .feature-still img{aspect-ratio:auto;height:auto;object-fit:contain}
 .feature-arranged .feature-still:hover img{transform:none}
}

/* A quiet scroll cue beneath the hero credits. */
.portfolio-hero .hero-credit{margin-bottom:14px}
.hero-scroll{position:relative;z-index:2;display:grid;place-items:center;align-self:center;flex-shrink:0;width:40px;height:40px;margin:0 auto 22px;border-radius:50%;background:var(--paper);color:var(--ink)!important;text-decoration:none}
.hero-scroll svg{width:22px;height:22px}
.hero-scroll:hover{background:#e2dccb}
.hero-scroll:focus-visible{outline:2px solid var(--paper);outline-offset:5px}
#biography{scroll-margin-top:90px}
@media(max-width:700px){.hero-scroll{width:36px;height:36px;margin-bottom:18px}.portfolio-hero .hero-credit{margin-bottom:12px}}

/* Restore the tall photograph beside a more compact About column. */
.about-section{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7%;align-items:start;padding-block:clamp(48px,5vw,76px)}
.about-section .about-image{position:relative;z-index:1;float:none;width:100%;height:100%;min-height:560px;aspect-ratio:auto;overflow:hidden;margin:0;align-self:stretch}
.about-section .about-image img{position:absolute;top:-17.647%;left:0;display:block;width:100%;height:117.647%;aspect-ratio:auto;object-fit:cover;object-position:center bottom;transform:none}
.about-section .about-copy{position:relative;z-index:1;padding-top:0;min-width:0}
.about-section .about-copy h2{font-size:clamp(38px,3.9vw,63px);margin-bottom:28px;line-height:1}
.about-section .about-copy>.kicker{margin-bottom:18px}
.about-section .about-copy>p:not(.kicker){font-size:15.5px;line-height:1.725;max-width:none;margin-bottom:20px}
.about-section .about-copy>p:last-child{margin-bottom:0}
@media(max-width:900px){
 .about-section{grid-template-columns:1fr;gap:32px}
 .about-section .about-image{height:auto;min-height:0;aspect-ratio:.9}
}

.feature-arranged .title-sunflower{display:inline-block;width:1em;height:1em;margin-left:.08em;vertical-align:-.1em}

/* A translucent botanical print, shared by the biography and Press. */
.journey-section::before,.press-section::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22300%22%20height%3D%22300%22%20viewBox%3D%220%200%20300%20300%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23fff5da%22%20stroke-width%3D%221.3%22%3E%3Cpath%20d%3D%22M25%20300C80%20200%2010%20120%2092%2015M260%20300C188%20217%20291%20131%20230%200%22%2F%3E%3Cpath%20d%3D%22M52%20250C11%20249%2011%20213%2022%20197C51%20210%2063%20223%2052%20250ZM54%20201C92%20187%20111%20159%2098%20143C67%20153%2050%20179%2054%20201ZM52%20153C17%20143%2015%20120%2023%20100C51%20108%2065%20129%2052%20153ZM65%2082C92%2086%20117%2067%20115%2045C87%2048%2066%2061%2065%2082ZM233%20248C264%20244%20283%20221%20277%20202C250%20207%20231%20224%20233%20248ZM231%20185C198%20173%20179%20151%20188%20132C214%20139%20232%20160%20231%20185ZM247%20122C280%20113%20293%2086%20282%2071C257%2081%20245%20100%20247%20122Z%22%2F%3E%3Cg%20transform%3D%22translate(151%20247)%22%3E%3Ccircle%20r%3D%229%22%2F%3E%3Cellipse%20cy%3D%22-20%22%20rx%3D%227%22%20ry%3D%2213%22%2F%3E%3Cellipse%20cy%3D%22-20%22%20rx%3D%227%22%20ry%3D%2213%22%20transform%3D%22rotate(60)%22%2F%3E%3Cellipse%20cy%3D%22-20%22%20rx%3D%227%22%20ry%3D%2213%22%20transform%3D%22rotate(120)%22%2F%3E%3Cellipse%20cy%3D%22-20%22%20rx%3D%227%22%20ry%3D%2213%22%20transform%3D%22rotate(180)%22%2F%3E%3Cellipse%20cy%3D%22-20%22%20rx%3D%227%22%20ry%3D%2213%22%20transform%3D%22rotate(240)%22%2F%3E%3Cellipse%20cy%3D%22-20%22%20rx%3D%227%22%20ry%3D%2213%22%20transform%3D%22rotate(300)%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-size:360px 360px;background-repeat:repeat;opacity:.075}
.press-section{position:relative;isolation:isolate;overflow:hidden}
.press-section>.section-heading,.press-section>.press-row{position:relative;z-index:1}
/* Embossed accents occupy the gap between columns and the About corners. */
.feature-details>.sunflower-between{width:clamp(230px,28vw,420px);height:auto;left:66.5%;right:auto;top:60%;transform:translate(-50%,-50%);color:var(--paper);opacity:.65;filter:drop-shadow(1px 1px 1px rgba(255,255,255,.9)) drop-shadow(-1px -1px 1px rgba(36,42,30,.2))}
.sunflower-about-top,.sunflower-about-bottom{color:var(--paper);opacity:.75;filter:drop-shadow(2px 2px 1px rgba(255,255,255,.9)) drop-shadow(-2px -2px 1px rgba(36,42,30,.2))}
.sunflower-about-top{width:240px;left:-100px;top:-95px;transform:rotate(-18deg)}
.sunflower-about-bottom{width:280px;right:-100px;bottom:-140px;transform:rotate(16deg)}
@media(max-width:700px){
 .feature-details>.sunflower-between{position:absolute;left:50%;top:60%;transform:translate(-50%,-50%);width:230px}
 .feature-details>.feature-cast{grid-row:auto}
 .journey-section::before,.press-section::before{background-size:280px 280px;opacity:.06}
 .sunflower-about-top{width:180px;left:-80px;top:-70px}
 .sunflower-about-bottom{width:200px;right:-70px;bottom:-100px}
}

/* Texture beneath the contact title and behind the feature details. */
.feature-details>.feature-story,.feature-details>.feature-cast{position:relative;z-index:1}
.contact-intro .sunflower-contact{position:absolute;display:block;left:-35px;top:18px;width:clamp(230px,24vw,330px);height:auto;margin:0;color:var(--paper);opacity:.55;filter:drop-shadow(2px 2px 1px rgba(255,255,255,.9)) drop-shadow(-2px -2px 1px rgba(36,42,30,.2))}

/* Static film section: no title interstitial or scroll reveal. */
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.contact-intro{position:relative;isolation:isolate}
.contact-intro>.kicker,.contact-intro>h2,.contact-intro>p{position:relative;z-index:1}

/* Approved behind-the-scenes photographs retain their full frames. */
.feature-arranged .feature-cast-photo img{display:block;aspect-ratio:auto;height:auto;object-fit:contain}
.feature-arranged .feature-cast-photo:hover img{transform:none}
.project-bts{padding-top:0;padding-bottom:72px}
.project-bts h2{font-size:clamp(30px,4vw,56px);margin:12px 0 28px}
.project-bts-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.project-bts-grid figure{margin:0;min-width:0}
.project-bts-grid img{display:block;width:100%;height:auto;aspect-ratio:auto}
@media(max-width:700px){.project-bts-grid{grid-template-columns:1fr;gap:26px}.project-bts{padding-bottom:48px}}

/* A compact, editorial proof strip grows to three metrics when Insights totals are supplied. */
.film-traction{position:relative;z-index:1;margin-top:32px;padding:24px 0 20px;border-block:1px solid rgba(36,42,30,.25)}
.film-traction>.kicker{margin:0 0 20px}
.traction-layout{display:flex;flex-wrap:wrap;align-items:center;gap:24px 6%}
.traction-numbers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));flex:1 1 620px;gap:24px;margin:0}
.traction-numbers>div{display:flex;flex-direction:column;gap:8px}
.traction-numbers>div[hidden]{display:none}
.traction-numbers dt{min-height:2.8em;font:400 10px/1.4 Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase}
.traction-numbers dd{order:-1;margin:0;font:400 clamp(40px,5vw,64px)/1 Anton,Impact,sans-serif}
.traction-press p{margin:0 0 10px;font:italic 16px/1.4 Georgia,serif}
.traction-press ul{display:flex;flex-wrap:wrap;gap:8px 20px;list-style:none;padding:0;margin:0}
.traction-press a{font:400 12px/1.6 Arial,sans-serif;text-underline-offset:4px}
.traction-date{margin:20px 0 0;font:400 10px/1.5 Arial,sans-serif;opacity:.7}
.project-traction{margin:0 clamp(24px,5vw,80px) 48px;padding:24px 0 20px;color:var(--paper);border-color:rgba(255,245,218,.25)}
@media(max-width:700px){.film-traction{margin-top:24px}.traction-layout{gap:20px}.traction-numbers{gap:20px;grid-template-columns:repeat(2,minmax(0,1fr))}.traction-numbers dd{font-size:clamp(32px,9vw,40px)}.traction-numbers dt{font-size:9px}.project-traction{margin-top:0;margin-bottom:32px}}


.traction-coverage{margin-top:16px;font:400 12px/1.6 Arial,sans-serif}
.traction-coverage summary{cursor:pointer;text-underline-offset:4px}
.traction-coverage ul{display:block;columns:2;margin-top:12px}
.traction-coverage li{break-inside:avoid;margin-bottom:6px}
.traction-coverage small{display:block;opacity:.7}
@media(max-width:700px){.feature-arranged{padding-top:28px}.contact-intro .sunflower-contact{top:0;left:-45px;width:260px}.traction-coverage ul{columns:1}}

/* Preserve the complete supplied title artwork in documentary cards. */
:is(.selected,.collection-grid) .card-media img[src="/images/secrets-scandals-v3.webp"]{object-fit:contain;background:#050609}


/* Cinema: film first, small optional on-set photographs, then audience proof. */
.feature-cinema .cinema-intro{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,.8fr);gap:8%;margin:0 0 30px}
.feature-cinema .cinema-intro .feature-logline{font:400 clamp(19px,1.9vw,27px)/1.5 Georgia,serif;max-width:780px;margin:0}
.feature-cinema .cinema-intro .feature-cast{border:0;padding:0}
.feature-cinema .cinema-intro .feature-cast .kicker{margin-bottom:10px}
.feature-cinema .cinema-player{position:relative;z-index:1;display:block;width:100%;aspect-ratio:16/9;overflow:hidden;background:var(--olive);color:var(--paper)}
.feature-cinema .cinema-player>img,.feature-cinema .cinema-player>iframe{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border:0}
.feature-cinema .cinema-player .play-button{position:absolute;left:50%;top:auto;bottom:8%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:14px 22px;border:1px solid var(--paper);border-radius:0;background:var(--olive);color:var(--paper);font:400 13px/1.2 Arial,sans-serif;white-space:nowrap}
.feature-cinema .cinema-bts{position:relative;z-index:1;display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin:24px 0 0}
.feature-cinema .cinema-bts>.kicker{width:100px;margin:0}
.feature-cinema .cinema-bts figure{width:128px;margin:0}
.feature-cinema .cinema-bts figure a{display:block}
.feature-cinema .cinema-bts img{display:block;width:128px;height:85px;object-fit:cover}
.feature-cinema .cinema-bts figcaption{font:400 11px/1.4 Arial,sans-serif;margin-top:7px}
.feature-cinema .cinema-project-link{margin-left:auto;font:400 12px/1.4 Arial,sans-serif;text-underline-offset:4px}
@media(max-width:700px){.feature-cinema .cinema-intro{grid-template-columns:1fr;gap:20px;margin-bottom:24px}.feature-cinema .cinema-intro .feature-cast ul{display:flex;flex-wrap:wrap;gap:4px 18px}.feature-cinema .cinema-bts{gap:16px}.feature-cinema .cinema-bts>.kicker{width:100%}.feature-cinema .cinema-bts figure{width:96px}.feature-cinema .cinema-bts img{width:96px;height:64px}.feature-cinema .cinema-project-link{margin-left:0}.feature-cinema .cinema-player .play-button{padding:10px 16px;min-height:44px;font-size:12px}}

/* Split-screen poster crops the original stills without changing either face. */
.video-shell .teaser-split-poster{position:absolute;inset:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:3px;background:var(--paper);overflow:hidden}
.video-shell .teaser-split-poster img{position:static;width:100%;height:100%;min-width:0;object-fit:cover;filter:none}
.video-shell .teaser-split-poster .poster-left{object-position:42% 50%}
.video-shell .teaser-split-poster .poster-right{object-position:54% 50%}
.feature-cinema .cinema-bts-track{display:flex;flex:1 1 300px;min-width:0;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px}
.feature-cinema .cinema-bts-track figure{flex:0 0 128px;scroll-snap-align:start}
@media(max-width:700px){.feature-cinema .cinema-bts-track{flex-basis:100%;gap:14px}.feature-cinema .cinema-bts-track figure{flex-basis:96px}.feature-cinema .cinema-project-link{margin-left:auto}}


/* A borderless photo carousel: subtle lift, quick crossfade, no visible captions. */
.cinema-bts figcaption,.project-bts figcaption{display:none}
.feature-cinema .cinema-bts figure a{overflow:hidden;transition:transform .22s ease,box-shadow .22s ease;border-radius:3px}
.feature-cinema .cinema-bts figure a:hover{transform:translateY(-3px);box-shadow:0 8px 18px rgba(0,0,0,.16)}
.bts-dialog{padding:0;border:0;width:min(1160px,96vw);max-width:96vw;max-height:94svh;background:transparent;color:var(--paper);overflow:visible}
.bts-dialog[open]{animation:bts-open .24s cubic-bezier(.22,1,.36,1)}
.bts-dialog::backdrop{background:rgba(10,13,9,.92);backdrop-filter:blur(12px);animation:bts-backdrop .24s ease}
.bts-lightbox-header{display:flex;align-items:center;justify-content:space-between;padding:0 6px 12px}
.bts-counter{font:400 12px/1.4 Arial,sans-serif;letter-spacing:.12em;opacity:.8}
.bts-dialog button{display:grid;place-items:center;border:0;background:rgba(20,24,17,.72);color:var(--paper);min-width:44px;min-height:44px;border-radius:50%;font:400 28px/1 Arial,sans-serif;transition:background .18s ease,transform .18s ease}
.bts-dialog button:hover{background:rgba(65,73,53,.9);transform:scale(1.06)}
.bts-dialog button:focus-visible{outline:2px solid var(--paper);outline-offset:4px}
.bts-lightbox-stage{position:relative;height:min(74svh,740px);touch-action:pan-y;overflow:hidden}
.bts-lightbox-stage .bts-slide{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;opacity:0;pointer-events:none;border-radius:3px}
.bts-lightbox-stage .bts-slide.is-active{opacity:1}
.bts-previous,.bts-next{position:absolute;top:50%;margin-top:-22px;z-index:2}
.bts-previous{left:12px}.bts-next{right:12px}
.bts-dots{display:flex;justify-content:center;gap:0;margin-top:12px}
.bts-dialog .bts-dots button{position:relative;background:transparent;min-width:36px;min-height:36px}
.bts-dots button::after{content:"";width:5px;height:5px;border-radius:50%;background:var(--paper);opacity:.35;transition:transform .2s ease,opacity .2s ease}
.bts-dots button[aria-pressed="true"]::after{opacity:1;transform:scale(1.5)}
@keyframes bts-open{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes bts-backdrop{from{opacity:0}to{opacity:1}}
@media(max-width:700px){.bts-lightbox-stage{height:68svh}.bts-previous{left:4px}.bts-next{right:4px}}
@media(prefers-reduced-motion:reduce){.bts-dialog[open],.bts-dialog::backdrop{animation:none}.bts-dialog button,.bts-dots button::after,.feature-cinema .cinema-bts figure a{transition:none}.feature-cinema .cinema-bts figure a:hover{transform:none}}

/* A quiet ink-drawn acknowledgement in the existing cream and olive palette. */
.contact-form.is-submitted .contact-status{display:flex;align-items:center;gap:12px;animation:contact-sent-reveal .4s ease-out both}
.contact-sent-icon{display:inline-flex;width:32px;height:32px;flex:none;color:var(--ink)}
.contact-sent-icon svg{width:100%;height:100%;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.contact-sent-icon circle{stroke-dasharray:88;stroke-dashoffset:0;animation:contact-sent-circle .55s ease-out both}
.contact-sent-icon path{stroke-dasharray:26;stroke-dashoffset:0;animation:contact-sent-check .35s .3s ease-out both}
.contact-form.is-submitted .contact-button:disabled{opacity:1;cursor:default;background:var(--ink);color:var(--paper)}
@keyframes contact-sent-reveal{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@keyframes contact-sent-circle{from{stroke-dashoffset:88}to{stroke-dashoffset:0}}
@keyframes contact-sent-check{from{stroke-dashoffset:26}to{stroke-dashoffset:0}}
@media(prefers-reduced-motion:reduce){.contact-form.is-submitted .contact-status,.contact-sent-icon circle,.contact-sent-icon path{animation:none}}

.contact-panel{min-width:0}
.contact-thanks[hidden]{display:none!important}
.contact-thanks{padding:32px 0;color:var(--ink)}
.contact-thanks .contact-sent-icon{width:48px;height:48px;margin-bottom:24px}
.portfolio .contact-thanks h3{font:400 clamp(36px,4vw,56px)/1.15 Georgia,serif;letter-spacing:-.035em;margin:0 0 14px}
.contact-thanks p{font:400 16px/1.6 Arial,sans-serif}
.contact-thanks.is-visible{animation:contact-thanks-reveal .5s ease-out both}
@keyframes contact-thanks-reveal{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.contact-thanks.is-visible{animation:none}}


/* Comedy: bold site-matched display heading, concise copy and a single CTA. */
.comedy-intro.comedy-compact{
  padding-top:clamp(125px,10vw,160px);
  padding-bottom:clamp(38px,4vw,60px);
}
.comedy-compact-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  grid-template-areas:"heading heading" "copy action";
  align-items:end;
  column-gap:48px;
  row-gap:24px;
}
.portfolio .comedy-intro.comedy-compact h1{
  grid-area:heading;
  font:400 clamp(56px,8.2vw,128px)/.99 Anton,Impact,sans-serif;
  letter-spacing:-.03em;
  text-transform:uppercase;
  margin:0;
  max-width:none;
}
.comedy-compact-copy{grid-area:copy;max-width:800px}
.portfolio .comedy-compact-copy>p{
  font:400 16px/1.65 Arial,sans-serif;
  margin:0;
}
.comedy-compact .contact-button{
  grid-area:action;
  align-self:end;
  white-space:nowrap;
  margin-bottom:1px;
}
.comedy-work .project-card a{display:block}
.comedy-work .project-card img{display:block}
@media(max-width:900px){
  .comedy-compact-layout{
    grid-template-columns:minmax(0,1fr);
    grid-template-areas:"heading" "copy" "action";
    row-gap:20px;
  }
  .comedy-intro.comedy-compact{padding-top:120px;padding-bottom:36px}
  .portfolio .comedy-intro.comedy-compact h1{font-size:clamp(50px,10vw,86px)}
  .comedy-compact .contact-button{justify-self:start}
}