.archive-projection{position:relative;isolation:isolate;overflow:hidden;margin:18px 0 30px;padding:20px clamp(18px,3vw,36px) 0;border:1px solid #c7ad7e;border-radius:18px;background:linear-gradient(90deg,#211a12a8,#33251859 55%,#261d13a3),url('/backgrounds/atelier-day.webp') center/cover;color:#3a2b1e;box-shadow:0 20px 48px #30211548}
.archive-projection:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 34%,#ffe9ae50,transparent 62%)}
.projection-header{position:relative;z-index:2;display:flex;justify-content:space-between;gap:16px;color:#fff1cf;font:600 13px/1.5 'STKaiti','KaiTi',var(--serif);letter-spacing:.09em;text-shadow:0 2px 5px #211607}
.projection-stage{position:relative;padding:34px 5% 205px}
.projection-display{position:relative;z-index:2;display:grid;grid-template-columns:minmax(140px,34%) minmax(0,1fr);align-items:center;gap:clamp(18px,4vw,52px);max-width:820px;min-height:300px;margin:auto;padding:24px clamp(22px,4vw,52px);border:1px solid #c5a86c;border-radius:8px 20px 12px 18px;background:linear-gradient(120deg,#fff9e9f2,#f3e5c9f0);box-shadow:0 15px 35px #20140875,inset 0 0 0 5px #fffaf17a;transform:rotate(-.35deg)}
.projection-display:before{content:"";position:absolute;inset:12px;border:1px solid #ad8c535c;border-radius:3px 12px 5px 10px;pointer-events:none}
.projection-display:after{content:"✦";position:absolute;right:19px;top:13px;color:#b58a4d;font-size:18px}
.projection-figure{position:relative;min-height:245px;align-self:stretch;display:flex;align-items:flex-end;justify-content:center;overflow:hidden;border:1px solid #bc9c6b88;border-radius:48% 48% 5px 5px;background:radial-gradient(ellipse at 50% 36%,#fff8df,#d7c39c 72%)}
.projection-figure img{display:block;width:100%;height:100%;max-height:330px;object-fit:contain;object-position:center bottom;filter:sepia(.2) contrast(.95);mask-image:linear-gradient(#000 82%,transparent)}
.projection-monogram{align-self:center;text-align:center;color:#765634}.projection-monogram span{display:block;font:700 clamp(80px,9vw,125px)/1 'STKaiti','KaiTi',var(--serif)}.projection-monogram small{font-size:12px;letter-spacing:.16em}
.projection-details{position:relative;min-width:0;padding:8px 0;font-family:'STKaiti','KaiTi',var(--serif)}
.projection-index{font-size:12px;letter-spacing:.12em;color:#8a6337}.projection-details h2{margin:9px 0 0;font:800 clamp(36px,4.4vw,62px)/1.18 'STKaiti','KaiTi',var(--serif);color:#3f2b1b}.projection-en{margin:0 0 12px;font:italic 13px/1.4 Georgia,serif;color:#8b6a46}.projection-intro{max-width:48ch;margin:0;color:#4d3929;font:500 clamp(15px,1.5vw,18px)/1.7 'STKaiti','KaiTi',var(--serif)}.projection-meta{display:flex;flex-wrap:wrap;gap:7px;margin:13px 0}.projection-meta span{border:1px solid #bca376;border-radius:20px;padding:3px 9px;color:#6c5439;font:12px/1.4 'STKaiti','KaiTi',var(--serif)}.projection-open{border:1px solid #8a663e;border-radius:5px;padding:9px 15px;background:#765433;color:#fff4d8;font:700 13px 'STKaiti','KaiTi',var(--serif);cursor:pointer}.projection-open:hover,.projection-open:focus-visible{background:#50351f;outline:2px solid #634624;outline-offset:3px}
.projection-witch{position:absolute;z-index:3;left:50%;bottom:-12px;width:185px;height:280px;object-fit:contain;object-position:center bottom;transform:translateX(-50%);filter:drop-shadow(0 5px 9px #1c120a9c);pointer-events:none}
.projection-sparkles{position:absolute;z-index:1;left:50%;bottom:145px;width:220px;height:260px;transform:translateX(-50%);pointer-events:none;background:radial-gradient(ellipse at 50% 85%,#fff1b275,transparent 66%)}
@media(max-width:760px){.projection-stage{min-height:0;padding:28px 0 150px}.projection-display{grid-template-columns:minmax(105px,33%) minmax(0,1fr);gap:16px;padding:18px}.projection-figure{min-height:220px}.projection-details h2{font-size:clamp(29px,7vw,43px)}.projection-intro{font-size:14px}.projection-meta{display:none}.projection-witch{width:155px;height:235px}.projection-header span:last-child{display:none}}
@media(max-width:430px){.archive-projection{padding:15px 12px 0}.projection-stage{padding:20px 0 130px}.projection-display{grid-template-columns:95px minmax(0,1fr);gap:10px;min-height:245px;padding:14px}.projection-figure{min-height:190px}.projection-details h2{font-size:29px}.projection-en{font-size:10px}.projection-intro{font-size:12px;line-height:1.5}.projection-open{padding:7px 9px;font-size:11px}.projection-witch{width:135px;height:205px}.projection-index{font-size:10px}}