.landing{color-scheme:light;--chalk:#f4f1ec;--ink:#1a1a1a;--soft:#5c5752;--dim:#2e2b29;--edge:#3a3633;--clash:#e23b2e;--bolt-chalk:#cfc9c2;--bolt-ink:#3a3633;--panel-light:rgb(244 241 236/0.9);--panel-dark:rgb(26 26 26/0.8);--float-light:0 0 0 1px rgb(26 26 26/0.1),0 1.25rem 2.5rem -1.25rem rgb(26 26 26/0.4);--float-dark:0 0 0 1px rgb(244 241 236/0.16),0 1.25rem 2.5rem -1.25rem rgb(0 0 0/0.7);--green:#2daa4f;--yellow:#f7c600;--orange:#f5821f;--red:#e5252a;--pink:#ec4e9c;--purple:#7b3fc4;--blue:#2f6fe0;--teal:#10a5a0;--display:var(--font-display),var(--font-body),ui-sans-serif,system-ui,sans-serif;--body:var(--font-body),ui-sans-serif,system-ui,sans-serif;--blob:45% 55% 50% 50%/55% 45% 55% 45%;--section-gap:clamp(5rem,12svh,8rem);--spring:cubic-bezier(0.3,1.3,0.5,1);flex:1;overflow-x:clip;background:var(--chalk);color:var(--ink);font-family:var(--body);font-size:1.0625rem;line-height:1.45;h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--display);text-transform:uppercase}a:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.wrap{max-width:84rem;margin-inline:auto;padding-inline:1.25rem}@media (min-width:48rem){.wrap{padding-inline:2.5rem}}.mega{font-family:var(--display);text-transform:uppercase;font-weight:400;letter-spacing:.01em;line-height:.95;font-size:clamp(2.4rem,5.6vw,5.5rem);text-wrap:balance}.btn{display:inline-flex;align-items:center;justify-content:center;height:3.4rem;padding:0 1.6rem;border-radius:var(--radius-button);font:700 1.05rem var(--body);text-decoration:none;background:var(--ink);color:var(--chalk);border:2px solid var(--ink);white-space:nowrap}.btn.inv{background:var(--chalk);color:var(--ink);border-color:var(--chalk)}.bar{position:fixed;z-index:20;top:calc(.6rem + env(safe-area-inset-top, 0px));left:.75rem;right:.75rem;margin-inline:auto;max-width:84rem;display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding:.4rem .4rem .4rem 1.1rem;border-radius:var(--radius-card);color:var(--chalk);border:1px solid var(--edge)}.bar,.bar:before{background:var(--ink)}.bar:before{content:"";position:absolute;z-index:-1;top:calc(-.6rem - env(safe-area-inset-top, 0px));bottom:-.6rem;left:calc(50% - 50vw);right:calc(50% - 50vw)}.bar .brand{--logo-h:2.1rem;display:inline-flex;flex:none;align-items:baseline;gap:.9rem}.bar .brand svg{display:block;height:var(--logo-h);width:auto;transform:translateY(calc(var(--logo-h) * .25));margin-top:calc(var(--logo-h) * -.25)}@media (max-width:60rem){.bar .brand .tag{display:none}.bar .brand{--logo-h:1.35rem}}@media (max-width:23.5rem),(min-width:40.01rem) and (max-width:46rem){.bar .brand{--logo-h:1.05rem}}.bar nav{display:flex;align-items:baseline;gap:1.1rem;font-weight:700}.bar a{color:inherit;text-decoration:none}.bar nav>a:not(.btn){display:inline-flex;align-items:center;min-height:2.75rem;white-space:nowrap}.bar .btn{height:2.75rem;padding:0 1rem;font-size:.95rem;border-radius:var(--radius-button)}@media (max-width:40rem){.bar nav>a.wide{display:none}.bar{gap:.5rem;padding-left:.9rem}.bar nav{gap:.6rem}.bar .btn{padding:0 .8rem;font-size:.85rem}}.wall{position:fixed;top:0;left:0;width:100vw;height:100lvh;z-index:0;pointer-events:none}main{position:relative;z-index:1}&:not(.walled) [data-ground=ink]{background:var(--ink)}.panel{min-width:0;padding:clamp(1.25rem,2.6vw,2.5rem);border-radius:var(--radius-card);background:var(--panel-light);box-shadow:var(--float-light)}.panel.dark{background:var(--panel-dark);color:var(--chalk);box-shadow:var(--float-dark)}.label{font:700 .8125rem/1.2 var(--body);letter-spacing:1.2px;text-transform:uppercase;color:var(--soft)}.dark .label{color:#b5afa8}.twelve{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:1.5rem}.opening{padding-top:calc(7.5rem + env(safe-area-inset-top, 0px));padding-bottom:46svh}.opening .panel{display:flex;flex-direction:column;align-items:flex-start;gap:1.25rem;container-type:inline-size}.opening h1.mega{font-size:min(clamp(2.4rem,7vw,6.6rem),100cqi/8.2)}.opening h1 span{display:block}.opening .verbs{font:400 clamp(1.3rem,2.4vw,2rem) /1.1 var(--display);text-transform:uppercase;color:var(--clash)}.note{max-width:100%;padding:.75rem 1rem;border:2px solid var(--ink);border-radius:var(--radius-tile);font-size:.95rem;font-weight:700}.opening .say{font-size:1.2rem;max-width:30rem}.opening .act{display:flex;flex-wrap:wrap;align-items:center;gap:.9rem 1.4rem}.opening .price{flex:1 1 14rem;max-width:24rem;font-size:.95rem;color:var(--soft)}.opening .minor{display:flex;gap:1.2rem;font-weight:700;font-size:.95rem}.opening .minor a{display:inline-flex;align-items:center;min-height:2.75rem;color:inherit;text-decoration:underline;text-underline-offset:.25em}@media (min-width:47.5rem){.opening{padding-bottom:var(--section-gap)}.opening .wrap{display:grid;grid-template-columns:repeat(12,minmax(0,1fr))}.opening .panel{grid-column:1/-1}.opening h1.mega{font-size:min(6.6rem,100cqi/13.7)}.opening .minor{display:none}}.collide .stage{position:sticky;top:min(var(--section-gap),calc(100svh - var(--stage-h, 0px) - 1rem))}.collide .run{height:100svh}.collide .wrap{display:grid;gap:1.25rem}.collide .head{display:grid;max-width:52rem}.collide .head>div{grid-area:1/1;display:grid;gap:.9rem;align-content:start;transition:opacity .3s linear,transform .55s var(--spring),visibility 0s}.collide .head h2 span{display:block}.collide .head p{max-width:46ch;color:var(--soft)}.collide .head .after,.collide .hit .head .before{opacity:0;transform:translateY(.75rem);visibility:hidden;transition:opacity .2s linear,transform .55s var(--spring),visibility 0s .3s}.collide .hit .head .before{transform:translateY(-.75rem)}.collide .hit .head .after{opacity:1;transform:none;visibility:visible;transition:opacity .3s linear .1s,transform .55s var(--spring) .1s,visibility 0s}.tools{list-style:none;margin:0;padding:0;max-width:62rem;--tools-gap:0.5rem;gap:var(--tools-gap);transition:gap .55s var(--spring),padding .55s var(--spring),background-color .3s linear,box-shadow .3s linear}.tools,.tools li{display:grid;border-radius:var(--radius-tile)}.tools li{gap:.3rem;align-content:start;padding:.8rem 1rem;background:var(--panel-light);box-shadow:var(--float-light);transition:border-radius .4s var(--spring),background-color .3s linear,box-shadow .3s linear,color .3s linear}.tools h3{display:grid;font-size:clamp(1.5rem,2.4vw,1.9rem);line-height:.95}.tools h3>span{grid-area:1/1;transition:opacity .25s linear .2s,transform .55s var(--spring) .2s,visibility 0s}.tools .struck h3 .was,.tools h3 .now{opacity:0;transform:translateY(.6rem);visibility:hidden;transition:opacity .2s linear,transform .55s var(--spring),visibility 0s .2s}.tools .struck h3 .was{transform:translateY(-.6rem)}.tools .struck h3 .now{opacity:1;transform:none;visibility:visible;transition:opacity .25s linear .2s,transform .55s var(--spring) .2s,visibility 0s}.tools .problem{position:relative;justify-self:start;transition:color .3s linear}.tools .problem:after{content:"";position:absolute;left:-.15rem;right:-.15rem;top:52%;height:.2rem;background:var(--clash);transform:scaleX(0);transform-origin:left;transition:transform .45s cubic-bezier(.6,0,.2,1)}.tools .answer{font-weight:700;opacity:0;transform:translateY(.6rem);transition:opacity .25s linear .2s,transform .55s var(--spring) .2s}.tools .answer:before{content:"";display:inline-block;width:.55rem;height:.55rem;margin-right:.45rem;border-radius:50%;background:var(--clash);vertical-align:.08em}.tools .struck .problem{color:var(--soft)}.tools .struck .problem:after{transform:scaleX(1)}.tools .struck .answer{opacity:1;transform:none}.hit .tools{gap:0;padding-block:var(--tools-gap);background:var(--panel-dark);box-shadow:var(--float-dark)}.hit .tools li{border-radius:0;background:transparent;box-shadow:none;color:var(--chalk)}.hit .tools li+li{box-shadow:inset 0 1px 0 rgb(244 241 236/.18)}.hit .tools .label,.hit .tools .problem{color:#b5afa8}@media (max-width:47.49rem){.collide .head .mega{font-size:clamp(2rem,9vw,2.4rem)}}@media (min-width:47.5rem){.tools{grid-template-columns:repeat(3,minmax(0,1fr));--tools-gap:1rem}.hit .tools{padding-block:0;padding-inline:var(--tools-gap)}.tools li{min-height:11rem;gap:.5rem;padding:1.4rem}.hit .tools li+li{box-shadow:inset 1px 0 0 rgb(244 241 236/.18)}}@media (prefers-reduced-motion:reduce){.collide .stage{position:static}.collide .run{display:none}.tools .problem:after{transform:scaleX(1)}.tools .answer,.tools h3 .now{opacity:1;transform:none;visibility:visible}.tools h3 .was{visibility:hidden}.collide .head .after{grid-area:2/1;opacity:1;transform:none;visibility:visible}}.live{padding-top:var(--section-gap)}.live .wrap{display:grid;gap:1.5rem}.live .head{display:grid;gap:.9rem;align-content:start}.live .head .mega{font-size:clamp(2.4rem,4.2vw,4.2rem)}.live .head p{max-width:30rem}.live .stage{--card-scale:0.36;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:1.5rem}.live .stage .cardcol{--card-scale:inherit}.live .stage .boardcol{display:contents}.live .stage .looks{grid-column:1/-1}@media (min-width:48rem){.live .stage{--card-scale:0.6}.live .head{max-width:44rem}}@media (max-width:47.99rem){.live .stage{gap:1rem}.live .boardscreen{aspect-ratio:9/16}}@media (max-width:63.99rem){.live .looks{gap:.4rem}.live .look{height:2.5rem;padding:0 .8rem;font-size:.9rem}}.cardcol{--card-scale:0.7692;display:grid;gap:1rem;justify-items:center;align-content:start}.styles{align-items:center;justify-content:space-between;gap:.75rem 1.25rem;padding:.75rem}.styles,.styles .tabs{display:flex;flex-wrap:wrap}.styles .tabs{gap:.5rem}.styles p{font-size:.9rem;color:#b5afa8}.phoneframe{position:relative;box-sizing:content-box;width:calc(390px * var(--card-scale));height:calc(780px * var(--card-scale));overflow:hidden;border:.5rem solid var(--ink);border-radius:var(--radius-card);background:var(--ink)}.cardiframe{position:absolute;top:0;left:0;width:390px;height:780px;border:0;transform:scale(var(--card-scale));transform-origin:top left;pointer-events:none}.hold{padding-top:var(--section-gap)}.sheet{display:grid;gap:1.1rem;max-width:56rem}.sheet ul{list-style:none;margin:0;padding:0}.sheet li{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding-block:1rem;border-top:1px solid var(--edge);font-size:1.1rem}.sheet b{font:400 clamp(1.9rem,3.4vw,3rem) /1 var(--display);text-transform:uppercase}.sheet li:first-child b{color:var(--clash)}.boardcol{display:grid;gap:1rem;min-width:0}.boardframe{display:grid;border:.5rem solid var(--ink);border-radius:var(--radius-card)}.boardframe,.boardscreen{overflow:hidden;background:var(--ink)}.boardscreen{position:relative;aspect-ratio:16/9}.boardiframe{position:absolute;top:0;left:0;border:0;transform-origin:top left;background:var(--ink);pointer-events:none}.looks{padding:.75rem;background:var(--panel-dark);box-shadow:var(--float-dark);display:flex;flex-wrap:wrap;gap:.5rem}.look,.looks{border-radius:var(--radius-card);color:var(--chalk);align-items:center}.look{flex:none;display:inline-flex;justify-content:center;height:2.75rem;padding:0 1.1rem;border:2px solid var(--chalk);background:transparent;font:700 1rem var(--body);cursor:pointer}.look[aria-pressed=true]{background:var(--chalk);color:var(--ink)}.looks span{flex:none;font-weight:700;color:#b5afa8;padding-left:.4rem;white-space:nowrap}.passes{padding-top:var(--section-gap)}.passes>.wrap{scroll-margin-top:calc(6rem + env(safe-area-inset-top, 0px))}.passes>.wrap:focus{outline:none}.passes .wrap{align-items:start}.pass-col,.passes .wrap{display:grid;gap:1.5rem}@media (min-width:54rem){.passes .wrap{grid-template-columns:repeat(12,minmax(0,1fr))}.pass-col{grid-column:1/7}.passes .asks{grid-column:7/13;margin-top:8rem}}.pass-row{display:grid;gap:1.6rem;grid-template-columns:minmax(0,36rem);list-style:none;margin:0;padding:0 .4rem}.pass{position:relative;display:grid;grid-template-columns:1fr auto;min-height:11.5rem;background:var(--panel-light);box-shadow:var(--float-light);color:var(--ink);border-radius:var(--radius-card);transform:rotate(var(--tilt));transition:transform .3s cubic-bezier(.2,.9,.25,1.2)}.pass:hover{transform:rotate(0) scale(1.03)}.pass{--tilt:-2deg;--h:#ffffff;--on:var(--ink)}.pass-body{padding:1.3rem 1.2rem;display:flex;flex-direction:column;gap:.5rem;min-width:0}.pass-body h3{font:800 2.2rem/1 var(--display);text-transform:uppercase;letter-spacing:-.02em}.pass-body p{overflow-wrap:break-word;color:var(--soft)}.stub{position:relative;display:grid;place-items:center;padding:0 1.1rem;background:var(--h);color:var(--on);border-radius:0 var(--radius-card) var(--radius-card) 0;border-left:3px dashed var(--ink);font:800 clamp(1.6rem,4vw,2.4rem) /1 var(--display);text-transform:uppercase;letter-spacing:-.03em;text-align:center}.stub:after,.stub:before{content:"";position:absolute;left:-.75rem;width:1.4rem;height:1.4rem;border-radius:50%;background:var(--chalk)}.stub:before{top:-.7rem}.stub:after{bottom:-.7rem}.passes .after{display:flex;flex-wrap:wrap;gap:1rem 2rem;align-items:center}.passes .after p{color:var(--soft);max-width:26rem}.asks{display:grid;gap:1rem}.asks .mega{font-size:clamp(2rem,3.4vw,3rem)}.asks details{border-top:2px solid var(--ink);padding-block:1.1rem}.asks details:last-child{border-bottom:2px solid var(--ink)}.asks summary{font:800 clamp(1.2rem,2vw,1.6rem) /1.15 var(--display);text-transform:uppercase;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:1rem}.asks summary::-webkit-details-marker{display:none}.asks summary:after{content:"+";font-weight:400}.asks details[open] summary:after{content:"−"}.asks details p{margin-top:.7rem;color:var(--soft);max-width:36rem}.end{--mark-bolt:#5c5752;color:var(--chalk);padding-block:var(--section-gap) 2rem}.end .mega{font-size:clamp(2.6rem,7vw,7rem)}.end .go{margin-top:2rem;display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.end .btn{height:4.2rem;padding:0 2.2rem;font-size:1.25rem;background:var(--chalk);color:var(--ink);border-color:var(--chalk)}.end .btn.line{background:transparent;color:var(--chalk)}.foot{margin-top:3rem;display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:.5rem 2rem;font-weight:700;border-top:2px solid var(--dim);padding-top:1rem}.foot a{color:inherit}.foot .lockup{display:block;height:10rem;width:auto;max-width:100%}.foot .links{display:flex;flex-wrap:wrap;gap:.5rem 2rem;padding-bottom:2.6rem}@media (max-width:40rem){.end .btn{height:3.4rem;padding:0 1.4rem;font-size:1.05rem}.foot .lockup{height:7rem}.foot .links{padding-bottom:0}}.foot a:hover{text-decoration:underline}@media (prefers-reduced-motion:reduce){.collide .head>div,.pass,.tools,.tools .answer,.tools .problem,.tools .problem:after,.tools h3>span,.tools li{transition:none}}}