/* The hero logo is a vector, not a video or a blocking intro. */
.cr-hero{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);align-items:center;column-gap:5%;padding-top:86px;padding-bottom:106px}
.cr-hero-copy{min-width:0;max-width:640px}
.cr-hero h1{font-size:clamp(36px,4vw,60px)}
/* Only the lower part of the office photo is used: its printed logo stays out of the crop. */
.cr-hero-photo{inset:auto 0 0 36%;height:300px;background-size:auto 340%;background-position:52% bottom;opacity:.25;mask-image:linear-gradient(to bottom,transparent,#000 75%);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 75%)}
.cr-hero:before{background:linear-gradient(90deg,#12283e 0%,#12283ef5 28%,#12283e6b 75%),linear-gradient(0deg,#12283e99,transparent 45%)}
.cr-hero-orbit{width:580px;height:580px;right:-100px;top:-240px;opacity:.55}
.cr-hero-brand{position:relative;min-width:0;width:100%;max-width:560px;justify-self:end;padding:14px 0 12px;color:#f5f3ee}
.cr-logo-svg{display:block;width:100%;height:auto;aspect-ratio:2950/1468;overflow:visible}
.cr-logo-feather-line{stroke:#e4c68c;stroke-width:8;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:0;opacity:0}
.cr-logo-sheen{opacity:0;pointer-events:none}
.cr-logo-controls{display:flex;justify-content:flex-end;align-items:center;height:44px;margin-top:22px}
.cr-logo-replay[hidden]{display:none!important}
.cr-logo-replay{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:9px 0 9px 12px;color:#d6dce1;background:transparent;border:0;cursor:pointer;font:400 10px/1.5 Montserrat,sans-serif;letter-spacing:.04em}
.cr-logo-replay svg{flex:none;color:#d8bc80}
.cr-logo-replay:hover{color:#fff}
.cr-logo-replay:disabled{cursor:default;color:#a3b0ba}
.cr-logo-replay:focus-visible{outline:2px solid #e4c68c;outline-offset:5px;border-radius:2px}

@media(prefers-reduced-motion:no-preference){
 .cr-hero-brand.is-animating .cr-logo-feather-line{animation:cr-logo-draw 1.65s .1s ease-in-out both}
 .cr-hero-brand.is-animating .cr-logo-feather{animation:cr-logo-feather-reveal 1.3s .5s cubic-bezier(.22,1,.36,1) both}
 .cr-hero-brand.is-animating .cr-logo-wordmark>path{animation:cr-logo-letter .75s calc(.95s + var(--cr-letter)*.06s) cubic-bezier(.22,1,.36,1) both}
 .cr-hero-brand.is-animating .cr-logo-tagline>path{animation:cr-logo-letter .6s calc(1.75s + var(--cr-letter)*.025s) cubic-bezier(.22,1,.36,1) both}
 .cr-hero-brand.is-animating .cr-logo-sheen{animation:cr-logo-light .8s 2.45s linear both}
 .cr-hero-brand.is-animating .cr-logo-sheen-light{animation:cr-logo-sweep .8s 2.45s cubic-bezier(.3,.1,.35,1) both}
 @keyframes cr-logo-draw{0%{opacity:0;stroke-dashoffset:1}10%{opacity:1}72%{opacity:1;stroke-dashoffset:0}100%{opacity:0;stroke-dashoffset:0}}
 @keyframes cr-logo-feather-reveal{from{opacity:0;clip-path:inset(100% 0 0 0)}to{opacity:1;clip-path:inset(0 0 0 0)}}
 @keyframes cr-logo-letter{from{opacity:0;transform:translateY(36px)}to{opacity:1;transform:translateY(0)}}
 @keyframes cr-logo-light{0%,100%{opacity:0}20%,65%{opacity:1}}
 @keyframes cr-logo-sweep{from{transform:translateX(-650px)}to{transform:translateX(3000px)}}
}
@media(max-width:1100px) and (min-width:851px){.cr-hero h1{font-size:clamp(36px,4vw,44px)}.cr-hero{column-gap:4%}.cr-logo-controls{margin-top:18px}}
@media(max-width:850px){
 .cr-hero{grid-template-columns:minmax(0,1fr);row-gap:42px;min-height:0;padding:62px 6% 96px}
 .cr-hero-copy{max-width:650px}
 .cr-hero h1{font-size:46px}
 .cr-hero-brand{max-width:480px;justify-self:center;padding:0}
 .cr-hero-photo{inset:auto 0 0;height:310px;background-size:auto 340%;background-position:52% bottom;opacity:.2;mask-image:linear-gradient(to bottom,transparent,#000 80%);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 80%)}
 .cr-hero:before{background:linear-gradient(180deg,#12283e 5%,#12283eb3 72%,#12283e80)}
 .cr-hero-orbit{display:none}
 .cr-logo-controls{margin-top:16px}
}
@media(max-width:540px){
 .cr-hero{padding:52px 6% 92px;row-gap:36px}
 .cr-hero h1{font-size:clamp(32px,8.9vw,45px);line-height:1.2}
 .cr-hero-brand{max-width:400px}
 .cr-hero-photo{height:230px;background-size:auto 340%}
 .cr-logo-controls{margin-top:10px}
}
@media(prefers-reduced-motion:reduce){.cr-hero-brand .cr-logo-feather,.cr-hero-brand .cr-logo-wordmark>path,.cr-hero-brand .cr-logo-tagline>path{opacity:1;transform:none;clip-path:none}.cr-logo-feather-line,.cr-logo-sheen{display:none}}
@media(forced-colors:active){.cr-hero-brand{color:CanvasText}.cr-logo-replay{color:ButtonText}.cr-logo-replay svg{color:ButtonText}.cr-logo-replay:focus-visible{outline-color:Highlight}.cr-logo-feather-line,.cr-logo-sheen{display:none}}
@media print{.cr-hero{display:block}.cr-hero-brand{width:250px;max-width:100%;color:#172c43;margin-top:20px}.cr-logo-controls,.cr-logo-feather-line,.cr-logo-sheen{display:none}.cr-logo-feather,.cr-logo-wordmark>path,.cr-logo-tagline>path{opacity:1!important;transform:none!important;clip-path:none!important}}