/* The artwork remains stationary; only its opacity and reveal mask change. */
[data-portal-slideshow]{position:relative!important;isolation:isolate;overflow:hidden!important;background:#e9e8df!important;border-radius:23px;color:#203c3e!important;padding:clamp(24px,4vw,52px)!important;padding-bottom:78px!important;display:block!important}
.portal-slide-stage{position:absolute;inset:0;z-index:-1;pointer-events:none}
.portal-slide{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transition:opacity .8s ease;transform:none!important;border-radius:0!important}
.portal-slide.is-current{opacity:1;z-index:1;animation:portal-reveal .85s ease both;mask-image:linear-gradient(var(--fade-direction,to right),#000 35%,transparent 65%);mask-size:300% 300%;mask-repeat:no-repeat}
.portal-slide.reveal-0{--fade-direction:to right;--fade-start:100% 50%;--fade-end:0% 50%}
.portal-slide.reveal-1{--fade-direction:to bottom;--fade-start:50% 100%;--fade-end:50% 0%}
.portal-slide.reveal-2{--fade-direction:to left;--fade-start:0% 50%;--fade-end:100% 50%}
.portal-slide.reveal-3{--fade-direction:to top;--fade-start:50% 0%;--fade-end:50% 100%}
@keyframes portal-reveal{from{mask-position:var(--fade-start,100% 50%)}to{mask-position:var(--fade-end,0% 50%)}}
.portal-slide-copy{max-width:650px;padding:clamp(20px,3vw,32px);border-radius:16px;background:rgba(255,254,250,.93);position:relative}
[data-portal-slideshow] .hero-figure,[data-portal-slideshow] .studio-design-image,[data-portal-slideshow] .w-auth-image{display:none}
[data-portal-slideshow] .studio-design-copy{padding:0;background:none}
[data-portal-slideshow] h1,[data-portal-slideshow] h2{color:#203c3e!important}
[data-portal-slideshow] p,[data-portal-slideshow] .eyebrow,[data-portal-slideshow] .w-eyebrow,[data-portal-slideshow] .small{color:#36514e!important}
.portal-slide-controls{position:absolute;right:18px;bottom:16px;display:flex;align-items:center;gap:6px;border:1px solid #dddcd3;border-radius:99px;background:rgba(255,254,250,.96);padding:4px;color:#203c3e;font-size:12px}
.portal-slide-controls button{border:0;border-radius:99px;background:transparent;color:inherit;min-width:44px;min-height:38px;padding:8px 12px;font:inherit;cursor:pointer}
.portal-slide-controls button:hover{background:#e8eeea}
.portal-slide-controls button:focus-visible{outline:2px solid #286a65;outline-offset:2px}
.portal-slide-controls span{min-width:35px;text-align:center}
@media(max-width:640px){[data-portal-slideshow]{padding:20px!important;padding-bottom:76px!important}.portal-slide-copy{padding:20px}.portal-slide-controls{right:14px}}
@media(prefers-reduced-motion:reduce){.portal-slide{transition:none}.portal-slide.is-current{animation:none;mask-image:none}}