.section-head{grid-template-columns:minmax(0,1.25fr) minmax(0,30rem);align-items:end;gap:24px 48px;margin-bottom:clamp(32px,5vw,64px);display:grid}.section-head p{color:var(--graphite);font-size:clamp(1.0625rem,1.3vw,1.25rem)}@media (max-width:860px){.section-head{grid-template-columns:1fr}}.styles{padding-block:clamp(72px,10vw,144px) 0}.styles-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:clamp(32px,5vw,80px);display:grid}.styles-side{top:calc(var(--header) + 24px);flex-direction:column;gap:22px;display:flex;position:sticky}.styles-intro{color:var(--graphite);max-width:40ch;font-size:1.125rem}.deck{background:var(--card);border:2px solid var(--ink);box-shadow:var(--shadow-lg);padding:20px 20px 16px}.deck-top{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.deck-name{font:400 clamp(2rem, 3.4vw, 2.9rem)/.95 var(--display);text-transform:uppercase}.deck-meta{color:var(--graphite);margin-top:6px;font-size:.9375rem}.play-btn{background:var(--red);width:64px;height:64px;color:var(--on-red);border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);transition:transform .12s var(--ease), box-shadow .12s var(--ease);flex:none;place-items:center;display:grid}.play-btn:active{box-shadow:1px 1px 0 var(--ink);transform:translate(3px,3px)}.deck[data-state=playing] .play-btn{background:var(--ink);color:var(--red)}.deck[data-state=loading] .play-btn .icon{animation:.6s ease-in-out infinite alternate breathe}.lanes{gap:6px;margin-top:20px;display:grid}.lane{grid-template-columns:28px 1fr;align-items:center;gap:8px;display:grid}.lane>.icon{width:22px;height:22px}.cells{grid-template-columns:repeat(16,1fr);gap:3px;display:grid}.cells i{aspect-ratio:1;border:1.5px solid var(--ink);background:var(--card);transition:background 60ms}.cells i:nth-child(4n+1){border-left-width:3px}.cells i.on{background:var(--ink)}.cells i.hit{background:var(--red)}.cells i.tail{background:var(--stone)}.cells i.hat{background:radial-gradient(circle, var(--ink) 0 22%, var(--card) 26%)}.cells i.now{outline:2px solid var(--red);outline-offset:1px}.deck-bar{font:700 .875rem/1 var(--label);letter-spacing:.06em;text-transform:uppercase;color:var(--graphite);font-variant-numeric:tabular-nums;margin-top:12px}.styles-note{color:var(--graphite);max-width:44ch;font-size:.9375rem}.style-list{grid-template-columns:1fr 1fr;column-gap:28px;display:grid}.style-row{border-top:2px solid var(--ink);text-align:left;width:100%;min-height:84px;transition:background .16s, color .16s, padding .22s var(--ease);grid-template-columns:1fr auto;align-items:center;gap:2px 12px;padding:14px 10px 12px 0;display:grid;position:relative}.style-name{font:400 clamp(1.75rem, 2.6vw, 2.6rem)/.95 var(--display);text-transform:uppercase;transition:transform .22s var(--ease)}.style-blurb{color:var(--graphite);grid-column:1;font-size:.875rem}.style-row:before{content:"";background:var(--red);width:12px;height:12px;transition:transform .22s var(--ease);margin-top:-6px;position:absolute;top:50%;left:0;transform:scale(0)}.style-row:hover .style-name,.style-row:focus-visible .style-name{transform:translate(22px)}.style-row:hover:before,.style-row:focus-visible:before{transform:scale(1)}.style-row:hover .style-blurb,.style-row:focus-visible .style-blurb{transform:translate(22px)}.style-blurb{transition:transform .22s var(--ease)}.style-row[aria-pressed=true]{background:var(--ink);color:var(--paper);padding-left:14px}.style-row[aria-pressed=true] .style-blurb{color:var(--stone)}.style-row[aria-pressed=true]:before{display:none}.style-row[aria-pressed=true] .style-name,.style-row[aria-pressed=true] .style-blurb{transform:none}.eq{visibility:hidden;grid-area:1/2/span 2;align-items:flex-end;gap:3px;height:26px;display:flex}.eq i{background:var(--red);width:5px;height:40%}.style-row[aria-pressed=true] .eq{visibility:visible}.deck-playing .style-row[aria-pressed=true] .eq i{animation:.5s ease-in-out infinite alternate eq}.eq i:nth-child(2){animation-delay:-.2s!important}.eq i:nth-child(3){animation-delay:-.35s!important}@keyframes eq{0%{height:25%}to{height:100%}}.style-more{display:none}@media (max-width:1240px){.style-list{grid-template-columns:1fr}}@media (max-width:900px){.styles-grid{grid-template-columns:1fr}.styles-side{position:static}.style-list.is-short li:nth-child(n+9){display:none}.style-more{margin-top:12px;display:inline-flex}}.studio{padding-block:clamp(80px,11vw,160px) 0}.pads{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,1.6vw,22px);display:grid}.pad{background:var(--card);border:2px solid var(--ink);transition:transform .16s var(--ease), box-shadow .16s var(--ease);flex-direction:column;gap:10px;padding:0 0 20px;display:flex}.pad:hover{box-shadow:6px 6px 0 var(--ink);transform:translate(-3px,-3px)}.pad h3,.pad p{padding-inline:18px}.pad h3{margin-top:8px;font-size:clamp(1.35rem,1.7vw,1.65rem)}.pad p{color:var(--graphite);font-size:.96875rem}.pad-shot{aspect-ratio:var(--ratio,4 / 3);border-bottom:2px solid var(--ink);background:var(--paper);overflow:hidden}.pad-shot img{object-fit:cover;object-position:50% var(--y,30%);width:100%;height:100%}.pad-wide{grid-column:span 2}.pad-land{aspect-ratio:auto}.pad-land img{height:auto}.pad-text{padding-top:18px}.pad-icon{background:var(--red);width:48px;height:48px;color:var(--on-red);place-items:center;margin-left:18px;display:grid}@media (max-width:1100px){.pads{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.pads{grid-template-columns:1fr}.pad-wide{grid-column:auto}}.why{padding-block:clamp(80px,11vw,160px) 0}.why-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:clamp(32px,5vw,80px);display:grid}.why-art{width:min(100%,360px);margin-top:32px}.reasons{grid-template-columns:1fr 1fr;gap:clamp(28px,4vw,56px) clamp(24px,3vw,48px);padding-top:12px;display:grid}.reasons li{flex-direction:column;gap:12px;display:flex}.reasons h3{font-size:clamp(1.8rem,2.8vw,2.6rem);line-height:.95}.reasons h3:before{content:"";background:var(--red);width:14px;height:14px;box-shadow:-14px -14px 0 var(--ink);margin-bottom:16px;display:block;translate:14px}.reasons p{color:var(--graphite)}@media (max-width:900px){.why-grid{grid-template-columns:1fr}.why-art{width:min(70%,300px)}}@media (max-width:560px){.reasons{grid-template-columns:1fr}}.compare{margin-top:clamp(56px,8vw,104px)}.compare-title{margin-bottom:20px;font-size:clamp(1.8rem,3vw,2.6rem)}.table-scroll{border:2px solid var(--ink);background:var(--card);overflow-x:auto}.compare-table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:760px;font-size:.96875rem}.compare-table th,.compare-table td{text-align:left;vertical-align:top;border-bottom:1px solid var(--stone);padding:14px 16px}.compare-table thead th{font:700 1rem/1.1 var(--label);letter-spacing:.05em;text-transform:uppercase;border-bottom:2px solid var(--ink)}.compare-table tbody th{font-weight:600}.compare-table tr:last-child>*{border-bottom:0}.compare-table .is-humm{background:var(--blush)}.compare-table tbody th,.compare-table thead th:first-child{z-index:1;background:var(--card);box-shadow:inset -1px 0 0 var(--stone);position:sticky;left:0}.compare-table thead .is-humm{background:var(--red);color:var(--on-red)}.yes,.no{font-weight:600}.yes{color:var(--red-ink)}.compare-foot{color:var(--graphite);flex-wrap:wrap;align-items:center;gap:4px 16px;margin-top:14px;font-size:.9375rem;display:flex}.compare-foot .text-link{color:var(--ink)}.plans{padding-block:clamp(80px,11vw,160px) 0}.plans .wrap{position:relative}.plan-cards{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:clamp(16px,2vw,28px);display:grid}.plan{background:var(--card);border:2px solid var(--ink);flex-direction:column;gap:12px;padding:28px 26px 30px;display:flex;position:relative}.plan h3{font-size:2.4rem}.price{align-items:baseline;gap:8px;display:flex}.price b{font:400 3.4rem/1 var(--display);font-variant-numeric:tabular-nums}.price span{font:700 1rem/1 var(--label);letter-spacing:.05em;text-transform:uppercase;color:var(--graphite)}.plan-for{font-weight:600}.plan ul{border-top:2px solid var(--ink);gap:10px;margin-top:8px;padding-top:18px;display:grid}.plan li{padding-left:26px;position:relative}.plan li:before{content:"";background:var(--ink);width:10px;height:10px;position:absolute;top:.5em;left:0}.plan-pro{box-shadow:var(--shadow-lg);margin-top:-16px}.plan-pro li:before{background:var(--red)}.plan-tag{background:var(--red);color:var(--on-red);font:700 .9375rem/1 var(--label);letter-spacing:.06em;text-transform:uppercase;align-self:flex-start;padding:6px 10px 5px}.plan-small{color:var(--graphite);margin-top:6px;font-size:.875rem}.plans-foot{color:var(--graphite);max-width:72ch;margin-top:24px;font-size:.9375rem}.plans-foot .text-link{color:var(--ink)}.plans-art{width:clamp(180px,18vw,260px);position:absolute;top:-12px;right:0}.plans-art img,.plans-art video{-webkit-mask-composite:source-in;-webkit-mask-image:linear-gradient(90deg,#0000,#000 7% 93%,#0000),linear-gradient(#0000,#000 7% 93%,#0000);mask-image:linear-gradient(90deg,#0000,#000 7% 93%,#0000),linear-gradient(#0000,#000 7% 93%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect}.plans-head{padding-right:clamp(0px,20vw,290px)}@media (max-width:1000px){.plan-cards{grid-template-columns:1fr;max-width:560px}.plan-pro{margin-top:0}}@media (max-width:860px){.plans-art{width:min(60%,240px);margin-top:36px;position:static}.plans-head{padding-right:0}}.styles,.studio,.why,#plans{padding-bottom:clamp(80px,11vw,160px)}