.how-intro{padding:clamp(150px,18vw,230px) 0 clamp(80px,10vw,130px)}.how-title{max-width:14ch;font-family:var(--serif);letter-spacing:-.03em;font-variation-settings:"opsz" 72;margin:0;font-size:clamp(50px,8.4vw,120px);font-weight:500;line-height:.98}.how-kicker{font-family:var(--serif);color:var(--pen);margin:clamp(22px,3vw,34px) 0 0;font-size:clamp(24px,2.8vw,36px);font-style:italic;font-weight:500}.how-will{color:var(--mark)}.how-lede{color:#4a4a46;text-wrap:pretty;max-width:46ch;margin:clamp(26px,3vw,36px) 0 0;font-size:clamp(17px,1.5vw,20px)}.steps{padding:clamp(40px,6vw,80px) 0 clamp(90px,12vw,160px);position:relative}.steps-track{background:var(--line);width:2px;position:absolute;top:clamp(40px,6vw,80px);bottom:clamp(90px,12vw,160px);left:27px}.steps-fill{background:var(--pen);transform-origin:top;position:absolute;inset:0;transform:scaleY(0)}html:not(.motion) .steps-fill{transform:scaleY(1)}.step{grid-template-columns:56px 1fr;gap:clamp(20px,4vw,56px);padding:0 0 clamp(64px,8vw,110px);display:grid;position:relative}.step:last-child{padding-bottom:0}.step-num{z-index:1;background:var(--paper);border:2px solid var(--line);width:56px;height:56px;font-family:var(--sans);color:var(--muted);border-radius:50%;place-items:center;font-size:16px;font-weight:700;transition:border-color .4s,color .4s,background-color .4s;display:grid;position:relative}.step.is-on .step-num,html:not(.motion) .step-num{border-color:var(--pen);color:#fff;background:var(--pen)}.step-meta{color:var(--pen);margin:6px 0 10px;font-size:14px;font-weight:600}.step h3{font-family:var(--serif);letter-spacing:-.02em;margin:0;font-size:clamp(32px,4vw,52px);font-weight:500;line-height:1.05}.step p{color:#4a4a46;text-wrap:pretty;max-width:52ch;margin:16px 0 0;font-size:clamp(17px,1.5vw,19px)}.step .note{border-left:2px solid var(--mark);color:#66665f;margin-top:18px;padding-left:16px;font-size:15px}.listen{background:#f3f3f1;padding:clamp(90px,12vw,160px) 0}.listen-title,.asks-title{font-family:var(--serif);letter-spacing:-.015em;margin:0 0 clamp(40px,6vw,72px);font-size:clamp(30px,3.8vw,48px);font-weight:400;line-height:1.1}.listen .listen-title{margin:0 0 clamp(40px,6vw,72px)}.gl{position:relative}.gl-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(8px,2vw,24px);display:grid;position:relative}.gl-cell{z-index:1;cursor:default;padding:clamp(34px,4.6vw,58px) clamp(22px,3vw,44px);position:relative}.gl-inner{transform-origin:0%;transition:transform .65s cubic-bezier(.32,.72,0,1),filter .45s,opacity .45s}.gl-cell h3{font-family:var(--serif);letter-spacing:-.03em;color:var(--ink);margin:0;font-size:clamp(46px,5.6vw,80px);font-style:italic;font-weight:800;line-height:1}.gl-cell p{color:#4a4a46;max-width:26ch;margin:14px 0 0;font-size:clamp(17px,1.5vw,20px);line-height:1.45}.gl.is-active .gl-cell:not(.is-focus) .gl-inner{filter:blur(1.6px);opacity:.42}.gl .gl-cell.is-focus .gl-inner{transform:scale(1.06)}.gl-lens{z-index:0;pointer-events:none;opacity:0;background:#fff;border:1px solid #1414140f;border-radius:44px;width:10px;height:10px;transition:transform .7s cubic-bezier(.32,.72,0,1),width .7s cubic-bezier(.32,.72,0,1),height .7s cubic-bezier(.32,.72,0,1),opacity .32s;position:absolute;top:0;left:0;box-shadow:0 30px 60px -28px #14141442,0 2px 8px #1414140d,inset 0 1px #fff}.gl-lens:after{content:"";background:var(--mark);border-radius:0 0 4px 4px;width:40px;height:4px;position:absolute;top:-1px;left:clamp(26px,3vw,48px)}.gl.is-active .gl-lens{opacity:1}.gl-lens.no-anim{transition:opacity .32s}@media (max-width:700px){.gl-grid{grid-template-columns:1fr;gap:4px}.gl-lens{border-radius:32px}}html:not(.motion) .gl-lens{display:none}@media (hover:none),(pointer:coarse){.gl.is-active .gl-cell:not(.is-focus) .gl-inner{filter:none;opacity:.55}}.asks{padding:clamp(100px,13vw,170px) 0}.asks-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:clamp(40px,6vw,100px);display:grid}.asks .asks-title{margin:0}.ask-note{max-width:32ch;color:var(--muted);text-wrap:pretty;margin:18px 0 0;font-size:17px;line-height:1.5}.ask-ctrl{flex-direction:column;align-items:flex-start;gap:22px;margin-top:clamp(32px,4vw,44px);display:flex}.ask-index{gap:6px;display:flex}.ask-index button{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;padding:6px 8px 8px;font-size:13px;font-weight:600;transition:color .2s;position:relative}.ask-index button:after{content:"";background:var(--mark);transform-origin:0;border-radius:2px;height:2px;transition:transform .4s cubic-bezier(.32,.72,0,1);position:absolute;bottom:2px;left:8px;right:8px;transform:scaleX(0)}.ask-index button[aria-selected=true]{color:var(--ink)}.ask-index button[aria-selected=true]:after{transform:scaleX(1)}@media (hover:hover) and (pointer:fine){.ask-index button:hover{color:var(--ink)}}.deck{grid-template-columns:minmax(0,1fr);justify-self:end;width:100%;max-width:640px;padding:14px 18px 22px 10px;display:grid;position:relative}.deck-back{border-radius:16px;grid-area:1/1}.deck-back.b2{background:#ecece8;transform:rotate(4deg)translate(14px,8px)}.deck-back.b1{background:#f3f3f1;border:1px solid #1414140d;transform:rotate(-2.5deg)translate(-6px,6px)}.qcard{cursor:pointer;visibility:hidden;opacity:0;background:#fff;border:1px solid #14141412;border-radius:16px;flex-direction:column;grid-area:1/1;justify-content:space-between;gap:28px;min-height:300px;padding:clamp(28px,3.6vw,48px);display:flex;position:relative;transform:translateY(16px)scale(.97);box-shadow:0 40px 70px -40px #14141452,0 2px 8px #1414140d}.qcard:before{content:"";background:var(--mark);border-radius:0 0 4px 4px;width:44px;height:4px;position:absolute;top:-1px;left:clamp(28px,3.6vw,48px)}.qcard.is-on{visibility:visible;opacity:1;z-index:2;transition:opacity .36s .14s,transform .6s cubic-bezier(.32,.72,0,1) .14s;transform:none}.qcard.is-out{visibility:visible;z-index:3;animation:.52s cubic-bezier(.55,0,.75,.25) forwards deal-out}@keyframes deal-out{0%{opacity:1;transform:none}to{opacity:0;transform:translate(-46%,18px)rotate(-9deg)}}.qc-num{color:var(--mark);margin:0;font-size:13px;font-weight:600}.qc-q{font-family:var(--serif);letter-spacing:-.015em;color:var(--ink);text-wrap:balance;margin:14px 0 0;font-size:clamp(30px,3.2vw,46px);font-style:italic;font-weight:500;line-height:1.18}.qc-why{flex-wrap:wrap;align-items:baseline;gap:12px;margin:0;display:flex}.qc-why small{color:var(--muted);font-size:12px;font-weight:600}.qc-why span{font-family:var(--hand);color:var(--pen);font-size:clamp(24px,2.2vw,30px);font-weight:700;line-height:1.1;display:inline-block;transform:rotate(-1.5deg)}.motion .qcard .qc-why span{clip-path:inset(-25% 100% -25% 0%)}.motion .qcard.is-on .qc-why span{clip-path:inset(-25% 0%);transition:clip-path .9s cubic-bezier(.45,.05,.55,.95) .7s}html:not(.motion) .qcard.is-out{visibility:hidden;animation:none}@media (max-width:860px){.asks-grid{grid-template-columns:1fr}.qcard{min-height:260px}}.promise{background:var(--night);color:var(--night-ink);text-align:center;padding:clamp(110px,15vw,200px) 0}.promise h2{max-width:18ch;font-family:var(--serif);letter-spacing:-.025em;margin:0 auto;font-size:clamp(40px,6.4vw,92px);font-weight:500;line-height:1.04}.promise h2 em{color:var(--mark);font-style:italic}.promise .btn{margin-top:clamp(40px,5vw,56px)}.promise-sub{color:var(--night-muted);margin:16px 0 0;font-size:15px}