@font-face{font-family:"DM Sans";font-weight:400;font-style:normal;font-display:swap;src:url(/assets/dm-sans-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"DM Sans";font-weight:600;font-style:normal;font-display:swap;src:url(/assets/dm-sans-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"DM Serif Display";font-weight:400;font-style:normal;font-display:swap;src:url(/assets/dm-serif-display-latin-400-normal.woff2) format("woff2")}
:root{--pink:#F4D6DC;--blush:#FBF1F2;--berry:#A63D5F;--berry-d:#8C2F4D;--ink:#2E1F27;--muted:#6B5560;--leaf:#2F5E45}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:"DM Sans",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;font-size:1.0625rem;line-height:1.65;color:var(--ink);background:var(--pink)}
.wrap{min-height:100vh;min-height:100svh;display:grid;grid-template-rows:auto 1fr;background:linear-gradient(160deg,var(--pink) 0%,var(--blush) 75%)}
.photo{aspect-ratio:4/3;max-height:58vh;overflow:hidden;background:var(--pink)}
.photo img{display:block;width:100%;height:100%;object-fit:cover}
.text{padding:30px 24px calc(38px + env(safe-area-inset-bottom,0px));max-width:640px;width:100%;margin:0 auto;align-self:center}
.brand{display:flex;align-items:center;gap:10px;margin:0 0 18px;font-family:"DM Serif Display",Georgia,"Times New Roman",serif;font-size:1.45rem}
.brand svg{width:36px;height:36px;flex:none}
.pill{display:inline-block;background:var(--leaf);color:#fff;font-weight:600;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;padding:6px 14px;border-radius:999px;margin-bottom:16px}
h1{font-family:"DM Serif Display",Georgia,"Times New Roman",serif;font-weight:400;font-size:2.3rem;font-size:clamp(2.1rem,6.5vw,3.4rem);line-height:1.1;letter-spacing:-.01em;margin:0 0 .5em}
.lead{font-size:1.18rem}
p{margin:0 0 1em}
.cta{margin:1.4em 0 1.2em}
.btn{display:inline-block;padding:15px 30px;border-radius:999px;background:var(--berry);color:#fff;font-weight:600;font-size:1rem;line-height:1;text-decoration:none;border:2px solid var(--berry);transition:background .15s}
.btn:hover{background:var(--berry-d);border-color:var(--berry-d)}
a{color:var(--berry-d);text-underline-offset:3px}
:focus-visible{outline:3px solid var(--berry);outline-offset:3px;border-radius:6px}
.fine{font-size:.92rem;color:var(--muted)}
@media (min-width:900px){
  .wrap{grid-template-rows:1fr;grid-template-columns:55% 45%}
  .photo{grid-column:1;grid-row:1;aspect-ratio:auto;max-height:none;min-height:100vh;min-height:100svh}
  .text{grid-column:2;grid-row:1;padding:60px 56px;max-width:none;margin:0}
  .photo img{position:sticky;top:0;height:100vh;height:100svh}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}
