.work-hero{position:relative;isolation:isolate;overflow:hidden;background:#090b10;color:#fff;min-height:760px;padding:130px 0 70px}.work-hero-media{position:absolute;inset:-10% -5%;z-index:-3;background-color:#090b10;background-size:cover;background-position:center;will-change:transform}.work-hero-glow{position:absolute;inset:0;z-index:-2;background:radial-gradient(600px circle at var(--work-x,70%) var(--work-y,60%),#a8e47820,transparent 75%);pointer-events:none}.work-hero-content{position:relative;z-index:2;pointer-events:none}.work-hero-content a{pointer-events:auto}.work-hero .breadcrumbs{margin-bottom:65px}.work-hero .eyebrow{color:#b9d1ad;font-size:13px}.work-hero h1{font-size:clamp(52px,6.8vw,108px);line-height:1.03;max-width:1100px;margin:28px 0}.work-hero .page-lead{max-width:750px;color:#c6c9c6;font-size:23px;line-height:1.6}.work-hero .button{margin-top:30px}.work-hero-footer{display:flex;justify-content:space-between;margin-top:80px;font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:#a8b6a8}.work-orbit{position:absolute;width:600px;aspect-ratio:1;right:-200px;top:15%;z-index:-1;pointer-events:none;opacity:.4}.work-orbit i{position:absolute;inset:0;border:1px solid #b4e48130;border-radius:50%;transform:rotateX(55deg) rotateY(-25deg)}.work-orbit i:nth-child(2){inset:12%;transform:rotateX(45deg) rotateY(25deg)}.work-orbit i:nth-child(3){inset:24%;transform:rotateX(65deg) rotateY(-30deg)}.work-collection{position:relative;background:#f7f6f2;border-radius:22px 22px 0 0;margin-top:-20px;z-index:3}.work-collection-intro{text-align:center;margin-bottom:55px}.work-collection-intro>.eyebrow{justify-content:center}.work-collection-intro h2{font-size:clamp(36px,4.6vw,66px);line-height:1.08;margin-top:22px}.post-type-archive-lla_project .project-cover{background:#e9eae6;padding:25px;aspect-ratio:1.42;border:1px solid #dedfd9}.post-type-archive-lla_project .project-cover img{width:100%;height:100%;object-fit:cover;object-position:top;box-shadow:0 12px 32px #101c1b24;border-radius:5px;transition:transform .7s}.post-type-archive-lla_project .project-cover:hover img{transform:translateY(-5px) scale(1.025)}.post-type-archive-lla_project .project-grid{row-gap:90px}
@media(max-width:650px){.work-hero{padding-top:115px;min-height:710px}.work-hero .breadcrumbs{margin-bottom:45px}.work-hero h1{font-size:50px}.work-hero .page-lead{font-size:20px}.work-hero-footer{font-size:9px;gap:15px;margin-top:55px}.work-orbit{right:-430px}.post-type-archive-lla_project .project-cover{padding:15px}.post-type-archive-lla_project .project-grid{row-gap:55px}}
@media(prefers-reduced-motion:reduce){.work-hero-media,.work-orbit{transform:none!important}.work-hero-glow{display:none}}
.post-type-archive-lla_project .project-cover.project-screenshot img{object-fit:contain;object-position:center;box-shadow:none}

.work-collection:has(.work-filter button[aria-pressed="true"]:not([data-filter="all"])) .project-grid>.filter-item{margin-top:0}

/* Contextual layers share the Work stage while giving each page its own visual story. */
.context-hero{--hero-glow:#a8e47828;min-height:760px}
.context-hero .work-hero-glow{background:radial-gradient(650px circle at var(--work-x,70%) var(--work-y,60%),var(--hero-glow),transparent 75%)}
.context-hero .context-hero-art{width:min(74vw,1020px);right:-12%;top:3%;opacity:.65;mask-image:linear-gradient(90deg,transparent,#000 32%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 32%)}
.context-hero-art img{display:block;width:100%;height:auto}
.context-hero h1{max-width:1080px;text-wrap:balance}
.context-hero .page-lead{max-width:710px}
.context-hero-about{--hero-glow:#b9e9822e}
.context-hero-about .work-hero-media{background-position:42% 70%;filter:hue-rotate(315deg)}
.context-hero-capabilities{--hero-glow:#7fdfbe2b}
.context-hero-capabilities .work-hero-media{background-position:64% 55%;filter:hue-rotate(330deg)}
.context-hero-industries{--hero-glow:#d0e47b2a}
.context-hero-industries .work-hero-media{background-position:30% 80%;filter:hue-rotate(290deg)}
.context-hero-insights{--hero-glow:#99e9c02d}
.context-hero-insights .work-hero-media{background-position:75% 40%;filter:hue-rotate(345deg)}
.context-hero+section{position:relative;z-index:3;border-radius:22px 22px 0 0;margin-top:-20px;background:var(--paper)}
#page-content{scroll-margin-top:100px}
@media(max-width:650px){.context-hero{min-height:710px;padding-top:100px}.context-hero h1{font-size:clamp(39px,10.8vw,50px);text-wrap:initial}.context-hero .context-hero-art{width:760px;right:-440px;top:10%;opacity:.4}.context-hero .work-hero-footer{line-height:1.6;flex-wrap:wrap}}

/* Keep the original project screen intact inside a lightweight browser mockup. */
.post-type-archive-lla_project .project-cover.project-screenshot{aspect-ratio:1.3;background:linear-gradient(140deg,#e7eae4,#f0f0eb)}
.project-browser{display:block;width:100%;overflow:hidden;border:1px solid #d1d7cd;border-radius:9px;background:#fff;box-shadow:0 16px 35px #21312222,0 3px 7px #2131220d;transition:transform .6s var(--ease),box-shadow .6s}
.project-browser-toolbar{height:34px;display:flex;align-items:center;gap:12px;padding:0 12px;background:#f5f6f3;border-bottom:1px solid #e0e4dc;color:#70796c}
.browser-dots{display:flex;gap:5px;flex-shrink:0}.browser-dots i{display:block;width:6px;height:6px;border-radius:50%;background:#b4beb0}.browser-dots i:nth-child(2){background:#c3cbbf}.browser-dots i:nth-child(3){background:#d1d7ce}
.browser-address{display:block;min-width:0;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;font-family:Arial,sans-serif;font-size:10px;line-height:20px;letter-spacing:.02em;background:#e9ede5;border:1px solid #e0e5dc;border-radius:4px}
.browser-menu{font-size:18px;line-height:1}
.project-browser-screen{display:block;aspect-ratio:16/10;background:#fff;overflow:hidden}
.post-type-archive-lla_project .project-cover .project-browser img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;border-radius:0;box-shadow:none;transform:none;transition:none}
.project-cover:hover .project-browser,.project-cover:focus-visible .project-browser{transform:translateY(-5px);box-shadow:0 22px 42px #21312230}
.single-lla_capability .context-hero .breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
@media(max-width:650px){.project-browser-toolbar{height:28px;padding:0 9px;gap:8px}.browser-address{font-size:8px;line-height:17px}.browser-dots{gap:4px}.browser-dots i{width:5px;height:5px}}
@media(prefers-reduced-motion:reduce){.project-browser{transition:none}.project-cover:hover .project-browser,.project-cover:focus-visible .project-browser{transform:none}}

.work-hero-actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:30px}.work-hero .work-hero-actions .button{margin-top:0}.work-hero .work-private-cta{background:transparent;color:#edf4e7;border:1px solid #b9d1ad80}.work-hero .work-private-cta:hover{background:#dcebc51a;border-color:#c5e69d}.work-private-cta:focus-visible{outline:2px solid #c5e69d;outline-offset:5px}