.hh-hero{--hh-gap: clamp(12px, 1.25vw, 20px);--hh-blue: var(--hm-primary, #2563eb);position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;min-height:clamp(600px,calc(100svh - 64px),820px);background:#fff}.hh-bg{position:absolute;inset:0;z-index:-1;background:radial-gradient(55% 60% at 82% 8%,rgba(138,180,255,.32),transparent 70%),linear-gradient(180deg,#fff 0%,var(--hm-canvas, #f5f7fb) 100%)}.hh-bg:after{content:"";position:absolute;left:0;bottom:0;width:60%;height:34%;background:url(/assets/hero-wall/bg-skyline-v1.webp) center bottom / cover no-repeat;opacity:.25;-webkit-mask-image:linear-gradient(to top,#000 0%,transparent 100%);mask-image:linear-gradient(to top,#000 0%,transparent 100%)}.hh-inner{position:relative;z-index:2;width:100%;max-width:1100px;margin:0 auto;padding:56px 20px}.hh-copy{max-width:540px}.hh-eyebrow{margin:0 0 22px;font-size:15px;font-weight:700;letter-spacing:-.01em;color:var(--hm-navy, #1e40af);word-break:keep-all}.hh-title{margin:0;font-size:clamp(40px,4.2vw,60px);font-weight:800;line-height:1.18;letter-spacing:-.03em;color:var(--hm-ink, #0b1a30);word-break:keep-all}.hh-title>span{display:block}.hh-title>.hh-answer{margin-top:22px;font-size:clamp(26px,2.5vw,36px);line-height:1.3;letter-spacing:-.02em;color:var(--hh-blue)}.hh-stage{position:absolute;z-index:1;inset:-6% -8% -6% 34%;perspective:1100px;perspective-origin:35% 50%;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.3) 18%,#000 44%),linear-gradient(to bottom,transparent 0%,#000 12%,#000 88%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.3) 18%,#000 44%),linear-gradient(to bottom,transparent 0%,#000 12%,#000 88%,transparent 100%);mask-composite:intersect;animation:hh-stage-in 1.4s cubic-bezier(.16,1,.3,1) .15s both}.hh-plane{position:absolute;inset:-12% -6%;display:flex;gap:var(--hh-gap);transform-style:preserve-3d;transform:rotateY(-38deg) rotateX(6deg) rotate(-2deg)}.hh-col{position:relative;flex:1 1 0;min-width:0}.hh-track{display:flex;flex-direction:column;gap:var(--hh-gap);will-change:transform;animation:hh-up var(--hh-dur, 50s) linear infinite}.hh-down{animation-name:hh-down}.hh-tile{position:relative;margin:0;overflow:hidden;border-radius:10px;background:var(--hm-line, #e9eef5);box-shadow:0 0 0 3px #ffffffeb,0 16px 34px -16px #0b1a3080}.hh-tile img,.hh-feature>img:first-child{display:block;width:100%;height:auto}.hh-tile:after{content:"";position:absolute;inset:0;background:linear-gradient(140deg,#ffffff4d,#fff0 38%);pointer-events:none}.hh-feature:before{content:"";position:absolute;inset:0 0 auto;height:46%;background:linear-gradient(180deg,#0b1a3057,#0b1a3000);pointer-events:none}.hh-feature{position:absolute;left:37%;top:27%;width:21%;margin:0;overflow:hidden;border-radius:14px;transform:translateZ(80px);box-shadow:0 0 0 6px #fffffff0,0 0 44px 8px #96c3ff8c,0 44px 80px -30px #0b1a3099}.hh-hand{position:absolute;z-index:1;height:auto;clip-path:inset(0 100% 0 0);animation:hh-write 1.2s cubic-bezier(.45,.05,.55,.95) 1.3s both}.hh-hand-1{left:8%;top:9%;width:56%}.hh-hand-2{left:8%;top:21%;width:85%;animation-delay:2.4s;animation-duration:1.5s}@keyframes hh-up{0%{transform:translateZ(0)}to{transform:translate3d(0,calc(-50% - var(--hh-gap) / 2),0)}}@keyframes hh-down{0%{transform:translate3d(0,calc(-50% - var(--hh-gap) / 2),0)}to{transform:translateZ(0)}}@keyframes hh-write{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}@keyframes hh-stage-in{0%{opacity:0;transform:translate3d(0,60px,0)}to{opacity:1;transform:none}}@keyframes hh-rise{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}.hh-rise{animation:hh-rise .9s cubic-bezier(.22,1,.36,1) both}.hh-d1{animation-delay:.08s}.hh-d2{animation-delay:.16s}.hh-d3{animation-delay:.26s}.hh-d4{animation-delay:.36s}@media(max-width:1023px){.hh-hero{--hh-gap: 10px;flex-direction:column;align-items:stretch;min-height:0}.hh-inner{padding:44px 20px 0}.hh-bg:after{display:none}.hh-copy{max-width:600px}.hh-eyebrow{margin-bottom:14px;font-size:14px}.hh-title{font-size:clamp(34px,8.6vw,52px)}.hh-title>.hh-answer{margin-top:14px;font-size:clamp(22px,5.6vw,30px)}.hh-stage{position:relative;inset:auto;height:clamp(340px,70vw,540px);margin-top:12px;perspective-origin:50% 40%;-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 8%,#000 92%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 14%,#000 86%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,#000 8%,#000 92%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 14%,#000 86%,transparent 100%)}.hh-stage{perspective:900px}.hh-plane{inset:-16% -45%;transform:rotateY(-24deg) rotateX(10deg) rotate(-3deg)}.hh-feature{left:37%;top:25%;width:26%;transform:translateZ(60px)}}@media(prefers-reduced-motion:reduce){.hh-track,.hh-stage,.hh-rise{animation:none!important}.hh-hand{clip-path:none;animation:none!important}}.hh-agency{min-height:clamp(680px,calc(100svh - 64px),880px)}@media(min-width:1024px){.hh-agency .hh-stage{left:46%}}.hh-motion{position:absolute;z-index:4;right:20px;bottom:18px;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border:1px solid var(--hm-border, #d6dfec);border-radius:999px;background:#ffffffeb;color:var(--hm-ink, #0b1a30);font-size:14px;font-weight:700;cursor:pointer;box-shadow:0 6px 18px -10px #0b1a3066}.hh-motion:hover{border-color:var(--hm-border-hover, #a7b9e9)}.hh-motion:focus-visible{outline:2px solid var(--hm-navy, #1e40af);outline-offset:2px}.hh-motion svg{width:14px;height:14px;flex:none}.hh-paused .hh-track{animation-play-state:paused}@media(max-width:1023px){.hh-motion{position:relative;right:auto;bottom:auto;order:4;align-self:flex-end;margin:0 20px 20px}}@media(prefers-reduced-motion:reduce){.hh-motion{display:none}}.hh-agency .hh-copy{max-width:560px}.hh-agency .hh-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;background:var(--hm-sky-bg, #ebf1ff);font-size:14px}.hh-agency .hh-eyebrow:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--hm-navy, #1e40af)}.hh-agency .hh-title>.hh-answer{margin-top:18px}.hh-intro{margin-top:26px}.hh-intro p{margin:0}.hh-intro .hh-lede{font-size:17px;line-height:1.75;color:var(--hm-mute, #4b5b74);word-break:keep-all}.hh-intro .hh-lede strong{color:var(--hm-ink, #0b1a30)}.hh-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.hh-actions a,.hh-actions button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 24px;border-radius:14px;font-size:16px;font-weight:700;text-decoration:none;cursor:pointer}.hh-actions .hh-primary{border:0;background:var(--hm-navy, #1e40af);color:#fff}.hh-actions .hh-primary:hover{background:var(--hm-navy-d, #1d3a9e)}.hh-actions .hh-secondary{border:1px solid var(--hm-border, #d6dfec);background:#fff;color:var(--hm-ink, #0b1a30)}.hh-actions .hh-secondary:hover{border-color:var(--hm-border-hover, #a7b9e9)}.hh-actions a:focus-visible,.hh-actions button:focus-visible{outline:2px solid var(--hm-navy, #1e40af);outline-offset:2px}.hh-note{margin-top:14px!important;font-size:14px;color:var(--hm-mute, #4b5b74);word-break:keep-all}.hh-overlay{position:absolute;z-index:3;top:50%;right:max(20px,calc((100% - 1100px)/2 - 30px));width:min(440px,34vw);transform:translateY(-46%)}@media(max-width:1023px){.hh-agency{min-height:0}.hh-intro .hh-lede{font-size:16px}.hh-actions a,.hh-actions button{flex:1 1 auto;padding:0 20px}.hh-agency .hh-inner{order:1}.hh-agency .hh-stage{order:2}.hh-overlay{order:3;position:relative;top:auto;right:auto;width:100%;max-width:460px;margin:-200px auto 28px;padding:0 20px;transform:none}}