.archiveCabinet{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2.4vw,38px);margin-top:4px;padding-bottom:26px;display:grid}.physicalFolder{--folder-fill:#b8dfc8;--folder-ink:#053264;--folder-edge:#a2cdb4;min-width:0}.physicalFolder--ocean{--folder-fill:#12689f;--folder-ink:#fffdfa;--folder-edge:#0a5688}.physicalFolder--lemon{--folder-fill:#fcf6db;--folder-edge:#e8e0bb}.physicalFolderStage{perspective:1800px;isolation:isolate;height:clamp(365px,30vw,430px);position:relative}.physicalFolderBack{border:1px solid var(--folder-edge);background:var(--folder-fill);color:var(--folder-ink);border-radius:3px 12px 12px;position:absolute;inset:118px 0 0}.physicalFolderBack:before{content:"";background:var(--folder-fill);border:1px solid var(--folder-edge);transform-origin:0 100%;border-bottom:0;border-radius:12px 15px 0 0;width:53%;height:30px;position:absolute;top:-29px;left:-1px;transform:skew(-10deg)}.physicalFolderBack>span{width:calc(53% - 26px);height:29px;font:9px/1.2 var(--sans);letter-spacing:.08em;text-transform:uppercase;align-items:center;display:flex;position:absolute;top:-29px;left:12px}.physicalFolderPaper{z-index:1;color:#053264;transform-origin:50% 95%;pointer-events:none;background:#fffdf5;border:1px solid #d8d4c9;border-radius:3px;width:86%;height:calc(100% - 150px);padding:20px;transition:transform .7s cubic-bezier(.2,.75,.2,1);position:absolute;top:130px;left:7%;box-shadow:0 2px 5px #243c4610}.physicalFolderPaper--back{background:#e9e5d9;transform:translateY(-3px)rotate(-2deg)}.physicalFolderPaper--middle{background:#f5f0e4;transform:translateY(0)rotate(1.5deg)}.physicalFolderPaper--back>span,.physicalFolderPaper--middle>span{font:8px/1 var(--sans);letter-spacing:.14em}.physicalFolderPaper i{background:#05326424;width:80%;height:1px;margin-top:13px;display:block}.physicalFolderPaper i:last-child{width:55%}.physicalFolderPaper--main{z-index:2;padding:22px 24px;transform:translateY(5px)}.physicalFolderPaperEyebrow{font:8px/1.4 var(--sans);letter-spacing:.14em;display:block}.physicalFolderPaper--main h3{letter-spacing:-.035em;max-width:220px;margin:17px 0 12px;font-size:clamp(25px,2.3vw,36px);line-height:.98}.physicalFolderPaperCategory{font:10px/1.5 var(--sans);display:block}.physicalFolderView{color:#053264;width:100%;font:11px/1.2 var(--sans);text-align:left;visibility:hidden;background:0 0;border:0;border-top:1px solid #05326430;justify-content:space-between;align-items:center;margin-top:20px;padding:10px 0;display:flex}.physicalFolderView>span{font-size:18px}.physicalFolderCover{z-index:3;border:1px solid var(--folder-edge);background:var(--folder-fill);width:100%;color:var(--folder-ink);text-align:left;transform-origin:bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:10px 10px 12px 12px;flex-direction:column;align-items:flex-start;padding:24px 26px 22px;transition:transform .7s cubic-bezier(.2,.75,.2,1),box-shadow .7s;display:flex;position:absolute;inset:148px 0 0;overflow:hidden}.physicalFolderCover:after{content:"";pointer-events:none;background:linear-gradient(#0000 80%,#05326408);position:absolute;inset:0}.physicalFolderNumber{font:11px/1 var(--sans);letter-spacing:.1em}.physicalFolderTitle{max-width:280px;font:400 clamp(37px, 4vw, 61px)/.94 var(--serif);letter-spacing:-.05em;margin-top:27px}.physicalFolderAction{width:100%;font:9px/1 var(--sans);text-transform:uppercase;letter-spacing:.12em;justify-content:space-between;align-items:center;margin-top:auto;padding-top:22px;display:flex}.physicalFolderAction>span{font:22px/1 var(--sans)}.physicalFolderCover:focus-visible{outline-offset:5px;outline:2px solid #053264}.physicalFolderView:focus-visible{outline-offset:4px;outline:2px solid #053264}@media (hover:hover) and (pointer:fine){.physicalFolder:not([data-open=true]):hover .physicalFolderCover{transform:rotateX(-12deg)}.physicalFolder:not([data-open=true]):hover .physicalFolderPaper--back{transform:translateY(-20px)rotate(-3deg)}.physicalFolder:not([data-open=true]):hover .physicalFolderPaper--middle{transform:translateY(-13px)rotate(2deg)}.physicalFolder:not([data-open=true]):hover .physicalFolderPaper--main{transform:translateY(-9px)}}.physicalFolder[data-open=true] .physicalFolderCover{transform:rotateX(-59deg);box-shadow:0 -1px #ffffff42,0 8px 12px #0532640b}.physicalFolder[data-open=true] .physicalFolderPaper--back{transform:translate(-5px,-85px)rotate(-7deg)}.physicalFolder[data-open=true] .physicalFolderPaper--middle{transition-delay:35ms;transform:translate(5px,-92px)rotate(5deg)}.physicalFolder[data-open=true] .physicalFolderPaper--main{pointer-events:auto;transition-delay:70ms;transform:translateY(-107px)}.physicalFolder[data-open=true] .physicalFolderView{visibility:visible}@media (max-width:900px) and (min-width:601px){.archiveCabinet{gap:14px}.physicalFolderCover{padding:21px 17px}.physicalFolderTitle{font-size:37px}.physicalFolderPaper--main{padding:18px 14px}.physicalFolderPaper--main h3{font-size:25px}.physicalFolderBack>span{letter-spacing:.02em;font-size:7px;left:10px}}@media (max-width:600px){.archiveCabinet{grid-template-columns:1fr;gap:0;max-width:460px;margin-inline:auto;padding-bottom:10px}.physicalFolderStage{perspective:3000px;height:374px}.physicalFolderTitle{max-width:85%;margin-top:22px;font-size:54px}.physicalFolderCover{padding:22px 26px}.physicalFolderPaper--main h3{font-size:32px}.physicalFolder+.physicalFolder{margin-top:-30px}}@media (prefers-reduced-motion:reduce){.physicalFolderCover,.physicalFolderPaper{transition:none}.physicalFolder:not([data-open=true]):hover .physicalFolderCover{transform:none}.physicalFolder:not([data-open=true]):hover .physicalFolderPaper--back{transform:translateY(-3px)rotate(-2deg)}.physicalFolder:not([data-open=true]):hover .physicalFolderPaper--middle{transform:rotate(1.5deg)}.physicalFolder:not([data-open=true]):hover .physicalFolderPaper--main{transform:translateY(5px)}}