.agency-hero{background:#0c0e11;color:#f7f6f2;isolation:isolate}
.agency-stage{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 76% 42%,#3a101944,transparent 52%),#0c0e11}
.agency-atmosphere{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 82% 30%,#aa112d20,transparent 45%),repeating-linear-gradient(115deg,transparent 0 109px,#ffffff03 110px,transparent 111px 220px);mask-image:linear-gradient(90deg,transparent,#000 50%)}
.agency-breadcrumbs .breadcrumbs{margin:0;padding-block:22px;font-size:12px;color:#b5b8c0}
.agency-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:24px;align-items:center;min-height:590px;padding-block:28px 58px}
.agency-copy{position:relative;z-index:2;padding-block:20px}
.agency-copy h1{font-size:clamp(48px,4.7vw,68px);line-height:1.07;letter-spacing:-.045em;margin-bottom:29px;max-width:12ch}
.agency-title-brand{display:block;font-size:13px;font-weight:700;line-height:1.5;letter-spacing:.16em;text-transform:uppercase;color:#fa303d;margin-bottom:30px}
.agency-title-brand:before{content:'';display:inline-block;width:25px;height:2px;background:currentColor;vertical-align:middle;margin-right:13px}
.agency-intro{max-width:43ch;font-size:18px;line-height:1.8;color:#c7c8ce;margin-bottom:30px}
.agency-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.agency-actions .button{padding-inline:22px}
.agency-contact{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:600}
.agency-contact svg{width:19px}
.agency-contact:hover{color:#ff636a}
.agency-promise{display:flex;align-items:center;gap:10px;font-size:15px;color:#c2c5cd;margin:28px 0 0;line-height:1.65}
.agency-promise>span{width:6px;height:6px;flex:none;border-radius:50%;background:#e00a19;box-shadow:0 0 18px #f9133c88}
.agency-hero a:focus-visible{outline-color:#fff}
.agency-universe{position:relative;aspect-ratio:1;width:100%;min-width:0;isolation:isolate;perspective:1000px}
.agency-depth{position:absolute;inset:0;transform:rotateX(var(--agency-tilt-x,0deg)) rotateY(var(--agency-tilt-y,0deg));transition:transform 1.3s cubic-bezier(.16,1,.3,1);transform-style:preserve-3d}
.agency-sculpture{position:absolute;inset:-8%;mask-image:radial-gradient(ellipse,#000 48%,#000c 60%,transparent 72%)}
.agency-sculpture img{height:100%;width:100%;object-fit:contain}
.agency-orbits{position:absolute;inset:0;height:100%;width:100%;overflow:visible;pointer-events:none;transform:translateZ(20px)}
.agency-core{position:absolute;left:50%;top:50%;width:25%;aspect-ratio:1;transform:translate(-50%,-50%) translateZ(34px);border-radius:50%;box-shadow:0 0 0 1px #ef152366,0 0 45px #e20c233d,0 14px 45px #000b}
.agency-core img{width:100%;height:100%;filter:drop-shadow(0 0 20px #e00d1c33)}
.agency-discipline{position:absolute;z-index:2;display:flex;align-items:center;gap:10px;background:#13151bf2;box-shadow:0 12px 30px #0004;border:1px solid #6d3b4266;border-radius:6px;padding:12px 16px;color:#f4f3f0;font-size:15px;font-weight:600;white-space:nowrap}
.agency-discipline>span{font:11px/1.2 ui-monospace,monospace;color:#f54851}
.agency-discipline-design{left:0;top:15%}
.agency-discipline-code{right:-1%;top:43%}
.agency-discipline-ai{left:7%;bottom:14%}

.agency-human-strip{position:relative;background:#14161a;border-top:1px solid #ffffff16;border-bottom:1px solid #ffffff16}
.agency-human-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;align-items:center;gap:32px;padding-block:25px}
.agency-person{display:flex;align-items:center;gap:15px;min-width:0}
.agency-person img{width:65px;height:65px;border-radius:50%;object-fit:cover;border:1px solid #ffffff30}
.agency-person>span{min-width:0;flex:1}
.agency-person strong{display:block;font-size:18px;font-weight:650;line-height:1.4}
.agency-person>span>span{display:block;font-size:12px;line-height:1.6;color:#b5b8c2;margin-top:4px}
.agency-person>svg{color:#e51b2c;width:22px}
.agency-person:hover strong{color:#ff636a}
.agency-experience{display:flex;align-items:center;justify-content:center;gap:18px;border-inline:1px solid #ffffff22;padding-inline:20px}
.agency-experience>strong{font-size:54px;line-height:1.15;font-weight:750;letter-spacing:-.07em}
.agency-experience>strong>span{color:#e60b1c;font-size:.65em;vertical-align:top;display:inline-block;margin-top:.26em;margin-left:.2em;letter-spacing:0}
.agency-experience p{margin:0;font-size:14px;line-height:1.65;color:#c4c6ce}
.agency-location{display:flex;gap:13px;align-items:center;justify-content:end;margin:0;font-size:14px;line-height:1.65;color:#c4c6ce}
.agency-location-dot{width:8px;height:8px;flex:none;border-radius:50%;background:#e30a1c;box-shadow:0 0 0 6px #e30a1c14}
.agency-body{padding-top:72px;scroll-margin-top:135px}

@media(min-width:1600px){.agency-layout{min-height:650px;gap:36px}.agency-copy h1{font-size:72px}}
@media(max-width:1100px){.agency-layout{gap:20px}.agency-copy h1{font-size:53px}.agency-intro{font-size:17px}.agency-discipline{font-size:13px;padding:10px 12px;gap:7px}.agency-human-grid{gap:22px;grid-template-columns:1.35fr 1fr}.agency-location{grid-column:1/-1;justify-content:center;border-top:1px solid #ffffff14;padding-top:18px}.agency-experience{border-right:0}}
@media(max-width:850px){.agency-layout{grid-template-columns:1fr;gap:20px;padding-block:18px 38px}.agency-copy{padding-top:0}.agency-copy h1{font-size:clamp(42px,7.5vw,64px);max-width:15ch}.agency-intro{max-width:58ch}.agency-universe{max-width:560px;margin-inline:auto}.agency-discipline{font-size:15px}.agency-title-brand{margin-bottom:24px}.agency-human-grid{grid-template-columns:1fr 1fr}.agency-person>svg{display:none}}
@media(max-width:600px){.agency-breadcrumbs .breadcrumbs{padding-block:16px;font-size:11px}.agency-copy h1{font-size:44px;max-width:12ch;margin-bottom:24px}.agency-title-brand{font-size:11px}.agency-intro{font-size:17px;line-height:1.75}.agency-actions{gap:21px}.agency-actions .button{font-size:14px}.agency-promise{font-size:14px;margin-top:25px;max-width:30ch}.agency-layout{gap:8px}.agency-discipline{font-size:13px;padding:9px 11px;gap:7px}.agency-discipline-design{left:0;top:10%}.agency-discipline-code{right:0;top:41%}.agency-discipline-ai{left:2%;bottom:13%}.agency-human-grid{grid-template-columns:1fr;gap:22px;padding-block:24px}.agency-person{gap:14px}.agency-person img{width:60px;height:60px}.agency-person>svg{display:block}.agency-person strong{font-size:18px}.agency-person>span>span{font-size:13px}.agency-experience{border:0;border-top:1px solid #ffffff22;padding:20px 0 0;justify-content:start;gap:22px}.agency-experience>strong{font-size:52px}.agency-experience p,.agency-location{font-size:14px}.agency-location{justify-content:start;border:0;padding:0;gap:14px}.agency-location-dot{margin-inline:5px}.agency-body{padding-top:48px}}
@media(max-width:360px){.agency-copy h1{font-size:39px}.agency-discipline{font-size:11px;padding:8px 9px}.agency-discipline>span{font-size:9px}.agency-person>svg{display:none}}
/* On phones the visual belongs beside the opening thought, before the detail. */
@media(max-width:600px){.agency-layout{display:flex;flex-direction:column;align-items:stretch;gap:0;padding-top:18px}.agency-copy{display:contents}.agency-copy h1{order:1;margin-bottom:22px}.agency-universe{order:2;margin-block:0 40px}.agency-discipline-code{top:22%}.agency-intro{order:3;margin-bottom:25px}.agency-actions{order:4}.agency-promise{order:5}.agency-title-brand{margin-bottom:22px}}
@media(prefers-reduced-motion:reduce){.agency-sculpture{animation:none}.agency-depth{transform:none;transition:none}}