/* Kadr — Osilgan 35 mm plyonka lentasi: surat, ismlar va sana — uchta kadr, kontakt-varaq bloklari. Ranglar manifest sxemasidan; animatsiyalar prefers-reduced-motion da o‘chadi. */
.t-kadr .inv{background:linear-gradient(180deg,var(--p1) 0%,var(--p2) 100%)}
.t-kadr .kd-line{position:absolute;left:-10px;right:-10px;top:94px;height:0;border-top:2px solid var(--line);z-index:0}
.t-kadr .content{padding:70px 22px 48px;gap:26px}
.t-kadr .small{font-family:var(--fb);font-size:10px;letter-spacing:.3em;color:var(--tx2)}
/* Osilgan plyonka */
.t-kadr .kd-hero{position:relative}
.t-kadr .kd-eb{font-family:var(--fb);font-size:11px;letter-spacing:.32em;text-transform:uppercase;color:var(--tx2);margin-bottom:14px}
.t-kadr .kd-clip{position:relative;z-index:3;width:24px;height:46px;margin:0 auto -16px;border-radius:5px;background:linear-gradient(90deg,#d4b07a,#8c6537);box-shadow:0 5px 10px rgba(0,0,0,.28)}
.t-kadr .kd-clip::after{content:"";position:absolute;left:8px;top:9px;width:8px;height:8px;border-radius:50%;background:#efe7d8;box-shadow:0 20px 0 #efe7d8}
.t-kadr .kd-strip{position:relative;width:min(300px,88%);margin:0 auto;padding:14px 30px;background:var(--film);border-radius:6px;box-shadow:0 22px 46px rgba(0,0,0,.3);transform:rotate(-2deg);transform-origin:50% -24px;animation:kdSwing 2.8s cubic-bezier(.3,.8,.3,1) both}
.t-kadr .kd-holes{position:absolute;top:12px;bottom:12px;left:9px;width:12px;border-radius:2px;background:repeating-linear-gradient(180deg,var(--p1) 0 12px,transparent 12px 24px);opacity:.92}
.t-kadr .kd-holes.r{left:auto;right:9px}
.t-kadr .kd-f{position:relative;background:var(--card);margin:0 0 10px;padding:16px 10px 14px;border-radius:2px;overflow:hidden}
.t-kadr .kd-f1{aspect-ratio:4/3;padding:0;display:grid;place-items:center;background:linear-gradient(160deg,var(--p2),var(--p1))}
.t-kadr .kd-ph,.t-kadr .kd-ph img{width:100%;height:100%}
.t-kadr .kd-ph img{object-fit:cover;filter:sepia(.28) contrast(1.06)}
.t-kadr .kd-mono{font-family:var(--fs);font-size:56px;line-height:1;color:var(--gl)}
.t-kadr .kd-f3{margin-bottom:0;background:var(--tx);color:var(--neg);display:flex;align-items:baseline;justify-content:center;gap:6px;padding:14px 10px}
.t-kadr .kd-f3 b{font-family:var(--fn);font-size:46px;font-weight:600;line-height:1;font-variant-numeric:tabular-nums}
.t-kadr .kd-f3 i{font-style:normal;font-family:var(--fn);font-size:24px;opacity:.72}
.t-kadr .kd-f3 em{font-style:normal;font-family:var(--fb);font-size:11px;letter-spacing:.3em;margin-left:6px;opacity:.72}
.t-kadr .kd-num{position:absolute;right:34px;bottom:1px;font-family:var(--fb);font-size:7px;letter-spacing:.3em;color:var(--neg);opacity:.5}
.t-kadr .names{font-family:var(--fs);font-size:clamp(28px,8.5vw,38px);line-height:1.08;margin:4px 0 2px;color:var(--tx)}
.t-kadr .names .amp{font-size:.66em;color:var(--gl);line-height:.9}
.t-kadr .hero .host-of{font-size:10px;letter-spacing:.2em;margin:0 0 4px}
.t-kadr .hero .host{font-size:14px;margin:8px 0 0;line-height:1.3}
.t-kadr .hero .host .host-by{font-size:10px}
.t-kadr .kd-meta{display:flex;justify-content:center;flex-wrap:wrap;gap:6px 14px;margin-top:24px;font-family:var(--fb);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--tx2)}
.t-kadr .kd-meta>span:not(:last-child)::after{content:"·";margin-left:14px;color:var(--gl)}
.t-kadr .quote{margin:16px auto 0;max-width:32ch;font-family:var(--fd);font-style:italic;font-size:16px;color:var(--tx2);padding:0}
@keyframes kdSwing{0%{transform:rotate(-8deg)}35%{transform:rotate(2.6deg)}65%{transform:rotate(-3.4deg)}85%{transform:rotate(-1.3deg)}100%{transform:rotate(-2deg)}}
/* Kontakt-varaq: tabrik va bloklar */
.t-kadr .salut{background:var(--card);border:1px dashed var(--line);border-radius:4px}
.t-kadr .greeting{background:var(--card);border:1px dashed var(--line);border-radius:4px;padding:18px 16px;text-align:left}
.t-kadr .greeting p{font-family:var(--fb);font-style:normal;font-size:15px;line-height:1.65;color:var(--tx)}
.t-kadr .greeting p::first-line{font-family:var(--fs);font-size:26px;line-height:1.5;color:var(--gl)}
.t-kadr .datebig{font-family:var(--fn);font-size:50px;font-weight:600;color:var(--tx)}
.t-kadr .datebig small{font-family:var(--fb);font-size:11px;letter-spacing:.24em;color:var(--gl)}
.t-kadr .cd{gap:6px;padding:10px 8px;background:var(--film);border-radius:6px}
.t-kadr .cd div{background:var(--card);border:0;border-radius:2px;padding:10px 4px}
.t-kadr .cd b{font-family:var(--fn);font-size:26px;font-weight:600;color:var(--tx)}
.t-kadr .cd span{font-size:9px;letter-spacing:.14em;color:var(--tx2)}
/* Dastur — raqamlangan kadrlar */
.t-kadr .kd-prog{text-align:left}
.t-kadr .kd-ev{list-style:none;margin:14px 0 0;padding:0;counter-reset:kd}
.t-kadr .kd-ev li{position:relative;display:grid;grid-template-columns:auto 1fr;gap:4px 14px;padding:14px 14px 14px 16px;margin-bottom:10px;background:var(--card);border-radius:3px;border-left:6px solid var(--film);counter-increment:kd}
.t-kadr .kd-ev li::before{content:"KADR 0" counter(kd);position:absolute;right:12px;top:8px;font-family:var(--fb);font-size:8px;letter-spacing:.3em;color:var(--gl);font-weight:700}
.t-kadr .kd-t{font-family:var(--fn);font-size:24px;font-weight:600;color:var(--gl);line-height:1.1;grid-row:span 3;min-width:56px;font-variant-numeric:tabular-nums}
.t-kadr .kd-n{font-family:var(--fs);font-size:26px;line-height:1.1;color:var(--tx)}
.t-kadr .kd-d{font-family:var(--fb);font-size:12px;color:var(--tx2)}
.t-kadr .kd-a{font-family:var(--fb);font-size:13px;line-height:1.45;color:var(--tx2)}
.t-kadr .kd-b .maps{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
/* Umumiy bloklar — foto-qog'oz */
.t-kadr .frame{border:0;background:transparent;padding:0}
.t-kadr .parents div,.t-kadr .note,.t-kadr .wi,.t-kadr .next,.t-kadr .tl .it,.t-kadr .gift .card,.t-kadr .smp,.t-kadr .ev{background:var(--card);border:1px solid var(--line);border-radius:3px}
.t-kadr .parents .nm{font-family:var(--fs);font-size:19px;font-weight:400}
.t-kadr .today{border-radius:4px;background:var(--film);color:var(--neg)}
.t-kadr .today .small{color:var(--neg);opacity:.8}
.t-kadr .btn{border-radius:4px;font-size:12px;letter-spacing:.06em;text-transform:uppercase}
.t-kadr .form input,.t-kadr .form select,.t-kadr .form textarea,.t-kadr .seg button{border-radius:3px;background:var(--card)}
.t-kadr .together{font-family:var(--fn);font-size:66px;font-weight:600}
.t-kadr .together small{font-family:var(--fs);font-size:26px}
.t-kadr .closing{font-family:var(--fs);font-size:28px;color:var(--gl)}
/* Konvert */
.t-kadr .gate{background:linear-gradient(180deg,var(--p1),var(--p2))}
.t-kadr .env-back,.t-kadr .env-front,.t-kadr .env-flap{border-radius:6px;background:var(--film)}
.t-kadr .env-flap{background:linear-gradient(180deg,color-mix(in srgb,var(--film) 80%,#fff),var(--film))}
.t-kadr .env-letter{border-radius:2px}
.t-kadr .gate-names{font-family:var(--fs)}
@media (prefers-reduced-motion:reduce){.t-kadr .kd-strip{animation:none}}