@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600&family=Merriweather:wght@400;700&family=Open+Sans:wght@400;600&display=swap");
:root{
  --ink:#1a1a1a; --muted:#8a8a8a; --line:#e7e7e7;
  --cream:#f6ece2; --tan:#c8792e; --bg:#fff;
  --serif:"Merriweather",Georgia,serif;
  --sans:"Open Sans",Helvetica,Arial,sans-serif;
  --wrap:1280px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--sans);color:var(--ink);font-size:16px;line-height:1.7;background:var(--bg)}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.25}
.topbar{background:#000;color:#fff;text-align:center;font-size:.85rem;padding:.7rem 1rem}
.topbar a{color:var(--tan);text-decoration:underline}
.site-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;
  gap:1rem;padding:1.4rem 2rem;border-bottom:1px solid var(--line);max-width:var(--wrap);margin:0 auto}
.mainnav ul{list-style:none;display:flex;gap:1.6rem;margin:0;padding:0;flex-wrap:wrap}
.mainnav a{font-family:var(--serif);font-size:.8rem;letter-spacing:.06em;color:#111}
.mainnav a:hover{color:var(--tan)}
.logo{justify-self:center}.logo img{width:260px;max-width:60vw}
.search{justify-self:end;color:var(--tan);font-size:1.4rem}
.crumbs{max-width:var(--wrap);margin:1.4rem auto .4rem;padding:0 2rem;color:var(--muted);font-size:.82rem}
.crumbs a:hover{color:var(--ink)}.crumbs i{font-style:normal;margin:0 .35rem;color:#cfcfcf}
.crumbs span{color:var(--muted)}
.home{max-width:var(--wrap);margin:0 auto;padding:1.4rem 2rem 3rem}
.tagline{text-align:center;font-size:1.9rem;margin:1.6rem 0 1.8rem}
.hero{display:block;margin:0 auto 3rem;max-width:1120px}
.hero img{width:100%;object-fit:cover}
.featured h2{text-align:center;font-size:1.9rem;margin:2rem 0 2.2rem}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2.4rem 2rem}
.cell{display:block;padding:.5rem}
.cell img{width:100%;aspect-ratio:910/1155;object-fit:contain}
.cell span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.category{max-width:var(--wrap);margin:0 auto;padding:0 2rem 3rem}
.showing{text-align:right;color:var(--muted);font-size:.85rem;margin-top:2.4rem}
.product{max-width:var(--wrap);margin:0 auto;padding:0 2rem 4rem}
.product h1{font-size:2.5rem;margin:.4rem 0 1.4rem;font-family:"Cormorant Garamond",var(--serif);font-weight:600;line-height:1.1}
.product-grid{display:grid;grid-template-columns:minmax(0,0.92fr) minmax(0,1.08fr);gap:3rem}
.product-media{position:relative}
.adobe-link{position:absolute;top:0;right:0;z-index:2;background:var(--tan);color:#fff;
  font-size:.8rem;letter-spacing:.02em;padding:.5rem .8rem;border-radius:3px}
.adobe-link:hover{background:#a9631f}
.main-image{padding-top:1.6rem}
.main-image img{width:100%;object-fit:contain;max-height:640px}
.thumbs{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:1rem}
.thumb{border:1px solid var(--line);background:#fff;padding:0;cursor:pointer;width:74px;height:74px}
.thumb img{width:100%;height:100%;object-fit:cover}
.thumb:hover{border-color:var(--tan)}
.rte{font-size:.98rem;color:#2b2b2b}
.rte p{margin:0 0 1.1rem}
.rte ul{padding-left:1.1rem;margin:1.1rem 0}
.rte li{margin:.5rem 0}
.rte img{margin:1rem 0}
.info{max-width:900px;margin:0 auto;padding:0 2rem 4rem}
.info h1{font-size:2.3rem;margin:.4rem 0 1.4rem;font-family:"Cormorant Garamond",var(--serif);font-weight:600}
.site-footer{background:var(--cream);margin-top:2rem}
.foot-inner{max-width:var(--wrap);margin:0 auto;display:grid;grid-template-columns:1.2fr 1fr 1fr;
  gap:2rem;padding:3rem 2rem 2rem}
.foot-logo img{width:230px}
.foot-col h2{font-size:1.35rem;margin:0 0 1rem}
.foot-col ul{list-style:none;margin:0;padding:0}
.foot-col li{margin:.5rem 0}
.foot-col li::before{content:"\203A";color:var(--tan);margin-right:.5rem}
.foot-col a:hover{color:var(--tan)}
.copy{text-align:center;color:#6a6a6a;font-size:.82rem;padding:1.4rem;border-top:1px solid #ead9c7}
@media(max-width:900px){
  .site-header{grid-template-columns:1fr auto;gap:.8rem;padding:1rem}
  .mainnav{order:3;grid-column:1/-1}.mainnav ul{justify-content:center;gap:1.1rem}
  .search{display:none}
  .grid{grid-template-columns:repeat(2,1fr);gap:1.6rem 1rem}
  .product-grid{grid-template-columns:1fr;gap:1.4rem}
  .product h1{font-size:2rem}
  .foot-inner{grid-template-columns:1fr;text-align:center}
  .foot-col li::before{display:none}
}
@media(max-width:480px){.grid{grid-template-columns:1fr}.tagline,.featured h2{font-size:1.5rem}}