/* BrandNerds studio: work-led, compact, and easy to browse. */
.button,.service-button,.directory-wa,.contact-choice-link,.finder-controls>a{border-radius:9px!important}.button{min-height:44px;gap:10px;white-space:normal;line-height:1.4}.button svg{flex-shrink:0}.text-link{line-height:1.5}button:focus-visible,a:focus-visible{outline:3px solid #47a7e8;outline-offset:5px}button svg{pointer-events:none}svg{max-width:100%}
.home-banners{position:relative;background:var(--navy);color:white;overflow:hidden}.banner-stage{min-height:490px}.banner-grid{grid-template-columns:1.18fr .82fr;min-height:490px;gap:55px;padding-top:42px;padding-bottom:64px}.banner-copy h1,.banner-copy h2{color:white;line-height:1.1;letter-spacing:-2px;margin:25px 0;font-size:clamp(35px,3.6vw,51px)}.banner-copy h1{font-size:clamp(29px,3vw,43px);white-space:nowrap;letter-spacing:-1.8px}.banner-copy p{max-width:520px;font-size:16px;line-height:1.8}.banner-copy .overline{font-size:10px}.banner-actions{margin-top:28px;gap:25px}.banner-actions .button{font-size:13px;padding:15px 20px}.banner-secondary{font-size:12px}.banner-image img{height:350px;border-radius:18px}.banner-1 .banner-image img{object-fit:cover}.banner-location{font-size:10px;margin-top:24px}.banner-controls{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:16px;padding:0;z-index:2}.banner-controls [role=tablist]{display:flex;gap:0;align-items:center}.banner-controls .banner-dot{width:28px;height:30px;position:relative;border:0;padding:0;min-width:28px;background:transparent}.banner-dot:after{content:'';position:absolute;width:7px;height:7px;border:1px solid #dae4ff;border-radius:50%;inset:0;margin:auto;background:transparent;transition:transform .2s,background .2s}.banner-controls .banner-dot[aria-selected=true]:after{background:white;transform:scale(1.2)}.banner-controls .banner-pause{background:#ffffff12;border:1px solid #ffffff30;border-radius:50%;height:30px;width:30px;max-width:none;padding:6px;text-decoration:none;display:grid;place-items:center;color:white}.banner-pause svg,.feedback-controls button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.banner-panel[hidden],.feedback-slide[hidden]{display:none!important}.banner-panel:not([hidden]) .banner-copy{animation:banner-in .45s ease-out}@keyframes banner-in{from{opacity:.4;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
.brand-clients{background:#fff;border-bottom:1px solid var(--line);padding:25px 0}.brand-clients>.wrap{display:flex;gap:60px;align-items:center}.brand-clients .overline{font-size:10px;color:#7d879f;min-width:110px}.client-logo-row{display:flex;justify-content:space-around;align-items:center;gap:65px;flex:1}.client-logo-row a{display:flex;align-items:center;justify-content:center;min-width:130px;height:75px;transition:transform .2s}.client-logo-row a:hover{transform:translateY(-3px)}.client-logo-row img{width:auto;max-width:165px;height:auto;max-height:66px;object-fit:contain}.client-logo-row a:first-child img{max-height:43px}
.studio-services{background:#f4f6fc;padding-top:70px;padding-bottom:60px}.studio-heading{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:35px}.studio-heading h2{font-size:clamp(34px,3.8vw,50px);line-height:1.1;letter-spacing:-1.6px;margin-top:17px}.studio-heading>div:last-child{max-width:365px}.studio-heading p{font-size:15px;line-height:1.8}.studio-heading .button{display:inline-flex;font-size:12px;margin-top:18px;padding:12px 18px}.studio-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.studio-service{background:white;border:1px solid #e1e7f2;border-radius:15px;position:relative;padding:27px 28px 30px;min-height:230px;box-shadow:0 6px 20px #02155a02;transition:transform .2s,box-shadow .2s,border .2s}.studio-service:hover,.studio-service:focus-within{transform:translateY(-4px);box-shadow:0 14px 28px #02155a0a;border-color:#9ebde2}.service-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.service-card-top>span:last-child{font-size:10px;color:#a2afc4}.service-glyph{height:44px;width:44px;border-radius:12px;background:#ecf5ff;display:grid;place-items:center;color:#2879b5}.studio-service:nth-child(3n+2) .service-glyph{background:#fff0f5;color:#ce2767}.studio-service:nth-child(3n) .service-glyph{background:#eaf6ef;color:#1e8c61}.studio-service h3{font-size:24px;letter-spacing:-.6px;margin-bottom:12px}.studio-service p{font-size:13px;line-height:1.65;max-width:80%;margin:0}.service-open{position:absolute;right:24px;bottom:27px;width:35px;height:35px;border:1px solid #dce4ef;border-radius:50%;display:grid;place-items:center;color:var(--navy)}.service-open:before{content:'';position:absolute;inset:-150px -24px -27px -280px;border-radius:15px}.service-open svg{width:17px;height:17px}.all-services{display:inline-flex;align-items:center;gap:12px;font-size:12px;font-weight:700;margin-top:28px}.all-services svg{width:18px}
.studio-feedback{background:#edf3f8}.feedback-carousel{border-radius:20px;overflow:hidden;background:white;box-shadow:0 15px 50px #02155a06}.feedback-slide{display:grid;grid-template-columns:.85fr 1.15fr;min-height:370px}.feedback-photo{position:relative;overflow:hidden;background:#d8e2ea}.feedback-photo img{display:block;width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.feedback-photo:after{content:'';position:absolute;inset:65% 0 0;background:linear-gradient(transparent,#071b4cb3)}.feedback-photo>span{position:absolute;left:30px;bottom:25px;font-size:9px;letter-spacing:2px;color:white;z-index:1}.feedback-slide figure{padding:38px 45px;margin:0;display:flex;flex-direction:column;justify-content:center}.feedback-mark{height:60px;display:flex;align-items:center;margin-bottom:25px}.feedback-mark img{max-width:150px;height:60px;width:auto;object-fit:contain}.feedback-wordmark{font-size:24px;font-weight:750;letter-spacing:-1px}.feedback-slide blockquote{font-size:23px;font-weight:500;line-height:1.55;color:var(--navy);letter-spacing:-.4px;margin:0}.feedback-slide figcaption{font-size:12px;color:#7c88a0;margin-top:25px}.feedback-controls{display:flex;align-items:center;justify-content:space-between;padding:17px 30px;border-top:1px solid #e7ecf3}.feedback-count{font-size:11px;letter-spacing:2px;color:#8895a9}.feedback-controls>div{display:flex;gap:10px}.feedback-controls button{height:35px;width:35px;display:grid;place-items:center;border:1px solid #dce5ef;border-radius:50%;background:white;color:var(--navy)}.feedback-slide:not([hidden]) figure{animation:banner-in .4s ease-out}
.concept-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.concept-card:first-child{grid-column:1/-1;display:grid;grid-template-columns:1.4fr .6fr;background:#f7efeb;border-radius:18px;overflow:hidden;align-items:center}.concept-card{display:block;min-width:0}.concept-art{overflow:hidden;border-radius:16px;background:#ede9e4;aspect-ratio:1.5}.concept-card:first-child .concept-art{border-radius:0;aspect-ratio:1.5}.concept-art img{height:100%;width:100%;object-fit:cover;display:block;transition:transform .5s}.concept-card:hover img{transform:scale(1.025)}.concept-copy{padding:22px 2px}.concept-card:first-child .concept-copy{padding:30px}.concept-copy>span,.concept-type{font-size:9px;letter-spacing:1.3px;font-weight:700;color:#7b6c69;text-transform:uppercase}.concept-copy h3{font-size:27px;margin:15px 0 12px;letter-spacing:-.7px}.concept-copy p{font-size:13px;line-height:1.8}.concept-copy strong{display:inline-flex;gap:12px;align-items:center;font-size:11px;margin-top:20px}.concept-copy strong svg{width:18px;height:18px}.concept-detail{padding:60px 0}.concept-detail:nth-of-type(even){background:#f4f6fa}.concept-detail .wrap>img{display:block;width:100%;height:auto;border-radius:18px;margin-top:30px}.concept-detail-head{display:grid;grid-template-columns:1fr 1fr;gap:70px}.concept-detail h2{font-size:40px;letter-spacing:-1.2px;margin:14px 0}.concept-detail p{font-size:14px;line-height:1.9}.concept-detail .button{display:inline-flex;margin-top:22px;font-size:12px}.portfolio-intro>p{max-width:700px}
@media(max-width:1000px){.banner-grid{gap:30px;grid-template-columns:1.1fr .9fr}.banner-copy h1{font-size:clamp(27px,3.2vw,36px);letter-spacing:-1.5px}.banner-copy h2{font-size:38px}.banner-copy p{font-size:14px}.client-logo-row{gap:20px}.brand-clients>.wrap{gap:20px}.feedback-slide blockquote{font-size:21px}.feedback-slide figure{padding:30px}.concept-card:first-child{grid-template-columns:1.15fr .85fr}.service-open:before{inset:-150px -24px -27px -180px}}
@media(max-width:700px){.banner-grid{grid-template-columns:1fr;gap:24px;min-height:680px;padding-top:32px;padding-bottom:65px}.banner-copy h1{font-size:clamp(21px,5.7vw,35px);letter-spacing:-.8px;margin:22px 0}.banner-copy h2{font-size:34px;margin:20px 0}.banner-copy .overline{font-size:8px;letter-spacing:1px}.banner-copy p{font-size:14px;line-height:1.8}.banner-actions{gap:18px;margin-top:22px}.banner-actions .button{font-size:11px;padding:13px 14px}.banner-secondary{font-size:10px}.banner-location{font-size:9px;margin-top:17px}.banner-image img{height:235px;border-radius:12px}.banner-stage{min-height:680px}.banner-controls{bottom:16px}.brand-clients{padding:23px 0}.brand-clients>.wrap{display:block}.brand-clients .overline{display:block;text-align:center;margin-bottom:12px}.client-logo-row{gap:20px;justify-content:space-between}.client-logo-row a{min-width:0;flex:1;height:65px}.client-logo-row img{max-width:100%;max-height:52px}.client-logo-row a:first-child img{max-height:32px}.studio-heading{display:block;margin-bottom:27px}.studio-heading h2{font-size:37px;line-height:1.12}.studio-heading>div:last-child{max-width:none}.studio-heading p{font-size:14px;margin-top:18px}.studio-services{padding:45px 0}.studio-service-grid{grid-template-columns:1fr 1fr;gap:12px}.studio-service{min-height:210px;padding:19px 17px 24px}.service-card-top{margin-bottom:18px}.service-glyph{width:38px;height:38px;border-radius:10px}.service-glyph svg{width:22px;height:22px}.studio-service h3{font-size:21px;line-height:1.15;letter-spacing:-.4px}.studio-service p{font-size:11px;max-width:100%;padding-bottom:30px}.service-open{width:28px;height:28px;right:15px;bottom:15px}.service-open:before{inset:-160px -15px -15px -120px}.all-services{margin-top:23px}.feedback-slide{grid-template-columns:1fr;min-height:610px}.feedback-photo{height:215px}.feedback-slide figure{padding:28px;min-height:340px}.feedback-slide blockquote{font-size:20px}.feedback-mark{margin-bottom:20px;height:45px}.feedback-mark img{height:45px}.feedback-controls{padding:14px 23px}.feedback-photo>span{left:23px;font-size:8px}.concept-grid{grid-template-columns:1fr;gap:25px}.concept-card:first-child{display:block}.concept-card:first-child .concept-copy{padding:25px}.concept-art{border-radius:12px}.concept-copy h3{font-size:26px}.concept-detail-head{grid-template-columns:1fr;gap:18px}.concept-detail h2{font-size:33px}.concept-detail{padding:40px 0}.concept-detail .wrap>img{border-radius:10px}.consultation-band-grid h2{font-size:34px}.studio-feedback{padding:45px 0}}
@media(prefers-reduced-motion:reduce){.banner-panel .banner-copy,.feedback-slide figure{animation:none!important}.studio-service,.concept-art img,.client-logo-row a{transition:none!important}.studio-service:hover{transform:none}}
.service-open{position:absolute;inset:0;width:auto;height:auto;border:0;border-radius:15px;display:block}.service-open:before{display:none}.service-open>svg{position:absolute;bottom:24px;right:24px;box-sizing:content-box;padding:8px;border:1px solid #dce4ef;border-radius:50%;width:17px;height:17px}.service-open:focus-visible{outline-offset:2px}@media(max-width:700px){.service-open>svg{bottom:15px;right:15px;padding:5px;width:16px;height:16px}}