/* Pharmalink: original scene composition, at every screen size. */
.pharma-experience{background:transparent;color:#fff}
.pharma-experience .pharma-stage{position:relative;aspect-ratio:1920/636;isolation:isolate;container-type:inline-size;overflow:hidden;margin:0!important;background:#1e1c21}
.pharma-experience .pharma-stage>video{object-fit:contain;pointer-events:none}
.pharma-experience .pharma-entry{inset:0;display:grid;place-items:center;background:rgba(30,28,33,.25);padding:0}
.pharma-experience .pharma-entry .pharma-start{position:static;display:block;width:clamp(48px,6vw,80px);height:clamp(48px,6vw,80px);padding:0;border:0;border-radius:50%;background:transparent;color:#fff;filter:drop-shadow(0 4px 10px #0007);cursor:pointer}
.pharma-experience .pharma-start svg{width:100%;height:100%}
.pharma-experience .pharma-start:hover{color:#fff252}
.pharma-experience .pharma-targets,.pharma-experience .pharma-targets:has(button){position:absolute;inset:0;display:block;width:100%;height:100%;padding:0;pointer-events:none;z-index:3}
.pharma-experience .pharma-targets>button{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);pointer-events:auto;border:0;border-radius:0;padding:0;min-height:0;max-width:20%;background:transparent;color:#fff;font-family:inherit;font-weight:700;font-size:clamp(7px,1.2cqw,23px);letter-spacing:.1em;line-height:1.3;text-align:center;text-shadow:0 4px 15px #000e;transition:color .2s,transform .2s;cursor:pointer}
.pharma-experience .pharma-targets>.pharma-lift{max-width:none;border-radius:50%;background:transparent}
.pharma-experience .pharma-destination:hover{color:#fff252;transform:translate(-50%,-50%) scale(1.08)}
.pharma-experience button:focus-visible{outline:2px solid #fff252;outline-offset:3px}
.pharma-experience .pharma-toolbar{position:absolute;inset:0;z-index:4;display:block;margin:0;padding:0;pointer-events:none}
.pharma-experience .pharma-toolbar button{position:absolute;bottom:clamp(5px,1.3cqw,24px);display:grid;place-items:center;width:clamp(28px,3.3cqw,48px);height:clamp(28px,3.3cqw,48px);min-height:0;margin:0;padding:clamp(6px,.8cqw,12px);border:0;border-radius:50%;background:rgba(30,28,33,.55);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fffc;pointer-events:auto;cursor:pointer}
.pharma-experience .pharma-toolbar button:hover{color:white;background:rgba(30,28,33,.82)}
.pharma-experience .pharma-toolbar svg{width:100%;height:100%}
.pharma-experience [data-action=sound]{right:clamp(5px,1.3cqw,24px)}
.pharma-experience [data-action=back]{left:clamp(5px,1.3cqw,24px)}
.pharma-experience [data-action=info]{left:50%;transform:translateX(-50%)}
.pharma-experience .pharma-toolbar [data-action=full]{top:auto;bottom:clamp(5px,1.3cqw,24px);right:calc(clamp(5px,1.3cqw,24px) + clamp(28px,3.3cqw,48px) + 8px);margin:0}
.pharma-experience [data-action=sound][aria-pressed=true] .sound-off,.pharma-experience [data-action=sound][aria-pressed=false] .sound-on{display:none}
.pharma-experience .pharma-resume{position:absolute;inset:0;margin:auto;width:56px;height:56px;padding:0;border:0;background:#1e1c2170;color:white;border-radius:50%;z-index:5;cursor:pointer}
.pharma-experience .pharma-status{position:absolute;width:1px;height:1px;min-height:0;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.pharma-experience .pharma-info{position:absolute;left:2%;bottom:20%;z-index:5;background:rgba(20,18,24,.8);backdrop-filter:blur(16px);border:1px solid #ffffff17;border-radius:12px;padding:12px 16px;width:clamp(180px,26%,290px);max-height:70%;overflow:auto;color:#fff}
.pharma-experience .pharma-info h3{font-size:11px;letter-spacing:.08em;margin:0 0 6px;text-transform:uppercase;color:#ffffff90}
.pharma-experience .pharma-info p{font-size:12px;line-height:1.5;margin:0;color:#ffffffcc}
.pharma-experience .pharma-error{position:absolute;inset:0;z-index:6;display:grid;place-content:center;gap:12px;padding:20px;background:#1e1c21e0;text-align:center}
.pharma-experience .pharma-error p{font-size:clamp(12px,1.2vw,18px);margin:0}
.pharma-experience .pharma-error button{padding:8px;color:#fff;border:1px solid #fff;border-radius:30px}
.pharma-experience [hidden]{display:none!important}
.pharma-experience:fullscreen,.pharma-experience.pharma-expanded{display:flex;align-items:center;justify-content:center;padding:0;background:#1e1c21;overflow:hidden}
.pharma-experience:fullscreen .pharma-stage,.pharma-experience.pharma-expanded .pharma-stage{width:100%;max-width:calc(100dvh * 1920 / 636);flex-shrink:0;margin:0!important}