/* The opening build of the home, Dokcheck and Web Design pages (page-open.js). Until the script starts, the first screen
   stays hidden so nothing flashes; the script removes .is-opening as soon as its animations hold the pieces. */
html.is-opening header .brand,html.is-opening header .nav__logo,html.is-opening header nav a,html.is-opening header .language,html.is-opening header .nav__actions,html.is-opening header .menu-toggle,html.is-opening header .site-cta,
html.is-opening main section:first-of-type :is(h1,.eyebrow,.hero-notice,.kx-pill,.lead,.t-lead,.kx-lead,.hero-actions,.btn-row,.kx-actions,.access-note,.kx-stats,.hero-visual,.dn-flow,.kx-visual){opacity:0}
.po-w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.08em;margin-bottom:-.08em}
.po-w>span{display:inline-block}
.po-layer{position:absolute;inset:0 0 auto;height:0;z-index:60;pointer-events:none}
.po-grid{position:fixed;top:0;height:100vh;display:grid;grid-template-columns:repeat(var(--po-cols,12),1fr);gap:24px}
.po-grid i{border-inline:1px solid #d6ae5b2e;background:#d6ae5b0d;transform-origin:50% 0;opacity:0}
.po-box{position:absolute;border:1px dashed #d6ae5bcc;background:#d6ae5b0f;opacity:0}
.po-box::before,.po-box::after{content:"";position:absolute;width:5px;height:5px;background:#d6ae5b}
.po-box::before{left:-3px;top:-3px}.po-box::after{right:-3px;bottom:-3px}
@media (max-width:699px){.po-grid{--po-cols:4;gap:16px}}