@font-face {font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url('assets/inter-400.ttf') format('truetype')}
@font-face {font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url('assets/inter-700.ttf') format('truetype')}
@font-face {font-family:Inter;font-style:normal;font-weight:800;font-display:swap;src:url('assets/inter-800.ttf') format('truetype')}
* {box-sizing:border-box}
html {font-size:24px}
body {margin:0;background:#bdeafc;color:#696969;font-family:Inter,sans-serif;text-align:center}
body::before {content:"";position:fixed;inset:0;z-index:-1;background:#bdeafc url('assets/waves.svg') center center/185px auto repeat}
main {width:100%;max-width:46rem;padding:2.75rem 4rem;margin:0 auto}
.logo {display:block;width:7.25rem;height:auto;margin:0 auto}
h1 {font-size:7rem;line-height:.875;font-weight:800;letter-spacing:-.25rem;color:#2b2b2b;margin:1.875rem 0}
p {font-size:1rem;line-height:1.875;margin:0}
strong {font-weight:700}
.gallery {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;margin:3.375rem .5416667rem}
figure {position:relative;aspect-ratio:1;margin:0;overflow:hidden;border:10px solid #fff;border-radius:.375rem}
figure img {display:block;width:100%;height:100%;object-fit:cover;object-position:center}
figcaption {position:absolute;bottom:-10px;left:-10px;right:-10px;background:#fff;color:#2b2b2b;font-size:1rem;line-height:1.75;padding:1.09375rem 1.75rem}
.contact {margin-top:3.375rem}
.email {display:flex;width:2.75rem;height:2.75rem;align-items:center;justify-content:center;margin:1.875rem auto;background:#2b2b2b;color:#fff;border-radius:50%;transition:background-color .2s}
.email svg {width:1.375rem;height:1.375rem}
.email:hover {background:#454545}
.email:focus-visible {outline:3px solid #2b2b2b;outline-offset:5px}
footer {font-size:.625rem;line-height:1.875}
@media (max-width:1680px) {html{font-size:22px}}
@media (max-width:1280px) {html{font-size:20px}}
@media (max-width:980px) {html{font-size:18px}}
@media (max-width:736px) {
  html {font-size:17.333333px}
  main {max-width:100%;padding:5rem 1.5rem}
  h1 {font-size:5.5rem;margin:1.625rem 0}
  .gallery {grid-template-columns:1fr;gap:1.25rem;margin:2.53125rem 0}
  figure {aspect-ratio:auto}
  figure img {height:auto;object-fit:initial}
  .contact {margin-top:2.53125rem}
  .email {margin:1.625rem auto}
}