@font-face{font-family:Caslon;src:url('/assets/display.woff2') format('woff2');font-display:swap}
@font-face{font-family:DM;src:url('/assets/sans.woff2') format('woff2');font-display:swap}
*{box-sizing:border-box}
:root{color-scheme:light dark;--bg:#f5f2e9;--ink:#24251f;--green:#59632d;--muted:#666858;--line:#d6d7c9;font-family:DM,-apple-system,sans-serif;background:var(--bg);color:var(--ink)}
@media(prefers-color-scheme:dark){:root{--bg:#191b14;--ink:#f5f2e9;--green:#bdc78b;--muted:#b9beaa;--line:#414634}
}
body{margin:0}
.shell{max-width:1100px;margin:auto;padding:28px clamp(20px,5vw,60px)}
header,footer{display:flex;align-items:center;justify-content:space-between;gap:24px}
header{padding:10px 0 28px;border-bottom:1px solid var(--line)}
header img{width:110px;height:auto}
nav{display:flex;align-items:center;gap:8px;font-size:13px}
nav a{padding:14px 9px;color:var(--muted);text-decoration:none}
nav a[aria-current]{color:var(--green);text-decoration:underline;text-underline-offset:9px}
a{color:var(--green)}
a:focus-visible{outline:2px solid var(--green);outline-offset:5px}
main{text-align:center;padding:70px 0 90px;animation:arrive .7s ease-out}
.eyebrow{font-size:11px;letter-spacing:.18em;color:var(--green)}
h1,h2{font-family:Caslon,Georgia,serif;font-weight:400}
h1{font-size:clamp(52px,9vw,90px);line-height:1.05;letter-spacing:-.035em;margin:25px 0}
h1 em{font-style:normal;color:var(--green)}
p{line-height:1.6;color:var(--muted)}
.intro{font-size:17px;margin-bottom:40px}
.keepsake{max-width:340px;margin:0 auto 32px;box-shadow:0 12px 32px #0000000b}
.keepsake img{width:100%;display:block}
.button{display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--green);color:var(--bg);text-decoration:none;padding:20px 26px;max-width:420px;margin:auto;border-radius:3px;font-size:16px;min-height:56px}
.hint,.expiry{font-size:13px;max-width:520px;margin:24px auto}
.originals{border-top:1px solid var(--line);margin:60px auto 45px;padding-top:30px;max-width:660px}
h2{font-size:36px;margin:15px 0}
.photos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 22px;margin-top:30px}
.photos figure{margin:0;min-width:0}
.photos figure:only-child{grid-column:1/-1;max-width:310px;justify-self:center}
.photos img{width:100%;height:auto;display:block;aspect-ratio:3/4;object-fit:contain;background:#e6e8d5}
.photos.wide{grid-template-columns:1fr}
.photos.wide img{aspect-ratio:16/9}
.download{display:flex;align-items:center;justify-content:space-between;min-height:48px;font-size:14px;text-decoration:underline;text-underline-offset:5px}
.expiry{padding-top:25px}
.flower{width:72px;margin:20px 0}
footer{position:relative;border-top:1px solid var(--line);padding:24px 0;font-size:11px;color:var(--muted)}
footer img{width:26px;position:absolute;left:50%;transform:translateX(-50%)}
footer a{color:inherit;text-decoration:none}
@keyframes arrive{from{opacity:0;transform:translateY(7px)}
to{opacity:1;transform:none}
}
@media(prefers-reduced-motion:reduce){main{animation:none}
}
@media(max-width:380px){footer{font-size:10px;gap:36px}
.photos{gap:20px 12px}
}