/* VICONO design tokens shared by the umbrella and Media pages. */
:root{--b-paper:#f6f7fb;--b-white:#fff;--b-ink:#171a24;--b-muted:#535d70;--b-night:#11141d;--b-night-raised:#202532;--b-on-dark:#f8f9fc;--b-muted-dark:#c0c7d6;--b-coral:#ff6b58;--b-red:#b6312b;--b-blue:#315fca;--b-line:#d9deea;--b-radius:24px;--b-ease:cubic-bezier(.2,.75,.25,1);--b-shadow:0 24px 64px #11182b16,0 4px 12px #11182b08;--b-font:-apple-system,BlinkMacSystemFont,"Inter","Segoe UI",sans-serif;--b-max:1280px;--b-body:clamp(16px,1.3vw,18px);--b-h2:clamp(36px,4.4vw,64px)}
body{font-family:var(--b-font)}
button,a,input,summary{-webkit-tap-highlight-color:transparent}
:focus-visible{outline:3px solid var(--b-blue);outline-offset:5px}
button:disabled,[aria-disabled=true]{opacity:.45;cursor:not-allowed}
.site-header{background:rgba(248,249,252,.88);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);border-bottom:1px solid #fff9;box-shadow:0 4px 20px #121b3210}
.wordmark-dot{color:var(--b-red)}
.button{border-radius:999px;min-height:48px;transition:transform .25s var(--b-ease),background .25s,color .25s;letter-spacing:-.015em}
.button:hover{transform:translateY(-2px)}.button:active{transform:translateY(0) scale(.98)}
.button-coral{background:var(--b-coral);color:#171a24}.button-coral:hover{background:#ff8c7c}
.orbit-link{border:1px solid #fff9;background:linear-gradient(145deg,#fffffff0,#eff2f9c9);backdrop-filter:blur(26px);box-shadow:0 10px 30px #28385918,inset 0 1px #fff}
.hero-room{background:radial-gradient(ellipse at 80% 32%,#b9c8fa70,transparent 47%),radial-gradient(ellipse at 60% 82%,#ffb6a65c,transparent 50%),linear-gradient(120deg,#f8f9fc,#edf0f8)}
.hero-room:after{opacity:.3}
.business-section{background:var(--b-paper)}
.company-section{background:#fff}.perspective-section{background:#eef1f8}
.social-section{background:#edf0f7}.social-account,.social-intro>p:last-child{color:var(--b-muted)}
.it-infrastructure,.future-image,.event-photo button{border-radius:var(--b-radius)}
.it-infrastructure figcaption>span,.ai-badge{display:inline-flex;align-items:center;min-height:28px;border-radius:999px;padding:5px 11px;background:#151b27ed;color:#fff;font-size:11px;font-weight:600;border:1px solid #ffffff4d;backdrop-filter:blur(24px);letter-spacing:.015em}
.homepage-proof{position:relative;display:flex;align-items:center;justify-content:center;min-height:440px;padding:42px 22px 75px;isolation:isolate;background:radial-gradient(ellipse at 75% 35%,#894b7280,transparent 65%),linear-gradient(140deg,#202737,#171b28);border-radius:24px;overflow:hidden}
.homepage-proof>img{width:38%;max-width:180px;height:300px;object-fit:cover;border:6px solid #ffffff20;border-radius:22px;box-shadow:0 20px 50px #0007;transform:rotate(-9deg) translateX(12px)}
.homepage-proof>img+img{transform:rotate(9deg) translate(-12px,22px);z-index:1}
.homepage-proof>figcaption{position:absolute;bottom:21px;left:24px;right:24px;color:#d8ddea;font-size:12px;line-height:1.6;text-align:center}
.media-feature .feature-note{color:#ced3df}.media-feature-copy h3 span{color:#ff9b8d}
.media-feature-copy>p:not(.overline):not(.feature-note),.media-capabilities p{color:#d8deeb}
.section-intro>p,.company-copy>p:not(.lead),.perspective-heading p:not(.lead),.it-services p{color:#4c576a;font-size:15px}
.media-capabilities h4{font-size:18px}.media-capabilities p{font-size:14px}.media-feature-copy>p:not(.overline):not(.feature-note){font-size:17px}.media-feature .button{font-size:14px}
.format-entry p,.events-intro p{color:#c8cfdb}.format-entry .text-button{min-height:44px}
.social-profiles a:focus-visible,.events-section a:focus-visible{outline-color:#8eafff}
@media(max-width:680px){.homepage-proof{min-height:350px;padding:22px 15px 64px}.homepage-proof>img{height:240px;width:42%}.homepage-proof>figcaption{font-size:11px}.section-intro>p,.company-copy>p:not(.lead),.perspective-heading p:not(.lead),.it-services p{font-size:15px}.media-feature-copy>p:not(.overline):not(.feature-note){font-size:16px}.media-capabilities p{font-size:14px}.media-feature{border-radius:24px}.hero-copy>p:not(.hero-kicker){font-size:14px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.button:hover{transform:none}}
/* Small-print and secondary text keep sufficient contrast on their actual surface. */
.header-location,.hero-kicker,.site-footer .footer-inner>span,.motion-toggle,.contact-bottom,.contact-bottom address span{color:#535d70}
.header-location{font-size:12px}.site-footer .footer-inner>span,.motion-toggle{font-size:11px}
.orbit-link{color:#293246}.hero-copy>p:not(.hero-kicker){color:#4d596e}
.overline,.business-nav a>span,.it-number{color:#536077}
.media-feature .overline,.media-capabilities span{color:#c7d0e2}
.events-section .event-photo figcaption,.events-intro>span,.format-entry p{color:#c4cedf}
.event-photo figcaption,.format-entry .text-button,.social-account{font-size:12px}
.events-intro p{font-size:15px}.format-entry p{font-size:14px}
.social-intro>p:last-child{font-size:15px}.social-account{color:#4d5b72}
.perspective-heading .lead{color:#505e75}.contact-section h2{color:#5d687c}
.contact-bottom>a{min-height:44px}.draft-label{color:#535d70!important}
@media(max-width:680px){.format-entry p{font-size:12px}.format-entry .text-button{font-size:11px}.event-photo figcaption{font-size:11px}.events-intro p{font-size:14px}.social-intro>p:last-child{font-size:14px}.header-contact{font-size:12px}.hero-kicker{font-size:10px}.it-services h4{font-size:17px}}
.site-header .wordmark{min-height:44px;display:inline-flex;align-items:center}