/* Approved wide gallery fades; preserve the original hero fade. */
html.lenis{scroll-behavior:auto!important}
html.film-background-ready .proof,html.film-background-ready .clients-section{background:transparent;box-shadow:none}
.work-section,html.film-background-ready .work-section{position:relative;isolation:isolate;background:#fff;padding-top:64px;padding-bottom:90px}
.work-section::before,.work-section::after{content:'';position:absolute;z-index:-1;left:0;right:0;height:clamp(240px,32vw,480px);pointer-events:none}
.work-section::before{bottom:100%;background:linear-gradient(to bottom,#ffffff00 0%,#ffffff12 18%,#ffffff4d 40%,#ffffffa6 65%,#ffffffe6 84%,#fff 100%)}
.work-section::after{top:100%;background:linear-gradient(to bottom,#fff 0%,#ffffffe6 16%,#ffffffa6 35%,#ffffff4d 60%,#ffffff12 82%,#ffffff00 100%)}
.clients-section,.studio-section{position:relative;z-index:2}
#hero-sound-toggle[data-blocked="true"]{background:#f7f7f2;color:#102a37;border-color:#fff;box-shadow:0 4px 18px #102a3730}
@media(max-width:760px){.work-section,html.film-background-ready .work-section{padding-top:40px;padding-bottom:65px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}

/* A white closing card with matching ink logo and readable controls. */
.closing-card{background:#fff;color:var(--ink)}
.closing-card .closing-section{color:var(--ink)}
.closing-card .closing-inner h2,.closing-card .closing-inner h2 em{color:var(--ink)}
.closing-card .closing-inner .eyebrow,.closing-card .closing-inner>div p{color:#47616e}
.closing-card .closing-button{background:var(--ink);color:#fff}
.closing-card .closing-button:hover{background:var(--blue)}
.closing-card footer{color:#47616e;border-top:1px solid #dbe5e7}
.closing-card footer .footer-brand{color:var(--ink)}
.closing-card footer a:hover{color:#0784a1}

/* v21: identity-blue closing card on a white surface with a soft blue glow behind it. */
html,body{overflow-x:clip}
.closing-stage{position:relative;isolation:isolate;padding-bottom:24px;margin-bottom:0}
.closing-stage::before{content:'';position:absolute;z-index:-1;left:50%;width:100vw;transform:translateX(-50%);top:calc(-1 * clamp(240px,32vw,480px));bottom:0;pointer-events:none;background:
  radial-gradient(48% 42% at 50% 62%,#0aa3be3d 0%,#0aa3be14 55%,#0aa3be00 100%),
  linear-gradient(to bottom,#ffffff00 0%,#ffffff59 calc(clamp(240px,32vw,480px) * .4),#fffffff2 calc(clamp(240px,32vw,480px) * .8),#fff clamp(240px,32vw,480px),#fff 100%)}
.closing-card{background:linear-gradient(125deg,#0aa3be 0%,#0891b2 42%,#087da5 72%,#076a8e 100%);color:#fff;box-shadow:0 40px 90px -30px #087da566}
.closing-card .closing-section,.closing-card .closing-inner h2,.closing-card .closing-inner h2 em{color:#fff}
.closing-card .closing-inner .eyebrow{color:#fff;font-weight:600}
.closing-card .closing-inner>div p{color:#ffffffe0}
.closing-card .closing-button{background:#fff;color:var(--ink)}
.closing-card .closing-button:hover{background:var(--ink);color:#fff}
.closing-card footer{color:#ffffffd9;border-top:1px solid #ffffff38}
.closing-card footer .footer-brand{color:#fff}
.closing-card footer .footer-brand img{filter:brightness(0) invert(1)}
.closing-card footer a:hover{color:#fff;text-decoration:underline;text-underline-offset:4px}

/* v21: studio trimmed to the headline and inline film, in a shorter band. */
.studio-inner{padding:64px 4.5vw 72px}
@media(max-width:760px){.studio-inner{padding:52px 20px 58px}}

/* v22: the closing fade sits behind the reviews, and the films section lets a hint of the film through. */
html.film-background-ready main{z-index:2}
/* v35: white gallery and closing-stage fades are five percentage points more opaque. */
.work-section,html.film-background-ready .work-section{background:#fffffff7}
.work-section::before{background:linear-gradient(to bottom,#ffffff00 0%,#ffffff1f 18%,#ffffff59 40%,#ffffffa6 65%,#ffffffe1 84%,#fffffff7 100%)}
.work-section::after{background:linear-gradient(to bottom,#fffffff7 0%,#ffffffe1 16%,#ffffffa6 35%,#ffffff59 60%,#ffffff1f 82%,#ffffff00 100%)}

/* v23: no divider lines between sections. */
.clients-top,.client-names{border-bottom:0}
.studio-inner,.sample-disclosure{border-top:0}

/* v24: five clearer, larger-rated sample review cards. */
.review-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:18px;max-width:1450px;margin:auto;border:0}
.review-grid figure,.review-grid figure+figure{grid-column:span 2;display:flex;flex-direction:column;align-items:stretch;min-height:300px;margin:0;padding:30px 30px 32px;border:1px solid #ffffff;border-radius:28px;background:#fffffff2;box-shadow:0 1px 2px #102a370d,0 18px 44px -22px #102a3740;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.review-grid figure:nth-child(-n+2){grid-column:span 3}
.review-rating{display:flex;align-items:center;gap:12px}
.review-grid .review-stars{font-size:30px;line-height:1;letter-spacing:.06em;color:#f2b01e}
.review-grid figcaption{display:flex;flex-wrap:nowrap;align-items:center;gap:14px;margin:24px 0 0;padding:0;border:0}
.review-avatar{flex:none;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,#0aa3be,#076a8e);color:#fff;font:700 14px/1 var(--display);letter-spacing:.04em}
.review-person{display:flex;flex-direction:column;gap:3px;min-width:0}
.review-grid figcaption .review-person>span{font-weight:700;font-size:17px;color:var(--ink)}
.review-grid figcaption small{width:auto;font-size:13px;color:#47616e}
.review-grid figcaption b{flex:none;margin-left:auto;align-self:flex-start;padding:4px 8px;border:1px solid #c9d8db;border-radius:999px;font:600 9px/1.2 var(--display);letter-spacing:.1em;color:#65818b}
.review-grid blockquote{margin:auto 0 0;padding-top:26px;max-width:none;font:400 clamp(20px,1.7vw,26px)/1.36 var(--display);letter-spacing:-.035em;color:var(--ink)}
.sample-disclosure{color:#47616e}
@media(max-width:1000px){.review-grid{grid-template-columns:1fr 1fr}.review-grid figure,.review-grid figure+figure,.review-grid figure:nth-child(-n+2){grid-column:auto}.review-grid figure:last-child{grid-column:1/-1}}
@media(max-width:640px){.review-grid{display:flex;flex-direction:column;gap:12px}.review-grid figure,.review-grid figure+figure{min-height:0;padding:24px}.review-grid .review-stars{font-size:26px}.review-grid blockquote{font-size:21px}}