.why-write-deck{scroll-snap-type:x mandatory;scrollbar-width:none;gap:.75rem;margin:2rem -1.5rem 0;padding:.25rem 1.5rem .5rem;scroll-padding-inline:1.5rem;list-style:none;display:flex;overflow-x:auto}.why-write-deck::-webkit-scrollbar{display:none}.why-write-card{scroll-snap-align:start;flex:0 0 78%;padding:1.25rem;overflow:clip}.why-write-art{width:auto;height:3.25rem;color:color-mix(in oklab, var(--btt-ink) 62%, transparent);opacity:.85;stroke-width:1.6px;pointer-events:none;grid-area:2/1;place-self:end;margin-top:.75rem;transition:opacity .22s cubic-bezier(.23,1,.32,1)}@media (width>=768px){.why-write-deck{border:1px solid var(--border);border-radius:var(--btt-btn-radius);background:var(--border);grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:2.5rem 0 0;padding:0;display:grid;overflow:clip}.why-write-card{background:var(--card);border:0;border-radius:0;padding:1.75rem 1.75rem 1.5rem}.why-write-art{height:3.5rem}}@media (width>=1024px){.why-write-deck{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr}.why-write-art{height:3.75rem}}.why-write-card:focus-visible{outline:2px solid var(--ring);outline-offset:-2px}.why-write-card{grid-template-rows:1fr auto;display:grid}.why-write-front,.why-write-letter{grid-area:1/1;align-self:start;transition:opacity .22s cubic-bezier(.23,1,.32,1),transform .22s cubic-bezier(.23,1,.32,1),filter .22s cubic-bezier(.23,1,.32,1)}.why-write-letter{opacity:0;filter:blur(2px);grid-row:1/3;transform:translateY(.375rem)}.why-write-card[data-open] .why-write-front,.why-write-card:focus-visible .why-write-front{opacity:0;filter:blur(2px);transform:translateY(-.375rem)}.why-write-card[data-open] .why-write-art,.why-write-card:focus-visible .why-write-art{opacity:.25}.why-write-card[data-open] .why-write-letter,.why-write-card:focus-visible .why-write-letter{opacity:1;filter:none;transform:none}@media (hover:hover) and (pointer:fine){.why-write-card:hover .why-write-front{opacity:0;filter:blur(2px);transform:translateY(-.375rem)}.why-write-card:hover .why-write-art{opacity:.25}.why-write-card:hover .why-write-letter{opacity:1;filter:none;transform:none}}@media (prefers-reduced-motion:reduce){.why-write-front,.why-write-letter{transition:opacity .15s}.why-write-letter,.why-write-card[data-open] .why-write-front,.why-write-card:focus-visible .why-write-front,.why-write-card:hover .why-write-front{filter:none;transform:none}}.why-write-deck[data-reveal] .why-write-stroke{stroke-dasharray:1}.why-write-deck[data-reveal=pending] .why-write-card{opacity:0;transform:translateY(.375rem)}.why-write-deck[data-reveal=pending] .why-write-stroke{stroke-dashoffset:1px}.why-write-deck[data-reveal=pending] .why-write-card svg [stroke=none]{opacity:0;transform:scale(.9)}.why-write-card svg [stroke=none]{transform-box:fill-box;transform-origin:50%}.why-write-deck[data-reveal=shown] .why-write-card{--reveal-delay:calc(var(--reveal-order) * 60ms);transition:opacity .48s cubic-bezier(.23, 1, .32, 1) var(--reveal-delay), transform .48s cubic-bezier(.23, 1, .32, 1) var(--reveal-delay)}.why-write-deck[data-reveal=shown] .why-write-stroke{transition:stroke-dashoffset .7s cubic-bezier(.65, 0, .35, 1) calc(var(--reveal-delay) + .1s)}.why-write-deck[data-reveal=shown] .why-write-card svg [stroke=none]{transition:opacity .32s cubic-bezier(.23, 1, .32, 1) calc(var(--reveal-delay) + .6s), transform .32s cubic-bezier(.23, 1, .32, 1) calc(var(--reveal-delay) + .6s)}@media (prefers-reduced-motion:reduce){.why-write-deck[data-reveal] .why-write-card{transform:none}.why-write-deck[data-reveal] .why-write-card svg *{stroke-dashoffset:0;opacity:1;transition:none;transform:none}}