/*
Theme Name: Oodle A+ Bricks Child — Populated
Theme URI: https://oodle.agency/
Description: Faithful, populated Bricks child theme for Oodle Agency. Local optimised homepage assets, same Oodle design language, built for carbon, Lighthouse, SEO/GEO and conversion performance.
Author: Oodle / Systematic
Template: bricks
Version: 0.5.0
Text Domain: oodle-populated
*/
:root{--oo-black:#000;--oo-white:#fff;--oo-green:#56bf99;--oo-blue:#5068f2;--oo-gold:#f2b441;--oo-red:#f25252;--oo-wrap:1200px;--oo-gutter:clamp(20px,4vw,48px);--oo-radius:40px;--oo-body:"bilo",Arial,sans-serif;--oo-rig-fill:"rig-solid-bold-fill",Impact,sans-serif;--oo-rig-reverse:"rig-solid-bold-reverse",Impact,sans-serif}
html{background:var(--oo-black);color-scheme:dark;scroll-behavior:smooth}body{margin:0;background:#000;color:#fff;font-family:var(--oo-body);font-weight:500}a{color:inherit;text-decoration-thickness:.08em;text-underline-offset:.13em}img{display:block;max-width:100%;height:auto}:focus-visible{outline:3px solid var(--oo-green);outline-offset:4px}.oo-wrap{width:min(calc(100% - (2 * var(--oo-gutter))),var(--oo-wrap));margin-inline:auto}.oo-title,.oo-rig-fill{font-family:var(--oo-rig-fill);font-weight:700;line-height:.92}.oo-rig-reverse{font-family:var(--oo-rig-reverse);font-weight:700;line-height:.92;color:var(--oo-green)}.oo-title{margin:0;font-size:clamp(5rem,8vw,8rem)}.oo-title--green{color:var(--oo-green)}
/* Header */
.oo-header{position:relative;z-index:999;background:#000;color:#fff;border-bottom:1px solid rgba(255,255,255,.08)}.oo-header__inner{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:30px}.oo-header__logo{flex:0 0 auto}.oo-header__logo p{margin:0}.oo-logo{display:inline-block}.oo-logo img{width:125px;height:auto}.oo-header__nav{margin-left:auto}.oo-header__nav .bricks-nav-menu>li>a{font-family:var(--oo-body);font-weight:500}.oo-header__nav .bricks-nav-menu>li>a:hover{color:var(--oo-green)}
/* Hero: actual frame from original neon video, ~9 KB rather than 1.46 MB */
.oo-hero{min-height:calc(100svh - 86px);position:relative;overflow:hidden;background:#000;display:flex;align-items:stretch}.oo-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(92,55,160,.11),transparent 44%);pointer-events:none}.oo-hero__inner{min-height:inherit;display:flex;align-items:center;justify-content:center;position:relative}.oo-hero__art{width:100%;display:flex;justify-content:center}.oo-hero__art>p{margin:0;width:100%}.oo-hero__picture{display:block;width:min(100%,1120px);margin:auto;animation:ooNeon 4.6s ease-in-out infinite}.oo-hero__picture img{width:100%;height:auto;object-fit:contain}.oo-scroll{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);width:72px;height:72px;display:grid;place-items:center;border:2px solid #fff;border-radius:50%;text-decoration:none;font-family:var(--oo-body);font-size:48px;line-height:1;transition:.2s ease}.oo-scroll:hover{background:#fff;color:#000;transform:translateX(-50%) translateY(3px)}@keyframes ooNeon{0%,100%{filter:brightness(.96)}48%{filter:brightness(1.05)}51%{filter:brightness(.91)}55%{filter:brightness(1.02)}}
/* Intro */
.oo-intro{padding:clamp(80px,10vw,150px) 0 90px}.oo-intro__inner{text-align:center;display:flex;flex-direction:column;align-items:center}.oo-intro__h1{max-width:1100px;margin:0 0 62px;font-family:var(--oo-body);font-size:clamp(3rem,5.2vw,4rem);font-weight:500;line-height:1.2;color:#fff}.oo-intro__lead{max-width:1080px;margin:0;font-size:clamp(2rem,3.2vw,2.5rem);line-height:1.3;color:#fff}.oo-intro__h1 strong,.oo-intro__lead strong{font-weight:700}.oo-service-links{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:44px}.oo-service-links a{border:2px solid rgba(255,255,255,.8);border-radius:999px;padding:8px 17px;text-decoration:none;text-transform:uppercase;font-size:1.2rem;font-weight:700}.oo-service-links a:hover{background:#fff;color:#000}
/* Brands */
.oo-brands{padding:70px 0 90px}.oo-brands__inner{text-align:center}.oo-brands__title{margin-bottom:58px}.oo-logo-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:26px 32px;align-items:center}.oo-logo-grid__item{min-height:90px;display:flex;align-items:center;justify-content:center;padding:14px;opacity:.86;transition:opacity .2s ease,transform .2s ease}.oo-logo-grid__item:hover{opacity:1;transform:translateY(-2px)}.oo-logo-grid__item img{max-width:150px;max-height:70px;width:auto;height:auto;object-fit:contain;filter:grayscale(1) brightness(3)}
/* Expertise */
.oo-expertise{padding:70px 0 110px}.oo-expertise__heading{margin-bottom:45px}.oo-expertise__overline{margin:0 0 4px;font-family:var(--oo-body);font-size:clamp(2.8rem,4.5vw,4rem);font-weight:700;color:#fff}.oo-expertise__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:58px 28px}.oo-expertise-card{min-width:0}.oo-expertise-card__link{display:block;text-decoration:none}.oo-expertise-card__media{position:relative;height:350px;overflow:hidden;border-radius:var(--oo-radius);background:#111}.oo-expertise-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease,filter .5s ease}.oo-expertise-card__media::after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.12),transparent 55%);pointer-events:none}.oo-expertise-card:hover .oo-expertise-card__media img{transform:scale(1.045);filter:brightness(.86)}.oo-expertise-card__copy{padding:22px 8px 0}.oo-expertise-card__copy h3{margin:0 0 8px;font-size:clamp(2.6rem,4vw,3.25rem);font-weight:700}.oo-expertise-card__copy p{max-width:34rem;margin:0;color:rgba(255,255,255,.8);font-size:1.55rem;line-height:1.45}.oo-text-link{display:inline-block;margin-top:14px;color:var(--oo-green);font-size:1.35rem;font-weight:700;text-transform:uppercase}
/* Work */
.oo-work{padding:80px 0 120px;overflow:hidden}.oo-work__headline{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:50px}.oo-work__headline>.brxe-block{width:100%;display:flex;align-items:flex-end;justify-content:space-between}.oo-words{min-width:8ch;font-family:var(--oo-rig-fill);font-size:clamp(5rem,9vw,8rem);line-height:.9;color:var(--oo-green);height:.95em;overflow:hidden;position:relative}.oo-words span{display:block;position:absolute;right:0;top:0;opacity:0;animation:ooWords 12s infinite}.oo-words span:nth-child(2){animation-delay:3s}.oo-words span:nth-child(3){animation-delay:6s}.oo-words span:nth-child(4){animation-delay:9s}@keyframes ooWords{0%,2%{opacity:0;transform:translateY(.35em)}7%,20%{opacity:1;transform:none}25%,100%{opacity:0;transform:translateY(-.25em)}}.oo-work__track{display:flex;gap:48px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 max(0px,calc((100vw - min(calc(100vw - (2 * var(--oo-gutter))),var(--oo-wrap)))/2)) 28px;scrollbar-width:thin;scrollbar-color:var(--oo-green) #111}.oo-project{flex:0 0 min(75vw,900px);scroll-snap-align:center}.oo-project__media{display:block;height:clamp(360px,58vw,600px);overflow:hidden;border-radius:var(--oo-radius);background:#111}.oo-project__media img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.oo-project__media:hover img{transform:scale(1.04)}.oo-project__meta{margin-top:22px}.oo-project__title{margin:0;font-family:var(--oo-body);font-size:clamp(2.5rem,4vw,3.25rem);font-weight:700;color:#fff}.oo-project__title a{text-decoration:none}.oo-project__summary{max-width:48rem;margin:10px 0 0;color:rgba(255,255,255,.8);font-size:1.55rem;line-height:1.45}.oo-pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.oo-pills span{border:2px solid #fff;border-radius:999px;padding:6px 16px;font-size:1.2rem;text-transform:uppercase;line-height:1.2}
/* Meet the Oodlers */
.oo-oodlers{padding:70px 0 120px}.oo-oodlers__inner{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px}.oo-oodlers__copy{position:relative}.oo-oodlers__top,.oo-oodlers__bottom{margin:0;font-size:clamp(6rem,10vw,9rem);text-align:left}.oo-oodlers__bottom{margin-top:-.08em}.oo-oodlers__intro{max-width:35rem;margin:28px 0 0;color:rgba(255,255,255,.8);font-size:1.7rem;line-height:1.5}.oo-circle-link{display:grid;width:88px;height:88px;place-items:center;margin-top:28px;border:4px solid var(--oo-green);border-radius:50%;color:var(--oo-green);font-size:58px;text-decoration:none;transition:.2s ease}.oo-circle-link:hover{background:var(--oo-green);color:#000;transform:translateX(3px)}.oo-wave{font-size:clamp(10rem,22vw,22rem);line-height:1;text-align:center;filter:drop-shadow(0 0 25px rgba(86,191,153,.12));transform-origin:65% 75%;animation:ooWave 2.8s ease-in-out infinite}@keyframes ooWave{0%,100%{transform:rotate(-8deg)}45%{transform:rotate(8deg)}55%{transform:rotate(-2deg)}}
/* Testimonials */
.oo-testimonials{padding:50px 0 100px}.oo-testimonials__heading{margin-bottom:42px}.oo-testimonials__overline{margin:0;font-size:clamp(2.6rem,4.5vw,4rem);font-weight:700}.oo-testimonials__track{display:flex;gap:28px;overflow-x:auto;scroll-snap-type:x mandatory;padding:8px 2px 28px;scrollbar-width:thin;scrollbar-color:var(--oo-green) #111}.oo-testimonial-card{position:relative;flex:0 0 min(80vw,820px);scroll-snap-align:start;margin:0;padding:58px clamp(28px,5vw,60px) 44px;border-radius:var(--oo-radius);background:rgba(255,255,255,.08)}.oo-testimonial-card__quote{position:absolute;left:25px;top:5px;color:var(--oo-red);font:700 8rem/1 Georgia,serif}.oo-testimonial-card blockquote{margin:24px 0 34px;font-size:clamp(2rem,3.4vw,2.8rem);font-style:italic;line-height:1.25}.oo-testimonial-card figcaption{display:flex;align-items:center;gap:18px}.oo-testimonial-card figcaption img{width:74px;height:74px;border-radius:50%;object-fit:cover}.oo-testimonial-card figcaption div{display:flex;flex-direction:column}.oo-testimonial-card figcaption strong{font-size:1.55rem;text-transform:uppercase}.oo-testimonial-card figcaption span{color:rgba(255,255,255,.7);font-size:1.35rem}
/* CTA */
.oo-contact-cta{padding:80px 0 120px}.oo-contact-cta__inner{text-align:center;display:flex;flex-direction:column;align-items:center}.oo-contact-cta__top,.oo-contact-cta__bottom{margin:0;font-size:clamp(8rem,16vw,15rem);line-height:.76}.oo-contact-cta__bottom{margin-top:.05em;color:var(--oo-gold)}.oo-contact-cta__copy{max-width:47rem;margin:55px auto 0;font-size:1.85rem;line-height:1.45}.oo-contact-cta__button{display:inline-block;margin-top:30px;border:3px solid #fff;border-radius:999px;padding:12px 30px;background:#000;color:#fff;font-size:1.7rem;font-weight:700;text-decoration:none;text-transform:uppercase;transition:.25s ease}.oo-contact-cta__button:hover{background:var(--oo-gold);border-color:var(--oo-gold);color:#fff}
/* Footer */
.oo-footer{padding:60px 0 26px;border-top:1px solid rgba(255,255,255,.16);background:#000;color:#fff}.oo-footer__top{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:start}.oo-footer__brand{align-items:flex-start}.oo-logo--footer img{width:100px}.oo-footer__tagline{margin-top:10px;font-size:2rem;font-weight:700}.oo-social{margin:24px 0 0;font-size:1.5rem}.oo-footer__navwrap{display:flex;justify-content:flex-end}.oo-footer__nav .bricks-nav-menu{justify-content:flex-end}.oo-footer__legal{margin-top:50px;padding-top:25px;border-top:1px solid rgba(255,255,255,.13);font-size:1.15rem;line-height:1.65;text-align:right;color:rgba(255,255,255,.78)}
@media(max-width:991px){.oo-logo-grid{grid-template-columns:repeat(4,1fr)}.oo-work__headline>.brxe-block{align-items:flex-start;flex-direction:column}.oo-words span{left:0;right:auto}.oo-project{flex-basis:85vw}}
@media(max-width:767px){.oo-header__inner{min-height:72px}.oo-logo img{width:108px}.oo-hero{min-height:50svh}.oo-hero__picture{width:120%}.oo-scroll{display:none}.oo-intro{padding:70px 0}.oo-intro__h1{font-size:3rem;margin-bottom:50px}.oo-intro__lead{font-size:2rem}.oo-service-links a{font-size:1rem}.oo-logo-grid{grid-template-columns:repeat(2,1fr);gap:18px}.oo-logo-grid__item{min-height:72px}.oo-expertise__grid{grid-template-columns:1fr;gap:38px}.oo-expertise-card__media{height:300px}.oo-expertise-card__copy h3{font-size:3rem}.oo-expertise-card__copy p{font-size:1.35rem}.oo-work{padding-top:50px}.oo-work__headline{margin-bottom:30px}.oo-words{font-size:5rem}.oo-project{flex-basis:88vw}.oo-project__media{height:300px}.oo-project__title{font-size:3rem}.oo-project__summary{font-size:1.35rem}.oo-oodlers__inner{grid-template-columns:1fr;text-align:center}.oo-oodlers__top,.oo-oodlers__bottom{text-align:center;font-size:5rem}.oo-oodlers__intro{margin-inline:auto;font-size:1.4rem}.oo-circle-link{margin-inline:auto;width:64px;height:64px;font-size:42px}.oo-wave{font-size:12rem}.oo-testimonial-card{flex-basis:88vw;padding:50px 28px 32px}.oo-testimonial-card blockquote{font-size:2rem}.oo-contact-cta__top,.oo-contact-cta__bottom{font-size:7rem}.oo-contact-cta__copy{font-size:1.5rem}.oo-footer__top{grid-template-columns:1fr}.oo-footer__navwrap{justify-content:flex-start}.oo-footer__nav .bricks-nav-menu{justify-content:flex-start}.oo-footer__legal{text-align:left}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.oo-hero__picture,.oo-wave{animation:none!important}.oo-words{height:auto}.oo-words span{display:inline;position:static;opacity:1!important;animation:none!important;transform:none!important}.oo-words span:not(:last-child)::after{content:" / "}.oo-expertise-card__media img,.oo-project__media img,.oo-logo-grid__item,.oo-scroll,.oo-circle-link{transition:none!important}}