/* Photographs supplied and identified by Javier. Preserve their original proportions. */
.hero-photo img{object-position:48% 20%}
.program-visuals{display:grid;gap:20px}
.program-photo{min-height:455px}
.program-photo>img{object-position:54% 38%}
.program-material{margin:0;display:grid;grid-template-columns:180px 1fr;align-items:center;gap:22px;background:#eff0f3;border-radius:5px;overflow:hidden}
.program-material img{width:100%;height:145px;object-fit:cover}
.program-material figcaption{font-size:13px;line-height:1.65;padding:18px 22px 18px 0;color:var(--ink-soft)}
.program-material figcaption>span{display:block;font-size:10px;line-height:1.6;color:var(--muted);margin-top:8px}
.case-study{padding-top:20px;background:var(--paper)}
.case-heading{display:grid;grid-template-columns:1.15fr 1fr;gap:100px;align-items:end;margin-bottom:42px}
.case-heading .eyebrow{color:var(--muted);margin-bottom:22px}
.case-heading h2{font-size:clamp(32px,3.1vw,44px)}
.case-intro>p{font-size:15px;color:var(--muted);line-height:1.8}
.case-intro .text-link{margin-top:22px}
.case-film{position:relative;background:#071725;border-radius:6px;overflow:hidden;aspect-ratio:16/9}
.case-film video{display:block;width:100%;height:100%;aspect-ratio:16/9;object-fit:contain;background:#071725}
.case-film video:focus-visible{outline:3px solid #a280ed;outline-offset:-4px}
.case-play{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:18px;border:0;padding:35px;background:linear-gradient(0deg,#07172585,transparent 65%);color:#fff;cursor:pointer;text-align:center}
.case-play[hidden]{display:none}
.case-play-circle{display:grid;place-items:center;width:86px;height:86px;border:1px solid #ffffffc7;border-radius:50%;background:#ffffffed;color:var(--ink);box-shadow:0 4px 32px #0717252c;transition:transform .2s,background .2s}
.case-play-circle svg{width:28px;height:28px;fill:currentColor;transform:translateX(1px)}
.case-play>span:last-child{font-size:15px;font-weight:600;letter-spacing:-.01em;text-shadow:0 1px 8px #071725}
.case-play-time{display:block;font-size:12px;font-weight:400;letter-spacing:.03em;margin-top:8px}
.case-play:hover .case-play-circle{transform:scale(1.06);background:#fff}
.case-play:focus-visible{outline:3px solid #a280ed;outline-offset:-7px}
.case-caption{display:flex;justify-content:space-between;gap:20px;margin-top:18px;font-size:11px;line-height:1.6;color:var(--muted)}
.case-caption>span:first-child{font-weight:600;color:var(--ink-soft)}
.experience-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:42px 28px}
.experience-gallery figcaption{border-top:1px solid #cdd3dc;margin-top:20px;padding-top:18px}
.brand-name{text-transform:none}
.experience-gallery img{height:auto;aspect-ratio:3/2}
.about-with-portrait{grid-template-columns:.96fr 1fr;gap:88px;align-items:center}
.founder-photo{margin:0;position:relative;overflow:hidden;border-radius:6px;min-width:0;background:#dce3e7}
.founder-photo>img{width:100%;height:610px;object-fit:cover;object-position:42% 35%}
.founder-photo:after{content:"";position:absolute;bottom:0;left:0;right:0;height:30%;background:linear-gradient(0deg,#091c36b3,transparent);pointer-events:none}
.founder-photo figcaption{position:absolute;z-index:1;bottom:28px;left:30px;right:25px;font-size:16px;line-height:1.4;color:white}
.founder-photo figcaption>span{display:block;font-size:11px;margin-top:7px;color:#e1e8f3}
.about-with-portrait .about-heading h2{font-size:clamp(32px,3.2vw,43px)}
.about-with-portrait .about-copy{padding-top:27px}
@media(max-width:1150px){.case-heading{gap:60px}.program-material{grid-template-columns:140px 1fr;gap:18px}.program-material img{height:150px}.program-material figcaption{font-size:12px;padding-right:15px}.about-with-portrait{gap:55px}.founder-photo>img{height:600px}}
@media(max-width:900px){.navigation{gap:1px}.program-photo{min-height:450px}.program-material{grid-template-columns:110px 1fr;gap:15px}.program-material figcaption{font-size:11px;padding:14px 14px 14px 0}.program-material figcaption>span{font-size:9px}.program-material img{height:145px}.case-heading{gap:35px}.case-heading h2{font-size:32px}.case-intro>p{font-size:14px}.case-play-circle{width:72px;height:72px}.about-with-portrait{gap:40px}.founder-photo>img{height:650px}.about-with-portrait .about-heading h2{font-size:32px}.about-with-portrait .about-lead{font-size:19px!important}.experience-gallery{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:34px}}
@media(max-width:640px){.hero-photo img{object-position:48% 20%}.program-photo{min-height:380px;max-height:none}.program-photo>img{object-position:54% 38%}.program-visuals{gap:15px}.program-material{grid-template-columns:125px 1fr;gap:18px}.program-material img{height:115px}.program-material figcaption{font-size:12px;padding:14px 17px 14px 0}.program-material figcaption>span{font-size:10px}.case-study{padding-top:10px}.case-heading{grid-template-columns:1fr;gap:23px;margin-bottom:28px}.case-heading .eyebrow{font-size:9px;margin-bottom:18px}.case-heading h2{font-size:32px}.case-intro>p{font-size:14px}.case-intro .text-link{margin-top:18px}.case-play{gap:10px;padding:20px}.case-play-circle{width:56px;height:56px}.case-play-circle svg{width:23px;height:23px}.case-play>span:last-child{font-size:12px}.case-play-time{font-size:10px;margin-top:5px}.case-caption{font-size:9px;gap:15px;margin-top:13px}.experience-gallery{grid-template-columns:1fr;gap:33px}.experience-gallery img{height:auto;aspect-ratio:3/2}.about-with-portrait{grid-template-columns:1fr;gap:32px}.founder-photo>img{height:440px;object-position:42% 35%}.founder-photo figcaption{font-size:15px;bottom:23px;left:25px}.founder-photo figcaption>span{font-size:10px}.about-with-portrait .about-copy{padding-top:22px}.about-with-portrait .about-heading h2{font-size:33px}}
@media(prefers-reduced-motion:reduce){.case-play-circle{transition:none}}

.institutional-video-link{display:flex;align-items:center;gap:16px;border-top:1px solid var(--line);margin-top:26px;padding-top:24px;color:var(--ink)}
.institutional-video-icon{width:45px;height:45px;display:grid;place-items:center;border:1px solid #b8c1df;border-radius:50%;flex-shrink:0;color:var(--blue)}
.institutional-video-icon svg{width:20px;height:20px;fill:currentColor;transform:translateX(1px)}
.institutional-video-link>span:nth-child(2){flex:1}
.institutional-video-link strong{display:block;font-size:14px;line-height:1.5;font-weight:500}
.institutional-video-link>span>span{display:block;font-size:11px;color:var(--muted);line-height:1.5;margin-top:5px}
.institutional-video-link>.arrow-icon{color:var(--blue);flex-shrink:0}
.institutional-video-link:hover strong{color:var(--blue)}
.institutional-video-link:hover .institutional-video-icon{background:#eef0ff;border-color:var(--blue)}
@media(max-width:640px){.institutional-video-link{gap:13px;margin-top:24px;padding-top:22px}.institutional-video-link strong{font-size:13px}.institutional-video-link>span>span{font-size:10px}.institutional-video-icon{width:42px;height:42px}}

/* Professional work scenes selected for the programmes and gallery. */
.program-photo>img{object-position:50% 40%}
.experience-gallery figure:nth-child(3) img{object-position:62% 43%}
@media(max-width:640px){.program-photo>img{object-position:55% 40%}}

/* Dedicated institutional film, below the founder introduction. */
.intro-film{position:relative;isolation:isolate;overflow:hidden;aspect-ratio:53/28;background:#091c36;border-radius:6px;scroll-margin-top:115px}
.intro-film video{display:block;width:100%;height:100%;aspect-ratio:53/28;object-fit:contain;background:#091c36}
.intro-film video:focus-visible{outline:3px solid #a280ed;outline-offset:-4px}
.intro-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;padding:25px;border:0;background:linear-gradient(0deg,#0717258c,#07172519 75%);color:#fff;cursor:pointer}
.intro-play[hidden]{display:none}
.intro-play-circle{display:grid;place-items:center;width:70px;height:70px;border-radius:50%;border:1px solid #ffffffc7;background:#ffffffed;color:#091c36;box-shadow:0 6px 32px #091c3626;transition:transform .18s,background .18s}
.intro-play-circle svg{width:27px;height:27px;fill:currentColor;transform:translateX(2px)}
.intro-play-label{font-size:15px;font-weight:600;line-height:1.5;text-shadow:0 1px 8px #071725}
.intro-play-label>span{display:block;margin-top:3px;font-size:11px;font-weight:400;letter-spacing:.04em}
.intro-play:hover .intro-play-circle{transform:scale(1.06);background:#fff}
.intro-play:focus-visible{outline:3px solid #a280ed;outline-offset:-6px}
@media(max-width:900px){.intro-play-circle{width:58px;height:58px}.intro-play-label{font-size:13px}.intro-play{gap:10px}}
@media(max-width:640px){.intro-film{scroll-margin-top:95px}.intro-play-circle{width:52px;height:52px}.intro-play-circle svg{width:23px;height:23px}.intro-play-label{font-size:12px}.intro-play-label>span{font-size:10px}}
@media(prefers-reduced-motion:reduce){.intro-play-circle{transition:none}}
.institutional-film-section{background:#eff1f5;padding-block:80px}
.institutional-film-heading{display:grid;grid-template-columns:1fr .65fr;gap:70px;align-items:end;margin-bottom:34px}
.institutional-film-heading .eyebrow{color:var(--muted);margin-bottom:16px}
.institutional-film-heading>p{font-size:15px;line-height:1.7;color:var(--muted);max-width:370px}
.institutional-film-caption{display:flex;justify-content:space-between;gap:25px;font-size:11px;line-height:1.6;color:var(--muted);margin-top:17px}
.institutional-film-section .intro-play-circle{width:82px;height:82px}
.institutional-film-section .intro-play-circle svg{width:30px;height:30px}
@media(max-width:760px){.institutional-film-section{padding-block:58px}.institutional-film-heading{grid-template-columns:1fr;gap:20px;margin-bottom:27px}.institutional-film-heading>p{font-size:14px}.institutional-film-heading .eyebrow{font-size:9px;margin-bottom:14px}.institutional-film-caption{font-size:9px;gap:17px;margin-top:13px}.institutional-film-section .intro-play-circle{width:58px;height:58px}.institutional-film-section .intro-play-circle svg{width:25px;height:25px}}