@font-face{font-family:OoCaseRadley;src:url('oola-cs-Radley-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:OoCaseBarlow;src:url('oola-cs-Barlow-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:OoCaseDIN;src:url('oola-cs-DIN-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}.oola-case-study{--paper:#f7f6f2;--ink:#262723;--muted:#606158;--line:#cecec5;--space:clamp(24px,4.4vw,84px)}.oola-case-study, .oola-case-study *{box-sizing:border-box}.oola-case-study{scroll-behavior:smooth;scroll-padding-top:24px}.oola-case-study{margin:0;background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased}.oola-case-study a{color:inherit;text-decoration:none}.oola-case-study a:focus-visible{outline:2px solid #68704f;outline-offset:7px}.oola-case-study img{display:block;width:100%;height:100%;object-fit:cover}.oola-case-study figure{margin:0}.oola-case-study h1,.oola-case-study h2,.oola-case-study p{margin:0}.oola-case-study h1,.oola-case-study h2{font-family:OoCaseRadley,serif;font-weight:400}.oola-case-study p{font-family:OoCaseBarlow,sans-serif;font-size:19px;line-height:1.6}.oola-case-study nav,.oola-case-study .eyebrow,.oola-case-study .underlink,.oola-case-study .breadcrumb,.oola-case-study .project-strip,.oola-case-study figcaption,.oola-case-study .facts dd,.oola-case-study .card-meta,.oola-case-study .project-card p,.oola-case-study .section-line a,.oola-case-study footer{font-family:OoCaseDIN,sans-serif;font-weight:400}.oola-case-study .skip{position:absolute;top:-100px;left:20px;background:var(--paper);padding:15px;z-index:10}.oola-case-study .skip:focus{top:10px}.oola-case-study header{height:98px;margin:0 var(--space);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.oola-case-study .brand img{width:100px;height:auto;object-fit:contain}.oola-case-study nav{display:flex;align-items:center;gap:34px;font-size:14px}.oola-case-study nav a:hover,.oola-case-study .breadcrumb a:hover,.oola-case-study .section-line a:hover{text-decoration:underline;text-underline-offset:5px}.oola-case-study .breadcrumb{margin:32px var(--space);font-size:13px;display:flex;justify-content:space-between;color:var(--muted)}.oola-case-study .hero{margin:0 var(--space);display:grid;grid-template-columns:.93fr 1.07fr;min-height:660px;background:#e9e7dd}.oola-case-study .hero-copy{padding:54px 10% 45px 9%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.oola-case-study .eyebrow{font-size:12px;line-height:1.5;text-transform:uppercase;letter-spacing:.1em}.oola-case-study .hero h1{font-size:clamp(48px,5vw,82px);line-height:1.03;letter-spacing:-.038em;margin:30px 0}.oola-case-study .hero p{font-size:19px;max-width:350px;color:#494c42}.oola-case-study .underlink{display:flex;align-items:center;justify-content:space-between;gap:44px;padding-bottom:10px;border-bottom:1px solid #74796a;font-size:14px;min-height:40px}.oola-case-study .hero .underlink{margin-top:35px}.oola-case-study .underlink:hover{border-color:var(--ink)}.oola-case-study .hero-image{min-width:0;overflow:hidden}.oola-case-study .hero-image img{object-position:45% 50%}.oola-case-study .hero.unilever .hero-image img{object-position:58% 50%}.oola-case-study .hero.dbs .hero-image img{object-fit:contain;background:#32271a}.oola-case-study .hero.changi-airport .hero-image img{object-fit:contain;background:#f2d9b8}.oola-case-study .hero.tiong-bahru-bakery .hero-image img{object-position:48% 50%}.oola-case-study .hero.facebook .hero-image img{object-position:48% 50%}.oola-case-study .project-strip{margin:0 var(--space);padding:20px 0;display:flex;gap:24px;justify-content:space-between;font-size:13px;border-bottom:1px solid var(--line)}.oola-case-study .brief{margin:106px auto 70px;max-width:1280px;padding:0 var(--space);display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:start;scroll-margin-top:60px}.oola-case-study .brief h2{font-size:clamp(40px,4.1vw,66px);line-height:1.08;letter-spacing:-.035em;margin-top:28px}.oola-case-study .small-cross{font-size:.7em;color:#828573}.oola-case-study .brief>p{padding-top:43px;max-width:490px}.oola-case-study .facts{margin:0 var(--space);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:40px 0 44px;display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.oola-case-study .facts>div{padding:0 36px;border-left:1px solid var(--line)}.oola-case-study .facts>div:first-child{border-left:0;padding-left:0}.oola-case-study .facts dt{font-family:OoCaseRadley,serif;font-size:clamp(30px,3.8vw,58px);line-height:1.12;letter-spacing:-.025em}.oola-case-study .facts dd{margin:16px 0 0;font-size:14px;color:var(--muted)}.oola-case-study .making{margin:112px var(--space) 0;display:grid;grid-template-columns:1fr 1fr;gap:11%;align-items:center}.oola-case-study .making figure{max-width:620px}.oola-case-study .making figure img{height:auto;max-height:680px;object-fit:contain;object-position:left center}.oola-case-study .making figcaption{font-size:12px;line-height:1.6;color:var(--muted);margin-top:15px}.oola-case-study .making-copy{max-width:470px}.oola-case-study .making h2{font-size:clamp(40px,4.3vw,68px);line-height:1.06;letter-spacing:-.035em;margin:28px 0}.oola-case-study .making p{color:#4c4e45}.oola-case-study .outcome{margin:110px var(--space) 100px;border-top:1px solid var(--line);padding-top:36px;display:grid;grid-template-columns:1fr 2.2fr;gap:7%}.oola-case-study .outcome>p{font-family:OoCaseRadley,serif;font-size:clamp(30px,3vw,47px);line-height:1.24;letter-spacing:-.02em;max-width:960px}.oola-case-study .section-line{display:flex;justify-content:space-between;gap:24px;align-items:baseline;border-top:1px solid var(--line);padding-top:25px;margin-bottom:35px}.oola-case-study .section-line h2{font-size:38px;letter-spacing:-.03em}.oola-case-study .section-line a{font-size:14px}.oola-case-study .related{margin:0 var(--space) 100px}.oola-case-study .related-grid{display:grid;grid-template-columns:1fr 1fr;gap:34px}.oola-case-study .card-image{aspect-ratio:1.45;overflow:hidden;background:#e9e7dd}.oola-case-study .card-image img{transition:transform .6s;object-position:center}.oola-case-study .project-card:hover .card-image img{transform:scale(1.025)}.oola-case-study .card-meta{display:flex;justify-content:space-between;align-items:center;margin-top:20px;font-size:18px}.oola-case-study .project-card p{font-size:13px;color:var(--muted);margin-top:8px;line-height:1.4}.oola-case-study .contact{background:#e8e9df;display:grid;grid-template-columns:1fr 1fr;gap:12%;padding:80px calc(var(--space)*1.5)}.oola-case-study .contact h2{font-size:clamp(48px,6vw,88px);line-height:1.02;letter-spacing:-.04em;margin-top:25px}.oola-case-study .contact-copy{align-self:center;max-width:380px}.oola-case-study .contact-copy p{margin-bottom:30px}.oola-case-study footer{padding:40px var(--space);display:flex;gap:26px;align-items:center;justify-content:space-between;font-size:12px;color:var(--muted)}.oola-case-study footer .brand img{width:70px}.oola-case-study .work-intro{padding:80px var(--space);display:grid;grid-template-columns:1.2fr 1fr;gap:25px 12%;align-items:end}.oola-case-study .work-intro .eyebrow{grid-column:1/-1}.oola-case-study .work-intro h1{font-size:clamp(68px,8vw,125px);line-height:.98;letter-spacing:-.045em}.oola-case-study .work-intro p{max-width:360px;padding-bottom:8px}.oola-case-study .work-grid{margin:0 var(--space) 110px;display:grid;grid-template-columns:1fr 1fr;gap:65px 34px}.oola-case-study .work-grid .card-image{aspect-ratio:1.35}.oola-case-study .work-grid .project-card:nth-child(2n){padding-top:75px}
@media(min-width:1800px){.oola-case-study{max-width:2100px;margin:auto}.oola-case-study .hero{min-height:760px}.oola-case-study .hero-copy{padding-right:12%}}
@media(max-width:1000px){.oola-case-study .hero{min-height:570px}.oola-case-study .hero h1{font-size:53px}.oola-case-study .hero-copy{padding:40px 8%}.oola-case-study .hero p{font-size:18px}.oola-case-study .facts>div{padding:0 20px}.oola-case-study .making{gap:7%}.oola-case-study .brief{gap:8%}.oola-case-study .contact{padding:65px var(--space)}}
@media(max-width:650px){.oola-case-study{--space:22px}.oola-case-study header{height:80px}.oola-case-study .brand img{width:80px}.oola-case-study nav{gap:18px;font-size:12px}.oola-case-study .breadcrumb{margin-top:24px;margin-bottom:24px;font-size:12px}.oola-case-study .hero{grid-template-columns:1fr;min-height:0}.oola-case-study .hero-copy{padding:38px 26px 35px}.oola-case-study .eyebrow{font-size:11px}.oola-case-study .hero h1{font-size:50px;max-width:360px;margin:24px 0}.oola-case-study .hero p{font-size:18px;max-width:350px}.oola-case-study .hero .underlink{margin-top:24px}.oola-case-study .hero-image{height:370px}.oola-case-study .hero.facebook .hero-image{height:470px}.oola-case-study .hero.dbs .hero-image{height:auto;aspect-ratio:16/9}.oola-case-study .hero.changi-airport .hero-image{height:auto;aspect-ratio:1/1}.oola-case-study .hero.tiong-bahru-bakery .hero-image{height:auto;aspect-ratio:1.15}.oola-case-study .project-strip{display:grid;grid-template-columns:1fr 1fr;gap:12px 14px;font-size:12px;padding:20px 0}.oola-case-study .project-strip span:last-child{grid-column:1/-1;color:var(--muted)}.oola-case-study .brief{margin:65px 0 40px;grid-template-columns:1fr;gap:24px}.oola-case-study .brief h2{font-size:45px;margin-top:20px}.oola-case-study .brief>p{padding-top:0;font-size:18px}.oola-case-study .facts{padding:26px 0;gap:12px;grid-template-columns:1fr}.oola-case-study .facts>div,.oola-case-study .facts>div:first-child{display:flex;align-items:baseline;justify-content:space-between;gap:20px;padding:15px 0;border-left:0;border-bottom:1px solid var(--line)}.oola-case-study .facts>div:last-child{border:0}.oola-case-study .facts dt{font-size:34px;max-width:58%}.oola-case-study .facts dd{margin:0;font-size:13px;max-width:44%;text-align:right}.oola-case-study .making{margin-top:62px;grid-template-columns:1fr;gap:38px}.oola-case-study .making figure{max-width:100%}.oola-case-study .making figure img{max-height:540px;width:100%;object-fit:cover}.oola-case-study .making h2{font-size:44px;margin:20px 0}.oola-case-study .making p{font-size:18px}.oola-case-study .outcome{margin-top:60px;margin-bottom:65px;grid-template-columns:1fr;gap:24px;padding-top:24px}.oola-case-study .outcome>p{font-size:32px}.oola-case-study .related{margin-bottom:65px}.oola-case-study .section-line{align-items:center;gap:15px;margin-bottom:25px}.oola-case-study .section-line h2{font-size:30px}.oola-case-study .section-line a{font-size:12px;white-space:nowrap}.oola-case-study .related-grid{grid-template-columns:1fr;gap:32px}.oola-case-study .card-meta{font-size:17px;margin-top:15px}.oola-case-study .project-card p{font-size:13px}.oola-case-study .contact{grid-template-columns:1fr;gap:32px;padding:50px var(--space)}.oola-case-study .contact h2{font-size:58px}.oola-case-study .contact-copy p{font-size:18px}.oola-case-study .contact .underlink{max-width:100%}.oola-case-study footer{padding:30px var(--space);flex-wrap:wrap;gap:24px 18px;justify-content:space-between}.oola-case-study footer .brand{width:33%}.oola-case-study footer>span:first-of-type{font-size:11px}.oola-case-study .work-intro{padding-top:55px;padding-bottom:45px;grid-template-columns:1fr;gap:25px}.oola-case-study .work-intro h1{font-size:76px}.oola-case-study .work-intro p{font-size:18px;max-width:330px}.oola-case-study .work-grid{grid-template-columns:1fr;gap:38px;margin-bottom:65px}.oola-case-study .work-grid .project-card:nth-child(2n){padding-top:0}}
@media(prefers-reduced-motion:reduce){.oola-case-study{scroll-behavior:auto}.oola-case-study .card-image img{transition:none}}

.oola-case-study{width:100%;max-width:none;margin:0;padding:0;--paper:#f7f6f2;--ink:#262723;--muted:#606158;--line:#cecec5}.oola-case-study h1,.oola-case-study h2{font-style:normal;text-transform:none}.oola-case-study a{text-decoration:none}.oola-case-study figure{margin:0}.oola-case-study .hero-image img{height:100%}.oola-case-study .project-card{display:block}.oola-case-study .hero-copy p{margin:0}.oola-case-study .contact-copy p{margin:0 0 30px}