:root{--primary:#575527;--pink:#E7375F;--text:#2f2726;--text2:#5e5655;--bg:#faf9f4;--bg2:#fefdfb;--border:#dbd1c9}
@media (prefers-color-scheme:dark){:root{--primary:#778053;--text:#f9fafb;--text2:#d1d5db;--bg:#111827;--bg2:#1f2937;--border:#374151}}
*{box-sizing:border-box}html{color-scheme:light dark}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,-apple-system,system-ui,sans-serif;line-height:1.6}
a{color:var(--primary)}
h1,h2,h3{font-family:"Averia Serif Libre",Georgia,serif;font-weight:700;line-height:1.2;margin:0 0 .5em}
.mono{font-family:"Courier Prime",ui-monospace,monospace;text-transform:uppercase;letter-spacing:.12em;font-weight:700;font-size:.8rem;color:var(--text2)}
.wrap{max-width:900px;margin:0 auto;padding:0 24px}
header.hero{position:relative;overflow:hidden;text-align:center;padding:96px 24px 72px}
header.hero::before{content:"";position:absolute;inset:0;background:url(blossoms.png) center/cover no-repeat;opacity:.9;pointer-events:none}
@media (prefers-color-scheme:dark){header.hero::before{opacity:.35}}
header.hero>*{position:relative}
.logo{width:220px;max-width:70vw;height:auto}
@media (prefers-color-scheme:dark){.logo{filter:invert(1)}}
.tagline{font-size:1.25rem;color:var(--text2);max-width:34em;margin:16px auto 28px}
.btn{display:inline-block;background:var(--primary);color:#fff;text-decoration:none;font-family:"Averia Serif Libre",serif;font-weight:700;padding:14px 26px;border-radius:12px}
.btn.soon{opacity:.75;pointer-events:none}
section{padding:56px 0;border-top:1px solid var(--border)}
.grid{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.card{background:var(--bg2);border:1px solid var(--border);border-radius:16px;padding:24px}
.card h3{font-size:1.15rem}
.shots{display:flex;gap:16px;overflow-x:auto;padding:8px 0 16px;scroll-snap-type:x mandatory}
.shots img{height:520px;border-radius:24px;border:1px solid var(--border);scroll-snap-align:start;flex:none}
footer{padding:40px 0;border-top:1px solid var(--border);color:var(--text2);font-size:.9rem}
footer nav a{margin-right:20px}
article{max-width:720px;margin:0 auto;padding:56px 24px}
article h1{font-size:2rem}article h2{font-size:1.25rem;margin-top:2em}
.top{padding:20px 24px;display:flex;align-items:center;gap:12px}
.top img{width:36px;height:36px;border-radius:9px}
.top a{text-decoration:none;color:var(--text);font-family:"Averia Serif Libre",serif;font-weight:700;font-size:1.1rem}