.gx{--gx-max:84rem;--gx-top:6.5rem;--gx-side:max(var(--g-gutter), (100% - var(--gx-max)) / 2)}.gx :is(.gx-sketch,.gxe-wrap){width:100%;padding-inline:var(--gx-side)}.gx .gx-sketch{padding-top:clamp(3rem,7vw,6rem)}.gx .gx-sketch-card{background:var(--g-paper);color:var(--g-ink);border-radius:26px;gap:2rem 4rem;padding:clamp(1.8rem,4vw,3.4rem);display:grid}.gx .gx-sketch-copy{gap:.9rem;display:grid}.gx .gx-sketch-name{font-family:var(--g-serif);font-size:clamp(1.4rem,2.4vw,2rem);font-style:italic;line-height:1.05}.gx .gx-sketch-title{letter-spacing:-.035em;text-wrap:balance;max-width:22ch;font-size:clamp(1.7rem,3.4vw,3rem);font-weight:580;font-stretch:104%;line-height:1}.gx .gx-sketch-body{max-width:52ch;color:var(--g-ink-soft);line-height:1.6}.gx .gx-sketch-side{align-content:end;justify-items:start;gap:1.6rem;display:grid}@media (min-width:900px){.gx .gx-sketch-card{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}}@media (prefers-reduced-motion:no-preference){.gx .gx-word{animation:gx-rise .9s var(--g-ease) both;animation-delay:calc(80ms + var(--i) * 70ms)}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.gx .gx-in{animation:linear both gx-in;animation-timeline:view();animation-range:entry 5% entry 70%}}}@keyframes gx-rise{0%{opacity:0;transform:translateY(.5em)}to{opacity:1;transform:none}}@keyframes gx-fade{0%{opacity:0}to{opacity:1}}@keyframes gx-in{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}.gx .gx-honeypot{width:1px;height:1px;left:-10000px;overflow:hidden;position:absolute!important}.gx .gxs-links{flex-wrap:wrap;align-items:center;gap:1rem 1.8rem;margin-top:.4rem;display:flex}.gx .gxs-spacer{height:clamp(4rem,9vw,7rem)}.gx .gx-word{white-space:pre;display:inline-block}.gx .gx-corners{inset:auto var(--g-gutter) 1.5rem;z-index:2;pointer-events:none;justify-content:space-between;align-items:flex-end;gap:1rem 3rem;display:flex;position:absolute}.gx .gx-corners a{pointer-events:auto}.gx .gx-corner-scroll{color:var(--g-ash);letter-spacing:.12em;text-transform:uppercase;gap:.6rem;font-size:.74rem;font-weight:600;transition:color .3s;display:inline-flex}.gx .gx-corner-scroll span{color:var(--g-gold)}.gx .gx-corner-scroll:hover{color:var(--g-bone)}.gx .gx-corner-time{color:var(--g-ash);letter-spacing:.12em;text-align:right;text-transform:uppercase;justify-items:end;gap:.2rem;font-size:.74rem;font-weight:600;display:grid}.gx .gx-corner-time>span:first-child{color:var(--g-bone)}.gx .gx-corner-time .ga-clock,.gx .gx-corner-time>span>span{color:var(--g-gold);font-variant-numeric:tabular-nums}@media (max-width:560px){.gx .gx-corner-time{display:none}}.gx .gx-gather{padding:clamp(5rem, 12vw, 9rem) var(--gx-side)}.gx .gx-gather-stage{margin-inline:calc(-1 * var(--gx-side));padding-inline:var(--gx-side);place-items:center;display:grid;overflow:hidden}.gx .gx-gather-text{letter-spacing:-.02em;text-align:justify;text-align-last:justify;text-transform:uppercase;max-width:36ch;font-size:clamp(1.45rem,3.2vw,3.1rem);font-weight:560;font-stretch:104%;line-height:1.08}.gx .gx-gather-text span{display:inline-block}.gx .gx-gather-text .is-accent{color:var(--g-gold)}@media (max-width:700px){.gx .gx-gather-text{text-align:left;text-align-last:auto}}.gx .gx-roll{letter-spacing:.1em;text-transform:uppercase;min-height:3.2rem;transition:background-color .4s var(--g-ease), color .4s var(--g-ease), border-color .4s ease;border:1px solid #f3ede04d;border-radius:999px;align-items:center;gap:.9rem;padding:0 .55rem 0 1.5rem;font-size:.82rem;font-weight:600;display:inline-flex}.gx .gx-roll-light{border-color:var(--g-bone);background:var(--g-bone);color:var(--g-night)}.gx .gx-roll-track{height:1.2em;line-height:1.2;display:grid;overflow:hidden}.gx .gx-roll-track>span{transition:transform .5s var(--g-ease)}.gx .gx-roll-icon{background:var(--g-night);width:2.2rem;height:2.2rem;color:var(--g-bone);font-variant-emoji:text;transition:transform .5s var(--g-ease);border-radius:50%;place-items:center;display:grid}.gx .gx-roll-line .gx-roll-icon{background:var(--g-gold);color:var(--g-night)}.gx .gx-roll:hover .gx-roll-track>span{transform:translateY(-100%)}.gx .gx-roll:hover .gx-roll-icon{transform:rotate(45deg)}.gx .gx-roll-line:hover{border-color:var(--g-gold)}.gx .gx-roll-light:hover{background:#fff}@media (max-width:767px){.gx .gx-gather{padding:clamp(3rem, 10vw, 4rem) var(--gx-side)}.gx .gx-gather-text{max-width:none;font-size:clamp(1.25rem,5.6vw,1.6rem);line-height:1.15}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference) and (min-width:768px){.gx .gx-gather{view-timeline:--gx-gather block;height:260svh;padding-block:0}.gx .gx-gather-stage{height:100svh;position:sticky;top:0}.gx .gx-gather-text span{animation:linear both gx-gather;animation-timeline:--gx-gather;animation-range:contain calc(var(--k) * 18%) contain calc(55% + var(--k) * 18%)}}}@keyframes gx-gather{0%{opacity:.3;transform:translate(calc(var(--dx) * max(.4vw, 1.1vw - 3px)), calc(var(--dy) * 3.6svh))}to{opacity:1;transform:none}}.gx .gx-roll-dark{border-color:var(--g-ink);background:var(--g-ink);color:var(--g-paper-hi)}.gx .gx-roll-dark .gx-roll-icon{background:var(--g-gold);color:var(--g-ink)}.gx .gx-roll-dark:hover{background:#000}
