:root{--ink:#201812;--paper:#fffaf2;--cream:#f7ead8;--gold:#b8874a;--rose:#8f4e58;--teal:#236b69;--deep:#2b1f1a;--focus:#003cff}*{box-sizing:border-box}html{font-size:18px}body{margin:0;font-family:Georgia,"Times New Roman",serif;line-height:1.55;color:var(--ink);background:var(--paper)}img{max-width:100%;height:auto;display:block}.skip-link{position:absolute;left:-999px;top:0;background:#fff;color:#000;padding:.75rem;z-index:99}.skip-link:focus{left:0}.site-header{background:var(--deep);color:#fff;padding:1rem;display:flex;gap:1rem;align-items:center;justify-content:space-between;flex-wrap:wrap}.brand{display:flex;gap:.8rem;align-items:center}.brand strong{font-size:1.35rem;display:block;letter-spacing:.04em}.brand small{display:block;color:#f1d9bd}.mark{width:3rem;height:3rem;border:2px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:#ffd9a3;font-weight:bold}nav{display:flex;gap:.35rem;flex-wrap:wrap}nav a{color:#fff;text-decoration:none;padding:.55rem .75rem;border-radius:999px}nav a:hover,nav a:focus{background:#fff;color:#000;outline:3px solid transparent}.hero{background:linear-gradient(110deg,rgba(43,31,26,.92),rgba(143,78,88,.83)),url("images/collection-preview.jpg") center/cover;min-height:68vh;color:#fff;display:grid;align-items:center;padding:4rem 1rem}.hero-inner{max-width:850px;margin:auto}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:#ffd9a3;font-weight:bold}.hero h1{font-size:clamp(2.3rem,6vw,5rem);line-height:.95;margin:.3rem 0}.hero p{font-size:1.25rem;max-width:680px}.button{display:inline-block;background:var(--teal);color:#fff;text-decoration:none;padding:.85rem 1.05rem;border-radius:.5rem;font-weight:bold;border:2px solid var(--teal)}.button:hover,.button:focus{background:#fff;color:var(--teal);outline:3px solid var(--focus);outline-offset:3px}.button.light{background:#fff;color:#000;border-color:#fff}.section{max-width:1180px;margin:auto;padding:3rem 1rem}.split{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center}.panel{background:var(--cream);border-left:8px solid var(--gold);padding:1.5rem;border-radius:.75rem}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.product-card{background:#fff;border:1px solid #e4d3c1;border-radius:1rem;overflow:hidden;box-shadow:0 8px 18px rgba(0,0,0,.08)}.product-card img{width:100%;aspect-ratio:1/1;object-fit:cover;background:#ead8bc}.product-body{padding:1rem}.product-body h3{margin:.1rem 0 .4rem;font-size:1.25rem}.price{font-size:1.25rem;font-weight:bold;color:#672f39}.feature-list{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.feature{background:#fff;border:1px solid #e4d3c1;border-radius:.75rem;padding:1rem}.contact-box{background:#fff;border:2px solid var(--gold);border-radius:1rem;padding:1.25rem}.site-footer{background:var(--deep);color:#fff;text-align:center;padding:2rem 1rem}.small{font-size:.9rem;color:#e7d1bd}a{color:#064f60}a:focus{outline:3px solid var(--focus);outline-offset:3px}@media(max-width:850px){.split,.grid,.feature-list{grid-template-columns:1fr}.site-header{display:block}.brand{margin-bottom:1rem}nav a{display:inline-block}.hero{min-height:auto;padding:3rem 1rem}.hero h1{font-size:2.5rem}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}


/* Whispering Treasures Logo Integration - v2 */
.skip-link {
  position: absolute;
  left: -999px;
  top: 8px;
  background: #1f1b18;
  color: #ffffff;
  padding: 10px 14px;
  z-index: 9999;
  border-radius: 6px;
}
.skip-link:focus {
  left: 8px;
}
.logo-hero {
  background: linear-gradient(180deg, #fbf1dc 0%, #f7ead2 100%);
  text-align: center;
  padding: 18px 12px;
  border-bottom: 1px solid #d9c7a3;
}
.hero-logo,
.site-logo {
  display: block;
  max-width: min(920px, 96vw);
  height: auto;
  margin: 0 auto;
}
.site-logo {
  max-height: 140px;
  object-fit: contain;
}
@media (max-width: 700px) {
  .logo-hero {
    padding: 10px 8px;
  }
  .hero-logo,
  .site-logo {
    max-width: 98vw;
  }
}


/* About page logo placement */
.about-top-logo{
    width:100%;
    text-align:center;
    padding:40px 20px 10px 20px;
}

.about-page-logo{
    max-width:700px;
    width:100%;
    height:auto;
    display:inline-block;
}