/* The hero is part of the page: no card, frame, inset, or surface behind copy. */
body.immersive-refinement{background:#faf9f7}
.direction-b.immersive-refinement .site-nav{position:absolute;top:0;left:0;width:100%;height:104px;margin:0;padding:0 6%;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.direction-b.immersive-refinement .immersive-hero{margin:0;padding:170px 6% 120px;min-height:max(840px,100svh);max-width:none;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:0;border:0;border-radius:0;overflow:hidden;isolation:isolate;background:transparent}
.immersive-refinement .hero-scene{position:absolute;inset:0;z-index:-1;background:none;pointer-events:none}
.immersive-refinement .particle-canvas{display:block;width:100%;height:100%}
.immersive-refinement .hero-copy{position:relative;z-index:1;max-width:850px;width:66%;padding:0;border:0;border-radius:0;background:none;box-shadow:none;backdrop-filter:none}
.direction-b.immersive-refinement .hero h1{font-size:clamp(50px,5.1vw,82px);line-height:1.09;font-weight:500;letter-spacing:-.06em;max-width:12.5em}
.direction-b.immersive-refinement .intro-line{font-size:10px;margin-bottom:30px;max-width:none;line-height:1.7;color:#64436d}
.direction-b.immersive-refinement .hero-specialties{font-size:13px;margin-top:32px;line-height:1.75;color:#382a40}
.direction-b.immersive-refinement .hero-description{font-size:13px;line-height:1.9;max-width:470px;margin-top:18px;color:#5c5162}
.direction-b.immersive-refinement .hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}
.immersive-refinement .hero-assurance{margin-top:28px}
.direction-b.immersive-refinement .hero-paths{position:absolute;bottom:38px;left:6%;right:6%;display:flex;gap:28px;align-items:center;width:auto;max-width:none;margin:0;padding-top:18px;border-top:1px solid #762d821c}
.direction-b.immersive-refinement .hero-paths a{flex:none;min-width:180px;padding:10px 0;gap:13px;font-size:11px;color:#4f3f56;border:0;border-radius:0;background:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.direction-b.immersive-refinement .hero-paths a:hover{background:none;color:#762d82;transform:translateX(4px)}
.immersive-refinement .hero-paths a>span{color:#8a758f;font-size:9px}
.immersive-refinement .hero-paths i{font-size:18px;margin-left:18px}
.immersive-refinement .services{background:radial-gradient(ellipse at 8% 65%,#dac5e03b,transparent 55%),#faf9f7}
@media(min-width:1800px){.direction-b.immersive-refinement .immersive-hero{padding-inline:8%}.direction-b.immersive-refinement .site-nav{padding-inline:8%}.direction-b.immersive-refinement .hero-paths{left:8%;right:8%}}
@media(max-width:1100px) and (min-width:761px){.direction-b.immersive-refinement .immersive-hero{padding-top:155px;padding-bottom:140px;min-height:max(800px,100svh)}.immersive-refinement .hero-copy{width:78%;max-width:750px}.direction-b.immersive-refinement .hero h1{font-size:clamp(48px,6.2vw,65px)}.direction-b.immersive-refinement .hero-paths{gap:22px}.direction-b.immersive-refinement .hero-paths a{min-width:155px}}
@media(max-width:760px){.direction-b.immersive-refinement .site-nav{height:84px;margin:0;padding:0 7%;border-radius:0}.direction-b.immersive-refinement .brand{width:132px}.direction-b.immersive-refinement .site-nav .mobile-nav:not([hidden]){left:5%;right:5%;top:75px;margin:0}.direction-b.immersive-refinement .immersive-hero{padding:140px 7% 185px;min-height:max(850px,100svh);justify-content:center;gap:0;border-radius:0}.immersive-refinement .hero-copy{width:100%;max-width:600px;padding:0}.direction-b.immersive-refinement .hero h1{font-size:clamp(34px,8.85vw,59px);line-height:1.12;letter-spacing:-.057em}.direction-b.immersive-refinement .intro-line{font-size:8px;max-width:280px;margin-bottom:25px;gap:8px}.direction-b.immersive-refinement .hero-specialties{font-size:11px;margin-top:27px;line-height:1.8}.direction-b.immersive-refinement .hero-description{font-size:12px;line-height:1.9;margin-top:17px;max-width:420px}.direction-b.immersive-refinement .hero-actions{display:flex;align-items:stretch;gap:12px;margin-top:27px;flex-direction:column;max-width:330px}.direction-b.immersive-refinement .hero .button{min-height:50px}.immersive-refinement .hero-assurance{font-size:9px;margin-top:23px}.direction-b.immersive-refinement .hero-paths{left:7%;right:7%;bottom:25px;padding-top:16px;display:grid;grid-template-columns:1fr 1fr;gap:5px 22px}.direction-b.immersive-refinement .hero-paths a{min-width:0;font-size:10px;padding:10px 0;gap:9px}.direction-b.immersive-refinement .hero-paths a:last-child{grid-column:1/-1;max-width:220px}.immersive-refinement .hero-paths i{margin-left:auto}}
@media(max-width:360px){.direction-b.immersive-refinement .immersive-hero{padding-top:125px;min-height:850px}.direction-b.immersive-refinement .hero h1{font-size:8.7vw}.direction-b.immersive-refinement .hero-description{font-size:11px}.direction-b.immersive-refinement .intro-line{font-size:7px}}

/* The image can resolve in open space above mobile copy, without a frame. */
@media(max-width:760px){.direction-b.immersive-refinement .immersive-hero{padding-top:calc(110px + 54vw);justify-content:flex-start;min-height:max(970px,100svh)}}

/* The movie supplies particle colours; only the canvas is visible. */
.immersive-refinement .particle-film{position:absolute;width:1px;height:1px;left:0;top:0;opacity:0;pointer-events:none}

/* Only offered when the browser requires a gesture to start the movie. */
.immersive-refinement .movie-start{position:absolute;margin-top:10px;padding:6px 0;border:0;background:transparent;color:#762d82;font:inherit;font-size:11px;cursor:pointer;display:flex;align-items:center;gap:7px}
.immersive-refinement .movie-start[hidden]{display:none}
.immersive-refinement .movie-start:focus-visible{outline:2px solid #762d82;outline-offset:4px}