.opening{position:relative;isolation:isolate;color:#fff;height:clamp(640px,51vw,810px);background:#071e37;overflow:hidden}.opening-photo,.opening-shade{position:absolute;inset:0;z-index:-2}.opening-photo{background:url(assets/hero-original.jpg) center bottom/cover no-repeat}.opening-shade{z-index:-1;background:linear-gradient(90deg,transparent 30%,#051d3744 46%,#051d37dd 68%,#051d37f2)}.opening-copy{width:48%;margin-left:auto;padding:64px var(--gutter) 64px 18px}.opening .label{color:#b2c9eb}.opening h1{font-size:clamp(42px,4.5vw,70px);margin-bottom:24px}.opening h1>span{display:block;color:#afccff;margin-top:12px}.opening-intro{max-width:36ch;font-size:16px;line-height:1.7;color:#e9f0fa;margin-bottom:28px}.opening-note{margin:18px 0 0;font-size:11px;color:#c4d4e9}
.opening{--gutter:clamp(24px,5vw,84px);font-family:Manrope,Arial,sans-serif}.opening .label{font-size:10px;letter-spacing:.14em;font-weight:700;margin:0 0 22px}.opening h1{line-height:1.12;letter-spacing:-.055em;font-weight:500;margin-top:0}.opening-intro{font-weight:400;letter-spacing:normal}.opening .button{display:inline-flex;align-items:center;justify-content:space-between;gap:26px;min-height:52px;padding:15px 23px;border:1px solid #fff;border-radius:4px;background:#fff;color:#0b2c50;font-size:13px;font-weight:600;line-height:1.5;box-shadow:none;text-decoration:none}.opening .button span{font-size:19px;font-weight:400}.opening .button:hover{background:#e6effc}.opening .button:after{content:none}
@media(max-width:900px) and (min-width:701px){.opening-copy{width:49%;padding-top:65px}.opening h1{font-size:44px}}
@media(max-width:700px){.opening{height:auto;min-height:0;display:flex;flex-direction:column}.opening-photo{position:relative;inset:auto;z-index:0;height:310px;background-size:auto 560px;background-position:8% bottom}.opening-shade{inset:220px 0 auto;height:91px;background:linear-gradient(transparent,#071e37);z-index:1;pointer-events:none}.opening-copy{width:100%;padding:25px 24px 36px;margin:0}.opening h1{font-size:39px;line-height:1.12;margin-bottom:22px}.opening h1>span{margin-top:9px}.opening h1 br{display:none}.opening h1>span br{display:initial}.opening-intro{font-size:15px;max-width:36ch}.opening .button{width:100%;padding:15px 16px;font-size:12px;gap:12px}.opening-note{font-size:10px;text-align:center}.opening .label{margin-bottom:18px}}
/* Blend the photograph into the following section without a hard edge. */
.opening::after{content:"";position:absolute;inset:auto 0 0;height:180px;background:linear-gradient(to bottom,rgba(159,158,153,0) 0%,rgba(159,158,153,.12) 18%,rgba(178,177,173,.38) 40%,rgba(207,207,204,.72) 63%,rgba(237,237,235,.94) 84%,#fff 100%);pointer-events:none;z-index:2}
@media(max-width:700px){.opening::after{height:100px}.opening-copy{padding-bottom:138px}}
@media(min-width:701px){.opening{height:calc(clamp(640px,51vw,810px) + 120px)}}

.opening-photo{background:none}.opening-photo>svg{position:absolute;inset:0;width:100%;height:100%;max-width:none}
@media(max-width:700px){.opening-photo>svg{width:calc(560px * 5712 / 4284);height:560px;inset:auto auto 0;left:calc((100% - (560px * 5712 / 4284)) * .08)}}

/* Neutral stone-grey to white, continuing into the first content section. */
.relief{background:#fff}.opening + .relief{box-shadow:0 0 0 100vmax #fff;clip-path:inset(0 -100vmax)}
/* Crisp corners across controls and content panels. */
.button,.opening .button,.work-tabs,.work-tabs button,.relief-work,.listing-glimpse,.inbox-glimpse,.decision-glimpse,.info-dialog,.strategy-tabs,.strategy-tabs button{border-radius:2px}