@font-face{
  font-family:"Room Heading Serif";
  src:url("assets/fonts/room-heading-serif-vf.woff2") format("woff2");
  font-weight:200 900;
  font-style:normal;
  font-display:swap;
}
:is(h1,h2)[data-text-proximity]{font-family:"Room Heading Serif",var(--serif);font-size:150px;letter-spacing:0}
[data-text-proximity] span{letter-spacing:0}
.proximity-char{display:inline-block;width:1em;font-variation-settings:"wght" 400;transition:font-variation-settings .15s ease-out}
#photo-title{font-size:78px;letter-spacing:0;overflow:hidden}
.float-char{display:inline-block;transform-origin:50% 0%;letter-spacing:0}
@media(min-width:1600px){:is(h1,h2)[data-text-proximity]{font-size:174px}}
@media(max-width:1399px) and (min-width:1051px){:is(h1,h2)[data-text-proximity]{font-size:132px}}
@media(max-width:1050px) and (min-width:701px){:is(h1,h2)[data-text-proximity]{font-size:88px}#photo-title{font-size:58px}}
@media(max-width:700px){:is(h1,h2)[data-text-proximity]{font-size:56px}#photo-title{font-size:46px}}
@media(max-width:360px){:is(h1,h2)[data-text-proximity]{font-size:46px}}
@media(prefers-reduced-motion:reduce){.proximity-char{transition:none}}