/* LOV Agency / October 2026: feeling, texture and a distinct editorial scale. */
@font-face{font-family:'LOV Instrument';src:url('/assets/editorial/instrument-serif.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'LOV Instrument';src:url('/assets/editorial/instrument-serif-italic.ttf') format('truetype');font-weight:400;font-style:italic;font-display:swap}
body.agency-branding{--serif:'LOV Instrument',Georgia,serif;--sans:Urbanist,Arial,sans-serif;--ink:#35382b;--brown:#35382b;--paper:#faf9f3;--deep:#29382d;--line:#d9d8cb;background:#faf9f3;color:#35382b;font:400 15px/1.7 var(--sans)}
.agency-branding h1,.agency-branding h2,.agency-branding h3{font-family:var(--serif);font-weight:400;letter-spacing:-.025em}
body.agency-branding .header{height:112px;min-height:112px;position:sticky;top:0;padding:30px 5%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;background:#faf9f3;color:#35382b;z-index:30;gap:35px}
.agency-branding .header .brand{width:192px;flex:none;margin:0}.agency-branding .header .brand img{filter:brightness(0);background:transparent;border:0}
.agency-branding .header nav{display:flex;align-items:center;gap:32px;margin:0;line-height:1.5}.agency-branding .header nav a{font:500 11px/1.6 var(--sans);letter-spacing:1.1px;padding:10px 0;border:0}
.agency-branding .ex-contact-nav{border-bottom:1px solid #777c64!important}.agency-branding .ex-scroll-progress{position:absolute;left:0;right:0;bottom:0;height:1px;background:#822f34;transform:scaleX(var(--page-progress,0));transform-origin:left}
.agency-branding main{overflow:clip}.b25-label{display:block;font:500 10px/1.8 var(--sans);letter-spacing:1.8px}.b25-hero{height:calc(100svh - 112px);min-height:690px;max-height:1000px;position:relative;isolation:isolate;overflow:hidden;color:#fffdf0;background:#454733}
.b25-hero-scenes,.b25-hero-scene,.b25-hero-shade{position:absolute;inset:0;margin:0}.b25-hero-scene{opacity:0;transition:opacity 1.5s ease;overflow:hidden}.b25-hero-scene.is-active{opacity:1}.b25-hero-scene img{height:100%;width:100%;object-fit:cover;object-position:center 57%;animation:b25-drift 24s ease-in-out infinite alternate;transform:scale(1.04)}.b25-hero-scene figcaption{display:none}.b25-hero-shade{background:linear-gradient(180deg,#18221c28,#1720172c 40%,#14221877);z-index:1}
.b25-hero-copy{position:relative;z-index:2;display:flex;height:100%;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:60px 6% 100px}.b25-hero-copy .b25-label{color:#fffdf0;margin-bottom:27px}.b25-hero h1{font:400 clamp(100px,10.7vw,168px)/.87 var(--serif);letter-spacing:-.025em;margin:0;color:#fffdf0}.b25-hero h1 em{font-weight:400}.b25-hero-copy p{font-size:15px;line-height:1.75;margin:30px 0 23px;letter-spacing:.25px;color:inherit}
.b25-pill{display:inline-flex;align-items:center;gap:35px;min-height:53px;border:1px solid #fffdf077;border-radius:60px;padding:7px 8px 7px 24px;font:500 12px/1.5 var(--sans);transition:background .3s,color .3s}.b25-pill>span{width:37px;height:37px;border-radius:50%;display:grid;place-items:center;background:#fffdf0;color:#35382b}.b25-pill svg{height:18px;width:18px}.b25-pill:hover,.b25-pill:focus-visible{background:#fffdf0;color:#35382b}.b25-pill:hover svg{transform:rotate(45deg)}
.b25-hero-bottom{position:absolute;bottom:25px;left:5%;right:5%;z-index:3;display:flex;justify-content:space-between;align-items:center;gap:25px;font-size:9px;letter-spacing:1.3px}.b25-scene-controls{display:flex;align-items:center;gap:13px;flex:none}.b25-scene-controls button{width:44px;height:44px;display:grid;place-items:center;border:1px solid #ffffff5e;border-radius:50%;background:#26332415;color:#fffdf0;padding:12px;transition:background .3s}.b25-scene-controls button:hover{background:#fffdf025}.b25-scene-controls .site-icon{width:18px;height:18px}.b25-scene-controls>span{font-size:10px;min-width:54px;text-align:center;letter-spacing:1px}#experience-motion{margin-left:15px}
.b25-intro{padding:145px 8%;display:grid;grid-template-columns:1.1fr 1fr;gap:12%;align-items:end}.b25-intro .b25-label{margin-bottom:35px}.b25-intro h2,.b25-about h2{font-size:clamp(66px,7.2vw,112px);line-height:.96}.b25-intro-copy{max-width:430px;padding-bottom:10px}.b25-intro-copy p{font-size:18px;line-height:1.75;margin-bottom:20px}.b25-intro-copy p:nth-child(2){color:#777a68;font-size:15px}.b25-text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;font-size:12px;min-height:48px;padding:8px 0;border-bottom:1px solid #9b9e8b}.b25-text-link svg{width:20px;height:20px;transition:transform .35s}.b25-text-link:hover svg{transform:translate(3px,-3px)}
.b25-manifesto{position:relative;background:#7d3035;color:#fcf7e7;padding:90px 8% 75px;text-align:center;overflow:hidden}.b25-manifesto:after{content:'';width:470px;height:470px;border:1px solid #fff3;position:absolute;border-radius:50%;left:-320px;top:80px;pointer-events:none}.b25-manifesto h2{font-size:clamp(90px,10vw,156px);line-height:.97;margin:38px 0}.b25-manifesto-note{display:block;font-size:9px;letter-spacing:2px}
.agency-branding .work-gallery{padding:120px 6% 130px;background:#faf9f3}.work-gallery-label{font:500 10px/1.8 var(--sans);letter-spacing:1.7px;margin:0 0 35px}.b25-work-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:65px;gap:60px}.b25-work-heading h2{font-size:clamp(68px,7vw,106px);line-height:.95}.b25-work-heading p{font-size:15px;line-height:1.8;max-width:345px;color:#737763;margin-bottom:9px}
.agency-branding .work-gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:70px 50px}.work-tile{display:block;min-width:0}.agency-branding .work-tile-media.work-mockup-media{position:relative;display:flex;align-items:center;justify-content:center;height:auto;aspect-ratio:1.14;min-height:360px;padding:12%;overflow:hidden;background:#eeeee6}.agency-branding .work-tile:nth-child(2) .work-tile-media{background:#dfe4d9}.agency-branding .work-tile:nth-child(3) .work-tile-media{background:#e9e0d5}.agency-branding .work-tile:nth-child(4) .work-tile-media{background:#e3e2d6}.agency-branding .work-tile:nth-child(2){padding-top:80px}.agency-branding .work-tile-caption{display:block;font:400 35px/1.2 var(--serif);padding-top:23px}.agency-branding .work-tile-scope{display:block;font:400 12px/1.8 var(--sans);color:#737763;margin-top:7px}.agency-branding .work-tile:hover .mockup-device{transform:translateY(-10px) rotate(-1deg)}.agency-branding .work-gallery-button{display:flex;align-items:center;justify-content:center;border:1px solid #989c86;min-height:54px;max-width:190px;margin:70px auto 0;font-size:12px;transition:background .3s,color .3s}.agency-branding .work-gallery-button:hover{background:#29382d;color:#faf9f3}
.b25-worlds{padding:110px 6% 120px;background:#29382d;color:#f5f2df}.b25-worlds-head{display:flex;justify-content:space-between;align-items:start;gap:70px;margin-bottom:65px}.b25-worlds-head h2{font-size:clamp(58px,5.6vw,88px);line-height:1.05;max-width:770px}.b25-worlds-head .b25-label{padding-top:15px;max-width:180px}.b25-world-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px}.b25-world-card{position:relative;min-width:0}.b25-world-card>div{aspect-ratio:3/4;overflow:hidden;background:#435345}.b25-world-card img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s;filter:brightness(.93)}.b25-world-card:hover img,.b25-world-card:focus-visible img{transform:scale(1.055)}.b25-world-card>span{display:block;font-size:9px;letter-spacing:1.3px;margin:23px 0 14px}.b25-world-card h3{font-size:34px;line-height:1.13;padding-right:25px}.b25-world-card>svg{position:absolute;width:20px;height:20px;bottom:6px;right:0}
.agency-branding .ex-services{padding:120px 8%;background:#faf9f3}.agency-branding .ex-section-heading{text-align:left;padding-bottom:70px}.agency-branding .ex-section-heading .df-label{font:500 10px/1.8 var(--sans);letter-spacing:1.7px;display:block;margin-bottom:30px}.agency-branding .ex-section-heading h2{font-size:clamp(64px,6.5vw,98px);line-height:1.03}.agency-branding .ex-service-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:12%}.agency-branding .ex-service-tabs{display:flex;flex-direction:column}.agency-branding .ex-service-tabs button{background:none;border:0;border-top:1px solid #c5c8b5;padding:25px 0;display:flex;align-items:center;gap:20px;text-align:left;color:#7d806d}.agency-branding .ex-service-tabs button:last-child{border-bottom:1px solid #c5c8b5}.agency-branding .ex-service-tabs button[aria-selected=true]{color:#35382b}.agency-branding .ex-service-tabs button>span:first-child{font-size:10px}.agency-branding .ex-service-tabs button strong{font:400 34px/1.1 var(--serif)}.agency-branding .ex-service-tabs button>span:last-child{margin-left:auto}.agency-branding .ex-service-tabs button .site-icon{width:22px;height:22px}.agency-branding .ex-service-detail h3{font:400 48px/1.06 var(--serif);margin:0 0 27px;white-space:pre-line}.agency-branding .ex-service-detail p{font-size:15px;line-height:1.85;max-width:380px;color:#777a68;margin-bottom:20px}.agency-branding .ex-service-orbit{height:70px;display:flex;align-items:center;margin-bottom:35px}.agency-branding .ex-orbit-circle,.agency-branding .ex-orbit-dot{display:none}.agency-branding .ex-orbit-word{font-size:10px;letter-spacing:2px;display:block;border-bottom:1px solid #babfac;padding:0 0 15px}.agency-branding .ex-arrow-link{display:inline-flex;gap:30px;align-items:center;font-size:12px;min-height:48px}.agency-branding .ex-arrow-link>span{width:40px;height:40px;border:1px solid #a1a58e;border-radius:50%;display:grid;place-items:center}
.b25-about{display:grid;grid-template-columns:1fr 1fr;background:#ebeade;min-height:700px}.b25-about-photo{overflow:hidden;position:relative;min-height:700px}.b25-about-photo img{width:100%;height:112%;position:absolute;object-fit:cover;transform:translateY(var(--b25-offset,-4%)) scale(1.025)}.b25-about-copy{padding:110px 14%;align-self:center}.b25-about-copy .b25-label{margin-bottom:38px}.b25-about h2{font-size:clamp(64px,6.8vw,100px);margin-bottom:38px}.b25-about p{font-size:15px;line-height:1.85;margin-bottom:20px}.b25-about p:nth-of-type(2){color:#777a68}.b25-invitation{padding:120px 7% 140px;text-align:center;background:#faf9f3}.b25-invitation h2{font-size:clamp(92px,10vw,156px);line-height:.94;margin:40px 0 45px;color:#7d3035}.b25-invitation .b25-pill{border-color:#a0a58e}.b25-invitation .b25-pill>span{background:#29382d;color:#fffdf0}.b25-invitation .b25-pill:hover{background:#29382d;color:#fffdf0}
.agency-branding .df-footer{background:#29382d;color:#f5f2df;padding:90px 7% 50px;border:0;min-height:360px;display:flex;flex-direction:column;align-items:center;text-align:center}.agency-branding .df-footer .brand{width:210px;margin-bottom:30px}.agency-branding .df-footer .brand img{filter:none;background:transparent;border:0}.agency-branding .df-footer p{font-size:13px}.agency-branding .df-footer nav{display:flex;gap:30px;flex-wrap:wrap;justify-content:center;font-size:12px;margin:32px 0}.agency-branding .df-footer nav a{min-height:44px;display:flex;align-items:center}.agency-branding .df-footer>span{font-size:10px;color:#c0c7b8}
/* Carry the same identity into the existing work and enquiry journeys. */
.agency-branding .portfolio-intro,.agency-branding .client-section,.agency-branding .portfolio-projects,.agency-branding .contact,.agency-branding .journal-head,.agency-branding .journal-grid,.agency-branding .privacy-page,.agency-branding .df-credits,.agency-branding .article-body{background:#faf9f3!important;color:#35382b}
.agency-branding .portfolio-title h1,.agency-branding .q-contact-heading h1,.agency-branding .journal-head h1{font-size:clamp(64px,7vw,112px)!important;line-height:1.05!important;letter-spacing:-.025em!important}.agency-branding .portfolio-title>p,.agency-branding .q-contact-heading>p,.agency-branding .journal-head p{font-size:15px!important;line-height:1.8!important}.agency-branding .project-caption h2{font-size:42px}.agency-branding .portfolio-filters button{font-size:12px;min-height:44px}.agency-branding .project-description,.agency-branding .preview-details p{font-size:14px}.agency-branding .client-intro h2{font-size:46px}.agency-branding .client-intro p{font-size:14px}.agency-branding .solid-button,.agency-branding .form-next,.agency-branding .contact-button{background:#29382d!important}.agency-branding .portfolio-end{background:#ebeade!important}.agency-branding .df-credits h1{font-size:60px}.agency-branding .df-credits h2{font-size:32px}.agency-branding .df-credits p{font-size:14px}
@keyframes b25-drift{from{transform:scale(1.04) translate3d(-.5%,0,0)}to{transform:scale(1.12) translate3d(.5%,-1%,0)}}
.agency-branding.ex-motion-ready .ex-reveal{transition:opacity .9s,transform .9s}.agency-branding.ex-motion-ready .ex-reveal:not(.is-visible){opacity:0;transform:translateY(30px)}.agency-branding.ex-motion-paused .ex-reveal{opacity:1!important;transform:none!important}.b25-motion-paused .b25-hero-scene img{animation-play-state:paused}.b25-motion-paused .b25-hero-scene{transition:none}.b25-motion-paused .b25-about-photo img{transform:none}
@media(max-width:1100px){.agency-branding .header nav{gap:22px}.b25-worlds-head{display:block}.b25-worlds-head .b25-label{max-width:none;margin-bottom:25px}.b25-about-copy{padding:80px 10%}.b25-world-card h3{font-size:29px}}
@media(max-width:760px){.b25-hero{height:calc(100svh - 88px);min-height:650px;max-height:920px}.b25-hero-copy{padding:60px 5% 145px}.b25-hero-copy .b25-label{font-size:8px;letter-spacing:1.05px;margin-bottom:27px;max-width:280px}.b25-hero h1{font-size:clamp(54px,16.8vw,116px);line-height:.97}.b25-hero-copy p{font-size:14px;margin:28px 0 23px}.b25-hero-bottom{left:6%;right:6%;bottom:20px;flex-direction:column;align-items:center;gap:13px}.b25-hero-bottom>span{font-size:8px}.b25-scene-controls{gap:10px}#experience-motion{margin-left:12px}.b25-intro{padding:80px 8% 85px;grid-template-columns:1fr;gap:35px}.b25-intro .b25-label{font-size:9px;margin-bottom:25px}.b25-intro h2,.b25-about h2{font-size:clamp(64px,16vw,92px)}.b25-intro-copy{max-width:none;padding:0}.b25-intro-copy p{font-size:17px}.b25-intro-copy p:nth-child(2){font-size:14px}.b25-manifesto{padding:65px 7% 60px}.b25-manifesto .b25-label{font-size:8px;letter-spacing:1px}.b25-manifesto h2{font-size:clamp(62px,15.5vw,100px);margin:32px 0}.b25-manifesto-note{font-size:8px;letter-spacing:1.4px}.agency-branding .work-gallery{padding:80px 6%}.work-gallery-label{font-size:9px;margin-bottom:24px}.b25-work-heading{display:block;margin-bottom:40px}.b25-work-heading h2{font-size:clamp(62px,15.5vw,90px)}.b25-work-heading p{font-size:14px;line-height:1.8;margin-top:25px}.agency-branding .work-gallery-grid{grid-template-columns:1fr;gap:40px}.agency-branding .work-tile:nth-child(2){padding-top:0}.agency-branding .work-tile-media.work-mockup-media{min-height:0;aspect-ratio:1.1;padding:13%}.agency-branding .work-mockup-card .work-tile-caption{font:400 32px/1.2 var(--serif);padding-top:20px}.agency-branding .work-mockup-card .work-tile-scope{font:400 12px/1.6 var(--sans)}.agency-branding .work-gallery-button{margin-top:45px}.b25-worlds{padding:75px 7% 80px}.b25-worlds-head{margin-bottom:40px}.b25-worlds-head h2{font-size:clamp(48px,12.5vw,78px)}.b25-worlds-head .b25-label{font-size:9px}.b25-world-grid{grid-template-columns:1fr;gap:45px}.b25-world-card>div{aspect-ratio:4/5}.b25-world-card h3{font-size:35px}.b25-world-card>span{font-size:9px;line-height:1.7}.agency-branding .ex-services{padding:80px 8%}.agency-branding .ex-section-heading{padding-bottom:45px}.agency-branding .ex-section-heading h2{font-size:clamp(48px,12.5vw,72px)}.agency-branding .ex-service-layout{grid-template-columns:1fr;gap:30px}.agency-branding .ex-service-tabs button{padding:24px 0;gap:15px}.agency-branding .ex-service-tabs button strong{font-size:29px}.agency-branding .ex-service-orbit{height:45px;margin-bottom:25px}.agency-branding .ex-service-detail h3{font-size:39px}.agency-branding .ex-service-detail p{font-size:14px}.b25-about{grid-template-columns:1fr}.b25-about-photo{min-height:0;height:500px}.b25-about-copy{padding:75px 8% 80px}.b25-about-copy .b25-label{font-size:9px;margin-bottom:30px}.b25-about p{font-size:14px}.b25-invitation{padding:80px 7% 90px}.b25-invitation h2{font-size:clamp(66px,17vw,110px);margin:30px 0 35px}.b25-invitation .b25-label{font-size:9px}.agency-branding .portfolio-title h1,.agency-branding .q-contact-heading h1,.agency-branding .journal-head h1{font-size:clamp(48px,13vw,76px)!important}.agency-branding .client-intro h2{font-size:39px}.agency-branding .df-footer{padding:65px 7% 40px}.agency-branding .df-footer .brand{width:180px}.agency-branding .df-footer nav{gap:4px 22px}.agency-branding .df-credits h1{font-size:46px}}
@media(prefers-reduced-motion:reduce){.b25-hero-scene,.b25-world-card img,.agency-branding .work-tile .mockup-device{transition:none!important}.b25-hero-scene img{animation:none!important;transform:none}.b25-about-photo img{transform:none!important}.agency-branding .ex-reveal{opacity:1!important;transform:none!important;transition:none!important}}

.b25-hero-scene picture,.b25-world-card picture{display:block;width:100%;height:100%}.b25-about-photo picture{display:block;height:100%;width:100%}.b25-hero-scene[data-scene="0"] img{object-position:50% 60%}.b25-hero-scene[data-scene="2"] img{object-position:50% 55%}

/* A deliberate Play action can opt into image motion while the OS preference remains reduced. */
@media(prefers-reduced-motion:reduce){body:not(.b25-motion-paused) .b25-hero-scene img{animation:b25-drift 24s ease-in-out infinite alternate!important}}
body.b25-motion-paused .b25-hero-scene img{animation-play-state:paused!important}

.b25-hero-shade:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 43%,#16211670,transparent 85%);opacity:0;transition:opacity 1.5s}.b25-hero[data-active="1"] .b25-hero-shade:after,.b25-hero[data-active="2"] .b25-hero-shade:after{opacity:1}
@media(prefers-reduced-motion:reduce){.b25-hero-shade:after{transition:none}}

@media(min-width:761px) and (max-width:1100px){.b25-world-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:45px 30px}}
@media(min-width:1101px){.b25-world-card h3{font-size:29px}}