/* Shared control; both styles retain the same content and interactions. */
.style-picker{position:absolute;right:var(--pad);top:100px;z-index:11;display:flex;align-items:center;gap:3px;padding:5px;border:1px solid #fff6;border-radius:99px;background:#20181080;backdrop-filter:blur(12px);color:#fffaf2;font:400 12px/1.2 Arial,Helvetica,sans-serif}.style-picker>span{padding:0 10px;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.style-picker button{border:0;border-radius:99px;padding:10px 14px;min-height:36px;background:transparent;color:inherit;cursor:pointer;font:inherit}.style-picker button[aria-pressed=true]{background:#f6f4ee;color:#25221f}.style-picker button:focus-visible{outline:2px solid #e3b98b;outline-offset:3px}
html[data-palette=light]{--bg:#f6f4ee;--paper:#25221f;--soft:#77736c;--copper:#a17a54;--line:#25221f2c;background:#f6f4ee}
[data-palette=light] body{background:#f6f4ee;color:#25221f}
[data-palette=light] .metal{background:none;color:inherit;-webkit-text-fill-color:currentColor}
[data-palette=light] .hero-immersive{color:#fffdf7;background:#3c2b21}
[data-palette=light] .hero-immersive h1 em{color:#fffdf7}
[data-palette=light] .hero-immersive .hero-copy>.eyebrow{color:#fffdf7}
[data-palette=light] .hero-immersive .nav,[data-palette=light] .language-switch,[data-palette=light] .mobile-menu>summary{color:#fffdf7}
[data-palette=light] .mobile-menu .mobile-nav{background:#f6f4ee;color:#25221f;border-color:#25221f2c}
[data-palette=light] .pill,[data-palette=light] .pill.fill{background:transparent;color:inherit}
[data-palette=light] .hero .pill.fill{background:#f6f4eee8;color:#25221f;border-color:transparent}
[data-palette=light] .pill:hover{background:#a17a5412}
[data-palette=light] .trust-ribbon{background:#eeebe4;color:#25221f;border-color:#25221f2c}
[data-palette=light] .trust-ribbon strong{color:inherit}
[data-palette=light] .services{background:#37312b;color:#f6f0e6}
[data-palette=light] .services .eyebrow,[data-palette=light] .service p{color:#d0c7bb}
[data-palette=light] .service{border-color:#f6f0e637}
[data-palette=light] .service .number{color:#c9b49c}
[data-palette=light] .worlds{background:#f6f4ee}
[data-palette=light] .world-card,[data-palette=light] .motion-ready .world-card.stack-card{background:#f6f4ee;color:#25221f}
[data-palette=light] .world-number{color:#a17a54}
[data-palette=light] .world-head .eyebrow{color:#77736c}
[data-palette=light] .world-bottom p{color:#77736c}
[data-palette=light] .tags{color:#a17a54}
[data-palette=light] .compact-occasions{background:#f6f4ee}
[data-palette=light] .community-showcase{background:#f6f4ee}
[data-palette=light] .lac-proof{background:transparent;color:#25221f}
[data-palette=light] .lac-proof p,[data-palette=light] .lac-proof small{color:#77736c}
[data-palette=light] .lac-proof .social-proof{border-color:#25221f2c}
[data-palette=light] .lac-proof .social-proof>strong{color:#a17a54;background:none;-webkit-text-fill-color:currentColor}
[data-palette=light] .branding{background:#eeebe4;color:#25221f}
[data-palette=light] .branding-copy>p:not(.eyebrow),[data-palette=light] .branding-options li{color:#77736c}
[data-palette=light] .about-bio p,[data-palette=light] .about-bio .partner-note{color:#77736c}
[data-palette=light] .planning{background:#eeebe4;color:#25221f}
[data-palette=light] .planning .planning-steps article{background:#f6f4ee;border-color:#25221f2c}
[data-palette=light] .planning .planning-steps article:last-child{background:#37312b;color:#f6f4ee}
[data-palette=light] .contact{background:#302b25;color:#f6f4ee}
[data-palette=light] .contact .big-title{color:#f6f4ee}
[data-palette=light] .contact .test-heading>p,[data-palette=light] .faq-intro .faq-description,[data-palette=light] .faq details p{color:#d0c7bb}
[data-palette=light] .contact .faq details,[data-palette=light] .footer{border-color:#f6f4ee3b}
[data-palette=light] .footer{color:#f6f4ee}
[data-palette=light] .footer-fineprint{color:#d0c7bb}
[data-palette=light] .seasonal-drink{background:#eeebe4;color:#25221f;border-color:#c8b5a0}
[data-palette=light] .seasonal-drink span,[data-palette=light] .seasonal-drink>svg{color:#80664d}
[data-palette=light] .social-platforms,[data-palette=light] .social-platforms li,[data-palette=light] .social-platforms span{color:#80664d}

@media(max-width:600px){.style-picker{top:82px;right:var(--pad);font-size:11px}.style-picker>span{font-size:9px;padding:0 7px}.style-picker button{padding:8px 11px;min-height:34px}}
.hero-immersive .hero-topbar{position:relative;z-index:20}
