.glass-folders{isolation:isolate;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:64px auto 0;padding-top:155px;display:grid}.glass-folder{perspective:1000px;z-index:1;min-width:0;height:185px;position:relative}.glass-folder.is-open{z-index:5}.glass-folder-back{background:linear-gradient(145deg,#c3a27e,#987357);border-radius:14px 20px 20px;position:absolute;inset:0;box-shadow:0 12px 24px #65453518}.glass-folder-back:before{content:"";background:#b99772;border-radius:12px 12px 0 0;width:46%;height:24px;position:absolute;top:-15px;left:0}.glass-folder-front{-webkit-backdrop-filter:blur(9px);transform-origin:bottom;pointer-events:none;z-index:4;background:linear-gradient(120deg,#fff8eab3,#e4ccb27a);border:1px solid #fff9ed88;border-radius:17px;transition:transform .65s cubic-bezier(.2,.75,.2,1),opacity .5s;position:absolute;inset:23px 0 0;box-shadow:inset 0 1px #fff9,0 8px 16px #62452914}.glass-folder.is-open .glass-folder-front{opacity:.76;transform:rotateX(-28deg)}.glass-folder-toggle{z-index:6;color:#4d3526;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:0 0 17px 17px;align-items:center;gap:10px;width:100%;height:78px;padding:18px;font-family:inherit;display:flex;position:absolute;inset:auto 0 0}.glass-folder-toggle>span:first-child{letter-spacing:.08em;opacity:.7;font-size:11px}.glass-folder-toggle strong{letter-spacing:-.04em;font-size:19px}.glass-folder-sign{margin-left:auto;font-size:23px;font-weight:300}.glass-folder-toggle:focus-visible{outline-offset:5px;outline:3px solid #654535}.glass-folder-files{pointer-events:none;z-index:3;width:100%;height:250px;transition:width .65s cubic-bezier(.2,.75,.2,1);position:absolute;bottom:65px;left:50%;transform:translate(-50%)}.glass-folder-sheet{box-sizing:border-box;opacity:0;overflow-wrap:anywhere;background:#fffcf6;border:1px solid #e5d6c2;border-radius:11px;width:100%;height:100%;padding:18px 13px;transition:transform .65s cubic-bezier(.2,.75,.2,1),opacity .35s;position:absolute;bottom:0;left:0;transform:translateY(64px)scale(.82);box-shadow:0 4px 15px #4b352b18}.glass-folder-sheet.sheet-0{z-index:1;transform:translate(-5px,65px)rotate(-6deg)scale(.82)}.glass-folder-sheet.sheet-1{z-index:2;transform:translate(2px,65px)rotate(3deg)scale(.82)}.glass-folder-sheet.sheet-2{z-index:3}.glass-folder.is-open .glass-folder-files{width:clamp(360px,37vw,510px)}.glass-folder:first-child .glass-folder-files{left:0;transform:none}.glass-folder:last-child .glass-folder-files{left:auto;right:0;transform:none}.glass-folder.is-open .glass-folder-sheet{opacity:1;width:33.333%}.glass-folder.is-open .sheet-0{transform:translateY(-83px)rotate(-5deg)}.glass-folder.is-open .sheet-1{transform:translate(100%,-99px)rotate(0)}.glass-folder.is-open .sheet-2{transform:translate(200%,-86px)rotate(5deg)}.glass-sheet-label{color:#8c7862;word-break:keep-all;min-height:34px;margin:0 0 19px;font-size:11px;font-weight:650;line-height:1.6}.glass-folder-sheet h3{letter-spacing:-.04em;color:#514031;word-break:keep-all;margin:0;font-size:15px;line-height:1.6}.glass-sheet-body{color:#85715e;word-break:normal;margin:10px 0 0;font-size:13px;line-height:1.8}.glass-folder-sheet.is-featured{background:linear-gradient(145deg,#805940,#50382d);border-color:#9e7a54;box-shadow:0 7px 20px #50382d33,inset 0 1px #d6b68566}.glass-folder-sheet.is-featured .glass-sheet-label{color:#ecd3af}.glass-folder-sheet.is-featured h3{color:#fff8e9;font-weight:850}.glass-folder-sheet.is-featured .glass-sheet-body{color:#efdfc9}@media (max-width:1100px) and (min-width:769px){.glass-folders{gap:14px}.glass-folder-toggle{gap:6px;padding:13px}.glass-folder-toggle strong{font-size:16px}}@media (max-width:768px){.glass-folders{grid-template-columns:minmax(0,1fr);gap:35px;max-width:440px;margin-top:39px;padding-top:0}.glass-folder{height:145px;margin-top:15px;transition:height .65s cubic-bezier(.2,.75,.2,1)}.glass-folder.is-open{height:400px}.glass-folder-back{height:145px;top:auto}.glass-folder-front{height:120px;top:auto}.glass-folder-toggle{height:70px;padding-inline:22px}.glass-folder-toggle strong{font-size:20px}.glass-folder-files{width:100%;height:225px;bottom:60px;left:0;transform:none!important}.glass-folder.is-open .glass-folder-files{width:calc(100% - 10px);left:5px;right:auto}.glass-folder.is-open .sheet-0{transform:translateY(-80px)rotate(-3deg)}.glass-folder.is-open .sheet-1{transform:translate(100%,-92px)}.glass-folder.is-open .sheet-2{transform:translate(200%,-80px)rotate(3deg)}.glass-folder-sheet{padding:16px 10px}.glass-sheet-label{margin-bottom:14px;font-size:11px}.glass-folder-sheet h3{font-size:14px;line-height:1.65}.glass-sheet-body{font-size:12px;line-height:1.8}}@media (prefers-reduced-motion:reduce){.glass-folder,.glass-folder-front,.glass-folder-files,.glass-folder-sheet{transition:none}}.glass-folder-stamp{color:#803f3d;letter-spacing:.07em;white-space:nowrap;opacity:.7;mix-blend-mode:multiply;text-shadow:.4px .3px #803f3d40;border:2px solid;border-radius:3px;justify-content:center;align-items:center;max-width:calc(100% - 34px);min-height:27px;padding:3px 8px;font-size:10px;font-weight:850;line-height:1.3;transition:transform .5s,opacity .5s;display:flex;position:absolute;top:17px;right:15px;transform:rotate(-8deg);box-shadow:inset 0 0 0 2px #f5dfbd55,0 0 0 1px #803f3d18}.glass-folder-stamp:after{content:"";pointer-events:none;opacity:.6;background:repeating-linear-gradient(173deg,#0000 0 7px,#f4e5cf80 7px 7.6px,#0000 7.6px 13px);border-radius:3px;position:absolute;inset:-2px}.glass-folder.is-open .glass-folder-stamp{opacity:.92;transform:rotate(-5deg)translateY(-2px)}@media (max-width:1100px) and (min-width:769px){.glass-folder-stamp{letter-spacing:.03em;padding-inline:5px;font-size:8px;right:11px}}@media (max-width:768px){.glass-folder-stamp{letter-spacing:.08em;min-height:25px;padding:3px 9px;font-size:10px;top:14px;right:19px}}@media (prefers-reduced-motion:reduce){.glass-folder-stamp{transition:none}}.glass-pen-title{-webkit-box-decoration-break:clone;box-decoration-break:clone;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 9' preserveAspectRatio='none'%3E%3Cpath d='M2 6Q32 2 59 5T118 3M7 8Q52 5 110 6' fill='none' stroke='%23ce7b70' stroke-width='2' stroke-linecap='round' opacity='.9'/%3E%3C/svg%3E");background-position:0 100%;background-repeat:no-repeat;background-size:100% 8px;padding-bottom:3px}.glass-pen-curl{width:34px;height:22px;margin:4px 0 0 auto;display:block;overflow:visible;transform:rotate(-7deg)}.glass-pen-curl path{stroke:#ce7b70;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:95;stroke-dashoffset:95px;transition:stroke-dashoffset .7s .2s}.glass-folder.is-open .glass-pen-curl path{stroke-dashoffset:0}.glass-folder-sheet.is-featured h3{position:relative}.glass-folder-sheet.is-featured .glass-sheet-body{margin-top:5px}@media (prefers-reduced-motion:reduce){.glass-pen-curl path{stroke-dashoffset:0;transition:none}}.glass-folder-files{height:320px}.glass-folder-sheet{padding-bottom:20px;overflow:hidden}.glass-folder-sheet h3,.glass-sheet-label,.glass-sheet-body{overflow-wrap:anywhere;min-width:0;max-width:100%}.glass-pen-curl{flex-shrink:0;width:32px;height:25px;margin:7px 3px 4px auto;overflow:hidden}.glass-pen-curl path{stroke-dasharray:160;stroke-dashoffset:160px}.glass-pen-curl.pen-mark-heart{width:29px;transform:rotate(-11deg)}.glass-pen-curl.pen-mark-star{width:27px;transform:rotate(9deg)}.glass-pen-curl.pen-mark-circle{width:33px;transform:rotate(-4deg)}.glass-pen-curl.pen-mark-underline{width:38px;transform:rotate(4deg)}.glass-pen-title.pen-title-1{background-position:0 calc(100% - 1px);background-size:100% 6px}.glass-pen-title.pen-title-2{background-size:100% 9px}.glass-pen-title.pen-title-3{background-image:none;border-bottom:2px solid #ce7b7099;border-radius:0 0 40% 15%;padding-bottom:2px}@media (min-width:769px){.glass-folders{padding-top:225px}}@media (max-width:768px){.glass-folder-files{height:310px}.glass-folder.is-open{height:480px}.glass-folder-sheet{padding:16px 10px 20px}.glass-folder-sheet h3{font-size:13px;line-height:1.65}.glass-sheet-body{font-size:12px;line-height:1.75}}@media (prefers-reduced-motion:reduce){.glass-pen-curl path{stroke-dashoffset:0}}
