/* Site review batch 1 (9 Nov 2026). Scoped b1- classes only; no external resources. */

/* 1. Home hero: less empty green above the slogan on desktop */
@media (min-width:768px){
  .b1-hero-copy{justify-content:center;padding-top:2.5rem;padding-bottom:2.5rem}
  .b1-hero-media{height:400px}
}
@media (min-width:1024px){.b1-hero-media{height:440px}}

/* Buttons used across batch 1 sections */
.b1-btn{display:inline-block;padding:.65rem 1.25rem;border-radius:9999px;font-size:.875rem;font-weight:600;text-decoration:none}
.b1-btn-gold{background:rgb(212 163 115);color:rgb(27 67 50)}
.b1-btn-gold:hover{background:#fff}
.b1-btn-line{border:1px solid rgba(255,255,255,.4);color:#fff}
.b1-btn-line:hover{border-color:#fff}
.b1-btn-dark{background:rgb(27 67 50);color:#fff}
.b1-btn-dark:hover{background:rgb(45 106 79)}

/* 8. Creative Playground teaser: hints at the playground's night/indigo world; one link only */
.b1-play{background:linear-gradient(135deg,#0b0a24 0%,#1b1550 60%,#2a0f4a 100%);color:#fff;border-radius:1.5rem;padding:1.5rem;border:1px solid rgba(124,247,255,.25)}
@media (min-width:640px){.b1-play{padding:2.5rem}}
.b1-play-kicker{color:#7cf7ff;font-size:.75rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;margin-bottom:.5rem}
.b1-play-btn{background:#7cf7ff;color:#0b0a24}
.b1-play-btn:hover{background:#fff}
.b1-play-btn:focus-visible{outline:3px solid #ffd166;outline-offset:3px}

/* 7. Contact */
.b1-contact{background:rgb(27 67 50);color:#fff;border-radius:1.5rem;padding:1.5rem}
@media (min-width:768px){.b1-contact{padding:3rem}}
.b1-contact h2{font-family:Playfair Display,Georgia,serif;font-size:2.25rem;line-height:1.1;font-weight:700}
@media (min-width:768px){.b1-contact h2{font-size:3rem}}
.b1-direct{display:grid;gap:1rem;margin-top:1.5rem}
@media (min-width:768px){.b1-direct{grid-template-columns:1fr 1fr 1fr}}
.b1-direct a{display:block;background:#fff;color:rgb(27 67 50);border-radius:1rem;padding:1.1rem 1.25rem;text-decoration:none}
.b1-direct a:hover{background:rgb(212 163 115)}
.b1-direct .b1-k{display:block;font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgb(45 106 79)}
.b1-direct .b1-v{display:block;font-family:Playfair Display,Georgia,serif;font-weight:700;font-size:1.35rem;word-break:break-all}
@media (min-width:768px){.b1-direct .b1-v{font-size:1.6rem}}
.b1-sub{font-size:.75rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:rgb(212 163 115);margin:2rem 0 .75rem}
.b1-impact{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;list-style:none;padding:0;margin:0}
@media (min-width:768px){.b1-impact{grid-template-columns:repeat(3,1fr)}}
@media (min-width:1024px){.b1-impact{grid-template-columns:repeat(6,1fr)}}
.b1-impact li{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:1rem;padding:.9rem}
.b1-impact .b1-n{display:block;font-family:Playfair Display,Georgia,serif;font-weight:700;color:rgb(212 163 115);font-size:1.6rem;line-height:1.05}
.b1-impact .b1-l{display:block;margin-top:.35rem;font-size:.8rem;color:rgba(255,255,255,.85);line-height:1.3}
.b1-social{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;padding:0;margin:0}
.b1-social a{display:inline-flex;gap:.35rem;align-items:baseline;padding:.5rem .85rem;border-radius:9999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:#fff;font-size:.875rem;text-decoration:none}
.b1-social a:hover{background:rgb(212 163 115);color:rgb(20 20 20)}
.b1-social .b1-net{font-weight:700}
.b1-pay{margin-top:2rem;background:#fff;color:rgb(20 20 20);border-radius:1rem;padding:1.1rem 1.25rem;font-size:.875rem;line-height:1.55}
.b1-pay a{text-decoration:underline}

/* 4. Sustainability: goal -> project inline */
.b1-goal-projects{margin-top:1rem;font-size:.85rem}
.b1-goal-projects a{text-decoration:underline;text-underline-offset:4px;font-weight:600}
.b1-project{background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:1.5rem;padding:1.5rem;margin-top:1.5rem}
@media (min-width:768px){.b1-project{padding:2.5rem}}
.b1-goal-kicker{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.75rem}
.b1-chip{font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:.25rem .6rem;border-radius:9999px;background:rgba(45,106,79,.1);color:rgb(45 106 79);text-decoration:none}
.b1-chip-main{background:rgb(27 67 50);color:#fff}
.b1-project h3{font-family:Playfair Display,Georgia,serif;font-size:1.9rem;line-height:1.15;color:rgb(27 67 50);margin-bottom:.75rem}
.b1-project h4{font-family:Playfair Display,Georgia,serif;font-size:1.35rem;color:rgb(27 67 50);margin:1.75rem 0 .5rem}
.b1-project p{color:#374151;line-height:1.65;margin-bottom:.75rem;max-width:48rem}
.b1-project blockquote{border-left:4px solid rgb(212 163 115);padding-left:1rem;font-style:italic;margin:.75rem 0;color:#374151}
.b1-project blockquote span{font-style:normal;font-size:.85rem;color:#4b5563}
.b1-photos{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin:.75rem 0}
@media (min-width:768px){.b1-photos{grid-template-columns:repeat(3,1fr)}}
.b1-photos img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:.75rem}
.b1-photo-wide{width:100%;max-width:40rem;height:auto;border-radius:.75rem;margin:.75rem 0}
.b1-more{font-size:.9rem}
.b1-more a{color:rgb(45 106 79);text-decoration:underline;text-underline-offset:3px}

/* Cross-links (Sustainability <-> Blog) */
.b1-xlink{display:flex;flex-direction:column;gap:.75rem;border-radius:1.5rem;padding:1.5rem;background:#fff;border:1px solid rgba(0,0,0,.06)}
@media (min-width:640px){.b1-xlink{flex-direction:row;align-items:center;justify-content:space-between}}
.b1-xlink ul{display:flex;flex-wrap:wrap;gap:.4rem 1rem;list-style:none;padding:0;margin:.4rem 0 0;font-size:.9rem}
.b1-xlink ul a{color:rgb(45 106 79);text-decoration:underline;text-underline-offset:3px}

/* 5/6. Loosened Epica crops: show the whole necklaces */
.b1-epica-full{width:100%;height:auto;aspect-ratio:1200/1415;object-fit:contain;background:#e4e5e7}
.b1-contain{object-fit:contain;background:linear-gradient(#c9c8cf,#e2e1e6)}

/* 5. Featured artworks row */
.b1-art-row{display:grid;gap:1rem;grid-template-columns:1fr 1fr}
@media (min-width:1024px){.b1-art-row{grid-template-columns:repeat(4,1fr)}}
.b1-art{display:block;background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:1rem;overflow:hidden;text-decoration:none;color:inherit}
.b1-art:hover{transform:translateY(-2px)}
.b1-art img{width:100%;aspect-ratio:1/1;object-fit:cover;background:#f3f4f6}
.b1-art .b1-t{display:block;padding:.75rem .9rem 0;font-family:Playfair Display,Georgia,serif;font-weight:700;font-size:1.05rem;color:rgb(27 67 50)}
.b1-art .b1-m{display:block;padding:.15rem .9rem .9rem;font-size:.8rem;color:#4b5563}
.b1-art-more{display:flex;align-items:center;justify-content:center;text-align:center;background:rgb(27 67 50);color:#fff;font-weight:600;padding:1rem;min-height:8rem}
.b1-set{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;padding:0 .75rem .9rem;margin:0}
.b1-set-note{font-size:.8rem;color:#4b5563}

/* Home: Meet the Creators teaser (approved creators with real photos only; reuses .b1-art cards) */
.b1-cr-row{list-style:none;padding:0;margin:0}
@media (min-width:768px){.b1-cr-row{grid-template-columns:repeat(4,1fr)}}
/* Desktop nav 'Meet the Creators' link: hidden 768-1023px (no room; footer, home section and mobile menu carry it),
   short "Creators" label until 1536px; brand kept on one line by tightening link gaps only where this link exists */
.nav-mc{white-space:nowrap}
@media (max-width:1023px){.nav-mc{display:none}}
@media (max-width:1535px){.nav-mc-long{display:none}}
@media (min-width:1024px){nav:has(.nav-mc) > div > a[href="/"] span{white-space:nowrap}}
@media (min-width:1024px){nav:has(.nav-mc) > div > div{column-gap:.9rem}}
.b1-cr img{aspect-ratio:4/5;object-position:50% 25%}