.service-page{--accent:#d9ff43;background:var(--paper)}.service-page.strategy{--accent:#d9ff43}.service-page.brand-page{--accent:#ff5e46}.service-page.web-page{--accent:#5b6eff}.service-page.digital-page{--accent:#f0cf4a}.service-page .site-header{position:absolute}.service-page .brand img{width:48px}.service-hero{min-height:100vh;padding:160px 3.2vw 45px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.service-hero .service-no{font:400 12px var(--mono);text-transform:uppercase;letter-spacing:.1em;display:flex;justify-content:space-between;position:relative;z-index:2}.service-hero h1{font-size:clamp(75px,12.7vw,195px);font-weight:500;letter-spacing:-.085em;line-height:.76;margin:8vh 0;position:relative;z-index:2}.service-hero h1 em{font-family:Georgia,serif;font-weight:400;display:block;margin-left:16vw}.service-hero h1 .accent{color:var(--accent)}.service-hero-foot{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:40px;position:relative;z-index:2}.service-hero-foot p{grid-column:2;font-size:clamp(20px,2.1vw,32px);line-height:1.25;letter-spacing:-.03em;max-width:730px;margin:0}.service-hero-foot a{font:400 12px var(--mono);text-transform:uppercase;width:max-content;border-bottom:1px solid}.service-symbol{position:absolute;right:-3vw;top:18%;width:39vw;height:39vw;border:clamp(34px,7vw,110px) solid var(--accent);border-radius:50%;opacity:.24;transform:rotate(-18deg)}.brand-page .service-symbol{border-radius:0;transform:rotate(14deg);right:4%}.web-page .service-symbol{border-radius:50% 0 50% 0;transform:rotate(45deg)}.digital-page .service-symbol{border-width:2px;box-shadow:0 0 0 4vw var(--accent),0 0 0 8vw transparent,0 0 0 9vw var(--accent);opacity:.38}.service-intro{background:var(--ink);color:var(--paper);padding:150px 3.2vw}.service-intro-grid{display:grid;grid-template-columns:1fr 2fr;gap:35px}.service-intro h2{font-size:clamp(46px,6.2vw,95px);line-height:.98;letter-spacing:-.06em;font-weight:500;margin:0 0 75px}.service-intro h2 em{font-family:Georgia,serif;font-weight:400;color:var(--accent)}.service-intro-copy{grid-column:2;display:grid;grid-template-columns:1fr 1fr;gap:50px}.service-intro-copy p{font-size:18px;color:#c7c0b7;margin:0}.service-intro-copy p:first-child{font-size:25px;color:var(--paper);line-height:1.35;letter-spacing:-.02em}.capabilities{padding:145px 3.2vw}.cap-top{display:grid;grid-template-columns:1fr 2fr;margin-bottom:70px}.cap-top h2{font-size:clamp(45px,6vw,92px);line-height:.95;letter-spacing:-.06em;font-weight:500;margin:0}.cap-list{margin-left:33.333%;border-top:1px solid var(--line)}.cap-item{display:grid;grid-template-columns:70px 1fr 1fr;gap:25px;padding:31px 0;border-bottom:1px solid var(--line)}.cap-item>span{font:400 12px var(--mono)}.cap-item h3{margin:0;font-size:clamp(24px,2.5vw,40px);font-weight:500;letter-spacing:-.04em}.cap-item p{margin:0;max-width:430px;color:#575151;font-size:16px}.process{background:var(--accent);padding:145px 3.2vw}.process-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:80px}.process h2{font-size:clamp(52px,7vw,105px);line-height:.9;letter-spacing:-.07em;margin:0;font-weight:500}.process-head p{max-width:430px;font-size:18px}.steps{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(0,0,0,.25)}.step{padding:25px 25px 60px 0;border-right:1px solid rgba(0,0,0,.25);min-height:300px}.step+.step{padding-left:25px}.step span{font:400 12px var(--mono)}.step h3{font-size:27px;letter-spacing:-.04em;margin:80px 0 15px}.step p{font-size:15px;max-width:250px}.service-proof{padding:145px 3.2vw;display:grid;grid-template-columns:1fr 2fr;gap:40px}.proof-card{grid-column:2;background:var(--ink);color:var(--paper);padding:5vw;min-height:60vh;display:flex;flex-direction:column;justify-content:space-between}.proof-card .quote{font-size:clamp(37px,5vw,76px);line-height:1.02;letter-spacing:-.055em}.proof-card .quote em{font-family:Georgia,serif;color:var(--accent);font-weight:400}.proof-meta{display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.25);padding-top:20px;font:400 12px var(--mono);text-transform:uppercase}.service-next{border-top:1px solid var(--line);padding:80px 3.2vw 120px}.service-next>a{display:flex;justify-content:space-between;align-items:end}.service-next span{font:400 12px var(--mono);text-transform:uppercase}.service-next strong{font-size:clamp(50px,8vw,120px);line-height:.9;letter-spacing:-.07em;font-weight:500}.service-next b{font-size:55px;font-weight:400;transition:.3s}.service-next a:hover b{transform:translate(10px,-10px)}.service-contact{background:var(--ink);color:var(--paper);padding:100px 3.2vw 40px}.service-contact h2{font-size:clamp(67px,11vw,165px);letter-spacing:-.08em;line-height:.82;font-weight:500;margin:90px 0 110px}.service-contact h2 em{font-family:Georgia,serif;color:var(--accent);font-weight:400}.service-contact .contact-top{border-color:rgba(255,255,255,.2)}.service-contact .contact-foot{border-color:rgba(255,255,255,.2)}.service-contact .footer-brand img{filter:invert(1)}
@media(max-width:780px){.service-hero{padding:125px 20px 35px;min-height:760px}.service-hero h1{font-size:18vw}.service-hero h1 em{margin-left:7vw}.service-hero-foot{display:block}.service-hero-foot p{font-size:20px;margin-top:28px}.service-symbol{width:75vw;height:75vw;right:-35vw;top:29%}.service-intro,.capabilities,.process,.service-proof{padding:90px 20px}.service-intro-grid,.service-intro-copy,.cap-top{display:block}.service-intro h2{margin:35px 0 55px}.service-intro-copy p+p{margin-top:25px}.cap-top .kicker{display:block;margin-bottom:35px}.cap-list{margin-left:0}.cap-item{grid-template-columns:38px 1fr}.cap-item p{grid-column:2}.process-head{display:block}.process-head p{margin-top:30px}.steps{grid-template-columns:1fr}.step{border-right:0;border-bottom:1px solid rgba(0,0,0,.25);padding:25px 0 40px;min-height:0}.step+.step{padding-left:0}.step h3{margin:45px 0 10px}.service-proof{display:block}.proof-card{padding:35px 25px;min-height:520px;margin-top:35px}.service-next{padding:65px 20px 85px}.service-next>a{align-items:center}.service-next strong{font-size:13vw}.service-contact{padding:70px 20px 25px}.service-contact h2{font-size:18vw}.service-contact .contact-foot{grid-template-columns:1fr 1fr}}

.service-links{padding:8rem 3.2vw;background:#f2f0ec;border-top:1px solid rgba(21,21,21,.18);display:grid;grid-template-columns:.75fr 1.25fr;gap:6vw}.service-links h2{font-size:clamp(2.3rem,4.2vw,5.4rem);line-height:.98;font-weight:500;letter-spacing:-.055em;margin:1.2rem 0 0}.service-links h2 em{font-family:Georgia,serif;font-weight:400}.service-link-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid #151515}.service-link-grid a{display:grid;grid-template-columns:1fr auto;gap:.65rem 1rem;padding:1.4rem 0;color:inherit;text-decoration:none;border-bottom:1px solid rgba(21,21,21,.25);transition:padding .25s ease}.service-link-grid a:nth-child(odd){padding-right:1.5rem}.service-link-grid a:nth-child(even){padding-left:1.5rem;border-left:1px solid rgba(21,21,21,.25)}.service-link-grid a:hover{padding-top:1.15rem;padding-bottom:1.65rem}.service-link-grid span{grid-column:1/-1;font-family:"DM Mono",monospace;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;opacity:.62}.service-link-grid strong{font-size:1.12rem;font-weight:500}.service-link-grid b{font-family:"DM Mono",monospace;font-weight:400}@media(max-width:780px){.service-links{grid-template-columns:1fr;padding:5rem 20px}.service-link-grid{grid-template-columns:1fr}.service-link-grid a:nth-child(odd),.service-link-grid a:nth-child(even){padding-left:0;padding-right:0;border-left:0}}

/* Linked capability names retain the clean labels but clearly respond as links. */
.cap-item h3 a{position:relative;display:inline-block;color:inherit;text-decoration:none;transition:color .25s ease,transform .25s cubic-bezier(.2,.75,.2,1)}
.cap-item h3 a::after{content:"";position:absolute;right:0;bottom:-.16em;left:0;height:2px;background:#3f4ed7;transform:scaleX(0);transform-origin:left center;transition:transform .28s cubic-bezier(.2,.75,.2,1)}
.cap-item h3 a:hover,.cap-item h3 a:focus-visible{color:#3f4ed7;transform:translateX(.38rem)}
.cap-item h3 a:hover::after,.cap-item h3 a:focus-visible::after{transform:scaleX(1)}
@media(prefers-reduced-motion:reduce){.cap-item h3 a,.cap-item h3 a::after{transition:none}.cap-item h3 a:hover,.cap-item h3 a:focus-visible{transform:none}}