/* AOB: photography-led case study, with original colours and layered compositions. */
.aob-opening{padding-block:0}.aob-cover{position:relative;overflow:hidden;isolation:isolate;aspect-ratio:16/9;background:#202125}.aob-cover>.aob-cover-motion{display:block;width:100%;height:100%;object-fit:cover}.aob-logo-window{position:absolute;left:4%;top:7%;width:clamp(120px,23%,280px);aspect-ratio:4/1;overflow:hidden;background:#202125}.aob-logo-window img{position:absolute;width:100%;height:auto;max-width:none;top:50%;left:0;transform:translateY(-50%)!important;object-fit:contain!important}.work-card .aob-cover{aspect-ratio:4/3}.case-card .aob-cover{aspect-ratio:4/5}.aob-motion-toggle{position:absolute;bottom:20px;right:20px;padding:11px 15px;border:1px solid #fff8;background:#171918c9;color:#fff;font-size:12px;cursor:pointer}.aob-kicker{font-size:11px;letter-spacing:.12em;line-height:1.7;font-weight:700;margin-bottom:35px}.aob-story{display:grid;grid-template-columns:1.1fr 1fr;gap:9vw;padding-block:110px 80px}.aob-story h2{font-size:clamp(38px,4.7vw,75px);line-height:1.08;letter-spacing:-.055em}.aob-story>div:last-child{padding-top:50px}.aob-story p:not(.aob-kicker){font-size:clamp(17px,1.35vw,21px);line-height:1.75;margin-bottom:1.3em}.aob-photo-chapter{padding-block:55px 40px}.aob-collage{position:relative;isolation:isolate;container-type:inline-size;aspect-ratio:100 / var(--collage-height);margin-bottom:25px}.aob-collage .aob-image{position:absolute;left:var(--left);top:calc(var(--top)*1cqw);width:var(--width);margin:0}.aob-image a{display:block;cursor:zoom-in}.aob-collage .aob-image a{box-shadow:0 18px 55px #17191818}.aob-image:focus-within{z-index:8!important}.aob-image img{display:block;width:100%;height:auto}.aob-range{padding-block:35px}.aob-range>div{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.aob-contact-sheet{padding-block:40px 80px}.aob-contact-sheet>div{display:grid;grid-template-columns:1fr 1fr;gap:3vw}.aob-contact-sheet .aob-image:nth-child(even){margin-top:55px}.aob-films{padding-block:35px 70px}.aob-film-grid{display:grid;grid-template-columns:1fr 1fr;gap:4vw}.aob-film-grid>.aob-film:nth-child(2){margin-top:90px}.aob-film{margin:0;min-width:0}.aob-film .film-player{position:relative;width:100%;height:auto;aspect-ratio:16/9;background:#202125;overflow:hidden}.aob-film .film-launch{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0}.aob-film .film-launch img{width:100%;height:100%;object-fit:cover}.aob-film .film-mount,.aob-film iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.aob-film .play-circle{background:var(--teal);color:var(--ink)}.aob-film figcaption{display:flex;justify-content:space-between;gap:16px;margin-top:18px;font-size:13px;line-height:1.5}.aob-film figcaption a{white-space:nowrap}.aob-feature-film{padding-inline:14vw}.aob-credit{padding-top:0;border-bottom:1px solid #ddd}.aob-credit p{font-size:20px;line-height:1.8;max-width:850px}
@media(max-width:760px){.aob-story{grid-template-columns:1fr;gap:25px;padding-block:65px 35px}.aob-story>div:last-child{padding-top:0}.aob-kicker{font-size:9px;margin-bottom:23px}.aob-photo-chapter{padding-block:30px}.aob-collage{display:grid;grid-template-columns:1fr 1fr;gap:20px 12px;aspect-ratio:auto;margin-bottom:35px}.aob-collage .aob-image{position:relative;left:auto;top:auto;width:100%;margin:0}.aob-collage .aob-image:first-child{grid-column:1/-1;width:80%}.aob-collage .aob-image:nth-child(2){grid-column:2;width:92%;justify-self:end;margin-top:-35%}.aob-collage .aob-image:nth-child(3){grid-column:1;width:100%;margin-top:-20%}.aob-range>div{grid-template-columns:1fr 1fr;gap:10px}.aob-film-grid{grid-template-columns:1fr;gap:35px}.aob-film-grid>.aob-film:nth-child(2){margin-top:0}.aob-feature-film{padding-inline:5vw}.aob-film figcaption{font-size:11px}.aob-film .play-circle{width:52px;height:52px;font-size:17px}.aob-contact-sheet>div{gap:14px}.aob-contact-sheet .aob-image:nth-child(even){margin-top:25px}.aob-motion-toggle{bottom:10px;right:10px;padding:7px 9px;font-size:10px}.aob-logo-window{width:30%;min-width:95px}.aob-credit p{font-size:16px}}
@media(prefers-reduced-motion:reduce){.aob-image{transform:none!important}}