/* New proposals only; value 0 retains the selected design. */
#hero[data-refresh],#biography[data-refresh],#services[data-refresh]{scroll-margin-top:78px}
#hero[data-refresh="1"] .round-movie{inset:76px 24px 24px;border-radius:24px;overflow:hidden;border:1px solid #9ab0c438}
#hero[data-refresh="1"]::after{background:linear-gradient(to left,#050c1afc 0%,#050c1af0 27%,#050c1ab8 48%,#050c1a24 77%),linear-gradient(to top,#050c1a,transparent 26%)}
#hero[data-refresh="1"] .hero-content{padding-inline-start:28px;border-inline-start:2px solid #ffbe00}
#hero[data-refresh="1"] .hero-h1{font-size:clamp(44px,6.2vw,88px)}
#hero[data-refresh="1"] .hero-subtext{color:#e0e7ef}
#hero[data-refresh="1"] .hero-stats{margin-top:42px}
#hero[data-refresh="2"] .hero-content{max-width:680px}
#hero[data-refresh="2"] .hero-h1{font-size:clamp(44px,6.5vw,92px);letter-spacing:-.035em}
#hero[data-refresh="2"] .hero-h1-gold{color:#f5f5f5;text-shadow:none;background:none;-webkit-text-fill-color:initial}
#hero[data-refresh="2"] .hero-h1::after{content:'';display:block;width:90px;height:4px;background:#ffbe00;margin-top:26px}
#hero[data-refresh="2"] .hero-subtext{margin-top:24px}
#hero[data-refresh="2"]::after{background:linear-gradient(to left,#050c1afa,#050c1ae8 39%,#050c1a60 70%,#050c1a1f),linear-gradient(to top,#050c1a,transparent 35%)}
#hero[data-refresh="3"] .hero-content{padding:34px;max-width:700px;border:1px solid #9ab0c438;border-radius:20px;background:linear-gradient(140deg,#0f1f38ed,#050c1ad4)}
#hero[data-refresh="3"]::after{background:linear-gradient(to left,#050c1a99,#050c1a24),linear-gradient(to top,#050c1a,transparent 35%)}
#hero[data-refresh="3"] .hero-stats{margin-top:32px}
/* Photograph, crop, text and reading order are inherited. */
#biography[data-refresh="1"]{background:radial-gradient(ellipse at 15% 50%,#213c7338,transparent 65%)}
#biography[data-refresh="1"] .bio-lead{border-inline-start:2px solid #ffbe00;padding-inline-start:22px;font-weight:500}
#biography[data-refresh="1"] .bio-photo{outline:1px solid #9ab0c43d;outline-offset:10px;border-radius:20px;background:#0f1f3866}
#biography[data-refresh="1"] .bio-photo img{border-radius:18px}
#biography[data-refresh="2"]{border-block:1px solid #9ab0c433}
#biography[data-refresh="2"] .bio-eyebrow{font-size:26px;font-weight:700;letter-spacing:0}
#biography[data-refresh="2"] .bio-photo{position:relative}
#biography[data-refresh="2"] .bio-photo::before{content:'';position:absolute;inset-block:0;inset-inline-end:-16px;width:3px;background:#ffbe00}
#biography[data-refresh="2"] .bio-photo img{border-radius:8px}
#biography[data-refresh="3"]{background:linear-gradient(110deg,transparent,#213c7340 55%,transparent)}
#biography[data-refresh="3"] .bio-lead{font-size:clamp(24px,2.3vw,32px);line-height:1.6}
#biography[data-refresh="3"] .bio-body{color:#c2ceda}
#biography[data-refresh="3"] .bio-photo{outline:1px solid #ffbe0060;outline-offset:8px;border-radius:20px}
/* Keep the three-card grid and approved closing strip. */
#services[data-refresh="1"] .service-card{background:linear-gradient(145deg,#162944d9,#0f1f3866);border-color:#9ab0c445;border-top:3px solid #ffbe00;padding-top:28px}
#services[data-refresh="1"] .svc-number{width:max-content;padding:10px 12px;border:1px solid #ffbe0045;border-radius:10px;background:#ffbe000a}
#services[data-refresh="1"] .service-bullets{border-color:#9ab0c43d}
#services[data-refresh="2"] .service-card{border:0;border-inline-start:1px solid #9ab0c44d;border-radius:0;background:transparent}
#services[data-refresh="2"] .svc-number{font-size:38px;color:#ffbe0070;font-weight:700}
#services[data-refresh="2"] .section-header{border-bottom:1px solid #9ab0c433;padding-bottom:26px}
#services[data-refresh="3"] .service-card{background:radial-gradient(ellipse at 100% 0%,#213c7399,transparent 80%),#0f1f3866;border:1px solid #9ab0c450;border-radius:22px}
#services[data-refresh="3"] .service-title{font-size:26px}
#services[data-refresh="3"] .svc-number{border-bottom:2px solid #ffbe00;padding-bottom:16px;width:42px}
#services[data-refresh="3"] .service-body,#services[data-refresh="3"] .service-bullets li{color:#c2ceda}
/* One-shot, short entrances. Never hide content while waiting for JS. */
@keyframes r27-arrive{from{opacity:.82;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes r27-edge{from{opacity:.82;transform:translateX(10px)}to{opacity:1;transform:none}}
@keyframes r27-soft{from{opacity:.8}to{opacity:1}}
.r27-arrived{animation:r27-arrive 460ms cubic-bezier(.22,1,.36,1) both}
[data-refresh="2"] .r27-arrived{animation-name:r27-edge;animation-duration:380ms}
[data-refresh="3"] .r27-arrived{animation-name:r27-soft;animation-duration:520ms}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
 [data-refresh]:not([data-refresh="0"]) a{transition:background-color 180ms ease,border-color 180ms ease,transform 180ms ease}
 [data-refresh]:not([data-refresh="0"]) a:hover{transform:translateY(-2px)}
 #services[data-refresh]:not([data-refresh="0"]) .service-card:hover{transform:none;border-color:#ffbe0080}
}
@media(max-width:768px){
 #hero[data-refresh="1"] .round-movie{inset:66px 10px 12px;border-radius:18px}
 #hero[data-refresh="1"] .hero-content{padding-inline-start:16px}
 #hero[data-refresh="1"] .hero-h1,#hero[data-refresh="2"] .hero-h1{font-size:clamp(36px,10vw,52px)}
 #hero[data-refresh]:not([data-refresh="0"])::after{background:linear-gradient(to bottom,#050c1af5,#050c1add 37%,#050c1a80 67%,#050c1af2)}
 #hero[data-refresh="1"] .movie-toggle{bottom:20px}
 #hero[data-refresh="3"] .hero-content{padding:22px 16px}
 #hero[data-refresh="3"] .hero-h1{font-size:clamp(32px,9vw,48px)}
 #biography[data-refresh="1"] .bio-lead{padding-inline-start:16px}
 #biography[data-refresh="3"] .bio-lead{font-size:24px}
 #services[data-refresh="3"] .service-title{font-size:24px}
}
@media(prefers-reduced-motion:reduce){
 [data-refresh]:not([data-refresh="0"]),[data-refresh]:not([data-refresh="0"]) *,[data-refresh]:not([data-refresh="0"]) *::before,[data-refresh]:not([data-refresh="0"]) *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
 [data-refresh]:not([data-refresh="0"]) a:hover,[data-refresh]:not([data-refresh="0"]) .service-card:hover{transform:none!important}
}