.site-header{position:fixed;top:0;left:0;right:0;background:rgba(0,0,0,0);-webkit-transition:background-color .3s ease;transition:background-color .3s ease}.site-header.is-scrolled{background:var(--page-bg)}.hero-image{--hi-text: 500px;--hi-gutter: 120px;--hi-gap-max: 105px;--hi-gap: clamp(0px, 49.279vw - 504.6px, var(--hi-gap-max));position:relative;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;min-height:900px}@media(max-width: 1366px){.hero-image{--hi-gutter: 40px}}@media(max-width: 1024px){.hero-image{min-height:0;padding-block:calc(var(--nav-h, 104px) + 120px) 120px}}@media(max-width: 768px){.hero-image{padding-block:calc(var(--nav-h, 104px) + 80px) 80px}}.hero-image--cards{--hi-gap-max: 205px}.hero-image__inner{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media(max-width: 1024px){.hero-image__inner{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:60px}}.hero-image__content{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:30px;width:var(--hi-text);max-width:100%}@media(max-width: 479px){.hero-image__content .btn{-ms-flex-item-align:center;align-self:center}}.hero-image__title{margin:0;-ms-flex-item-align:stretch;align-self:stretch;color:var(--color-edge-navy);font-family:var(--font-heading-m),serif;font-weight:400;font-size:62px;line-height:62px;letter-spacing:-0.02em}@media(max-width: 768px){.hero-image__title{font-size:55px;line-height:55px}}.hero-image__desc{margin:0;color:var(--color-edge-navy);font-family:var(--font-body);font-weight:400;font-size:18px;line-height:27px;letter-spacing:-0.02em}@media(max-width: 768px){.hero-image__desc{font-size:16px;line-height:24px}}.hero-image__cards{position:absolute;top:98px;left:calc(var(--hi-gutter) + var(--hi-text) + var(--hi-gap));width:745px;aspect-ratio:745/785;pointer-events:none}@media(max-width: 1024px){.hero-image__cards{position:relative;inset:auto;max-width:100%;margin-inline:auto}}.hero-image--image .hero-image__inner{gap:var(--hi-gap)}@media(max-width: 1024px){.hero-image--image .hero-image__inner{gap:60px}}.hero-image__graphic{-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;min-width:0}.hero-image__graphic picture,.hero-image__graphic img{display:block;width:auto;max-width:100%;height:auto}.hero-image__card{--card-delay: 0ms;--card-fade: 205ms;position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;width:57.199%;height:74.559%;padding:3.011% 2.964%;border-radius:3.886%/2.829%;background:hsla(0,0%,100%,.55);-webkit-box-shadow:0 3.36px 25.17px rgba(0,0,0,.04);box-shadow:0 3.36px 25.17px rgba(0,0,0,.04);backdrop-filter:blur(14.42px);-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;opacity:0;-webkit-transform:translateX(var(--card-from, 0px)) skewY(20deg) scale(var(--card-scale, 1));-ms-transform:translateX(var(--card-from, 0px)) skewY(20deg) scale(var(--card-scale, 1));transform:translateX(var(--card-from, 0px)) skewY(20deg) scale(var(--card-scale, 1))}.hero-image__card--1{--card-scale: 1;--card-opacity: 1;--card-from: 200px;--card-fade: 1010ms;left:0;top:5.529%;overflow:hidden;background:hsla(0,0%,100%,.7);-webkit-box-shadow:0 3.36px 25.17px rgba(0,0,0,.1);box-shadow:0 3.36px 25.17px rgba(0,0,0,.1)}.hero-image__card--2{--card-scale: 0.9216;--card-opacity: 0.8;--card-from: -100px;--card-delay: 500ms;left:20.468%;top:3.753%}.hero-image__card--3{--card-scale: 0.8656;--card-opacity: 0.5;--card-from: -200px;--card-delay: 705ms;left:36.452%;top:2.282%}.hero-image__card--4{--card-scale: 0.8157;--card-opacity: 0.4;--card-from: -200px;--card-delay: 910ms;left:53.396%;top:0}.hero-image__card picture,.hero-image__card img{width:100%;height:100%}.hero-image__card img{border-radius:3.691%/2.609%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;background:var(--color-edge-navy)}.hero-image.is-loaded .hero-image__card{-webkit-animation:hero-image-card-slide 1.01s ease-out var(--card-delay) both,hero-image-card-fade var(--card-fade) ease-in-out var(--card-delay) both;animation:hero-image-card-slide 1.01s ease-out var(--card-delay) both,hero-image-card-fade var(--card-fade) ease-in-out var(--card-delay) both;-webkit-animation-timing-function:linear(0, 0.0217, 0.0741, 0.1429, 0.2188, 0.296, 0.371, 0.4415, 0.5066, 0.5658, 0.6191, 0.6667, 0.7089, 0.7463, 0.7792, 0.8081, 0.8334, 0.8556, 0.875, 0.8919, 0.9067, 0.9196, 0.9308, 0.9406, 0.9491, 0.9565, 0.963, 0.9686, 0.9735, 0.9777, 0.9814, 0.9846, 0.9874, 0.9899, 0.992, 0.9938, 0.9954, 0.9968, 0.998, 0.9991, 1),cubic-bezier(0.42, 0, 0.58, 1);animation-timing-function:linear(0, 0.0217, 0.0741, 0.1429, 0.2188, 0.296, 0.371, 0.4415, 0.5066, 0.5658, 0.6191, 0.6667, 0.7089, 0.7463, 0.7792, 0.8081, 0.8334, 0.8556, 0.875, 0.8919, 0.9067, 0.9196, 0.9308, 0.9406, 0.9491, 0.9565, 0.963, 0.9686, 0.9735, 0.9777, 0.9814, 0.9846, 0.9874, 0.9899, 0.992, 0.9938, 0.9954, 0.9968, 0.998, 0.9991, 1),cubic-bezier(0.42, 0, 0.58, 1)}@-webkit-keyframes hero-image-card-slide{from{-webkit-transform:translateX(var(--card-from, 0px)) skewY(20deg) scale(var(--card-scale, 1));transform:translateX(var(--card-from, 0px)) skewY(20deg) scale(var(--card-scale, 1))}to{-webkit-transform:translateX(0px) skewY(20deg) scale(var(--card-scale, 1));transform:translateX(0px) skewY(20deg) scale(var(--card-scale, 1))}}@keyframes hero-image-card-slide{from{-webkit-transform:translateX(var(--card-from, 0px)) skewY(20deg) scale(var(--card-scale, 1));transform:translateX(var(--card-from, 0px)) skewY(20deg) scale(var(--card-scale, 1))}to{-webkit-transform:translateX(0px) skewY(20deg) scale(var(--card-scale, 1));transform:translateX(0px) skewY(20deg) scale(var(--card-scale, 1))}}@-webkit-keyframes hero-image-card-fade{from{opacity:0}to{opacity:var(--card-opacity, 1)}}@keyframes hero-image-card-fade{from{opacity:0}to{opacity:var(--card-opacity, 1)}}@media(prefers-reduced-motion: reduce){.hero-image__card{opacity:var(--card-opacity, 1);-webkit-transform:translateX(0px) skewY(20deg) scale(var(--card-scale, 1));-ms-transform:translateX(0px) skewY(20deg) scale(var(--card-scale, 1));transform:translateX(0px) skewY(20deg) scale(var(--card-scale, 1))}.hero-image.is-loaded .hero-image__card{-webkit-animation:none;animation:none}}
