/* Isolated Anima feature study. Source measurements: 2026-09-17.
   Original media/display face retained for local review; see media-manifest.json. */
@font-face{font-family:KW Roslindale;src:url('./assets/anima-reference/roslindale-deck-regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:KW Mulish;src:url('./assets/anima-reference/mulish-regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
.kw-anima{--am-bg:#2b2b2b;--am-text:#fff;--am-muted:#a3a3a3;--am-accent:#a898ec;box-sizing:border-box;background:var(--am-bg);color:var(--am-text);padding:40px 80px;font-family:KW Mulish,Arial,sans-serif;font-weight:400;isolation:isolate;scroll-margin-top:110px}
/* Existing editorial release has an ID-level commerce background rule. */
.kw-editorial-release #ecommerce.kw-anima{background:var(--am-bg)}
.kw-anima *{box-sizing:border-box}
.kw-anima .am-inner{width:100%;max-width:1360px;margin:0 auto}
.kw-anima .am-grid{display:grid;grid-template-columns:56fr 44fr;gap:40px;padding:0;text-align:left}
.kw-anima .am-grid--reverse{grid-template-columns:44fr 56fr}
.kw-anima .am-copy{order:1;min-width:0;align-content:center;padding:0}
.kw-anima .am-grid--reverse .am-copy{order:2}
.kw-anima .am-eyebrow{margin:0 0 24px;color:var(--am-accent);font:400 23px/1.5 KW Mulish,Arial,sans-serif;letter-spacing:0;text-transform:none}
.kw-anima .am-title{margin:0 0 24px;max-width:none;color:var(--am-text);font:400 61px/1.2 KW Roslindale,Georgia,serif;letter-spacing:-1.22px;text-wrap:wrap}
.kw-anima .am-description{margin:0;color:var(--am-muted);font:400 27px/1.5 KW Mulish,Arial,sans-serif;letter-spacing:0}
.kw-anima .am-media{position:relative;order:2;align-self:center;min-width:0;margin:0;padding:0}
.kw-anima .am-grid--reverse .am-media{order:1}
.kw-anima .am-video-frame{position:relative;aspect-ratio:1;overflow:hidden;border-radius:8px;background:#252529}
.kw-anima .am-video-frame video{display:block;width:100%;height:100%;aspect-ratio:1;object-fit:cover;position:static;transform:none;opacity:1}
.kw-anima .am-video-toggle{position:absolute;bottom:14px;right:14px;z-index:1;min-height:44px;min-width:44px;padding:10px 16px;border:1px solid #ffffff50;border-radius:100px;background:#202020e6;color:white;font:400 13px/1.2 KW Mulish,Arial,sans-serif;cursor:pointer;transition:background-color .15s}
.kw-anima .am-video-toggle:hover{background:#484848}
.kw-anima .am-video-toggle:focus-visible,.kw-anima a:focus-visible,.kw-anima summary:focus-visible{outline:2px solid #d5c9ff;outline-offset:5px}
.kw-anima .am-media-note{margin:12px 0 0;color:#b8b3c1;font:400 12px/1.5 KW Mulish,Arial,sans-serif}
.kw-anima .am-media-note a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.kw-anima .am-supplement{margin-top:64px;padding:32px 0 0;border-top:1px solid #ffffff26}
.kw-anima .am-supplement h3{margin:0 0 18px;color:white;font:400 34px/1.2 KW Roslindale,Georgia,serif;letter-spacing:-.5px}
.kw-anima .am-supplement p{margin:0;color:#b8b8b8;font:400 17px/1.65 KW Mulish,Arial,sans-serif}
.kw-anima .am-journey{padding:0 0 24px;border-bottom:1px solid #ffffff26;margin:0 0 32px}
.kw-anima .am-journey summary{width:fit-content;max-width:100%;cursor:pointer;color:#d3c7ff;font:400 17px/1.5 KW Mulish,Arial,sans-serif}
.kw-anima .am-journey-list{display:grid;grid-template-columns:1fr 1fr;gap:16px 48px;margin:26px 0 0;padding:0;list-style:none}
.kw-anima .am-journey-list strong{font-weight:400;color:#fff}
.kw-anima .am-journey-list span{color:#a3a3a3;font-size:15px;line-height:1.6}
.kw-anima .am-channels{display:flex;gap:24px 40px;flex-wrap:wrap;margin-top:24px}
.kw-anima .am-channels div{flex:1 1 160px;min-width:0}
.kw-anima .am-channels h4{margin:0 0 8px;color:#fff;font:400 21px/1.4 KW Mulish,Arial,sans-serif}
.kw-anima .am-channels p{font-size:14px;color:#a3a3a3}
.kw-anima .am-principles-title{margin:36px 0 28px;color:var(--am-accent);font:400 18px/1.5 KW Mulish,Arial,sans-serif}
.kw-anima .am-principles{display:grid;grid-template-columns:1fr 1fr;gap:36px 72px}
.kw-anima .am-principles h4{margin:0 0 12px;color:white;font:400 27px/1.3 KW Roslindale,Georgia,serif}
.kw-anima .am-principles p{max-width:540px}
.kw-anima--about{padding-bottom:80px}
.am-reference-body{margin:0;background:#2b2b2b}
.am-reference-body .am-media-note{display:none}
.am-reference-body .am-video-toggle{opacity:0}
.am-reference-body .am-video-frame:hover .am-video-toggle,.am-reference-body .am-video-frame:focus-within .am-video-toggle{opacity:1}
@media(hover:none),(prefers-reduced-motion:reduce){.am-reference-body .am-video-toggle{opacity:1}}
@media(max-width:1024px){
 .kw-anima{padding:32px 40px;scroll-margin-top:96px}
 .kw-anima .am-grid,.kw-anima .am-grid--reverse{grid-template-columns:1fr;gap:24px}
 .kw-anima .am-grid .am-copy{order:1}
 .kw-anima .am-grid .am-media{order:2}
 .kw-anima .am-title{font-size:48px;letter-spacing:-.96px}
 .kw-anima .am-eyebrow{font-size:19px}
 .kw-anima .am-description{font-size:23px}
 .kw-anima--about{padding-bottom:48px}
}
@media(max-width:768px){
 .kw-anima{padding:24px;scroll-margin-top:92px}
 .kw-anima .am-title{font-size:32px;letter-spacing:-.64px;margin-bottom:14px}
 .kw-anima .am-eyebrow{font-size:17px;margin-bottom:14px}
 .kw-anima .am-description{font-size:20px;line-height:1.5}
 .kw-anima .am-supplement{margin-top:40px;padding-top:24px}
 .kw-anima .am-supplement h3{font-size:28px}
 .kw-anima .am-principles{grid-template-columns:1fr;gap:28px}
 .kw-anima .am-journey-list{grid-template-columns:1fr;gap:16px}
 .kw-anima .am-channels{gap:24px}
 .kw-anima .am-channels div{flex-basis:140px}
 .kw-anima .am-video-toggle{bottom:10px;right:10px}
 .kw-anima--about{padding-bottom:32px}
}