.df8-panel{padding:clamp(1rem,3vw,2rem);border:1px solid #897b67;border-radius:12px;margin:2rem auto;background:rgba(18,24,26,.86);color:#f3ecdd;max-width:1120px}.df8-panel h2{color:inherit}.df8-controls{display:flex;flex-wrap:wrap;gap:1rem;margin:1rem 0}.df8-panel label{display:grid;gap:.4rem;flex:1;min-width:160px}.df8-panel select{padding:.65rem;border-radius:5px;background:#f6f0e5;color:#222}.df8-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:1rem}.df8-card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.22);border-radius:8px;padding:1rem}.df8-card h3{color:#f3dfb4}.df8-meta{font-size:.85rem;opacity:.8}.df8-locked{font-style:italic}.df8-scene{max-width:1200px;margin:1rem auto 2rem;padding:clamp(2rem,6vw,5rem);border-radius:12px;color:#fff;min-height:310px;display:flex;flex-direction:column;justify-content:center;position:relative;isolation:isolate;overflow:hidden}.df8-scene:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.95}.df8-office:before{background:linear-gradient(110deg,#172321 0%,#31433b 55%,#826b45 100%)}.df8-club:before{background:linear-gradient(110deg,#150b10 0%,#4c192a 58%,#8b4b36 100%)}.df8-scene h2{color:#fff;font-size:clamp(2rem,5vw,4rem);line-height:1.1;max-width:750px}.df8-scene p{max-width:680px}.df8-eyebrow{letter-spacing:.2em;text-transform:uppercase;font-size:.75rem}.df8-scene-links{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1rem}.df8-scene-links a{display:inline-block;padding:.7rem 1.1rem;border:1px solid #d6b87d;color:#fff;text-decoration:none;border-radius:3px;background:rgba(0,0,0,.18)}.df8-scene-links a:hover,.df8-scene-links a:focus-visible{background:#d6b87d;color:#191919}.df8-card[hidden],.df8-protected[hidden],.df8-locked[hidden]{display:none!important}@media(prefers-reduced-motion:reduce){.df8-scene *{animation:none!important;transition:none!important}}