/* Home KV 2486:896: film on the right, compact news card at the fold. */
.hero{height:100svh;min-height:690px;padding-top:92px}
.hero .section-label{height:calc(var(--label-y) + 96px)}
.hero .section-label p{text-transform:none;font-size:14px}
.hero-content{display:block;position:relative;z-index:2;margin-inline:var(--gutter)}
.hero .hero-content .hero-copy{width:580px;max-width:49%;padding:0}
.hero .hero-copy h1{font-size:clamp(36px,3.889vw,68px);line-height:1.1;letter-spacing:-.025em;text-transform:uppercase}
.hero h1>span{color:#a6b1b4}.hero mark{background:#adff00;color:#022028;padding:0 .025em;box-decoration-break:clone;-webkit-box-decoration-break:clone}

.hero-film{display:block;width:100%;height:100%;object-fit:cover;object-position:55% center;filter:grayscale(1) brightness(.70) contrast(1.05);mask-image:linear-gradient(90deg,transparent 0%,#0001 8%,#0005 19%,#000b 31%,#000 46%,#000 85%,transparent 100%),linear-gradient(180deg,transparent 0%,#0004 10%,#000c 23%,#000 36%,#000e 49%,#0009 64%,#0003 81%,transparent 100%);mask-composite:intersect;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#0001 8%,#0005 19%,#000b 31%,#000 46%,#000 85%,transparent 100%),linear-gradient(180deg,transparent 0%,#0004 10%,#000c 23%,#000 36%,#000e 49%,#0009 64%,#0003 81%,transparent 100%);-webkit-mask-composite:source-in}

.hero-footer{inset:auto var(--gutter) 44px;display:flex;flex-direction:row;align-items:flex-end;justify-content:space-between;gap:32px}
.hero-footer .case-teaser{position:relative;inset:auto;margin:0;width:362px;max-width:100%;min-height:119px;padding:8px;background:#090909b8;border:1px solid #ffffff14;border-radius:9px;backdrop-filter:blur(26px);box-shadow:0 8px 16px #0002;pointer-events:auto}
.case-teaser .teaser-link{display:grid;grid-template-columns:116px minmax(0,1fr);gap:16px;padding:0;min-height:101px;align-items:start}
.teaser-photo{width:116px;height:101px;display:block;border-radius:5px;object-fit:cover;object-position:center}
.case-teaser .teaser-copy{display:block;grid-column:2;grid-row:1;padding:2px 0 24px}
.case-teaser .latest-cases-label{position:static;margin:0 0 4px;color:#a6b1b4;font:500 10px/1.5 Public Sans,Arial,sans-serif;letter-spacing:0}
.case-teaser .teaser-title{padding:0;margin:0;min-height:0;color:#f2f4f4;font:500 14px/1.5 Public Sans,Arial,sans-serif}
.case-teaser .teaser-controls{position:absolute;left:140px;right:auto;top:auto;bottom:8px;display:flex;gap:1px;align-items:center;height:20px}
.case-teaser .teaser-dot{width:18px;height:24px}.case-teaser .teaser-dot:after{top:10px;left:7px}.case-teaser .teaser-dot.active:after{top:9.5px;left:6.5px}.teaser-pause{height:24px}
.teaser-link:focus-visible{outline:1px solid #adff00;outline-offset:4px;border-radius:5px}
@media(min-width:1650px){.hero .hero-copy h1{font-size:68px}}
@media(max-height:750px) and (min-width:761px){.hero{min-height:620px;padding-top:76px}.hero .section-label{height:130px}.hero .hero-copy h1{font-size:clamp(36px,3.889vw,56px)}}
@media(max-width:760px){.hero{height:100svh;min-height:820px;padding-top:76px}.hero .section-label{height:112px}.hero .section-label p{font-size:12px}.hero-content{margin-inline:24px}.hero .hero-content .hero-copy{width:560px;max-width:100%}.hero .hero-copy h1{font-size:clamp(32px,6.5vw,46px);max-width:520px}.hero-footer{inset:auto 24px 28px;gap:24px;flex-direction:column-reverse;align-items:flex-start}.hero-footer .case-teaser{width:340px;align-self:flex-end}.hero-continue{font-size:11px}.hero-footer .teaser-title{font-size:12px}.manifesto-content{padding-top:102px}.manifesto .manifesto-aside{width:min(370px,100%)}}




/* Broad, directional fades blend the larger film into the hero without a halo. */
.hero-film-frame{position:absolute;left:17%;top:1%;width:104%;height:91%;z-index:0;pointer-events:none;overflow:visible;will-change:opacity}
@media(max-width:760px){.hero-film-frame{left:-35%;top:24%;width:185%;height:53%}.hero-film{object-position:55% center}}
@media(prefers-reduced-motion:reduce){.hero-film-frame{will-change:auto}}

/* Heading scale and line arrangement from w1-motion-remix-261026. */
.hero-content{position:absolute;top:calc(29.03% + 34px);left:32px;right:32px;margin:0}
.hero .hero-content .hero-copy{width:min(1040px,100%);max-width:none;padding:0}
.hero .hero-copy h1{font-size:72px;line-height:1.1;letter-spacing:0;font-weight:600;max-width:none;margin:0}
.hero h1>span.hero-motion-tail{display:inline}
@media(min-width:801px) and (max-height:800px){.hero-content{top:calc(20% + 34px)}}
@media(min-width:801px) and (max-width:1100px){.hero-content{left:40px;right:40px}.hero .hero-content .hero-copy{width:min(820px,100%)}.hero .hero-copy h1{font-size:clamp(52px,6.5vw,72px)}}
@media(max-width:800px){.hero-content{left:24px;right:24px;top:calc(20% + 30px)}.hero .hero-content .hero-copy{width:100%}.hero .hero-copy h1{font-size:clamp(32px,5.8vw,45px);line-height:1.1;max-width:100%}}
@media(max-width:400px){.hero-content{left:20px;right:20px}.hero .hero-copy h1{font-size:31px}}

/* Share the eyebrow’s left anchor at every breakpoint. */
.hero-content{left:var(--gutter);right:var(--gutter)}
@media(max-width:760px){.hero-content{left:40px;right:24px}}

/* Reference film: two feathered masks, low intensity and cursor drift. */
.hero-film-field{position:absolute;inset:0;overflow:hidden;pointer-events:none;mask-image:linear-gradient(90deg,transparent 8%,#0001 30%,#000 66%);-webkit-mask-image:linear-gradient(90deg,transparent 8%,#0001 30%,#000 66%);will-change:opacity}
.hero-film-field .hero-film-frame{position:absolute;left:17%;top:13%;width:99%;height:66%;opacity:var(--video-intensity,.25);transform:translate3d(var(--video-x,0px),var(--video-y,0px),0);mask-image:radial-gradient(ellipse 68% 66% at var(--video-focus-x,62%) var(--video-focus-y,48%),#000 12%,#000c 35%,transparent 73%);-webkit-mask-image:radial-gradient(ellipse 68% 66% at var(--video-focus-x,62%) var(--video-focus-y,48%),#000 12%,#000c 35%,transparent 73%);will-change:transform,opacity}
.hero-film-field .hero-film{width:100%;height:100%;object-fit:cover;object-position:58% center;filter:brightness(.75) saturate(.45);mask-image:none;-webkit-mask-image:none}
@media(max-width:800px){.hero-film-field .hero-film-frame{left:-8%;top:36%;width:180%;height:42%}.hero-film-field{mask-image:linear-gradient(180deg,transparent 20%,#0007 42%,#000 65%);-webkit-mask-image:linear-gradient(180deg,transparent 20%,#0007 42%,#000 65%)}}
@media(prefers-reduced-motion:reduce){.hero-film-field .hero-film-frame{transform:none;will-change:auto}}