:root{--ivory:#F4EDE2;--ivory2:#E9DECE;--ink:#3B2A22;--ink2:#5E4A3C;--ink3:#6B5647;--mute:#6F5A4A;--terra:#A44F31;--gold:#C9822A;--saffron:#E7A84E;--line:#DCCBB5;--line2:#D2BEA6;--ease:cubic-bezier(.16,1,.3,1)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:clip}
body{margin:0;color:var(--ink);font-family:Manrope,system-ui,sans-serif;text-wrap:pretty;-webkit-font-smoothing:antialiased;background-color:var(--ivory);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .35 0 0 0 0 .22 0 0 0 0 .14 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
a{color:var(--terra);text-decoration:none}
a:hover{color:#7E3A22}
button{font:inherit}
::selection{background:#EBC88F}
:focus-visible{outline:2px solid var(--terra);outline-offset:3px}
img{display:block}
.forum{font-family:Forum,serif;font-weight:400}

/* nav */
.nav{position:fixed;top:0;left:0;right:0;z-index:10;display:flex;align-items:center;gap:clamp(16px,3vw,44px);padding:22px clamp(20px,5vw,72px);background:linear-gradient(var(--ivory),color-mix(in srgb,var(--ivory) 0%,transparent))}
.nav--static{position:static;background:none;max-width:1240px;margin:0 auto;box-sizing:border-box}
/* шапка внутренних страниц: контур появляется только после прокрутки (is-scrolled ставит site.js) */
.head{position:sticky;top:0;z-index:30;background:color-mix(in srgb,var(--ivory) 86%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid transparent;transition:border-color .5s,box-shadow .5s}
.head.is-scrolled{border-bottom-color:#E3D5C2;box-shadow:0 12px 30px -24px rgba(91,52,30,.35)}
/* шапка главной: поверх Hero, градиент → размытый фон и сжатие после 40px */
.nav[data-nav-fixed]{transition:box-shadow .5s,padding .5s}
.nav[data-nav-fixed].is-scrolled{background:color-mix(in srgb,var(--ivory) 86%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 1px 0 #E3D5C2,0 12px 30px -24px rgba(91,52,30,.35);padding-top:14px;padding-bottom:14px}
.nav a{color:var(--ink);font-size:13px;letter-spacing:.08em}
.nav a:hover,.nav a[aria-current]{color:var(--terra)}
.nav .brand{margin-right:auto;display:flex;align-items:center;gap:12px;font-family:Forum,serif;font-size:22px;letter-spacing:.32em;color:var(--ink)}
.nav .brand img{height:30px;width:auto}

/* hero */
.hero{position:relative;min-height:min(100vh,860px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:120px clamp(20px,5vw,72px) 130px;overflow:hidden}
.hero-in{position:relative;display:flex;flex-direction:column;align-items:center;gap:clamp(20px,3vw,32px)}
.hero-mark{height:clamp(84px,11vw,150px);width:auto}
.hero h1{font-family:Forum,serif;font-weight:400;font-size:clamp(56px,11vw,168px);line-height:.9;letter-spacing:.3em;margin:0 -.3em 0 0}
.loka{display:flex;align-items:center;gap:20px;font-family:Forum,serif;font-size:clamp(14px,1.3vw,18px);letter-spacing:.6em;color:var(--mute)}
.loka i{width:clamp(40px,8vw,120px);height:1px;background:#C9A57A}
.loka span{margin-right:-.6em}
.hero p{margin:clamp(8px,2vw,24px) 0 0;max-width:34ch;font-size:clamp(17px,1.5vw,20px);line-height:1.6;color:var(--ink2)}
.scroll-down{position:absolute;bottom:32px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--mute)}
.scroll-down i{width:1px;height:40px;background:linear-gradient(#C9A57A,transparent)}

/* buttons */
.btn{display:inline-flex;align-items:center;gap:10px;padding:16px 30px;border-radius:999px;font-size:14px;letter-spacing:.06em;border:1px solid transparent;cursor:pointer;transition:background .3s,color .3s}
.btn--dark{background:var(--ink);color:var(--ivory)}
.btn--dark:hover{background:var(--terra);color:var(--ivory)}
.btn--line{border-color:#C9B49C;color:var(--ink);background:transparent}
.btn--line:hover{background:#EADFCF;color:var(--ink)}

/* sections */
.wrap{max-width:1240px;margin:0 auto;padding-left:clamp(20px,5vw,72px);padding-right:clamp(20px,5vw,72px)}
.eyebrow{display:flex;align-items:center;gap:16px;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--terra)}
.eyebrow i{width:40px;height:1px;background:var(--gold)}
h2.big{font-family:Forum,serif;font-weight:400;font-size:clamp(40px,4.6vw,64px);line-height:1.05;margin:0}
.intro{padding-top:clamp(80px,12vw,160px);padding-bottom:clamp(80px,12vw,160px);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:56px clamp(40px,7vw,112px);align-items:center}
.intro .col{display:flex;flex-direction:column;gap:32px}
.intro p{margin:0;font-family:Forum,serif;font-size:clamp(28px,3.2vw,44px);line-height:1.25}

/* arch photo */
.arch-wrap{container-type:inline-size}
.arch{padding:12px;border:1px solid #D9B98E;border-radius:50cqw 50cqw 22px 22px;transition:border-color 1s ease,box-shadow 1.2s ease}
.arch-in{position:relative;aspect-ratio:3/4;border-radius:calc(50cqw - 13px) calc(50cqw - 13px) 12px 12px;overflow:hidden;background:#EADFCD}
.slot-img{position:absolute;top:-3px;left:-3px;width:calc(100% + 6px);height:calc(100% + 6px);object-fit:cover;transition:transform 3s var(--ease),filter 2s ease}
.noimg{position:absolute;inset:0;background:#EADFCD}

/* paths */
.paths{padding-top:clamp(40px,6vw,80px);padding-bottom:clamp(80px,12vw,160px)}
.sec-head{display:flex;flex-direction:column;gap:20px;margin-bottom:clamp(32px,4vw,56px)}
.paths-list{display:flex;flex-direction:column;border-top:1px solid var(--line)}
.path{display:flex;flex-wrap:wrap;gap:12px clamp(20px,4vw,56px);align-items:center;padding:clamp(28px,4vw,48px) 0;border-bottom:1px solid var(--line);color:var(--ink);transition:padding .4s ease,background .4s}
.path .n{font-family:Forum,serif;font-size:18px;color:var(--terra);flex:0 0 clamp(36px,7vw,100px)}
.path .t{font-family:Forum,serif;font-size:clamp(30px,3.6vw,52px);line-height:1.05;flex:1 1 280px}
.path .d{font-size:15px;line-height:1.6;color:var(--ink3);flex:1 1 260px}
.path .ic{font-size:24px;flex:0 0 auto;transition:transform .4s}

/* meaning */
.meaning{position:relative;background:radial-gradient(900px 500px at 50% 0%,#74412D,transparent 70%),#4E2C1F;color:var(--ivory);padding:clamp(96px,14vw,184px) clamp(20px,5vw,72px);text-align:center;overflow:hidden}
.meaning .in{max-width:820px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:28px}
.sanskrit{font-family:'Tiro Devanagari Sanskrit',serif;font-size:clamp(64px,8vw,112px);line-height:1.1;color:var(--saffron)}
.meaning .cap{display:flex;align-items:center;gap:18px;font-size:11px;letter-spacing:.36em;text-transform:uppercase;color:#D3BBA4}
.meaning .cap i{width:32px;height:1px;background:#9C7457}
.meaning p{margin:0;font-family:Forum,serif;font-size:clamp(26px,3vw,40px);line-height:1.35}

/* ceramics */
.ceramics{padding-top:clamp(96px,13vw,176px);padding-bottom:clamp(96px,13vw,176px);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr));gap:clamp(40px,7vw,112px);align-items:center}
.cer-photos{position:relative;max-width:460px;width:100%;justify-self:center;padding-bottom:12%}
.cer-photos .arch-wrap{width:82%}
.cer-small{position:absolute;right:0;bottom:0;width:44%;aspect-ratio:3/4;border-radius:14px;overflow:hidden;border:6px solid var(--ivory);box-shadow:0 30px 60px -30px rgba(91,52,30,.5);background:#EADFCD;transition:transform .8s cubic-bezier(.22,.61,.36,1),box-shadow .8s}
.cer-small:hover{transform:translateY(-8px) rotate(-1.5deg);box-shadow:0 40px 70px -30px rgba(91,52,30,.6)}
.cer-small .slot-img{transition:none}
.ceramics .col{display:flex;flex-direction:column;gap:26px}
.ceramics p{margin:0;font-size:16px;line-height:1.75;color:var(--ink3);max-width:42ch}

/* contacts */
.contacts{background:var(--ivory2)}
.contacts .grid{padding-top:clamp(80px,11vw,144px);padding-bottom:clamp(80px,11vw,144px);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:48px clamp(40px,7vw,112px)}
.contacts .col{display:flex;flex-direction:column;gap:26px}
.clist{display:flex;flex-direction:column;gap:12px}
.cmain,.crow{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;color:var(--ink);transition:background .35s,border-color .35s,color .35s,transform .35s}
.cmain small,.crow small{display:block;font-size:11px;letter-spacing:.2em;text-transform:uppercase;margin-bottom:5px}
.cmain b,.crow b{font-family:Forum,serif;font-weight:400;overflow-wrap:anywhere}
.cmain .ic,.crow .ic{font-size:26px}
.crow .mono{width:26px;text-align:center}
.crow .mono{font:400 15px Forum,serif;letter-spacing:.04em;line-height:26px}
.cmain>.ic:last-child,.crow>.ic:last-child{font-size:20px;transition:transform .4s}
.cmain:hover>.ic:last-child,.crow:hover>.ic:last-child{transform:translate(3px,-3px)}
.cmain{padding:26px 28px;border-radius:20px;background:var(--ink);color:var(--ivory)}
.cmain small{color:#C9B49C}
.cmain b{font-size:clamp(26px,2.6vw,34px);line-height:1.1}
.cmain>.ic:first-child{font-size:34px;color:var(--saffron)}
.cmain:hover{background:var(--terra);color:var(--ivory);transform:translateY(-2px)}
.cmain:hover small{color:#F4D9C8}
.crow{padding:20px 24px;border:1px solid var(--line2);border-radius:20px;background:rgba(255,255,255,.28)}
.crow small{color:var(--mute)}
.crow b{font-size:24px}
.crow:hover{border-color:var(--terra);background:rgba(255,255,255,.55);color:var(--terra)}
.csoc{display:flex;flex-direction:column;gap:12px;margin-top:14px}
.csoc-t{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--mute);padding-left:4px}

/* lead form */
.form{display:flex;flex-direction:column;gap:14px;max-width:460px}
.form label{display:flex;flex-direction:column;gap:6px;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--mute)}
.form input,.form textarea,.form select{font:400 16px Manrope,sans-serif;letter-spacing:0;text-transform:none;color:var(--ink);background:rgba(255,255,255,.45);border:1px solid var(--line2);border-radius:14px;padding:13px 16px;width:100%}
.form textarea{min-height:90px;resize:vertical}
.form input:focus,.form textarea:focus{outline:none;border-color:var(--terra)}
.form .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.form-msg{font-size:14px;min-height:1.4em;color:var(--ink2)}
.form-msg.err{color:#9A2B18}
.form button[disabled]{opacity:.6;cursor:wait}

/* footer */
.footer{background:var(--ink);color:#C9B49C}
.footer .in{max-width:1240px;margin:0 auto;padding:56px clamp(20px,5vw,72px) 40px;display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center}
.footer .in img{height:64px;width:auto;margin-bottom:6px}
.footer .name{font-family:Forum,serif;font-size:34px;letter-spacing:.32em;color:var(--ivory);margin-right:-.32em}
.footer .loka{font-size:12px;letter-spacing:.5em;gap:14px;color:#C9B49C}
.footer .loka i{width:28px;height:1px;background:#7A5A45}
.footer .loka span{margin-right:-.5em}
.footer .dom{font-size:12px;letter-spacing:.1em;margin-top:12px}
.footer--row .in{flex-direction:row;flex-wrap:wrap;justify-content:space-between;padding:48px clamp(20px,5vw,72px) 36px}
.footer--row .brand{display:flex;align-items:center;gap:14px}
.footer--row .brand img{height:40px;margin:0}
.footer--row .brand span{font-family:Forum,serif;font-size:26px;letter-spacing:.32em;color:var(--ivory)}

/* catalog */
.cat{padding-top:clamp(48px,7vw,96px);padding-bottom:clamp(80px,10vw,140px)}
.cat-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:clamp(40px,5vw,64px)}
.cat-head .l{display:flex;flex-direction:column;gap:20px}
.cat-head h1{font-family:Forum,serif;font-weight:400;font-size:clamp(44px,5.6vw,80px);line-height:1;margin:0}
.tabs{display:flex;flex-wrap:wrap;gap:8px}
.tab{padding:11px 20px;border-radius:999px;border:1px solid var(--line2);color:var(--ink);font:500 13px Manrope,sans-serif;letter-spacing:.04em;transition:all .3s}
.tab:hover{color:var(--ink);border-color:var(--ink)}
.tab[aria-current]{background:var(--ink);border-color:var(--ink);color:var(--ivory)}
.tab span{opacity:.55;margin-left:4px}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,270px),1fr));gap:20px;margin-bottom:20px}
.card{display:flex;flex-direction:column;gap:16px;color:var(--ink);background:none;border:0;padding:0;text-align:left;cursor:pointer;font:inherit}
.card .frame{position:relative;aspect-ratio:3/4;border-radius:20px;overflow:hidden;background:#EADFCD;box-shadow:0 0 0 1px transparent;transition:transform .7s cubic-bezier(.22,.61,.36,1),box-shadow .7s cubic-bezier(.22,.61,.36,1)}
.card .frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.4s cubic-bezier(.22,.61,.36,1)}
.card .veil{position:absolute;inset:0;pointer-events:none;background:radial-gradient(120% 80% at 50% 0%,rgba(231,168,78,.22),transparent 60%);opacity:0;transition:opacity .7s}
.badge{position:absolute;top:14px;left:14px;padding:6px 12px;border-radius:999px;background:color-mix(in srgb,var(--ivory) 88%,transparent);backdrop-filter:blur(6px);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink);pointer-events:none}
.card .ttl{font-family:Forum,serif;font-size:24px;line-height:1.15}
.card .foot{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:14px;border-top:1px solid var(--line);width:100%}
.card .dur{font-size:13px;color:var(--mute)}
.card .price{font-family:Forum,serif;font-size:20px;color:var(--ink)}
.card .cta{display:flex;align-items:center;gap:8px;font-size:11px;letter-spacing:.14em;text-transform:uppercase}
.card .cta .ic{font-size:15px;transition:transform .5s}
.prod{display:flex;flex-direction:column;gap:14px;color:var(--ink)}
.prod:hover{color:var(--terra)}
.prod .ph{position:relative;aspect-ratio:3/4;border-radius:20px;overflow:hidden;background:#EADFCD}
.prod .ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.4s cubic-bezier(.22,.61,.36,1)}
.prod:hover .ph img{transform:scale(1.05)}
.prod .row{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.prod .row b{font-family:Forum,serif;font-weight:400;font-size:24px;line-height:1.15}
.prod .row span{font-family:Forum,serif;font-size:18px;white-space:nowrap;color:var(--mute)}
.prod small{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--mute);margin-top:-8px}
.empty{color:var(--mute);padding:40px 0}

/* dialog */
dialog.book{border:0;border-radius:24px;padding:clamp(24px,4vw,40px);background:var(--ivory);color:var(--ink);width:min(520px,calc(100% - 32px));box-shadow:0 40px 80px -30px rgba(59,42,34,.6)}
dialog.book::backdrop{background:rgba(59,42,34,.55);backdrop-filter:blur(3px)}
dialog.book h3{font-family:Forum,serif;font-weight:400;font-size:32px;line-height:1.1;margin:0 0 6px}
dialog.book .sub{margin:0 0 20px;color:var(--ink3);font-size:15px}
dialog.book .x{position:absolute;top:14px;right:14px;width:36px;height:36px;border-radius:50%;border:1px solid var(--line2);background:none;color:var(--ink);cursor:pointer;font-size:18px}

@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}html{scroll-behavior:auto}}

/* thank-you / errors */
.thanks{display:flex;flex-direction:column;align-items:flex-start;gap:14px;max-width:460px;padding:32px;border:1px solid #D9B98E;border-radius:22px;background:linear-gradient(160deg,rgba(255,255,255,.55),rgba(233,222,206,.5));box-shadow:0 30px 60px -36px rgba(91,52,30,.45),0 0 0 6px rgba(231,168,78,.08)}
.thanks img{height:44px;width:auto}
.thanks h4{margin:0;font:400 clamp(28px,3vw,36px)/1.1 Forum,serif}
.thanks p{margin:0;color:var(--ink3);line-height:1.6}
.form-msg.err{padding:10px 14px;border-radius:12px;background:#F6E3DD;border:1px solid #E3B2A8;color:#7E2A18}
.form-msg:empty{display:none}
.form[hidden]{display:none}

@media (max-width:560px){
  .nav{gap:14px}
  .nav{padding-left:18px;padding-right:18px}
  .nav a:not(.brand):not(.nav-sil){font-size:12.5px;letter-spacing:.03em;padding:12px 2px;margin:-12px -2px;white-space:nowrap}
  .nav .brand span,.nav [data-nav-hide]{display:none}
}


/* consent + legal */
.form label.consent{flex-direction:row;align-items:flex-start;gap:10px;text-transform:none;letter-spacing:0;font-size:13px;line-height:1.5;color:var(--ink3)}
.form label.consent input{width:18px;height:18px;margin-top:2px;flex:none;accent-color:var(--terra)}
.form label.consent a{text-decoration:underline}
.plink{color:#C9B49C;text-decoration:underline;text-underline-offset:3px;font-size:12px;letter-spacing:.04em}
.plink:hover{color:var(--ivory)}
.legal{max-width:760px;padding-top:clamp(48px,7vw,96px);padding-bottom:clamp(80px,10vw,140px)}
.legal h1{font-family:Forum,serif;font-weight:400;font-size:clamp(36px,5vw,60px);line-height:1.05;margin:20px 0 8px}
.legal h2{font-family:Forum,serif;font-weight:400;font-size:24px;margin:32px 0 8px}
.legal p{line-height:1.7;color:var(--ink2);margin:0 0 8px}
.legal .muted-p{color:var(--mute);font-size:14px}

/* v2: список-навигатор в Intro и кнопки Мастерской */
.jump{display:flex;flex-direction:column;border-top:1px solid var(--line)}
.jump a{display:flex;align-items:center;gap:16px;padding:18px 0;border-bottom:1px solid var(--line);color:var(--ink);font-size:15px;transition:padding .4s ease,color .4s}
.jump a:hover{padding-left:12px;color:var(--terra)}
.jump .n{font-family:Forum,serif;color:var(--terra);width:28px}
.jump .t{flex:1}
.btns2{display:flex;flex-wrap:wrap;gap:12px}

.ic{width:1em;height:1em;flex:none;display:inline-block;vertical-align:-.125em}
.btn .ic{font-size:16px}
.jump .ic{font-size:18px}

.contacts .eyebrow{color:#8F4429}
.plink{display:inline-block;padding:10px 0}

/* баннер магазина */
.shop-banner{margin-top:clamp(40px,5vw,64px);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px;padding:clamp(28px,4vw,48px);border-radius:20px;background:radial-gradient(700px 300px at 0% 0%,#74412D,transparent 70%),#4E2C1F;color:var(--ivory);transition:transform .7s cubic-bezier(.22,.61,.36,1),box-shadow .7s}
.shop-banner:hover{color:var(--ivory);transform:translateY(-4px);box-shadow:0 30px 60px -30px rgba(78,44,31,.7)}
.shop-banner>div{display:flex;flex-direction:column;gap:12px;max-width:560px}
.shop-banner .eyebrow{color:#E7A84E}.shop-banner .eyebrow i{background:#E7A84E}
.shop-banner .t{font-family:Forum,serif;font-size:clamp(28px,3vw,40px);line-height:1.15}
.shop-banner .go{display:inline-flex;align-items:center;gap:10px;padding:16px 30px;border-radius:999px;border:1px solid #C9A57A;font-size:14px;letter-spacing:.06em}

/* предпросмотр */
html.pv-lock{overflow:hidden}
dialog.pv{border:0;padding:clamp(0px,3vw,40px);margin:0;max-width:none;max-height:none;width:100%;height:100%;background:transparent;color:var(--ink);display:none;align-items:center;justify-content:center}
dialog.pv[open]{display:flex}
dialog.pv::backdrop{background:rgba(43,29,22,.55);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:pvfade .5s ease both}
@keyframes pvfade{from{opacity:0}to{opacity:1}}
.pv-panel{position:relative;width:100%;max-width:980px;max-height:100%;overflow:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));background:var(--ivory);border-radius:24px;box-shadow:0 60px 120px -40px rgba(43,29,22,.7),0 0 0 1px #D9B98E}
.pv-ph{position:relative;aspect-ratio:3/4;overflow:hidden;background:#EADFCD;cursor:zoom-in}
.pv-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pv-ph .pv-bg{filter:blur(30px) saturate(1.1);transform:scale(1.2);opacity:.6}
.pv-ph.contain .pv-fg{object-fit:contain}
.pv-handle{position:absolute;top:8px;left:50%;width:36px;height:4px;margin-left:-18px;border-radius:2px;background:#D2BEA6;z-index:2;display:none}
.pv-tx{display:flex;flex-direction:column;gap:22px;padding:clamp(28px,4vw,52px)}
.pv-tx h2{font-family:Forum,serif;font-weight:400;font-size:clamp(34px,3.6vw,48px);line-height:1.08;margin:0}
.pv-tx p{margin:0;font-size:15px;line-height:1.75;color:var(--ink3);white-space:pre-line}
.pv-foot{margin-top:auto;display:flex;flex-direction:column;gap:14px;padding-top:22px;border-top:1px solid var(--line)}
.pv-price{font-family:Forum,serif;font-size:28px}
.pv-foot .btn{justify-content:center;padding:18px 30px}
.pv-x{position:absolute;top:14px;right:14px;width:44px;height:44px;border-radius:50%;border:1px solid var(--line2);background:color-mix(in srgb,var(--ivory) 85%,transparent);backdrop-filter:blur(6px);color:var(--ink);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .5s,background .3s;font-size:18px}
.pv-x:hover{transform:rotate(90deg);background:var(--ivory)}

.form fieldset.how{border:0;margin:0;padding:0;display:grid;gap:14px;min-width:0}
.form .how legend{padding:0;margin-bottom:10px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
.form .how legend small{margin-left:8px;font-size:12px;letter-spacing:0;text-transform:none;color:var(--ink3)}

/* v4: анимации (только transform / opacity / filter) */
.mark-wrap{position:relative;display:flex;justify-content:center}
.breath{position:absolute;left:50%;top:9%;width:calc(clamp(84px,11vw,150px)*.62);aspect-ratio:1;margin:calc(clamp(84px,11vw,150px)*-.31) 0 0 calc(clamp(84px,11vw,150px)*-.31);border-radius:50%;background:radial-gradient(closest-side,rgba(231,168,78,.55),transparent);opacity:.25;transform:scale(.7);animation:breath 8s ease-in-out 1.6s infinite both;pointer-events:none;will-change:transform,opacity}
@keyframes breath{0%,100%{opacity:.25;transform:scale(.7)}50%{opacity:1;transform:scale(1.25)}}
.hero-mark{position:relative}
.wander{position:absolute;left:50%;top:50%;width:min(120vw,1100px);aspect-ratio:1;margin:calc(min(120vw,1100px)/-2) 0 0 calc(min(120vw,1100px)/-2);border-radius:50%;background:radial-gradient(closest-side,rgba(231,168,78,.2),transparent);pointer-events:none;animation:wander 18s ease-in-out infinite;will-change:transform}
@keyframes wander{0%,100%{transform:translate(-14%,-8%)}33%{transform:translate(12%,-12%)}66%{transform:translate(8%,12%)}}
.sanskrit{display:inline-block}
.card .frame,.arch .slot-img{will-change:transform}
@media (hover:hover){
.arch:hover{border-color:var(--saffron);box-shadow:0 0 0 1px var(--saffron),0 0 48px 4px rgba(231,168,78,.35)}
.arch:hover .slot-img{transform:scale(1.14);filter:saturate(1.12) brightness(1.04)}
.path:hover{padding-left:20px;background:#EFE5D7;color:var(--ink)}
.path:hover .ic{transform:translate(4px,-4px)}
.card:hover{color:var(--terra)}
.card:hover .frame{transform:translateY(-6px);box-shadow:0 28px 50px -24px rgba(91,52,30,.45),0 0 0 1px #D9B98E}
.card:hover .frame img{transform:scale(1.06)}
.card:hover .veil{opacity:1}
.card:hover .cta .ic{transform:translate(3px,-3px)}
}
@media (hover:none){
.arch:active{border-color:var(--saffron);box-shadow:0 0 0 1px var(--saffron),0 0 48px 4px rgba(231,168,78,.35)}
.arch:active .slot-img{transform:scale(1.14);filter:saturate(1.12) brightness(1.04)}
.path:active{padding-left:20px;background:#EFE5D7;color:var(--ink)}
.path:active .ic{transform:translate(4px,-4px)}
.card:active{color:var(--terra)}
.card:active .frame{transform:translateY(-6px);box-shadow:0 28px 50px -24px rgba(91,52,30,.45),0 0 0 1px #D9B98E}
.card:active .frame img{transform:scale(1.06)}
.card:active .veil{opacity:1}
.card:active .cta .ic{transform:translate(3px,-3px)}
.arch.lit{border-color:var(--saffron);box-shadow:0 0 0 1px var(--saffron),0 0 48px 4px rgba(231,168,78,.35)}
.arch.lit .slot-img{transform:scale(1.14);filter:saturate(1.12) brightness(1.04)}
}
.path{-webkit-tap-highlight-color:transparent}
.lite dialog.pv::backdrop{backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(43,29,22,.75)}
dialog.pv.closing::backdrop{animation:pvout .38s ease both}
@keyframes pvout{from{opacity:1}to{opacity:0}}
.pv-panel{will-change:transform,opacity}

/* предпросмотр: десктоп — две колонки, мобильная — нижний лист */
@media(min-width:769px){
  .pv-panel{grid-template-columns:auto minmax(0,1fr);max-height:90vh;overflow:hidden}
  .pv-ph{height:min(90vh,640px)}
  .pv-tx{max-height:min(90vh,640px);overflow-y:auto}
}
@media(max-width:768px){
  dialog.pv{padding:0;align-items:flex-end}
  .pv-panel{display:block;position:fixed;inset:0;max-width:none;max-height:none;border-radius:24px 24px 0 0;overflow-y:auto;overscroll-behavior:contain;padding-bottom:0;box-shadow:none;touch-action:pan-y}
  .pv-handle{display:block}
  .pv-ph{aspect-ratio:3/4;width:100%}
  .pv-tx{padding:24px 20px 0;gap:16px}
  .pv-foot{position:sticky;bottom:0;margin:8px -20px 0;padding:36px 20px calc(16px + env(safe-area-inset-bottom));background:linear-gradient(transparent,#F4EDE2 30%);border-top:0}
  .pv-x{top:16px;right:12px;position:fixed}
}
dialog.pvz{border:0;padding:0;margin:0;max-width:none;max-height:none;width:100%;height:100%;background:#2B1D16;overflow:hidden}
dialog.pvz[open]{display:flex;align-items:center;justify-content:center}
dialog.pvz img{max-width:100%;max-height:100%;object-fit:contain;touch-action:none;user-select:none;-webkit-user-drag:none;will-change:transform}
dialog.pvz .pv-x{position:absolute;top:16px;right:16px;color:#F4EDE2;background:rgba(244,237,226,.14);border-color:rgba(244,237,226,.3)}

.pv-ph img[hidden],dialog.pvz img[hidden]{display:none}

.btn--glass{margin-top:8px;gap:12px;min-height:52px;padding:0 30px;box-sizing:border-box;border-color:#C9A57A;color:var(--ivory);background:transparent;font-size:14px;letter-spacing:.06em;transition:background .5s,box-shadow .6s}
.btn--glass .ic{color:var(--saffron);font-size:16px}
.btn--glass:hover{background:rgba(231,168,78,.12);color:var(--ivory);box-shadow:0 0 40px 2px rgba(231,168,78,.3)}

/* кнопка «Тишина» в шапке: дышащая точка в ритме раздела (вдох 4 с, выдох 6 с) */
.nav a.nav-sil{display:flex;align-items:center;gap:10px;min-height:40px;padding:0 16px 0 12px;border-radius:999px;border:1px solid #D9B98E;color:var(--ink);font-size:13px;letter-spacing:.08em;transition:background .5s,border-color .5s,box-shadow .5s,color .5s}
.nav a.nav-sil:hover{background:#2B1D16;border-color:#2B1D16;color:var(--ivory);box-shadow:0 10px 30px -12px rgba(231,168,78,.55)}
.nav-sil-o{position:relative;width:16px;height:16px;display:flex;align-items:center;justify-content:center}
.nav-sil-b{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle,rgba(231,168,78,.6),rgba(231,168,78,0) 70%);animation:silenceBreath 10s cubic-bezier(.45,0,.25,1) infinite}
.nav-sil-d{width:6px;height:6px;border-radius:50%;background:#E7A84E;box-shadow:0 0 8px 1px rgba(231,168,78,.8)}
@keyframes silenceBreath{0%,100%{transform:scale(.7);opacity:.5}40%{transform:scale(1.5);opacity:1}}
@media (max-width:560px){.nav a.nav-sil{padding:0;width:40px;justify-content:center}.nav-sil-w{display:none}}
@media (prefers-reduced-motion:reduce){.nav-sil-b{animation:none}}
/* плавный переход между страницами сайта; в браузерах без поддержки страница просто переключается */
@view-transition{navigation:auto}
::view-transition-group(root){animation-duration:.35s}
@media (prefers-reduced-motion:reduce){@view-transition{navigation:none}}