/* VIAVR V7.1: closer pacing and illustrated supply formats */
.manifesto{padding-block:90px}.product-section{padding-block:88px}.product-promise{padding-block:88px}.platform-section{padding-top:45px;padding-bottom:70px}.interface-experience{margin-top:35px;padding-block:30px}.content-studio{padding-block:88px}.library{padding-block:90px}.library-notes{margin-top:65px;padding-top:30px}.solutions{padding-top:65px;padding-bottom:75px}.workflow{padding-top:15px;padding-bottom:40px}.procurement-photos{padding-bottom:60px}.faq{padding-top:50px;padding-bottom:70px}.timeline{padding-block:75px}.contact{padding-top:60px}.section-heading{margin-bottom:50px}.interface-art-wrap{background:linear-gradient(135deg,#52463a9c,#17151deb 58%,#31253bbb);box-shadow:0 28px 75px #08071070,inset 0 1px 0 #edd5b928}.interface-caption{color:#c4b39e}.supply-art{position:relative;height:210px;margin:-10px -10px 14px;border-bottom:1px solid #d3b99421;pointer-events:none;background:radial-gradient(ellipse at 65% 60%,#c69b6221,transparent 65%)}.supply-art svg{display:block;width:100%;height:100%;overflow:visible}.solution-card{background:linear-gradient(155deg,#302238c9,#17121fe6 65%);padding:30px;overflow:hidden;min-width:0}.solution-card.supply-0{background:radial-gradient(ellipse at 95% 0,#bc8c7930,transparent 65%),linear-gradient(155deg,#302238c9,#17121fe6 65%)}.solution-card.supply-1{background:radial-gradient(ellipse at 80% 10%,#c6a17120,transparent 65%),linear-gradient(155deg,#2c2530,#17121f 75%)}.solution-card.supply-2{background:radial-gradient(ellipse at 80% 10%,#8d6cbd30,transparent 65%),linear-gradient(155deg,#2a2039,#17121f 75%)}.solution-badge{padding-bottom:17px}.solution-card h3{font-size:clamp(1.25rem,1.8vw,1.6rem);line-height:1.3;margin-top:22px}.solution-card p{font-size:13px;line-height:1.8}.supply-float{animation:supply-drift 7s ease-in-out infinite alternate paused}.supply-1 .supply-float{animation-delay:-2s}.supply-2 .supply-float{animation-delay:-4s}.supply-trace{stroke-dasharray:190 80;animation:supply-path 10s linear infinite paused}.solution-card.experience-running .supply-float,.solution-card.experience-running .supply-trace{animation-play-state:running}.experience-hidden .supply-float,.experience-hidden .supply-trace{animation-play-state:paused!important}.contact-container{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:5%;max-width:1500px}.contact .contact-info{grid-column:1;grid-row:1;position:relative;z-index:2}.contact .final-portal{grid-column:2;grid-row:1;width:100%;margin:0;--final-portal-height:430px}.contact h2{font-size:clamp(2.8rem,4.8vw,5.2rem);max-width:11em;line-height:1.1}.contact-footer{padding-top:30px}.contact-info>p:not(.eyebrow){font-size:15px;line-height:1.8}.contact-items{align-items:flex-start;gap:14px}.hero-watermark{opacity:.035}
@keyframes supply-drift{from{transform:translateY(3px)}to{transform:translateY(-6px)}}@keyframes supply-path{to{stroke-dashoffset:-270}}
@media(max-width:1100px){.supply-art{height:175px}.solution-card{padding:22px}.contact-container{gap:2%}.contact .final-portal{--final-portal-height:360px}}
@media(max-width:760px){.manifesto,.product-promise,.content-studio,.library{padding-block:58px}.product-section{padding-block:55px}.platform-section{padding-top:24px;padding-bottom:45px}.interface-experience{padding-block:20px;margin-top:20px}.section-heading{margin-bottom:34px}.library-notes{margin-top:45px}.solutions{padding-top:38px;padding-bottom:40px}.workflow{padding-top:16px;padding-bottom:20px}.procurement-photos{padding-bottom:35px}.faq{padding-top:30px;padding-bottom:50px}.timeline{padding-block:50px}.supply-art{height:185px;margin-bottom:15px}.solution-card{padding:25px}.solution-card h3{font-size:23px}.contact{padding-top:25px}.contact-container{display:flex;flex-direction:column;gap:5px}.contact .final-portal{width:100%;--final-portal-height:265px;margin:0}.contact .contact-info{width:100%}.contact h2{font-size:clamp(2.7rem,10vw,4.2rem)}.contact-info>p:not(.eyebrow){font-size:14px}.contact-footer{padding-top:25px}}
@media(prefers-reduced-motion:reduce){.supply-float,.supply-trace{animation:none!important}}
@media (max-width: 360px) {
  .timeline .section-heading, .library .section-heading { min-width: 0; }
  .timeline .section-heading h2, .library .section-heading h2 { font-size: clamp(1.5rem, 8vw, 1.85rem) !important; }
}