/* Social destinations are readable, direct links; selected posts retain their dates. */
.pp-social{margin:8px 0 42px;padding:30px 24px;background:#28211e;color:#fff5e8;border:1px solid #574132;border-radius:18px;position:relative;overflow:hidden}
.pp-social-heading .eyebrow{color:#e4bf93;font-size:12px;letter-spacing:.12em}
.pp-social-heading h2{font-size:clamp(34px,4vw,48px);line-height:1.08;letter-spacing:-.035em;margin:17px 0 21px}
.pp-social-heading h2 em{color:#e4bf93}
.pp-social-heading>p:last-child{font-size:16px;line-height:1.75;color:#e3d4c3;max-width:410px}
.pp-social-accounts{display:grid;gap:10px;margin-top:28px;min-width:0}
.pp-social-account{display:flex;align-items:center;gap:14px;min-height:86px;padding:16px;background:#382e28;border:1px solid #80634a;border-radius:12px;color:#fff5e8;min-width:0}
.pp-social-icon{width:54px;height:54px;border:1px solid #f0d4b2;border-radius:16px;background:#f0d4b2;display:grid;place-items:center;flex-shrink:0;color:#38281f}
.pp-social-icon svg{width:28px;height:28px}
.pp-social-account-copy{display:grid;gap:4px;min-width:0;flex:1}
.pp-social-account-copy strong{font-size:16px;font-weight:500;line-height:1.4}
.pp-social-account-copy>span{font-size:14px;line-height:1.6;color:#e3d4c3;overflow-wrap:anywhere}
.pp-social-open{font-size:21px;color:#efc99d}
.pp-social-posts{margin-top:26px;padding-top:26px;border-top:1px solid #80634a}
.pp-social-post{display:block;background:#f1e5d3;color:#35251f;padding:23px;border-radius:12px}
.pp-social-post-meta{display:flex;flex-wrap:wrap;gap:4px 8px;font-size:12px;line-height:1.7;color:#654b36}
.pp-social-post h3{font-size:29px;line-height:1.15;letter-spacing:-.025em;margin:15px 0 12px}
.pp-social-post p{font-size:15px;line-height:1.7;color:#594433}
.pp-social-post-action{display:flex;justify-content:space-between;align-items:center;gap:14px;font-size:14px;font-weight:500;min-height:44px;margin-top:12px;color:#704729}
.pp-social a:focus-visible{outline:3px solid #f0c597;outline-offset:4px}
.pp-social-demo-card{width:100%;text-align:left;cursor:pointer;font:inherit}
.pp-social-demo-card:focus-visible{outline:3px solid #f0c597;outline-offset:4px}
.pp-social-demo-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.pp-social-demo-badge{padding:5px 10px;border:1px solid #a98561;border-radius:30px;color:#f0d4b2;font-size:12px;line-height:1.5}
.pp-social-preview-action{font-size:12px;line-height:1.5;color:#efc99d}
.pp-social-demo-note{font-size:14px;line-height:1.7;color:#e3d4c3;margin-top:23px}
.premium-page #social-link-preview{width:min(430px,calc(100vw - 32px));max-height:calc(100dvh - 40px);padding:28px;margin:auto;background:#fffaf3;color:#35251f;border:1px solid #a98561;border-radius:18px;overflow:auto}
#social-link-preview::backdrop{background:#191310bb;backdrop-filter:blur(5px)}
#social-link-preview .eyebrow{font-size:12px;color:#704729}
#social-link-preview h2{font-size:36px;line-height:1.1;letter-spacing:-.035em;margin:20px 0}
#social-link-preview p:not(.eyebrow){font-size:16px;line-height:1.7;color:#594433}
#social-link-preview .pp-social-preview-note{padding:15px;border:1px solid #c7ac8d;border-radius:9px;background:#f1e5d3;font-size:14px}
#social-link-preview form{margin-top:24px}
#social-link-preview .pp-book{width:100%;justify-content:center}
.premium-page:has(#social-link-preview[open]) .pp-booking-bar{visibility:hidden}
.pp-section-nav>div{gap:clamp(8px,2vw,24px)}
.pp-section-nav a{font-size:14px}
.pp-section-nav a:after{content:'';height:2px;background:#81502d;position:absolute;bottom:-1px;left:0;right:0;transform:scaleX(0);transform-origin:left}
.pp-section-nav a[aria-current]:after{transform:scaleX(1)}
@media(min-width:700px){.pp-social{padding:36px}.pp-section-nav>div{gap:44px}}
@media(max-width:360px){.pp-social{padding:25px 18px}.pp-social-account{padding:13px;gap:10px}.pp-social-icon{width:46px;height:46px;border-radius:13px}.pp-social-icon svg{width:26px;height:26px}.pp-social-post{padding:20px}.pp-section-nav{padding-inline:15px}.pp-section-nav a{padding-inline:0}}

/* Motion is progressive enhancement: content is visible before JavaScript runs. */
@media(prefers-reduced-motion:no-preference){
 .premium-page .pp-book,.premium-page .pp-call,.pp-social-account,.pp-social-post{transition:transform .28s ease,background-color .28s ease,border-color .28s ease,box-shadow .28s ease}
 .pp-gallery-image img{transition:transform .7s cubic-bezier(.2,.65,.25,1)}
 .pp-expand,.pp-plus:after,.pp-section-nav a:after{transition:transform .3s ease}
 .pp-service-group[open] ul{animation:pp-menu-arrive .32s ease-out}
 @keyframes pp-menu-arrive{from{transform:translateY(-5px)}to{transform:none}}
 @media(hover:hover){
  .pp-social-account:hover{transform:translateY(-3px);background:#46362b;border-color:#c49b71;box-shadow:0 8px 22px #0002}
  .pp-social-post:hover{transform:translateY(-3px);background:#fff4e4}
  .premium-page .pp-book:hover,.premium-page .pp-call:hover{transform:translateY(-2px)}
  .pp-gallery-image:hover img{transform:scale(1.025)}
  .pp-gallery-image:hover .pp-expand{transform:rotate(90deg)}
 }
}
@media(prefers-reduced-motion:reduce){
 html:has(.premium-page){scroll-behavior:auto}
 .premium-page *,.premium-page *:before,.premium-page *:after{animation:none!important;transition:none!important}
}