@charset "UTF-8";
body:has(#atelier-page) > main { width: 100%; max-width: 72rem; }
#atelier-page { --gold: #d4af37; --cream: #e8e2cf; --muted: #c2beaf; --line: #373326; width: 100%; max-width: 72rem; margin: 0 auto; padding: 0 0 3rem; color: var(--cream); font: 20px/1.55 'Cormorant Garamond', Georgia, serif; text-align: left; }
#atelier-page * { box-sizing: border-box; }
#atelier-page .atelier-intro { padding: 46px 0 34px; border-bottom: 1px solid var(--line); }
#atelier-page .atelier-eyebrow { color: var(--gold); font: 600 10px/1.5 'Cormorant Garamond', Georgia, serif; letter-spacing: 2px; text-transform: uppercase; margin: 0 0 8px; }
#atelier-page #atelier-page-title { color: var(--cream); font-family: 'Cinzel Decorative', Georgia, serif; font-size: clamp(34px,4vw,54px); font-weight: 700; line-height: 1.2; letter-spacing: -1.6px; text-transform: none; text-shadow: none; text-align: left; margin: 0 0 16px; }
#atelier-page #atelier-page-title > span { color: var(--gold); }
#atelier-page .atelier-lead { color: var(--muted); font-size: 24px; margin: 0; }
#atelier-page .atelier-welcome { display: grid; grid-template-columns: minmax(180px,.7fr) minmax(0,1.3fr); align-items: center; gap: 3rem; border: 1px solid var(--line); border-radius: 10px; padding: 3rem; margin: 2rem 0; background: radial-gradient(ellipse at 15% 50%,#d4af370b,transparent 60%),#141413; }
#atelier-page .atelier-emblem { color: #b89b4e; max-width: 240px; width: 100%; margin: auto; }
#atelier-page .atelier-emblem svg { display: block; width: 100%; height: auto; stroke-width: 1; }
#atelier-page .atelier-message { max-width: 39rem; }
#atelier-page .atelier-message h3 { color: var(--cream); font: 700 clamp(24px,3vw,32px)/1.3 'Cinzel Decorative', Georgia, serif; margin: 0 0 1.25rem; }
#atelier-page .atelier-message p:not(.atelier-eyebrow) { color: var(--muted); margin: 0 0 1.2rem; }
#atelier-page .atelier-links { display: flex; align-items: flex-start; flex-direction: column; gap: 1rem; margin-top: 1.75rem; }
#atelier-page .atelier-links a { color: var(--gold); text-underline-offset: 5px; overflow-wrap: anywhere; }
#atelier-page .atelier-links .atelier-primary { display: inline-block; padding: .7rem 1rem; border: 1px solid #8c7438; border-radius: 5px; text-decoration: none; background: #252014; }
#atelier-page .atelier-links a:hover { color: #f4ecd8; }
#atelier-page .atelier-links .atelier-primary:hover { border-color: var(--gold); }
#atelier-page a:focus-visible { outline: 2px solid var(--gold); outline-offset: 5px; }
@media (max-width: 650px) {
  #atelier-page .atelier-intro { padding-top: 30px; }
  #atelier-page .atelier-lead { font-size: 21px; }
  #atelier-page .atelier-welcome { grid-template-columns: 1fr; gap: 1.5rem; padding: 1.5rem; }
  #atelier-page .atelier-emblem { max-width: 135px; }
}