/* October bracelet booking: follows the existing HERSTONE palette and typography. */
.bracelet-announcement{padding:5px 16px;gap:0}
.bracelet-announcement a{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:4px 8px;line-height:1.65}
.bracelet-announcement .preopen-visit-link{text-decoration:none}
.bracelet-announcement .bracelet-booking-link{color:var(--rust,#954e37);font-size:14px;text-decoration:underline;text-underline-offset:4px}
.bracelet-announcement a:focus-visible,.bracelet-experience a:focus-visible{outline:2px solid var(--rust,#954e37);outline-offset:3px}
.bracelet-experience{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:32px;padding:48px 6%;background:var(--blue,#dcecf2);border-bottom:1px solid var(--line,#bccdd3);scroll-margin-top:190px}
.bracelet-experience .eyebrow{font-size:14px;line-height:1.7;margin:0 0 14px}
.bracelet-experience h2{font-family:var(--font-jp);font-size:clamp(24px,2.8vw,36px);font-weight:400;line-height:1.6;margin:0 0 16px;letter-spacing:.03em}
.bracelet-experience-copy>p:last-child{max-width:620px;font-size:16px;line-height:1.9;margin:0}
.bracelet-experience-action{max-width:360px}
.bracelet-experience-action .button{min-height:54px;font-size:15px;line-height:1.7;justify-content:center;text-align:center;white-space:normal;padding:14px 22px}
.bracelet-experience-action>p{font-size:14px;line-height:1.8;margin:12px 0 0}
@media(max-width:760px){
.bracelet-announcement{padding:4px 8px}
.bracelet-announcement a{min-height:40px;max-width:100%;padding:5px 4px}
.bracelet-announcement .bracelet-booking-link{font-size:13px}
.bracelet-experience{grid-template-columns:minmax(0,1fr);gap:24px;padding:34px 22px;scroll-margin-top:160px}
.bracelet-experience-action{max-width:none;width:100%}
.bracelet-experience-action .button{display:flex;width:100%;font-size:14px}
}