.msm-strandtent-hero{position:relative;min-height:100svh;padding:125px 4vw 45px;background:linear-gradient(color-mix(in srgb,var(--m-primary) 18%,white),var(--m-bg));color:var(--m-ink);overflow:hidden;font-family:var(--m-font-body)}.msm-strandtent-hero *{box-sizing:border-box}.msm-strandtent-hero .st-copy{text-align:center;position:relative;z-index:4}.msm-strandtent-hero .st-copy p{font-size:9px;letter-spacing:.18em}.msm-strandtent-hero h1{margin:15px 0 22px;font:800 clamp(58px,9vw,132px)/.82 var(--m-font-display);letter-spacing:-.055em}.msm-strandtent-hero .st-copy a{display:inline-block;padding:14px 18px;background:var(--m-primary);color:#fff;text-decoration:none;font-weight:800}.msm-strandtent-hero .st-panorama{height:52vh;min-height:380px;display:flex;align-items:center;justify-content:center;perspective:1100px;margin-top:20px}.msm-strandtent-hero figure{position:relative;width:min(29vw,400px);height:72%;margin:-3vw;border:8px solid #fff;box-shadow:0 28px 70px color-mix(in srgb,var(--m-ink) 20%,transparent);transform:translateZ(-80px) rotateY(18deg) rotateZ(-3deg);animation:st-spread .8s both}.msm-strandtent-hero figure.is-main{height:90%;z-index:2;transform:translateZ(60px)}.msm-strandtent-hero figure:last-child{transform:translateZ(-80px) rotateY(-18deg) rotateZ(3deg)}.msm-strandtent-hero img{width:100%;height:100%;object-fit:cover}.msm-strandtent-hero figcaption{position:absolute;left:12px;bottom:12px;background:#fff;padding:8px;font-size:8px;letter-spacing:.13em}@keyframes st-spread{from{opacity:0;transform:translateZ(-200px) rotateZ(0)}to{opacity:1}}@media(max-width:700px){.msm-strandtent-hero{padding:100px 14px 30px}.msm-strandtent-hero h1{font-size:16vw}.msm-strandtent-hero .st-panorama{height:52vh;min-height:390px;margin-top:10px}.msm-strandtent-hero figure{width:48vw;margin:-14vw;border-width:5px}.msm-strandtent-hero figure:first-child{transform:translateX(-5vw) translateZ(-120px) rotateY(18deg) rotateZ(-4deg)}.msm-strandtent-hero figure:last-child{transform:translateX(5vw) translateZ(-120px) rotateY(-18deg) rotateZ(4deg)}.msm-strandtent-hero figure.is-main{width:60vw;z-index:3;transform:translateZ(40px)}}@media(prefers-reduced-motion:reduce){.msm-strandtent-hero figure{animation:none}}
.msm-strandtent-hero.is-interactive figure{animation:none;transition:transform .28s cubic-bezier(.22,1,.36,1),opacity .28s;will-change:transform}.msm-strandtent-hero.is-interactive .st-panorama{cursor:ew-resize;outline:none}.msm-strandtent-hero.is-interactive .st-panorama:focus-visible{outline:3px solid var(--m-primary);outline-offset:-5px}