.birthstone-hero{height:64vh;min-height:560px;max-height:760px;align-items:flex-end}.birthstone-hero .hero-full-media picture,.birthstone-hero .hero-full-media picture img{width:100%;height:100%;display:block}.birthstone-hero .hero-full-media picture img{object-fit:cover}.birthstone-hero .hero-full-content{text-align:left;margin:0 auto 9vh clamp(28px,6vw,100px);width:min(600px,88%);color:var(--ink)}.birthstone-hero .hero-full-scrim--light{background:linear-gradient(90deg,#ffffff8c,#ffffff38 38%,#fff0 60%)}.birthstone-hero .hero-eyebrow{color:var(--accent-text);opacity:1}.birthstone-hero .hero-full-content h1{color:var(--ink);text-shadow:none}.birthstone-hero .hero-full-content .hero-text{color:var(--muted);text-shadow:none}.hero-highlight-badge{display:inline-flex;align-items:center;gap:8px;background:#ffffffeb;color:var(--accent-text);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;padding:8px 16px;margin:0 0 18px;border-radius:999px}@media(max-width:850px){.birthstone-hero{position:relative;height:auto;min-height:0;max-height:none;display:block;align-items:unset}.birthstone-hero .hero-full-media{position:static;inset:auto;aspect-ratio:3/4;width:100%}.birthstone-hero .hero-full-media picture,.birthstone-hero .hero-full-media picture img,.birthstone-hero .hero-full-media>img{position:static;width:100%;height:100%;object-fit:cover;display:block}.birthstone-hero .hero-full-scrim{display:none}.birthstone-hero .hero-full-content{position:static;background:var(--paper);color:var(--ink);width:100%;max-width:none;margin:0;padding:28px 20px 34px;text-align:left}.birthstone-hero .hero-highlight-badge{box-shadow:0 1px 4px #0000001a}}.birthmonth-section{background:var(--ink);padding:44px 0}.birthmonth-layout{display:grid;grid-template-columns:260px 1fr;gap:44px;align-items:center}.birthmonth-intro{text-align:left}.birthmonth-intro .eyebrow{color:#e7d3ac;text-align:left;margin:0 0 8px}.birthmonth-intro h2{font-family:var(--serif);font-weight:500;font-size:clamp(24px,2.4vw,32px);margin:0;color:#fff;line-height:1.05}.birthmonth-intro p:not(.eyebrow){color:#ffffffb3;font-size:12.5px;margin:10px 0 0;max-width:260px}.birthmonth-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.birthmonth-pill{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:1px solid rgba(255,255,255,.22);padding:14px 8px;text-align:center;background:none;font:inherit;cursor:pointer;transition:border-color .2s ease,background .2s ease,transform .2s ease}.birthmonth-pill:hover{border-color:var(--accent);background:#ffffff0d}.birthmonth-pill.is-active{border-color:var(--accent);background:#a9824c29}.birthmonth-name{font-family:var(--serif);font-size:16px;color:#fff}.birthmonth-stone{font-size:8px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.birthmonth-select-wrap{display:none}.birthmonth-select{width:100%;appearance:none;-webkit-appearance:none;background:#ffffff0f url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%23a9824c'><path d='M5.5 7.5l4.5 4.5 4.5-4.5' stroke='%23a9824c' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/></svg>") no-repeat right 16px center;background-size:16px;border:1px solid rgba(255,255,255,.28);color:#fff;font:inherit;font-size:15px;padding:16px 42px 16px 16px;border-radius:2px}.birthmonth-select:focus{outline:0;border-color:var(--accent)}.birthmonth-select option{color:#111;background:#fff}@media(max-width:850px){.birthmonth-section{padding:32px 0}.birthmonth-layout{grid-template-columns:1fr;gap:18px}.birthmonth-intro p:not(.eyebrow){max-width:none}.birthmonth-grid{display:none}.birthmonth-select-wrap{display:block}}.filter-divider{width:1px;height:16px;background:var(--line);margin:0 4px}@media(max-width:850px){.birthstone-toolbar .mobile-filter-button{display:none}.birthstone-toolbar.collection-toolbar{flex-direction:column;align-items:stretch;gap:10px}.birthstone-toolbar .desktop-filters{display:flex!important;flex-wrap:wrap;padding-top:0;row-gap:8px}.birthstone-toolbar .sort-form{display:flex!important;justify-content:space-between;padding-top:10px;border-top:1px solid var(--line)}}
/*# sourceMappingURL=/cdn/shop/t/37/assets/birthmonth.css.map */