/* Product demonstrations: sticky Fit story and compact Plus with a material rail. */
.garu-experience{background:#080808;overflow:visible;color:#fff}
.garu-experience .experience-title{max-width:1320px;padding:105px 5vw 60px;text-align:center}
.garu-experience .experience-title>.eyebrow{display:block;color:#aaa}
.garu-experience .experience-title h2{font-size:clamp(58px,7.5vw,112px);line-height:.94;max-width:1180px;margin:auto}
.garu-experience .experience-title>p:last-child{font-size:19px;max-width:620px;margin:28px auto 0}
.garu-experience .story-shell{max-width:1500px;margin:auto;display:grid;grid-template-columns:56% 44%;align-items:start}
.garu-experience .garu-stage{position:sticky!important;top:80px!important;height:calc(100svh - 80px)!important;display:flex;align-items:center;background:#080808;padding:25px}
.garu-experience .story-step{min-height:calc(100svh - 80px);padding:15vh 35px;grid-template-columns:30px 1fr!important;gap:20px!important;border:0}
.garu-experience .story-step h3{font-size:clamp(40px,4vw,66px)}
.garu-experience .story-steps{padding:0}
.garu-stage .tryon-demo{background:#efeeeb!important;color:#171719;border-radius:20px;padding:20px!important}
.garu-stage .tryon-input,.garu-stage .tryon-results{background:transparent!important;color:#171719}
.garu-stage .tryon-results img{height:clamp(250px,calc(100svh - 380px),450px)}
.garu-stage .tryon-input>.eyebrow,.garu-stage .tryon-results figcaption{color:#777}
.garu-stage .look-wardrobe{margin-top:18px}
.garu-stage .story-media-caption{margin-top:14px}
.plus-section{padding:80px 5vw 70px}
.plus-section .section-intro h2{font-size:clamp(48px,5vw,74px)}
.plus-section .section-intro>p:last-child{max-width:620px;font-size:18px;margin:20px auto 0}
.plus-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);align-items:center;gap:40px;max-width:1240px;margin:35px auto 0}
.plus-layout .size-demo{width:100%;max-width:none;margin:0;padding:0;background:transparent}
.plus-layout .size-demo-heading{max-width:580px;font-size:14px}
.plus-layout .size-pair{height:480px;max-width:510px;gap:0;margin:5px auto 0}
.plus-layout .size-pair figure{margin:0 -8px}
.plus-layout .size-controls{margin-top:8px}
.plus-layout .size-note{margin:10px 0 0;font-size:14px}
.plus-materials{display:grid;gap:18px}
.plus-materials article{display:grid;grid-template-columns:128px 1fr;gap:22px;align-items:center}
.plus-materials img{width:128px;height:142px;object-fit:cover;border-radius:8px}
.plus-materials h3{font-family:Georgia,serif;font-weight:400;font-size:26px;line-height:1.1;letter-spacing:-.025em;margin:0 0 10px}
.plus-materials p{font-size:16px;line-height:1.4;color:#777;margin:0;max-width:22ch}
.plus-section .section-cta{margin-top:32px}
@media(max-width:980px){
 .garu-experience .story-shell{display:block}.garu-experience .garu-stage{display:none!important}
 .garu-experience .story-steps{padding:0 24px}.garu-experience .story-step{min-height:0;padding:50px 0;display:block!important}
 .story-slot .tryon-demo{background:#efeeeb!important;color:#171719!important;padding:18px!important;border-radius:18px}
 .story-slot .tryon-input>.eyebrow,.story-slot .tryon-input>p,.story-slot .tryon-results figcaption{color:#777}
 .story-slot .tryon-results img{height:360px}.garu-experience .story-step h3{font-size:48px}
 .plus-layout{gap:25px;grid-template-columns:minmax(0,1.3fr) minmax(230px,1fr)}
 .plus-layout .size-pair{height:430px}.plus-materials article{grid-template-columns:95px 1fr;gap:15px}
 .plus-materials img{width:95px;height:115px}.plus-materials h3{font-size:22px}.plus-materials p{font-size:14px}
}
@media(max-width:640px){
 .garu-experience .experience-title{padding:80px 22px 25px}.garu-experience .experience-title h2{font-size:clamp(43px,11vw,64px)}
 .garu-experience .experience-title>p:last-child{font-size:17px}.garu-experience .story-steps{padding:0 18px}
 .story-slot .tryon-results img{height:300px}
 .plus-section{padding:65px 20px}.plus-layout{grid-template-columns:1fr;gap:30px;margin-top:25px}
 .plus-layout .size-pair{height:370px;max-width:360px}
 .plus-materials{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
 .plus-materials article{display:block}.plus-materials img{width:100%;height:130px;margin-bottom:14px}
 .plus-materials h3{font-size:19px}.plus-materials p{font-size:12px}
}