/* Mut Design Showcase Archives — Platin Digital */
html.mut-sa-page { scroll-behavior:auto; width:100%; max-width:100%; overflow-x:hidden!important; }
body.mut-sa-active { width:100%; max-width:100%; overflow-x:hidden!important; overscroll-behavior-y:none; }
@supports (overflow:clip){html.mut-sa-page,body.mut-sa-active{overflow-x:clip!important}}
.mut-sa-transition-veil{position:fixed;z-index:9850;inset:0;background:#000;opacity:0;pointer-events:none;will-change:opacity}
.mut-sa-root,.mut-sa-root *{box-sizing:border-box}
.mut-sa-root{position:relative;width:100vw;max-width:none!important;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);overflow:clip;background:#111}
.mut-sa-panel{position:relative;width:100%;height:100vh;height:100dvh;min-height:560px;overflow:hidden;isolation:isolate}
.mut-sa-hero-media{position:relative;width:100%;height:100%;overflow:hidden;background:#111 var(--mut-sa-hero-image,none) center/cover no-repeat}
.mut-sa-hero-image{position:absolute;inset:0;background-image:var(--mut-sa-hero-image);background-position:center;background-repeat:no-repeat;background-size:cover}
.mut-sa-hero-video{position:absolute;z-index:0;top:50%;left:50%;width:max(100vw,177.7778vh);height:max(56.25vw,100vh);border:0;transform:translate(-50%,-50%);object-fit:cover;pointer-events:none}
.mut-sa-hero-overlay{position:absolute;z-index:1;inset:0;background:rgba(0,0,0,var(--mut-sa-hero-overlay,.24));pointer-events:none}
.mut-sa-mobile-welcome{display:none}
.mut-sa-backgrounds,.mut-sa-bg-slide,.mut-sa-gradient{position:absolute;inset:0}
.mut-sa-backgrounds{z-index:-2;background:#242424}
.mut-sa-bg-slide{opacity:0;background-position:center;background-repeat:no-repeat;background-size:cover;transform:scale(1);transition:opacity 1.9s cubic-bezier(.4,0,.2,1),transform 9s cubic-bezier(.2,.55,.25,1);will-change:opacity,transform}
.mut-sa-bg-slide.is-active{opacity:1}.mut-sa-showcase.is-settled .mut-sa-bg-slide.is-active{transform:scale(1.035)}
.mut-sa-gradient{z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,var(--mut-sa-overlay-top,.18)) 0%,rgba(0,0,0,.18) 45%,rgba(0,0,0,var(--mut-sa-overlay-bottom,.55)) 100%);pointer-events:none}
.mut-sa-content{position:absolute;z-index:2;left:50%;bottom:clamp(58px,10vh,120px);width:min(92%,1100px);color:#fff;text-align:center;opacity:0;transform:translate(-50%,22px);transition:opacity .9s cubic-bezier(.2,.65,.3,1),transform 1.05s cubic-bezier(.2,.65,.3,1);will-change:opacity,transform}
.mut-sa-showcase.is-settled .mut-sa-content{opacity:1;transform:translate(-50%,0)}
.mut-sa-category{margin:0 0 12px;font-family:'Raleway',Arial,sans-serif;font-size:clamp(12px,.9vw,15px);font-weight:400;line-height:1.2;letter-spacing:.18em;text-transform:uppercase;text-shadow:0 3px 18px rgba(0,0,0,.25)}
.mut-sa-content h2{margin:0 0 11px;color:inherit;font-family:'Raleway',Arial,sans-serif;font-size:clamp(44px,3.9vw,60px);font-style:normal;font-weight:300;line-height:1;letter-spacing:.03em;text-wrap:balance;text-shadow:0 4px 28px rgba(0,0,0,.18)}
.mut-sa-explore{display:inline-block;padding:8px 2px;border:0;border-bottom:1px solid rgba(255,255,255,.64);color:#fff!important;font-family:'Raleway',Arial,sans-serif;font-size:clamp(17px,1.35vw,24px);font-weight:400;line-height:1.3;text-decoration:none!important;transition:border-color .35s ease,opacity .35s ease,transform .35s ease}
.mut-sa-explore:hover,.mut-sa-explore:focus-visible{border-color:#fff;opacity:.82;transform:translateY(-2px)}
.mut-sa-loader{display:flex;align-items:center;justify-content:center;background:#111;color:#fff;text-align:center}
.mut-sa-loader-inner{display:flex;flex-direction:column;align-items:center;gap:18px;font-family:'Raleway',Arial,sans-serif}.mut-sa-loader-inner p{margin:0;font-size:clamp(20px,2vw,30px);font-weight:300;letter-spacing:.03em}
.mut-sa-spinner{width:34px;height:34px;border:1px solid rgba(255,255,255,.28);border-top-color:#fff;border-radius:50%;animation:mut-sa-spin .8s linear infinite}@keyframes mut-sa-spin{to{transform:rotate(360deg)}}
.mut-sa-loader.is-error .mut-sa-spinner,.mut-sa-loader.is-end .mut-sa-spinner{display:none}
.mut-sa-overlay-header{position:fixed!important;z-index:9990!important;top:var(--wp-admin--admin-bar--height,0px);left:0;right:0;width:100%;background:transparent!important}
.mut-sa-notice{padding:30px;text-align:center}
@media(max-width:767px){.mut-sa-panel{min-height:0}.mut-sa-hero-panel{display:flex;flex-direction:column}.mut-sa-hero-media{flex:0 0 60%;height:60%}.mut-sa-hero-video{width:max(100vw,106.6667vh);height:max(56.25vw,60vh)}.mut-sa-mobile-welcome{display:flex;flex:0 0 40%;align-items:center;justify-content:center;height:40%;padding:38px 28px;background:var(--mut-sa-welcome-bg,#f4f0e8);color:var(--mut-sa-welcome-color,#191919);text-align:center}.mut-sa-mobile-welcome h1{max-width:590px;margin:0;color:inherit;font:inherit;font-size:clamp(30px,9vw,54px);font-weight:500;line-height:1.07;letter-spacing:-.035em;text-wrap:balance}.mut-sa-content{bottom:max(54px,8vh);width:88%}.mut-sa-category{margin-bottom:10px;font-size:12px}.mut-sa-content h2{margin-bottom:14px;font-size:clamp(34px,10vw,48px);line-height:1.05;letter-spacing:.02em}.mut-sa-explore{font-size:18px}}
@media(prefers-reduced-motion:reduce){html.mut-sa-page,html.mut-sa-page body{scroll-behavior:auto}.mut-sa-bg-slide,.mut-sa-content,.mut-sa-explore{transition-duration:.01ms!important}.mut-sa-showcase.is-settled .mut-sa-bg-slide.is-active{transform:none}.mut-sa-transition-veil{display:none}.mut-sa-spinner{animation:none}}