@import url('https://fonts.googleapis.com/css2?family=Special+Elite&family=Roboto+Condensed:wght@300;400;700&display=swap');
:root{--ink:#211910;--paper:#c5ad81;--red:#8d3026;--amber:#c9a16b;--dark:#14110d}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--dark);color:#eee2ca;font-family:'Roboto Condensed',Arial,sans-serif}
.sitebar{position:absolute;z-index:3;top:0;left:0;right:0;display:flex;justify-content:space-between;gap:15px;padding:22px 4.5vw;font-size:11px;letter-spacing:.15em;color:#e0cba7;text-shadow:0 2px 10px #000}
.sitebar a{color:inherit;text-decoration:none;font-weight:700}.sitebar span{color:#d1b68a}
.hero{min-height:100svh;position:relative;display:flex;align-items:flex-end;background:#1a140e url('homepage-background.png') center/cover no-repeat;overflow:hidden}
.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,7,5,.66),rgba(8,7,5,.28) 42%,transparent 70%),linear-gradient(0deg,rgba(8,7,5,.72),transparent 48%,rgba(8,7,5,.18))}
.hero-copy{position:relative;padding:0 6vw 12vh;max-width:780px}.eyebrow,.issue,.archive-top p,.heading small,.folder small,.folder p,.folder em,.folder b,.record-top p,footer,.hero-foot,.archive-bottom,.paper small{font-family:'Special Elite',monospace}
.eyebrow{color:#d7b783;font-size:12px;letter-spacing:.19em}h1{margin:0;font:400 clamp(48px,7.2vw,102px)/.84 'Special Elite',Georgia,serif;letter-spacing:-.035em;color:#f0dfbd;text-shadow:0 4px 26px #000}h1 span{font-size:.46em;letter-spacing:.06em;white-space:nowrap}
.issue{margin:26px 0 22px;color:#e0cba7;letter-spacing:.16em;font-size:13px}.button{display:inline-block;padding:13px 19px;color:#ead9b8;text-decoration:none;border:1px solid #c39b61;background:#120d08b3;font:12px 'Special Elite',monospace;letter-spacing:.14em}.button:hover{background:#812d23}
.hero-foot{position:absolute;bottom:17px;left:4.5vw;right:4.5vw;display:flex;justify-content:space-between;color:#b9a17e;font-size:9px;letter-spacing:.12em}
.archive{padding:52px clamp(22px,6vw,90px) 32px;color:var(--ink);background:radial-gradient(ellipse at 20% 10%,#fff5d546,transparent 42%),repeating-linear-gradient(7deg,#553a1f09 0,#553a1f09 1px,transparent 1px,transparent 5px),#bba27a;border-top:7px solid #392b1b}
.archive-top{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;padding-bottom:20px;border-bottom:1px solid #392a1873}.archive-top p{margin:0;font-size:12px;letter-spacing:.09em}.archive-top small{display:block;margin-top:7px;font:9px 'Special Elite',monospace}
.stamp{display:inline-block;border:3px double var(--red);color:var(--red);padding:6px 10px;font:700 13px 'Special Elite',monospace;transform:rotate(-5deg);letter-spacing:.08em}
.heading{padding:30px 0 22px}.heading small{color:#684a2c;letter-spacing:.16em}h2{margin:8px 0;font:400 clamp(35px,5vw,58px) 'Special Elite',Georgia,serif}.heading p{font:15px 'Special Elite',monospace}
.folders{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.folder{position:relative;display:flex;flex-direction:column;align-items:flex-start;min-height:245px;padding:32px 19px 18px;text-align:left;color:#2a2015;border:1px solid #7f6542;cursor:pointer;background:radial-gradient(circle at 15% 20%,#ffffff45,transparent 28%),repeating-linear-gradient(0deg,#4a30180b 0,#4a30180b 1px,transparent 1px,transparent 4px),linear-gradient(135deg,#d1bb90,#b59a6c);box-shadow:3px 7px #3827144d,0 12px 18px #281b0e21;transition:transform .2s,box-shadow .2s}
.folder:before{content:'';position:absolute;top:-13px;left:0;width:46%;height:18px;background:#c8b084;border:1px solid #7f6542;border-bottom:0;clip-path:polygon(0 0,80% 0,100% 100%,0 100%)}
.folder:hover,.folder:focus-visible{transform:translateY(-7px) rotate(-.5deg);box-shadow:5px 13px #3827144d,0 18px 25px #281b0e33;outline:2px solid #7e3026;outline-offset:3px}
.folder small{position:absolute;top:8px;right:12px;font-size:9px;color:#5d4529}.folder h3{margin:13px 0 8px;font:400 clamp(23px,2.2vw,32px) 'Special Elite',Georgia,serif}.folder p{font-size:10px;line-height:1.5}.folder b{margin-top:23px;padding:4px 6px;border:2px solid var(--red);color:var(--red);font-size:10px;transform:rotate(-4deg)}.folder em{margin-top:auto;padding-top:25px;font-size:9px;color:#6c2b22;font-style:normal}.folder i{margin-top:24px;font:italic 14px Georgia,serif;color:#4d3925}.folder:nth-child(2){transform:rotate(.5deg)}.folder:nth-child(3){transform:rotate(-.4deg)}.folder:nth-child(4){transform:rotate(.6deg)}
.record{margin:42px auto 10px;max-width:900px}.record-top{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:12px}.record-top p{font-size:11px}.record-top button{border:1px solid #654b2e;background:transparent;padding:8px 11px;color:#382819;font:11px 'Special Elite',monospace;cursor:pointer}
.paper{padding:clamp(25px,5vw,55px);border:1px solid #7b6240;background:repeating-linear-gradient(2deg,#44301b09 0,#44301b09 1px,transparent 1px,transparent 5px),#d0bb91;box-shadow:7px 12px #3b271233;transform:rotate(-.25deg)}.paper h2{margin:20px 0 8px}.paper p{max-width:680px;font-size:18px;line-height:1.65}.paper .note{font:italic 15px Georgia,serif;margin-top:28px}.paper hr{border:0;border-top:1px solid #8b7048;margin:40px 0 12px}
.archive-bottom,footer{display:flex;justify-content:space-between;gap:15px;padding-top:18px;margin-top:48px;border-top:1px solid #392a1873;font-size:9px;letter-spacing:.08em}.archive-bottom{color:#382819}footer{padding:20px 6vw;margin:0;border:0;background:#100e0b;color:#8d7c62}[hidden]{display:none!important}
@media(max-width:900px){.folders{grid-template-columns:repeat(2,minmax(0,1fr))}.folder{min-height:220px}.hero{background-position:58% center}}
@media(max-width:560px){.sitebar{padding:16px 18px;flex-direction:column;gap:6px;font-size:9px}.hero{min-height:92svh;background-position:61% center}.hero-copy{padding:0 22px 13vh}h1{font-size:clamp(44px,12vw,66px)}h1 span{font-size:.42em;white-space:normal}.hero-foot{left:18px;right:18px;font-size:7px}.archive{padding:32px 20px 24px}.stamp{font-size:10px}.folders{gap:14px}.folder{min-height:205px;padding:28px 13px 15px}.folder h3{font-size:23px}.folder p{font-size:9px}.folder b{font-size:8px}.archive-bottom,footer{font-size:7px}}

.dossier-button{margin:8px 0 0}.dossier-button[hidden]{display:none}