html:has([data-site=home]){background:#111}html:has([data-site=home]) body{background:#111}html:has([data-site=home]) body{overflow:hidden}[data-site=home] .home{--bg:#111;--ink:#f3f2ee;--ease:cubic-bezier(.77,0,.18,1);min-height:100vh;background:var(--bg);min-height:100svh;color:var(--ink);font-family:var(--font-bubblegum-sans),ui-rounded,"Arial Rounded MT Bold",system-ui,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;place-items:center;display:grid;overflow:hidden}[data-site=home] .home *,[data-site=home] .home :before,[data-site=home] .home :after{box-sizing:border-box;margin:0;padding:0}[data-site=home] .stage{align-items:stretch;gap:max(10px,min(2.2vw,40px));padding:0 16px;display:flex;position:relative}[data-site=home] .bracket{will-change:transform;flex:none;width:max(16px,min(2.6vw,48px))}[data-site=home] .bracket svg{width:100%;height:100%;transition:transform 1.2s var(--ease);display:block;overflow:visible}[data-site=home] .bracket path{fill:none;stroke:var(--ink);stroke-width:max(3px,min(.5vw,6px));stroke-linecap:round;vector-effect:non-scaling-stroke}[data-site=home] h1{letter-spacing:.03em;white-space:nowrap;will-change:transform;gap:.28em;padding-top:.16em;padding-bottom:.1em;font-size:max(54px,min(14vw,250px));font-weight:400;line-height:.92;display:flex}[data-site=home] .word{display:inline-flex}[data-site=home] .ch{text-align:center;transition:opacity .9s ease-out,filter .9s ease-out,transform .35s cubic-bezier(.34,1.56,.64,1);display:inline-block}@media (hover:hover){[data-site=home] .ch:hover{transform:translateY(-.07em)rotate(-3deg)}}[data-site=home] .stage[data-intro=pending]{visibility:hidden}[data-site=home] .stage:not([data-intro=static]) .ch{opacity:0;filter:blur(14px)}[data-site=home] .stage:not([data-intro=static]) .ch.in{opacity:1;filter:blur()}[data-site=home] .stage[data-intro=closed] .bracket.l svg{transform:translateX(var(--shift,0px))}[data-site=home] .stage[data-intro=closed] .bracket.r svg{transform:translateX(calc(var(--shift,0px)*-1))}@media (max-width:640px){[data-site=home] h1{flex-direction:column;align-items:center;gap:0;font-size:23vw;line-height:.95}[data-site=home] .bracket{width:6vw}}@media (prefers-reduced-motion:reduce){[data-site=home] .stage[data-intro]{visibility:visible}[data-site=home] .stage[data-intro] .ch{opacity:1;filter:none}[data-site=home] .ch,[data-site=home] .bracket svg{transition:none!important}}
