/* Deko — Art-deko: oltin nurlar, pog‘onali geometrik ramka, shevron sana tasmasi, tilla harfli ismlar. Ranglar manifest sxemasidan; animatsiyalar prefers-reduced-motion da o‘chadi. */
.t-deko .inv{background:radial-gradient(ellipse at 50% 0%,var(--p2),var(--p1) 60%);color:var(--tx)}
.t-deko .content{padding:70px 22px 48px;gap:26px}
.t-deko .small{font-family:var(--fb);font-size:10px;letter-spacing:.34em;color:var(--gl)}
/* Oltin nurlar */
.t-deko .dk-hero{position:relative;overflow:hidden;padding:34px 0 10px}
.t-deko .dk-rays{position:absolute;left:50%;top:38%;width:900px;height:900px;transform:translate(-50%,-50%);pointer-events:none;opacity:.32;
  background:repeating-conic-gradient(from 0deg,var(--gl) 0deg 3deg,transparent 3deg 14deg);
  -webkit-mask:radial-gradient(circle,#000 0,transparent 58%);mask:radial-gradient(circle,#000 0,transparent 58%);animation:dkSpin 90s linear infinite}
@keyframes dkSpin{to{transform:translate(-50%,-50%) rotate(360deg)}}
/* Pog'onali ramka */
.t-deko .dk-frame{position:relative;padding:34px 20px 28px;border:1px solid var(--gl);background:var(--card);
  clip-path:polygon(18px 0,calc(100% - 18px) 0,100% 18px,100% calc(100% - 18px),calc(100% - 18px) 100%,18px 100%,0 calc(100% - 18px),0 18px)}
.t-deko .dk-frame::before{content:"";position:absolute;inset:7px;border:1px solid var(--line);pointer-events:none;
  clip-path:polygon(14px 0,calc(100% - 14px) 0,100% 14px,100% calc(100% - 14px),calc(100% - 14px) 100%,14px 100%,0 calc(100% - 14px),0 14px)}
.t-deko .dk-c{position:absolute;width:26px;height:26px;border:2px solid var(--gl);pointer-events:none}
.t-deko .dk-c.tl{left:12px;top:12px;border-right:0;border-bottom:0}
.t-deko .dk-c.tr{right:12px;top:12px;border-left:0;border-bottom:0}
.t-deko .dk-c.bl{left:12px;bottom:12px;border-right:0;border-top:0}
.t-deko .dk-c.br{right:12px;bottom:12px;border-left:0;border-top:0}
.t-deko .dk-eb{font-family:var(--fb);font-size:10px;letter-spacing:.42em;text-transform:uppercase;color:var(--gl);margin-bottom:18px}
.t-deko .dk-ph{width:150px;height:150px;margin:0 auto 18px;overflow:hidden;border:2px solid var(--gl);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);padding:0}
.t-deko .dk-ph img{width:100%;height:100%;object-fit:cover}
.t-deko .dk-mono{font-family:var(--fs);font-size:26px;letter-spacing:.16em;color:var(--gl);margin:0 auto 14px;width:124px;height:124px;display:grid;place-items:center;background:var(--w1);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}
.t-deko .names{font-family:var(--fs);font-size:clamp(30px,9.4vw,44px);line-height:1.12;letter-spacing:.08em;text-transform:uppercase;margin:6px 0 4px;
  background:linear-gradient(180deg,color-mix(in srgb,var(--gl) 60%,#fff),var(--gl) 55%,color-mix(in srgb,var(--gl) 70%,#000));-webkit-background-clip:text;background-clip:text;color:transparent}
.t-deko .names .amp{font-family:var(--fd);font-size:.5em;letter-spacing:0;text-transform:none;font-style:italic;color:var(--tx2);-webkit-text-fill-color:var(--tx2)}
.t-deko .hero .host-of{color:var(--gl);letter-spacing:.3em;font-size:10px}
.t-deko .hero .host{font-family:var(--fd);font-size:16px;color:var(--tx2)}
.t-deko .hero .host .host-line{color:var(--tx)}
.t-deko .dk-chev{position:relative;margin:20px auto 12px;max-width:260px;height:38px;display:grid;place-items:center;background:var(--gl);color:var(--p1);
  clip-path:polygon(0 0,100% 0,calc(100% - 12px) 50%,100% 100%,0 100%,12px 50%)}
.t-deko .dk-chev span{font-family:var(--fn);font-size:17px;letter-spacing:.18em;font-weight:600}
.t-deko .dk-meta{font-family:var(--fb);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--tx2)}
.t-deko .quote{margin:18px 0 0;font-family:var(--fd);font-style:italic;font-size:16px;color:var(--tx2);padding:0}
.t-deko .salut,.t-deko .greeting{border:1px solid var(--line);background:var(--card);padding:22px 18px}
.t-deko .greeting p{font-family:var(--fd);font-style:normal;font-size:18px;line-height:1.6;color:var(--tx)}
.t-deko .greeting p::first-line{font-family:var(--fs);font-size:17px;letter-spacing:.08em;text-transform:uppercase;line-height:2.2;color:var(--gl)}
.t-deko .datebig{font-family:var(--fn);font-size:56px;font-weight:600;letter-spacing:.04em;color:var(--gl)}
.t-deko .datebig small{color:var(--tx2)}
.t-deko .cd{gap:8px}
.t-deko .cd div{background:var(--card);border:1px solid var(--gl);border-radius:0;clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px),0 8px)}
.t-deko .cd b{font-family:var(--fn);color:var(--gl)}
.t-deko .ev,.t-deko .parents div,.t-deko .note,.t-deko .wi,.t-deko .next,.t-deko .tl .it,.t-deko .gift .card,.t-deko .smp{background:var(--card);border:1px solid var(--line);border-radius:0}
.t-deko .ev .t{font-family:var(--fn);color:var(--gl)}
.t-deko .ev .n{font-family:var(--fs);font-size:16px;letter-spacing:.08em;text-transform:uppercase}
.t-deko .parents .nm{font-family:var(--fd)}
.t-deko .today{border-radius:0;background:var(--gl);color:var(--p1)}
.t-deko .today .small{color:var(--p1);opacity:.85}
.t-deko .btn{border-radius:0;letter-spacing:.16em;text-transform:uppercase;font-size:11px}
.t-deko .btn.solid{color:var(--p1)}
.t-deko .seg button,.t-deko .form input,.t-deko .form select,.t-deko .form textarea{border-radius:0;background:rgba(255,255,255,.06);color:var(--tx)}
.t-deko .seg button[aria-pressed="true"]{background:var(--gl);color:var(--p1)}
.t-deko .form input::placeholder,.t-deko .form textarea::placeholder{color:var(--tx2)}
.t-deko .together{font-family:var(--fn);color:var(--gl)}
.t-deko .together small{font-family:var(--fs);font-size:18px;letter-spacing:.14em;text-transform:uppercase;color:var(--tx2)}
.t-deko .tl:before{background:var(--gl)}
.t-deko .tl .it:before{background:var(--gl);box-shadow:0 0 0 3px var(--p1)}
.t-deko .tl .h,.t-deko .next b,.t-deko .wi .m{color:var(--tx)}
.t-deko .closing{font-family:var(--fs);font-size:20px;letter-spacing:.14em;text-transform:uppercase;color:var(--gl)}
.t-deko .cal{display:none}
.t-deko .music,.t-deko .langs{background:rgba(0,0,0,.35);border-color:var(--gl)}
.t-deko .langs button{color:var(--tx2)}
/* Konvert */
.t-deko .gate{background:radial-gradient(ellipse at 50% 30%,var(--p2),var(--p1) 70%);color:var(--tx)}
.t-deko .env-back,.t-deko .env-front,.t-deko .env-flap{border-radius:0}
.t-deko .env-letter{border-radius:0}
.t-deko .gate-names{font-family:var(--fs);letter-spacing:.1em;text-transform:uppercase;font-size:22px}
@media (prefers-reduced-motion:reduce){.t-deko .dk-rays{animation:none}}