/* Dominion1st Visioning — layered teaching + portal depth refinements */
.transition{background:radial-gradient(circle at 50% 46%,rgba(0,105,255,.42),rgba(0,24,68,.88) 48%,#00081d 100%)}
.transition-orb{width:min(72vw,440px);border:3px solid var(--d1-gold);background:radial-gradient(circle at 50% 48%,rgba(0,105,255,.28),rgba(0,10,34,.88)),url("assets/vision/portal-gold.webp") center/cover no-repeat;box-shadow:0 0 90px rgba(247,185,28,.44),inset 0 0 70px rgba(0,105,255,.35)}
.transition-orb span{display:none}
.transition-orb:after{content:"ENTERING VISION";color:var(--d1-lightgold);font-weight:900;letter-spacing:.14em;text-shadow:0 2px 18px #000;font-size:clamp(1.2rem,5vw,2.2rem)}
.portal{perspective:900px;overflow:visible;isolation:isolate}
.portal:after{content:"";position:absolute;inset:18px;border-radius:50%;z-index:1;box-shadow:inset 0 0 75px rgba(0,0,0,.42),0 0 35px rgba(247,185,28,.18);pointer-events:none}
.portal-scene{transform:scale(var(--destination-scale,1.08));filter:saturate(var(--destination-sat,.82)) brightness(var(--destination-bright,.78)) blur(var(--destination-blur,1.8px));transition:transform 1.2s ease,filter 1.2s ease}
.portal-content{transform:translateZ(var(--portal-z,-180px)) scale(var(--portal-scale,.58));opacity:var(--portal-opacity,.72);transition:transform .9s ease,opacity .9s ease,filter .9s ease;filter:blur(var(--portal-blur,1.4px))}
.portal-content .portal-count{font-size:clamp(5.5rem,23vw,11rem);line-height:.78;color:#fff;text-shadow:0 0 34px rgba(247,185,28,.5),0 3px 18px #001}
.portal-arc{position:absolute;left:50%;z-index:5;width:78%;text-align:center;transform:translateX(-50%);font:900 clamp(.76rem,2.5vw,1.15rem) Arial,sans-serif;letter-spacing:.18em;color:var(--d1-lightgold);text-shadow:0 2px 10px #000}
.portal-arc.top{top:8%}.portal-arc.bottom{bottom:9%;font-size:clamp(.58rem,1.9vw,.9rem);letter-spacing:.12em}
.portal-vip{display:none}
.deeper-btn{margin-top:20px;border:1px solid rgba(247,185,28,.82);border-radius:999px;background:linear-gradient(180deg,rgba(0,45,105,.9),rgba(0,18,52,.9));color:#fff;padding:12px 18px;font:800 .72rem Arial,sans-serif;letter-spacing:.14em;box-shadow:0 7px 22px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.08);transition:transform .18s ease,box-shadow .18s ease}
.deeper-btn:after{content:"  +";color:var(--d1-gold)}.deeper-btn:active{transform:scale(.98)}
.teaching-drawer{position:fixed;inset:0;z-index:80;display:flex;align-items:flex-end;background:rgba(0,5,18,.78);backdrop-filter:blur(7px);animation:drawerFade .22s ease}
.teaching-drawer[hidden]{display:none!important}
.drawer-card{position:relative;width:100%;max-height:84svh;overflow:auto;border-radius:30px 30px 0 0;border-top:2px solid var(--d1-gold);background:radial-gradient(circle at 50% 0,rgba(0,105,255,.3),transparent 34%),linear-gradient(180deg,#00377c,#001844 28%,#000b22 100%);padding:34px 22px calc(34px + env(safe-area-inset-bottom));box-shadow:0 -20px 70px rgba(0,0,0,.52);animation:drawerRise .3s cubic-bezier(.2,.75,.2,1)}
.drawer-card:before{content:"";position:absolute;top:10px;left:50%;width:54px;height:5px;border-radius:999px;background:rgba(255,255,255,.45);transform:translateX(-50%)}
.drawer-head{display:flex;justify-content:space-between;gap:18px;align-items:center;border-bottom:1px solid rgba(247,185,28,.28);padding-bottom:14px}
.drawer-head h3{margin:0;color:var(--d1-lightgold);font-size:clamp(1.45rem,5.6vw,2.35rem);line-height:1.08}
.drawer-close{flex:0 0 42px;width:42px;height:42px;border-radius:50%;border:1px solid var(--d1-gold);background:#001844;color:#fff;font-size:1.4rem}
.drawer-body{padding-top:18px;font-size:clamp(1rem,4vw,1.25rem);line-height:1.68}.drawer-body p{margin:0 0 1em}.drawer-body strong{color:var(--d1-gold)}.drawer-body .teaching-key{font-size:1.1em;color:#fff;font-weight:800;border-left:3px solid var(--d1-gold);padding-left:14px}
.teleios-active h2{font-size:clamp(3rem,12vw,6rem);letter-spacing:.02em;text-shadow:0 0 34px rgba(247,185,28,.28)}
.teleios-active .seal{width:min(58vw,250px);height:min(58vw,250px);font-size:clamp(1.35rem,5vw,2rem);background:radial-gradient(circle,rgba(0,79,196,.38),rgba(0,13,42,.9))}
.teleios-meaning{max-width:620px;margin:16px auto 0;font-size:clamp(1rem,3.5vw,1.22rem);line-height:1.55;color:#fff}.teleios-meaning strong{color:var(--d1-gold)}
@keyframes drawerFade{from{opacity:0}to{opacity:1}}@keyframes drawerRise{from{transform:translateY(18%);opacity:.4}to{transform:translateY(0);opacity:1}}
@media(max-width:560px){.drawer-card{padding-left:20px;padding-right:20px}.portal-arc.top{top:7%}.portal-arc.bottom{bottom:8%}}
@media(min-width:850px){.teaching-drawer{align-items:center;justify-content:center}.drawer-card{width:min(760px,88vw);border:2px solid var(--d1-gold);border-radius:28px;max-height:80vh}.drawer-card:before{display:none}.portal-content{transform:translateZ(var(--portal-z,-180px)) scale(var(--portal-scale,.66))}}