.jci-home .twist-section{background:#efebe2;padding:65px 0}.jci-home .twist-layout{display:grid;grid-template-columns:.9fr 1.3fr;align-items:center;gap:86px}.jci-home .twist-story>.eyebrow{font-size:9px;color:#806b45}.jci-home .twist-story h2{font-size:54px;letter-spacing:-1.9px;margin-top:15px}.jci-home .twist-story>p{font-size:14px;line-height:1.9;color:var(--muted);margin-top:22px;max-width:350px}.jci-home .twist-story>.button{margin-top:27px}.jci-home .twist-media{border:1px solid #dcd5c7;background:var(--paper);border-radius:8px;padding:9px;box-shadow:0 14px 35px #3f33220a;transform:rotate(1deg)}.jci-home .video-stage{position:relative;overflow:hidden;border-radius:4px;background:#c5ae88}.jci-home .video-stage video{width:100%;aspect-ratio:4/3;object-fit:cover}.jci-home .video-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;width:66px;height:66px;display:flex;align-items:center;justify-content:center;background:#faf8f4dd;box-shadow:0 0 0 9px #faf8f426;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background .2s,box-shadow .2s}.jci-home .video-play .icon{width:24px;height:24px;fill:currentColor;stroke-width:0;margin-left:3px}.jci-home .video-play:hover{background:#fff;box-shadow:0 0 0 12px #faf8f426}.jci-home .video-stage.is-playing .video-play{display:none}.jci-home .video-bottom{display:flex;align-items:center;justify-content:space-between;font-size:9px;padding:13px 8px 5px;color:#6f6759;gap:12px}.jci-home .video-bottom>span:first-child{display:flex;align-items:center;gap:7px}.jci-home .video-bottom .icon{width:13px;height:13px}.jci-home .video-bottom>span:last-child{font-size:7px;letter-spacing:1px}@media(max-width:1199px){.jci-home .twist-layout{gap:55px}}@media(max-width:1199px){.jci-home .twist-story h2{font-size:46px}}@media(max-width:1000px){.jci-home .twist-layout{gap:35px}}@media(max-width:1000px){.jci-home .twist-story h2{font-size:40px}}@media(max-width:1000px){.jci-home .twist-story>p{font-size:11px}}@media(max-width:800px){.jci-home .twist-section{padding-block:45px}}@media(max-width:800px){.jci-home .twist-layout{grid-template-columns:1fr 1.15fr;gap:28px}}@media(max-width:800px){.jci-home .twist-story h2{font-size:38px}}@media(max-width:800px){.jci-home .twist-story>p{font-size:11px;line-height:1.8;margin-top:16px}}@media(max-width:800px){.jci-home .twist-story>.button{font-size:10px;padding-inline:13px;gap:12px}}@media(max-width:800px){.jci-home .video-bottom>span:last-child{display:none}}@media(max-width:800px){.jci-home .video-bottom{justify-content:center}}@media(max-width:800px){.jci-home .video-stage video{aspect-ratio:4/4.5}}@media(max-width:800px){.jci-home .video-play{width:51px;height:51px}}@media(max-width:600px){.jci-home .twist-section{padding-block:37px}}@media(max-width:600px){.jci-home .twist-layout{grid-template-columns:1fr;gap:28px}}@media(max-width:600px){.jci-home .twist-story>.eyebrow{font-size:8px}}@media(max-width:600px){.jci-home .twist-story h2{font-size:43px;margin-top:12px;letter-spacing:-1.4px}}@media(max-width:600px){.jci-home .twist-story>p{font-size:12px;max-width:350px;margin-top:17px;line-height:1.85}}@media(max-width:600px){.jci-home .twist-story>.button{font-size:11px;margin-top:22px;gap:20px;padding-inline:17px}}@media(max-width:600px){.jci-home .twist-media{transform:rotate(.8deg);padding:7px}}@media(max-width:600px){.jci-home .video-stage video{aspect-ratio:4/3}}@media(max-width:600px){.jci-home .video-play{width:58px;height:58px}}@media(max-width:600px){.jci-home .video-bottom{padding:12px 5px 5px;font-size:10px}}@media(max-width:600px){.jci-home .twist-story>p{font-size:14px}}@media(max-width:600px){.jci-home .twist-story>.button{font-size:13px}}@media(prefers-reduced-motion:reduce){.jci-home .twist-media{transform:none}}.jci-home .twist-editorial{background:#eee9df;padding-block:64px}.jci-home .twist-editorial .twist-layout{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(36px,4vw,64px);align-items:center}.jci-home .twist-editorial .twist-story{min-width:0;padding-left:0;align-self:center}.jci-home .twist-editorial .twist-media{transform:none;padding:0;border:0;background:transparent;box-shadow:none;min-width:0}.jci-home .twist-editorial .video-stage{border-radius:20px;overflow:hidden;background:#c5b8a0;isolation:isolate;box-shadow:0 16px 42px #57432a0b}.jci-home .twist-editorial .video-stage video{width:100%;aspect-ratio:8/5;object-fit:cover;border-radius:0;background:#26231f}.jci-home .twist-editorial .video-stage.is-playing video{object-fit:contain}.jci-home .video-top-label{position:absolute;top:20px;left:20px;display:flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid #fff9;background:#fff8edde;border-radius:6px;color:#61513a;font-size:8px;letter-spacing:1px;pointer-events:none}.jci-home .video-top-label>.icon{width:14px;height:14px;color:#987239}.jci-home .video-duration{position:absolute;top:20px;right:20px;display:grid;place-items:center;min-width:44px;min-height:32px;border:1px solid #fff7;background:#3b2d1d99;color:#fffaf1;border-radius:6px;font-size:11px;font-variant-numeric:tabular-nums;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none}.jci-home .twist-editorial .video-play{display:flex;align-items:center;justify-content:flex-start;gap:13px;position:absolute;left:20px;bottom:20px;top:auto;transform:none;width:calc(100% - 40px);max-width:360px;height:auto;min-height:72px;padding:11px 16px 11px 11px;border:1px solid #fffb;border-radius:14px;background:#fffaf1f2;box-shadow:0 8px 25px #4f3c1a15;color:#42372a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.jci-home .video-play-circle{display:grid;place-items:center;width:48px;height:48px;flex-shrink:0;border-radius:50%;background:#f3a21a;color:#352719;transition:background .2s,box-shadow .2s}.jci-home .twist-editorial .video-play-circle>.icon{width:16px;height:16px;fill:currentColor;stroke-width:0;margin-left:2px}.jci-home .video-play-copy{text-align:left;min-width:0}.jci-home .video-play-copy strong{display:block;font:500 15px/1.4 var(--sans)}.jci-home .video-play-copy small{display:block;font-size:10px;line-height:1.4;color:#80715c;margin-top:3px}.jci-home .twist-editorial .video-play>.video-play-arrow{width:20px;height:20px;fill:none;margin-left:auto;stroke-width:1.5}.jci-home .twist-editorial .video-stage.is-playing .video-play,.jci-home .video-stage.is-playing .video-top-label,.jci-home .video-stage.is-playing .video-duration{display:none}.jci-home .twist-editorial .video-bottom{display:flex;justify-content:space-between;padding:15px 0 0;font-size:8px;color:#746854;letter-spacing:.9px}.jci-home .twist-editorial .video-bottom>span{display:flex;align-items:center;gap:7px}.jci-home .twist-editorial .video-bottom>span:last-child{font-size:11px;letter-spacing:0}.jci-home .video-status-dot{width:5px;height:5px;background:#aa8243;border-radius:50%}.jci-home .twist-story-label{display:flex;align-items:center;gap:9px;font-size:9px;color:#887044;letter-spacing:1.4px}.jci-home .twist-story-label>.icon{width:19px;height:19px;stroke-width:1.2}.jci-home .twist-editorial .twist-story h2{font-size:clamp(48px,4vw,58px);line-height:1.04;letter-spacing:-1.6px;margin-top:20px}.jci-home .twist-editorial .twist-story h2 em{color:#92733d}.jci-home .twist-editorial .twist-story>p:not(.twist-familiar-note){font-size:15px;line-height:1.8;max-width:480px;margin-top:22px;color:#746858}.jci-home .twist-style-tags{display:flex;align-items:center;flex-wrap:wrap;gap:15px;margin-top:23px;padding-block:15px;border-top:1px solid #d8cebe;border-bottom:1px solid #d8cebe}.jci-home .twist-style-tags>span{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#665239;line-height:1.4}.jci-home .twist-style-tags .icon{width:15px;height:15px;color:#9b783d}.jci-home .twist-style-tags>span:last-child{font-family:var(--serif);font-style:italic;font-size:15px;color:#947544;margin-left:auto}.jci-home .twist-actions{display:flex;align-items:center;flex-wrap:wrap;gap:14px 24px;margin-top:27px}.jci-home .twist-actions>.button{font-size:13px;min-height:52px;border-radius:8px;gap:24px;padding-inline:21px}.jci-home .twist-looks-link{display:inline-flex;align-items:center;gap:10px;width:max-content;min-height:44px;font-size:12px;color:#746041;text-decoration:underline;text-underline-offset:5px;text-decoration-color:#b6a382}.jci-home .twist-looks-link>.icon{width:16px;height:16px}.jci-home .twist-editorial .twist-story>.twist-familiar-note{display:flex;align-items:center;gap:8px;max-width:none;font-size:12px;line-height:1.5;color:#8d7c61;margin-top:22px}.jci-home .twist-familiar-note>.icon{width:16px;height:16px;stroke-width:1.2}@media(hover:hover){.jci-home .twist-editorial .video-play:hover{transform:none;background:#fffdf7}}@media(hover:hover){.jci-home .video-play:hover .video-play-circle{background:#ffc369;box-shadow:0 0 0 5px #f3a21a1a}}@media(hover:hover){.jci-home .twist-looks-link:hover{color:#3b2d1d;text-decoration-color:#80642e}}@media(max-width:1199px){.jci-home .twist-editorial .twist-layout{gap:36px;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}}@media(max-width:1199px){.jci-home .twist-editorial .video-stage video{aspect-ratio:4/3}}@media(max-width:1199px){.jci-home .twist-editorial .twist-story h2{font-size:46px}}@media(max-width:1199px){.jci-home .twist-editorial .twist-story>p:not(.twist-familiar-note){font-size:14px;margin-top:18px}}@media(max-width:1199px){.jci-home .twist-style-tags{gap:10px;margin-top:18px;padding-block:13px}}@media(max-width:1199px){.jci-home .twist-style-tags>span{font-size:11px}}@media(max-width:1199px){.jci-home .twist-style-tags>span:last-child{font-size:14px}}@media(max-width:1199px){.jci-home .twist-actions{gap:12px 18px;margin-top:22px}}@media(max-width:1199px){.jci-home .twist-actions>.button{font-size:12px;padding-inline:17px;gap:17px}}@media(max-width:1199px){.jci-home .twist-looks-link{font-size:11px}}@media(max-width:1199px){.jci-home .twist-editorial .twist-story>.twist-familiar-note{font-size:11px;margin-top:18px}}@media(max-width:980px){.jci-home .twist-editorial{padding-block:46px}}@media(max-width:980px){.jci-home .twist-editorial .twist-layout{grid-template-columns:1fr;gap:34px}}@media(max-width:980px){.jci-home .twist-editorial .video-stage video{aspect-ratio:8/5}}@media(max-width:980px){.jci-home .twist-editorial .twist-story{max-width:680px;display:block}}@media(max-width:980px){.jci-home .twist-editorial .twist-story h2{font-size:52px}}@media(max-width:980px){.jci-home .twist-editorial .twist-story h2 br:nth-of-type(2){display:none}}@media(max-width:980px){.jci-home .twist-editorial .twist-story h2 em{margin-left:5px}}@media(max-width:980px){.jci-home .twist-editorial .twist-story>p:not(.twist-familiar-note){max-width:580px;font-size:15px}}@media(max-width:980px){.jci-home .twist-style-tags{max-width:580px}}@media(max-width:980px){.jci-home .twist-style-tags>span{font-size:12px}}@media(max-width:980px){.jci-home .twist-actions>.button{font-size:13px}}@media(max-width:980px){.jci-home .twist-looks-link{font-size:12px}}@media(max-width:980px){.jci-home .twist-editorial .twist-story>.twist-familiar-note{font-size:12px}}@media(max-width:600px){.jci-home .twist-editorial{padding-block:34px}}@media(max-width:600px){.jci-home .twist-editorial .twist-layout{gap:29px}}@media(max-width:600px){.jci-home .twist-editorial .video-stage{border-radius:14px}}@media(max-width:600px){.jci-home .twist-editorial .video-stage video{aspect-ratio:4/3;object-position:61% center}}@media(max-width:600px){.jci-home .video-top-label{top:12px;left:12px;font-size:6px;padding:6px 7px;letter-spacing:.6px;gap:5px}}@media(max-width:600px){.jci-home .video-top-label>.icon{width:12px;height:12px}}@media(max-width:600px){.jci-home .video-duration{top:12px;right:12px;min-width:36px;min-height:28px;font-size:10px}}@media(max-width:600px){.jci-home .twist-editorial .video-play{left:12px;bottom:12px;width:calc(100% - 24px);max-width:330px;gap:10px;min-height:61px;padding:8px 12px 8px 8px;border-radius:10px}}@media(max-width:600px){.jci-home .video-play-circle{width:42px;height:42px}}@media(max-width:600px){.jci-home .video-play-copy strong{font-size:13px}}@media(max-width:600px){.jci-home .video-play-copy small{font-size:9px}}@media(max-width:600px){.jci-home .twist-editorial .video-play>.video-play-arrow{width:17px;height:17px}}@media(max-width:600px){.jci-home .twist-editorial .video-bottom{font-size:6px;padding-top:12px;letter-spacing:.5px;gap:8px}}@media(max-width:600px){.jci-home .twist-editorial .video-bottom>span:last-child{font-size:9px}}@media(max-width:600px){.jci-home .twist-story-label{font-size:8px;letter-spacing:1px}}@media(max-width:600px){.jci-home .twist-story-label>.icon{width:17px;height:17px}}@media(max-width:600px){.jci-home .twist-editorial .twist-story h2{font-size:42px;margin-top:17px;line-height:1.06;letter-spacing:-1.1px}}@media(max-width:600px){.jci-home .twist-editorial .twist-story h2 br:nth-of-type(2){display:block}}@media(max-width:600px){.jci-home .twist-editorial .twist-story h2 em{margin-left:0}}@media(max-width:600px){.jci-home .twist-editorial .twist-story>p:not(.twist-familiar-note){font-size:14px;margin-top:18px;line-height:1.8}}@media(max-width:600px){.jci-home .twist-style-tags{margin-top:21px;gap:8px}}@media(max-width:600px){.jci-home .twist-style-tags>span{font-size:11px}}@media(max-width:600px){.jci-home .twist-style-tags>span:last-child{font-size:13px}}@media(max-width:600px){.jci-home .twist-actions{gap:8px;margin-top:24px}}@media(max-width:600px){.jci-home .twist-actions>.button{width:100%;justify-content:space-between;font-size:13px}}@media(max-width:600px){.jci-home .twist-looks-link{font-size:12px}}@media(max-width:600px){.jci-home .twist-editorial .twist-story>.twist-familiar-note{font-size:11px;margin-top:14px}}@media(max-width:360px){.jci-home .twist-editorial .twist-story h2{font-size:39px}}@media(max-width:360px){.jci-home .video-play-copy small{font-size:8px}}@media(max-width:360px){.jci-home .twist-style-tags>span:last-child{font-size:12px}}@media(max-width:360px){.jci-home .twist-style-tags{gap:7px}}@media(max-width:360px){.jci-home .twist-style-tags>span{font-size:10px}}.jci-home .twist-editorial .twist-story{container-type:inline-size}.jci-home .twist-editorial .twist-story h2{font-size:clamp(26px,3.6vw,54px);font-size:clamp(26px,8.6cqi,54px);line-height:1.12;letter-spacing:-.03em}.jci-home .twist-headline-line{display:block;white-space:nowrap}.jci-home .twist-editorial .twist-story h2 em{margin-left:0}.jci-home .video-play-arrow{transition:transform var(--motion-quick)}.jci-home .twist-editorial .video-stage{transition:box-shadow .26s var(--ease)}.jci-home .twist-editorial .video-play{transition:background var(--motion-quick),box-shadow var(--motion-quick)}.jci-home .twist-editorial .video-stage:has(.video-play:focus-visible){box-shadow:var(--glow-card)}@media(hover:hover)and (pointer:fine){.jci-home .video-play:hover>.video-play-arrow{transform:translate(3px)}}@media(hover:hover)and (pointer:fine){.jci-home .twist-editorial .video-stage:has(.video-play:hover){box-shadow:var(--glow-card)}}@media(hover:hover)and (pointer:fine){.jci-home .twist-editorial .video-play:hover{box-shadow:0 0 0 2px #f3a21a66,0 0 25px #f3a21a4d}}@media(prefers-reduced-motion:reduce){.jci-home .video-play:hover>.video-play-arrow{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/JCI-twist-video.css.map */