/* Centred logo with organic outlines over a half-white veil. */
.page-intro-transition{position:fixed;inset:0;z-index:1000;pointer-events:none;overflow:hidden;display:grid;place-items:center;background:rgba(255,255,255,.5);animation:page-intro-fade 1500ms ease-in-out both;--intro-from:#FEE800;--intro-to:#F36B23;--intro-line:#EF3867}.page-intro-transition[data-pillar]{--intro-from:var(--pillar-light);--intro-to:var(--pillar-base);--intro-line:var(--pillar-dark)}
.page-intro-transition .intro-centre{position:relative;width:260px;height:260px;display:grid;place-items:center}.page-intro-transition svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;animation:page-intro-orbit 1500ms ease-in-out both}.page-intro-transition .intro-outline{fill:none;stroke:url(#page-entry-gradient);stroke-width:5;stroke-linecap:round;stroke-dasharray:1;animation:page-intro-draw 1500ms ease-in-out both}.page-intro-transition .intro-echo{fill:none;stroke:var(--intro-line);stroke-width:2.5;opacity:.55;transform-origin:300px 300px;animation:page-intro-echo 1500ms ease-in-out both}.page-intro-transition .intro-logo{position:relative;z-index:1;display:block;width:80px;height:80px;object-fit:contain}
@keyframes page-intro-fade{0%{opacity:0}18%,65%{opacity:1}100%{opacity:0}}
@keyframes page-intro-orbit{0%{transform:rotate(-30deg) scale(.88,1.02)}50%{transform:rotate(8deg) scale(1.05,.96)}100%{transform:rotate(42deg) scale(.98,1.06)}}
@keyframes page-intro-draw{0%{stroke-dashoffset:1}55%,100%{stroke-dashoffset:0}}
@keyframes page-intro-echo{0%{transform:rotate(25deg) scale(1.08,.93)}100%{transform:rotate(-35deg) scale(.94,1.1)}}
@media(max-width:600px){.page-intro-transition .intro-centre{width:220px;height:220px}.page-intro-transition .intro-logo{width:72px;height:72px}}
@media(prefers-reduced-motion:reduce){.page-intro-transition{display:none;animation:none}.page-intro-transition *{animation:none!important}}
@media print{.page-intro-transition{display:none}}