@font-face{font-family:'Source Serif 4';src:url('/assets/source-serif-4-italic.ttf') format('truetype');font-weight:200 900;font-style:italic;font-display:swap}
.hero{display:grid;place-items:center;min-height:calc((100svh - 88px + min(746.6667px,64vw,100svh - 124px))/2);padding:6px 0 12px;overflow:hidden}
.hero__stage{position:relative;display:grid;place-items:center;width:min(1120px,96vw,calc((100svh - 124px)*1.5));aspect-ratio:3/2;container-type:inline-size;isolation:isolate}
.hero__doily{position:absolute;z-index:-1;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none}
.hero__title{width:79%;margin:0;padding:0 0 .1em;color:var(--brand);font-family:'Source Serif 4',Georgia,serif;font-size:clamp(30px,6.8cqw,80px);font-style:italic;font-weight:400;line-height:1.1;letter-spacing:-.045em;text-align:center;text-wrap:balance}
.hero__line{display:block}
.hero__photo{--photo-width:1.26em;--photo-delay:.85s;display:inline-block;position:relative;width:var(--photo-width);height:.85em;margin:0 .035em 0 .16em;vertical-align:-.015em;overflow:hidden;border-radius:50%;animation:hero-open-space .9s cubic-bezier(.22,.61,.36,1) var(--photo-delay) both}
.hero__photo img{display:block;position:absolute;left:50%;width:var(--photo-width);max-width:none;height:100%;object-fit:cover;animation:hero-photo-reveal .65s ease calc(var(--photo-delay) + .18s) both}
.hero__photo--maria img{object-position:50% 42%;transform:translateX(-50%) scale(1.2)}
.hero__photo--laptop{--photo-delay:1.05s}
.hero__photo--laptop img{transform:translateX(-50%) scale(1.12)}
@keyframes hero-open-space{from{width:0;margin-left:0;margin-right:0}to{width:var(--photo-width);margin-left:.16em;margin-right:.035em}}
@keyframes hero-photo-reveal{from{opacity:0}to{opacity:1}}
@media(max-width:760px){.hero{min-height:calc((100svh - 116px + min(64vw,433.3333px))/2);padding:6px 0 12px}.hero__stage{width:min(96vw,650px);aspect-ratio:3/2}.hero__title{font-size:6.8cqw}}
@media(max-width:520px){.hero{min-height:calc((100svh - 116px + min(144vw,645px))/2);padding:4px 0 12px}.hero__stage{width:96vw;max-width:430px;aspect-ratio:2/3}.hero__doily{width:150%;height:66.6667%;max-width:none;inset:50% auto auto 50%;transform:translate(-50%,-50%) rotate(90deg)}.hero__title{width:76%;font-size:10.5cqw;line-height:1.12;letter-spacing:-.045em}.hero__line{display:inline}.hero__photo{--photo-width:1.18em;height:.84em}}
@media(prefers-reduced-motion:reduce){.hero__photo,.hero__photo img{animation:none}}