/*
Theme Name: Saltz & Stone
Theme URI: https://saltzandstone.com
Author: Saltz & Stone LLC
Description: Custom Saltz & Stone fine jewelry landing page.
Version: 1.0.0
Text Domain: saltz-stone
*/

:root{--brown:#2b190f;--ivory:#eeeae5;--ink:#17120f;--gold:#d7b55b;--brand-font:Georgia,'Times New Roman',serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:var(--brand-font);background:var(--ivory);color:var(--ink)}
nav{position:absolute;z-index:3;width:100%;padding:24px 6%;display:flex;justify-content:space-between;align-items:center;color:#f6f0e7}
.mark{font-size:14px;letter-spacing:.24em}
.navlinks a{color:inherit;text-decoration:none;margin-left:26px;font-size:12px;font-family:var(--brand-font);letter-spacing:.15em;text-transform:uppercase}
.hero{min-height:88vh;background:var(--brown);color:#f6f0e7;display:grid;place-items:center;text-align:center;padding:105px 24px 70px}
.hero-inner{width:min(900px,100%)}
.hero img{width:min(680px,82vw);height:auto;display:block;margin:0 auto 22px}
.eyebrow{font-size:11px;font-family:var(--brand-font);letter-spacing:.32em;text-transform:uppercase;color:#d8c7a7}
.hero h1{font-weight:400;font-size:clamp(38px,5vw,70px);line-height:1.06;margin:26px 0 16px}
.hero p{max-width:680px;margin:0 auto 30px;font-size:20px;font-weight:400;line-height:1.6;color:#f5ebe7}
.btn{display:inline-block;border:1px solid var(--gold);padding:15px 26px;color:#f5e6b7;text-decoration:none;font-size:12px;font-family:var(--brand-font);letter-spacing:.18em;text-transform:uppercase}
.section{padding:92px 8%;max-width:1200px;margin:auto}
.intro{text-align:center;max-width:820px}
.intro h2,.section h2,.dark h2{font-weight:400;font-size:clamp(34px,4vw,54px);margin:0 0 24px}
.intro p,.copy{font-size:18px;line-height:1.8;color:#504840}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#cfc6bb}
.card{background:var(--ivory);padding:52px 34px;min-height:280px}
.card span{font-size:11px;font-family:var(--brand-font);letter-spacing:.2em;text-transform:uppercase;color:#806b4e}
.card h3{font-size:28px;font-weight:400}
.dark{background:var(--brown);color:#f4eee8;padding:96px 8%;text-align:center}
.dark p{max-width:680px;margin:0 auto 30px;color:#d8cdc2;line-height:1.8;font-size:18px}
.details{font-size:11px;font-family:var(--brand-font);letter-spacing:.2em;text-transform:uppercase;margin-top:34px;color:#bda66f}
footer{padding:35px 8%;display:flex;justify-content:space-between;font-size:11px;font-family:var(--brand-font);letter-spacing:.14em;text-transform:uppercase}
@media(max-width:760px){
  nav{padding:22px 6%} .navlinks{display:none} .mark{font-size:12px}
  .hero{min-height:auto;padding:105px 22px 62px}
  .hero img{width:min(560px,94vw);margin-bottom:18px}
  .hero h1{font-size:44px;line-height:1.02;margin:22px 0 16px}
  .hero p{font-size:17px;line-height:1.55;margin-bottom:26px}
  .grid{grid-template-columns:1fr}
  .section,.dark{padding:68px 7%}
  footer{display:block;line-height:2}
}

/* Consistent typography */
.hero img{width:min(360px,60%);height:auto;margin:0 auto 28px}
.mark{font-size:18px;letter-spacing:.08em}
.navlinks a{font-size:13px;letter-spacing:.12em}
.hero h1{font-size:clamp(34px,4vw,48px);line-height:1.15;letter-spacing:-.02em}
.intro h2,.section h2,.dark h2{font-size:clamp(30px,3.5vw,40px);line-height:1.2}
.card h3{font-size:26px;line-height:1.25}
.hero p,.intro p,.copy,.dark p,.gallery-heading p{font-size:18px;line-height:1.7;font-family:var(--brand-font);font-weight:400}
.hero p{max-width:580px;margin:0 auto 30px}
.eyebrow{font-size:13px;letter-spacing:.18em}
.diamond-section{padding-top:40px}
.gallery-heading{text-align:center;max-width:700px;margin:0 auto 38px}
.gallery-heading .eyebrow{color:#806b4e;margin-bottom:18px}
.gallery-heading p{color:#504840}
.diamond-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.diamond-item{margin:0;min-width:0}
.diamond-item a{display:block;background:#e2ddd5;border:1px solid #cfc6bb}
.diamond-item img{display:block;width:100%;height:340px;object-fit:contain}
.diamond-item figcaption{text-align:center;font-size:17px;margin-top:12px}
.gallery-note{font-size:14px;line-height:1.6;color:#655b50;text-align:center;margin-top:28px}
@media(max-width:760px){.mark{font-size:16px}.hero h1{font-size:34px}.hero p,.intro p,.copy,.dark p,.gallery-heading p{font-size:17px}.diamond-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px}.diamond-item img{height:260px}.diamond-item figcaption{font-size:15px}.diamond-section{padding-top:24px}}
@media(max-width:420px){.diamond-item img{height:210px}}

/* Saltz & Stone luxury diamond gallery — mockup-matched */
.diamond-section{background:#fcf8ef;color:#3b2a18;padding-top:48px;padding-bottom:65px}
.diamond-section .gallery-heading{max-width:850px;margin:0 auto 28px;text-align:center}
.diamond-section .gallery-heading h2{font-family:Georgia,serif;font-weight:400;font-size:clamp(36px,5vw,52px);line-height:1.1;margin:0 0 12px}
.diamond-section .gallery-heading p{font-family:Georgia,serif;font-size:18px;line-height:1.45;margin:0 auto}
.diamond-section .diamond-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 25px;max-width:1200px;margin:auto}
.diamond-section .diamond-item{margin:0;min-width:0}
.diamond-section .diamond-item a{display:block;border:1px solid #d8ccbb;background:#e5ddd0;overflow:hidden}
.diamond-section .diamond-item img{width:100%;height:auto;aspect-ratio:375 / 213;object-fit:cover;display:block}
.diamond-section .diamond-item figcaption{font-family:Georgia,serif;text-align:center;font-size:19px;margin-top:9px}
.diamond-section .diamond-item.dutch-center{grid-column:2}
.diamond-section .gallery-note{text-align:center;font-size:13px;opacity:.7;margin-top:28px}
@media(max-width:760px){.diamond-section .diamond-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}.diamond-section .diamond-item.dutch-center{grid-column:auto}.diamond-section .diamond-item figcaption{font-size:16px}}
@media(max-width:480px){.diamond-section .diamond-gallery{grid-template-columns:1fr}.diamond-section .diamond-item.dutch-center{grid-column:1}.diamond-section .gallery-heading p{font-size:16px}}

/* Final luxury gallery corrections */
.diamond-section .diamond-item.heart-final a{border:0;background:transparent}
.diamond-section .diamond-item.heart-final img{transform:scale(1.10);transform-origin:50% 50%}
.diamond-section .diamond-item.asscher-final img{transform:scale(1.08);transform-origin:57% 53%}
.diamond-section .diamond-item.dutch-center{grid-column:2;justify-self:center;width:100%}
@media(max-width:760px) and (min-width:481px){
 .diamond-section .diamond-item.dutch-center{grid-column:1/-1;width:calc((100% - 12px)/2);justify-self:center}
}
@media(max-width:480px){
 .diamond-section .diamond-item.dutch-center{grid-column:1;width:100%;justify-self:center}
}