/* Origami — Buklangan qog‘oz: uchburchak yuzlardan yig‘ilgan turna, burma soyali panellar, ochilish animatsiyasi. Ranglar manifest sxemasidan; animatsiyalar prefers-reduced-motion da o‘chadi. */
.t-origami .inv{background:linear-gradient(160deg,var(--p1),var(--p2));color:var(--tx)}
.t-origami .content{padding:64px 22px 48px;gap:24px}
.t-origami .small{font-family:var(--fb);font-size:10px;letter-spacing:.3em;color:var(--gl);font-weight:600}
/* Turna — besh uchburchak yuz */
.t-origami .og-hero{position:relative;padding-top:10px}
.t-origami .og-crane{position:relative;width:200px;height:120px;margin:0 auto 6px;perspective:600px}
.t-origami .og-crane i{position:absolute;display:block;clip-path:polygon(0 100%,50% 0,100% 100%);transform-origin:50% 100%;animation:ogFold 1.4s cubic-bezier(.2,.8,.2,1) both}
.t-origami .og-crane .c1{left:60px;top:20px;width:80px;height:100px;background:var(--f1)}
.t-origami .og-crane .c2{left:10px;top:40px;width:80px;height:70px;background:var(--f2);transform:rotate(-38deg);animation-delay:.2s}
.t-origami .og-crane .c3{left:110px;top:40px;width:80px;height:70px;background:var(--f3);transform:rotate(38deg);animation-delay:.35s}
.t-origami .og-crane .c4{left:88px;top:0;width:24px;height:44px;background:var(--gl);animation-delay:.5s}
.t-origami .og-crane .c5{left:80px;top:74px;width:40px;height:46px;background:var(--f2);clip-path:polygon(0 0,100% 0,50% 100%);animation-delay:.6s}
@keyframes ogFold{from{opacity:0;transform:rotateX(-80deg) scale(.6)}to{opacity:1}}
.t-origami .og-crane .c2{animation-name:ogFoldL}
.t-origami .og-crane .c3{animation-name:ogFoldR}
@keyframes ogFoldL{from{opacity:0;transform:rotate(-38deg) rotateX(-80deg)}to{opacity:1;transform:rotate(-38deg)}}
@keyframes ogFoldR{from{opacity:0;transform:rotate(38deg) rotateX(-80deg)}to{opacity:1;transform:rotate(38deg)}}
/* Buklangan kartochka */
.t-origami .og-card{position:relative;padding:34px 18px 28px;background:var(--card);overflow:hidden;
  clip-path:polygon(0 0,100% 0,100% calc(100% - 26px),calc(100% - 26px) 100%,0 100%);box-shadow:0 18px 40px rgba(0,0,0,.1);animation:ogOpen 1s .3s cubic-bezier(.2,.8,.2,1) both;transform-origin:50% 0}
@keyframes ogOpen{from{opacity:0;transform:rotateX(-30deg)}to{opacity:1}}
.t-origami .og-card::after{content:"";position:absolute;right:0;bottom:0;width:26px;height:26px;background:linear-gradient(135deg,transparent 50%,var(--f2) 50%);opacity:.9}
.t-origami .og-fold{position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,.22) 0 49%,rgba(0,0,0,.035) 49% 51%,rgba(255,255,255,0) 51%)}
.t-origami .og-eb{position:relative;font-family:var(--fb);font-size:10px;letter-spacing:.36em;text-transform:uppercase;color:var(--gl);font-weight:600;margin-bottom:14px}
.t-origami .og-ph{position:relative;width:150px;height:150px;margin:0 auto 14px;overflow:hidden;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}
.t-origami .og-ph img{width:100%;height:100%;object-fit:cover}
.t-origami .names{position:relative;font-family:var(--fs);font-size:clamp(32px,9.6vw,44px);font-weight:500;line-height:1.05;letter-spacing:-.01em;margin:4px 0 2px;color:var(--tx)}
.t-origami .names .amp{font-family:var(--fd);font-style:italic;font-size:.62em;color:var(--gl);font-weight:400}
.t-origami .hero .host-of{position:relative;color:var(--gl);font-weight:600;font-size:10px;letter-spacing:.3em}
.t-origami .hero .host{position:relative;font-family:var(--fb);font-size:14px;color:var(--tx2);margin-top:10px}
.t-origami .hero .host .host-line{color:var(--tx);font-weight:600}
.t-origami .og-date{position:relative;margin-top:18px;display:flex;flex-direction:column;gap:4px}
.t-origami .og-date b{font-family:var(--fn);font-size:26px;font-weight:500;letter-spacing:.1em;color:var(--tx)}
.t-origami .og-date span{font-family:var(--fb);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--tx2)}
.t-origami .quote{position:relative;margin:16px 0 0;padding:0;font-family:var(--fd);font-style:italic;font-size:16px;color:var(--tx2)}
/* Panellar — burchagi buklangan */
.t-origami .salut,.t-origami .greeting,.t-origami .ev,.t-origami .parents div,.t-origami .note,.t-origami .wi,.t-origami .next,.t-origami .tl .it,.t-origami .gift .card,.t-origami .smp,.t-origami .cd div{position:relative;background:var(--card);border:0;border-radius:0;box-shadow:0 10px 26px rgba(0,0,0,.07);clip-path:polygon(0 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%)}
.t-origami .greeting{padding:22px 18px}
.t-origami .greeting p{font-family:var(--fb);font-style:normal;font-size:16px;line-height:1.62;color:var(--tx)}
.t-origami .greeting p::first-line{font-family:var(--fs);font-size:24px;font-weight:500;line-height:1.8;color:var(--gl)}
.t-origami .datebig{font-family:var(--fn);font-size:52px;font-weight:500;color:var(--tx)}
.t-origami .datebig small{color:var(--gl);font-weight:600}
.t-origami .cd b{font-family:var(--fn);font-weight:500;color:var(--gl)}
.t-origami .ev .t{color:var(--gl);font-weight:500}
.t-origami .parents .nm{font-family:var(--fb)}
.t-origami .frame{border:0;background:transparent;padding:0}
.t-origami .today{border-radius:0;background:var(--gl);clip-path:polygon(0 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%)}
.t-origami .btn{border-radius:0;font-weight:600;letter-spacing:.08em;text-transform:uppercase;font-size:11px}
.t-origami .btn.solid{color:#fff}
.t-origami .seg button,.t-origami .form input,.t-origami .form select,.t-origami .form textarea{border-radius:0;background:rgba(255,255,255,.8)}
.t-origami .together{font-family:var(--fn);font-weight:500;color:var(--tx)}
.t-origami .together small{font-family:var(--fd);font-style:italic;font-size:24px;color:var(--gl)}
.t-origami .tl .it:before{border-radius:0;transform:rotate(45deg)}
.t-origami .closing{font-family:var(--fd);font-style:italic;font-size:24px;color:var(--gl)}
.t-origami .cal .dn span.on{border-radius:0;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);box-shadow:none}
.t-origami .gate{background:linear-gradient(160deg,var(--p1),var(--p2))}
.t-origami .env-back,.t-origami .env-front,.t-origami .env-flap,.t-origami .env-letter{border-radius:0}
.t-origami .env-back{background:var(--f1)}
.t-origami .env-front{background:var(--f2)}
.t-origami .env-flap{background:var(--f3)}
.t-origami .gate-names{font-family:var(--fs);font-weight:500}
@media (prefers-reduced-motion:reduce){.t-origami .og-crane i,.t-origami .og-card{animation:none}}
