body{margin:0;background:#F3F0EA;color:#1A1815;font-family:'Jost',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
a:hover{color:#6E675E}
*{box-sizing:border-box}
.wrap{max-width:1280px;margin:0 auto;padding:0 40px}
.serif{font-family:'Cormorant Garamond',Georgia,serif}
.eyebrow{font-size:12px;letter-spacing:.22em;text-transform:uppercase}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:0 28px;font-size:13px;letter-spacing:.16em;text-transform:uppercase;border:1px solid currentColor;font-family:inherit;cursor:pointer}
.nav-links{display:flex;gap:32px;flex-wrap:wrap}
.pdp{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:64px;align-items:start}
.thumbs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.thumbs img{width:100%;aspect-ratio:3/4;object-fit:cover;display:block}
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:72px;align-items:center}
.notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 40px}
@media (max-width:900px){
.wrap{padding:0 20px}
.pdp,.split{grid-template-columns:1fr;gap:36px}
.notes{grid-template-columns:1fr}
.nav-links.side{display:none}
.h1{font-size:72px !important}
}