/* Proton Digital · shared styles
   Extracted verbatim from the per-page <style> blocks of the original pages.
   The base rules and media queries were byte-identical across all five pages;
   the keyframes were page-specific and are collected here (unused ones are
   inert). Page-level overrides that genuinely differ stay on the page. */

html{scrollbar-color:#2E2B24 #08090C}
body{margin:0;background:#08090C;font-family:'Space Grotesk',system-ui,sans-serif;color:#EAE5D0}
a{color:#EAE5D0;text-decoration:none}a:hover{color:#EFE9CE}

/* Home */
@keyframes pdScrollHint{0%{transform:translateY(-100%)}55%,100%{transform:translateY(100%)}}
@keyframes pdPulseX{0%{left:0%;opacity:0}8%{opacity:1}92%{opacity:1}100%{left:100%;opacity:0}}
/* About */
@keyframes pdMarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes pdLive{0%{box-shadow:0 0 0 0 rgba(219,211,173,.55)}70%{box-shadow:0 0 0 7px rgba(219,211,173,0)}100%{box-shadow:0 0 0 0 rgba(219,211,173,0)}}
/* Advisory */
@keyframes pdGrow{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@keyframes pdFadeUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
/* Integration */
@keyframes pdOrbit{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes pdNode{0%,100%{opacity:.25}50%{opacity:1}}

/* State toggling on the contact form. Needed because the elements being shown
   and hidden carry inline display values that would otherwise beat [hidden]. */
[hidden]{display:none!important}

/* Keyboard focus. The original relied on a runtime-only style-focus attribute
   for inputs and left links with the UA default. Both are expressed as real
   CSS here so focus stays visible without the runtime. */
a:focus-visible,[data-mag]:focus-visible,[data-acc]:focus-visible,[data-chip]:focus-visible{
  outline:2px solid #DBD3AD;outline-offset:3px}
input:focus-visible,textarea:focus-visible{border-color:#DBD3AD!important;outline:2px solid rgba(219,211,173,.45);outline-offset:1px}

@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
@media (max-width:1080px){
[data-r~="grid5"],[data-r~="grid4"],[data-r~="grid3"]{grid-template-columns:repeat(2,1fr)!important}
[data-r~="deco"]{display:none!important}
[data-r~="pad"]{padding-left:28px!important;padding-right:28px!important}
}
@media (max-width:480px){
[data-r~="nav"]{flex-wrap:wrap!important;row-gap:8px!important}
[data-r~="navlinks"]{gap:12px!important;font-size:10px!important}
[data-r~="h-lg"]{font-size:30px!important}
h1{font-size:38px!important}
}
@media (max-width:760px){
[data-r~="nav"]{padding:14px 20px!important}
[data-r~="navlinks"]{gap:16px!important}
[data-r~="navcta"]{display:none!important}
[data-r~="grid5"],[data-r~="grid4"],[data-r~="grid3"],[data-r~="grid2"],[data-r~="cols"]{grid-template-columns:1fr!important}
[data-r~="h-lg"]{font-size:34px!important}
[data-r~="h-xl"]{font-size:38px!important}
[data-r~="row"]{flex-direction:column!important;align-items:flex-start!important}
[data-r~="hide-m"]{display:none!important}
[data-r~="pad"]{padding-left:20px!important;padding-right:20px!important}
}