.projects-section{background:#efefe8;position:relative}
.projects-section .section-top{margin-bottom:25px}
.projects-status{display:flex;align-items:center;gap:10px;color:#61675b;font-size:13px;margin:0 0 34px}
.status-line{height:1px;width:24px;background:#293fc4}
.project-folders{display:grid;grid-template-columns:1.1fr 1fr;gap:32px;align-items:start}
.project-folder{min-width:0;position:relative}
.folder-tab{display:flex;align-items:center;gap:14px;width:fit-content;max-width:100%;padding:11px 24px 10px 18px;background:#293fc4;border:1px solid #293fc4;border-bottom:0;border-radius:4px 16px 0 0;color:#f8f9f2;font-size:12px;font-weight:500;letter-spacing:.09em;line-height:1.5}
.folder-number{font:500 23px/1 'Caveat','Segoe Print',cursive;letter-spacing:0}
.folder-paper{padding:18px 18px 0;background:#fafaf5;border:1px solid #777e70;border-top:3px solid #293fc4;border-radius:0 3px 3px 3px;box-shadow:4px 5px 0 #e0e2d6,5px 6px 0 #aeb4a4;position:relative}
.folder-art{margin-top:40px}
.folder-art .folder-tab{background:#d5e5e8;border-color:#7d9baf;color:#263d85}
.folder-art .folder-paper{border-top-color:#7d9baf}
.project-preview{width:100%;min-width:0;position:relative;min-height:255px;aspect-ratio:1.65;display:flex;align-items:center;justify-content:center;background:#eef0e8;border:1px solid #b3b8a9;isolation:isolate;overflow:hidden;color:#293fc4}
.preview-ux{background-image:linear-gradient(#293fc40a 1px,transparent 1px),linear-gradient(90deg,#293fc40a 1px,transparent 1px);background-size:22px 22px}
.preview-art{background:#e8edef;background-image:radial-gradient(#293fc429 .7px,transparent .7px);background-size:12px 12px}
.preview-ref,.preview-footnote{position:absolute;font-size:11px;letter-spacing:.12em;font-weight:500;line-height:1.5}
.preview-ref{left:17px;top:14px;color:#6e776b}
.preview-footnote{left:15px;right:15px;bottom:17px;text-align:center;color:#596581}
.preview-message{display:flex;flex-direction:column;align-items:center;gap:14px;padding:50px 20px 52px;text-align:center}
.preview-message>.icon{width:29px;height:29px;stroke-width:1.25}
.preview-message .handwritten{font-size:clamp(27px,2.7vw,39px);line-height:1.06;transform:rotate(-3deg)}
.preview-art .handwritten{transform:rotate(2deg)}
.registration{position:absolute;width:12px;height:12px;border-color:#293fc459;border-style:solid;pointer-events:none}
.registration-tl{top:42px;left:14px;border-width:1px 0 0 1px}
.registration-br{bottom:42px;right:14px;border-width:0 1px 1px 0}
.project-description{padding:23px 3px 0}
.project-description h3{font-size:24px;font-weight:500;letter-spacing:-.7px;line-height:1.22;margin:0 0 12px}
.project-description p{font-size:16px;line-height:1.65;color:#5c6256;margin:0;max-width:41ch}
.project-disciplines{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;text-align:left;gap:8px 17px;border-top:1px solid #c5cabb;margin-top:22px;padding:16px 0;color:#4c5d83;font-size:12px}
.project-disciplines span{white-space:nowrap}
.projects-note{text-align:right;color:#293fc4;font-size:25px;margin:35px 5px 0;transform:rotate(-2deg)}
@media(max-width:1000px){.project-folders{gap:24px;grid-template-columns:repeat(2,minmax(0,1fr))}.folder-paper{padding:12px 12px 0}.project-preview{min-height:235px;aspect-ratio:auto}.folder-tab{letter-spacing:.04em;padding-left:14px;padding-right:16px;gap:10px}.project-description h3{font-size:23px}}
@media(max-width:700px){.project-folders{grid-template-columns:minmax(0,1fr);gap:34px}.folder-art{margin-top:0}.project-preview{min-height:245px;aspect-ratio:1.4}.preview-message .handwritten{font-size:34px}.projects-status{margin-bottom:25px}.projects-note{font-size:24px;text-align:left;margin-top:30px}.project-description{padding:21px 5px 0}.folder-tab{font-size:11px}}
@media(max-width:380px){.project-preview{min-height:225px}.preview-message .handwritten{font-size:29px}.folder-paper{padding:9px 9px 0}.folder-tab{font-size:10px;gap:8px}.project-description h3{font-size:22px}}