/* Interactive archive controls: frosted front leaf, two offset case documents. */
.solutions{--folder-rgb:190,210,106;--folder-solid:#bfd36f;--folder-ink:#283524;--folder-muted:#46583a}
.solutions-top{flex-wrap:wrap;gap:20px}.solutions-top>span{margin-left:auto}
#case-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;perspective:none;overflow:visible;padding:12px 0 0}
.folder-case{min-width:0}.folder-trigger{display:block;position:relative;width:100%;height:330px;border:0;background:transparent;text-align:left;padding:20px 36px 36px 5px;perspective:1100px;cursor:pointer;-webkit-tap-highlight-color:transparent}.folder-trigger:focus-visible{outline:2px solid #263f36;outline-offset:7px;border-radius:15px}
.folder-object{display:block;position:relative;width:100%;height:100%;max-width:240px;margin:auto;transform-style:preserve-3d;transform:rotateX(var(--tilt-x,0deg)) rotateY(calc(-12deg + var(--tilt-y,0deg))) rotateZ(-2deg);transition:transform .5s cubic-bezier(.22,1,.36,1)}
.folder-back,.folder-cover,.folder-paper,.folder-note{position:absolute;display:block;inset:0;border-radius:16px;transform-origin:0 50%}.folder-back{background:var(--folder-solid);transform:translateZ(-5px) translateX(9px);box-shadow:7px 12px 25px #29382b12;transition:background-color .5s}
.folder-note{inset:9px 5px 15px 14px;background:#fffdf2;padding:20px 14px;color:#3e453a;transform:translateZ(1px) rotate(3deg);transition:transform .65s cubic-bezier(.22,1,.36,1);border:1px solid #deddd0;overflow:hidden}.folder-note small{font:9px monospace;display:block;margin-bottom:25px}.folder-note strong{display:block;font-size:16px;margin-bottom:14px}.folder-note>span{font-size:12px;line-height:1.8}
.folder-paper{inset:25px -2px 13px 21px;padding:9px;background:#fffaf0;border:1px solid #dbdbca;border-radius:4px;box-shadow:0 4px 9px #17231519;transform:translateZ(5px) translateX(5px) rotate(5deg);transition:transform .7s cubic-bezier(.22,1,.36,1),opacity .3s;overflow:hidden}.folder-paper img{width:100%;height:64%;object-fit:cover;display:block;filter:saturate(.8);border:3px solid #fffaf0;outline:1px dashed #c0c5b6}.folder-paper>span{display:block;padding-top:13px;font-size:16px;font-weight:700;color:#263f36}.folder-paper small{display:block;font:8px monospace;margin-top:6px;letter-spacing:.5px}.folder-paper>b{position:absolute;right:13px;bottom:11px;font-size:20px;color:#263f36}
.folder-cover{padding:21px 18px;color:var(--folder-ink);background:rgba(var(--folder-rgb),.68);backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%);border:1px solid #ffffff45;box-shadow:inset 0 1px 7px #ffffff55,1px 2px 3px #0002;transform:translateZ(15px) rotateY(-4deg);transition:transform .7s cubic-bezier(.22,1,.36,1),background-color .5s,color .5s;backface-visibility:hidden}
.folder-index{font:9px monospace;letter-spacing:1px;opacity:.75}.folder-cover-title{position:absolute;left:18px;right:12px;bottom:42px;font-size:21px;font-weight:700;letter-spacing:-.5px}.folder-cover-title small{display:block;font-size:11px;font-weight:400;letter-spacing:0;color:var(--folder-muted);margin-top:8px;transition:color .5s}.folder-lines{position:absolute;left:18px;right:18px;bottom:19px;height:8px;border-block:1px solid currentColor;opacity:.17}.folder-caption{font-size:13px;color:#606650;line-height:1.8;margin:21px 7px 14px;min-height:47px}
@media(hover:hover){.folder-trigger:hover .folder-cover{transform:translateZ(15px) rotateY(-33deg)}.folder-trigger:hover .folder-paper{transform:translate3d(40px,-5px,9px) rotate(11deg)}.folder-trigger:hover .folder-note{transform:translate3d(17px,-15px,2px) rotate(-6deg)}}
.folder-trigger:focus-visible .folder-cover,.folder-trigger.is-open .folder-cover{transform:translateZ(15px) rotateY(-33deg)}.folder-trigger:focus-visible .folder-paper{transform:translate3d(40px,-5px,9px) rotate(11deg)}.folder-trigger.is-open .folder-paper{transform:translate3d(42px,-45px,9px) rotate(-6deg);opacity:0}
#case-dialog{border-radius:16px;box-shadow:0 24px 90px #14251d38;transform-origin:center}#case-dialog::backdrop{background:#26332c77;backdrop-filter:blur(5px)}
@supports not (backdrop-filter:blur(1px)){.folder-cover{background:rgba(var(--folder-rgb),.93)}}
@media(max-width:1100px){#case-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px}.folder-trigger{height:345px;padding-right:52px}.folder-object{max-width:240px}.folder-caption{min-height:0}.solutions-top>span{margin-left:0}}
@media(max-width:600px){#case-grid{grid-template-columns:1fr;gap:34px;padding-top:10px}.folder-trigger{height:330px;padding:20px 54px 32px 20px;max-width:330px;margin:auto}.folder-caption{max-width:310px;margin-left:auto;margin-right:auto}.folder-object{max-width:230px}}
@media(prefers-reduced-motion:reduce){.folder-object{transform:none}.folder-object,.folder-cover,.folder-paper,.folder-note{transition:none!important}}