/* Layered paper, every footer page (linked after typography.css by site-footer.mjs): tokens, raised controls, header and footer sheets, policy cards. */
:root{--lp-ease:cubic-bezier(.22,1,.36,1);--lp-hi:#fffaf3e6;--lp-hair:#4b111b1a;
--lp-raised:inset 0 1px 0 var(--lp-hi),0 1px 2px #4b111b0d,0 3px 6px -2px #4b111b0f,0 14px 30px -18px #4b111b47;
--lp-floating:inset 0 1px 0 var(--lp-hi),0 2px 4px -1px #4b111b12,0 12px 24px -12px #4b111b33,0 34px 70px -30px #4b111b57;
--lp-stack:inset 0 1px 0 var(--lp-hi),0 9px 0 -5px #f5ece0,0 9px 0 -4px #4b111b1f,0 18px 0 -10px #eee3d5,0 18px 0 -9px #4b111b17,0 30px 64px -28px #4b111b61;
--lp-stack-sm:inset 0 1px 0 var(--lp-hi),0 6px 0 -3px #f5ece0,0 6px 0 -2px #4b111b1f,0 12px 22px -14px #4b111b3d;
--lp-sheet:0 -1px 0 #fffaf3f2,0 -8px 18px -12px #4b111b38;
--lp-r:28px;--lp-lap:clamp(30px,2.4vw,46px);--lp-pad:clamp(22px,2.2vw,40px)}
@media(max-width:800px){:root{--lp-r:22px;--lp-lap:26px;--lp-pad:20px}}
/* Controls: highlight, tinted shadow, 2px lift, pressed state (the home hero's CTA keeps the current flat button) */
.button:not(:where(.hero-actions>*)),body .header>a.button.header-cta{box-shadow:inset 0 1px 0 #ffffff24,0 1px 2px #340a122e,0 8px 18px -10px #340a128c;transition:background .25s,border-color .25s,transform .4s var(--lp-ease),box-shadow .4s var(--lp-ease)}
.button:not(:where(.hero-actions>*)):hover,body .header>a.button.header-cta:hover{transform:translateY(-2px);box-shadow:inset 0 1px 0 #ffffff29,0 2px 4px #340a1224,0 14px 26px -12px #340a1299}
.button:not(:where(.hero-actions>*)):active,body .header>a.button.header-cta:active{transform:none;transition-duration:.12s;box-shadow:inset 0 2px 5px #14040847,0 1px 1px #340a121a}
.button-accent:not(:where(.hero-actions>*)){box-shadow:inset 0 1px 0 #ffffff80,0 1px 2px #4b111b1f,0 8px 18px -10px #4b111b66}
.cookie-notice .button-ghost,.cookie-notice .button-ghost:hover{box-shadow:none;transform:none}
.desktop-nav{box-shadow:inset 0 1px 0 #ffffff12,0 1px 2px #340a1238,0 8px 18px -12px #340a128c}
.nav-ink,.desktop-nav a.is-active{box-shadow:inset 0 1px 0 #ffffff1a}
.lite-assessment-banner{background:linear-gradient(180deg,#52141f,#4b111b);box-shadow:inset 0 1px 0 #ffffff0f,inset 0 -1px 0 #14040859}
.lite-banner-button{box-shadow:inset 0 1px 0 #fff,0 1px 2px #1404084c;transition:background .2s,border-color .2s,transform .35s var(--lp-ease),box-shadow .35s var(--lp-ease)}
.lite-banner-button:hover{transform:translateY(-1px);box-shadow:inset 0 1px 0 #fff,0 3px 8px -2px #14040873}
.journey-sample,.offer-chips li,.sheet-columns #capability-measures li{box-shadow:inset 0 1px 0 #ffffffb2,0 0 0 1px var(--lp-hair)}
.journey-select button[aria-pressed="true"]{box-shadow:inset 0 1px 0 #ffffff1f,0 1px 2px #340a1233,0 6px 14px -8px #340a1280}
.journey-select button:hover:not([aria-pressed="true"]){box-shadow:inset 0 1px 0 var(--lp-hi),0 0 0 1px var(--lp-hair)}
/* Header: the top sheet; footer: the desk beneath */
.header,.mini-header{position:relative;z-index:10;background:url(/assets/workshop-paper-v1.svg) 0 0/256px 256px,linear-gradient(180deg,#fffef9,#f7f8f2);box-shadow:0 1px 0 #fff,0 8px 24px -22px #33453666}
.site-footer{background:url(/assets/workshop-paper-v1.svg) 0 0/256px 256px,linear-gradient(180deg,#eeeee6 0,#e8e9e1 180px);border-top-color:#4b111b1f;box-shadow:inset 0 1px 0 #fffaf3d9}
.footer-bottom{border-top-color:#4b111b1f}
/* Policies: the contents card hangs into the gutters, its label level with section 01 */
.policy-main{background:url(/assets/workshop-paper-v1.svg) 0 0/256px 256px,linear-gradient(112deg,#fbfcf7,#f1f3ec);border-bottom:1px solid #d5dacd}
.policy-toc{padding:20px;border:1px solid #4b111b17;border-radius:16px;background:linear-gradient(180deg,#fffcf7,#fff9f1);box-shadow:var(--lp-raised)}
.policy-toc .policy-all{border-top-color:#4b111b1f}
.storage-inventory article{border-radius:14px;background:linear-gradient(180deg,#f1e8dd,#eee4d8);box-shadow:inset 0 1px 0 #fffaf3cc,0 1px 2px #4b111b0d}
@media(min-width:801px){.policy-toc{margin:-20px -20px 0;top:15px}}
@media(max-width:800px){.policy-toc{padding:18px 20px}}
/* Reduced motion: motion-off (motion.js) or site-reduced-motion */
:is(.motion-off,.site-reduced-motion) :is(.button,.lite-banner-button):hover,:is(.motion-off,.site-reduced-motion) body .header>a.button.header-cta:hover{transform:none}
@media(prefers-reduced-motion:reduce){:is(.button,.header-cta,.lite-banner-button):hover{transform:none!important}}
@media print{*,::before,::after{box-shadow:none!important;background-image:none!important}.button,.policy-toc{transform:none!important}}
/* Forced colours: cards keep an edge */
@media(forced-colors:active){.storage-inventory article{border:1px solid CanvasText}}