:root{--bg: #000;--line: #ffffff1f;--accent: #e6ff00;--gutter: clamp(20px, 6vw, 112px);--ease-out: cubic-bezier(.16, 1, .3, 1)}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg)}.holding{position:fixed;inset:0}.holding__canvas{display:block;width:100%;height:100%;opacity:0;transition:opacity 1.4s var(--ease-out)}.holding[data-state=ready] .holding__canvas{opacity:1}.holding[data-state=failed]{background:var(--bg) url(/wp-content/themes/ttog/dist/images/Background.png) center / cover no-repeat}.holding__bar{position:absolute;left:var(--gutter);right:var(--gutter);bottom:var(--gutter);height:1px;background:var(--line);transition:opacity .6s ease-out}.holding__bar>span{display:block;height:100%;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .3s ease-out}.holding:not([data-state=loading]) .holding__bar{opacity:0}.holding__grain{position:absolute;inset:0;pointer-events:none;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.holding__name{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media(prefers-reduced-motion:reduce){.holding__canvas,.holding__bar,.holding__bar>span{transition:none}}