:root{--ink:#001c2b;--pink:#ef5289;--yellow:#fdb72b;--orange:#f57f2c;--purple:#b5a2ce;--green:#77dc96;--paper:#fff;--rule:rgba(0,32,43,.28);--body:"Barlow",sans-serif;--display:"Barlow Condensed",sans-serif;--gutter:clamp(22px,3.65vw,72px)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:18px;line-height:1.5;-webkit-font-smoothing:antialiased}
::selection{background:var(--ink);color:var(--yellow)}
:focus-visible{outline:3px solid currentColor;outline-offset:6px}
input,textarea{caret-color:var(--ink)}
img{display:block;max-width:100%;height:auto}
figure{margin:0}button,input,textarea,select{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}p{margin:0 0 1.15em;max-width:70ch}h1,h2,h3,h4{margin:0;line-height:1.03;text-wrap:balance;font-weight:800}h1,h2,h3{font-family:var(--display)}h1{font-size:clamp(64px,7.6vw,116px);letter-spacing:-.025em}h2{font-size:clamp(44px,5vw,76px);letter-spacing:-.02em}h3{font-size:32px}h4{font-size:23px}ul{padding-left:1.2em}svg{width:24px;height:24px;flex:none}small{font-size:15px}a svg{transition:transform .24s cubic-bezier(.16,1,.3,1)}a:hover svg{transform:translate(3px,-3px)}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link{position:fixed;left:20px;top:-90px;padding:14px 20px;background:white;color:var(--ink);z-index:100}.skip-link:focus{top:10px}
.theme-pink{--theme:var(--pink)}.theme-yellow{--theme:var(--yellow)}.theme-orange{--theme:var(--orange)}.theme-green{--theme:var(--green)}.theme-purple{--theme:var(--purple)}.theme-white{--theme:var(--paper)}
.pink{background:var(--pink)}.yellow{background:var(--yellow)}.orange{background:var(--orange)}.purple{background:var(--purple)}.green{background:var(--green)}.white{background:var(--paper)}
.header{background:var(--theme);padding:26px var(--gutter);min-height:128px;display:flex;align-items:center;justify-content:space-between;gap:32px;position:relative;z-index:10}
.brand{display:block;width:260px;flex:none}.brand img{width:100%;height:auto}.theme-white>.header .brand{filter:brightness(0) saturate(100%)}
.navigation{display:flex;align-items:center;gap:46px;font-family:var(--display);font-size:27px;font-weight:600}.navigation a{position:relative;padding:10px 0}.navigation a::after{content:"";position:absolute;bottom:3px;left:0;width:100%;height:2px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .2s ease}.navigation a:hover::after,.navigation a[aria-current]::after{transform:scaleX(1)}.menu-button{display:none}
.button{display:inline-flex;justify-content:space-between;align-items:center;gap:40px;min-height:64px;padding:16px 26px;font-family:var(--display);font-size:27px;font-weight:700;line-height:1.15;border:1px solid transparent;transition:background .2s,color .2s}.button svg{width:30px;height:30px}.button.white{background:white;color:var(--ink)}.button.white:hover{background:var(--ink);color:white}.button.ink,.button-primary{background:var(--ink);color:white}.button.ink:hover,.button-primary:hover{background:white;color:var(--ink);border-color:var(--ink)}.button.outline{border-color:currentColor;background:transparent}.button.outline:hover{background:var(--ink);color:white}.button-secondary{border:1px solid var(--ink)}.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;font-weight:600;text-decoration:underline;text-underline-offset:6px}.text-link:hover{text-decoration-thickness:2px}
.home-hero{background:var(--pink);display:grid;grid-template-columns:1.02fr 1fr;gap:38px;padding:6px var(--gutter) 38px;align-items:stretch;min-height:610px}.hero-copy{display:flex;align-items:flex-start;flex-direction:column;justify-content:space-between;gap:24px}.hero-copy h1{font-size:clamp(100px,11.1vw,172px);font-weight:800;line-height:.81;letter-spacing:-.025em;text-wrap:initial}.hero-copy p{font-size:clamp(18px,1.43vw,24px);line-height:1.35;margin:8px 0 0}.hero-copy .button{margin-bottom:0}.hero-photo{overflow:hidden}.hero-photo img{width:100%;height:100%;object-fit:cover;aspect-ratio:1.22}.section{padding:94px var(--gutter)}
.service-intro{display:grid;grid-template-columns:.9fr 1.4fr;gap:60px;padding-top:56px;padding-bottom:64px}.service-intro h2{font-size:clamp(42px,4.6vw,68px)}.index-links>a{display:grid;grid-template-columns:1.15fr 1.1fr 24px;gap:20px;padding:20px 0;border-bottom:1px solid var(--rule);align-items:center}.index-links>a:first-child{padding-top:5px}.index-links>a:last-child{border:0}.index-links span{font:700 26px/1.1 var(--display)}.index-links small{font:400 22px/1.2 var(--display)}.index-links a:hover{color:#9e0032}
.split-heading{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end;margin-bottom:52px}.split-heading>p{max-width:48ch;font-size:22px;margin:0}.problem-section{background:var(--ink);color:white}.problem-links{display:grid;grid-template-columns:repeat(3,1fr);gap:48px}.problem-links>a{padding-top:26px;border-top:1px solid rgba(255,255,255,.4);display:flex;flex-direction:column;align-items:flex-start}.problem-links h3{font-size:40px;margin-bottom:22px}.problem-links p{color:#d3e0e3}.problem-links a>span{display:flex;gap:20px;align-items:center;margin-top:auto;padding-top:15px;font-weight:600}.problem-links a:hover h3{color:var(--green)}
.color-band{display:grid;grid-template-columns:1.12fr 1fr;gap:8%;padding:100px var(--gutter)}.band-title h2,.color-band>h2{font-size:clamp(62px,7vw,112px);line-height:.95;letter-spacing:-.025em}.band-title>p{font:600 27px var(--display);margin-top:32px}.band-body>p{max-width:51ch;font-size:21px}.large-copy{font:600 clamp(26px,2.3vw,36px)/1.2 var(--body);margin-bottom:26px}.band-body .large-copy{font-size:clamp(26px,2.3vw,36px)}.band-body>.button{margin-top:24px}.band-link-list>a{padding:20px 0;border-top:1px solid var(--rule);display:flex;text-decoration:none;font-size:26px;font-family:var(--display);font-weight:600}.band-link-list{margin-top:34px}.plain-list{list-style:none;padding:0;margin:30px 0}.plain-list li{border-top:1px solid var(--rule);padding:14px 0;font-size:20px}.workflow{margin:34px 0 10px;display:flex;flex-wrap:wrap;gap:0}.workflow>*{border-top:1px solid var(--ink);padding:12px 16px 12px 0;flex:1 1 50%;font-size:17px}.workflow strong{border:0;background:var(--ink);color:var(--yellow);padding:12px 16px}
.photo-feature{padding:90px var(--gutter) 55px}.photo-feature-head{display:grid;grid-template-columns:1.12fr 1fr;gap:8%;margin-bottom:50px}.photo-feature h2{font-size:clamp(68px,8vw,120px);line-height:.93}.photo-feature-head p:not(.large-copy){font-size:21px}.inline-actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:30px}.photo-feature figure>img{width:100%;max-height:620px;object-fit:cover}.photo-feature figcaption{margin-top:14px;font-size:16px}.audience-row{display:flex;justify-content:space-between;align-items:center;font:700 clamp(30px,3.8vw,58px)/1.1 var(--display);padding:28px 0;border-bottom:1px solid var(--rule);gap:30px}.audience-row svg{width:35px;height:35px}.audience-row:hover{color:#a80039}.process-section{background:#f5f4ef}.steps{counter-reset:steps;display:grid;grid-template-columns:repeat(4,1fr);gap:38px;list-style:none;padding:0;margin:50px 0}.steps li{counter-increment:steps;border-top:1px solid var(--rule);padding-top:20px}.steps li::before{content:"0" counter(steps);font:600 23px var(--display);display:block;margin-bottom:35px}.steps h3{margin-bottom:16px}.steps p{font-size:18px}
.faq-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.faq-item{border-top:1px solid var(--rule)}.faq-item:last-child{border-bottom:1px solid var(--rule)}.faq-item summary{padding:25px 0;display:flex;justify-content:space-between;gap:30px;align-items:center;font-weight:600;cursor:pointer;list-style:none;font-size:22px}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary>span{font:400 30px var(--body);transition:transform .2s}.faq-item[open] summary>span{transform:rotate(45deg)}.faq-item>div{padding-bottom:20px;max-width:65ch}.faq-item>div p{margin:0}.closing{background:var(--ink);color:white;padding:88px var(--gutter);display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:90px}.closing h2{font-size:clamp(58px,6.5vw,100px);line-height:.95}.closing p{font-size:22px;max-width:42ch;margin-top:25px;margin-bottom:0}.closing-action{display:flex;flex-direction:column;align-items:flex-start;gap:23px}.closing .button.white:hover{background:var(--green);color:var(--ink)}.direct{font-size:17px;text-decoration:underline;text-underline-offset:5px}
.footer{background:var(--ink);color:white;padding:55px var(--gutter) 28px}.footer-top{padding:30px 0 55px;border-top:1px solid #577079;display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px;align-items:start}.footer .brand{width:200px}.footer-top>p{font:700 36px/1.05 var(--display);margin:0}.footer-top>div{display:flex;flex-direction:column;gap:12px;font-size:20px}.footer-links{display:flex;gap:30px;flex-wrap:wrap;padding-bottom:45px}.footer-links a:hover,.footer-bottom a:hover{text-decoration:underline;text-underline-offset:5px}.footer-bottom{border-top:1px solid #577079;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-top:22px;font-size:14px;color:#d3e0e3}.footer-bottom>span:nth-child(2){display:flex;gap:24px}
.breadcrumb{padding:16px var(--gutter) 18px;background:var(--theme);display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:15px}.breadcrumb a{text-decoration:underline;text-underline-offset:4px}.text-hero{padding:45px var(--gutter) 80px;display:grid;grid-template-columns:1.3fr 1fr;gap:70px;align-items:end}.text-hero p{font-size:24px;line-height:1.4;margin:0}.text-hero .button{margin-top:30px}.text-hero h1{max-width:13ch}.service-row{display:grid;grid-template-columns:1.1fr 1fr 30px;gap:30px;align-items:center;border-top:1px solid var(--rule);padding:28px 18px;transition:background .2s}.service-row>span:first-child{font:700 43px/1.06 var(--display)}.service-row>span:nth-child(2){font-size:20px}.service-row.tone-pink:hover{background:var(--pink)}.service-row.tone-yellow:hover{background:var(--yellow)}.service-row.tone-orange:hover{background:var(--orange)}.service-row.tone-green:hover{background:var(--green)}.service-row.tone-purple:hover{background:var(--purple)}.filters{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:35px}.filters button{border:1px solid var(--ink);padding:10px 18px;background:white;font-weight:600}.filters button[aria-pressed=true],.filters button:hover{background:var(--ink);color:white}.solution-list{padding:0}.solution-row{padding:60px var(--gutter);display:grid;grid-template-columns:1.1fr 1fr 40px;gap:55px;align-items:center}.solution-row h2{font-size:clamp(42px,4.4vw,66px)}.solution-row p{font-size:22px;margin:0}.solution-row svg{width:38px;height:38px}.solution-row:hover h2{text-decoration:underline;text-underline-offset:8px;text-decoration-thickness:2px}
.agency-story{display:grid;grid-template-columns:1.15fr 1fr;gap:8%;align-items:center}.agency-story h2{margin-bottom:30px}.agency-story p{font-size:21px}.agency-story figure>img{aspect-ratio:1.25;object-fit:cover}.agency-story figcaption{font-size:14px;margin-top:10px}.feature-list article{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding:30px 0;border-top:1px solid var(--rule)}.feature-list p{margin:0;font-size:21px}.color-band .feature-list article{display:block}.color-band .feature-list article h3{margin-bottom:18px}.location{display:grid;grid-template-columns:1.2fr 1fr;gap:70px}.location .text-link{display:flex;width:fit-content;margin-bottom:18px}.location>div>p{font-size:25px}.contact-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:9%;align-items:start}.contact-layout h2{margin-bottom:25px}.contact-layout>div>p{font-size:20px}.contact-direct{display:flex;flex-direction:column;gap:20px;margin:35px 0}.contact-direct>a{width:fit-content;overflow-wrap:anywhere}.inquiry-form label{display:flex;flex-direction:column;gap:9px;font-weight:600;font-size:17px;margin-bottom:23px}.inquiry-form label>span{font-weight:400}.inquiry-form input,.inquiry-form select,.inquiry-form textarea{width:100%;padding:14px 16px;border:1px solid var(--ink);border-radius:0;background:white;font-weight:400;font-size:18px}.inquiry-form textarea{resize:vertical;min-height:150px}.inquiry-form input::placeholder,.inquiry-form textarea::placeholder{color:#52666c;opacity:1}.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-note{font-size:15px}.form-note a{text-decoration:underline}.inquiry-form .text-link{display:block;margin:20px 0;background:none;border:0;padding:0}.inquiry-form button[disabled]{opacity:.6;cursor:wait}.inquiry-form [role=status]{margin-top:20px}.inquiry-form [data-email-link] svg{display:inline-block;vertical-align:middle;margin-left:10px}
/* Incumbent content translated into the same editorial system. */
.detail-hero{padding:0 var(--gutter) 65px;display:grid;grid-template-columns:1.1fr 1fr;gap:30px 6%;align-items:start}.detail-hero>.breadcrumb{grid-column:1/-1;padding:16px 0;background:transparent}.detail-hero h1{font-size:clamp(62px,6.8vw,104px);margin-bottom:25px;line-height:.98}.detail-hero p{font-size:21px;line-height:1.45}.detail-hero>img{width:100%;height:100%;max-height:630px;object-fit:cover;align-self:stretch}.detail-hero .button{margin-top:12px}.detail-hero ul{font-size:17px}.landing-price{font-size:17px;margin-top:24px;font-weight:600}.legacy-section{padding:85px var(--gutter)}.legacy-section h2{margin-bottom:28px}.legacy-section h3{margin-bottom:14px}.legacy-section p{font-size:20px}.service-detail,.landing-split{display:grid;grid-template-columns:1fr 1.25fr;gap:8%}.service-lead{align-self:start}.focus-item{padding:24px 0;border-top:1px solid var(--rule);display:flex;gap:20px}.focus-item>span{display:none}.focus-item h3{font-size:32px}.focus-item p{margin:0}.service-hero-points li,.landing-bullets li{margin-bottom:8px}.service-image-story{display:grid;grid-template-columns:1fr 1fr;gap:26px;padding-top:0;padding-bottom:60px}.service-image-card img{aspect-ratio:1.55;object-fit:cover;width:100%}.service-image-card figcaption{padding:20px 0;display:flex;flex-direction:column;gap:8px;font-size:18px}.service-image-card strong{font:700 30px var(--display)}.service-image-card small{font-size:13px}.reference-showcase,.ai-usecases{background:#f5f4ef}.reference-grid,.ai-usecase-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.reference-card{border-top:1px solid var(--rule);padding-top:24px}.reference-card>span{display:none}.reference-card h3{font-size:33px}.reference-card p{font-size:19px}.section-top{max-width:78ch;margin-bottom:42px}.section-top h2{max-width:18ch}.service-proof{background:var(--ink);color:white}.proof-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.proof-grid article{padding-top:25px;border-top:1px solid #577079}.proof-grid strong{font-family:var(--display);font-size:30px}.proof-grid span{display:block;font-size:19px;margin-top:10px}.service-process{background:var(--theme)}.process-grid,.acq-process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}.process-item>span,.acq-process-grid article>span{font-size:20px;display:block;margin-bottom:24px}.process-item,.acq-process-grid article{border-top:1px solid var(--rule);padding-top:20px}.process-item p,.acq-process-grid p{font-size:18px}.learn-more{display:grid;grid-template-columns:1.2fr 1fr;gap:8%}.learn-more-panel{padding:30px;background:var(--theme)}.service-faq{display:grid;grid-template-columns:1fr 1.25fr;gap:8%}.service-faq .section-top{margin:0}.service-faq .faq-item p{font-size:19px}.acq-section-dark{background:var(--ink);color:white}.acq-section-dark article{border-color:#577079}.acq-section-accent{background:var(--theme)}.check-feature{display:grid;grid-template-columns:1.2fr 1fr;gap:8%}.check-facts article{display:flex;flex-direction:column;gap:10px;border-top:1px solid var(--rule);padding:24px 0}.check-facts strong{font:700 30px var(--display)}.landing-list article{border-top:1px solid var(--rule);padding:25px 0}.acq-heading{max-width:850px;margin-bottom:40px}.acq-heading h2{font-size:64px}.web-reference-carousel{display:grid;gap:45px}.web-reference-slide{display:grid;grid-template-columns:1.3fr 1fr;gap:50px;align-items:center}.web-reference-slide img{width:100%}.web-reference-copy span{font-size:16px}.web-reference-copy h3{font-size:38px}.web-reference-copy p{font-size:20px}.band{padding:45px var(--gutter);background:var(--theme);font:700 32px var(--display)}.band span{margin-right:35px}.legal-content{max-width:1100px;padding-top:15px;overflow-wrap:anywhere}.legal-content h2{margin:35px 0 20px;font-size:46px}.legal-content h3{margin:40px 0 20px}.legal-content h4{margin:30px 0 15px}.legal-content a{text-decoration:underline;text-underline-offset:4px}.legal-contact-card{background:var(--ink);color:white;padding:35px;margin:25px 0}.legal-contact-card img{width:200px;margin-bottom:20px}.legal-contact-card__details{display:flex;flex-direction:column;gap:18px}.legal-contact-card__details a>span{margin-right:15px}.legal-contact-card__address{margin:25px 0 0}
.checker>.acq-heading{margin-bottom:40px}.advisor{display:grid;grid-template-columns:1fr 1fr;gap:40px}.advisor-form,.advisor-result{padding:32px;background:#f5f4ef}.advisor-progress{display:flex;gap:10px;margin-bottom:25px}.advisor-progress span{height:5px;flex:1;background:#ced5d5}.advisor-progress span.is-active{background:var(--ink)}.advisor-step{display:none}.advisor-step.is-active{display:block}.advisor-step h3,.advisor-step legend{font:700 32px var(--display);margin-bottom:20px}.advisor-step fieldset{border:0;padding:0}.advisor-step>label,.advisor-options>label,.advisor-field,.advisor-lead-form>label{display:block;margin:14px 0}.advisor input:not([type=checkbox]):not([type=radio]){width:100%;padding:12px;margin-top:8px;border:1px solid var(--ink)}.advisor-options label{padding:13px 0;border-top:1px solid var(--rule)}.advisor-options label input{margin-right:10px;accent-color:var(--ink)}.advisor-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}.advisor-actions .button{font-size:22px}.advisor-result h3{font-size:40px;margin-bottom:20px}.advisor-result ul{font-size:17px}.advisor-result li{margin:16px 0}.advisor-scores{display:grid;grid-template-columns:1fr 1fr;gap:10px}.advisor-score{display:flex;flex-direction:column;border-top:1px solid var(--rule);padding:10px 0}.advisor-sprint{border-top:1px solid var(--rule);padding:20px 0;display:flex;flex-direction:column;gap:8px}.advisor-lead-form>strong,.advisor-lead-form>span{display:block}.advisor-error{font-size:16px;margin-top:15px}.advisor-error:not(:empty){border-top:1px solid var(--ink);padding-top:15px}.advisor-lead-form .button{font-size:23px}
@media(min-width:1600px){.home-hero{min-height:665px}.hero-copy h1{font-size:190px}}
@media(max-width:1100px){.header{min-height:104px}.brand{width:210px}.navigation{gap:28px;font-size:24px}.home-hero{min-height:540px;gap:28px}.hero-copy h1{font-size:12vw}.hero-copy p{font-size:18px}.button{font-size:24px;min-height:58px;padding:15px 20px;gap:24px}.service-intro{gap:35px}.index-links>a{grid-template-columns:1fr 24px}.index-links small{display:none}.color-band{gap:6%}.section{padding-top:75px;padding-bottom:75px}.steps{gap:25px}.problem-links{gap:25px}.footer-top{grid-template-columns:1fr 1fr}.footer-top>div{grid-column:1/-1;flex-direction:row;gap:40px}.detail-hero{gap:25px 5%}.detail-hero h1{font-size:7.8vw}.detail-hero p{font-size:19px}.text-hero{gap:45px}.text-hero p{font-size:21px}.service-row>span:first-child{font-size:36px}.service-row>span:nth-child(2){font-size:18px}.service-faq,.faq-section{gap:45px}.reference-grid,.ai-usecase-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){:root{--gutter:24px}body{font-size:17px}.header{padding:23px var(--gutter);min-height:100px;flex-wrap:wrap;gap:18px}.brand{width:174px}.navigation{width:100%;font-size:24px;flex-wrap:wrap;gap:15px 26px}.js .menu-button{display:flex;align-items:center;gap:12px;background:none;border:1px solid var(--ink);padding:9px 12px;font-size:16px;font-weight:600;min-height:44px}.menu-lines{display:block;width:18px;height:10px;border-top:2px solid;border-bottom:2px solid}.js .navigation{display:none}.js .navigation.is-open{display:flex;flex-direction:column;align-items:flex-start;border-top:1px solid var(--rule);padding:15px 0;width:100%}.navigation a{width:100%;padding:10px 0}.home-hero{display:flex;flex-direction:column;gap:30px;padding-top:12px;padding-bottom:24px;min-height:0}.hero-copy{gap:26px}.hero-copy h1{font-size:clamp(83px,15.9vw,122px);line-height:.85;letter-spacing:-.025em}.hero-copy p{font-size:19px;margin:0}.hero-copy .button{width:auto;max-width:100%}.hero-photo img{height:auto;aspect-ratio:1.23;object-fit:cover}.button{font-size:25px;min-height:58px;gap:26px}.button svg{width:26px;height:26px}.section{padding:56px var(--gutter)}h1{font-size:66px}h2{font-size:49px}h3{font-size:31px}.service-intro{display:block;padding-top:38px;padding-bottom:40px}.service-intro h2{font-size:44px;max-width:13ch;margin-bottom:30px}.index-links>a{padding:18px 0}.index-links span{font-size:26px}.split-heading{display:block;margin-bottom:36px}.split-heading h2{margin-bottom:24px}.split-heading>p{font-size:20px}.problem-links{display:block}.problem-links>a{padding:26px 0 30px}.problem-links h3{font-size:36px}.problem-links p{font-size:18px}.problem-links a>span{padding-top:0}.color-band{display:block;padding:58px var(--gutter)}.band-title h2,.color-band>h2{font-size:65px;line-height:.95}.band-title>p{font-size:23px;margin-top:24px;margin-bottom:35px}.band-body>p{font-size:19px}.band-body .large-copy,.large-copy{font-size:28px}.band-link-list>a{font-size:25px}.color-band>.feature-list{margin-top:35px}.photo-feature{padding:55px var(--gutter) 28px}.photo-feature-head{display:block;margin-bottom:35px}.photo-feature h2{font-size:69px;margin-bottom:35px}.photo-feature-head p:not(.large-copy){font-size:19px}.photo-feature figure>img{aspect-ratio:1;object-fit:cover}.inline-actions{gap:12px}.inline-actions .button{font-size:23px;padding:14px 18px;gap:18px}.audience-row{font-size:32px;padding:24px 0}.audience-row svg{width:27px;height:27px}.steps{grid-template-columns:1fr 1fr;gap:30px 22px;margin:35px 0}.steps li::before{margin-bottom:22px}.steps h3{font-size:30px}.steps p{font-size:17px}.faq-section{display:block}.faq-section>h2{margin-bottom:30px}.faq-item summary{font-size:20px}.closing{display:block;padding:60px var(--gutter)}.closing h2{font-size:65px}.closing p{font-size:20px}.closing-action{margin-top:35px}.footer{padding:15px var(--gutter) 24px}.footer-top{display:flex;flex-direction:column;gap:30px;padding-top:35px;padding-bottom:35px}.footer-top>div{flex-direction:column;gap:10px;font-size:18px}.footer-top>p{font-size:34px}.footer-links{gap:16px 25px;font-size:16px;padding-bottom:30px}.footer-bottom{flex-direction:column;gap:14px}.breadcrumb{font-size:13px;padding-top:8px;gap:8px}.text-hero{display:block;padding:25px var(--gutter) 50px}.text-hero h1{font-size:68px;max-width:13ch;margin-bottom:28px}.text-hero p{font-size:21px}.service-row{grid-template-columns:1fr 24px;gap:13px;padding:25px 0}.service-row>span:first-child{font-size:35px}.service-row>span:nth-child(2){grid-column:1;grid-row:2;font-size:18px}.service-row>svg{grid-column:2;grid-row:1}.filters{gap:8px}.filters button{font-size:15px;min-height:44px;padding:9px 13px}.solution-row{grid-template-columns:1fr 26px;padding:40px var(--gutter);gap:18px}.solution-row h2{font-size:44px}.solution-row p{font-size:19px;grid-column:1}.solution-row svg{grid-column:2;grid-row:1;width:27px;height:27px}.agency-story{display:block}.agency-story figure{margin-bottom:36px}.agency-story p{font-size:19px}.feature-list article{display:block;padding:25px 0}.feature-list h2{font-size:40px;margin-bottom:20px}.feature-list p{font-size:19px}.location{display:block}.location h2{margin-bottom:35px}.contact-layout{display:block}.inquiry-form{margin-top:40px}.form-pair{display:block}.inquiry-form .button{font-size:22px;width:100%;padding:16px;gap:12px}.contact-direct a{font-size:17px}.detail-hero{display:flex;flex-direction:column;padding:0 var(--gutter) 32px;gap:23px}.detail-hero>.breadcrumb{padding:4px 0 10px}.detail-hero h1{font-size:65px;margin-bottom:24px}.detail-hero p{font-size:20px}.detail-hero>img{aspect-ratio:1.4;max-height:none;width:100%;height:auto;object-fit:cover}.detail-hero ul{font-size:17px}.legacy-section{padding:55px var(--gutter)}.legacy-section h2{font-size:46px}.legacy-section p{font-size:19px}.service-detail,.landing-split,.check-feature,.learn-more{display:block}.focus-list,.landing-list,.check-facts{margin-top:35px}.focus-item h3{font-size:31px}.service-image-story{display:block;padding-top:0}.service-image-card{margin-bottom:25px}.service-image-card figcaption{padding:14px 0}.reference-grid,.ai-usecase-grid,.proof-grid{display:block}.reference-card{margin-top:25px}.process-grid,.acq-process-grid{grid-template-columns:1fr 1fr;gap:25px}.process-grid h3,.acq-process-grid h3{font-size:29px}.process-grid p,.acq-process-grid p{font-size:17px}.service-faq{display:block}.service-faq .section-top{margin-bottom:28px}.learn-more-panel{margin-top:30px;padding:24px}.web-reference-slide{display:block}.web-reference-copy{margin-top:22px}.band{font-size:25px;display:flex;flex-wrap:wrap;gap:15px}.band span{margin:0}.legal-content h2{font-size:39px}.legal-content h3{font-size:31px}.legal-content h4{font-size:21px}.legal-contact-card{padding:22px}.legal-contact-card__details a>span{display:block}.legal-contact-card__details strong{font-size:16px}.advisor{display:block}.advisor-form,.advisor-result{padding:24px;margin-bottom:25px}.advisor-actions .button{font-size:20px;padding:12px 15px}.advisor-step legend{font-size:28px}.advisor-result h3{font-size:35px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
/* Approved Digitaly influence: white space, neutral ink, generous corners,
   independently moving service layers that assemble into a coherent system. */
:root{--ink:#001c2b;--rule:rgba(0,32,43,.26);--purple:#c8aceb;--green:#84cba0}
body{background:#fff}
.header{background:white;min-height:108px;padding-top:22px;padding-bottom:22px}
.header .brand{filter:brightness(0)}
.header .brand{width:218px}
.navigation{font-family:var(--body);font-size:18px;font-weight:500;gap:40px}
.navigation>a:last-child{border:1px solid var(--ink);border-radius:40px;padding:11px 23px}
.navigation>a:last-child::after{display:none}
.navigation>a:last-child:hover{background:var(--ink);color:white}
.button{border-radius:40px;font-family:var(--body);font-size:19px;font-weight:600;min-height:58px;padding:17px 26px;gap:24px}
.button svg{width:24px;height:24px}
.experience-intro{padding:54px var(--gutter) 35px;display:grid;grid-template-columns:1.55fr 1fr;align-items:end;gap:7%}
.experience-intro h1{font-family:var(--display);font-size:clamp(78px,8.8vw,136px);font-weight:800;line-height:.95;letter-spacing:-.028em;max-width:13ch}
.experience-intro h1 span{color:#d80c49}
.experience-copy{padding-bottom:6px}
.experience-copy>p:first-child{font-size:22px;line-height:1.45;margin-bottom:28px}
.experience-copy .button{font-size:18px;padding:17px 22px}
.experience-copy .hero-location{font-size:13px;margin:22px 0 0}
.assembly{height:1120px;position:relative;overflow:clip}
.assembly-sticky{position:sticky;top:0;min-height:690px;height:min(800px,100vh);padding:24px var(--gutter) 30px;display:flex;flex-direction:column;justify-content:center}
.assembly-heading{display:flex;align-items:end;justify-content:space-between;padding:0 0 18px;gap:30px}
.assembly-heading h2{font:500 24px/1.1 var(--body);letter-spacing:-.02em}
.assembly-heading h2 span{font-weight:400}
.assembly-heading p{font-size:14px;margin:0}
.tile-stage{position:relative;isolation:isolate;height:430px;flex:none;width:100%;perspective:1400px}
.service-tile{position:absolute;left:50%;top:30px;display:flex;flex-direction:column;width:20%;max-width:265px;height:350px;border-radius:34px;padding:25px 23px;transform:translateX(-50%) translate(var(--tx),var(--ty)) rotate(var(--rot));transform-origin:50% 65%;overflow:hidden;box-shadow:0 12px 24px rgba(0,0,0,.07)}
.tile-ki{--tx:-187%;--ty:25px;--rot:-12deg;z-index:1}.tile-web{--tx:-95%;--ty:-2px;--rot:-6deg;z-index:2}.tile-film{--tx:0%;--ty:25px;--rot:2deg;z-index:4}.tile-team{--tx:97%;--ty:0px;--rot:7deg;z-index:3}.tile-brand{--tx:189%;--ty:30px;--rot:13deg;z-index:2}
.tile-tag{font-size:11px;line-height:1.2;margin-bottom:14px}
.service-tile>strong{font:700 clamp(37px,3.85vw,60px)/.96 var(--display);letter-spacing:-.02em}
.tile-bottom{display:flex;gap:8px;justify-content:space-between;align-items:center;font-size:12px;line-height:1.25;margin-top:auto;padding-top:15px}
.tile-bottom svg{width:18px;height:18px}
.service-tile:hover .tile-bottom{text-decoration:underline;text-underline-offset:4px}
.tile-film img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply;z-index:-1;opacity:.32}
.tile-film{color:#001c2b}
.tile-film>strong{font-size:clamp(48px,4.3vw,68px)}
.tile-workflow{display:flex;flex-direction:column;gap:8px;margin-top:24px;font-size:13px}
.tile-workflow span{border-bottom:1px solid rgba(0,32,43,.4);padding-bottom:5px}
.tile-workflow span:last-child{font-weight:600}
.mini-browser{margin-top:23px;border-radius:11px;background:#fff6e9;padding:12px;transform:rotate(-3deg)}
.mini-browser>div{display:flex;gap:4px;padding-bottom:12px}
.mini-browser i{width:3px;height:3px;background:#001c2b;border-radius:50%}
.mini-browser b{font:700 23px/.95 var(--display)}
.mini-browser>span{display:flex;align-items:center;justify-content:space-between;font-size:8px;margin-top:15px}
.mini-browser svg{width:12px;height:12px}
.recruit-note{font-size:14px;line-height:1.3;margin-top:22px}
.brand-word{font:600 95px/1 var(--body);letter-spacing:-.035em;margin:15px 0 0}
.assembly-baseline{display:flex;justify-content:space-between;align-items:center;gap:25px;border-bottom:1px solid var(--rule);padding:20px 0 25px;font-size:16px}
.assembly-baseline>a{display:flex;align-items:center;gap:14px;font-weight:600}
.service-intro{padding-top:50px}
.problem-section{background:#fff;color:var(--ink);padding-top:40px}
.problem-links>a{border-color:var(--rule)}
.problem-links p{color:var(--ink)}
.problem-links a:hover h3{color:#b50940}
.color-band{margin:20px;border-radius:44px;padding:88px calc(var(--gutter) - 20px)}
.photo-feature{margin:20px;border-radius:44px;padding-left:calc(var(--gutter) - 20px);padding-right:calc(var(--gutter) - 20px)}
.photo-feature figure{overflow:hidden;border-radius:32px;position:relative}
.photo-feature figure img{height:560px;max-height:none;object-fit:cover;transform:scale(1.16);transform-origin:center}
.photo-feature figure figcaption{position:absolute;bottom:0;left:0;right:0;padding:18px 25px;background:var(--pink);margin:0}
.problem-links h3{font-size:42px}
.process-section{background:#f7f7f4;border-radius:44px;margin:20px;padding-left:calc(var(--gutter) - 20px);padding-right:calc(var(--gutter) - 20px)}
.closing{background:#fdb72b;color:var(--ink);border-radius:44px 44px 0 0;margin:20px 20px 0;padding:80px calc(var(--gutter) - 20px)}
.closing .button.white{background:var(--ink);color:white}
.closing .button.white:hover{background:white;color:var(--ink)}
.footer{background:white;color:var(--ink)}
.footer .brand{filter:brightness(0)}
.footer-top,.footer-bottom{border-color:var(--rule)}
.footer-bottom{color:var(--ink)}
.breadcrumb{background:white}
.text-hero{border-radius:0 0 44px 44px;margin:0 20px;padding-left:calc(var(--gutter) - 20px);padding-right:calc(var(--gutter) - 20px)}
.detail-hero{border-radius:0 0 44px 44px;margin:0 20px;padding-left:calc(var(--gutter) - 20px);padding-right:calc(var(--gutter) - 20px)}
.detail-hero>.breadcrumb{background:transparent}
.detail-hero>img,.service-image-card img,.web-reference-slide img,.agency-story figure>img{border-radius:28px}
.solution-row{margin:18px 20px;border-radius:32px;padding-left:calc(var(--gutter) - 20px);padding-right:calc(var(--gutter) - 20px)}
.filters button{border-radius:30px}
.service-row{border-radius:0}
.legacy-section.acq-section-dark,.service-proof{background:#f4f4f0;color:var(--ink)}
.proof-grid article,.acq-section-dark article{border-color:var(--rule)}
@media(min-width:1650px){.service-tile{height:380px}.tile-stage{height:470px}.assembly{height:1200px}}
@media(max-width:1100px) and (min-width:761px){.experience-intro{grid-template-columns:1.3fr 1fr;gap:5%;padding-top:38px}.experience-intro h1{font-size:9.4vw}.experience-copy>p:first-child{font-size:20px}.service-tile{height:310px;padding:21px 18px;border-radius:28px}.tile-stage{height:380px}.assembly-sticky{min-height:600px}.assembly{height:1000px}.tile-bottom{font-size:10px}.brand-word{font-size:77px}.recruit-note{font-size:12px}.mini-browser{padding:10px}.mini-browser b{font-size:20px}.navigation{gap:26px}}
@media(max-width:760px){
.header{min-height:90px;padding-top:20px;padding-bottom:20px}.header .brand{width:164px}.navigation{font-size:21px}.navigation>a:last-child{border:0;border-radius:0;padding:10px 0}.menu-button{border-radius:30px}
.experience-intro{display:block;padding:28px var(--gutter) 25px}
.experience-intro h1{font-size:clamp(71px,14.4vw,108px);line-height:.94;max-width:13ch;margin-bottom:25px}
.experience-copy>p:first-child{font-size:19px;margin-bottom:22px;max-width:35ch}
.experience-copy .button{font-size:16px;padding:16px 20px;gap:17px;min-height:54px}
.experience-copy .hero-location{font-size:12px;margin-top:18px}
.assembly{height:auto;overflow:clip;padding-bottom:20px}
.assembly-sticky{position:relative;top:auto;height:auto;min-height:0;padding:18px var(--gutter) 20px;display:block}
.assembly-heading{align-items:start;margin-bottom:25px}.assembly-heading h2{font-size:19px;line-height:1.2}.assembly-heading p{display:none}
.tile-stage{height:auto;display:grid;grid-template-columns:1fr 1fr;gap:18px 13px;perspective:none;padding:0 2px}
.service-tile{position:relative;left:auto;top:auto;width:100%;max-width:none;min-height:245px;height:auto;aspect-ratio:.69;padding:18px 15px;border-radius:25px;transform:none!important;box-shadow:none}
.tile-ki{transform:rotate(-3deg)!important}.tile-web{transform:rotate(3deg)!important}.tile-film{grid-column:1/-1;aspect-ratio:1.65;min-height:0;padding:23px}.tile-team{transform:rotate(-3deg)!important}.tile-brand{transform:rotate(3deg)!important}
.service-tile>strong{font-size:clamp(35px,8.7vw,55px)}.tile-film>strong{font-size:58px;max-width:6ch}.tile-film img{object-position:50% 55%;opacity:.42}
.tile-tag{font-size:10px}.tile-bottom{font-size:10px;padding-top:14px}.tile-bottom svg{width:15px;height:15px}.tile-workflow{font-size:11px;gap:5px;margin-top:18px}.mini-browser{margin-top:15px;padding:10px}.mini-browser b{font-size:22px}.brand-word{font-size:72px;margin:12px 0}.recruit-note{font-size:12px;margin-top:15px}
.assembly-baseline{font-size:13px;padding-bottom:20px;margin-top:28px}.assembly-baseline svg{width:18px;height:18px}
.button{font-size:17px;min-height:54px;padding:15px 20px;gap:20px}.button svg{width:22px;height:22px}
.color-band,.photo-feature{margin:12px;border-radius:30px;padding:48px 22px}.color-band .band-title h2{font-size:60px}.photo-feature h2{font-size:64px}.photo-feature figure{border-radius:22px}.photo-feature figure img{height:370px;max-height:none;aspect-ratio:auto}.photo-feature figure figcaption{font-size:13px;padding:13px 15px}.photo-feature .button{font-size:16px}
.process-section{margin:12px;border-radius:30px;padding-left:22px;padding-right:22px}.closing{margin:12px 12px 0;border-radius:30px 30px 0 0;padding:55px 22px}.closing h2{font-size:62px}.closing-action{gap:20px}.direct{font-size:15px}
.text-hero,.detail-hero{margin:0 12px;border-radius:0 0 30px 30px;padding-left:22px;padding-right:22px}.detail-hero h1{font-size:58px}.text-hero h1{font-size:62px}.detail-hero>img{border-radius:22px}
.solution-row{margin:12px;border-radius:26px;padding:35px 22px}.service-intro{padding-top:30px}.problem-section{padding-top:25px}.problem-links h3{font-size:36px}.inquiry-form .button{font-size:16px}
}
@media(prefers-reduced-motion:reduce){
.assembly{height:auto}
.assembly-sticky{position:relative;height:auto;min-height:0;padding-top:35px}
.photo-feature figure img{transform:none!important}
}
@media(min-width:761px){
.experience-intro{padding-top:35px;padding-bottom:25px;grid-template-columns:1.65fr 1fr}
.experience-intro h1{font-size:clamp(74px,7vw,108px);max-width:none}
.assembly-sticky{justify-content:flex-start;padding-top:35px;min-height:600px;height:min(690px,100vh)}
.assembly-heading{padding-bottom:30px}
}
.advisor-shell{display:grid;grid-template-columns:1.15fr 1fr;gap:35px}
.advisor-step{border:0;padding:0;margin:0}
.advisor-choices{display:grid;gap:9px;margin:20px 0}
.advisor-choice{display:flex;gap:10px;align-items:flex-start;padding:12px 0;border-top:1px solid var(--rule)}
.advisor-choice input{flex:none;margin-top:6px;accent-color:var(--ink)}
.advisor-choice>span{display:flex;flex-direction:column}
.advisor-step legend{font:700 32px var(--display);margin-bottom:20px}
.advisor-lead-form input{width:100%;padding:12px;border:1px solid var(--ink);margin-top:8px}
.advisor-form input[name=advisor-website]{width:100%;padding:13px;border:1px solid var(--ink);margin-top:10px}
@media(max-width:760px){.advisor-shell{display:block}.advisor-step legend{font-size:29px}}
h1,h2,h3,h4{overflow-wrap:anywhere;hyphens:auto}
section>div,article,form,figure{min-width:0}
@media(max-width:760px){.service-row span,.breadcrumb{overflow-wrap:anywhere}.contact-direct>a{max-width:100%}.inquiry-form .button{white-space:normal}}
/* Checker: only show the current step and a result after a request. */
.checker>.advisor-head{margin-bottom:32px;max-width:800px}
.checker:not(.has-result) .advisor-result,.checker:not(.has-previous) [data-advisor-prev],.checker:not(.is-final-step) [data-advisor-finish],.checker.is-final-step [data-advisor-next]{display:none}
.checker:not(.has-result) .advisor-shell{grid-template-columns:minmax(0,780px)}
.advisor-form,.advisor-result{border-radius:28px;background:#f4f4f0}
.advisor-controls{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}
.advisor-controls .button,.advisor-lead-form .button{font-size:18px;padding:14px 22px;white-space:normal}
.advisor-score-card{display:flex;flex-direction:column;padding:14px;border-top:1px solid var(--rule)}
.advisor-step input[type=checkbox],.advisor-step input[type=radio]{accent-color:var(--ink);margin-right:9px}
.advisor-step label{line-height:1.5}
.advisor-error{color:#962839}.advisor-error.is-success{color:#235c37}
@media(max-width:760px){.advisor-controls{gap:9px}.advisor-controls .button{font-size:17px;padding:12px 16px}}

.experience-intro h1 span{white-space:nowrap;hyphens:none;overflow-wrap:normal}
@media(max-width:760px){.experience-intro h1 span{display:block}.experience-intro h1{font-size:clamp(62px,16.5vw,108px)}}
.process-grid p,.acq-process-grid p{overflow-wrap:anywhere;hyphens:auto}
/* User refinement: black stages, saturated image posters and a varied rhythm. */
.home-page .header,.home-page .experience-intro,.home-page .assembly{background:var(--ink);color:var(--paper)}
.home-page .header .brand,.home-page .footer .brand{filter:none}
.home-page .navigation>a:last-child{border-color:rgba(255,255,255,.7)}
.home-page .navigation>a:last-child:hover{background:var(--pink);color:var(--ink);border-color:var(--pink)}
.home-page .experience-intro{padding-top:48px;padding-bottom:42px}
.home-page .experience-intro h1 span{color:var(--yellow)}
.home-page .experience-copy .button{background:var(--pink);color:var(--ink)}
.home-page .experience-copy .button:hover{background:var(--yellow)}
.home-page .assembly{border-radius:0 0 44px 44px}
.home-page .assembly-heading p,.home-page .hero-location{color:#ddd}
.home-page .assembly-baseline{border-color:rgba(255,255,255,.3)}
.home-page .service-tile{color:var(--ink);box-shadow:none}
.home-page .service-intro{padding-top:75px;padding-bottom:75px}
.home-page .problem-section{background:var(--ink);color:var(--paper);margin:20px;border-radius:44px;padding:70px calc(var(--gutter) - 20px)}
.home-page .problem-links p{color:var(--paper)}
.home-page .problem-links>a{border-color:rgba(255,255,255,.3)}
.home-page .problem-links>a:nth-child(1) h3{color:var(--orange)}
.home-page .problem-links>a:nth-child(2) h3{color:var(--green)}
.home-page .problem-links>a:nth-child(3) h3{color:var(--yellow)}
.home-page .problem-links a:hover h3{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:7px}
.home-page .image-band{padding:0;gap:0;overflow:hidden;align-items:stretch;grid-template-columns:1fr 1fr}
.home-page .image-poster{position:relative;isolation:isolate;overflow:hidden;padding:58px 36px 44px;min-height:610px;display:flex;flex-direction:column;justify-content:space-between}
.home-page .image-poster .poster-image{position:absolute;inset:0;width:100%;height:100%;max-height:none;object-fit:cover;object-position:45% center;mix-blend-mode:multiply;opacity:.36;z-index:-1}
.home-page .image-poster>h2{position:relative;font-size:clamp(65px,7.4vw,112px);max-width:10ch}
.home-page .image-poster>p{position:relative;margin:38px 0 0;font-size:23px;font-weight:600}
.home-page .image-band>.band-body{padding:64px 42px;align-self:center}
.home-page #ki .image-poster{background:var(--yellow)}
.home-page #ki .poster-image{opacity:.25;object-position:58% center}
.home-page #marketing{background:var(--ink);color:var(--paper);padding-top:90px;padding-bottom:90px}
.home-page #marketing .band-title h2{color:var(--orange)}
.home-page #marketing .band-link-list>a{border-color:rgba(255,255,255,.35)}
.home-page #marketing .band-link-list>a:hover{color:var(--orange)}
.home-page #recruiting .image-poster{background:var(--green);min-height:660px}
.home-page #recruiting .poster-image{opacity:.28;object-position:35% center}
.home-page #recruiting .image-poster h2{font-size:clamp(64px,7vw,108px)}
.home-page #marke .image-poster{background:var(--purple)}
.home-page #marke .poster-image{opacity:.29;object-position:65% center}
.home-page .process-section{background:var(--ink);color:var(--paper)}
.home-page .steps li::before{color:var(--yellow);border-color:rgba(255,255,255,.3)}
.home-page .steps li:nth-child(2)::before{color:var(--orange)}
.home-page .steps li:nth-child(3)::before{color:var(--pink)}
.home-page .steps li:nth-child(4)::before{color:var(--green)}
.home-page .process-section .button.outline{border-color:var(--paper);color:var(--paper)}
.home-page .process-section .button.outline:hover{background:var(--paper);color:var(--ink)}
.home-page .footer{background:var(--ink);color:var(--paper);margin-top:0}
.home-page .footer-top,.home-page .footer-bottom{border-color:rgba(255,255,255,.3);color:var(--paper)}
.home-page .closing{margin:20px 0 0;border-radius:44px 44px 0 0;padding-left:var(--gutter);padding-right:var(--gutter)}
.home-page ::selection{background:var(--pink);color:var(--ink)}
@media(max-width:1100px) and (min-width:761px){.home-page .image-poster{padding:40px 26px;min-height:650px}.home-page .image-band>.band-body{padding:40px 26px}.home-page .image-poster>h2{font-size:70px}}
@media(max-width:760px){
 .home-page .header .menu-button{color:var(--paper);border-color:var(--paper)}
 .home-page .navigation.is-open{border-color:rgba(255,255,255,.3)}
 .home-page .experience-intro{padding-top:28px;padding-bottom:25px}
 .home-page .assembly{border-radius:0 0 30px 30px}
 .home-page .service-intro{padding:52px var(--gutter)}
 .home-page .problem-section{margin:12px;padding:48px 22px;border-radius:30px}
 .home-page .image-band{display:block}
 .home-page .image-poster,.home-page #recruiting .image-poster{padding:35px 22px;min-height:430px}
 .home-page .image-poster>h2,.home-page #recruiting .image-poster h2{font-size:66px;max-width:10ch}
 .home-page .image-poster>p{font-size:21px;margin:26px 0 0}
 .home-page .image-band>.band-body{padding:35px 22px}
 .home-page #marketing{padding:48px 22px}
 .home-page .closing{margin:12px 0 0;padding:55px 34px;border-radius:30px 30px 0 0}
}
@media(min-width:761px) and (max-width:1000px){
 .home-page .service-tile{padding:21px 15px}
 .home-page .service-tile>strong{font-size:3.65vw}
 .home-page .tile-film>strong{font-size:4.2vw}
 .home-page .experience-copy .button{font-size:16px;gap:16px;padding:16px 18px}
}
/* Editorial refinement: photography leads; quiet geometry frames it. */
.header .navigation>a:last-child,.button,.filters button,.menu-button{border-radius:5px}
.color-band,.photo-feature,.process-section,.text-hero,.detail-hero,.solution-row,.closing,.home-page .problem-section,.home-page .closing{border-radius:8px}
.detail-hero>img,.service-image-card img,.web-reference-slide img,.agency-story figure>img,.photo-feature figure{border-radius:4px}
.editorial-hero{background:var(--ink);color:white;display:grid;grid-template-columns:.85fr 1.15fr;gap:4%;padding:26px var(--gutter) 64px;align-items:stretch}
.editorial-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:25px 0}
.editorial-copy h1{font-size:clamp(68px,6.6vw,104px);font-weight:700;letter-spacing:-.025em;line-height:.98;margin-bottom:28px}
.editorial-copy h1 span{color:var(--yellow);white-space:nowrap}
.editorial-copy>p{font-size:21px;max-width:35ch;line-height:1.5;margin-bottom:28px}
.editorial-copy .button{background:var(--pink);color:var(--ink)}
.editorial-copy .button:hover{background:var(--yellow)}
.hero-services{display:flex;align-items:center;gap:12px;font-size:15px;margin-top:26px;border-bottom:1px solid rgba(255,255,255,.5);padding-bottom:8px}
.hero-services:hover svg{transform:translateY(3px)}
.editorial-hero-image{position:relative;min-height:610px;overflow:hidden;border-radius:3px;background:#292521}
.editorial-hero-image img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:65% center;transform:scale(1.06)}
.editorial-hero-image figcaption{position:absolute;bottom:0;left:0;padding:14px 20px;background:var(--ink);color:white;font-size:14px;max-width:90%}
.topic-section{padding-top:86px;padding-bottom:70px}
.topic-section>.split-heading h2{font-weight:700}
.topic-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:54px 28px}
.topic-story{display:block;min-width:0}
.topic-image{overflow:hidden;aspect-ratio:1.25;background:#ddd;border-radius:3px}
.topic-image img{width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.16,1,.3,1),filter .65s;filter:saturate(.8)}
.topic-story:hover .topic-image img,.topic-story:focus-visible .topic-image img{transform:scale(1.045);filter:saturate(1)}
.topic-name{display:flex;align-items:center;justify-content:space-between;margin:20px 0 12px;gap:15px}
.topic-name h3{font-size:36px;font-weight:700}
.topic-name svg{width:25px;height:25px}
.topic-story .topic-promise{font-size:18px;font-weight:600;margin-bottom:8px}
.topic-story>p:not(.topic-promise){font-size:17px;line-height:1.55;margin-bottom:17px}
.topic-more{font-size:15px;border-bottom:1px solid;padding-bottom:5px}
.more-disciplines{border-top:1px solid var(--rule);margin-top:66px;padding-top:32px;display:grid;grid-template-columns:1fr 1.8fr;gap:40px}
.more-disciplines h3{font-size:31px;font-weight:700}
.more-disciplines>div{display:flex;flex-wrap:wrap;gap:20px 28px}
.more-disciplines a{font-size:17px;display:inline-flex;align-items:center;gap:10px}
.more-disciplines svg{width:18px;height:18px}
.home-page .image-poster>h2,.home-page #recruiting .image-poster h2{font-weight:700;font-size:clamp(62px,6.4vw,98px)}
.home-page .color-band,.home-page .photo-feature,.home-page .process-section,.home-page .problem-section{margin:24px var(--gutter);padding-left:36px;padding-right:36px}
.home-page .image-band{padding:0}
.home-page .image-poster{min-height:550px}
.home-page #recruiting .image-poster{min-height:590px}
.home-page .photo-feature h2,.home-page .problem-section h2,.home-page .process-section h2,.home-page .closing h2{font-weight:700}
.home-page .closing{margin:24px 0 0;border-radius:0}
@media(max-width:1000px){
.editorial-hero{grid-template-columns:1fr 1fr;gap:25px}
.editorial-copy h1{font-size:70px}.editorial-copy>p{font-size:18px}
.editorial-hero-image{min-height:570px}.editorial-copy .button{font-size:16px;padding:16px 18px;gap:15px}
.topic-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
.editorial-hero{display:flex;flex-direction:column;padding:20px var(--gutter) 30px;gap:28px}
.editorial-copy{padding:0}.editorial-copy h1{font-size:clamp(62px,16.5vw,90px);margin-bottom:22px}
.editorial-copy>p{font-size:18px;max-width:36ch;margin-bottom:22px}
.editorial-hero-image{min-height:0;aspect-ratio:1.1;width:100%}
.editorial-hero-image img{object-position:63% center}
.editorial-hero-image figcaption{font-size:12px;padding:10px 12px}
.hero-services{margin-top:20px;font-size:14px}
.topic-section{padding:52px var(--gutter)}
.topic-gallery{grid-template-columns:1fr;gap:38px}
.topic-image{aspect-ratio:1.5}
.topic-name{margin-top:18px}.topic-name h3{font-size:35px}
.more-disciplines{display:block;margin-top:45px;padding-top:28px}.more-disciplines h3{margin-bottom:24px}.more-disciplines>div{gap:18px 24px}
.home-page .color-band,.home-page .photo-feature,.home-page .process-section,.home-page .problem-section{margin:16px 12px;padding:40px 22px;border-radius:6px}
.home-page .image-band{padding:0}
.home-page .image-poster,.home-page #recruiting .image-poster{min-height:430px;padding:32px 22px}
.home-page .image-poster>h2,.home-page #recruiting .image-poster h2{font-size:62px}
.home-page .closing,.text-hero,.detail-hero,.solution-row{border-radius:6px}
}
@media(prefers-reduced-motion:reduce){.editorial-hero-image img{transform:none!important}.topic-image img{transition:none;transform:none!important}}
/* Petrol identity and accessible disclosure mega-navigation. */
:root{--ink:#001c2b;--rule:rgba(0,32,43,.26)}
.header{z-index:40}
.nav-disclosure{position:static}
.nav-disclosure>summary{list-style:none;display:flex;align-items:center;gap:8px;cursor:pointer;padding:13px 0;font:500 18px/1.4 var(--body);border-bottom:2px solid transparent}
.nav-disclosure>summary::-webkit-details-marker{display:none}
.nav-disclosure>summary svg{width:14px;height:14px;transition:transform .2s}
.nav-disclosure[open]>summary svg{transform:rotate(180deg)}
.nav-disclosure[open]>summary,.nav-disclosure>summary.is-current{border-bottom-color:var(--pink)}
.mega-panel{position:absolute;top:100%;left:var(--gutter);right:var(--gutter);display:grid;grid-template-columns:1.04fr 1fr 1fr 1fr;gap:26px;background:white;color:var(--ink);padding:28px;box-shadow:0 20px 45px rgba(0,32,43,.16);border-radius:6px;max-height:calc(100dvh - 135px);overflow-y:auto;font:400 16px/1.45 var(--body)}
.mega-loesungen,.mega-agentur{grid-template-columns:1fr 1.45fr 1.35fr}
.mega-intro{background:var(--yellow);padding:28px 24px;display:flex;flex-direction:column;align-items:flex-start;min-width:0;border-radius:3px}
.mega-intro.orange{background:var(--orange)}.mega-intro.purple{background:var(--purple)}
.mega-intro h2{font:700 clamp(30px,3vw,43px)/1.05 var(--display);margin:0 0 18px;letter-spacing:-.02em}
.mega-intro p{font-size:16px;margin-bottom:30px}
.mega-intro .text-link{font:600 15px/1.4 var(--body);margin-top:auto;display:inline-flex;gap:12px;align-items:center}
.mega-column{min-width:0}.mega-column>h3{font:600 14px/1.4 var(--body);padding:0 0 14px;border-bottom:1px solid var(--rule);margin-bottom:8px}
.mega-panel .mega-link{display:flex;align-items:flex-start;gap:13px;padding:13px 8px;margin:0 -8px;border-radius:4px;width:auto}
.mega-link .service-icon{width:25px;height:25px;flex:none;margin-top:3px;color:var(--ink);transition:color .2s}
.mega-link>span{min-width:0}.mega-link strong{display:block;font-size:16px;font-weight:600;line-height:1.3}
.mega-link small{display:block;font-size:13px;line-height:1.45;margin-top:4px;color:var(--ink)}
.mega-panel .mega-link:hover,.mega-panel .mega-link:focus-visible{background:#edf4f5}
.mega-link:hover .service-icon{color:#b50940;transform:none}
.navigation .mega-panel a::after{display:none}
.service-icon{width:28px;height:28px}
.topic-name{justify-content:flex-start;gap:13px}
.topic-name>.service-icon{width:30px;height:30px;flex:none}
.topic-name>svg:last-child{margin-left:auto}
.topic-story:hover .service-icon{transform:none}
.mega-panel a:focus-visible,.nav-disclosure>summary:focus-visible{outline:2px solid #b50940;outline-offset:3px}
@media(min-width:981px){.nav-disclosure[open] .mega-panel{animation:mega-enter .18s ease-out}}
@keyframes mega-enter{from{opacity:.7;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1100px) and (min-width:981px){.navigation{gap:24px}.mega-panel{gap:16px;padding:22px}.mega-intro{padding:22px 18px}.mega-link small{font-size:12px}}
@media(max-width:980px){
 .header{flex-wrap:wrap;gap:18px;min-height:90px;padding-top:20px;padding-bottom:20px}
 .header .brand{width:174px}
 .js .menu-button{display:flex;align-items:center;gap:12px;background:none;border:1px solid currentColor;padding:9px 12px;font:600 16px var(--body);min-height:44px;border-radius:5px}
 .home-page .header .menu-button{color:white}
 .navigation{width:100%;display:flex;flex-direction:column;align-items:stretch;gap:0}
 .js .navigation{display:none}
 .js .navigation.is-open{display:flex;flex-direction:column;align-items:stretch;gap:0;width:100%;max-height:calc(100dvh - 125px);overflow-y:auto;overscroll-behavior:contain;padding:8px 0;border-top:1px solid var(--rule)}
 .home-page .navigation.is-open{border-top-color:rgba(255,255,255,.3)}
 .nav-disclosure{width:100%}
 .nav-disclosure>summary{font-size:21px;justify-content:space-between;padding:17px 0}
 .mega-panel{position:static;display:block;max-height:none;overflow:visible;padding:22px 18px;box-shadow:none;margin:0 0 12px;}
 .mega-intro{padding:22px;margin-bottom:25px}
 .mega-intro h2{font-size:32px}.mega-intro p{margin-bottom:20px}
 .mega-column+ .mega-column{margin-top:25px}
 .mega-column>h3{font-size:15px}
 .mega-panel .mega-link{padding:13px 6px;margin:0 -6px;gap:13px}
 .mega-panel .mega-link strong{font-size:17px}.mega-panel .mega-link small{font-size:14px}
 .mega-intro .text-link{width:auto;padding:0}
 .navigation>.nav-contact{border:0!important;padding:17px 0!important;font-size:21px;align-self:stretch}
 .navigation>.nav-contact:hover{background:none!important;color:inherit!important;text-decoration:underline}
}
@media(prefers-reduced-motion:reduce){.nav-disclosure[open] .mega-panel{animation:none}}

/* Full-bleed editorial photography: monochrome light, vibrant brand accents. */
.editorial-hero{position:relative;isolation:isolate;display:flex;min-height:690px;padding:72px var(--gutter) 80px;overflow:hidden;border-radius:0 0 48px 48px;background:var(--ink)}
.editorial-hero-image{position:absolute;inset:0;z-index:-2;min-height:0;margin:0;border-radius:0;aspect-ratio:auto;width:100%;height:100%}
.editorial-hero-image img{object-position:center 46%;filter:grayscale(1) contrast(1.14);width:100%;height:100%}
.editorial-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(0,15,20,.88) 0%,rgba(0,15,20,.73) 30%,rgba(0,15,20,.12) 69%,rgba(0,15,20,.06) 100%)}
.editorial-copy{position:relative;padding:0;max-width:610px;align-self:center}
.editorial-copy h1{font-size:clamp(70px,7.1vw,104px)}
.editorial-copy>p{max-width:34ch;color:#fff;text-wrap:pretty}
.editorial-hero-image figcaption{left:auto;right:var(--gutter);bottom:30px;padding:0;background:none;font-size:13px;text-shadow:0 1px 8px rgba(0,0,0,.8)}
.topic-image img,.topic-story:hover .topic-image img,.topic-story:focus-visible .topic-image img,.poster-image,.photo-feature figure img,.detail-hero>img,.service-image-card img,.agency-story figure>img{filter:grayscale(1) contrast(1.13)}
@media(max-width:1000px){.editorial-hero{min-height:680px;padding-top:55px;padding-bottom:65px}.editorial-copy h1{font-size:78px}.editorial-copy{max-width:470px}.editorial-hero-image img{object-position:59% center}}
@media(max-width:760px){
.editorial-hero{min-height:780px;justify-content:flex-end;padding:235px var(--gutter) 44px;border-radius:0 0 28px 28px;gap:0}
.editorial-hero-image{aspect-ratio:auto;min-height:0;width:100%;height:100%}
.editorial-hero-image img{object-position:65% center}
.editorial-hero::after{background:linear-gradient(180deg,rgba(0,15,20,.06) 0%,rgba(0,15,20,.15) 22%,rgba(0,15,20,.82) 49%,rgba(0,15,20,.95) 100%)}
.editorial-copy{align-self:stretch;max-width:100%}.editorial-copy h1{font-size:clamp(60px,15.6vw,90px);margin-bottom:20px}.editorial-copy>p{font-size:18px;max-width:34ch}
.editorial-hero-image figcaption{display:none}
}

/* Category duotones: petrol shadows and one restrained family of colored light. */
.photo-filter-defs{position:absolute;overflow:hidden;pointer-events:none}
:root{--photo-filter:url("#duotone-purple")}
.theme-yellow,.yellow,.tone-yellow{--photo-filter:url("#duotone-yellow")}
.theme-orange,.orange,.tone-orange{--photo-filter:url("#duotone-orange")}
.theme-pink,.pink,.tone-pink{--photo-filter:url("#duotone-pink")}
.theme-purple,.purple,.tone-purple{--photo-filter:url("#duotone-purple")}
.theme-green,.green,.tone-green{--photo-filter:url("#duotone-green")}
main img,.topic-image img,.topic-story:hover .topic-image img,.topic-story:focus-visible .topic-image img,.poster-image,.photo-feature figure img,.detail-hero>img,.service-image-card img,.agency-story figure>img{filter:contrast(1.18) var(--photo-filter)}
.editorial-hero-image img{filter:contrast(1.16) url("#duotone-hero")}
.topic-image{background:var(--ink)}

/* Mobile navigation expands in document flow, with one clear link per row. */
@media(max-width:980px){
 .header{position:relative;top:auto}
 .js .navigation.is-open{max-height:none;overflow:visible;overscroll-behavior:auto}
 .nav-disclosure,.mega-panel,.mega-column{min-width:0;max-width:100%}
 .mega-panel{overflow:visible;padding:8px 0 22px;background:transparent;color:inherit}
 .mega-intro{display:block;background:transparent!important;padding:12px 0 20px;margin-bottom:10px;border-bottom:1px solid currentColor;border-radius:0}
 .mega-intro h2,.mega-intro p{display:none}
 .mega-intro .text-link{font-size:17px;margin:0;padding:10px 0;min-height:44px}
 .mega-column>h3{opacity:.75;padding:14px 0 8px;margin-bottom:0;border-bottom:0}
 .mega-panel .mega-link{width:100%;margin:0;padding:14px 0;gap:14px;border-bottom:1px solid rgba(0,32,43,.15);border-radius:0}
 .home-page .mega-panel .mega-link{border-color:rgba(255,255,255,.2)}
 .mega-link .service-icon{color:inherit;flex:0 0 24px}
 .mega-link span{min-width:0}.mega-link strong,.mega-link small{white-space:normal;overflow-wrap:anywhere}
 .home-page .mega-link small{color:#cad9dc}
 .mega-column+.mega-column{margin-top:8px}
 .mega-panel .mega-link:hover{background:transparent;color:var(--pink)}
}
.editorial-hero-image img{filter:none}

/* The five goals form a fan, then resolve into a direct, readable choice. */
.solution-deck{padding-top:84px;padding-bottom:70px;overflow:clip}
.solution-deck .split-heading{margin-bottom:60px}
.solution-deck h2{font-weight:700}
.solution-fan{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;padding:18px 0 28px}
.solution-card{display:flex;flex-direction:column;min-width:0;border-radius:14px;overflow:hidden;color:var(--ink);transform-origin:50% 95%;position:relative}
.solution-card figure{margin:0;aspect-ratio:1.4;overflow:hidden;background:var(--ink)}
.solution-card figure img{width:100%;height:100%;object-fit:cover;filter:contrast(1.18) var(--photo-filter);transition:transform .35s ease-out}
.solution-card-copy{padding:22px 18px 20px;display:flex;flex-direction:column;flex:1;align-items:flex-start}
.solution-card-copy>.service-icon{width:28px;height:28px;margin-bottom:22px}
.solution-card h3{font:700 clamp(29px,2.65vw,42px)/1.03 var(--display);letter-spacing:-.02em;margin:0 0 16px;hyphens:none;overflow-wrap:normal}
.solution-card p{font-size:16px;line-height:1.4;margin:0 0 28px}
.solution-card-copy>span{display:flex;align-items:center;justify-content:space-between;width:100%;gap:8px;font-size:14px;font-weight:600;border-top:1px solid rgba(0,32,43,.35);padding-top:15px;margin-top:auto}
.solution-card-copy>span svg{width:21px;height:21px;flex:none}
.solution-card:hover figure img,.solution-card:focus-visible figure img{transform:scale(1.055)}
.solution-card:focus-visible{outline:3px solid var(--ink);outline-offset:5px;z-index:10}
.solution-card:hover h3{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
@media(min-width:1101px){.solution-card:nth-child(1){z-index:1}.solution-card:nth-child(2){z-index:2}.solution-card:nth-child(3){z-index:3}.solution-card:nth-child(4){z-index:2}.solution-card:nth-child(5){z-index:1}}
@media(min-width:761px) and (max-width:1100px){.solution-fan{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.solution-card h3{font-size:36px}}
@media(max-width:760px){
 .solution-deck{padding:54px var(--gutter) 32px}.solution-deck .split-heading{margin-bottom:28px}.solution-fan{grid-template-columns:1fr;gap:22px;padding:8px 5px 20px}
 .solution-card{display:grid;grid-template-columns:.38fr .62fr;border-radius:10px}
 .solution-card figure{aspect-ratio:auto;height:100%}.solution-card figure img{min-height:270px}
 .solution-card-copy{padding:23px 18px}.solution-card-copy>.service-icon{width:24px;height:24px;margin-bottom:16px}.solution-card h3{font-size:32px}.solution-card p{font-size:15px;margin-bottom:22px}.solution-card-copy>span{font-size:13px}
}
@media(prefers-reduced-motion:reduce){.solution-card{transform:none!important}.solution-card figure img{transition:none}}
/* Cut-paper hero art keeps its silhouette and full-color edges. */
.editorial-hero-image{background:var(--ink)}
.editorial-hero-image img{object-fit:contain;object-position:right center}
@media(max-width:760px){.editorial-hero-image{height:430px}.editorial-hero-image img{object-fit:cover;object-position:94% top}}

/* Full-color cut-paper motifs replace the photographic category duotones. */
main img.collage-art{filter:none!important;background:var(--ink);object-fit:contain}
.solution-card figure:has(.collage-art){aspect-ratio:1.12}
.topic-image:has(.collage-art){aspect-ratio:1.3}
.detail-hero>img.collage-art{height:auto;aspect-ratio:1.15;max-height:620px;align-self:center}
.home-page .collage-poster .poster-image{position:relative;inset:auto;z-index:auto;order:3;width:100%;height:250px;min-height:0;max-height:250px;margin-top:28px;opacity:1!important;mix-blend-mode:normal;border-radius:5px;transform:none!important}
.collage-poster>h2{order:1}.collage-poster>p{order:2}
.photo-feature figure img.collage-art{height:520px;object-fit:contain}
.collage-hero{grid-template-columns:1.1fr 1fr;align-items:center}
.collage-hero h1{grid-column:1;grid-row:1}.collage-hero>div{grid-column:1;grid-row:2}.collage-hero>.collage-art{grid-column:2;grid-row:1/3;width:100%;border-radius:6px}
.service-row.with-collage{grid-template-columns:110px 1.1fr 1fr 30px}
.service-row.with-collage>img{width:110px;height:90px;border-radius:5px}
.service-row.with-collage>span:first-of-type{font:700 40px/1.06 var(--display)}
.service-row.with-collage>span:last-of-type{font:400 20px/1.4 var(--body)}
.solution-row.with-collage{grid-template-columns:180px 1.1fr 1fr 36px;gap:32px}
.solution-row.with-collage>img{width:180px;height:180px;border-radius:6px}
@media(max-width:760px){
 .solution-card figure:has(.collage-art){aspect-ratio:auto}.solution-card figure img.collage-art{min-height:0;height:100%;object-fit:contain}
 .collage-hero>.collage-art{width:100%;margin-top:24px}.photo-feature figure img.collage-art{height:340px}
 .service-row.with-collage{grid-template-columns:78px 1fr 24px;gap:12px}
 .service-row.with-collage>img{width:78px;height:78px;grid-row:1/3}
 .service-row.with-collage>span:first-of-type{grid-column:2;grid-row:1;font-size:29px}
 .service-row.with-collage>span:last-of-type{grid-column:2;grid-row:2;font-size:16px}
 .service-row.with-collage>svg{grid-column:3;grid-row:1}
 .solution-row.with-collage{grid-template-columns:1fr 26px;gap:18px}
 .solution-row.with-collage>img{grid-column:1/-1;width:100%;height:210px}
 .solution-row.with-collage>h2{grid-column:1;grid-row:2}.solution-row.with-collage>svg{grid-column:2;grid-row:2}.solution-row.with-collage>p{grid-column:1/-1}
}

/* Human-led editorial collages: preserve faces and complete 4:3 compositions. */
main img.collage-art{background:transparent}
.solution-card figure:has(.collage-art),.topic-image:has(.collage-art){aspect-ratio:4/3}
.detail-hero>img.collage-art{aspect-ratio:4/3}
@media(max-width:760px){
 .solution-card{display:flex;flex-direction:column}
 .solution-card figure:has(.collage-art){height:auto;aspect-ratio:4/3}
 .solution-card figure img.collage-art{width:100%;height:100%;min-height:0}
 .solution-card-copy{padding:22px}.solution-card-copy>.service-icon{margin-bottom:14px}
 .solution-card h3{font-size:36px}.solution-card p{font-size:16px}
}
/* Shared picture-and-copy headers for the checker, agency and overview pages. */
.collage-hero:has(.collage-hero-copy){align-items:center;gap:40px}
.collage-hero>.collage-hero-copy{grid-column:1;grid-row:1}
.collage-hero>.collage-hero-copy h1{margin-bottom:25px}
.collage-hero>.collage-hero-copy p{font-size:21px;line-height:1.45}
.collage-hero:has(.collage-hero-copy)>.collage-art{grid-column:2;grid-row:1;aspect-ratio:4/3}
.audience-row.with-collage{display:grid;grid-template-columns:100px 1fr 30px;gap:26px;align-items:center}
.audience-row.with-collage>.collage-art{width:100px;height:75px;border-radius:4px}
@media(max-width:760px){
 .collage-hero:has(.collage-hero-copy){display:block}.collage-hero>.collage-hero-copy p{font-size:19px}
 .audience-row.with-collage{grid-template-columns:74px 1fr 24px;gap:14px;font-size:28px}
 .audience-row.with-collage>.collage-art{width:74px;height:56px}
}

/* New brand headline with a straight, full-width hero edge. */
.editorial-hero{border-radius:0}
.editorial-copy h1{font-size:clamp(64px,5.6vw,86px)}
.editorial-copy h1 span{display:block;white-space:normal;max-width:10ch}
@media(max-width:760px){.editorial-copy h1{font-size:clamp(58px,14.5vw,82px)}}

/* Category art introduces a topic; body sections alternate photography and type. */
.type-topic{padding:22px 0;border-top:1px solid var(--rule)}
.type-topic .topic-name{margin-top:0}.type-topic .topic-name h3{font-size:34px}
.home-page .editorial-background{position:relative;isolation:isolate;overflow:hidden}
.home-page .editorial-background>.editorial-background-photo{position:absolute;inset:0;z-index:-1;width:100%;height:100%;max-height:none;object-fit:cover;object-position:58% center;filter:grayscale(1) contrast(1.3) brightness(1.24)!important;mix-blend-mode:multiply;opacity:.37;pointer-events:none}
.home-page #ki .editorial-background,.home-page #ki .band-body{background:var(--yellow)}
.home-page #recruiting .editorial-background,.home-page #recruiting .band-body{background:var(--green)}
.home-page #ki .image-poster,.home-page #recruiting .image-poster{min-height:560px;justify-content:space-between}
.home-page .photo-feature.editorial-background{min-height:520px;display:flex;align-items:center;background:var(--pink)}
.home-page .photo-feature.editorial-background>.editorial-background-photo{opacity:.23;object-position:center}
.home-page .photo-feature .photo-feature-head{margin:0;position:relative;width:100%}
.home-page .type-brand .image-poster{min-height:430px}
.editorial-text-stage{gap:24px;align-items:stretch}
.editorial-text-panel{padding:44px 36px;border-radius:6px;background:var(--ink);color:white}
.editorial-text-panel:nth-child(even){background:var(--theme,#fdb72b);color:var(--ink)}
.editorial-text-panel h2{font:700 clamp(32px,3.3vw,48px)/1.06 var(--display);margin-bottom:22px}
.editorial-text-panel p{font-size:20px;line-height:1.5;margin-bottom:0}
.type-only-section{display:block!important}
.type-only-section .web-reference-copy{max-width:850px}
.agency-story.type-only-section>div{max-width:900px}.agency-story.type-only-section h2{margin-bottom:28px}
@media(max-width:760px){
 .home-page #ki .image-poster,.home-page #recruiting .image-poster{min-height:420px}
 .home-page .photo-feature.editorial-background{min-height:580px;display:block}
 .editorial-text-panel{padding:30px 24px;margin-bottom:18px}.editorial-text-panel p{font-size:18px}
}

/* One circular team portrait contrasts with full photographic and pure type surfaces. */
.home-page #recruiting .portrait-poster{justify-content:flex-start;gap:24px}
.home-page #recruiting .portrait-poster>h2{font-size:clamp(54px,5.4vw,78px);max-width:11ch}
.home-page #recruiting .portrait-poster>p{margin:0}
.home-page .portrait-poster>.editorial-circle-photo{position:relative;width:min(100%,300px);height:auto;aspect-ratio:1;object-fit:cover;object-position:83% center;border-radius:50%;filter:grayscale(1) contrast(1.2)!important;mix-blend-mode:multiply;align-self:flex-end;margin-top:8px}
.home-page #recruiting>.band-body{display:flex;flex-direction:column;justify-content:center}
.home-page #recruiting>.band-body>.button{align-self:flex-start}
@media(max-width:760px){
 .home-page #recruiting .portrait-poster{min-height:0;gap:20px;padding-bottom:0}
 .home-page #recruiting .portrait-poster>h2{font-size:56px}
 .home-page .portrait-poster>.editorial-circle-photo{width:min(76%,280px);margin-top:0}
 .home-page .photo-feature.editorial-background{min-height:0;padding-top:52px;padding-bottom:52px}
}

/* First-party privacy information, intentionally without optional consent choices. */
.privacy-notice[hidden]{display:none!important}
.privacy-notice{position:fixed;z-index:1000;left:24px;bottom:24px;width:min(520px,calc(100% - 48px));padding:24px;background:#fff;color:#001c2b;border:1px solid #a9b9bb;box-shadow:0 12px 48px #001c2b26;border-radius:8px;font-family:Barlow,sans-serif;max-height:70dvh;overflow:auto}
.privacy-notice h2{font:700 30px/1.1 'Barlow Condensed',sans-serif;margin:0 0 10px}
.privacy-notice p{font-size:16px;line-height:1.5;margin:0 0 16px}
.privacy-notice-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.privacy-notice button{font:600 16px/1.3 Barlow,sans-serif;color:#fff;background:#001c2b;border:1px solid #001c2b;padding:12px 16px;border-radius:4px;cursor:pointer;min-height:44px}
.privacy-notice a{color:#001c2b;text-decoration:underline;font-size:16px;text-underline-offset:4px}
.privacy-notice :focus-visible,.privacy-notice:focus-visible{outline:3px solid #a84068;outline-offset:4px}
@media(max-width:600px){.privacy-notice{left:12px;bottom:12px;width:calc(100% - 24px);padding:20px}.privacy-notice h2{font-size:27px}.privacy-notice-actions{gap:12px}}

/* Contextual links in the SEO content pass. */
.seo-related{display:grid;grid-template-columns:1fr 1.2fr;gap:40px}.seo-related>div{display:flex;flex-wrap:wrap;align-items:flex-start;gap:22px 32px}.seo-related a{max-width:100%;overflow-wrap:anywhere}@media(max-width:760px){.seo-related{display:block}.seo-related>div{margin-top:28px}}

/* Ratgeber: thematic editorial imagery; text stays outside the artwork. */
.text-hero.guide-hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center;padding-top:32px;padding-bottom:48px}
.guide-hero .guide-hero-copy h1{font-size:clamp(42px,4.4vw,68px);max-width:none;text-wrap:balance;margin-bottom:24px;hyphens:none}
.guide-hero .guide-hero-copy p{font-size:18px;line-height:1.5}
.guide-collage{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:4px}
.guide-index{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:56px 32px}
.guide-preview{min-width:0;display:flex;flex-direction:column;align-items:flex-start}
.guide-preview-image{display:block;width:100%;margin-bottom:24px}
.guide-preview-image img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:4px}
.guide-preview h2{font-size:36px;line-height:1.12;margin-bottom:16px;hyphens:none;text-wrap:balance}
.guide-preview p{font-size:18px;margin:0 0 16px}
.guide-preview p:last-child{margin-top:auto}
@media(max-width:1000px){.guide-index{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.text-hero.guide-hero{display:flex;flex-direction:column;align-items:stretch;gap:28px;padding-top:24px;padding-bottom:32px}.guide-hero .guide-hero-copy h1{font-size:44px}.guide-index{grid-template-columns:1fr;gap:44px}.guide-preview h2{font-size:34px}}
/* Preserve the deliberately coloured artwork; do not apply photo duotones. */
main img.guide-collage,.guide-preview-image img{filter:none}

/* Keep small petrol text legible on pink, including tinted photography. */
.home-page .solution-card.pink,.home-page .photo-feature.pink{background:#ef5289}
.home-page .photo-feature.editorial-background>.editorial-background-photo{opacity:.10}

/* Personal editorial layer: real names, explicit replacement areas, lightweight motion. */
.hero-live{min-height:740px;background:#001c2b;padding-top:66px;padding-bottom:66px}
.hero-live::after{display:none}
.hero-live .editorial-copy{z-index:2;max-width:52%;pointer-events:auto}
.hero-live .editorial-hero-image{inset:0 0 0 auto;width:49%;height:100%;overflow:visible;background:none;z-index:1;pointer-events:none}
.hero-live .hero-arm{position:absolute;bottom:-8%;right:3%;width:88%;height:105%;object-fit:contain;object-position:center bottom;filter:none;transform-origin:55% 100%;will-change:transform}
.hero-words{position:absolute;right:10%;top:6%;display:grid;justify-items:end;gap:8px;transform:rotate(-6deg)}
.hero-words span{font:800 clamp(22px,3vw,42px)/1 'Barlow Condensed',sans-serif;color:#001c2b;background:#fdb72b;padding:8px 15px;opacity:0;transform:translateY(20px);will-change:transform,opacity}
.hero-words span:nth-child(2){background:#b5a2ce;margin-right:38px}.hero-words span:nth-child(3){background:#84cba0;margin-right:6px}
.solution-fan{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.solution-card{display:grid;grid-template-columns:42% 58%;border-radius:10px}
.solution-card figure:has(.collage-art){height:100%;aspect-ratio:auto}
.solution-card figure img.collage-art{height:100%;object-fit:cover}
.solution-card-copy{padding:24px 18px}.solution-card h3{font-size:34px}.solution-card-copy>.service-icon{display:none}
.solution-card p{margin-bottom:20px}
.placeholder-intro,.shoot-note{font-size:15px;line-height:1.55;max-width:76ch;color:#34535c}
.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:52px 30px;margin-top:28px}
.work-study{margin:0;min-width:0}
.work-study img,.location-photo img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;filter:none;border-radius:4px}
.work-study figcaption{padding-top:18px;background:none;color:#001c2b}
.work-study h3{font-size:36px;line-height:1.1;margin:12px 0}
.work-study p{font-size:18px;line-height:1.6;margin:0 0 18px;max-width:50ch}
.work-grid .work-study:last-child{grid-column:1/-1;display:grid;grid-template-columns:1.3fr 1fr;gap:40px;align-items:center}
.replacement-label{display:inline-block;font:600 12px/1.4 Barlow,sans-serif;letter-spacing:.015em;color:#001c2b;background:#fff;padding:6px 9px;border:1px solid #63787e;border-radius:2px}
.client-proof{padding-top:48px;margin-top:56px;border-top:1px solid #afbec2}.client-proof h3{font-size:32px;margin:0}.client-proof p{font-size:17px;margin:10px 0 24px}
.logo-placeholders{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid #afbec2}
.logo-placeholders>span{text-align:center;font:600 24px Barlow,sans-serif;padding:30px 15px;color:#47616a}.logo-placeholders small{display:block;font:400 12px Barlow,sans-serif;margin-top:8px}
.home-people{display:grid;grid-template-columns:1.1fr 1fr;gap:7vw;align-items:center}.home-people p{max-width:52ch}
.team-name-strip{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid #9eb0b5}.team-name-strip>span{padding:24px 8px;border-bottom:1px solid #9eb0b5;font:700 36px 'Barlow Condensed',sans-serif}.team-name-strip small{display:block;font:400 16px Barlow,sans-serif;margin-top:8px}
.team-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}.team-member h3{font-size:36px;margin:18px 0 5px}.team-member p{font-size:17px;line-height:1.5;margin:0}
.portrait-placeholder{aspect-ratio:3/4;display:flex;flex-direction:column;justify-content:space-between;padding:16px;overflow:hidden;border-radius:4px}.portrait-initial{font:800 clamp(100px,13vw,190px)/1 'Barlow Condensed',sans-serif;margin:auto;color:#001c2b}.portrait-placeholder .replacement-label{font-size:11px}
.team-photo-placeholder{align-self:stretch;padding:35px;background:#001c2b;color:#fff;display:flex;flex-direction:column;justify-content:space-between;border-radius:4px}.team-photo-placeholder strong{font:800 clamp(52px,5vw,80px)/.95 'Barlow Condensed',sans-serif;margin:30px 0;color:#b5a2ce}.team-photo-placeholder p{font-size:17px!important;max-width:35ch}.team-photo-placeholder>.replacement-label{align-self:flex-start}
.location .location-photo{grid-column:1/-1;margin:20px 0 0}.location-photo figcaption{padding:16px 0;font-size:16px;line-height:1.6;display:flex;gap:16px;flex-wrap:wrap;align-items:center}
.service-showcase,.portfolio-slot{display:grid;grid-template-columns:.8fr 1.2fr;gap:6vw;align-items:center}.service-showcase h2,.portfolio-slot h2{font-size:clamp(40px,4vw,64px)}
.media-slot{background:#001c2b;color:#fff;aspect-ratio:16/10;padding:32px;display:flex;flex-direction:column;justify-content:space-between}.media-slot strong{font:700 clamp(38px,4vw,64px)/1 'Barlow Condensed',sans-serif;color:#ef5289}.media-slot p{font-size:16px}.media-slot>.replacement-label{align-self:flex-start}
.ai-example{align-items:start}.ai-example>div>p{max-width:40ch}.example-flow ol{list-style:none;padding:0;margin:18px 0 0}.example-flow li{border-top:1px solid #766017;padding:20px 0}.example-flow strong{font-size:24px}.example-flow p{font-size:18px;margin:8px 0 0;line-height:1.55}
.contact-expectation{grid-column:2;padding:0 0 22px}.contact-expectation h3{font-size:32px;margin:0 0 12px}.contact-expectation p{font-size:18px;line-height:1.6;margin:0}.contact-layout:has(.contact-expectation){align-items:start}.contact-expectation+.inquiry-form{grid-column:2}
.privacy-inline{position:static;width:auto;max-height:none;margin:24px 0 0;box-shadow:none;padding:24px;border-radius:0;background:#f4f5f2}.privacy-inline h2{font-size:26px}
.pink,.theme-pink .detail-hero,.theme-pink .text-hero{background-color:#ef5289}
.detail-hero h1{hyphens:none;overflow-wrap:normal}
@media(max-width:1100px){.solution-fan{grid-template-columns:repeat(2,minmax(0,1fr))}.team-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-live .editorial-copy h1{font-size:clamp(64px,7.5vw,84px)}}
@media(max-width:980px){.navigation>.nav-agency,.navigation>.nav-work{display:block;font-size:21px;padding:17px 0;min-height:54px}.contact-expectation{grid-column:auto}.contact-expectation+.inquiry-form{grid-column:auto}}
@media(max-width:760px){
 .hero-live{display:block;min-height:0;padding:320px var(--gutter) 42px}.hero-live .editorial-copy{max-width:100%;width:100%}.hero-live .editorial-copy h1{font-size:clamp(58px,13vw,78px)}
 .hero-live .editorial-hero-image{height:310px;width:100%;top:0;right:0;bottom:auto}.hero-live .hero-arm{width:64%;height:119%;right:0;bottom:-9%;object-position:right bottom}.hero-words{top:18%;right:45%}.hero-words span{font-size:23px}
 .solution-fan{grid-template-columns:1fr;gap:18px;padding:0}.solution-card{display:grid;grid-template-columns:38% 62%}.solution-card-copy{padding:23px 19px}.solution-card h3{font-size:33px}.solution-card figure:has(.collage-art){height:100%;aspect-ratio:auto}.solution-card figure img.collage-art{object-fit:cover;height:100%}
 .work-grid,.work-grid .work-study:last-child,.home-people,.service-showcase,.portfolio-slot{grid-template-columns:1fr;gap:32px}.work-grid .work-study:last-child{gap:0}.work-study h3{font-size:32px}.work-study p{font-size:17px}.work-grid{gap:40px}.logo-placeholders{grid-template-columns:1fr 1fr}.logo-placeholders>span{font-size:20px;padding:24px 8px}
 .team-grid{grid-template-columns:1fr 1fr;gap:30px 16px}.team-member h3{font-size:32px}.portrait-placeholder{padding:12px}.portrait-initial{font-size:110px}.team-member p{font-size:16px}.team-photo-placeholder{padding:26px}.team-photo-placeholder strong{font-size:60px}.media-slot{padding:24px;min-height:300px}
 .contact-expectation{grid-column:1}.contact-expectation+.inquiry-form{grid-column:1}.privacy-inline{width:auto;margin:20px 0 0}.location-photo figcaption{display:block}.location-photo .replacement-label{margin-bottom:8px}
}
@media(prefers-reduced-motion:reduce){.hero-live .hero-arm{transform:none!important;will-change:auto}.hero-words span{opacity:1!important;transform:none!important;will-change:auto}html{scroll-behavior:auto!important}}
@media(max-width:760px){.hero-live .hero-arm{height:100%;bottom:24px}.collage-hero:has(.team-photo-placeholder){gap:28px}}

.inquiry-form .contact-expectation{grid-column:auto}.hero-live .button.ink{background:#ef5289;color:#001c2b}

.team-section .shoot-note{margin-top:26px}
/* Keep each word inside the viewport throughout its staggered scroll reveal. */
.hero-words{top:30%}
@media(max-width:760px){.hero-words{top:64%;right:40%}}
@media(max-width:760px){.hero-words{top:52%;gap:5px;transform:none}.hero-words span{font-size:20px;padding:5px 10px}}

/* Image-first guides: category colour frames the story, white keeps reading calm. */
.guide-page{--guide-color:#fdb72b}
.guide-tone-pink{--guide-color:#ef5289}
.guide-tone-orange{--guide-color:#f57f2c}
.guide-tone-green{--guide-color:#84cba0}
.guide-page .text-hero.guide-hero{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:0;margin:0 var(--gutter) 64px;background:var(--guide-color);overflow:hidden}
.guide-page .guide-hero>.guide-collage{display:block;width:100%;height:clamp(340px,43vw,620px);aspect-ratio:auto;object-fit:cover;object-position:center 42%;border-radius:0}
.guide-page .guide-hero-copy{padding:46px clamp(24px,5vw,80px) 52px;color:#001c2b}
.guide-page .guide-hero-copy h1{font-size:clamp(44px,5vw,76px);line-height:1.04;max-width:24ch;margin:0 0 24px;text-wrap:balance}
.guide-page .guide-hero-copy p{max-width:65ch;margin:0;font-size:19px}
.guide-page .guide-hero-copy .guide-category{font-size:14px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin:0 0 24px}
.guide-page .legal-content{max-width:900px;margin:0 auto;padding:0 32px 80px;font-size:20px;line-height:1.7}
.guide-page .legal-content h2{border-top:4px solid var(--guide-color);padding-top:28px;margin-top:56px;font-size:clamp(32px,3.5vw,46px);line-height:1.12}
.guide-page .legal-content h3{line-height:1.2}
.guide-page .legal-content a{text-decoration-thickness:2px;text-underline-offset:5px}
.guide-page .legal-content blockquote{margin:32px 0;padding:24px 28px;border-left:5px solid var(--guide-color);background:#f5f4ef}
@media(max-width:760px){
 .guide-page .text-hero.guide-hero{margin:0 0 40px}
 .guide-page .guide-hero>.guide-collage{height:auto;aspect-ratio:4/3}
 .guide-page .guide-hero-copy{padding:30px var(--gutter) 36px}
 .guide-page .guide-hero-copy h1{font-size:clamp(38px,9vw,54px);max-width:none}
 .guide-page .guide-hero-copy p{font-size:17px}
 .guide-page .legal-content{padding:0 var(--gutter) 48px;font-size:18px}
 .guide-page .legal-content h2{margin-top:40px;padding-top:22px}
}
/* Portfolio: one lead story, two supporting formats; artwork before explanation. */
.project-index{display:grid;grid-template-columns:1fr 1fr;gap:56px 32px;margin:32px 0}
.project-card{display:block;color:var(--ink);text-decoration:none;min-width:0}
.project-card:first-child{grid-column:1/-1;display:grid;grid-template-columns:1.45fr 1fr;align-items:center;background:#f5f4ef}
.project-card-copy{padding:24px 0}.project-card:first-child .project-card-copy{padding:40px}
.project-card h3{font-size:clamp(34px,3.2vw,52px);line-height:1.04;margin:12px 0 20px}
.project-card p{font-size:18px;line-height:1.55}.eyebrow{font-size:14px!important;font-weight:700;text-transform:uppercase;letter-spacing:.06em}
.project-media{position:relative;overflow:hidden}.project-media img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;filter:none;transition:transform .22s ease-out}
.project-media .replacement-label{position:absolute;left:16px;bottom:16px;background:#fff;color:#001c2b;padding:7px 10px;font-size:12px}
.project-card:hover img,.project-card:focus-visible img{transform:scale(1.025)}
.project-card:focus-visible{outline:3px solid #001c2b;outline-offset:5px}
.project-heading{max-width:1200px;padding-bottom:44px}.project-heading h1{font-size:clamp(48px,6.8vw,92px);max-width:20ch;line-height:1;margin:20px 0 28px}.project-heading>p{max-width:64ch}
.project-cover{margin:0 var(--gutter)}.project-cover img{display:block;width:100%;max-height:680px;aspect-ratio:16/9;object-fit:cover;filter:none}
.project-context{display:grid;grid-template-columns:1.2fr 1fr;gap:9%}.project-context h2{font-size:clamp(36px,4vw,56px);line-height:1.07}.project-context li{padding:10px 0;border-bottom:1px solid #c6d0d3}
.project-gallery{padding-top:16px}.gallery-controls{display:flex;align-items:center;justify-content:flex-end;gap:24px;margin-bottom:20px}.gallery-controls[hidden]{display:none}.gallery-controls p{margin:0;font-size:16px}.gallery-controls button{width:48px;height:48px;border:1px solid #001c2b;background:white;color:#001c2b;font-size:24px;cursor:pointer}
.gallery-slides>figure{margin:0}.gallery-slides>figure[hidden]{display:none}.gallery-slides img{width:100%;height:auto;aspect-ratio:16/9;max-height:640px;object-fit:cover;filter:none}.gallery-slides figcaption{font-size:16px;padding:16px 0}
.material-slot{min-height:360px;background:#eae8df;padding:clamp(24px,6vw,80px);display:flex;flex-direction:column;justify-content:center;border:1px dashed #597078}.material-slot>span{font-size:14px;text-transform:uppercase}.material-slot h3{margin:20px 0}.material-slot p{max-width:55ch}
.project-decision{margin:0 var(--gutter);padding:56px; background:#b5a2ce}.project-decision h2{font-size:clamp(34px,3.5vw,50px);max-width:34ch;line-height:1.12}.project-decision>p:last-child{max-width:70ch;margin-top:28px}.project-yellow{--project-accent:#fdb72b}.project-decision.project-yellow{background:#fdb72b}.project-decision.project-green{background:#84cba0}
.project-contact{display:grid;grid-template-columns:1.2fr 1fr;gap:48px;align-items:center}.project-contact>div:last-child{display:grid;justify-items:start;gap:24px}
.hero-live .hero-region{font-size:15px;line-height:1.4;color:#b5a2ce;max-width:38ch;margin:0 0 24px}.hero-work-link{display:inline-block;color:white;text-decoration:underline;text-underline-offset:6px;margin-top:22px;font-size:18px}
.hero-motion-control{position:absolute;right:24px;bottom:18px;z-index:3;background:#001c2b;color:white;border:1px solid #83949a;min-height:44px;padding:8px 14px;font-size:13px;cursor:pointer}
.hero-symbol{position:absolute;background:#b5a2ce;color:#001c2b;padding:16px;width:110px;z-index:0;transform:rotate(-8deg);animation:hero-build .65s both;animation-delay:.15s}
.hero-symbol svg{display:block;width:100%;height:auto}.hero-web{top:10%;left:0}.hero-film{top:6%;right:9%;width:85px;background:#84cba0;transform:rotate(10deg);animation-delay:.3s}.hero-dialog{bottom:14%;left:4%;width:90px;background:#fdb72b;animation-delay:.45s}
.hero-live .hero-arm{z-index:1;animation:arm-build .75s both}.hero-live .hero-words{z-index:2;top:42%;right:8%;gap:8px;transform:none}.hero-live .hero-words span{opacity:1;transform:none;font-size:clamp(22px,2.4vw,34px);animation:hero-build .6s both;animation-delay:.35s}.hero-live .hero-words span:nth-child(2){animation-delay:.5s}.hero-live .hero-words span:nth-child(3){animation-delay:.65s}
@keyframes hero-build{from{opacity:0;transform:translateY(18px) rotate(-5deg)}to{opacity:1}}
@keyframes arm-build{from{opacity:0;translate:0 24px}to{opacity:1;translate:0 0}}
.motion-paused *{animation:none!important;translate:none!important}
@media(max-width:760px){
 .project-index,.project-card:first-child,.project-context,.project-contact{display:block}.project-card{margin-bottom:40px}.project-card:first-child .project-card-copy{padding:24px}.project-card-copy{padding:20px 0}.project-context>div+div{margin-top:32px}.project-contact>div+div{margin-top:28px}.project-cover{margin:0}.project-cover img{aspect-ratio:4/3}.project-decision{margin:0;padding:36px var(--gutter)}.gallery-slides img{aspect-ratio:4/3}.material-slot{min-height:300px}
 .hero-live{padding-top:340px;padding-bottom:80px}.hero-live .editorial-hero-image{height:320px}.hero-live .hero-arm{width:59%;height:100%;right:3%;bottom:0}.hero-live .hero-words{top:45%;right:auto;left:5%;gap:5px}.hero-live .hero-words span{font-size:22px;padding:6px 10px;margin:0}.hero-web{width:80px;left:7%;top:8%}.hero-film{width:60px;right:8%;top:6%}.hero-dialog{width:60px;bottom:6%;left:18%}.hero-live .hero-region{font-size:14px;margin-bottom:18px}.hero-motion-control{bottom:16px;right:var(--gutter)}
}
@media(prefers-reduced-motion:reduce){.hero-live *{animation:none!important;translate:none!important;transform:none!important}.project-media img{transition:none}.hero-motion-control{display:none}}
.portfolio-page .project-heading{padding-top:48px;padding-bottom:24px}
.portfolio-page .project-heading+.project-index{padding-top:24px;margin-top:0}
@media(max-width:760px){.hero-live{padding-top:300px}.hero-live .editorial-hero-image{height:280px}.hero-live .editorial-copy h1{font-size:54px}.hero-live .editorial-copy>p:not(.hero-region){font-size:18px}.hero-film{left:43%;right:auto;top:3%}}
/* Calm hero: one motif, three messages, a quiet petrol backdrop. */
.hero-live{background:radial-gradient(ellipse at 86% 38%,#164b55 0%,#08303b 35%,#001c2b 72%)}
.hero-live .editorial-hero-image::before{content:"";position:absolute;width:86%;aspect-ratio:1;border:1px solid rgba(180,220,218,.14);border-radius:50%;right:-12%;top:8%;pointer-events:none}
.hero-live .hero-arm{animation:calm-arm .65s ease-out both;will-change:auto}
.hero-live .hero-words{transform:none;gap:8px}
.hero-live .hero-words span{animation:calm-message .45s ease-out both;will-change:auto;margin-right:0;transform:none}
.hero-live .hero-words span:nth-child(1){animation-delay:.1s}
.hero-live .hero-words span:nth-child(2){animation-delay:.2s}
.hero-live .hero-words span:nth-child(3){animation-delay:.3s}
@keyframes calm-arm{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}
@keyframes calm-message{from{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}
@media(max-width:760px){.hero-live{padding-bottom:44px}.hero-live .editorial-hero-image::before{width:86%;right:-15%;top:0}.hero-live .hero-words{left:6%;top:46%;justify-items:start}.hero-live .hero-words span{font-size:21px}}
@media(prefers-reduced-motion:reduce){.hero-live *{animation:none!important;translate:none!important}}
@media(max-width:760px){.hero-live .hero-arm{height:94%;bottom:0}}
/* A named project contact, with an honest portrait replacement area. */
.personal-contact{display:grid;grid-template-columns:minmax(180px,280px) minmax(0,650px);gap:clamp(32px,6vw,88px);align-items:center;margin-top:24px;border-top:1px solid #c6d0d3}
.contact-portrait{aspect-ratio:4/5;background:#b5a2ce;color:#001c2b;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden}
.contact-portrait>span{font:800 150px/1 'Barlow Condensed',sans-serif}.contact-portrait>small{position:absolute;bottom:18px;left:16px;right:16px;text-align:center;font-size:13px;line-height:1.4}
.personal-contact-copy h2{font-size:56px;margin:12px 0}.contact-person-role{font-weight:600;margin:0 0 24px}.personal-contact-copy>p{max-width:55ch}.personal-contact-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:28px}
@media(max-width:760px){.personal-contact{grid-template-columns:1fr;gap:28px}.contact-portrait{width:160px;aspect-ratio:1}.contact-portrait>span{font-size:90px}.contact-portrait>small{font-size:11px;bottom:8px;left:8px;right:8px}.personal-contact-copy h2{font-size:46px}.personal-contact-actions{align-items:flex-start;flex-direction:column}}
/* Scroll follows the visitor: a restrained lift and a soft theatrical spotlight. */
.header{position:sticky;top:0;z-index:50;box-shadow:0 1px 0 rgba(0,32,43,.12)}
html{scroll-padding-top:120px}
.hero-live{--hero-lift:0px;--hero-zoom:1;--word-lift:0px;--spot-opacity:.12;--spot-scale:.9}
.hero-live .hero-arm{transform:translateY(var(--hero-lift)) scale(var(--hero-zoom));transform-origin:55% 70%}
.hero-live .hero-words{translate:0 var(--word-lift)}
.hero-live .editorial-hero-image::before{border:1px solid rgba(180,220,218,.16);background:radial-gradient(circle,rgba(213,241,223,.65) 0%,rgba(141,201,183,.3) 44%,rgba(141,201,183,0) 72%);opacity:var(--spot-opacity);transform:scale(var(--spot-scale));width:105%;right:-12%;top:5%;pointer-events:none}
@media(max-width:980px){.header:has(.navigation.is-open){max-height:100dvh;overflow-y:auto;overscroll-behavior:contain}}
@media(max-width:760px){html{scroll-padding-top:100px}.hero-live .editorial-hero-image::before{width:105%;right:-16%;top:-4%}}
@media(prefers-reduced-motion:reduce){.hero-live .hero-arm{transform:none!important}.hero-live .hero-words{translate:none!important}.hero-live .editorial-hero-image::before{opacity:.12;transform:none}}
/* SVG arrows avoid iOS emoji substitution and inherit the link colour. */
a .inline-arrow{display:inline-block;width:1.15em;height:1.15em;min-width:1.15em;vertical-align:-.18em;margin-left:.35em;flex-shrink:0}
.hero-work-link .inline-arrow{width:24px;height:24px}

/* KI solution: lemon sampled from the collage, distinct from regional gold. */
.solution-card.lemon{background:#f6e02f}