/* Barok — Qadimiy barok ramka: oltin hoshiya, burchak naqshlari, damask fon, ramka bo‘ylab yaltiroq shu’la. Ota-onalar nomidan to'plami; ranglar manifest sxemasidan (--p1…--w4). */
.t-barok .small{font-family:var(--fb);font-size:10.5px;letter-spacing:.3em;text-transform:uppercase;color:var(--gl);font-weight:500}
.t-barok .content{padding:16px 22px 48px;gap:20px}
.t-barok .frame{border:1px solid var(--gl);border-radius:2px;background:var(--card);padding:36px 18px 28px}
.t-barok .names{font-family:var(--fs);font-size:clamp(30px,8.6vw,42px);line-height:1.12;letter-spacing:.02em;font-weight:600;color:var(--tx);margin:8px 0 4px}
.t-barok .names .amp{font-family:var(--fd);font-style:italic;font-size:.6em;color:var(--gl);margin:2px 0;line-height:1.2}
.t-barok .hero .host-of{font-family:var(--fb);font-size:10.5px;letter-spacing:.34em;text-transform:uppercase;color:var(--gl);margin:12px 0 2px}
.t-barok .hero .host{font-family:var(--fd);font-size:16px;line-height:1.45;color:var(--tx2);margin:12px auto 0;max-width:36ch}
.t-barok .hero .host .host-line{color:var(--tx);font-weight:600}
.t-barok .hero .host .host-by{font-family:var(--fb);font-size:10px;letter-spacing:.2em;text-transform:uppercase;opacity:.8;margin-left:4px}
.t-barok .pr-photo{width:150px;height:150px;margin:14px auto 4px;border-radius:50%;overflow:hidden;border:2px solid var(--gl);box-shadow:0 12px 30px rgba(0,0,0,.16)}
.t-barok .pr-photo img{width:100%;height:100%;object-fit:cover}
.t-barok .pr-date{margin:18px auto 0;display:inline-grid;gap:3px;justify-items:center;padding:12px 26px;border-top:1px solid var(--gl);border-bottom:1px solid var(--gl)}
.t-barok .pr-date b{font-family:var(--fn);font-size:28px;letter-spacing:.1em;font-weight:500;color:var(--tx);line-height:1.1;font-variant-numeric:tabular-nums}
.t-barok .pr-date span{font-family:var(--fb);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--tx2)}
.t-barok .pr-quote{padding:0 10px}
.t-barok .quote{font-family:var(--fd);font-style:italic;font-size:18px;line-height:1.5;color:var(--tx2)}
.t-barok .greeting p{font-family:var(--fd);font-style:normal;font-size:18px;line-height:1.62;color:var(--tx)}
.t-barok .greeting p::first-line{font-family:var(--fd);font-size:22px;letter-spacing:.06em;text-transform:uppercase;color:var(--gl);line-height:1.9}
.t-barok .datebig{font-family:var(--fn);font-size:42px;letter-spacing:.06em;font-weight:500;color:var(--tx)}
.t-barok .datebig small{font-family:var(--fb);font-size:10.5px;letter-spacing:.24em;color:var(--gl);font-weight:500}
.t-barok .cd{gap:8px}
.t-barok .cd div{background:var(--card);border:1px solid var(--line);border-radius:2px;padding:12px 4px}
.t-barok .cd b{font-family:var(--fn);font-size:26px;font-weight:500;color:var(--tx)}
.t-barok .cd span{font-family:var(--fb);font-size:9px;letter-spacing:.14em;color:var(--tx2)}
.t-barok .today{background:var(--gl);color:var(--p1);border-radius:2px}
.t-barok .today .big{font-family:var(--fn)}
.t-barok .today .small{color:var(--p1);opacity:.85}
.t-barok .ev{background:var(--card);border:1px solid var(--line);border-radius:2px;text-align:left}
.t-barok .ev .t{font-family:var(--fn);font-size:22px;font-weight:500;color:var(--gl)}
.t-barok .ev .n{font-family:var(--fd);font-size:19px;font-weight:600;color:var(--tx)}
.t-barok .ev .d,.t-barok .ev .a{font-family:var(--fb);color:var(--tx2)}
.t-barok .parents{gap:10px}
.t-barok .parents>div{background:var(--card);border:1px solid var(--line);border-radius:2px;padding:14px 10px}
.t-barok .parents .who{font-family:var(--fb);font-size:9.5px;letter-spacing:.2em;color:var(--gl);background:transparent;border:0;border-radius:0;padding:0;margin-bottom:5px}
.t-barok .parents .nm{font-family:var(--fd);font-size:18px;font-weight:600;line-height:1.3;color:var(--tx);background:transparent;border:0;border-radius:0;padding:0}
.t-barok .note{background:var(--card);border:1px solid var(--line);border-radius:2px;font-family:var(--fb);text-align:left}
.t-barok .btn{border-radius:2px;font-family:var(--fb);font-weight:500;font-size:12px;letter-spacing:.14em;text-transform:uppercase;padding:11px 18px;border-color:var(--gl);color:var(--gl)}
.t-barok .btn.solid{background:var(--gl);color:var(--p1)}
.t-barok .form input,.t-barok .form select,.t-barok .form textarea{background:var(--card);color:var(--tx);border:1px solid var(--line);border-radius:2px;font-family:var(--fb)}
.t-barok .seg button{border-radius:2px;font-family:var(--fb);font-weight:500;letter-spacing:.04em;color:var(--gl);border-color:var(--gl)}
.t-barok .seg button[aria-pressed="true"]{background:var(--gl);color:var(--p1)}
.t-barok .wi{background:var(--card);border:1px solid var(--line);border-radius:2px}
.t-barok .wi .m{font-family:var(--fd)}
.t-barok .gift .card{background:var(--card);border:1px solid var(--line);border-radius:2px;font-family:var(--fn);font-weight:500;letter-spacing:.1em;color:var(--tx)}
.t-barok .closing{font-family:var(--fd);font-style:italic;font-size:19px;color:var(--tx2)}
.t-barok .tl .it{background:var(--card);border:1px solid var(--line);border-radius:2px}
.t-barok .tl .it:before{background:var(--gl);box-shadow:0 0 0 3px var(--p1)}
.t-barok .tl .h{font-family:var(--fd);font-weight:600}
.t-barok .together{font-family:var(--fn);font-weight:500;color:var(--tx)}
.t-barok .together small{font-family:var(--fd);font-style:italic;font-size:22px;letter-spacing:.02em;text-transform:none;color:var(--gl)}
.t-barok .next{background:var(--card);border:1px solid var(--line);border-radius:2px}
.t-barok .next b{font-family:var(--fd);font-weight:600}
.t-barok .smp{border-radius:2px}
.t-barok .smp-b{border-color:var(--gl);color:var(--gl)}
.t-barok .cal{font-family:var(--fd)}
.t-barok .cal .dn span.on{color:var(--p1)}
.t-barok .gate{background:linear-gradient(180deg,var(--p1),var(--p2))}
.t-barok .gate-names{font-family:var(--fs);font-size:26px;letter-spacing:.04em}
.t-barok .env-back,.t-barok .env-front,.t-barok .env-flap{border-radius:2px}
.t-barok .env-letter{background:var(--p1);color:var(--tx);border-radius:calc(2px - 2px)}
.t-barok .env-letter .names{font-size:22px;letter-spacing:.03em}
.t-barok .env-seal{border-color:var(--p1);background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.28) 0,var(--gl) 60%,color-mix(in srgb,var(--gl) 70%,#000) 140%)}
.t-barok .music,.t-barok .langs{border-color:var(--line)}

.t-barok .inv{background:radial-gradient(70% 40% at 50% 0%,var(--w1),transparent 70%),linear-gradient(180deg,var(--p1),var(--p2))}
.t-barok .wash{position:absolute;inset:0;pointer-events:none;background:var(--gl);opacity:.05;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120'%3E%3Cg fill='none' stroke='%23000' stroke-width='1.3'%3E%3Cpath d='M60 8c8 14 22 18 22 34 0 12-10 18-22 30-12-12-22-18-22-30 0-16 14-20 22-34z'/%3E%3Cpath d='M60 22c4 8 12 10 12 20 0 7-6 11-12 18-6-7-12-11-12-18 0-10 8-12 12-20z'/%3E%3Cpath d='M60 74c6 10 16 12 16 24 0 8-8 12-16 18-8-6-16-10-16-18 0-12 10-14 16-24z'/%3E%3Cpath d='M8 60c10-6 16-6 24 0-8 6-14 6-24 0zM88 60c10-6 16-6 24 0-8 6-14 6-24 0z'/%3E%3Ccircle cx='60' cy='60' r='3'/%3E%3Cpath d='M0 0c10 8 18 8 30 0M90 0c10 8 18 8 30 0M0 120c10-8 18-8 30 0M90 120c10-8 18-8 30 0'/%3E%3C/g%3E%3C/svg%3E") 0 0/160px 160px repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120'%3E%3Cg fill='none' stroke='%23000' stroke-width='1.3'%3E%3Cpath d='M60 8c8 14 22 18 22 34 0 12-10 18-22 30-12-12-22-18-22-30 0-16 14-20 22-34z'/%3E%3Cpath d='M60 22c4 8 12 10 12 20 0 7-6 11-12 18-6-7-12-11-12-18 0-10 8-12 12-20z'/%3E%3Cpath d='M60 74c6 10 16 12 16 24 0 8-8 12-16 18-8-6-16-10-16-18 0-12 10-14 16-24z'/%3E%3Cpath d='M8 60c10-6 16-6 24 0-8 6-14 6-24 0zM88 60c10-6 16-6 24 0-8 6-14 6-24 0z'/%3E%3Ccircle cx='60' cy='60' r='3'/%3E%3Cpath d='M0 0c10 8 18 8 30 0M90 0c10 8 18 8 30 0M0 120c10-8 18-8 30 0M90 120c10-8 18-8 30 0'/%3E%3C/g%3E%3C/svg%3E") 0 0/160px 160px repeat}
.t-barok .br-hero{position:relative;z-index:1;margin:78px 18px 0;padding:44px 22px 36px;text-align:center;background:var(--card);border:6px solid transparent;border-image:linear-gradient(135deg,color-mix(in srgb,var(--gl) 60%,#000),var(--gl) 30%,#fff6d8 50%,var(--gl) 70%,color-mix(in srgb,var(--gl) 60%,#000)) 1;box-shadow:0 0 0 1px var(--gl),0 0 0 8px var(--p1),0 0 0 9px var(--gl),0 24px 50px rgba(0,0,0,.28);animation:brIn 1.1s both}
.t-barok .br-hero:before{content:"";position:absolute;inset:10px;border:1px solid var(--gl);opacity:.55;pointer-events:none}
.t-barok .br-sheen{position:absolute;inset:-6px;padding:6px;pointer-events:none;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.45) 50%,transparent 60%) 100% 0/300% 100% no-repeat;-webkit-mask:linear-gradient(#000,#000) content-box,linear-gradient(#000,#000);-webkit-mask-composite:xor;mask:linear-gradient(#000,#000) content-box,linear-gradient(#000,#000);mask-composite:exclude;animation:brSheen 7s 1.5s linear infinite}
.t-barok .br-corner{position:absolute;width:64px;height:64px;background:var(--gl);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cg fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M4 4h44c-6 10-16 12-24 8-6-3-6-10 0-12 8-2 12 6 6 12'/%3E%3Cpath d='M4 4v44c10-6 12-16 8-24-3-6-10-6-12 0-2 8 6 12 12 6'/%3E%3Cpath d='M4 4c20 10 30 26 34 46'/%3E%3Cpath d='M40 48c4-4 10-4 14 0M48 40c-4 4-4 10 0 14'/%3E%3C/g%3E%3Ccircle cx='50' cy='50' r='3' fill='%23000'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cg fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M4 4h44c-6 10-16 12-24 8-6-3-6-10 0-12 8-2 12 6 6 12'/%3E%3Cpath d='M4 4v44c10-6 12-16 8-24-3-6-10-6-12 0-2 8 6 12 12 6'/%3E%3Cpath d='M4 4c20 10 30 26 34 46'/%3E%3Cpath d='M40 48c4-4 10-4 14 0M48 40c-4 4-4 10 0 14'/%3E%3C/g%3E%3Ccircle cx='50' cy='50' r='3' fill='%23000'/%3E%3C/svg%3E") center/contain no-repeat;pointer-events:none}
.t-barok .br-corner.tl{left:-2px;top:-2px}
.t-barok .br-corner.tr{right:-2px;top:-2px;transform:scaleX(-1)}
.t-barok .br-corner.bl{left:-2px;bottom:-2px;transform:scaleY(-1)}
.t-barok .br-corner.br{right:-2px;bottom:-2px;transform:scale(-1)}
.t-barok .br-flourish{width:150px;height:22px;margin:0 auto 10px;background:var(--gl);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 30'%3E%3Cg fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='M6 15h60c8 0 12-6 18-6s8 6 16 6 10-6 16-6 10 6 18 6h60'/%3E%3Cpath d='M100 6c4 4 4 14 0 18-4-4-4-14 0-18z'/%3E%3Ccircle cx='6' cy='15' r='2'/%3E%3Ccircle cx='194' cy='15' r='2'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 30'%3E%3Cg fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='M6 15h60c8 0 12-6 18-6s8 6 16 6 10-6 16-6 10 6 18 6h60'/%3E%3Cpath d='M100 6c4 4 4 14 0 18-4-4-4-14 0-18z'/%3E%3Ccircle cx='6' cy='15' r='2'/%3E%3Ccircle cx='194' cy='15' r='2'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat}
.t-barok .br-flourish.b{margin:16px auto 0;transform:scaleY(-1)}
.t-barok .br-hero .names{font-size:clamp(32px,9vw,46px);font-weight:600;letter-spacing:.02em}
.t-barok .br-hero .small{color:var(--gl)}
@keyframes brIn{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}
@keyframes brSheen{0%,55%{background-position:100% 0}100%{background-position:0 0}}
@media (prefers-reduced-motion:reduce){.t-barok .br-hero,.t-barok .br-sheen{animation:none}}
/* Ota-onalar bloki hero'dan keyin darhol: partial sarlavhasi takror (host-of allaqachon bor) */
.t-barok .content>section:has(>.parents)>.small{display:none}