/* Eva's mineral collection. Scoped so shared navigation can keep its audio alive. */
.gem-page{background:#faf8f3;color:#203d36}
.gem-page #main{max-width:none}
#gemstones{--gem-ink:#203d36;--gem-muted:#5b6b61;--gem-paper:#faf8f3;--gem-line:#dadfd5;--gem-gold:#b5a174;font-family:'DM Sans',Arial,sans-serif;font-size:16px;line-height:1.65;background:var(--gem-paper);color:var(--gem-ink)}
#gemstones *{box-sizing:border-box}
#gemstones h1,#gemstones h2,#gemstones h3{font-family:'Manrope',Arial,sans-serif;font-weight:400;letter-spacing:-.045em;line-height:1.12;color:inherit}
#gemstones em{font-family:Georgia,serif;font-weight:400}
#gemstones p{margin:0 0 18px}
#gemstones a{color:inherit}
#gemstones button{font:inherit;cursor:pointer}
#gemstones [hidden]{display:none!important}
#gemstones .gem-wrap{width:min(1280px,90%);margin-inline:auto}
#gemstones .gem-crumb{display:flex;flex-wrap:wrap;gap:10px;font-size:14px;color:var(--gem-muted);padding-block:24px}
#gemstones .gem-eyebrow{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.2em;line-height:1.5;margin-bottom:22px;display:block}
#gemstones .gem-hero{display:grid;grid-template-columns:1.05fr 1fr;min-height:560px;background:#153e35;color:#fffaf0;overflow:hidden}
#gemstones .gem-hero-copy{padding:60px 8%;align-self:center}
#gemstones .gem-hero h1{font-size:clamp(44px,5.2vw,74px);margin:0 0 28px;max-width:670px}
#gemstones .gem-hero h1 em{color:#cfdfc2}
#gemstones .gem-hero-copy>p{max-width:450px;color:#d6e1d7;font-size:17px}
#gemstones .gem-hero-art{margin:0;background:#eef0e8;position:relative;display:grid;place-items:center;padding:52px 34px 84px;isolation:isolate}
#gemstones .gem-hero-art:before{content:'';position:absolute;inset:28px;border:1px solid #b7baa5;border-radius:48% 48% 2px 2px;z-index:-1}
#gemstones .gem-hero-art img{width:86%;height:360px;object-fit:contain;mix-blend-mode:multiply;filter:drop-shadow(0 16px 14px #263d3620)}
#gemstones .gem-hero-art figcaption{position:absolute;bottom:37px;left:36px;right:36px;display:flex;align-items:center;justify-content:space-between;color:#314a40;font-size:14px;gap:16px}
#gemstones .gem-hero-art figcaption strong{font-family:Georgia,serif;font-size:22px;font-weight:400}
#gemstones .gem-link{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;padding:13px 0;border-bottom:1px solid currentColor;font-size:15px}
#gemstones .gem-hero .gem-link{color:#fffaf0;margin-top:10px}
#gemstones .gem-intro{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding-block:65px;border-bottom:1px solid var(--gem-line)}
#gemstones h2{font-size:clamp(32px,3.5vw,48px)}
#gemstones .gem-intro p{color:var(--gem-muted);max-width:580px;margin:0}
#gemstones .gem-catalog{padding-block:58px 40px}
#gemstones .gem-catalog-head{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:32px}
#gemstones .gem-catalog-head p{font-size:15px;color:var(--gem-muted);margin:0;max-width:340px}
#gemstones .gem-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:46px 25px;align-items:start}
#gemstones .gem-card{min-width:0}
#gemstones .gem-card-visual{position:relative;background:#f0f1ec;overflow:hidden;aspect-ratio:1/1;display:grid;place-items:center;margin:0;border:1px solid #e4e7df}
#gemstones .gem-card-visual img{width:100%;height:100%;object-fit:contain;transition:transform .45s ease;background:#f0f1ec}
#gemstones .gem-card:hover .gem-card-visual img{transform:scale(1.025)}
#gemstones .gem-card-number{position:absolute;z-index:1;left:15px;top:12px;background:#faf8f3e8;color:#304b40;font-size:12px;letter-spacing:.1em;padding:2px 8px}
#gemstones .gem-card-visual figcaption{position:absolute;bottom:10px;right:10px;background:#faf8f3ed;color:#465b51;font-size:12px;line-height:1.3;padding:5px 8px}
#gemstones .gem-card-title{margin:20px 0 8px;font-size:29px}
#gemstones .gem-origin-line{font-size:14px;color:var(--gem-muted);min-height:24px;margin:0 0 10px}
#gemstones .gem-price-row{display:flex;flex-wrap:wrap;gap:8px 22px;font-size:15px;margin-bottom:15px}
#gemstones .gem-price-row strong{font-weight:600}
#gemstones .gem-card-details{border-top:1px solid #cbd5c8;border-bottom:1px solid #cbd5c8}
#gemstones .gem-card-details>summary{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 0;cursor:pointer;font-size:15px;list-style:none}
#gemstones .gem-card-details>summary::-webkit-details-marker{display:none}
#gemstones .gem-card-details>summary:after{content:'+';font-size:24px;font-weight:400}
#gemstones .gem-card-details[open]>summary:after{content:'−'}
#gemstones .gem-details-inner{padding-bottom:22px;color:#526256;font-size:15px}
#gemstones .gem-details-inner h4{font-size:14px;letter-spacing:.07em;text-transform:uppercase;color:#2d4c40;margin:22px 0 8px;font-weight:600}
#gemstones .gem-details-inner p{margin-bottom:14px}
#gemstones .gem-provenance{border-left:2px solid #b5a174;padding-left:14px}
#gemstones .gem-provenance dl{display:grid;grid-template-columns:75px 1fr;font-size:14px;gap:3px 10px;margin:12px 0}
#gemstones .gem-provenance dt{color:#657368}
#gemstones .gem-provenance dd{margin:0;color:#284638}
#gemstones .gem-provenance small{font-size:13px;display:block;line-height:1.5}
#gemstones .gem-symbol{padding:16px;background:#edf0e7;font-family:Georgia,serif;font-size:17px;color:#38543f}
#gemstones .gem-montage{margin:18px 0}
#gemstones .gem-montage img{display:block;width:100%;height:235px;object-fit:contain;background:#f0f0ec}
#gemstones .gem-montage figcaption{font-size:12px;line-height:1.4;padding-top:9px;color:#59675f}
#gemstones .gem-buy{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#214b3d;color:#fffdf6!important;padding:14px 17px;font-size:15px;margin-top:20px;text-decoration:none}
#gemstones .gem-buy:hover{background:#153e35}
#gemstones .gem-credit{font-size:12px;line-height:1.5;padding-top:12px;color:#697468}
#gemstones .gem-credit a{text-decoration:underline;text-underline-offset:3px}
#gemstones .gem-source{font-size:13px;text-decoration:underline}
#gemstones .gem-notice{padding:24px 0;margin:32px 0 0;border-top:1px solid var(--gem-line);color:var(--gem-muted);font-size:14px;max-width:860px}
#gemstones .gem-contact{margin-block:24px 65px;padding:42px 45px;background:#e9eee2;display:flex;justify-content:space-between;align-items:center;gap:35px;border-left:2px solid #b5a174}
#gemstones .gem-contact h2{font-size:36px;margin-bottom:15px}
#gemstones .gem-contact p{max-width:690px;margin:0;color:var(--gem-muted)}
#gemstones .gem-contact .gem-link{flex-shrink:0}
#gemstones a:focus-visible,#gemstones summary:focus-visible{outline:3px solid #b78b3e;outline-offset:5px}
@media(max-width:1000px){#gemstones .gem-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#gemstones .gem-hero{min-height:490px}#gemstones .gem-hero-copy{padding:42px 7%}#gemstones .gem-hero h1{font-size:48px}#gemstones .gem-hero-art img{height:280px}#gemstones .gem-hero-art figcaption{display:block}#gemstones .gem-hero-art figcaption span{display:block;margin-top:5px}}
@media(max-width:650px){#gemstones .gem-wrap{width:90%}#gemstones .gem-hero{grid-template-columns:1fr}#gemstones .gem-hero-copy{padding:38px 7%}#gemstones .gem-hero h1{font-size:44px}#gemstones .gem-hero-art{padding:35px 22px 85px}#gemstones .gem-hero-art img{height:240px;width:90%}#gemstones .gem-hero-art figcaption{display:flex;bottom:28px;font-size:13px}#gemstones .gem-hero-art:before{inset:20px}#gemstones .gem-intro{grid-template-columns:1fr;gap:24px;padding-block:36px}#gemstones .gem-catalog{padding-top:36px}#gemstones .gem-catalog-head{display:block}#gemstones .gem-catalog-head p{margin-top:17px}#gemstones .gem-grid{grid-template-columns:1fr;gap:35px}#gemstones .gem-card-visual{aspect-ratio:1.12/1}#gemstones .gem-card-title{font-size:30px}#gemstones .gem-contact{display:block;padding:28px 22px;margin-bottom:35px}#gemstones .gem-contact h2{font-size:31px}#gemstones .gem-contact .gem-link{margin-top:22px}#gemstones .gem-crumb{font-size:13px;padding-block:19px}}
@media(prefers-reduced-motion:reduce){#gemstones *{transition:none!important;scroll-behavior:auto!important}}
/* Mineral colours, framed photography and individual presentation pages. */
.gem-page{background:#f4f5fb;color:#182e3b}
#gemstones{--gem-ink:#182e3b;--gem-muted:#536475;--gem-paper:#f4f5fb;--gem-line:#cdd5e5;--gem-gold:#af8b52;background:linear-gradient(145deg,#eaf7f4 0,#f5f2fa 26%,#edf6fb 60%,#f7edf2 100%)}
#gemstones .gem-eyebrow{font-size:14px;letter-spacing:.14em}
#gemstones .gem-hero{background:linear-gradient(140deg,#123b4d,#26325c 52%,#563466);border:1px solid #839caf;box-shadow:0 20px 55px #102b4520}
#gemstones .gem-hero h1 em{color:#8ee4db}
#gemstones .gem-hero-copy>p{color:#e0e6ef}
#gemstones .gem-hero-art{background:#0e1721;padding:0;display:block;min-height:590px}
#gemstones .gem-hero-art:before{inset:20px;border-radius:0;border-color:#e6d4ab9e;z-index:2;pointer-events:none}
#gemstones .gem-hero-art:after{content:'';position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#081421)}
#gemstones .gem-hero-art img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;mix-blend-mode:normal;filter:none}
#gemstones .gem-hero-art figcaption{color:#fff;z-index:3;bottom:38px}
#gemstones .gem-hero-note{display:block;margin-top:30px;font-size:14px;color:#dce7f4}
#gemstones .gem-intro h2 em{color:#6e458a}
#gemstones .gem-intro p+p{margin-top:18px}
#gemstones .gem-mood{padding-top:48px}
#gemstones .gem-mood-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:26px}
#gemstones .gem-mood-heading h2{margin:0;color:#6f3856}
#gemstones .gem-mood-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;align-items:start}
#gemstones .gem-frame{margin:0;background:#102d35;padding:10px;border:1px solid #af8b52;box-shadow:0 12px 28px #203b4215}
#gemstones .gem-frame img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border:1px solid #d6bd92}
#gemstones .gem-frame figcaption{color:#f0e4cc;font-family:Georgia,serif;font-style:italic;font-size:17px;padding:12px 7px 4px}
#gemstones .gem-mood-grid .gem-frame:nth-child(2){margin-top:40px;background:#552d48}
#gemstones .gem-mood-grid .gem-frame:nth-child(3){background:#263f70}
#gemstones .gem-card-visual{background:#e8eafa;aspect-ratio:4/5;border:7px solid #fff;outline:1px solid #9daabf;box-shadow:0 9px 25px #19345315}
#gemstones .gem-card-visual img{object-fit:cover;background:#e8eafa}
#gemstones .gem-card:nth-child(3n+2) .gem-card-visual{outline-color:#92bdb8}
#gemstones .gem-card:nth-child(3n+3) .gem-card-visual{outline-color:#bb93b9}
#gemstones .gem-card-title{font-size:27px;letter-spacing:-.025em}
#gemstones .gem-card-title a{text-decoration:none}
#gemstones .gem-card-description{font-size:16px;color:var(--gem-muted);min-height:76px}
#gemstones .gem-price-row{color:#303766}
#gemstones .gem-discover{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #8f86b2;padding:12px 0;text-decoration:none;font-weight:600;color:#553766}
#gemstones .gem-photo-link{display:block}
#gemstones .gem-palette{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:24px;align-items:center;padding:40px 0}
#gemstones .gem-palette>div{padding-right:24px}
#gemstones .gem-palette h2 em{color:#1c6c7b}
#gemstones .gem-palette .gem-frame{background:#183451}
#gemstones .gem-palette .gem-frame:last-child{background:#165655;margin-top:50px}
#gemstones .gem-detail-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:7%;align-items:center;padding:10px 0 45px}
#gemstones .gem-detail-image{margin:0;padding:12px;border:1px solid #9e8156;background:#102d35;box-shadow:0 16px 50px #19345322}
#gemstones .gem-detail-image img{display:block;object-fit:contain;width:100%;height:auto;max-height:690px;background:#e8eefa}
#gemstones .gem-detail-image figcaption{color:#ddd8c9;font-size:13px;padding:10px 3px 0}
#gemstones .gem-detail-copy h1{font-size:clamp(32px,4vw,54px);margin:0 0 26px;overflow-wrap:anywhere;color:#273860}
#gemstones .gem-detail-lead{font-size:clamp(17px,1.6vw,20px);line-height:1.6;color:#4e4265}
#gemstones .gem-story{display:grid;grid-template-columns:1fr 1fr;gap:7%;padding:52px 0;border-top:1px solid var(--gem-line)}
#gemstones .gem-story>div:last-child{padding-top:20px;font-size:18px;color:#4d5a6c}
#gemstones .gem-story h2{margin:0 0 25px}
#gemstones .gem-story h2 em{color:#6d3e86}
#gemstones .gem-place-grid{display:grid;gap:12px;margin:30px 0 0}
#gemstones .gem-place-grid>div{display:grid;grid-template-columns:90px 1fr;gap:12px;padding-bottom:10px;border-bottom:1px solid var(--gem-line)}
#gemstones .gem-place-grid dt{font-size:14px;color:#657087}
#gemstones .gem-place-grid dd{margin:0;font-size:16px}
#gemstones .gem-geography-note,#gemstones .gem-mineral-note{font-size:14px;line-height:1.7;color:#596478}
#gemstones .gem-meaning{padding:35px 6%;background:linear-gradient(120deg,#263c60,#664472);border:1px solid #bc99bc;color:#fff}
#gemstones .gem-meaning p{font-family:Georgia,serif;font-size:clamp(18px,1.8vw,22px);line-height:1.65;color:#fff;margin-bottom:12px}
#gemstones .gem-meaning small{font-size:13px;color:#e8dff1}
#gemstones .gem-detail-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin:36px 0}
#gemstones .gem-detail-gallery:empty{display:none}
#gemstones .gem-detail-gallery .gem-frame{max-width:590px}
#gemstones .gem-authentic{padding:45px 0;max-width:790px}
#gemstones .gem-authentic h2{margin:0 0 25px}
#gemstones .gem-authentic h2 em{color:#19737a}
#gemstones .gem-authentic p{font-size:18px}
#gemstones .gem-purchase{display:grid;grid-template-columns:1fr 1fr;gap:7%;padding:38px;background:#e7ebf7;border:1px solid #b0b5cf}
#gemstones .gem-purchase h2{margin:0 0 20px}
#gemstones .gem-price-options{display:grid;grid-template-columns:1fr 1fr;gap:15px}
#gemstones .gem-price-options>div{padding:15px 0;border-bottom:1px solid #879abb}
#gemstones .gem-price-options span{display:block;font-size:16px}
#gemstones .gem-price-options strong{font-size:32px;font-weight:500;color:#36477a}
#gemstones .gem-buy{background:linear-gradient(110deg,#285a6b,#623d77);color:#fff!important;min-height:54px}
#gemstones .gem-buy:hover{background:#263e6a}
#gemstones .gem-next{display:flex;justify-content:space-between;flex-wrap:wrap;gap:25px;padding:32px 0 65px}
#gemstones .gem-next a{padding:10px 0;min-height:44px}
#gemstones .gem-notice{margin-bottom:0;padding-bottom:40px}
@media(max-width:1000px){#gemstones .gem-hero-art{min-height:530px}#gemstones .gem-detail-hero{gap:5%}#gemstones .gem-detail-copy h1{font-size:34px}#gemstones .gem-palette{grid-template-columns:1fr 1fr}#gemstones .gem-palette>div{grid-column:1/-1}}
@media(max-width:650px){#gemstones .gem-hero-art{min-height:430px;padding:0}#gemstones .gem-hero-art img{height:100%;width:100%}#gemstones .gem-mood-heading{display:block}#gemstones .gem-mood-grid{grid-template-columns:1fr 1fr;gap:14px}#gemstones .gem-mood-grid .gem-frame:first-child{grid-column:1/-1;width:80%;justify-self:center}#gemstones .gem-mood-grid .gem-frame:nth-child(2){margin-top:0}#gemstones .gem-frame{padding:6px}#gemstones .gem-frame figcaption{font-size:15px}#gemstones .gem-card-visual{aspect-ratio:4/5}#gemstones .gem-card-description{min-height:0}#gemstones .gem-detail-hero,#gemstones .gem-story,#gemstones .gem-purchase{grid-template-columns:1fr;gap:30px}#gemstones .gem-detail-copy h1{font-size:34px}#gemstones .gem-detail-gallery{gap:16px}#gemstones .gem-purchase{padding:25px 20px}#gemstones .gem-palette{gap:14px}#gemstones .gem-palette>div{padding:0}#gemstones .gem-story{padding:35px 0}#gemstones .gem-next{display:grid}#gemstones .gem-meaning{padding:28px 6%}}