.salon-announcement-dialog{padding:0;border:1px solid #685738;border-radius:28px;width:min(680px,calc(100vw - 36px));max-width:680px;max-height:calc(100dvh - 48px);background:#141514;color:#f4f0e7;box-shadow:0 30px 110px #000b;overflow:auto;overscroll-behavior:contain;color-scheme:dark;margin:auto}.salon-announcement-dialog:not([open]){display:none}.salon-announcement-dialog::backdrop{background:rgba(3,5,4,.82);backdrop-filter:blur(9px)}.salon-announcement-frame{position:relative;isolation:isolate}.salon-announcement-close{position:sticky;top:14px;float:right;margin:14px 14px -58px 0;z-index:2;width:42px;height:42px;border-radius:50%;border:1px solid #d1c3a252;background:#161814ee;color:#fff;font-size:29px;line-height:1;display:grid;place-items:center;cursor:pointer}.salon-announcement-close:focus-visible,.salon-announcement-actions a:focus-visible,.salon-announcement-actions button:focus-visible{outline:3px solid #e8c586;outline-offset:3px}.salon-announcement-visual{background:radial-gradient(ellipse at top,#3e3527,#0c0e0c);padding:20px;display:grid;place-items:center;min-height:160px}.salon-announcement-visual img{display:block;width:100%;height:auto;max-height:260px;object-fit:contain;border-radius:14px}.salon-announcement-symbol{height:150px;display:grid;place-items:center;color:#dfc28b;font-size:60px;background:radial-gradient(ellipse,#3b3121,#141514 75%)}.salon-announcement-copy{padding:30px 36px 34px}.salon-announcement-copy .eyebrow{display:block;font-size:10px;letter-spacing:.18em;color:#d7b878}.salon-announcement-copy h2{font-size:clamp(25px,4vw,36px);line-height:1.22;letter-spacing:-.035em;margin:14px 0 18px;font-weight:550;overflow-wrap:anywhere}.salon-announcement-copy>p{font-size:14px;line-height:1.85;color:#c1beb4;white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.salon-announcement-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.salon-announcement-actions .button{cursor:pointer;border-radius:14px;min-height:46px;max-width:100%;white-space:normal;text-align:center}.announcement-card .announcement-card-image{width:100%;height:210px;object-fit:contain;border-radius:14px;background:#0d100e;margin-bottom:20px}.announcement-card p{white-space:pre-wrap;overflow-wrap:anywhere}.announcement-card .announcement-reopen{border:1px solid #6b5936;background:#2c281e;color:#e4c68c;padding:10px 16px;border-radius:12px;margin-top:18px;cursor:pointer;font:inherit;font-size:12px}.announcement-card h3{overflow-wrap:anywhere}@media(max-width:600px){.salon-announcement-dialog{width:calc(100vw - 24px);max-height:calc(100dvh - 32px);border-radius:22px}.salon-announcement-visual{padding:12px;min-height:100px}.salon-announcement-visual img{max-height:200px;border-radius:12px}.salon-announcement-copy{padding:24px}.salon-announcement-copy h2{font-size:28px}.salon-announcement-copy>p{font-size:13px}.salon-announcement-actions{flex-direction:column}.salon-announcement-actions .button{width:100%}.salon-announcement-close{top:10px;width:38px;height:38px;margin-right:10px;font-size:25px}.announcement-card .announcement-card-image{height:180px}}@media(prefers-reduced-motion:no-preference){.salon-announcement-dialog[open]{animation:announcement-in .24s ease-out}@keyframes announcement-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}}
html.has-announcement-popup,html.has-announcement-popup body{overflow:hidden}
