#top-header{background:#5d574e}
#main-header #logo{max-height:64px!important;max-width:184px!important}
#main-content.kpm-anatomy-page{background:#f7f4ed;color:#302c27;font:17px/1.7 'Open Sans',Arial,sans-serif}
.kpm-anatomy-page *{box-sizing:border-box}
.kpm-anatomy-intro{display:grid;grid-template-columns:1.6fr 1fr;gap:64px;align-items:center;padding:48px max(6%,calc((100% - 1280px)/2));background:#eae1d0}
.kpm-anatomy-intro>div>span,.kpm-anatomy-breadcrumb{font-size:14px;color:#5d574e}
.kpm-anatomy-page a{text-decoration:underline;text-underline-offset:4px;color:#514433}
.kpm-anatomy-page h1,.kpm-anatomy-page h2{font-family:'Abril Fatface',Georgia,serif;font-weight:400;color:#14110e;letter-spacing:0}
.kpm-anatomy-page h1{font-size:clamp(34px,3.8vw,60px);line-height:1.08;margin:18px 0 24px;padding:0}
.kpm-anatomy-page h2{font-size:clamp(27px,2.5vw,38px);line-height:1.2;margin:0 0 20px;padding:0}
.kpm-anatomy-page p{max-width:46em;padding:0;margin:0 0 22px}
.kpm-anatomy-intro-actions{display:flex;flex-direction:column;align-items:flex-start;gap:20px}
.kpm-anatomy-page .kpm-anatomy-button{display:inline-flex;align-items:center;gap:24px;min-height:52px;padding:14px 24px;background:#14110e;color:white;font-weight:700;font-size:14px;letter-spacing:.05em;text-transform:uppercase;text-decoration:none;border:2px solid #14110e;border-radius:2px}
.kpm-anatomy-page .kpm-anatomy-button:hover{background:#514433;border-color:#514433}
.kpm-anatomy-page :focus-visible{outline:3px solid #897240;outline-offset:5px}
.kpm-anatomy-exhibit{padding:0 max(24px,3vw) 40px;scroll-margin-top:100px;background:#eae1d0}
.kpm-anatomy-caption{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:16px 0;font-size:14px;color:#5d574e}
.kpm-anatomy-caption a{padding:10px 0;min-height:44px}
#anatomy-exhibit{display:block;width:100%;height:clamp(520px,calc(100svh - var(--demo-reserved-height,210px)),800px);border:0;border-radius:0 0 4px 4px;background:#0c1318}
.kpm-demo-shell{scroll-margin-top:var(--demo-header-height,118px)}
.kpm-anatomy-about{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding:72px max(6%,calc((100% - 1280px)/2))}
.kpm-demo-shell{max-width:1440px;margin:auto;border-radius:6px;overflow:hidden}
.kpm-anatomy-page [hidden]{display:none!important}
.kpm-anatomy-page .kpm-demo-preview{display:block;position:relative;color:white;text-decoration:none;background:#111b21}
.kpm-demo-preview img{display:block;width:100%;height:auto;filter:brightness(.65)}
.kpm-demo-start{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;padding:20px;text-align:center;background:linear-gradient(transparent,#08131860)}
.kpm-demo-start b{display:grid;place-items:center;width:72px;height:72px;border-radius:50%;background:#eae1d0;color:#14110e;font-size:30px}
.kpm-demo-start strong{font-size:clamp(23px,3vw,38px);line-height:1.3;text-shadow:0 2px 8px #000}
.kpm-demo-start>span{font-size:16px;text-shadow:0 1px 5px #000}
.kpm-demo-preview:hover .kpm-demo-start b{background:#fff}
.kpm-demo-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:12px;padding:12px;background:#141d21;color:#f7f4ed}
.kpm-demo-toolbar>span{margin-right:auto;font-size:15px}
.kpm-demo-toolbar button,.kpm-demo-gate{font:inherit;cursor:pointer}
.kpm-demo-toolbar button{min-height:48px;padding:10px 16px;background:#eae1d0;border:0;border-radius:4px;color:#14110e;font-size:15px}
.kpm-demo-viewport{position:relative}
.kpm-demo-gate{position:absolute;z-index:2;inset:0;width:100%;border:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;background:#071317c9;color:#fff;touch-action:pan-y}
.kpm-demo-gate strong{font-size:26px}.kpm-demo-gate span{font-size:17px}
.kpm-anatomy-page .kpm-demo-note{font-size:14px;margin:14px auto 0;max-width:1440px;color:#514433}
.kpm-anatomy-features,.kpm-anatomy-faq{padding:48px max(6%,calc((100% - 1280px)/2))}
.kpm-anatomy-features{background:#eae1d0}
.kpm-anatomy-feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:24px;margin-top:32px}
.kpm-anatomy-feature-grid article{padding:24px;background:#f7f4ed;border-radius:4px}
.kpm-anatomy-page h3{font-size:21px;line-height:1.4;color:#14110e}
.kpm-anatomy-faq details{border-bottom:1px solid #c9bfad;padding:8px 0}
.kpm-anatomy-faq summary{cursor:pointer;padding:18px 4px;font-weight:700;min-height:56px}
.kpm-anatomy-faq details p,.kpm-anatomy-faq details>a{margin:0 0 24px 4px}
@media(max-width:980px){.kpm-anatomy-intro{gap:32px;padding-top:36px;padding-bottom:24px}.kpm-anatomy-about{gap:32px}}
@media(max-width:600px){.kpm-anatomy-intro,.kpm-anatomy-about{grid-template-columns:1fr;gap:24px;padding:28px 20px}.kpm-anatomy-intro-actions{gap:12px}.kpm-anatomy-exhibit{padding:0 20px 28px}.kpm-anatomy-caption{padding:8px 0;font-size:14px;flex-wrap:wrap}.kpm-anatomy-about{padding-top:40px;padding-bottom:40px}.kpm-demo-start{gap:8px}.kpm-demo-start b{width:48px;height:48px;font-size:23px}.kpm-demo-start>span{font-size:14px}}

@media(max-width:1000px){
 #cookie-notice .cn-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 14px!important;line-height:1.4}
 #cookie-notice .cn-close-icon{width:44px;height:44px;right:0;top:0;margin:0}
 #cookie-notice .cn-close-icon:before,#cookie-notice .cn-close-icon:after{top:21px;left:12px}
 #cookie-notice .cookie-notice-container{padding:20px 24px 16px}
 #cookie-notice .cn-text-container{padding-right:12px}
}