#collection-curtain{background:#102d40;color:#f1ede3;box-shadow:0 28px 45px #07182440;transition:grid-template-rows .48s cubic-bezier(.22,1,.36,1),opacity .3s,visibility .48s}
.curtain-inner{padding:0 5vw;max-height:calc(100svh - 90px);overflow-y:auto}
.curtain-top{padding-top:18px;border-bottom:1px dashed #bca57c66;padding-bottom:10px}.curtain-top .eyebrow{color:#d1c1a4;letter-spacing:.2em}.curtain-top button{width:44px;height:44px;border:1px solid #f1ede340;border-radius:50%;font-size:28px;transition:transform .3s}.curtain-top button:hover{transform:rotate(90deg)}
.curtain-lines{gap:18px;padding:24px 0 12px;perspective:1200px}
.curtain-lines .curtain-label{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;min-height:280px;padding:24px 28px;border:1px solid #b9ab8c70;background:#193a4e;color:#f1ede3;overflow:hidden;transform-origin:top;animation:label-unfold .65s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--item)*65ms);transition:background .3s,transform .3s}
.curtain-label:before{content:'';position:absolute;inset:9px;border:1px dashed #d3c1a27a;pointer-events:none;z-index:3}.curtain-lines .curtain-label:hover{background:#244b61;color:#fff;transform:translateY(-3px)}
.label-edition{font-size:12px;letter-spacing:.16em;color:#d7c6a5;z-index:2}.label-name{font-family:Georgia,serif;font-size:clamp(28px,3.6vw,54px);font-weight:400;line-height:1.08;max-width:65%;position:relative;z-index:2;text-wrap:balance;padding:22px 0}
.curtain-label img{position:absolute;right:0;top:0;width:39%;height:100%;object-fit:cover;object-position:center 22%;opacity:.78;z-index:-1;mask-image:linear-gradient(to right,transparent,#000 30%);transition:transform .6s,opacity .4s}.curtain-label:hover img{transform:scale(1.045);opacity:1}
.label-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;font-size:14px;z-index:2}.label-bottom>span:first-child{max-width:80%;line-height:1.5}.curtain-arrow{font-family:Arial,sans-serif;font-size:29px;font-weight:400;transition:transform .25s}.curtain-label:hover .curtain-arrow,.curtain-categories button:hover .curtain-arrow{transform:translate(3px,-3px)}
.curtain-all{display:flex;align-items:center;gap:50px;margin-left:auto;padding:12px 0 22px;font-size:15px}.curtain-all span{font-size:24px}
.curtain-detail{display:grid;grid-template-columns:1fr 1.4fr .65fr;gap:4vw;padding:24px 0 30px}.curtain-index{display:flex;flex-direction:column;align-items:flex-start}.curtain-back{font-size:14px;color:#d7c6a5}.curtain-inner h2{font-size:clamp(25px,3vw,42px);line-height:1.1;margin:18px 0;max-width:280px}.curtain-stamp{margin-top:auto;font-size:13px;letter-spacing:.18em;border:1px solid #b9ab8c70;padding:10px 15px;transform:rotate(-4deg);color:#d7c6a5}
.curtain-categories{display:flex;flex-direction:column;gap:0;padding:0}.curtain-categories button{display:flex;align-items:center;min-width:0;gap:18px;font-size:clamp(20px,2.3vw,32px);padding:16px 0;border-bottom:1px dashed #bca57c66;color:inherit;animation:label-arrive .4s both;animation-delay:calc(var(--item)*45ms)}.curtain-categories button small{font-size:12px;color:#d7c6a5}.curtain-categories button .curtain-arrow{margin-left:auto}.curtain-categories button:hover{color:#d7c6a5}
.curtain-portrait{position:relative;overflow:hidden;min-height:260px;max-height:340px}.curtain-portrait img{width:100%;height:100%;object-fit:cover;object-position:center 22%;animation:label-arrive .45s both}.curtain-portrait>span{position:absolute;bottom:16px;left:16px;font-family:Georgia,serif;font-size:26px;line-height:.95;color:#102d40}
#collection-curtain button:focus-visible{outline:2px solid #e4cda2;outline-offset:-4px}
[data-theme=dark] #collection-curtain{background:#0d2130;color:#f1ede3}
@keyframes label-unfold{from{opacity:0;transform:translateY(-14px) rotateX(-12deg)}to{opacity:1;transform:translateY(0) rotateX(0)}}
@keyframes label-arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:700px){.curtain-inner{padding:0 20px}.curtain-lines{grid-template-columns:1fr;gap:12px;padding-top:16px}.curtain-lines .curtain-label{min-height:180px;padding:20px}.label-name{font-size:32px;padding:15px 0;max-width:65%}.curtain-label img{width:35%}.label-bottom{font-size:13px}.curtain-detail{grid-template-columns:1fr;gap:12px;padding-top:12px}.curtain-index{display:grid;grid-template-columns:1fr auto;align-items:center}.curtain-back{grid-column:1/-1;text-align:left}.curtain-inner h2{margin:8px 0;max-width:none;font-size:29px}.curtain-stamp{font-size:12px;padding:8px;margin:0}.curtain-portrait{display:none}.curtain-categories button{padding:15px 0;font-size:23px}.curtain-all{padding-bottom:20px}}
@media(prefers-reduced-motion:reduce){#collection-curtain,.curtain-label,.curtain-label img,.curtain-arrow,.curtain-top button{transition:none!important}.curtain-label,.curtain-categories button,.curtain-portrait img{animation:none!important}}