.br-page{--br-cyan:#00d7ff;--br-blue:#0578ff;--br-bg:#020813;--br-panel:#06111f;color:#fff;background:var(--br-bg);overflow:hidden}.br-page *{box-sizing:border-box}.br-page section{position:relative;border-bottom:1px solid rgba(0,215,255,.22)}.br-eyebrow{color:var(--br-cyan);font-size:.72rem;font-weight:800;letter-spacing:.28em;text-transform:uppercase;margin-bottom:13px}.br-page h1,.br-page h2,.br-page h3,.br-page p{margin-top:0}.br-page h2{font-family:'Outfit',sans-serif;font-weight:800;line-height:1.06}.br-page h2 span,.br-page h1 span{color:var(--br-cyan);text-shadow:0 0 24px rgba(0,215,255,.2)}
.br-hero{padding-top:0;background:radial-gradient(circle at 70% 36%,rgba(0,123,255,.13),transparent 37%),#020813}.br-hero-grid{display:grid;grid-template-columns:39% 61%;min-height:560px;align-items:stretch}.br-hero-copy{display:flex;flex-direction:column;justify-content:center;padding:54px 28px 48px 0;z-index:2}.br-breadcrumb{font-size:.76rem;color:#96a9c4;margin-bottom:18px}.br-breadcrumb a{color:var(--br-cyan)}.br-breadcrumb span{padding:0 9px;color:#4d6b89}.br-hero h1{font-family:'Outfit',sans-serif;font-size:clamp(3.6rem,5.1vw,6.2rem);line-height:.82;letter-spacing:-.04em;margin-bottom:24px}.br-hero-copy>p{max-width:530px;color:#c0cede;font-size:1rem;line-height:1.62}.br-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:17px}.br-actions .ox-btn{text-transform:none}.br-btn-secondary,.br-view-work{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(173,223,255,.65);border-radius:999px;padding:13px 26px;color:#fff;font-weight:700;transition:.25s}.br-btn-secondary:hover,.br-view-work:hover{color:var(--br-cyan);border-color:var(--br-cyan);box-shadow:0 0 22px rgba(0,215,255,.18)}.br-hero-art{position:relative;min-width:0}.br-hero-art:after,.br-impact-art:after{content:"";position:absolute;inset:0;pointer-events:none}.br-hero-art:after{background:linear-gradient(90deg,#020813 0%,transparent 15%,transparent 80%,#020813 100%),linear-gradient(0deg,#020813 0%,transparent 18%,transparent 88%,rgba(2,8,19,.45) 100%)}.br-hero-art img,.br-impact-art img{width:100%;height:100%;object-fit:cover;display:block}.br-service-script{position:absolute;right:3%;top:12%;z-index:2;display:flex;flex-direction:column;gap:12px;padding-left:22px;border-left:1px solid rgba(0,215,255,.25);color:#9fb1c8;font-size:.66rem;letter-spacing:.15em;text-transform:uppercase}.br-feature-row{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(0,215,255,.26)}.br-feature{min-height:104px;display:flex;align-items:center;justify-content:center;gap:15px;padding:20px;border-right:1px solid rgba(0,215,255,.18)}.br-feature:last-child{border-right:0}.br-feature img{width:42px;filter:drop-shadow(0 0 7px rgba(0,215,255,.3))}.br-feature strong,.br-feature span{display:block}.br-feature strong{font-size:.86rem}.br-feature span{font-size:.78rem;color:#a9bad0;margin-top:3px}
.br-impact{background:linear-gradient(90deg,#020813 0%,#020813 36%,#03101d 100%)}.br-impact-grid{display:grid;grid-template-columns:38% 62%;min-height:480px}.br-impact-copy{display:flex;flex-direction:column;justify-content:center;padding:64px 28px 58px 0;z-index:2}.br-impact h2{font-size:clamp(2.6rem,4.2vw,4.9rem);letter-spacing:-.035em;margin-bottom:20px}.br-impact-copy>p{color:#bdcadd;line-height:1.65;max-width:500px}.br-impact-art{position:relative}.br-impact-art:after{background:linear-gradient(90deg,#020813 0%,transparent 18%,transparent 88%,#020813 100%),linear-gradient(0deg,#020813 0%,transparent 20%,transparent 88%,rgba(2,8,19,.45) 100%)}.br-benefits{display:grid;grid-template-columns:repeat(3,1fr);margin-top:25px}.br-benefits div{padding:2px 16px;border-right:1px solid rgba(94,135,174,.3)}.br-benefits div:first-child{padding-left:0}.br-benefits div:last-child{border:0}.br-benefits strong,.br-benefits span{display:block}.br-benefits strong{font-size:.86rem;color:var(--br-cyan)}.br-benefits span{font-size:.68rem;color:#9db0c7;margin-top:4px;letter-spacing:.1em}
.br-services{padding:72px 0 82px;background:radial-gradient(circle at 50% 0,rgba(0,112,255,.08),transparent 32%)}.br-center-heading{text-align:center;max-width:920px;margin:0 auto 38px}.br-center-heading h2{font-size:clamp(2rem,3.2vw,3.5rem);margin-bottom:10px}.br-center-heading p{color:#9fb0c6}.br-service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.br-service-card{position:relative;min-height:215px;padding:25px 25px 23px;border:1px solid rgba(0,215,255,.46);border-radius:9px;background:linear-gradient(145deg,rgba(7,25,43,.78),rgba(2,9,19,.9));box-shadow:inset 0 0 30px rgba(0,123,255,.035),0 0 0 rgba(0,215,255,0);transition:.25s}.br-service-card:before{content:"";position:absolute;left:0;top:22%;bottom:22%;width:1px;background:var(--br-cyan);box-shadow:0 0 13px var(--br-cyan);opacity:.65}.br-service-card:hover{border-color:var(--br-cyan);box-shadow:0 0 24px rgba(0,215,255,.11)}.br-service-card img{width:48px;height:48px;margin-bottom:15px;transition:.25s}.br-service-card:hover img{filter:drop-shadow(0 0 8px rgba(0,215,255,.45))}.br-service-card h3{font-size:1rem;margin-bottom:8px}.br-service-card p{color:#adbed1;font-size:.82rem;line-height:1.5;max-width:88%}.br-service-card>a{position:absolute;right:18px;bottom:18px;width:31px;height:31px;border:1px solid var(--br-cyan);border-radius:50%;display:grid;place-items:center;color:var(--br-cyan)}
.br-work{padding:67px 0 78px;background:linear-gradient(180deg,#030b17,#020813)}.br-work-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.br-work-heading h2{font-size:clamp(2rem,3.15vw,3.4rem);margin-bottom:0}.br-view-work{font-size:.8rem;padding:10px 20px;white-space:nowrap}.br-filters{display:flex;gap:8px;flex-wrap:wrap;margin:21px 0 16px}.br-filters button{border:1px solid rgba(96,139,181,.38);border-radius:999px;background:#07111f;color:#aebed1;padding:7px 19px;font:inherit;font-size:.75rem;cursor:pointer}.br-filters button.active,.br-filters button:hover{color:var(--br-cyan);border-color:var(--br-cyan);background:rgba(0,215,255,.06)}.br-portfolio-wrap{position:relative}.br-portfolio{display:flex;gap:13px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:0 2px}.br-portfolio::-webkit-scrollbar{display:none}.br-portfolio figure{flex:0 0 calc(20% - 11px);height:238px;margin:0;overflow:hidden;border:1px solid rgba(0,215,255,.35);border-radius:9px;scroll-snap-align:start;background:#07111d}.br-portfolio figure[hidden]{display:none}.br-portfolio img{width:100%;height:100%;object-fit:cover;transition:.35s}.br-portfolio figure:hover{border-color:var(--br-cyan);box-shadow:0 0 18px rgba(0,215,255,.14)}.br-portfolio figure:hover img{transform:scale(1.035)}.br-slider-arrow{position:absolute;z-index:2;top:50%;transform:translateY(-50%);width:38px;height:38px;border-radius:50%;border:1px solid var(--br-cyan);background:#03101d;color:#fff;font-size:1.45rem;cursor:pointer}.br-slider-arrow.prev{left:-50px}.br-slider-arrow.next{right:-50px}
.br-process{padding:67px 0 76px;background:#030a15}.br-geometry{position:absolute;inset:0;background:url('../branding/backgrounds/neon-angular-background.svg') center/cover no-repeat;opacity:.17;animation:brDrift 14s ease-in-out infinite alternate}.br-process .ox-container{position:relative}.br-process-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:20px}.br-process-step{display:grid;grid-template-columns:auto auto;gap:12px 14px;align-items:center;min-width:0}.br-step-no{width:44px;height:44px;border:1px solid var(--br-cyan);border-radius:50%;display:grid;place-items:center;color:var(--br-cyan);font-weight:800;box-shadow:0 0 17px rgba(0,215,255,.18)}.br-process-step img{width:48px;height:48px}.br-process-step div{grid-column:1/-1;padding-left:58px}.br-process-step h3{font-size:.96rem;margin-bottom:7px}.br-process-step p{font-size:.76rem;color:#a6b7ca;line-height:1.5;margin:0}.br-flow-arrow{position:relative;color:#bff7ff;font-size:1.45rem}.br-flow-arrow:after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:#fff;box-shadow:0 0 9px var(--br-cyan);left:-10px;top:50%;animation:brPulse 2s linear infinite}
.br-cta{min-height:174px;display:flex;align-items:center;background:#041127}.br-cta-lines{position:absolute;inset:0;background:url('../branding/backgrounds/neon-angular-background.svg') center/cover no-repeat;opacity:.62;animation:brGlow 6s ease-in-out infinite}.br-cta:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,8,19,.92),rgba(2,8,19,.47) 56%,rgba(2,8,19,.72))}.br-cta-inner{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:30px;width:100%;padding-top:32px;padding-bottom:32px}.br-cta h2{font-size:clamp(1.8rem,3.2vw,3.2rem);margin-bottom:7px}.br-cta p{color:#afc0d3;margin:0}.br-cta .ox-btn{white-space:nowrap}
.br-faq{padding:72px 0 85px}.br-faq-grid{display:grid;grid-template-columns:33% 67%;gap:60px}.br-faq h2{font-size:clamp(2.3rem,4vw,4.3rem)}.br-accordion{border:1px solid rgba(102,138,174,.25);border-radius:8px;overflow:hidden;background:rgba(4,14,27,.72)}.br-faq-item{border-bottom:1px solid rgba(102,138,174,.25)}.br-faq-item:last-child{border:0}.br-faq-item button{width:100%;border:0;background:transparent;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 20px;text-align:left;font:inherit;font-size:.9rem;cursor:pointer}.br-faq-item b{color:var(--br-cyan);font-size:1.2rem;transition:.25s}.br-faq-answer{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s}.br-faq-answer p{overflow:hidden;color:#aebfd2;font-size:.84rem;line-height:1.6;margin:0;padding:0 20px}.br-faq-item.open .br-faq-answer{grid-template-rows:1fr}.br-faq-item.open .br-faq-answer p{padding-bottom:18px}.br-faq-item.open b{transform:rotate(45deg)}
.br-reveal,.br-image-reveal{opacity:0;transform:translateY(18px);transition:opacity .75s ease,transform .75s ease}.br-image-reveal{transform:translateX(25px);clip-path:inset(0 12% 0 0)}.br-reveal.is-visible,.br-image-reveal.is-visible{opacity:1;transform:none;clip-path:inset(0)}
@keyframes brPulse{0%{transform:translateX(0);opacity:0}35%{opacity:1}100%{transform:translateX(35px);opacity:0}}@keyframes brGlow{50%{opacity:.82}}@keyframes brDrift{to{background-position:53% 50%;opacity:.25}}
@media(max-width:1200px){.br-hero-grid{grid-template-columns:43% 57%;min-height:500px}.br-service-grid{grid-template-columns:repeat(2,1fr)}.br-portfolio figure{flex-basis:calc(33.333% - 9px)}.br-slider-arrow{display:none}.br-process-flow{gap:12px}.br-process-step div{padding-left:0}.br-process-step{grid-template-columns:auto 1fr}.br-process-step div{grid-column:1/-1}}
@media(max-width:900px){.br-hero-grid,.br-impact-grid{grid-template-columns:1fr}.br-hero-copy{padding:58px 0 34px}.br-hero-art{height:420px}.br-hero-art:after{background:linear-gradient(0deg,#020813 0%,transparent 17%,transparent 75%,#020813 100%),linear-gradient(90deg,#020813 0%,transparent 10%,transparent 90%,#020813 100%)}.br-feature-row{grid-template-columns:repeat(2,1fr)}.br-feature:nth-child(2){border-right:0}.br-feature:nth-child(-n+2){border-bottom:1px solid rgba(0,215,255,.18)}.br-impact-copy{padding:65px 0 20px}.br-impact-art{height:430px}.br-impact-art:after{background:linear-gradient(0deg,#020813 0%,transparent 18%,transparent 83%,#020813 100%)}.br-process-flow{grid-template-columns:1fr}.br-process-step{grid-template-columns:52px 52px 1fr}.br-process-step div{grid-column:auto;padding:0}.br-flow-arrow{transform:rotate(90deg);justify-self:center}.br-faq-grid{grid-template-columns:1fr;gap:26px}}
@media(max-width:600px){.br-eyebrow{font-size:.62rem;letter-spacing:.2em}.br-hero h1{font-size:3.6rem}.br-hero-art{height:310px;margin:0 -20px}.br-service-script{display:none}.br-actions{flex-direction:column;align-items:stretch}.br-actions a{text-align:center}.br-feature-row{grid-template-columns:1fr}.br-feature{justify-content:flex-start;border-right:0!important;border-bottom:1px solid rgba(0,215,255,.18);padding-left:10px}.br-impact-art{height:290px;margin:0 -20px}.br-benefits{grid-template-columns:1fr;gap:14px}.br-benefits div{padding:0 0 12px;border-right:0;border-bottom:1px solid rgba(94,135,174,.25)}.br-service-grid{grid-template-columns:1fr}.br-services,.br-work,.br-process,.br-faq{padding:54px 0}.br-work-heading,.br-cta-inner{align-items:flex-start;flex-direction:column}.br-filters{flex-wrap:nowrap;overflow:auto;padding-bottom:5px}.br-filters button{white-space:nowrap}.br-portfolio figure{flex-basis:82%;height:250px}.br-process-step{grid-template-columns:46px 46px 1fr}.br-step-no{width:42px;height:42px}.br-process-step img{width:44px;height:44px}.br-cta .ox-btn{width:100%}.br-faq-item button{font-size:.82rem;padding:16px}.br-faq-answer p{padding-left:16px;padding-right:16px}}
@media(prefers-reduced-motion:reduce){.br-page *{animation:none!important;scroll-behavior:auto!important}.br-reveal,.br-image-reveal{opacity:1;transform:none;clip-path:none;transition:none}}
.br-page .br-hero{padding-top:var(--header-height)}

/* Branding page: actual OxDigital logo + legible HTML copy, not AI-rendered text. */
.br-hero-official-logo{display:block;width:190px;max-width:60%;height:auto;object-fit:contain;margin:0 0 16px}
.br-hero-art-fixed{overflow:hidden;border-radius:18px}
.br-hero-art-fixed>img{width:100%;height:100%;min-height:320px;object-fit:cover;object-position:center}
.br-portfolio figure{position:relative;overflow:hidden}
.br-portfolio figure img{width:100%;height:100%;object-fit:cover}
.br-portfolio figcaption{position:absolute;bottom:0;left:0;right:0;padding:20px 12px 10px;color:#fff;font-size:12px;background:linear-gradient(transparent,rgba(0,0,0,.85))}
@media(max-width:767px){.br-hero-official-logo{width:150px}.br-hero-art-fixed>img{min-height:230px}}

/* Actual client creatives are portrait posters: show the full work, not cropped thumbnails. */
.br-portfolio{align-items:stretch;padding:8px 3px 15px;gap:18px}
.br-portfolio figure{flex:0 0 clamp(210px,22%,300px);height:auto;aspect-ratio:4/5;display:flex;flex-direction:column;border-radius:12px;background:#08182b}
.br-portfolio figure img{width:100%;height:100%;object-fit:contain;object-position:center;background:#f8f8f8}
.br-portfolio figure figcaption{font-size:13px;font-weight:650;padding:24px 12px 12px}
.br-hero-art img,.br-impact-art img{object-position:center}
@media(max-width:600px){.br-portfolio figure{flex-basis:75%;height:auto;aspect-ratio:4/5}}

/* Mobile artwork stays inside the content frame; the portfolio itself remains swipeable. */
@media(max-width:600px){
  .br-hero-art,.br-impact-art{margin-left:0;margin-right:0;width:100%;max-width:100%;overflow:hidden;border-radius:14px}
  .br-hero-art img,.br-impact-art img{width:100%;max-width:100%}
  .br-image-reveal{transform:translateY(14px);clip-path:none}
}