.ocb-film-hero{padding-top:32px}
.ocb-case-meta{display:flex;justify-content:space-between;gap:24px;font-size:12px;line-height:16px;color:var(--muted);padding-bottom:24px}
.ocb-film-stage{display:grid;grid-template-columns:1fr .8fr;overflow:hidden;border-radius:16px;background:#000}
.ocb-film-media{position:relative;min-width:0;aspect-ratio:1;background:#000}
.ocb-loop{display:block;width:100%;height:100%;object-fit:contain}




.ocb-film-copy{display:flex;flex-direction:column;justify-content:space-between;gap:40px;padding:48px;color:#fff}
.ocb-hero-logo{width:200px;max-width:75%}
.ocb-hero-logo img{display:block;width:100%;height:auto;filter:invert(1)}
.ocb-film-copy .eyebrow{color:#aaa;font-size:12px;line-height:16px;margin-bottom:24px}
.ocb-film-copy h1{font-size:48px;line-height:1;letter-spacing:-.045em;font-weight:400;text-wrap:balance}
.ocb-hero-description{font-size:16px;line-height:24px;color:#bbb;margin-top:24px;max-width:320px;text-wrap:pretty}
.ocb-hero-link{display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:14px;line-height:20px;color:#fff;width:100%;padding-block:8px}
.ocb-hero-link>span{font-size:24px;line-height:28px;transition:transform .7s cubic-bezier(.32,.72,0,1)}
.ocb-hero-link:hover>span{transform:translate(4px,4px)}
.ocb-case-intro{padding-block:96px;display:grid;grid-template-columns:1fr 2fr;gap:64px}
.ocb-case-intro>.eyebrow{font-size:12px;line-height:16px;color:var(--muted);padding-top:12px}
.ocb-case h2{font-size:60px;line-height:1;letter-spacing:-.045em;font-weight:400;text-wrap:balance}
.ocb-case-intro>div>p{font-size:20px;line-height:28px;color:var(--muted);margin-top:32px;max-width:720px;text-wrap:pretty}
.ocb-disciplines{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:32px;font-size:12px;line-height:16px;color:var(--muted)}
.ocb-local-section,.ocb-selection{padding-bottom:96px}
.ocb-section-heading{display:grid;grid-template-columns:1.4fr 1fr;gap:64px;align-items:end;margin-bottom:48px}
.ocb-section-heading .eyebrow{font-size:12px;line-height:16px;color:var(--muted);margin-bottom:24px}
.ocb-section-heading>p{font-size:18px;line-height:28px;color:var(--muted);max-width:480px;text-wrap:pretty}
.ocb-local-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.ocb-local-grid .folio-piece-label{display:none}
.ocb-local-grid .folio-piece-image{border-radius:0}
.ocb-local-index{display:block;font-size:12px;line-height:16px;color:var(--muted);margin-top:16px}
.ocb-application{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:center;padding-block:0 96px}
.ocb-phone-studio{background:#dddcd5;position:relative;min-height:680px;border-radius:16px;padding:48px 32px 80px;display:flex;align-items:center;justify-content:center;perspective:1600px}
.ocb-device-frame{background:#151515;border:2px solid #555;padding:8px;border-radius:48px;width:296px;max-width:100%;box-shadow:0 32px 48px #0003,0 8px 16px #0002;transform:rotate(-3deg)}
.ocb-device-screen{background:#fff;border-radius:40px;overflow:hidden;color:#181818}
.ocb-device-top{display:flex;align-items:center;justify-content:center;height:32px;position:relative}
.ocb-device-top>span{display:block;width:80px;height:16px;background:#080808;border-radius:999px}
.ocb-device-top>i{position:absolute;right:24px;width:16px;height:8px;border:1px solid #333;border-radius:2px}
.ocb-device-brand{padding:24px 16px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.ocb-device-brand img{width:64px;height:auto;display:block}
.ocb-device-brand>span{font-size:8px;line-height:12px;color:#777;max-width:80px;text-align:right}
.ocb-device-art{width:100%;height:auto;aspect-ratio:1;object-fit:contain;display:block}
.ocb-device-footer{display:flex;flex-direction:column;gap:16px;padding:24px 16px 32px;min-height:128px}
.ocb-device-footer>span:first-child{font-size:8px;line-height:12px;color:#777}
.ocb-device-label{font-size:24px;line-height:32px;letter-spacing:-.04em}
.ocb-device-footer>div{display:flex;gap:8px;margin-top:8px}
.ocb-device-footer i{display:block;width:4px;height:4px;border-radius:50%;background:#aaa}
.ocb-device-footer i:first-child{background:#181818}
.ocb-application-caption{position:absolute;left:24px;bottom:24px;font-size:10px;line-height:16px;color:#555}
.ocb-application-copy>.eyebrow{font-size:12px;line-height:16px;color:var(--muted);margin-bottom:24px}
.ocb-application-copy>p:not(.eyebrow){font-size:18px;line-height:28px;color:var(--muted);margin-top:32px;max-width:480px;text-wrap:pretty}
.ocb-art-options{display:flex;flex-wrap:wrap;gap:8px;margin-top:32px}
.ocb-art-options button{padding:12px 16px;border:1px solid var(--line);border-radius:999px;font-size:14px;line-height:20px;color:var(--ink);transition:background .7s cubic-bezier(.32,.72,0,1),color .7s cubic-bezier(.32,.72,0,1)}
.ocb-art-options button[aria-pressed=true],.ocb-art-options button:hover{background:var(--ink);color:var(--paper)}
.ocb-selected-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px 32px;align-items:start}
.ocb-selected-grid .folio-piece-image{border-radius:0}
.ocb-selected-grid .folio-piece:nth-child(even){margin-top:64px}
.ocb-card-film{height:100%;width:100%;position:relative;background:#000;display:flex;flex-direction:column}
.ocb-card-film>img{display:block;width:100%;height:68%;object-fit:cover;object-position:center 35%}
.ocb-card-brand{flex:1;display:flex;align-items:center;justify-content:center;gap:24px;padding:24px;background:#000;color:#fff}
.ocb-card-brand>img{width:40%;max-width:176px;height:auto;filter:invert(1)}
.ocb-card-brand>span{font-size:10px;line-height:16px;max-width:96px;color:#aaa}
.work-real--ocb .folio-card-tag{display:none}
@media(max-width:1100px){.ocb-film-copy{padding:32px;gap:24px}.ocb-hero-logo{width:160px}.ocb-film-copy h1{font-size:36px;line-height:40px}.ocb-film-copy .eyebrow{margin-bottom:16px}.ocb-hero-description{margin-top:16px;font-size:14px;line-height:20px}.ocb-case h2{font-size:48px}.ocb-case-intro,.ocb-section-heading{gap:40px}.ocb-case-intro{grid-template-columns:1fr 2fr}.ocb-application{gap:48px}.ocb-phone-studio{padding:32px 24px 64px;min-height:600px}.ocb-device-frame{width:264px;border-radius:40px}.ocb-device-screen{border-radius:32px}.ocb-case-meta{font-size:10px;line-height:16px}}
@media(max-width:700px){.ocb-film-hero{padding-top:24px}.ocb-case-meta{gap:16px;font-size:8px;line-height:12px;padding-bottom:16px}.ocb-case-meta>span:last-child{max-width:160px;text-align:right}.ocb-film-stage{grid-template-columns:1fr;border-radius:12px}.ocb-film-copy{padding:32px;gap:32px}.ocb-hero-logo{width:144px}.ocb-film-copy h1{font-size:36px;line-height:40px}.ocb-hero-description{font-size:16px;line-height:24px;margin-top:24px}.ocb-film-copy .eyebrow{font-size:10px;line-height:16px}.ocb-case-intro{grid-template-columns:1fr;gap:32px;padding-block:64px}.ocb-case-intro>.eyebrow{padding:0}.ocb-case h2{font-size:36px;line-height:40px}.ocb-case-intro>div>p{font-size:18px;line-height:28px;margin-top:24px}.ocb-disciplines{gap:12px 16px;margin-top:24px}.ocb-section-heading{grid-template-columns:1fr;gap:24px;margin-bottom:32px}.ocb-section-heading>p{font-size:16px;line-height:24px}.ocb-local-grid{grid-template-columns:1fr;gap:32px}.ocb-local-index{margin-top:12px}.ocb-local-section,.ocb-selection{padding-bottom:64px}.ocb-application{grid-template-columns:1fr;gap:32px;padding-bottom:64px}.ocb-application-copy{order:-1}.ocb-application-copy>p:not(.eyebrow){font-size:16px;line-height:24px;margin-top:24px}.ocb-phone-studio{min-height:600px;padding:40px 32px 64px}.ocb-art-options{margin-top:24px}.ocb-art-options button{padding:8px 12px;font-size:12px;line-height:20px}.ocb-selected-grid{gap:32px 12px}.ocb-selected-grid .folio-piece:nth-child(even){margin-top:32px}.ocb-application-caption{left:16px;bottom:16px;font-size:8px;line-height:12px}.ocb-card-brand{padding:24px;gap:16px}.ocb-card-brand>span{font-size:8px;line-height:12px}}

.ocb-clean-case .ocb-local-section{padding-top:96px}
.ocb-clean-case .ocb-section-heading{display:block}
.ocb-clean-case .gallery-dialog>p{display:none}
.ocb-device-home{height:96px;padding:24px;display:flex;align-items:end;justify-content:center}
.ocb-device-home>span{display:block;height:4px;width:80px;border-radius:999px;background:#181818}
.ocb-loop:focus-visible{outline:2px solid #fff;outline-offset:-4px}
@media(max-width:700px){.ocb-clean-case .ocb-local-section{padding-top:64px}}