:where(.gft-splash){--splash-head-h:430px;--splash-strip-h:70px;--splash-free:250px;--splash-pieceMin:250px;position:relative;isolation:isolate;min-height:calc(100svh - 88px);background:var(--gft-night);color:var(--gft-paper);display:flex;flex-direction:column;justify-content:center;view-timeline-name:--gft-splash;view-timeline-axis:block}.gft-splash__ground,.gft-splash__structure{position:absolute;inset:0;z-index:-2;overflow:clip;pointer-events:none}.gft-splash__ground{background:radial-gradient(ellipse at 75% 40%,#0e4d4a 0%,#072d2b 65%)}.gft-splash__mesh{position:absolute;inset:-20px;background-image:linear-gradient(#b4d4c508 1px,transparent 1px),linear-gradient(90deg,#b4d4c508 1px,transparent 1px);background-size:42px 42px}.gft-splash__structure{z-index:-1;inset:0 -5% 0 10%;display:flex;align-items:center}.gft-splash__structure::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#072d2b 0%,#072d2bce 18%,#072d2b00 65%)}.gft-structure{width:100%;height:100%;min-height:500px;overflow:visible}.gft-structure g[data-m-live]{transform-box:fill-box;transform-origin:center}.gft-splash__content{position:relative;padding-top:36px;padding-bottom:32px}.gft-splash h1{font-size:clamp(4rem,min(7.6vw,10.5svh),8rem);max-width:10ch;line-height:.99;letter-spacing:-.065em;margin-top:36px;font-weight:850}.gft-splash h1 .gft-serif{color:var(--gft-sage);line-height:1.1;letter-spacing:-.06em}.gft-splash__lede{font-size:clamp(15px,1.3vw,19px);line-height:1.7;max-width:43ch;color:#cedbd2;margin-top:28px}.gft-splash__actions{margin-top:32px}.gft-splash__data{position:absolute;right:48px;top:34px;display:flex;gap:48px;font:9px var(--gft-font-mono);letter-spacing:.1em;color:#abc5b6}.gft-splash__signal{display:flex;gap:8px;align-items:center}.gft-splash__signal i{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--gft-sage)}.gft-splash__bottom{margin-top:auto;display:flex;align-items:center;gap:28px;justify-content:space-between;padding-block:24px;border-top:1px solid #a3c8b32b}.gft-splash__cue{display:inline-flex;align-items:center;gap:40px;font-size:12px;min-height:44px;text-decoration:none}.gft-splash__cue span{color:var(--gft-sage);font-size:22px}.gft-splash__caption{font:12px/1.6 var(--gft-font-mono);color:#b9cfc2}.gft-splash__position{font:9px var(--gft-font-mono);letter-spacing:.15em;color:#a9c1b3}
:root[data-m-go] [data-splash-draw]{animation-name:gft-splash-draw;animation-duration:var(--splash-structure);animation-timing-function:var(--gft-ease-in-out);animation-fill-mode:backwards;animation-iteration-count:1;animation-direction:normal}
@keyframes gft-splash-draw{from{opacity:.15;clip-path:inset(0 70% 0 0)}to{opacity:1;clip-path:inset(0)}}
@media(min-width:1100px){.gft-splash--loom .gft-splash__structure{inset:0 -10% 0 22%}.gft-splash--instrument .gft-splash__structure{inset:-4% -3% -4% 0}.gft-splash--instrument h1{font-size:clamp(4rem,7vw,7.8rem);max-width:10ch}}
@media(max-width:1000px){.gft-splash h1{font-size:clamp(4rem,8.8vw,6.5rem)}.gft-splash__structure{inset:10% -24% 0 0}.gft-splash__data{right:28px;gap:20px}.gft-splash__position{display:none}.gft-splash__content{padding-bottom:84px;padding-top:96px}.gft-splash__lede{max-width:38ch}}
@media(max-width:640px){:where(.gft-splash){min-height:calc(100svh - 76px)}.gft-splash__content{padding-top:64px;padding-bottom:250px}.gft-splash h1{font-size:clamp(3rem,12.4vw,5rem);margin-top:28px;max-width:10ch;line-height:1.04}.gft-splash__lede{font-size:14px;line-height:1.7;max-width:35ch;margin-top:24px}.gft-splash__actions{margin-top:24px}.gft-splash__structure{inset:auto -20% 70px -46%;height:340px}.gft-structure{min-height:0}.gft-splash__structure::after{background:linear-gradient(180deg,#072d2b 0%,#072d2b00 35%)}.gft-splash__data{top:22px;left:20px;right:20px;justify-content:space-between;font-size:7px;gap:12px}.gft-splash__signal{font-size:7px}.gft-splash__bottom{padding-block:12px;gap:20px;align-items:center}.gft-splash__cue{font-size:12px;gap:20px;flex-shrink:0}.gft-splash__caption{font-size:12px;max-width:26ch;text-align:right}.gft-splash--instrument .gft-splash__structure{inset:auto -18% 60px -45%;height:360px}}
@media(prefers-reduced-motion:reduce){.gft-splash [data-splash-draw]{animation-name:none;animation-timeline:auto}}

@media(min-width:1001px) and (max-height:790px){.gft-splash__content{padding-top:24px;padding-bottom:20px}.gft-splash h1{font-size:clamp(3.5rem,10svh,6rem);margin-top:24px}.gft-splash__lede{font-size:15px;margin-top:20px}.gft-splash__actions{margin-top:20px}.gft-splash__bottom{padding-block:12px}}
