/* 3번 판(블렌딩, 2026-11-13): 1번 표지·글자 + 원래 판 갤러리 + 2번 봉투 오프닝·음악. 봉투는 2번 판 색 그대로 */
/* 봉투 오프닝 */
.intro.env{background:radial-gradient(120% 80% at 50% 30%,#2A241D,#100E0B 75%)}
.intro.env::after{display:none}
.env-c{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;padding:0 20px}
.env-kick{font:italic 700 14px/1 var(--disp);letter-spacing:.14em;color:#E6C98F}
.env-to{font:600 15px/1.4 var(--sans);color:#F4EEE2;margin-top:12px;letter-spacing:.04em}
.envelope{position:relative;width:min(84vw,340px);aspect-ratio:1.45;margin:56px 0 34px;perspective:900px}
.env-back{position:absolute;inset:0;background:#E9DFCD;border-radius:4px;box-shadow:0 30px 60px rgba(0,0,0,.5)}
.env-back::before{content:"";position:absolute;inset:8px;background:repeating-linear-gradient(45deg,#C9AE7E 0 2px,transparent 2px 9px);opacity:.35}
.env-card{position:absolute;left:7%;right:7%;top:6%;bottom:6%;background:#fff;overflow:hidden;z-index:1;transition:transform 1s cubic-bezier(.22,.61,.36,1) .55s}
.env-card img{width:100%;height:100%;object-fit:cover;object-position:50% 40%;filter:brightness(.82)}
.ec-mast{position:absolute;top:8%;left:0;right:0;text-align:center;font:900 46px/1 var(--disp);color:#fff;letter-spacing:-.01em}
.ec-nm{position:absolute;bottom:10%;left:0;right:0;text-align:center;font:900 16px/1 var(--serif);color:#fff}
.env-front{position:absolute;inset:0;z-index:2;background:linear-gradient(160deg,#F5EEE1,#E8DCC6);border-radius:4px;clip-path:polygon(0 30%,50% 64%,100% 30%,100% 100%,0 100%);display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding-bottom:9%}
.ef-nm{font:900 21px/1.2 var(--serif);color:var(--ink)}
.ef-nm i{font:italic 700 19px var(--disp);color:var(--gold);margin:0 .2em}
.ef-d{font:700 11px/1 var(--disp);letter-spacing:.16em;color:var(--ink2);margin-top:8px}
.env-flap{position:absolute;left:0;right:0;top:0;height:66%;z-index:3;background:linear-gradient(180deg,#EFE5D3,#DCCDB2);clip-path:polygon(0 0,100% 0,50% 100%);transform-origin:50% 0;transition:transform .7s cubic-bezier(.4,0,.2,1),z-index 0s .35s;filter:drop-shadow(0 4px 6px rgba(0,0,0,.18))}
.env-seal{position:absolute;left:50%;top:66%;z-index:4;width:62px;height:62px;margin:-31px 0 0 -31px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#B2433A,#7A1F1A 70%);box-shadow:0 3px 8px rgba(0,0,0,.35),inset 0 0 0 4px rgba(255,255,255,.08);display:grid;place-items:center;transition:opacity .4s,transform .4s}
.env-seal span{font:italic 700 19px/1 var(--disp);color:#F3D9C9}
.env-seal span i{font-size:15px;margin:0 1px}
.intro.opening .env-seal{opacity:0;transform:scale(1.3)}
.intro.opening .env-flap{transform:rotateX(180deg);z-index:0}
.intro.opening .env-card{transform:translateY(-62%)}
.env .in-btn{margin-top:0}
.env .in-note{color:#F4EEE2}
@media (prefers-reduced-motion:reduce){.intro.opening .env-card{transform:none}}
/* 고침: 닫힌 봉투에 카드가 비치지 않게 · 봉인과 이름 겹침 없게 */
.env-front{clip-path:polygon(0 0,50% 60%,100% 0,100% 100%,0 100%);padding-bottom:6%}
.env-flap{height:62%}
.env-seal{top:58%;width:54px;height:54px;margin:-27px 0 0 -27px}
.env-seal span{font-size:17px}
.ef-nm{font-size:19px}
.env-card{opacity:0;transition:transform 1s cubic-bezier(.22,.61,.36,1) .55s,opacity .2s .4s}
.intro.opening .env-card{opacity:1}

/* 봉투 안 색은 2번 판 값 그대로 */
.ef-nm i{color:#8C6A33}
.ef-nm{color:#1A1713}
.ef-d{color:#2F2A24}