/* Hero collage and compact strategy strip, matching the editable Figma design. */
.hero{height:calc(100svh - 322px);min-height:440px;max-height:760px;padding:48px 80px;background:#fff;isolation:isolate}
.hero-background{z-index:0}.hero-collage{position:absolute;inset:-8px -16px;opacity:.42;background:url("video-content-collage-unique-20261004.png") center/cover no-repeat}
.hero-veil{position:absolute;inset:0;background:linear-gradient(90deg,#fffffff0 0%,#ffffffe0 35%,#ffffff94 61%,#ffffff14 100%)}
.copy{z-index:1;align-items:flex-start;text-align:left;gap:20px}.headline{gap:8px}
.line-mask{position:relative;width:100%;display:flex;align-items:center;justify-content:flex-start;overflow:visible}
.mask-one{height:60px}.mask-two{height:100px}.line{white-space:nowrap;position:relative}
.line-one{font-size:48px;line-height:1.25;color:var(--ink)}.line-two{font-size:72px;line-height:1.25;color:var(--ink)}.line-two strong{color:var(--accent)}.hero-term{display:inline}
.word-shape{display:none}.eyebrow{font-size:16px;color:var(--accent)}.lead{color:var(--body)}.cta{margin-top:0;width:294px;max-width:100%;height:50px;font-size:15px}
.intro-video{height:180px;min-height:0;padding:18px 80px;background:var(--sand);isolation:isolate}
.intro-video:before{display:none}.intro-video-copy{max-width:820px;width:calc(100% - 370px);z-index:1}
.intro-video-copy p{font-size:17px;line-height:1.3;margin:0;font-weight:700}.intro-video-copy h2{font-size:30px;line-height:1.3;color:var(--ink);margin:0;white-space:nowrap}
.intro-phrase{display:inline}
.intro-rule{display:block;width:54px;height:3px;background:var(--warm);margin:4px 0 8px}
.intro-video-copy .intro-tagline{font-size:13px;line-height:1.5;margin:0 0 4px}
.intro-video-copy .intro-video-lead{font-size:13px;line-height:1.5;color:var(--body);font-weight:400;margin:0}
.info-shape{position:absolute;transform-origin:center}.info-shape svg{display:block;width:100%;height:100%}
.intro-icons .blue-disc{width:160px;height:160px;left:1375px;top:120px;background:var(--accent);border-radius:50%}
.intro-icons .orange-disc{width:180px;height:180px;right:-100px;top:-108px;background:var(--warm);border-radius:50%}
.intro-icons .route,.intro-icons .dot-grid{display:none}
.intro-icons .landscape{width:92px;height:64.649px;right:336px;top:30px}.landscape svg{transform:rotate(-8deg)}
.intro-icons .portrait{width:58px;height:88.381px;right:247px;top:55px}.portrait svg{transform:rotate(9deg)}
.intro-icons .chart{width:88px;height:73.021px;right:138px;top:16px}.chart svg{transform:rotate(5deg)}
.intro-icons .orbit{width:68px;height:62.411px;right:72px;top:89px}.intro-icons .copy-dot{width:10px;height:10px;right:323px;top:110px;background:var(--warm);border-radius:50%}
.works{padding-top:24px;background:var(--sand)}.works:before{inset:125px 0 auto;height:624px;background:#fff;border-radius:45% 30% 0 0/5% 5% 0 0}
.works:after{right:-128px;top:-50px;width:268px;height:232px;background:var(--warm);opacity:1}
.cta:focus-visible,.preview-controls button:focus-visible,.preview-controls a:focus-visible{outline:3px solid var(--warm);outline-offset:4px}
@media(max-width:1100px){
 .hero{padding:40px 32px}.line-one{font-size:clamp(30px,3.333vw,48px)}.line-two{font-size:clamp(36px,5vw,72px)}
 .intro-video{padding:18px 32px}.intro-video-copy{width:calc(100% - 270px)}.intro-video-copy h2{font-size:26px}.intro-video-copy p{font-size:16px}
 .intro-icons .landscape{right:234px}.intro-icons .portrait{right:160px}.intro-icons .chart{right:60px}.intro-icons .orbit{right:26px;width:56px;height:51px;top:112px}.intro-icons .copy-dot{right:220px}.intro-icons .blue-disc{left:auto;right:-95px}
}
@media(min-width:601px) and (max-width:900px){
 .hero{height:calc(100svh - 352px)}.intro-video{height:210px}.intro-video-copy{width:calc(100% - 205px)}.intro-video-copy h2{font-size:24px;white-space:normal}
 .intro-icons .landscape{right:150px;top:35px;width:70px;height:49px}.intro-icons .portrait{right:84px;top:88px;width:45px;height:69px}.intro-icons .chart{right:20px;top:27px;width:66px;height:55px}.intro-icons .orbit{right:16px;top:142px;width:45px;height:41px}.intro-icons .copy-dot{display:none}
}
@media(max-width:600px){
 .hero{height:470px;min-height:0;max-height:none;padding:34px 24px}.copy{gap:18px}.eyebrow{font-size:14px}.headline{gap:4px}
 .mask-one{height:40px}.mask-two{height:auto;min-height:105px}.line-one{font-size:clamp(24px,6.7vw,29px)}.line-two{font-size:clamp(36px,11.3vw,44px);line-height:1.2;white-space:normal}.hero-term{display:block}
 .lead{font-size:14px;line-height:1.6;max-width:310px}.cta{width:280px;font-size:14px;height:50px}.hero-collage{background-position:62% center}.hero-veil{background:linear-gradient(90deg,#fffffff0,#ffffffbc 70%,#ffffff94)}
 .intro-video{height:290px;padding:22px 24px;align-items:flex-start}.intro-video-copy{width:100%;max-width:none}.intro-video-copy h2{font-size:clamp(20px,5.8vw,24px);white-space:normal}.intro-video-copy p{font-size:15px}
 .intro-phrase{display:block}
 .intro-video-copy .intro-tagline{font-size:12px}.intro-video-copy .intro-video-lead{font-size:12px}.intro-rule{margin:4px 0 8px}
 .intro-icons .landscape{width:62px;height:44px;right:auto;left:25px;top:auto;bottom:18px}.intro-icons .portrait{width:34px;height:52px;right:auto;left:calc(33% - 12px);top:auto;bottom:15px}
 .intro-icons .chart{width:60px;height:50px;right:calc(33% - 28px);top:auto;bottom:19px}.intro-icons .orbit{width:44px;height:41px;right:23px;top:auto;bottom:19px}.intro-icons .copy-dot{display:none}
 .intro-icons .blue-disc{width:110px;height:110px;right:-75px;top:245px}.intro-icons .orange-disc{width:100px;height:100px;right:-55px;top:-62px}
 .works{padding-top:24px}.works:before{top:120px;height:770px}.works:after{width:160px;height:140px;right:-84px;top:-40px}
}
@media(prefers-reduced-motion:reduce){body:not(.motion-enabled) .background [data-node-id]{animation:none!important;translate:none!important}}