.experience{max-width:1180px;margin:auto;padding:28px clamp(18px,4vw,48px) 70px;overflow:visible}.experience h1{font:700 clamp(36px,6vw,70px)/1.04 Georgia,serif;letter-spacing:-.035em;margin:24px 0}.experience h1 em{color:#356a65}.demo-label{background:#17313c;color:#fff;padding:16px 20px;border-radius:14px;display:grid;gap:6px;font-size:14px}.demo-label strong{letter-spacing:.14em}.demo-tabs,.demo-actions{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}.demo-tabs button,.experience button:not(.primary),#demo-dialog button{font:inherit;border:1px solid #7b908d;border-radius:12px;padding:12px 16px;background:#fffdf6;color:#17313c;cursor:pointer;min-height:44px}.demo-tabs [aria-pressed=true]{background:#17313c!important;color:white!important}.privacy-promise{padding:20px;border-left:4px solid #356a65;background:#e8efeb;line-height:1.65}.demo-announcement{padding:18px 22px;border-radius:12px;background:#e9dcbf}.room-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:50px}.room-heading h2{font-size:28px}.demo-people{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:24px 0}.demo-person{padding:24px;background:#fffdf8;border:1px solid #d2dbd6;border-radius:20px;display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-width:0;overflow-wrap:anywhere}.demo-person h3,.demo-person p{margin:0}.demo-person h3{font-size:22px}.demo-person button{margin-top:auto}.demo-avatar{display:grid;place-items:center;width:48px;height:48px;background:#e1ebe5;border-radius:50%;font-weight:800}.demo-person small{color:#4e655e}.demo-panel{padding:26px;background:#fffdf8;border:1px solid #d2dbd6;border-radius:18px;margin:22px 0;line-height:1.65}.demo-panel h2{font-size:26px;line-height:1.2}.demo-owner-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.demo-owner-grid>*{min-width:0}.demo-qr{max-width:100%;height:auto;background:white}.demo-owner-person{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px solid #d2dbd6}.demo-owner-person span{display:block}.demo-owner-person small{display:block;color:#526761}.demo-status{position:fixed;bottom:16px;left:5%;width:90%;background:#17313c;color:white;padding:16px;border-radius:12px;z-index:20}.demo-status:empty{display:none}#demo-dialog{max-width:520px;width:calc(100% - 32px);max-height:90vh;overflow:auto;border:1px solid #d2dbd6;border-radius:20px;padding:26px;background:#fffdf8;color:#17313c}#demo-dialog::backdrop{background:#17313c99}#demo-dialog button{margin:8px 8px 8px 0}#demo-dialog h2{font:700 32px Georgia,serif}#demo-dialog input{width:100%}.experience [hidden]{display:none!important}.experience a,#demo-dialog a{color:#17313c;text-underline-offset:4px}.experience a.primary{color:#fff;background:#a83d2f}.experience input,.experience textarea{font-size:16px;max-width:100%;min-width:0}.experience button:focus-visible,.experience a:focus-visible,#demo-dialog button:focus-visible{outline:3px solid #a83d2f;outline-offset:4px}@media(max-width:800px){.demo-people{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-owner-grid{grid-template-columns:1fr}}@media(max-width:480px){.demo-people{grid-template-columns:1fr}.demo-panel{padding:18px}.demo-owner-person{align-items:flex-start}.demo-owner-person button{flex-shrink:0}.room-heading{align-items:flex-start}.demo-tabs button{flex:1}.experience .intro{font-size:18px}}

.experience .primary{background:#a83d2f;color:white}.experience .eyebrow{color:#356a65}
