/* Vionario Agency V3.6 — scoped cinematic brand storytelling. */
.agency-v36{background:#050c1d;overflow-x:clip;}
.agency-v36 .site-container{position:relative;z-index:1;min-width:0;}
.agency-v36__chapter{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;
 min-height:calc(100svh - 5.5rem);padding:clamp(3rem,6svh,5rem) 0;scroll-margin-top:5.5rem;}
.agency-v36__chapter:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#9dd8ff06 1px,transparent 1px);background-size:76px 100%;}
.agency-v36__opening{background:radial-gradient(ellipse at 74% 45%,#16437c,#0b2350 41%,#060d1f 88%);}
.agency-v36__perspective{background:radial-gradient(ellipse at 15% 55%,#122d5e,#07172d 52%,#040b1a 88%);}
.agency-v36__principles{background:radial-gradient(ellipse at 78% 46%,#0d234a,#050e20 74%);}
.agency-v36__method{background:radial-gradient(ellipse at 74% 40%,#122c59,#050d1e 84%);}
.agency-v36__split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2rem,6vw,6rem);align-items:center;}
.agency-v36 .eyebrow{color:#48e7fd;letter-spacing:.15em;margin-bottom:1.4rem;}
.agency-v36 h1{font-size:clamp(3rem,5.7vw,6.4rem);letter-spacing:-.065em;line-height:1.055;font-weight:740;margin:0 0 1.8rem;max-width:14ch;text-wrap:balance;}
.agency-v36 h1 span,.agency-v36 h2 span{display:block;color:#a9c0e0;}
.agency-v36 h2{font-size:clamp(2.55rem,4.5vw,4.8rem);font-weight:690;letter-spacing:-.055em;line-height:1.11;max-width:19ch;margin:0 0 1.6rem;text-wrap:balance;}
.agency-v36__lead{color:#c5d5ee;line-height:1.7;font-size:clamp(1rem,1.35vw,1.15rem);max-width:48ch;margin:0 0 1.4rem;}
.agency-v36__muted{color:#9fb3d1;font-size:clamp(.91rem,1.1vw,1.04rem);line-height:1.78;max-width:59ch;}
.agency-v36__explore{display:inline-flex;gap:.9rem;align-items:center;padding:.78rem 1.35rem;border-radius:100px;border:1px solid #477eb8;color:#f3f8ff;text-decoration:none;font-weight:690;letter-spacing:.03em;margin-top:.8rem;}
.agency-v36__explore:hover{border-color:#42e5fa;background:#153763;}
.agency-v36__hero-visual{height:370px;position:relative;display:grid;place-items:center;min-width:0;}
.agency-v36__hero-visual img{position:relative;z-index:2;width:min(52%,220px);height:auto;filter:drop-shadow(0 12px 28px #067dffa1);}
.agency-v36__orbital-ring{position:absolute;width:min(85%,440px);height:58%;border:clamp(22px,4vw,48px) solid #1a6ed15d;border-top-color:#258de67d;border-right-color:#3ddcff42;border-radius:50%;transform:rotate(-26deg);box-shadow:inset 0 15px 24px #36d1ff15;}
.agency-v36__orbital-ring--inner{width:52%;height:35%;border-width:15px;border-color:#2aafff39;transform:rotate(25deg);}
.agency-v36__atom{height:360px;position:relative;display:grid;place-items:center;}
.agency-v36__atom i{position:absolute;width:min(83%,360px);height:45%;border:1px solid #247add;border-radius:50%;transform:rotate(-36deg);box-shadow:0 0 22px #168ffd1a;}
.agency-v36__atom i:nth-child(2){transform:rotate(38deg);border-color:#26a9e1;}
.agency-v36__atom i:nth-child(3){transform:rotate(88deg);border-color:#3b65bb;}
.agency-v36__atom span{width:86px;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 29% 22%,#62f5fe,#1f80fa 44%,#073376 79%);box-shadow:0 0 50px #188eff85;}
.agency-v36__section-head{margin-bottom:clamp(2.5rem,5svh,4rem);}
.agency-v36__cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.3rem,4vw,4rem);}
.agency-v36__cards article{min-width:0;border-top:1px solid #368dcc80;padding-top:1.4rem;}
.agency-v36__cards span,.agency-v36__steps li>span{color:#46e5fa;font-size:.78rem;letter-spacing:.12em;font-family:ui-monospace,Consolas,monospace;}
.agency-v36__cards h3{font-size:clamp(1.16rem,1.5vw,1.45rem);font-weight:650;line-height:1.3;margin:1.2rem 0 .8rem;}
.agency-v36__cards p,.agency-v36__steps p{color:#abbed8;font-size:.92rem;line-height:1.72;}
.agency-v36__steps{padding:0;margin:0;list-style:none;display:grid;gap:1rem;}
.agency-v36__steps li{display:grid;grid-template-columns:40px 1fr;gap:1.25rem;padding-top:1rem;border-top:1px solid #375273;}
.agency-v36__steps li:first-child{border-top:0;}
.agency-v36__steps h3{font-size:1.1rem;margin:0 0 .45rem;}
.agency-v36__steps p{margin:0;}
.agency-v36__ending{background:radial-gradient(ellipse at 70% 40%,#0e2852,#050b1b 70%);padding-block:clamp(2.5rem,6svh,4.5rem) clamp(1.6rem,3svh,2.5rem);}
.agency-v36__ending .closing-cta{padding-block:0;}.agency-v36__ending .closing-cta__panel{min-height:clamp(20rem,38svh,26rem);}
.agency-v36 + .site-footer{padding-top:clamp(2rem,3.5svh,3rem);}
.agency-v36 + .site-footer .footer-top{padding-bottom:clamp(1.5rem,3svh,2.75rem);}
/* Progressive enhancement activates only when JS initializes successfully. */
html.v36-agency-js .agency-v36 [data-v36-chapter]:not(.is-v36-visible) :is(.v36-slide-left,.v36-slide-right,.v36-rise,.v36-slide-down){opacity:0;pointer-events:none;}
/* Keyboard focus bypasses only the reached chapter's entrance. */
html.v36-agency-js .agency-v36 [data-v36-chapter]:focus-within :is(.v36-slide-left,.v36-slide-right,.v36-rise,.v36-slide-down){opacity:1!important;transform:none!important;animation:none!important;pointer-events:auto;}
html.v36-agency-js .agency-v36 [data-v36-chapter].is-v36-visible .v36-slide-left{animation:v36-left .95s cubic-bezier(.16,1,.3,1) both;}
html.v36-agency-js .agency-v36 [data-v36-chapter].is-v36-visible .v36-slide-right{animation:v36-right 1s cubic-bezier(.16,1,.3,1) .12s both;}
html.v36-agency-js .agency-v36 [data-v36-chapter].is-v36-visible .v36-slide-down{animation:v36-down .9s cubic-bezier(.16,1,.3,1) both;}
html.v36-agency-js .agency-v36 [data-v36-chapter].is-v36-visible .v36-rise{animation:v36-up .88s cubic-bezier(.16,1,.3,1) var(--v36-delay,0s) both;}
@keyframes v36-left{from{opacity:0;transform:translateX(-60px)}to{opacity:1;transform:none}}
@keyframes v36-right{from{opacity:0;transform:translateX(60px)}to{opacity:1;transform:none}}
@keyframes v36-up{from{opacity:0;transform:translateY(48px)}to{opacity:1;transform:none}}
@keyframes v36-down{from{opacity:0;transform:translateY(-48px)}to{opacity:1;transform:none}}
@media(max-width:1023px){
 .agency-v36__chapter{min-height:auto;padding:clamp(4rem,8vw,6rem) 0;}
 .agency-v36__opening{min-height:calc(100svh - 4.5rem);}
 .agency-v36__hero-visual{height:280px;}.agency-v36__atom{height:260px;}
}
/* Tablet opening: keep the cinematic split without breaking the longest headline word. */
@media(min-width:768px) and (max-width:1023px){
 .agency-v36__opening h1{font-size:clamp(2.45rem,5.1vw,3.4rem);overflow-wrap:anywhere;}
}
@media(max-width:767px){
 .agency-v36__split{grid-template-columns:minmax(0,1fr);gap:1.1rem;}
 .agency-v36__split > *{min-width:0;}
 .agency-v36 h1{font-size:clamp(2.2rem,11vw,4.2rem);overflow-wrap:anywhere;}
 .agency-v36 h2{font-size:clamp(2.4rem,8.2vw,3.7rem);}
 .agency-v36__hero-visual{height:185px;}.agency-v36__atom{height:185px;}
 .agency-v36__cards{grid-template-columns:1fr;gap:1.2rem;}.agency-v36__cards article{padding-top:1rem;}
 .agency-v36__cards h3{margin:.5rem 0;}
 .agency-v36__steps{gap:.5rem;}
 .agency-v36__ending .closing-cta__panel{min-height:auto;}
}
@media(prefers-reduced-motion:reduce){.agency-v36 *, .agency-v36 *::before,.agency-v36 *::after{animation:none!important;transition:none!important}}
/* Logged-in desktop view: WordPress admin bar occupies 32px of the viewport. */
@media(min-width:1024px){body.admin-bar .agency-v36__chapter{min-height:calc(100svh - 5.5rem - 32px);}}