:root{--ch:#2f2f33;--mist:#e9e8e6;--mist2:#f6f5f3;--blush:#d9a5a0;--mute:#77767a}
*{box-sizing:border-box}body{margin:0;font:16px/1.65 "Helvetica Neue",Arial,sans-serif;color:var(--ch);background:var(--mist2)}
h1,h2,h3,.logo,.flogo{font-family:"Cormorant Garamond",Georgia,"Times New Roman",serif;font-weight:500;letter-spacing:.02em}
a{color:inherit}img{max-width:100%;display:block}
.nav{display:flex;justify-content:space-between;align-items:center;padding:22px 6vw;background:#fff;border-bottom:1px solid var(--mist);flex-wrap:wrap;gap:10px}
.logo{font-size:1.5rem;letter-spacing:.25em;text-decoration:none}.nav nav a{margin-left:24px;text-decoration:none;font-size:.85rem;letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}.nav nav a:hover{color:var(--ch)}
main section{padding:64px 6vw;max-width:1200px;margin:auto}
.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:center}
.hero h1{font-size:clamp(2.8rem,6vw,4.8rem);margin:.1em 0;line-height:1.05}.hi img{border-radius:4px;background:#fff}
.eyebrow{text-transform:uppercase;letter-spacing:.25em;font-size:.75rem;color:var(--blush);margin:0}
.lead{font-size:1.15rem;color:var(--mute)}
.btn{display:inline-block;background:var(--ch);color:#fff;padding:14px 30px;text-decoration:none;letter-spacing:.14em;text-transform:uppercase;font-size:.8rem;border:1px solid var(--ch);margin:8px 6px 8px 0;transition:.2s}
.btn:hover{background:var(--blush);border-color:var(--blush)}.btn.ghost{background:transparent;color:var(--ch)}
.story{text-align:center;max-width:720px!important}.story h2{font-size:2.4rem;margin:0 0 .4em}.story p{font-size:1.1rem;color:var(--mute)}
.c{text-align:center}h2.c{font-size:2.2rem}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:28px;margin:32px 0}
.card{text-decoration:none;background:#fff;padding:18px;transition:.2s;border:1px solid var(--mist)}.card:hover{border-color:var(--blush)}
.ci{aspect-ratio:1;display:flex;align-items:center;justify-content:center;overflow:hidden}.ci img{max-height:100%;object-fit:contain}
.card h3{font-size:1.2rem;margin:14px 0 4px}.price{color:var(--mute);margin:0}.price.big{font-size:1.5rem;color:var(--ch)}
.pd{display:grid;grid-template-columns:1fr 1fr;gap:56px}.gal #main{background:#fff;width:100%;aspect-ratio:1;object-fit:contain}
.th{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.th img{width:64px;height:64px;object-fit:cover;cursor:pointer;border:1px solid var(--mist)}
.info h1{font-size:2.2rem;margin:.2em 0}.bul{padding-left:18px}.bul li{margin:8px 0}
.sw{margin:18px 0}.sw span{margin-right:10px;color:var(--mute)}.sw a{display:inline-block;padding:6px 16px;border:1px solid var(--mist);margin:3px;text-decoration:none;background:#fff}.sw a.on{border-color:var(--ch)}
.small{font-size:.85rem;color:var(--mute)}.doc{max-width:760px!important}.doc h1{font-size:2.6rem}
footer{background:var(--ch);color:var(--mist);text-align:center;padding:40px 6vw}footer .flogo{letter-spacing:.3em;font-size:1.3rem}footer a{color:var(--mist)}footer .small{color:#aaa}
@media(max-width:760px){.hero,.pd{grid-template-columns:1fr}.nav nav a{margin:0 14px 0 0}main section{padding:40px 5vw}}
