.brand-logo{width:64px;height:63px;object-fit:contain;display:block;background:white;border-radius:4px;padding:3px;flex-shrink:0}
.hero-emblem{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;padding:55px 8% 70px 4%;grid-column:2;grid-row:1}
.hero-emblem img{display:block;width:100%;max-width:420px;height:auto;background:white;border:12px solid white;border-radius:50%;box-shadow:0 18px 50px #002e3955}
.hero .ocean{position:absolute;inset:0;pointer-events:none}
.hero-text{grid-column:1;grid-row:1}
footer .brand-logo{width:52px;height:51px}
@media(max-width:1000px){header nav{gap:19px}header .brand{font-size:15px}.hero-emblem{padding-left:6%;padding-right:10%}}
@media(max-width:800px){header .brand-logo{width:48px;height:47px}header nav{gap:12px;font-size:12px}.hero-emblem img{border-width:8px}}
@media(max-width:580px){header .brand{font-size:13px;gap:7px}.hero-emblem{padding:0 18% 48px}.hero-emblem img{max-width:280px;border-width:8px}.hero-text{min-height:0;padding-bottom:35px}.hero .art-label{display:none}}