*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
:root{--cream:#fff2e6;--cream-d:#f5e6d3;--art:#586357;--art-l:#6e7a6d;--gd:#1a5c18;--cr:#6B1D3A;--cr-l:#8A2E50;--cab:#4A0E28;--mul:#2D0A1E;--td:#0f0806;--tb:#1a0f0a;--tm:#4a3830;--tl:#5a4a40;--bd:rgba(107,29,58,.12)}
html{scroll-behavior:smooth;font-size:20px}
body{font-family:'Inter',system-ui,sans-serif;background:var(--cream);color:var(--tb);overflow-x:hidden;font-size:1rem;line-height:1.7;font-weight:400}
@media(min-width:1400px){html{font-size:22px}}
@media(min-width:1800px){html{font-size:24px}}
@media(max-width:480px){html{font-size:20px}}
img{max-width:100%;display:block}a{color:var(--cr);text-decoration:none}
#pc{display:none}
.nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:20px 32px;display:flex;justify-content:space-between;align-items:center;transition:all .5s;background:rgba(255,242,230,.6);backdrop-filter:blur(12px)}
.nav.sc{background:rgba(255,242,230,.95);backdrop-filter:blur(20px);padding:14px 40px;box-shadow:0 2px 20px rgba(40,13,8,.06)}
.nl{font-family:'Playfair Display',serif;font-size:1.05rem;font-weight:500;color:var(--td);letter-spacing:2px;text-transform:uppercase}.nl span{color:var(--cr)}
.nk{display:flex;gap:22px;list-style:none;align-items:center}
.nk a{font-family:'Raleway',sans-serif;font-size:.78rem;font-weight:400;letter-spacing:2px;text-transform:uppercase;color:var(--art);transition:color .3s,border-color .3s;border-bottom:2px solid transparent;padding-bottom:2px}.nk a:hover{color:var(--td)}.nk a.nav-active{color:var(--cr);border-bottom-color:var(--cr)}
.nc{font-size:.8rem!important;font-weight:500;letter-spacing:2px;color:var(--cream)!important;background:var(--cr);border:none;padding:10px 22px;border-radius:24px;transition:all .4s;font-family:'Playfair',serif}.nc:hover{background:var(--cr-l);color:var(--cream)!important;box-shadow:0 4px 16px rgba(107,29,58,.2)}
section{position:relative;z-index:1;padding:40px 0}
.c{max-width:1080px;margin:0 auto;padding:0 24px}.cw{max-width:1280px;margin:0 auto;padding:0 24px}
.sl{font-family:'Raleway',sans-serif;font-size:.72rem;letter-spacing:.3em;text-transform:uppercase;color:var(--art);margin-bottom:12px}
.st{font-family:'Playfair Display',serif;font-size:clamp(1.6rem,3vw,2.4rem);font-weight:500;color:var(--td);line-height:1.25;margin-bottom:12px}.st em{font-style:italic;color:var(--cr)}
.ss{font-size:1.05rem;color:var(--tb);font-weight:400;max-width:none;line-height:1.8;margin-bottom:24px}
.sd{width:60px;height:2px;background:linear-gradient(to right,transparent,var(--cr),transparent);margin:0 0 20px;border-radius:2px}
.tc{text-align:center}.tc .sd,.tc .ss{margin-left:auto;margin-right:auto}
.reveal{opacity:0;transform:translateY(40px) scale(0.97);transition:opacity .8s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.4,0,.2,1);animation:reveal-fallback 0s .1s forwards}
.reveal.v{opacity:1;transform:translateY(0) scale(1);animation:none}
@keyframes reveal-fallback{to{opacity:1;transform:translateY(0)}}
.reveal-child{opacity:0;transform:translateY(24px) scale(0.96);transition:opacity .6s cubic-bezier(.4,0,.2,1),transform .6s cubic-bezier(.4,0,.2,1)}
.reveal-child.v{opacity:1;transform:translateY(0) scale(1)}
/* HERO */
.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:0 24px}
.hero-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1.2fr;gap:44px;align-items:center}
.hero-photo{position:relative;animation:fu .8s .2s both}
.hero-photo img{width:100%;filter:grayscale(0.15) contrast(1.02);border-radius:16px;box-shadow:0 16px 48px rgba(107,29,58,.12),0 4px 12px rgba(0,0,0,.04)}
.hero-photo::before{content:'';position:absolute;top:-12px;left:-12px;right:-12px;bottom:-12px;border-radius:20px;border:1px solid rgba(107,29,58,.06);z-index:-1}
.hero-photo::after{display:none}
.hero-text .hey{font-family:'Raleway',sans-serif;font-size:.72rem;letter-spacing:.3em;text-transform:uppercase;color:var(--art);margin-bottom:18px}
.hero-text h1{font-family:'Playfair Display',serif;font-size:clamp(2rem,4vw,3rem);font-weight:500;color:var(--td);margin-bottom:4px}
.hero-text .hti{font-family:'Raleway',sans-serif;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--tm);margin-bottom:24px}
.hero-text .hsl{font-family:'Playfair Display',serif;font-size:clamp(1.2rem,2.5vw,1.9rem);font-weight:500;font-style:italic;color:var(--cr);margin-bottom:6px}
.hero-text .hsub{font-size:1rem;color:var(--td);font-weight:400;margin-bottom:20px}
.hero-text .hcore{font-size:1rem;color:var(--tb);line-height:1.75;margin-bottom:24px}.hero-text .hcore em{color:var(--cr);font-style:italic;font-family:'Playfair Display',serif}
.hbtn{display:inline-block;background:var(--cr);color:var(--cream);padding:16px 40px;font-family:'Playfair',serif;font-size:1.05rem;font-weight:500;font-style:italic;transition:all .4s;border-radius:28px;letter-spacing:.02em;animation:none}
@keyframes softPulse{0%,100%{box-shadow:0 4px 16px rgba(107,29,58,.12)}50%{box-shadow:0 8px 32px rgba(107,29,58,.2)}}
.hbtn:hover{background:var(--cr-l);box-shadow:0 8px 28px rgba(107,29,58,.2);transform:translateY(-2px)}
.hbtn-g{color:var(--art);border-bottom-color:var(--art)}.hbtn-g:hover{color:var(--art-l)}
.route-btn{display:inline-block;background:none;color:var(--cr);padding:14px 0;font-family:'Playfair',serif;font-size:1.1rem;font-weight:500;font-style:italic;transition:color .3s;border:none;border-bottom:1px solid var(--cr)}
.route-btn:hover{color:var(--cr-l)}
/* TWO VISUAL ELEMENTS */
.vis-duo{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center;max-width:860px;margin:0 auto}
.orbit-system{position:relative;width:300px;height:300px;margin:0 auto;overflow:visible;background:radial-gradient(circle,rgba(255,242,230,.3) 0%,transparent 70%)}
.oc{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:22px;height:22px;background:#7A2845;border-radius:50%;box-shadow:0 0 20px rgba(168,62,62,.7),0 0 44px rgba(107,29,58,.4),0 0 70px rgba(40,13,8,.2);animation:corepulse 3s ease-in-out infinite}
.or{position:absolute;top:50%;left:50%;border-radius:50%;z-index:1}
/* Ring 1 — cranberry, fast */
.or:nth-child(2){width:90px;height:90px;margin:-45px 0 0 -45px;border:2px solid #7A2845;animation:os 10s linear infinite;box-shadow:0 0 16px rgba(168,62,62,.25)}
/* Ring 2 — artichoke, medium reverse */
.or:nth-child(3){width:155px;height:155px;margin:-77px 0 0 -77px;border:2px solid #488244;animation:os 18s linear infinite reverse;box-shadow:0 0 14px rgba(72,130,68,.2)}
/* Ring 3 — green bean, slow */
.or:nth-child(4){width:220px;height:220px;margin:-110px 0 0 -110px;border:1.5px solid rgba(20,90,15,.4);animation:os 28s linear infinite;box-shadow:0 0 10px rgba(20,90,15,.12)}
/* Ring 4 — cabernet, very slow reverse */
.or:nth-child(5){width:285px;height:285px;margin:-142px 0 0 -142px;border:1px dashed rgba(61,0,0,.2);animation:os 40s linear infinite reverse}
/* Cranberry dots */
.od{position:absolute;width:10px;height:10px;background:#7A2845;border-radius:50%;box-shadow:0 0 16px rgba(168,62,62,.7);animation:dotpulse 2s ease-in-out infinite}
.or:nth-child(2) .od{top:-4px;left:50%;margin-left:-4px;animation-delay:0s}
.or:nth-child(3) .od{top:50%;right:-4px;margin-top:-4px;animation-delay:.5s}
.or:nth-child(4) .od{bottom:-4px;left:50%;margin-left:-4px;animation-delay:1s}
.or:nth-child(5) .od{top:30%;left:-4px;animation-delay:1.5s}
/* Artichoke dots */
.og{position:absolute;width:8px;height:8px;background:#488244;border-radius:50%;box-shadow:0 0 12px rgba(72,130,68,.6);animation:dotpulse 2.5s ease-in-out infinite}
.or:nth-child(2) .og{bottom:-3px;left:30%;animation-delay:.3s}
.or:nth-child(3) .og{top:15%;left:-3px;animation-delay:.8s}
.or:nth-child(4) .og{top:-3px;right:25%;animation-delay:1.3s}
.or:nth-child(5) .og{bottom:20%;right:-3px;animation-delay:1.8s}
/* Mulled wine dots (new!) */
.omw{position:absolute;width:7px;height:7px;background:#5a1a12;border-radius:50%;box-shadow:0 0 10px rgba(90,26,18,.6);animation:dotpulse 3s ease-in-out infinite}
.or:nth-child(2) .omw{top:50%;left:-2px;margin-top:-2px;animation-delay:.6s}
.or:nth-child(3) .omw{bottom:-2px;right:35%;animation-delay:1.1s}
.or:nth-child(4) .omw{top:25%;right:-2px;animation-delay:1.6s}
/* Labels with gentle float */
.ol{position:absolute;font-family:'Playfair Display',serif;font-size:1rem;font-style:italic;font-weight:500;white-space:nowrap;animation:float 6s ease-in-out infinite;z-index:2}
.ol:nth-child(6){top:50%;left:-54px;margin-top:-10px;color:#7A2845;font-weight:600;animation-delay:0s}
.ol:nth-child(7){top:-24px;left:0;right:0;text-align:center;color:#3a6b36;font-weight:600;animation-delay:1s}
.ol:nth-child(8){bottom:20px;left:0;right:0;text-align:center;color:#145a0f;font-weight:600;animation-delay:2s}
.vis-label{font-family:'Playfair Display',serif;font-size:.82rem;color:var(--td);text-align:center;margin-top:14px;font-weight:500;position:relative;z-index:2}
/* STATE ELEMENT */
.state-el{position:relative;width:240px;height:240px;margin:0 auto}
.state-core{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,var(--cr),var(--art));opacity:.25;animation:pulse 4s ease-in-out infinite,glow 3s ease-in-out infinite}
.sr{position:absolute;top:50%;left:50%;border-radius:50%;border:1px dashed}


.stag{position:absolute;font-family:'Raleway',sans-serif;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;padding:4px 10px;border-radius:10px;white-space:nowrap;animation:float 5s ease-in-out infinite,drift 8s ease-in-out infinite;transition:all .3s}
.stag:hover{transform:scale(1.15)}
.stag.from{background:rgba(107,29,58,.1);color:var(--cr)}
.stag.to{background:rgba(88,99,87,.1);color:var(--gd)}
.s1{top:6%;left:8%;animation-delay:0s}.s2{top:18%;right:3%;animation-delay:1s}
.s3{bottom:28%;left:0;animation-delay:2s}.s4{top:3%;right:18%;animation-delay:.5s}
.s5{bottom:12%;right:8%;animation-delay:1.5s}.s6{bottom:3%;left:18%;animation-delay:2.5s}
.state-arrow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:'Playfair Display',serif;font-size:1.3rem;color:var(--cr);animation:pulse 3s ease-in-out infinite}
/* DARK SEC */
.sec-dk{padding:40px 0}
.sec-dk .sl{color:var(--art)}.sec-dk .st{color:var(--td)}.sec-dk .st em{color:var(--cr)}.sec-dk .ss{color:var(--tm)}
.sec-dk .card{}.sec-dk .card:hover{}
.sec-dk .card .ct{color:var(--td)}.sec-dk .card .cd{color:var(--tm)}
/* ART SEC */
.sec-at{padding:40px 0}
.sec-at .sl{color:var(--art)}.sec-at .st{color:var(--td)}.sec-at .ss{color:var(--tm)}
/* CARDS */
.card{background:rgba(255,255,255,.4);border:none;border-radius:16px;padding:28px 24px;transition:all .4s;box-shadow:0 2px 12px rgba(107,29,58,.04)}
.card:hover{box-shadow:0 8px 28px rgba(107,29,58,.08);transform:translateY(-3px)}
.card .cn{font-family:'Playfair Display',serif;font-size:1.5rem;color:var(--cream-d);margin-bottom:6px}
.card:hover .cn{color:rgba(107,29,58,.12)}
.card .ct{font-family:'Playfair Display',serif;font-size:.92rem;font-weight:600;color:var(--td);margin-bottom:5px}
.card .cd{font-size:.8rem;color:var(--tm);line-height:1.6}
/* EXPAND */
details.ex{margin-bottom:8px;background:rgba(255,255,255,.3);border-radius:12px;padding:4px 16px;transition:all .3s}details.ex[open]{background:rgba(255,255,255,.5);box-shadow:0 2px 12px rgba(107,29,58,.04)}details.ex summary{cursor:pointer;font-family:'Raleway',sans-serif;font-size:.85rem;letter-spacing:.08em;color:var(--cr);padding:10px 0;border:none;list-style:none}
details.ex summary::-webkit-details-marker{display:none}
details.ex .eb{padding:12px 0;font-size:.95rem;color:var(--tb);line-height:1.8;transform-origin:top}details.ex .eb p{margin-bottom:10px}
@keyframes revealContent{from{opacity:0;transform:scaleY(0.8) translateY(-10px)}to{opacity:1;transform:scaleY(1) translateY(0)}}
/* PRODUCTS */
.prod{background:rgba(255,255,255,.45);border:none;border-radius:16px;padding:28px 24px;display:flex;flex-direction:column;box-shadow:0 2px 12px rgba(107,29,58,.04)}
.prod.pf{border:1px solid rgba(168,62,62,.15);box-shadow:0 4px 16px rgba(168,62,62,.06)}
.prod .pt{font-family:'Raleway',sans-serif;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--art)}
.prod .pn{font-family:'Playfair Display',serif;font-size:1.15rem;color:var(--td);font-weight:600;margin:5px 0 3px}.prod .pn em{color:var(--cr)}
.prod .pp{font-size:.84rem;color:var(--cr);font-weight:500;margin-bottom:4px}
.prod .pd{font-size:.88rem;color:var(--tm);line-height:1.55;margin-bottom:8px}
.prod .pd .pd-more{display:none!important;margin-top:8px}.prod .pd .pd-more.open{display:block!important}
.pd-toggle{display:inline-block;margin-top:10px;font-family:'Raleway',sans-serif;font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;color:var(--cr);cursor:pointer;border:none;background:none;padding:0;transition:opacity .3s}.pd-toggle:hover{opacity:.7}
.vid-slot{margin-top:14px;background:rgba(168,62,62,.03);border:none;border-radius:12px;padding:14px 0;text-align:center;cursor:pointer;transition:all .4s}
.vid-slot:hover{background:rgba(168,62,62,.06)}
.vid-play{width:36px;height:36px;border-radius:50%;background:var(--cr);display:inline-flex;align-items:center;justify-content:center;margin-bottom:6px;box-shadow:0 4px 12px rgba(107,29,58,.15)}
.vid-play::after{content:'';border-left:10px solid var(--cream);border-top:6px solid transparent;border-bottom:6px solid transparent;margin-left:2px}
.vid-link-card{position:relative;display:block;overflow:hidden;padding:0;width:100%;color:inherit;text-decoration:none;background:rgba(107,29,58,.04);border:0;border-radius:12px;font:inherit}
.vid-link-card:hover{background:rgba(107,29,58,.08);transform:translateY(-1px)}
.vid-link-card .vid-poster{display:block;width:100%;aspect-ratio:9/16;max-height:420px;object-fit:cover;object-position:center;border-radius:12px;filter:saturate(.95) contrast(1.02)}
.vid-link-card .vid-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:48px;height:48px;margin:0}
.vid-link-card .vid-label{display:block;padding:10px 12px 12px;font-family:'Raleway',sans-serif;font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;color:var(--cr)}
.vid-link-card.is-playing{background:#000;transform:none}
.vid-link-card.is-playing .vid-iframe{display:block;width:100%;aspect-ratio:9/16;max-height:420px;border:0;border-radius:12px;background:#000}
.vid-label{font-family:'Raleway',sans-serif;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--tm)}
/* CASE */
.caseblk{background:none;border:none;border-top:1px solid rgba(107,29,58,.06);padding:16px 0;max-width:840px;margin:0 auto}
.casetop{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px;flex-wrap:wrap;gap:6px}
.casebdg{font-family:'Raleway',sans-serif;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--cr);border:1px solid var(--cr);padding:3px 10px}
.casecl{font-family:'Playfair Display',serif;font-size:1rem;color:var(--cr)}
.caseq{font-family:'Playfair Display',serif;font-size:.95rem;font-style:italic;color:var(--td);line-height:1.7;margin-bottom:14px;padding-left:12px;border-left:2px solid var(--mul)}
.cg{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.cc{padding:8px 0;border-top:1px solid rgba(107,29,58,.1)}
.clbl{font-family:'Raleway',sans-serif;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--art);margin-bottom:3px}
.cc p{font-size:.82rem;color:var(--tm);line-height:1.55;margin:0}
.cnote{margin-top:12px;font-size:.72rem;color:var(--tl);font-style:italic}
/* BOOKS */
.books{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}
.book{border:none;border-top:1px solid rgba(107,29,58,.06);background:none;transition:all .3s}.book[open]{border-top-color:var(--cr)}
.bcover{cursor:pointer;padding:18px 14px;list-style:none}.bcover::-webkit-details-marker{display:none}
.bseries{font-family:'Raleway',sans-serif;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--art);margin-bottom:5px}
.btitle{font-family:'Playfair Display',serif;font-size:.95rem;color:var(--td);font-weight:600;margin-bottom:4px}
.bwhen{font-size:.78rem;color:var(--cr);font-style:italic;margin-bottom:5px}
.btap{font-size:.75rem;color:var(--art);margin-top:5px}
.bcont{padding:0 14px 14px}.bch{font-family:'Playfair Display',serif;font-size:.86rem;font-weight:600;color:var(--td);margin:10px 0 4px}
.bcont p{font-size:.8rem;color:var(--tm);line-height:1.6;margin-bottom:7px}
.bcq{font-family:'Playfair Display',serif;font-style:italic;font-size:.84rem;color:var(--cr);padding-left:10px;border-left:2px solid var(--mul);margin-top:8px}
/* TRACKS */
.rc{background:rgba(255,255,255,.35);border:none;border-radius:16px;padding:24px 20px;margin-bottom:12px;box-shadow:0 2px 12px rgba(107,29,58,.04)}
.rc h3{font-family:'Playfair Display',serif;font-size:1.02rem;color:var(--td);font-weight:600;margin-bottom:8px}
.ri-detail{margin-bottom:4px}
.ri-detail::-webkit-details-marker{display:none}
.ri{font-family:'Playfair Display',serif;font-size:.86rem;font-style:italic;color:var(--tm);line-height:1.6;padding:8px 12px;border-left:2px solid rgba(107,29,58,.08);border-radius:0 8px 8px 0;background:rgba(255,255,255,.3);transition:all .3s;cursor:pointer;list-style:none}
.ri::-webkit-details-marker{display:none}
.ri:hover{background:rgba(168,62,62,.04);border-left-color:var(--cr)}
.ri-detail[open] .ri{border-left-color:var(--cr);background:rgba(168,62,62,.04);color:var(--td)}
.ri-exp{font-family:'Inter',system-ui,sans-serif;font-size:.78rem;font-style:normal;color:var(--tm);line-height:1.65;padding:8px 12px 12px;animation:fu .4s both}
/* SERIAL — SYNAPSE NODES */
.sn{position:absolute;border-radius:50%;animation:dotpulse 2s ease-in-out infinite;pointer-events:none}
.sn-r{background:#c04848;box-shadow:0 0 14px rgba(192,72,72,.7)}
.sn-g{background:#6a7d68;box-shadow:0 0 14px rgba(106,125,104,.7)}
.sn-gold{background:#e0b840;box-shadow:0 0 14px rgba(224,184,64,.6);animation:dotpulse 2.5s ease-in-out infinite,float 5s ease-in-out infinite}
/* SERIAL — ENTRY BUTTON WITH PARTICLES */
.serial-entry{position:relative;max-width:500px;margin:0 auto 20px;padding:10px;text-align:center}
.serial-entry .serial-btn-main{position:relative;z-index:10;cursor:pointer}
.serial-entry-wrap{position:relative;display:inline-flex;align-items:center;gap:20px}
.serial-icon{width:44px;height:64px;opacity:.7}
.serial-icon-f{fill:var(--cr)}
.serial-icon-m{fill:var(--gd)}
.serial-btn-main{font-family:'Playfair Display',serif;font-size:clamp(1.2rem,3vw,1.6rem);font-weight:500;color:var(--cr);padding:20px 0;border:none;background:none;transition:color .3s,text-shadow .3s;position:relative;z-index:20;cursor:pointer;list-style:none}
.serial-btn-main:hover{color:var(--cr-l);text-shadow:0 0 30px rgba(107,29,58,.3)}
.serial-btn-main::-webkit-details-marker{display:none}
.serial-sub{font-family:'Raleway',sans-serif;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--tl);margin-top:8px}
/* Floating particles */
.sp{position:absolute;border-radius:50%;pointer-events:none;z-index:1}
.sp-r{background:var(--cr);opacity:.2}
.sp-g{background:var(--gd);opacity:.2}
.sp-gold{background:#d4a840;opacity:.25}
@keyframes sparkFloat{
  0%{transform:translate(0,0) scale(1);opacity:.15}
  25%{transform:translate(var(--dx1),var(--dy1)) scale(1.3);opacity:.4}
  50%{transform:translate(var(--dx2),var(--dy2)) scale(.8);opacity:.25}
  75%{transform:translate(var(--dx3),var(--dy3)) scale(1.1);opacity:.35}
  100%{transform:translate(0,0) scale(1);opacity:.15}
}
.sp{animation:sparkFloat var(--dur) ease-in-out infinite var(--del)}
/* Episode button */
.ep-btn{font-family:'Playfair Display',serif;font-size:1rem;font-weight:500;color:var(--cr);padding:14px 0;border:none;background:none;cursor:pointer;transition:color .3s;display:block;text-align:center}
.ep-btn:hover{color:var(--cr-l)}
/* STORY — paragraph as details/summary */
p.sap{font-family:'Inter',system-ui,sans-serif;font-size:1.05rem;color:var(--td);line-height:2;margin:0 0 4px}
.tn{display:block;background:rgba(168,62,62,.03);border-left:3px solid var(--cr);padding:16px 16px;margin:8px 0 4px;font-family:'Raleway',sans-serif;font-size:.95rem;color:var(--td);line-height:1.8;border-radius:0 12px 12px 0}
.tn p{margin-bottom:8px;font-family:'Raleway',sans-serif;font-size:.95rem}
.tn .nb{font-size:.85rem;color:var(--cr);margin-top:10px}
.trig{background:none;color:var(--cr);padding:0;border-radius:0;font-weight:inherit;border-bottom:1px dotted rgba(107,29,58,.35)}
@media(max-width:480px){p.sap{font-size:1rem;line-height:1.85}}
/* LETTER BUTTON — sparkle */
.letter-btn{list-style:none;cursor:pointer;display:block;text-align:center;padding:20px 0;border:none;font-family:'Playfair Display',serif;font-size:clamp(1rem,2.5vw,1.3rem);font-weight:500;color:var(--cr);transition:color .3s,text-shadow .3s;font-style:italic}
.letter-btn:hover{color:var(--cr-l);text-shadow:0 0 30px rgba(107,29,58,.3)}
.letter-btn::-webkit-details-marker{display:none}
.letter-wrap{display:none;margin:0;padding:0;text-align:left;animation:fu .6s both;background:none;border:none}
.letter-wrap.open{display:block}
.letter-photo{width:200px;height:auto;float:right;margin:0 0 14px 16px;opacity:.9}
.letter-text{font-family:'Playfair Display',serif;font-size:1.1rem;color:var(--td);line-height:2;font-style:italic;padding:0}
.letter-text p{margin-bottom:16px}
.letter-sign{font-family:'Playfair Display',serif;font-size:1.1rem;color:var(--cr);font-style:italic;margin-top:24px;text-align:right}
.letter-close{font-size:.76rem;color:var(--tl);cursor:pointer;text-align:center;margin-top:14px}
.letter-close:hover{color:var(--cr)}
@media(max-width:480px){.letter-photo{width:140px;margin:0 0 10px 12px}.letter-text{font-size:1.05rem;line-height:1.95}}
.ep{max-width:640px;margin:0 auto 20px}
.ep-title{font-family:'Playfair Display',serif;font-size:1rem;font-weight:600;color:var(--td);margin-bottom:4px}
.ep-sub{font-family:'Raleway',sans-serif;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--art);margin-bottom:16px}
.scene{margin-bottom:20px}
.scene-text{font-size:1rem;color:var(--tm);line-height:1.75;margin-bottom:0}
.scene-divider{display:flex;align-items:center;gap:10px;margin:18px 0}
.scene-divider::before,.scene-divider::after{content:'';flex:1;height:1px;background:rgba(107,29,58,.08)}
.scene-divider span{font-family:'Raleway',sans-serif;font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--tl)}
.psy-btn{display:block;width:100%;text-align:left;cursor:pointer;padding:0;border:none;background:none;margin:10px 0 0}
.psy-btn summary{display:flex;align-items:center;gap:8px;padding:10px 14px;background:rgba(168,62,62,.04);border:1px solid rgba(168,62,62,.08);transition:all .3s;list-style:none;font-family:'Raleway',sans-serif;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--cr);cursor:pointer}
.psy-btn summary::-webkit-details-marker{display:none}
.psy-btn summary:hover{background:rgba(168,62,62,.08);border-color:var(--cr)}
.psy-btn summary .psy-icon{width:20px;height:20px;border-radius:50%;background:var(--cr);color:#fff;font-size:.7rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.psy-panel{padding:14px 0;background:none;border:none;animation:fu .4s both}
.psy-analysis{font-size:.82rem;color:var(--td);line-height:1.7;margin-bottom:10px}
.psy-mech{font-size:.88rem;color:var(--cr);font-style:italic;margin-bottom:12px}
.psy-rec{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
.psy-rec-item{padding:10px 12px;background:rgba(88,99,87,.03);border:1px solid rgba(88,99,87,.08)}
.psy-rec-label{font-family:'Raleway',sans-serif;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;margin-bottom:4px}
.psy-rec-label.book{color:var(--gd)}
.psy-rec-label.prog{color:var(--cr)}
.psy-rec-title{font-family:'Playfair Display',serif;font-size:.82rem;font-weight:600;color:var(--td);margin-bottom:2px}
.psy-rec-desc{font-size:.82rem;color:var(--tm);line-height:1.5}
.psy-rec-link{font-size:.78rem;color:var(--cr);margin-top:4px;display:inline-block}
@media(max-width:480px){.psy-rec{grid-template-columns:1fr}}
/* ARTICLES */
.artg{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin-top:14px}
.art{background:none;border:none;padding:18px 0}
.artd{font-family:'Raleway',sans-serif;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--art);margin-bottom:5px}
.artt{font-family:'Playfair Display',serif;font-size:.92rem;font-weight:600;color:var(--td);margin-bottom:4px}
.arte{font-size:.8rem;color:var(--tm);line-height:1.5;margin-bottom:7px}
/* FOOTER */
footer{background:var(--mul);padding:48px 24px 24px;position:relative;z-index:1;border-radius:24px 24px 0 0}
.fg{display:grid;grid-template-columns:2fr 1fr 1fr;gap:28px}
.fbn{font-family:'Playfair Display',serif;font-size:1rem;color:var(--cr-l);margin-bottom:4px}
.ftg{font-size:.85rem;color:rgba(255,242,230,.4);margin-bottom:7px}
.fds{font-size:.78rem;color:rgba(255,242,230,.28);line-height:1.5}
.fcol h4{font-family:'Raleway',sans-serif;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--cr-l);margin-bottom:7px}
.fcol a{display:block;color:rgba(255,242,230,.38);font-size:.8rem;margin-bottom:3px;transition:color .2s}.fcol a:hover{color:var(--cream)}
.fbt{margin-top:26px;padding-top:12px;border-top:1px solid rgba(255,242,230,.07);display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px}
.fcp{font-size:.76rem;color:rgba(255,242,230,.22)}
.flg{font-size:.72rem;color:rgba(255,242,230,.16);max-width:520px;line-height:1.4;text-align:right}
/* CTA */
.cta-sec{text-align:center;padding:40px 0}
.ctat{font-size:.86rem;color:var(--tm);max-width:500px;margin:0 auto 22px;line-height:1.6}
/* GRIDS */
.g2{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.g3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}
/* ANIM */
@keyframes fu{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes os{from{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes corepulse{0%,100%{transform:translate(-50%,-50%) scale(1);box-shadow:0 0 16px rgba(61,0,0,.6),0 0 36px rgba(107,29,58,.3)}50%{transform:translate(-50%,-50%) scale(1.2);box-shadow:0 0 24px rgba(61,0,0,.8),0 0 50px rgba(107,29,58,.5),0 0 80px rgba(88,99,87,.2)}}
@keyframes dotpulse{0%,100%{transform:scale(1);opacity:.8}50%{transform:scale(1.5);opacity:1}}
@keyframes pulse{0%,100%{transform:translate(-50%,-50%) scale(1);opacity:.15}25%{transform:translate(-50%,-50%) scale(1.2);opacity:.4}50%{transform:translate(-50%,-50%) scale(.9);opacity:.2}75%{transform:translate(-50%,-50%) scale(1.15);opacity:.35}}
@keyframes float{0%{transform:translateY(0) translateX(0)}25%{transform:translateY(-7px) translateX(4px)}50%{transform:translateY(-3px) translateX(-3px)}75%{transform:translateY(-8px) translateX(2px)}100%{transform:translateY(0) translateX(0)}}
@keyframes drift{0%{transform:translate(0,0)}33%{transform:translate(8px,-6px)}66%{transform:translate(-5px,4px)}100%{transform:translate(0,0)}}
@keyframes glow{0%,100%{box-shadow:0 0 6px rgba(107,29,58,.3)}50%{box-shadow:0 0 18px rgba(107,29,58,.6)}}
/* MOB */
.mt{display:none;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;padding:12px;min-width:44px;min-height:44px;z-index:200}.mt span{width:20px;height:1.5px;background:var(--td)}
.mo{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(255,242,230,.98);backdrop-filter:blur(20px);z-index:150;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;opacity:0;pointer-events:none;transition:opacity .4s}
.mo.open{opacity:1;pointer-events:all}.mo a{font-family:'Playfair Display',serif;font-size:1.3rem;color:var(--td)}.mo a:hover{color:var(--cr)}
@media(max-width:900px){.nk{display:none}.mt{display:flex}section{padding:30px 0}.sec-dk,.sec-at,.cta-sec{padding:30px 0}.hero{min-height:auto;padding:70px 16px 24px}.hero-inner,.vis-duo,.g2,.g3,.cg,.books{grid-template-columns:1fr}.fg{grid-template-columns:1fr}.fbt{flex-direction:column}.flg{text-align:left;max-width:100%}
.c,.cw{padding:0 16px}
.prod,.caseblk,.ep,.serial-entry,.ctat{max-width:100%!important}
div[style*="max-width:700"],div[style*="max-width:640"],div[style*="max-width:600"],div[style*="max-width:500"]{max-width:100%!important}
p[style*="max-width"],details[style*="max-width"]{max-width:100%!important}
}
@media(max-width:480px){
body{font-size:20px}
.c,.cw{padding:0 12px}
.hero{padding:80px 12px 30px}
section{padding:36px 0}
.ss{font-size:1.05rem;max-width:100%!important}
.sl{font-size:.72rem}
.st{font-size:1.15rem}
/* Убираем узкие max-width — контент на всю ширину */
.prod,.caseblk,.ep,.serial-entry,.ctat,
div[style*="max-width:700"],div[style*="max-width:640"],
div[style*="max-width:600"],div[style*="max-width:500"],
div[style*="max-width:400"],
details[style*="max-width"],
p[style*="max-width"],
.route-sum,.letter-wrap,.reveal{max-width:100%!important;padding-left:0;padding-right:0}
.c[style*="max-width"]{max-width:100%!important;padding:0 12px!important}
div[style*="padding:0 40px"]{padding:0 12px!important}
.letter-text{padding:0 4px}
footer{padding:36px 12px 18px}
}

@media(max-width:400px){
html{font-size:16px}
body{font-size:16px}
.hero-text h1{font-size:1.4rem}
.hero-text .hsl{font-size:.9rem}
.hero-text .hsub{font-size:.82rem}
.hero-text .hcore{font-size:.82rem;line-height:1.65}
.st{font-size:1rem}
.ss{font-size:.88rem}
.sl{font-size:.6rem}
.card .ct{font-size:.82rem}
.card .cd{font-size:.72rem}
.prod .pn{font-size:.95rem}
.prod .pd{font-size:.78rem}
.prod .pp{font-size:.74rem}
.hbtn{padding:10px 22px;font-size:.82rem}
p.sap{font-size:.86rem;line-height:1.75}
.letter-text{font-size:.9rem;line-height:1.8}
.tn{font-size:.82rem}
.tn p{font-size:.82rem}
.scene-text{font-size:.86rem}
.nav{padding:12px 16px}
.nav.sc{padding:10px 16px}
.nl{font-size:.85rem}
.nc{font-size:.68rem!important;padding:8px 16px}
}

/* orphan keyframe removed */

/* HIDDEN PRODUCTS - revealed by button */

/* ROUTE DETAILS (products toggle) */
.route-details{border:none;margin:0}
.route-sum{display:block;text-align:center;cursor:pointer;list-style:none;
  background:none;color:var(--cr);padding:20px 0;
  font-family:'Playfair Display',serif;font-size:clamp(1rem,2.5vw,1.3rem);font-weight:500;font-style:italic;
  max-width:500px;margin:0 auto;transition:color .3s;border:none;
  position:relative;overflow:hidden}
.route-sum::before{content:none}
.route-sum::-webkit-details-marker{display:none}
.route-sum:hover{color:var(--cr-l);text-shadow:0 0 30px rgba(107,29,58,.3)}
.route-details[open] .route-sum{margin-bottom:20px}
.route-details[open] .route-sum .route-sum-arrow{transform:rotate(180deg)}
.route-sum-arrow{transition:transform .4s;font-size:1.1rem}

.route-content{animation:fu .6s both}


/* INSTRUKTSIYA BUTTON ANIMATION */
.instr-btn{border:none;background:transparent;padding:0}
.instr-btn[open]{border:none;background:transparent}
.instr-sum{padding:0;border:none;cursor:pointer;list-style:none;display:block;transition:all .3s}
.instr-sum::-webkit-details-marker{display:none}
.instr-box{display:block;text-align:center;padding:20px 0;transition:all .3s}
.instr-box::before{content:none}
.instr-box::after{content:none}
.instr-sum:hover .instr-box{}
.instr-btn[open] .instr-box{}
.instr-btn[open] .instr-box::before,
.instr-btn[open] .instr-box::after{display:none}
.instr-text{
  font-family:'Playfair Display',serif;font-size:clamp(1rem,2.5vw,1.3rem);
  color:var(--cr);font-weight:500;font-style:italic;
}
.instr-btn[open] .instr-text{color:var(--cr-l)}
.instr-arrow{font-size:1rem;color:var(--cr);transition:transform .4s}
.instr-btn[open] .instr-arrow{transform:rotate(180deg);color:var(--cr-l)}
@keyframes instrshine{0%{background-position:300% 0}50%{background-position:-100% 0}100%{background-position:300% 0}}
@keyframes instrborder{0%{background-position:200% 0}100%{background-position:-200% 0}}

/* MOBILE FIXES */
@media(max-width:900px){
  .hero-inner{padding-top:80px}
  .hero-photo img{max-height:50vh;object-fit:cover}
  /* ORBIT mobile */
  .orbit-system{width:280px;height:280px;margin:10px auto}
  .or:nth-child(2){width:70px;height:70px;margin:-35px 0 0 -35px}
  .or:nth-child(3){width:120px;height:120px;margin:-60px 0 0 -60px}
  .or:nth-child(4){width:170px;height:170px;margin:-85px 0 0 -85px}
  .or:nth-child(5){width:210px;height:210px;margin:-105px 0 0 -105px}
  .ol:nth-child(6){left:-50px;font-size:.85rem}
  .ol:nth-child(7){top:-28px;font-size:.9rem}
  .ol:nth-child(8){bottom:14px;font-size:.85rem}
  /* METAMORPH mobile */
  .mtag{font-size:.7rem;padding:3px 8px}
  /* REST */
  .instr-sum{padding:14px 18px;font-size:.92rem}
  .instr-icon{width:30px;height:30px;font-size:.9rem}
  .route-btn{padding:16px 32px!important;font-size:.85rem!important}
  .prod{padding:16px 14px}
  .prod .pn{font-size:1rem}
  .caseblk{padding:18px 14px}
  .books{gap:8px}
  .bcover{padding:14px 12px}
  .btitle{font-size:.88rem}
  footer .fg{gap:20px}
  .cta-sec{padding:60px 0}
}
@media(max-width:480px){
  .hero-inner{gap:20px}
  .hero-text h1{font-size:1.8rem}
  .hero-text .hsl{font-size:1.1rem}
  .hero-text .hcore{font-size:.8rem}
  .hbtn,.route-btn{padding:12px 24px!important;font-size:.8rem!important}
  /* ORBIT small */
  .orbit-system{width:240px;height:240px;margin:10px auto}
  .oc{width:14px;height:14px}
  .or:nth-child(2){width:70px;height:70px;margin:-35px 0 0 -35px}
  .or:nth-child(3){width:120px;height:120px;margin:-60px 0 0 -60px}
  .or:nth-child(4){width:170px;height:170px;margin:-85px 0 0 -85px}
  .or:nth-child(5){width:225px;height:225px;margin:-112px 0 0 -112px}
  .od{width:7px;height:7px}.og{width:5px;height:5px}.omw{width:4px;height:4px}
  .ol{font-size:.82rem}
  .ol:nth-child(6){left:-44px;font-size:.82rem}
  .ol:nth-child(7){top:-22px;font-size:.8rem}
  .ol:nth-child(8){bottom:14px;font-size:.82rem}
  /* METAMORPH small */
  .mtag{font-size:.6rem;padding:2px 6px}
  /* GRIDS */
  .g3{grid-template-columns:1fr}
  .serial-grid{grid-template-columns:1fr!important}
  .serial-photo-row{flex-direction:column!important;align-items:center!important}
  .serial-photo-row img{width:200px!important;margin-bottom:12px}
  div[style*="grid-template-columns:repeat(5"]{grid-template-columns:1fr 1fr!important}
  div[style*="grid-template-columns:280px"]{grid-template-columns:1fr!important}
  div[style*="grid-template-columns:200px"]{grid-template-columns:1fr!important}
}

/* INSTR BUTTON mobile */
@media(max-width:900px){
  .instr-box{padding:18px 20px;gap:10px}
  .instr-text{font-size:.92rem}
}
@media(max-width:480px){
  .instr-box{padding:16px 14px;gap:8px}
  .instr-text{font-size:.82rem}
}

/* FIRST SESSION GLOW */
.price-glow{
  display:inline-block;position:relative;
  animation:pricepulse 2.5s ease-in-out infinite;
}
.price-glow::after{
  content:'';position:absolute;top:-4px;right:-10px;bottom:-4px;left:-10px;
  border-radius:4px;
  background:linear-gradient(135deg,rgba(168,62,62,.08),rgba(72,130,68,.05));
  animation:priceglow 2.5s ease-in-out infinite;
  z-index:-1;
}
@keyframes pricepulse{0%,100%{transform:scale(1)}50%{transform:scale(1.03)}}
@keyframes priceglow{0%,100%{box-shadow:0 0 8px rgba(168,62,62,.1);opacity:.5}50%{box-shadow:0 0 24px rgba(168,62,62,.25),0 0 48px rgba(72,130,68,.1);opacity:1}}

/* btnbreathe removed */

/* HERO GEOMETRIC + BREEZE TEXT */
.hero-geo{
  position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;overflow:visible;z-index:3;
}
.geo-shape{
  position:absolute;border:1.5px solid rgba(26,15,10,.35);opacity:0;
}
.gs1{width:40px;height:40px;top:8%;left:6%;animation:gfade 2s ease-out .2s forwards;border-radius:1px}
.gs2{width:28px;height:28px;top:22%;right:8%;border-radius:50%;animation:gfade 2s ease-out .5s forwards}
.gs3{width:50px;height:22px;top:45%;left:4%;animation:gfade 2s ease-out .8s forwards}
.gs4{width:22px;height:22px;top:62%;right:12%;transform:rotate(45deg);animation:gfade 2s ease-out 1.1s forwards;border-color:rgba(168,62,62,.25)}
.gs5{width:34px;height:34px;top:78%;left:8%;border-radius:50%;animation:gfade 2s ease-out 1.4s forwards}
.gs6{width:26px;height:26px;top:15%;right:18%;animation:gfade 2s ease-out .6s forwards;border-color:rgba(88,99,87,.3)}
/* Text — appears like a breeze */
.hero-geo-text{
  text-align:center;margin-bottom:28px;position:relative;
  font-family:'Raleway',sans-serif;font-size:1.3rem;font-weight:300;
  letter-spacing:.4em;text-transform:uppercase;color:var(--td);
  white-space:nowrap;
  opacity:0;
  animation:breeze 4s ease-in-out .3s forwards,shimmertext 5s ease-in-out 4.5s infinite;
}
.hero-geo-text::after{
  content:'';position:absolute;top:0;left:0;right:0;bottom:0;
  background:linear-gradient(90deg,transparent 10%,rgba(255,255,255,.8) 50%,transparent 90%);
  background-size:200% 100%;
  mix-blend-mode:soft-light;
  animation:textglint 4s ease-in-out 5s infinite;
  pointer-events:none;
}
@keyframes gfade{
  0%{opacity:0;transform:scale(.5)}
  100%{opacity:.25;transform:scale(1)}
}
.gs4{animation:gfade 2s ease-out 1.1s forwards}
@keyframes breeze{
  0%{opacity:0;filter:blur(14px);letter-spacing:1em}
  20%{opacity:.15;filter:blur(8px);letter-spacing:.7em}
  40%{opacity:.35;filter:blur(5px);letter-spacing:.55em}
  60%{opacity:.55;filter:blur(2.5px);letter-spacing:.45em}
  80%{opacity:.75;filter:blur(.8px);letter-spacing:.42em}
  100%{opacity:.85;filter:blur(0);letter-spacing:.4em}
}
@keyframes shimmertext{
  0%,100%{opacity:.9;text-shadow:0 0 0 transparent}
  50%{opacity:.6;text-shadow:0 0 8px rgba(168,62,62,.15)}
}
@keyframes textglint{
  0%{background-position:200% 0}
  100%{background-position:-200% 0}
}

/* NEW ANIMATIONS mobile */
@media(max-width:900px){
  .route-sum{padding:18px 36px}
}
@media(max-width:480px){
  .route-sum{padding:14px 24px;font-size:.8rem!important}
  .price-glow{animation:none}
}

@media(max-width:900px){
  .hero-geo-text{font-size:1rem;margin-bottom:20px}
  .geo-shape{transform:scale(.8)}
}
@media(max-width:480px){
  .hero-geo-text{font-size:.85rem;letter-spacing:.25em;margin-bottom:14px}
  .geo-shape{transform:scale(.65)}
}







@media(max-width:480px){
  
  
}


/* ===== METAMORPHOSIS PREMIUM ===== */
/* META — CSS PARTICLES — flow red→gold→green */
.mp{position:absolute;width:7px;height:7px;border-radius:50%;z-index:2;opacity:0;
animation:mpflow 10s ease-in-out infinite}
.mp.s2{animation-duration:12s;width:5px;height:5px}
.mp.s3{animation-duration:14s;width:9px;height:9px}
@keyframes mpflow{
0%{left:2%;opacity:0;background:#c04848;box-shadow:0 0 10px rgba(192,72,72,.6);transform:scale(.4)}
8%{opacity:.7;transform:scale(1)}
25%{left:25%;background:#c06848;box-shadow:0 0 10px rgba(192,104,72,.5);transform:scale(.8)}
45%{left:45%;background:#d4a840;box-shadow:0 0 14px rgba(212,168,64,.6);transform:scale(1.2)}
65%{left:65%;background:#8aaa60;box-shadow:0 0 10px rgba(138,170,96,.5);transform:scale(.9)}
85%{left:85%;opacity:.6;background:#6a8a68;box-shadow:0 0 12px rgba(106,138,104,.5);transform:scale(1)}
100%{left:95%;opacity:0;background:#6a8a68;transform:scale(.4)}
}
.meta-wrap{position:relative;width:100%;max-width:800px;height:420px;margin:0 auto;overflow:hidden;border-radius:2px}
.meta-bg{display:none}
.meta-title{position:absolute;top:24px;left:50%;transform:translateX(-50%);
  font-family:'Playfair Display',serif;font-size:.85rem;color:var(--td);
  letter-spacing:.2em;font-weight:400;z-index:5}
/* LEFT LABELS */
.ml{position:absolute;left:6%;font-family:'Lora',serif;font-style:italic;
  font-size:1.5rem;color:#7A2845;z-index:5;
  animation:labelfade 8s ease-in-out infinite}
.ml1{top:15%}.ml2{top:30%;animation-delay:.5s}.ml3{top:45%;animation-delay:1s}
.ml4{top:60%;animation-delay:1.5s}.ml5{top:75%;animation-delay:2s;font-size:1.2rem;color:rgba(168,62,62,.6)}
/* RIGHT LABELS */
.mr{position:absolute;right:6%;font-family:'Lora',serif;font-style:italic;
  font-size:1.5rem;color:#2a6e26;z-index:5;text-align:right;
  animation:labelfade 9s ease-in-out infinite 2s}
.mr1{top:15%}.mr2{top:30%;animation-delay:3s}.mr3{top:45%;animation-delay:3.5s}
.mr4{top:60%;animation-delay:4s}.mr5{top:75%;animation-delay:4.5s;font-size:1.2rem;color:rgba(42,110,38,.6)}
/* ORBS with comet tails */
.orb{position:absolute;border-radius:50%;z-index:3}
.orb .tail{position:absolute;top:50%;right:100%;height:2px;width:40px;transform:translateY(-50%);
  background:linear-gradient(to right,transparent,currentColor);border-radius:2px}
.o1{width:14px;height:14px;top:18%;left:18%;background:radial-gradient(circle,#c46060,#8f4040);
  box-shadow:0 0 16px rgba(196,96,96,.6);color:rgba(196,96,96,.4);animation:drift 5.5s ease-in-out infinite}
.o2{width:18px;height:18px;top:35%;left:14%;background:radial-gradient(circle,#b85555,#7a3535);
  box-shadow:0 0 20px rgba(184,85,85,.5);color:rgba(184,85,85,.3);animation:drift 6.5s ease-in-out infinite .8s}
.o3{width:10px;height:10px;top:50%;left:20%;background:radial-gradient(circle,#d07070,#a05050);
  box-shadow:0 0 12px rgba(208,112,112,.5);color:rgba(208,112,112,.3);animation:drift 5s ease-in-out infinite 1.5s}
.o4{width:16px;height:16px;top:65%;left:16%;background:radial-gradient(circle,#c06060,#904040);
  box-shadow:0 0 18px rgba(192,96,96,.5);color:rgba(192,96,96,.3);animation:drift 6s ease-in-out infinite .4s}
.o5{width:8px;height:8px;top:78%;left:22%;background:radial-gradient(circle,#b05050,#803030);
  box-shadow:0 0 10px rgba(176,80,80,.5);color:rgba(176,80,80,.4);animation:drift 7s ease-in-out infinite 2s}
/* Arrived orbs (green, right side, gentle pulse) */
.o6{width:14px;height:14px;top:20%;right:18%;background:radial-gradient(circle,#80c080,#509050);
  box-shadow:0 0 16px rgba(128,192,128,.5);animation:glow 4s ease-in-out infinite}
.o6 .tail{display:none}
.o7{width:18px;height:18px;top:38%;right:14%;background:radial-gradient(circle,#70b870,#408840);
  box-shadow:0 0 20px rgba(112,184,112,.4);animation:glow 5s ease-in-out infinite .6s}
.o7 .tail{display:none}
.o8{width:10px;height:10px;top:52%;right:20%;background:radial-gradient(circle,#90d090,#60a060);
  box-shadow:0 0 12px rgba(144,208,144,.5);animation:glow 3.5s ease-in-out infinite 1.2s}
.o8 .tail{display:none}
.o9{width:16px;height:16px;top:68%;right:16%;background:radial-gradient(circle,#78c078,#488848);
  box-shadow:0 0 18px rgba(120,192,120,.4);animation:glow 4.5s ease-in-out infinite .3s}
.o9 .tail{display:none}
.o10{width:8px;height:8px;top:80%;right:22%;background:radial-gradient(circle,#88c888,#588858);
  box-shadow:0 0 10px rgba(136,200,136,.5);animation:glow 5.5s ease-in-out infinite 1.8s}
.o10 .tail{display:none}
/* LUMINOUS CORE */
.lum-outer{position:absolute;top:50%;left:50%;width:140px;height:140px;margin:-70px 0 0 -70px;
  border-radius:50%;z-index:2;
  background:radial-gradient(circle,rgba(168,62,62,.06),rgba(72,130,68,.03),transparent 70%);
  animation:lumout 4s ease-in-out infinite}
.lum-mid{position:absolute;top:50%;left:50%;width:80px;height:80px;margin:-40px 0 0 -40px;
  border-radius:50%;z-index:3;
  background:radial-gradient(circle,rgba(255,242,230,.8) 0%,rgba(245,220,180,.4) 50%,transparent 100%);
  box-shadow:0 0 40px rgba(168,62,62,.1),0 0 80px rgba(72,130,68,.06);
  animation:lummid 3s ease-in-out infinite}
.lum-core{position:absolute;top:50%;left:50%;width:36px;height:36px;margin:-18px 0 0 -18px;
  border-radius:50%;z-index:4;
  background:radial-gradient(circle at 40% 35%,rgba(255,252,248,1),rgba(245,230,210,.85));
  box-shadow:0 0 20px rgba(255,248,235,.6),0 0 40px rgba(245,220,180,.3),0 0 60px rgba(200,160,120,.1);
  animation:lumcore 2.5s ease-in-out infinite}
.lum-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:5;
  font-family:'Playfair Display',serif;font-size:1.3rem;font-weight:600;
  color:#3d2a22;letter-spacing:.08em;white-space:nowrap}
/* PULSE RINGS */
.lum-pulse{position:absolute;top:50%;left:50%;border-radius:50%;z-index:1;
  border:1px solid rgba(168,62,62,.12)}
.p1{width:10px;height:10px;margin:-5px 0 0 -5px;animation:pulsering 3.5s ease-out infinite}
.p2{width:10px;height:10px;margin:-5px 0 0 -5px;animation:pulsering 3.5s ease-out 1.2s infinite}
.p3{width:10px;height:10px;margin:-5px 0 0 -5px;animation:pulsering 3.5s ease-out 2.4s infinite}
/* ANIMATIONS */
@keyframes drift{
  0%{transform:translateX(0) translateY(0);opacity:.7}
  30%{transform:translateX(50px) translateY(-8px);opacity:.9}
  50%{transform:translateX(110px) translateY(4px);opacity:1;box-shadow:0 0 24px rgba(200,150,100,.6)}
  70%{transform:translateX(170px) translateY(-6px);opacity:.7}
  100%{transform:translateX(230px) translateY(0);opacity:0}
}
@keyframes glow{
  0%,100%{opacity:.4;transform:scale(1)}
  50%{opacity:.8;transform:scale(1.15);box-shadow:0 0 28px rgba(128,200,128,.5)}
}
@keyframes labelfade{
  0%{opacity:.6;transform:translate(0,0)}
  20%{opacity:.8;transform:translate(3px,-4px)}
  40%{opacity:.7;transform:translate(-2px,3px)}
  60%{opacity:.9;transform:translate(4px,2px)}
  80%{opacity:.65;transform:translate(-3px,-3px)}
  100%{opacity:.6;transform:translate(0,0)}
}
@keyframes lumout{0%,100%{transform:scale(1);opacity:.5}50%{transform:scale(1.15);opacity:.8}}
@keyframes lummid{0%,100%{transform:scale(1);box-shadow:0 0 40px rgba(255,242,230,.15),0 0 80px rgba(245,200,150,.06)}
  50%{transform:scale(1.08);box-shadow:0 0 60px rgba(255,242,230,.25),0 0 100px rgba(245,200,150,.1)}}
@keyframes lumcore{0%,100%{transform:scale(1)}50%{transform:scale(1.1);box-shadow:0 0 28px rgba(255,248,235,.8),0 0 50px rgba(245,220,180,.4)}}
@keyframes pulsering{
  0%{width:10px;height:10px;margin:-5px 0 0 -5px;opacity:.35;border-width:1.5px}
  100%{width:220px;height:220px;margin:-110px 0 0 -110px;opacity:0;border-width:.5px}
}
/* MOBILE */
@media(max-width:900px){
  .meta-wrap{height:380px;max-width:100%}
  .ml,.mr{font-size:1.3rem}
}
@media(max-width:480px){
  .meta-wrap{height:380px}
  .ml{left:4%;font-size:.9rem}
  .mr{right:4%;font-size:.9rem}
  .ml5,.mr5{display:none}
  .ml3,.ml4,.mr3,.mr4{font-size:.8rem;opacity:.5}
  .lum-text{font-size:1rem}
}

/* ===== EXTRA ANIMATIONS ===== */

/* 1. Method cards — fly in with stagger */
.g3 .card{opacity:0;animation:cardin .8s ease-out forwards}
.g3 .card:nth-child(1){animation-delay:.2s}
.g3 .card:nth-child(2){animation-delay:.5s}
.g3 .card:nth-child(3){animation-delay:.8s}
@keyframes cardin{
  0%{opacity:0;transform:translateY(30px) scale(.95);filter:blur(4px)}
  100%{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}
}

/* 2. Tracks — slide from sides */
.g2 .rc:first-child{animation:slidel .8s ease-out .3s both}
.g2 .rc:last-child{animation:slider .8s ease-out .5s both}
@keyframes slidel{0%{opacity:0;transform:translateX(-40px)}100%{opacity:1;transform:translateX(0)}}
@keyframes slider{0%{opacity:0;transform:translateX(40px)}100%{opacity:1;transform:translateX(0)}}

/* 3. Photo corners — breathing */
.hero-photo::before,.hero-photo::after{animation:cornerpulse 4s ease-in-out infinite}
.hero-photo::after{animation-delay:2s}
@keyframes cornerpulse{
  0%,100%{opacity:.4;transform:scale(1)}
  50%{opacity:1;transform:scale(1.08)}
}

/* 4. Section dividers — draw left to right */
.sd{transform-origin:left;animation:drawline 1.5s ease-out both}
@keyframes drawline{0%{transform:scaleX(0);opacity:0}100%{transform:scaleX(1);opacity:1}}

/* 5. FAQ — cascade */
.sec-at details.ex{opacity:0;animation:cascade .5s ease-out forwards}
.sec-at details.ex:nth-child(1){animation-delay:.1s}
.sec-at details.ex:nth-child(2){animation-delay:.2s}
.sec-at details.ex:nth-child(3){animation-delay:.3s}
.sec-at details.ex:nth-child(4){animation-delay:.4s}
.sec-at details.ex:nth-child(5){animation-delay:.5s}
.sec-at details.ex:nth-child(6){animation-delay:.6s}
.sec-at details.ex:nth-child(7){animation-delay:.7s}
.sec-at details.ex:nth-child(8){animation-delay:.8s}
@keyframes cascade{0%{opacity:0;transform:translateY(12px)}100%{opacity:1;transform:translateY(0)}}

/* 6. Nav links — underline from center */
.nk a{position:relative}
.nk a::after{content:'';position:absolute;bottom:-3px;left:50%;width:0;height:1px;
  background:var(--cr);transition:all .4s ease;transform:translateX(-50%)}
.nk a:hover::after{width:100%}

/* 7. Price glow — add shimmer */
.price-glow::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;
  background:linear-gradient(90deg,transparent 20%,rgba(255,255,255,.4) 50%,transparent 80%);
  background-size:200% 100%;animation:priceshine 4s ease-in-out infinite;pointer-events:none}
@keyframes priceshine{0%{background-position:200% 0}100%{background-position:-200% 0}}

/* 8. "Также работаю с" items — appear one by one */
.rc .ri{opacity:0;animation:typerow .6s ease-out forwards}
.rc .ri:nth-child(1){animation-delay:.2s}
.rc .ri:nth-child(2){animation-delay:.4s}
.rc .ri:nth-child(3){animation-delay:.6s}
.rc .ri:nth-child(4){animation-delay:.8s}
.rc .ri:nth-child(5){animation-delay:1s}
.rc .ri:nth-child(6){animation-delay:1.2s}
@keyframes typerow{0%{opacity:0;transform:translateX(-15px)}100%{opacity:1;transform:translateX(0)}}

/* BONUS: Smooth section transitions */
section{transition:opacity .3s}
.card{transition:all .5s cubic-bezier(.4,0,.2,1)}
details summary{transition:all .3s}

/* ===== NEURAL CONNECTIONS ===== */
.neural-svg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}
.neural-line{fill:none;stroke-linecap:round;opacity:0}
@keyframes synapse-fire{0%{opacity:0}8%{opacity:.4}25%{opacity:.85}50%{opacity:.6}75%{opacity:.25}100%{opacity:0}}

/* ===== META CANVAS ===== */




.sec-btn{list-style:none;cursor:pointer;display:block;text-align:center;padding:28px 0;border:none}
#articles details.ex summary,#faq details.ex summary,#articles .art,#faq .libgrid,#articles .artg,#articles .eb,#faq .eb,#articles *,#faq *{border:none!important;border-bottom:none!important;border-top:none!important;border-left:none!important;border-right:none!important}
.sec-btn-title{font-family:'Playfair Display',serif;font-size:clamp(1.6rem,3.5vw,2.4rem);font-weight:500;color:var(--cr);line-height:1.2;transition:color .3s,text-shadow .3s}
.sec-btn-title em{font-style:italic;font-weight:400;opacity:.7}
.sec-btn-sub{font-family:'Playfair Display',serif;font-style:italic;font-size:.82rem;color:var(--tm);opacity:.7;margin-top:4px;transition:opacity .3s}
.sec-btn:hover .sec-btn-title{color:var(--cr-l);text-shadow:0 0 30px rgba(107,29,58,.3)}
.sec-btn:hover .sec-btn-sub{opacity:.8}



.cat-section{margin:10px 0}
.cat-label{font-family:'Playfair Display',serif;font-size:clamp(1rem,2.5vw,1.3rem);font-weight:500;color:var(--cr);padding:16px 0;border:none;font-style:italic;cursor:pointer;list-style:none;transition:color .3s,text-shadow .3s}
.cat-label::-webkit-details-marker{display:none}
.cat-label.green{color:var(--art)}
.cat-label::after{content:' ·';opacity:.4}
.cat-label:hover{text-shadow:0 0 30px rgba(107,29,58,.3)}
.cat-section[open]>.cat-label::after{content:''}
.cat-item{border-bottom:1px solid rgba(107,29,58,.04)}
.cat-item summary{display:block;padding:14px 0;cursor:pointer;list-style:none;font-family:'Playfair Display',serif;font-size:1.1rem;color:var(--td);line-height:1.4}
.cat-item summary::-webkit-details-marker{display:none}
.cat-item summary::before{content:'· ';color:var(--cr);font-weight:700}
.cat-item.green summary::before{color:var(--art)}
.cat-item summary .ca{display:block;font-family:'Raleway',sans-serif;font-size:.78rem;color:var(--tl);margin-top:2px}
.cat-item[open] summary{color:var(--cr)}
.cat-item[open] summary .ca{color:var(--cr)}
.cat-desc{padding:4px 0 18px 12px;font-family:'Raleway',sans-serif;font-size:1rem;color:var(--tm);line-height:1.8}
.cat-desc p{margin-bottom:8px}
.cat-short{font-style:italic;color:var(--td);margin-bottom:6px}

/* ===== INTERACTIVE: ЧТО ВАС ПРИВЕЛО ===== */
.qtag-wrap{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;max-width:700px;margin:0 auto}
.qtag{font-family:'Playfair Display',serif;font-size:.88rem;font-style:italic;color:var(--cr);
  background:rgba(255,255,255,.5);border:1px solid rgba(168,62,62,.1);padding:12px 22px;
  cursor:pointer;transition:all .4s;border-radius:24px;box-shadow:0 2px 8px rgba(107,29,58,.04)}
.qtag:hover{background:rgba(168,62,62,.06);border-color:var(--cr);transform:translateY(-2px);
  box-shadow:0 6px 20px rgba(168,62,62,.1)}
.qtag.active{background:rgba(168,62,62,.12);border-color:var(--cr);color:var(--td);
  box-shadow:0 6px 24px rgba(168,62,62,.18);transform:translateY(-3px) scale(1.04);font-weight:600}
.qtag-result{max-width:600px;margin:24px auto 0;min-height:0;overflow:hidden;transition:all .5s}
.qtag-result.show{min-height:80px}
.qtag-result-inner{font-family:'Lora',serif;font-size:1rem;color:var(--td);
  line-height:1.8;padding:20px 0;border-top:1px solid rgba(168,62,62,.1);
  animation:fu .5s both}
.qtag-result-inner .qtag-cta{display:inline-block;margin-top:12px;font-family:'Playfair',serif;
  font-size:.88rem;font-style:italic;color:var(--cr);border-bottom:1px solid var(--cr);
  transition:color .3s}
.qtag-result-inner .qtag-cta:hover{color:var(--cr-l)}

/* ===== BOOK QUIZ ===== */
.bq-wrap{max-width:560px;margin:0 auto 32px;padding:32px 28px;
  background:linear-gradient(135deg,rgba(107,29,58,.03),rgba(88,99,87,.03));
  border-radius:20px;border:1px solid rgba(107,29,58,.08);
  box-shadow:0 4px 24px rgba(107,29,58,.04)}
.bq-step{display:none}
.bq-step.active{display:block;animation:fu .4s both}
.bq-question{font-family:'Playfair Display',serif;font-size:1.15rem;color:var(--td);
  font-weight:500;margin-bottom:20px;text-align:center;line-height:1.5}
.bq-btn{display:block;width:100%;text-align:center;font-family:'Lora',serif;
  font-size:.95rem;color:var(--tm);background:rgba(255,242,230,.6);
  border:1px solid rgba(107,29,58,.08);border-radius:12px;
  padding:14px 20px;margin-bottom:10px;cursor:pointer;
  transition:all .35s cubic-bezier(.4,0,.2,1)}
.bq-btn:hover{color:var(--cream);background:var(--cr);border-color:var(--cr);
  transform:translateY(-1px);box-shadow:0 4px 16px rgba(107,29,58,.18)}
.bq-btn:active{transform:scale(.97)}
.bq-progress{display:flex;justify-content:center;gap:8px;margin-bottom:20px}
.bq-progress-dot{width:8px;height:8px;border-radius:50%;background:rgba(107,29,58,.12);
  transition:all .3s}.bq-progress-dot.active{background:var(--cr);transform:scale(1.2)}
.bq-result{display:none;animation:fu .5s both}
.bq-result.show{display:block}
.bq-result-book{background:rgba(255,242,230,.5);border-radius:16px;padding:24px;
  margin-top:20px;border:1px solid rgba(107,29,58,.06);text-align:center;
  box-shadow:0 2px 12px rgba(107,29,58,.04)}
.bq-result-label{font-family:'Raleway',sans-serif;font-size:.68rem;letter-spacing:.18em;
  text-transform:uppercase;color:var(--cr);margin-bottom:10px}
.bq-result-title{font-family:'Playfair Display',serif;font-size:1.2rem;font-weight:600;
  color:var(--td);margin-bottom:6px}
.bq-result-author{font-family:'Raleway',sans-serif;font-size:.78rem;color:var(--tl);
  letter-spacing:.1em;margin-bottom:12px}
.bq-result-desc{font-size:.92rem;color:var(--tm);line-height:1.75;text-align:left}
.bq-restart{display:inline-block;margin-top:18px;font-family:'Raleway',sans-serif;
  font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--cr);
  cursor:pointer;border:none;background:none;padding:10px 24px;
  border-radius:20px;border:1px solid rgba(107,29,58,.15);transition:all .3s}
.bq-restart:hover{color:var(--cream);background:var(--cr);border-color:var(--cr)}

/* ===== PRODUCT PREVIEW ===== */
.pp-situation{border-left:3px solid var(--cr)}
.pp-doc{transition:all .4s cubic-bezier(.4,0,.2,1)}
.pp-doc:hover{box-shadow:0 8px 28px rgba(0,0,0,.05)}
.pp-tag{transition:all .25s;cursor:default}
.pp-tag:hover{background:rgba(88,99,87,.06);transform:translateY(-1px)}
.pp-map-row{transition:background .2s}
.pp-map-row:hover{background:rgba(168,62,62,.04)!important}
@media(max-width:600px){
  #product-preview{grid-template-columns:1fr!important}
}
@media(max-width:580px){
  .pp-map-row{grid-template-columns:1fr!important;gap:4px!important}
  .pp-map-row span{min-width:0!important}
  .pp-doc{padding:18px 14px!important}
  .pp-situation{padding:20px 16px!important}
  .pp-tag{font-size:.68rem!important;padding:3px 8px!important}
  #product-preview .pp-doc div[style*="border-left"]{padding:12px 14px!important}
}

/* ===== SERIAL HOWTO BOX ===== */
.serial-howto{position:relative;overflow:hidden}
.serial-howto::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;
  background:linear-gradient(135deg,rgba(168,62,62,.02),rgba(88,99,87,.02));
  animation:howtoShimmer 6s ease-in-out infinite;pointer-events:none}
@keyframes howtoShimmer{0%,100%{opacity:.5}50%{opacity:1}}
.serial-card{transition:all .4s cubic-bezier(.4,0,.2,1);border-radius:16px!important}
.serial-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,0,0,.06)}
.serial-counter{opacity:0;animation:fu .5s .3s both}

/* ===== QTAG PREMIUM POLISH ===== */
.qtag{position:relative;overflow:hidden}
.qtag::after{content:'';position:absolute;top:0;left:-100%;width:60%;height:100%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);
  transition:left .6s}
.qtag:hover::after{left:120%}
.qtag-result-inner{position:relative}
.qtag-result-inner::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);
  width:40px;height:1px;background:linear-gradient(to right,transparent,var(--cr),transparent)}

/* ===== BOOK QUIZ PREMIUM ===== */
.bq-result-book{position:relative;overflow:hidden}
.bq-result-book::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);
  width:40px;height:2px;border-radius:1px;
  background:linear-gradient(to right,transparent,var(--cr),transparent)}

@media(max-width:480px){
  .qtag{font-size:.82rem;padding:8px 14px}
  .bq-wrap{padding:24px 18px}
  .bq-question{font-size:1rem}
  .bq-btn{font-size:.9rem;padding:12px 16px}
  .bq-result-book{padding:18px 16px}
  .serial-howto{padding:16px 14px!important}
}

/* Тёмные секции */
.sec-dark {
  background: linear-gradient(180deg, #052102 0%, #0a3008 50%, #052102 100%);
  color: rgba(255,242,230,.85);
  padding: 40px 0;
}
.sec-dark::before {
  content: '';
  position: absolute;
  top: -40px;
  left: 0;
  right: 0;
  height: 40px;
  background: linear-gradient(180deg, var(--cream), #052102);
  z-index: -1;
}
.sec-dark .sl { color: rgba(255,242,230,.5); }
.sec-dark .st { color: #fff2e6; }
.sec-dark .ss { color: rgba(255,242,230,.7); }
.sec-dark .sd { background: linear-gradient(to right, transparent, rgba(255,242,230,.3), transparent); }
.sec-dark .card, .sec-dark .prod, .sec-dark .rc {
  background: rgba(255,242,230,.08);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255,242,230,.08);
}
.sec-dark .card .ct{color:#f5eadc}
.sec-dark .card .cd{color:#f5eadc}
.sec-dark .card .cn{color:rgba(245,234,220,.15)}
.sec-dark .card:hover, .sec-dark .prod:hover {
  background: rgba(255,242,230,.12);
  border-color: rgba(255,242,230,.15);
}

.sec-wine {
  background: linear-gradient(180deg, #4A0E28 0%, #4A0E28 50%, #4A0E28 100%);
  color: rgba(255,242,230,.9);
  padding: 40px 0;
}
.sec-wine::before {
  content: '';
  position: absolute;
  top: -40px;
  left: 0;
  right: 0;
  height: 40px;
  background: linear-gradient(180deg, var(--cream), #4A0E28);
  z-index: -1;
}
.sec-wine .st { color: #fff2e6; }
.sec-wine .ss { color: rgba(255,242,230,.7); }
.sec-wine .hbtn { background: #fff2e6; color: #4A0E28; }
.sec-wine .hbtn:hover { background: #f5e6d3; }

.sec-artichoke {
  background: linear-gradient(180deg, #586357 0%, #647362 50%, #586357 100%);
  color: #f5eadc;
  padding: 16px 0;
}
.sec-artichoke::before {
  content: '';
  position: absolute;
  top: -40px;
  left: 0;
  right: 0;
  height: 40px;
  background: linear-gradient(180deg, var(--cream), #586357);
  z-index: -1;
}
.sec-artichoke .sl { color: rgba(255,242,230,.6); }
.sec-artichoke .st { color: #fff2e6; }
.sec-artichoke .ss { color: rgba(255,242,230,.8); }

/* SERIAL CHARACTER CARDS — premium */
.serial-card{background:rgba(255,255,255,.55);border:none!important;border-radius:16px!important;padding:28px 24px!important;position:relative;overflow:hidden;transition:all .5s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 16px rgba(107,29,58,.06)}
.serial-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;transition:height .4s}
.serial-card:hover{transform:translateY(-4px);box-shadow:0 12px 36px rgba(107,29,58,.12)}
.serial-card:hover::before{height:5px}

/* EPISODE CARDS — Netflix-style */
.episode{border:none!important;margin-bottom:4px;background:none!important;padding:0!important}
.episode summary{display:flex!important;align-items:center;gap:16px;padding:20px 24px!important;cursor:pointer;list-style:none;background:rgba(255,255,255,.35)!important;border-radius:12px;transition:all .4s;border:1px solid transparent!important;color:var(--td)!important;font-size:1rem!important;letter-spacing:0!important}
.episode summary::-webkit-details-marker{display:none}
.episode summary:hover{background:rgba(255,255,255,.6)!important;border-color:rgba(168,62,62,.12)!important;transform:translateX(4px)}
.episode .ep-num{font-family:'Playfair Display',serif;font-size:1.6rem;font-weight:500;color:var(--cr);opacity:.6;min-width:36px;line-height:1}
.episode .ep-info{flex:1}
.episode .ep-title{font-family:'Playfair Display',serif;font-size:1.05rem;font-weight:600;color:var(--td);margin-bottom:2px}
.episode .ep-hint{font-family:'Raleway',sans-serif;font-size:.7rem;letter-spacing:.08em;color:var(--tl)}
.episode .ep-arrow{font-size:.8rem;color:var(--cr);opacity:.4;transition:transform .3s,opacity .3s}
.episode[open] .ep-arrow{transform:rotate(90deg);opacity:.8}
.episode[open] summary{background:rgba(168,62,62,.04)!important;border-color:rgba(168,62,62,.15)!important;border-radius:12px 12px 0 0}
.episode .eb{padding:32px 0 24px!important;background:none!important;border:none!important;border-radius:0;max-width:100%}

/* PSY COMMENT — premium */
.tn::before{content:'Комментарий психолога';display:block;font-family:'Raleway',sans-serif;font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:var(--cr);margin-bottom:10px;opacity:.6}

/* DOCUMENT PREVIEW — mockup */
.doc-preview__lines{margin-top:14px;opacity:.15}
.doc-preview__lines span{display:block;height:2px;background:var(--tm);margin-bottom:8px;border-radius:1px}
.doc-preview__lines span:nth-child(1){width:100%}
.doc-preview__lines span:nth-child(2){width:85%}
.doc-preview__lines span:nth-child(3){width:92%}
.doc-preview__lines span:nth-child(4){width:60%}

/* === PSY COMMENT: плавное появление === */
.tn[style*="display: block"],.tn[style*="display:block"]{animation:tnReveal .4s ease both}
@keyframes tnReveal{from{opacity:0;transform:translateY(-8px);clip-path:inset(0 0 100% 0)}to{opacity:1;transform:translateY(0);clip-path:inset(0 0 0 0)}}
.tn[style*="block"]{border-left-color:var(--cr);box-shadow:-2px 0 12px rgba(168,62,62,.08)}
.trig{transition:background .3s,color .3s,box-shadow .3s;cursor:pointer}
.trig:hover{background:rgba(107,29,58,.06);box-shadow:none}

/* === SERIAL: прогресс чтения === */
.serial-progress{position:sticky;top:68px;z-index:50;height:3px;background:rgba(107,29,58,.08);margin:0 -16px 16px;overflow:hidden}
.serial-progress-bar{height:100%;width:0%;background:linear-gradient(to right,var(--cr),var(--gd));transition:width .1s linear;border-radius:0 2px 2px 0}

/* === PRODUCTS === */
.prod{position:relative}

/* === QTAG: активный стиль === */
.qtag.active{background:var(--cr)!important;color:var(--cream)!important;transform:scale(1.08);box-shadow:0 6px 20px rgba(107,29,58,.25)}
.qtag-wrap:has(.qtag.active) .qtag:not(.active){opacity:.5;transform:scale(.95)}

/* === FAQ: стрелка (только в #faq) === */
#faq details.ex>summary{position:relative;padding-right:24px}
#faq details.ex>summary::after{content:'\203A';position:absolute;right:8px;top:50%;transform:translateY(-50%) rotate(90deg);transition:transform .3s;font-size:1.2rem;line-height:1}
#faq details.ex[open]>summary::after{transform:translateY(-50%) rotate(-90deg)}

/* === Сериал: сброс FAQ-стилей === */
#serial details.ex{background:none;border-radius:0;padding:0;box-shadow:none;max-width:100%}
#serial details.ex[open]{background:none;box-shadow:none}
#serial details.ex summary{font-size:inherit;letter-spacing:0;padding:0}
#serial p.sap{font-family:'Inter',system-ui,sans-serif;font-size:1.05rem;color:var(--td);line-height:2;margin:0 0 4px}
#serial .trig{color:var(--cr);font-weight:600;border-bottom:1.5px dotted rgba(107,29,58,.5)}
#serial .eb{font-family:'Inter',system-ui,sans-serif;font-size:1.05rem;color:var(--td);line-height:2}
#serial .tn{font-size:.95rem;margin:12px 0}
#serial .tn p{font-size:.95rem}

/* === SCROLL HINT в hero === */
.hero::after{content:'';position:absolute;bottom:24px;left:50%;width:1.5px;height:32px;background:linear-gradient(to bottom,var(--cr),transparent);animation:scrollHint 2s ease-in-out infinite;z-index:5}
@keyframes scrollHint{0%,100%{opacity:.3;transform:translateX(-50%) translateY(0)}50%{opacity:.8;transform:translateX(-50%) translateY(8px)}}

/* === NAV CTA пульс === */
.nc{animation:ncPulse 3s ease-in-out infinite}
@keyframes ncPulse{0%,100%{box-shadow:0 0 0 0 rgba(107,29,58,.2)}50%{box-shadow:0 0 0 8px rgba(107,29,58,0)}}


/* === ORBITAL SYSTEM === */
.orbit-section{position:relative;width:100%;height:100vh;min-height:750px;max-height:1100px;overflow:visible;background:var(--cream)}
#orbitCanvas{position:absolute;top:0;left:0;width:100%;height:100%}
.orbit-title{position:absolute;top:32px;left:0;width:100%;text-align:center;z-index:3;pointer-events:none}
.orbit-cards{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}
.ocard{position:absolute;font-family:'Playfair Display',serif;font-size:.82rem;font-weight:500;color:rgba(90,60,45,.7);background:rgba(255,245,235,.18);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(107,29,58,.06);padding:12px 22px;border-radius:28px;cursor:pointer;user-select:none;transition:background .6s,border-color .6s,box-shadow .6s,color .6s;letter-spacing:.03em;white-space:nowrap;box-shadow:0 4px 30px rgba(107,29,58,.04),inset 0 0 20px rgba(255,245,235,.1)}
.ocard:hover{background:rgba(255,245,235,.35);border-color:rgba(107,29,58,.12);box-shadow:0 8px 40px rgba(107,29,58,.08),inset 0 0 30px rgba(255,245,235,.15);color:rgba(90,60,45,.9)}
.ocard-desc{position:absolute;z-index:10;max-width:380px;width:90%;background:rgba(255,242,230,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(107,29,58,.15);border-radius:14px;padding:22px 24px;box-shadow:0 12px 40px rgba(107,29,58,.12);font-family:'Inter',sans-serif;font-size:.85rem;line-height:1.7;color:var(--tb);opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity .4s,transform .4s}
.ocard-desc.visible{opacity:1;pointer-events:auto;transform:translateY(0)}

/* Orbit bottom message */
.orbit-msg{position:absolute;bottom:32px;left:0;width:100%;text-align:center;z-index:3;opacity:0;transform:translateY(24px) scale(.94);pointer-events:none;transition:opacity 3s cubic-bezier(.23,1,.32,1),transform 3s cubic-bezier(.23,1,.32,1),filter 3s cubic-bezier(.23,1,.32,1);filter:blur(14px)}
.orbit-msg.revealed{opacity:1;transform:translateY(0) scale(1);pointer-events:auto;filter:blur(0)}

/* Breathing fog — двойной слой дымки */
.orbit-msg::before,.orbit-msg::after{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;z-index:-1;opacity:0;transition:opacity 2s ease 1s}
.orbit-msg::before{width:520px;height:100px;background:radial-gradient(ellipse,rgba(255,242,230,.55) 0%,rgba(255,235,220,.25) 45%,transparent 72%);animation:fog-breathe 5s ease-in-out infinite}
.orbit-msg::after{width:400px;height:80px;background:radial-gradient(ellipse,rgba(255,242,230,.25) 0%,rgba(255,235,220,.1) 40%,transparent 65%);animation:fog-breathe 7s ease-in-out infinite reverse}
.orbit-msg.revealed::before,.orbit-msg.revealed::after{opacity:1}

@keyframes fog-breathe{0%,100%{transform:translate(-50%,-50%) scale(1);opacity:.7}50%{transform:translate(-50%,-50%) scale(1.15);opacity:1}}

/* Text with subtle glow */
.orbit-msg-text{font-family:'Playfair Display',serif;font-size:1.1rem;font-weight:700;color:var(--accent);letter-spacing:.03em;margin:0 auto;max-width:800px;line-height:1.6;text-align:center;position:relative;text-shadow:0 0 30px rgba(107,29,58,.08);white-space:nowrap}
.orbit-msg-link{font-family:'Playfair Display',serif;font-size:inherit;font-weight:700;color:var(--accent);text-decoration:underline;text-decoration-color:rgba(107,29,58,.3);text-underline-offset:4px;transition:text-decoration-color .4s,text-shadow .4s}
.orbit-msg-link:hover{text-decoration-color:var(--accent);text-shadow:0 0 20px rgba(107,29,58,.15)}

/* 4 звезды — пульсирующие, живые */
.orbit-msg-star{position:absolute;border-radius:50%;pointer-events:none;opacity:0;transition:opacity 1.5s ease}
.orbit-msg.revealed .orbit-msg-star{opacity:1}

/* Каждая звезда — уникальная */
.orbit-msg-star::before,.orbit-msg-star::after{content:'';position:absolute;top:50%;left:50%;background:var(--accent);border-radius:1px}
/* Вертикальный луч */
.orbit-msg-star::before{width:1.5px;height:var(--ray);transform:translate(-50%,-50%)}
/* Горизонтальный луч */
.orbit-msg-star::after{width:var(--ray);height:1.5px;transform:translate(-50%,-50%)}

.orbit-msg-star:nth-child(2){animation:star-pulse-1 3.5s ease-in-out infinite 1.5s}
.orbit-msg-star:nth-child(3){animation:star-pulse-2 4s ease-in-out infinite 2s}
.orbit-msg-star:nth-child(4){animation:star-pulse-3 3s ease-in-out infinite 2.5s}
.orbit-msg-star:nth-child(5){animation:star-pulse-4 4.5s ease-in-out infinite 1.8s}

@keyframes star-pulse-1{0%,100%{opacity:.3;transform:scale(.7) rotate(0deg)}50%{opacity:1;transform:scale(1.2) rotate(15deg)}}
@keyframes star-pulse-2{0%,100%{opacity:.2;transform:scale(.6) rotate(0deg)}40%{opacity:.9;transform:scale(1.3) rotate(-10deg)}70%{opacity:.5;transform:scale(.9) rotate(5deg)}}
@keyframes star-pulse-3{0%,100%{opacity:.4;transform:scale(.8) rotate(0deg)}50%{opacity:1;transform:scale(1.1) rotate(20deg)}}
@keyframes star-pulse-4{0%,100%{opacity:.2;transform:scale(.5)}35%{opacity:.8;transform:scale(1.4)}65%{opacity:.4;transform:scale(.7)}}

@media(max-width:768px){
.orbit-section{height:100vh;min-height:600px}
.ocard{font-size:.72rem;padding:7px 13px}
.ocard-desc{max-width:280px;font-size:.8rem;padding:16px 18px}
.orbit-msg{bottom:24px}
.orbit-msg-text{font-size:.95rem;max-width:300px;white-space:normal}
.orbit-msg::before{width:300px;height:70px}
.orbit-msg::after{width:240px;height:55px}
.orbit-msg-star:nth-child(2),.orbit-msg-star:nth-child(5){display:none}
}

/* ACCESSIBILITY */
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}