/* Entire module scoped to .wi-panorama. No fonts, frameworks, or global reset. */
.wi-panorama{--ink:#0a0a0a;--gold:#c89b3c;--crimson:#b31217;--ivory:#f7edda;--burgundy:#6f0b0b;display:block;width:100%;background:transparent;color:var(--ink);font-family:Arial,Helvetica,sans-serif;isolation:isolate;container-type:inline-size}
.wi-panorama *,.wi-panorama *::before,.wi-panorama *::after{box-sizing:border-box}
.wi-panorama__inner{position:relative;max-width:1320px;margin-inline:auto;padding: 0px 0 0px}
.wi-panorama__action{display:flex;justify-content:center;position:relative;z-index:2;margin-bottom:3px;margin-top:30px;}
.wi-panorama__shop{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:28px;min-height:46px;padding:12px 23px;border-radius:0px;background:#0a0a0a;color:#fff;text-decoration:none;font-size:13px;font-weight:600;letter-spacing:.3px;box-shadow:0 5px 18px #0a0a0a15;user-select:none;-webkit-user-select:none;touch-action:manipulation;transition:transform .25s,box-shadow .25s}
.wi-panorama__shop::before{content:"";position:absolute;z-index:-1;inset:-80% -35%;background:radial-gradient(ellipse at 15% 80%,#c89b3c 0,transparent 55%),radial-gradient(ellipse at 85% 20%,#b31217 0,transparent 55%);opacity:.55;transform:translateX(-8%);transition:transform .5s,opacity .4s}
.wi-panorama__shop:hover::before,.wi-panorama__shop:focus-visible::before{opacity:1;transform:translateX(8%) rotate(8deg)}
.wi-panorama__shop:hover{transform:translateY(-2px);box-shadow:-5px 5px 18px #c89b3c25,5px 4px 18px #b3121725}
.wi-panorama__shop:focus-visible{outline:3px solid var(--gold);outline-offset:5px}.wi-panorama__shop svg{transition:transform .25s}.wi-panorama__shop:hover svg{transform:translateX(3px)}
.wi-panorama__stage{position:relative;width:100%;aspect-ratio:3/1;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.wi-panorama__image{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;opacity:1;pointer-events:none}
.wi-panorama__image.is-active{opacity:1}
.wi-panorama__words{display:grid;place-items:center;text-align:center;padding:3px 24px 0;min-height:30px}
.wi-panorama__words p{grid-area:1/1;margin:0;max-width:900px;font-size:clamp(16px,2.05cqi,26px);font-weight:400;line-height:1.45;letter-spacing:-.4px;opacity:0;transition:opacity 1600ms ease-in-out}
.wi-panorama__words p.is-active{opacity:1}.wi-panorama__words em{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:#6f0b0b}
.wi-panorama__sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@container(max-width:600px){.wi-panorama__inner{padding-top:2px;padding-bottom:0px}.wi-panorama__action{margin-bottom:16px;margin-top:10px;}.wi-panorama__shop{min-height:44px;padding:11px 22px;font-size:12px;gap:22px}.wi-panorama__words{min-height:77px;padding:17px 20px 0}.wi-panorama__words p{font-size:18px;line-height:1.4;letter-spacing:-.25px;max-width:360px}}
@media(prefers-reduced-motion:reduce){.wi-panorama *,.wi-panorama *::before{transition:none!important;transform:none!important}}

/* Text lives inside the image, independently of the static artwork. */
.wi-panorama__words{position:absolute;z-index:2;left:5%;right:5%;bottom:3%;min-height:0;padding:0;pointer-events:none}
.wi-panorama__words p{font-size:clamp(10px,1.8cqi,24px);line-height:1.35;max-width:100%;letter-spacing:-.15px;transition:opacity 800ms ease-in-out;text-shadow:0 1px 8px #f7eddacc,0 0 3px #f7edda}
@container(max-width:600px){.wi-panorama__words{min-height:0;padding:0;bottom:3%;left:4%;right:4%}.wi-panorama__words p{font-size:clamp(10px,2.65cqi,16px);max-width:100%;line-height:1.3;letter-spacing:-.1px}}
@media(prefers-reduced-motion:reduce){.wi-panorama__words p{transition:none!important}}
