.banner-anatomy{margin:32px 0;padding:26px;background:#edf1e7;border:1px solid #d5decd;border-radius:13px;position:relative;color:#294535;min-width:0;isolation:isolate}.anatomy-heading h2{font-size:26px!important;line-height:1.25!important;margin:10px 0!important;letter-spacing:-.7px}.anatomy-heading p{font-size:12px;line-height:1.7;margin:0;color:#64735b}.anatomy-controls{display:flex;gap:7px;flex-wrap:wrap;margin-top:17px}.anatomy-controls button{padding:8px 11px;border:1px solid #bac8ad;border-radius:5px;background:transparent;font-size:11px;color:inherit}.anatomy-controls [aria-pressed=true]{background:#294735;color:#fff;border-color:#294735}.anatomy-stage{position:relative;display:grid;grid-template-columns:minmax(80px,1fr) minmax(0,2.8fr) minmax(80px,1fr);gap:25px;align-items:center;padding:35px 0;min-height:330px;perspective:1400px}.anatomy-connectors{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none;overflow:visible;color:#8a9d76}.anatomy-connectors>path{stroke:currentColor;stroke-width:1.2;stroke-dasharray:3 5;stroke-linecap:round;fill:none}.anatomy-connectors>path.active{color:#df643e;stroke-width:1.6}.anatomy-notes{display:flex;flex-direction:column;justify-content:space-around;gap:30px;align-self:stretch;position:relative;z-index:4}.anatomy-notes-right{justify-content:space-evenly}.anatomy-note{position:relative;border:1px solid transparent;border-left:2px solid #c0ccb3;background:#edf1e7;text-align:left;padding:8px 6px 8px 10px;color:#53664a;font-family:inherit;cursor:pointer;min-width:0}.anatomy-note>span{display:inline-grid;place-items:center;width:24px;height:24px;border:1px solid #b7c4a9;border-radius:50%;font-size:9px;letter-spacing:.5px}.anatomy-note strong{font-family:Manrope,Arial,sans-serif;font-size:12px;display:block;line-height:1.5;margin:7px 0 4px}.anatomy-note small{font-size:10px;line-height:1.6;display:block}.anatomy-note.active{border-left-color:#ef603d;color:#263e2e}.anatomy-note.active>span{background:#f25b39;color:white;border-color:#f25b39}.anatomy-browser{min-width:0;background:#fff;border:1px solid #c8d3be;border-radius:8px;box-shadow:0 14px 30px #263e2e12;position:relative}.anatomy-browser-bar{display:flex;align-items:center;gap:10px;border-bottom:1px solid #e2e7dc;padding:10px;color:#80906f}.anatomy-browser-bar>span{font-size:6px;letter-spacing:2px;color:#ee7952;white-space:nowrap}.anatomy-browser-bar small{font-size:8px;line-height:1.4}.anatomy-browser-content{padding:29px 16px 22px;display:flex;flex-direction:column;align-items:center;gap:20px;min-width:0}.anatomy-canvas-wrap{position:relative;width:min(100%,var(--mock-w));min-width:0}.anatomy-width{display:block;text-align:center;font-size:9px;letter-spacing:.5px;color:#7a8c68;margin-bottom:10px}.anatomy-mock{position:relative;width:100%;aspect-ratio:var(--mock-ratio);transform-style:preserve-3d;box-shadow:7px 9px 0 #b9c9a9,14px 18px 24px #243b2c26;animation:anatomy-float 7s ease-in-out infinite;transition:transform .4s,box-shadow .4s;border-radius:3px}.anatomy-artwork{display:block;width:100%;height:100%;overflow:visible}.anatomy-artwork text{fill:#f2f5ea;font-family:Manrope,Arial,sans-serif}.anatomy-artwork .creative-logo{font-weight:750;letter-spacing:.2px}.anatomy-artwork .creative-headline{font-family:Georgia,serif}.anatomy-artwork .creative-cta{fill:#254232;font-weight:650}.anatomy-artwork .creative-bag-label{fill:#567046;font-weight:bold}.anatomy-region{cursor:pointer;outline:none}.anatomy-region .region-hit{stroke:transparent;stroke-width:1.5}.anatomy-region.active .region-hit,.anatomy-region:focus-visible .region-hit{stroke:#ffc59f;stroke-dasharray:4 4}.region-number-dot{fill:#e9764c;stroke:#fff6df;stroke-width:.5}.anatomy-artwork .region-number{fill:white;font-family:Arial,sans-serif;font-weight:bold}.composition-inset{pointer-events:none}.anatomy-page-copy{width:100%;order:2;color:#475d40}.anatomy-page-copy b{display:block;font-size:14px;line-height:1.5;margin-bottom:12px;font-family:Georgia,serif}.anatomy-page-copy i{display:block;height:5px;border-radius:3px;background:#e7ebdf;margin:7px 0}.anatomy-page-copy i:nth-of-type(2){width:83%}.anatomy-page-copy em{display:block;height:45px;background:#edf1e5;border-radius:4px;margin:13px 0}.anatomy-browser-footer{font-size:7px;line-height:1.5;text-align:center;padding:8px;border-top:1px solid #e2e7dc;color:#819170}.anatomy-tall .anatomy-browser-content{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr);align-items:start;padding:28px 17px}.anatomy-tall .anatomy-page-copy{order:0;padding-top:28px}.anatomy-tall .anatomy-canvas-wrap{width:min(100%,calc(410px * var(--mock-ratio)));justify-self:end}.anatomy-tall .is-feed .anatomy-browser-content{display:flex}.anatomy-tall .is-feed .anatomy-canvas-wrap{width:min(100%,calc(370px * var(--mock-ratio)))}.is-feed .anatomy-page-copy{display:none}.anatomy-explanation{border-top:1px solid #cbd5be;padding-top:18px;font-size:12px;line-height:1.7;color:#53634a}.anatomy-explanation>strong{font-family:Manrope,Arial,sans-serif;font-size:12px}.anatomy-explanation p{font-size:12px!important;line-height:1.8!important;margin:6px 0 0!important}.banner-anatomy .anatomy-disclosure{font-size:9px!important;color:#7e8d71;line-height:1.7!important;margin:14px 0 0!important}.banner-anatomy[data-view=flat] .anatomy-mock{animation:none;transform:none;box-shadow:3px 5px 0 #cbd7bd}.anatomy-paused .anatomy-mock{animation-play-state:paused}.banner-anatomy[data-focus=space] .composition-inset{stroke:#ffc59f;stroke-width:2}.anatomy-hero{margin:35px 0 0!important}.anatomy-hero .anatomy-stage{grid-template-columns:minmax(120px,1fr) minmax(0,2.4fr) minmax(120px,1fr);gap:45px}.anatomy-hero .anatomy-note strong{font-size:14px}.anatomy-hero .anatomy-note small{font-size:12px}.anatomy-hero .anatomy-browser-content{padding:30px}.anatomy-hero .anatomy-page-copy b{font-size:22px}.anatomy-hero .anatomy-page-copy em{height:100px}.anatomy-hero .anatomy-tall .anatomy-canvas-wrap{max-height:430px}.anatomy-home{margin:0;padding:16px;border:0;border-radius:0;background:transparent}.anatomy-home .anatomy-heading .eyebrow,.anatomy-home .anatomy-heading h2,.anatomy-home .anatomy-heading p,.anatomy-home .anatomy-disclosure{display:none}.anatomy-home .anatomy-controls{margin:0 0 10px}.anatomy-home .anatomy-controls button{font-size:9px;padding:6px 8px}.anatomy-home .anatomy-stage{grid-template-columns:minmax(63px,1fr) minmax(0,2.5fr) minmax(63px,1fr);gap:14px;padding:15px 0 25px;min-height:250px}.anatomy-home .anatomy-note{padding:6px 3px 6px 6px}.anatomy-home .anatomy-note strong{font-size:9px}.anatomy-home .anatomy-note small{font-size:8px}.anatomy-home .anatomy-note>span{width:19px;height:19px;font-size:8px}.anatomy-home .anatomy-browser-content{padding:20px 10px 17px}.anatomy-home .anatomy-tall .anatomy-browser-content{padding:20px 10px}.anatomy-home .anatomy-page-copy b{font-size:9px}.anatomy-home .anatomy-browser-bar{padding:6px}.anatomy-home .anatomy-browser-bar small{font-size:6px}.anatomy-home .anatomy-explanation{font-size:10px;padding-top:12px}.anatomy-home .anatomy-explanation p{font-size:10px!important}.anatomy-home .anatomy-explanation>strong{font-size:11px}.anatomy-home .anatomy-notes{gap:14px}.anatomy-home .anatomy-browser-footer{font-size:6px}.anatomy-home.anatomy-tall .anatomy-canvas-wrap{width:min(100%,calc(300px * var(--mock-ratio)))}
@keyframes anatomy-float{0%,100%{transform:perspective(1100px) rotateY(-11deg) rotateX(4deg) translateY(0)}50%{transform:perspective(1100px) rotateY(-6deg) rotateX(2deg) translateY(-5px)}}@media(prefers-reduced-motion:reduce){.anatomy-mock{animation:none!important}}.no-motion .anatomy-mock{animation:none!important}
@media(max-width:650px){.banner-anatomy{padding:18px 14px}.anatomy-heading h2{font-size:22px!important}.anatomy-stage,.anatomy-hero .anatomy-stage{grid-template-columns:minmax(0,1fr);gap:20px;padding:23px 0}.anatomy-browser{order:0;width:100%;max-width:420px;justify-self:center}.anatomy-notes{order:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.anatomy-notes-right{order:2;grid-template-columns:repeat(2,minmax(0,1fr))}.anatomy-connectors{display:none}.anatomy-note{padding:6px;font-size:10px}.anatomy-note strong,.anatomy-hero .anatomy-note strong{font-size:11px}.anatomy-note small,.anatomy-hero .anatomy-note small{font-size:10px}.anatomy-hero .anatomy-browser-content{padding:25px 20px}.anatomy-home{padding:14px 10px}.anatomy-home .anatomy-stage{grid-template-columns:minmax(0,1fr);min-height:0}.anatomy-home .anatomy-browser{max-width:290px}.anatomy-home .anatomy-notes{grid-template-columns:repeat(3,minmax(0,1fr))}.anatomy-home .anatomy-notes-right{grid-template-columns:repeat(2,minmax(0,1fr))}.anatomy-home .anatomy-note strong{font-size:10px}.anatomy-home .anatomy-note small{font-size:9px}.anatomy-home .anatomy-browser-content{padding:22px 18px}.anatomy-home .anatomy-page-copy b{font-size:14px}.anatomy-home .anatomy-browser-bar small{font-size:8px}}

.anatomy-artwork{overflow:hidden;border-radius:3px}

.anatomy-hero.anatomy-tall .anatomy-canvas-wrap{width:min(100%,calc(520px * var(--mock-ratio)))}
