/* Opening section based on the supplied design reference. */
.royal-hero{min-height:710px;padding:100px 0 64px;background:radial-gradient(ellipse at 85% 12%,#482331 0,transparent 48%),#130f16;overflow:hidden;display:flex;align-items:center}
.royal-hero::before{display:none}
.royal-hero .royal-layout{max-width:1500px;width:100%;display:grid;grid-template-columns:1.06fr 1fr;align-items:center;gap:70px;padding:0 38px}
.royal-copy{min-width:0}
.royal-hero .eyebrow{color:#efa3bc;font-size:clamp(11px,1.05vw,17px);font-weight:800;letter-spacing:.23em;line-height:1.6}
.royal-hero h1{font-size:clamp(43px,4.15vw,78px);font-weight:750;line-height:1.08;letter-spacing:-.055em;max-width:780px;margin:32px 0 30px;color:#fff}
.royal-hero h1 span{color:#edb3c5}
.royal-hero p{font-size:clamp(16px,1.5vw,22px);line-height:1.85;color:#cbbfc9;max-width:660px;margin:0}
.royal-hero .actions{gap:16px;align-items:center;margin-top:40px;flex-wrap:wrap}
.royal-hero .btn{border-radius:60px;min-height:62px;padding:17px 27px;font-size:15px;letter-spacing:-.01em;text-transform:none;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;transition:background .2s,transform .2s}
.royal-hero .btn:hover{transform:translateY(-2px)}
.royal-hero .btn span{font-size:22px;font-weight:400;line-height:1}
.royal-hero .royal-primary{background:#ea4e8c;color:#fff;box-shadow:0 18px 36px #dc498526}
.royal-hero .royal-primary:hover{background:#f1679e}
.royal-hero .royal-secondary{border:1.5px solid #8b788b;color:#fff;background:transparent}
.royal-hero .royal-secondary:hover{background:#ffffff09;border-color:#e6b5cb}
.royal-highlights{display:flex;list-style:none;gap:12px;flex-wrap:wrap;margin:42px 0 0;padding:0}
.royal-highlights li{border:1px solid #543447;border-radius:30px;padding:10px 15px;font-size:11px;font-weight:700;color:#d9bacd;letter-spacing:.02em}
.royal-highlights li::before{content:'✦';color:#e5b2ca;font-size:12px;margin-right:6px}
.royal-art{position:relative;min-width:0;padding:24px 0 0}
.royal-brand-card{margin:0;border:1.5px solid #e4ced7;border-radius:32px;background:#1b111c;overflow:hidden;transform:rotate(2deg);box-shadow:0 26px 45px #08060950}
.royal-brand-card img{display:block;width:100%;height:auto;aspect-ratio:940/550;object-fit:cover}
.royal-brand-card figcaption{text-align:center;color:#f5e8ef;font-size:clamp(11px,1vw,16px);font-weight:800;text-transform:uppercase;letter-spacing:.2em;padding:15px 12px 17px}
.royal-sparkle{position:absolute;top:-11px;right:40px;width:67px;height:75px;background:#cf91aa;opacity:.3;z-index:2;clip-path:polygon(50% 0,66% 32%,100% 50%,66% 66%,50% 100%,33% 68%,0 50%,32% 33%)}
.royal-hero a:focus-visible{outline:3px solid #ffc9df;outline-offset:5px}
@media(min-width:1700px){.royal-hero .royal-layout{max-width:2100px;padding:0 26px;gap:115px}.royal-hero{min-height:840px;padding:135px 0 60px}.royal-hero h1{font-size:clamp(78px,4.65vw,100px);max-width:980px}.royal-hero p{max-width:940px;font-size:clamp(22px,1.5vw,31px)}.royal-hero .btn{min-height:82px;padding:22px 40px;font-size:23px}.royal-hero .actions{gap:24px;margin-top:54px}.royal-highlights{margin-top:58px}.royal-highlights li{font-size:15px;padding:13px 20px}.royal-brand-card{border-radius:44px}.royal-sparkle{width:100px;height:100px;top:-24px}.royal-brand-card figcaption{font-size:20px}}
@media(max-width:1050px){.royal-hero .royal-layout{gap:36px;padding:0 24px}.royal-hero{padding:70px 0 55px;min-height:650px}.royal-hero .btn{min-height:54px;padding:14px 20px;font-size:13px}.royal-hero .actions{gap:12px}.royal-brand-card{border-radius:24px}.royal-highlights{gap:8px}.royal-highlights li{font-size:10px;padding:8px 10px}}
@media(max-width:760px){.royal-hero .royal-layout{grid-template-columns:1fr;gap:35px}.royal-hero{padding:48px 0 46px;min-height:0}.royal-hero h1{font-size:clamp(40px,8.5vw,62px);max-width:600px;margin:23px 0}.royal-hero p{font-size:16px;line-height:1.8}.royal-hero .actions{margin-top:29px}.royal-highlights{margin-top:28px}.royal-art{max-width:560px;width:calc(100% - 10px);margin:0 auto;padding-top:14px}.royal-sparkle{width:50px;height:50px;right:22px;top:-9px}.royal-brand-card figcaption{font-size:11px}.royal-hero .eyebrow{font-size:10px;letter-spacing:.2em}}
@media(max-width:380px){.royal-hero .btn{padding:13px 16px;font-size:12px}.royal-hero .actions{gap:8px}.royal-hero .royal-layout{padding:0 18px}}
@media(prefers-reduced-motion:reduce){.royal-hero .btn{transition:none}.royal-hero .btn:hover{transform:none}}

@media(max-width:760px){nav .navrow>.btn{padding:12px 14px;font-size:10px;letter-spacing:.06em;white-space:nowrap}nav .brand .brandwords{white-space:nowrap;font-size:10px;letter-spacing:.1em}nav .brand .brandwords span{font-size:8px;letter-spacing:.12em}}
@media(max-width:380px){nav .navrow{flex-wrap:wrap;justify-content:center;gap:10px;padding-top:12px;padding-bottom:12px}}
