.br-hero{padding:clamp(150px,18vw,230px) 0 clamp(80px,10vw,130px)}.br-title{max-width:13ch;font-family:var(--serif);letter-spacing:-.03em;font-variation-settings:"opsz" 72;text-wrap:balance;margin:0;font-size:clamp(44px,6.2vw,92px);font-weight:500;line-height:1.02}.br-title em{color:var(--pen);font-style:italic;display:block}.br-lede{color:#4a4a46;text-wrap:pretty;max-width:52ch;margin:clamp(28px,3.4vw,40px) 0 0;font-size:clamp(18px,1.6vw,21px);line-height:1.55}.br-lede strong{color:var(--ink);font-weight:600}.br-hero .btn{margin-top:clamp(32px,4vw,44px)}.br-hero-grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:center;gap:clamp(32px,5vw,80px);display:grid}.hero-files{aspect-ratio:4/4.5;width:min(100%,360px);color:inherit;justify-self:end;text-decoration:none;display:block;position:relative}.hf{border-radius:12px;position:absolute;inset:0}.hf-back2{background:#ecece8;transform:rotate(7deg)translate(18px,6px)}.hf-back1{background:#f3f3f1;border:1px solid #1414140d;transform:rotate(-5deg)translate(-10px,8px)}.hf-front{background:#fff;border:1px solid #14141412;flex-direction:column;padding:26px 24px 22px;transition:transform .6s cubic-bezier(.32,.72,0,1),box-shadow .6s;display:flex;transform:rotate(-1.5deg);box-shadow:0 40px 70px -36px #14141459,0 2px 8px #1414140d}.hf-front:before{content:"";background:var(--mark);border-radius:0 0 4px 4px;width:40px;height:4px;position:absolute;top:-1px;left:24px}@media (hover:hover) and (pointer:fine){.hero-files:hover .hf-front{transform:rotate(0)translateY(-8px);box-shadow:0 50px 80px -36px #14141466,0 2px 8px #1414140d}}.hf-top{justify-content:space-between;align-items:flex-start;display:flex}.hf-kicker{color:var(--muted);margin:0;font-size:12px;font-weight:600}.hf-sample{letter-spacing:.12em;text-transform:uppercase;color:var(--mark);border:1.5px solid var(--mark);border-radius:999px;padding:3px 8px;font-size:10px;font-weight:700}.hf-name{font-family:var(--serif);letter-spacing:-.03em;margin:6px 0 0;font-size:40px;font-style:italic;font-weight:800;line-height:1}.hf-craft{color:#5a5a55;margin:6px 0 18px;font-size:14px}.hf-row{border-top:1px solid var(--line);color:#5a5a55;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;font-size:13px;display:flex}.hf-row b{color:var(--ink);font-weight:700}.hf-meter{background:var(--line);border-radius:6px;flex:1;max-width:46%;height:6px;display:flex;overflow:hidden}.hf-meter i{height:100%;display:block}.hf-meter .real{background:var(--pen);width:96%}.hf-meter .odd{background:var(--mark);width:4%}.hf-dots{gap:4px;display:inline-flex}.hf-dots i{background:var(--ink);border-radius:50%;width:8px;height:8px}.hf-dots i.off{background:var(--line)}.hf-hand{font-family:var(--hand);color:var(--pen);margin-top:auto;padding-top:12px;font-size:24px;font-weight:700;line-height:1.1;transform:rotate(-2deg)}.hf-open{color:var(--pen);margin-top:10px;font-size:13px;font-weight:600}.motion .hf{animation:.9s cubic-bezier(.16,1,.3,1) both hf-in}.motion .hf-back1{animation-delay:.12s}.motion .hf-front{animation-delay:.24s}@keyframes hf-in{0%{opacity:0;translate:0 28px}to{opacity:1;translate:0}}@media (max-width:900px){.br-hero-grid{grid-template-columns:1fr}.hero-files{display:none}}.br-why{padding:0 0 clamp(90px,12vw,150px)}.rp{will-change:transform;display:inline-block}.rp-name{color:var(--mark)}.pain-q{margin:0}.pain-s{-webkit-box-decoration-break:clone;box-decoration-break:clone;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 10' preserveAspectRatio='none'><path d='M1 6 C 18 4.2, 36 7, 55 5.2 S 86 4.4, 99 5.8' fill='none' stroke='%231D4BFF' stroke-width='3.2' stroke-linecap='round'/></svg>");background-position:0 58%;background-repeat:no-repeat;background-size:100% .32em;transition:color .6s}.pain-a{margin:18px 0 0}.pain-a-in{font-family:var(--hand);color:var(--pen);align-items:flex-start;gap:8px;font-size:clamp(25px,2.3vw,30px);font-weight:700;line-height:1.15;display:inline-flex;transform:rotate(-1.5deg)}.pain-a-in svg{flex:none;width:34px;height:22px;margin-top:.15em;overflow:visible}.pain-a-in svg path{fill:none;stroke:var(--pen);stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round}html:not(.motion) .pain-s,.pains.in .pain-s{color:#9a9a95}.motion .pain-s{transition:background-size .75s cubic-bezier(.65, 0, .35, 1) var(--d,0s), color .6s ease var(--d,0s);background-size:0% .32em}.motion .pains.in .pain-s{background-size:100% .32em}.motion .pain-a-in{clip-path:inset(-25% 100% -25% 0%)}.motion .pains.in .pain-a-in{clip-path:inset(-25% 0%);transition:clip-path 1s cubic-bezier(.45, .05, .55, .95) calc(var(--d,0s) + .65s)}.pains li:first-child{--d:0s}.pains li:nth-child(2){--d:1.1s}.pains li:nth-child(3){--d:2.2s}.pains{border-top:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.pains li{font-family:var(--serif);padding:clamp(26px,3vw,36px) clamp(16px,2.4vw,32px) 0 0;font-size:clamp(22px,2.2vw,28px);line-height:1.3}.pains li+li{border-left:1px solid var(--line);padding-left:clamp(16px,2.4vw,32px)}.pains .pain-label{font-family:var(--sans);color:var(--mark);margin-bottom:12px;font-size:13px;font-weight:600;display:block}@media (max-width:800px){.pains{grid-template-columns:1fr}.pains li+li{border-left:0;border-top:1px solid var(--line);margin-top:26px;padding-left:0}}.br-file{background:#f3f3f1;padding:clamp(100px,13vw,170px) 0}.br-file-head{text-align:center;max-width:760px;margin:0 auto clamp(48px,6vw,72px)}.br-h2{font-family:var(--serif);letter-spacing:-.025em;margin:0;font-size:clamp(36px,5vw,68px);font-weight:500;line-height:1.04}.br-sub{color:#5a5a55;text-wrap:pretty;max-width:46ch;margin:18px auto 0;font-size:clamp(17px,1.5vw,19px)}.file{background:#fff;border:1px solid #1414140f;border-radius:8px;max-width:880px;margin:0 auto;padding:clamp(28px,4.4vw,56px);position:relative;box-shadow:0 40px 80px -40px #14141447,0 2px 8px #1414140d}.file:before{content:"";background:var(--mark);border-radius:0 0 4px 4px;width:44px;height:4px;position:absolute;top:-1px;left:clamp(28px,4.4vw,56px)}.file-top{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:clamp(22px,3vw,32px);display:flex}.file-kicker{color:var(--muted);margin:0 0 8px;font-size:13px;font-weight:600}.file-name{font-family:var(--serif);letter-spacing:-.03em;margin:0;font-size:clamp(38px,5vw,64px);font-style:italic;font-weight:800;line-height:1}.file-craft{color:#4a4a46;margin:10px 0 0;font-size:16px}.sample{letter-spacing:.12em;text-transform:uppercase;color:var(--mark);border:1.5px solid var(--mark);border-radius:999px;flex:none;padding:6px 12px;font-size:12px;font-weight:700}.file-row{border-bottom:1px solid var(--line);grid-template-columns:200px minmax(0,1fr);gap:clamp(16px,3vw,40px);padding:clamp(20px,2.6vw,28px) 0;display:grid}.file-row:last-of-type{border-bottom:0}.file-label{color:var(--muted);padding-top:4px;font-size:14px;font-weight:600}.file-val{color:var(--ink);font-size:17px;line-height:1.55}.hand{font-family:var(--hand);color:var(--pen);font-size:clamp(25px,2.4vw,30px);font-weight:700;line-height:1.2;display:inline-block;transform:rotate(-1deg)}.asked{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.asked li{font-family:var(--serif);font-size:clamp(19px,1.8vw,22px);font-style:italic}.meter{background:var(--line);border-radius:10px;max-width:460px;height:10px;display:flex;overflow:hidden}.meter i{height:100%;display:block}.meter .real{background:var(--pen)}.meter .odd{background:var(--mark)}.meter-key{color:#4a4a46;gap:22px;margin-top:10px;font-size:14px;display:flex}.meter-key b{color:var(--ink);font-weight:700}.scores{grid-template-columns:repeat(2,minmax(0,max-content));gap:10px 40px;display:grid}.score{align-items:center;gap:12px;font-size:15px;display:flex}.score span{width:74px}.dots{gap:5px;display:inline-flex}.dots i{background:var(--line);border-radius:50%;width:10px;height:10px}.dots i.on{background:var(--ink)}.file-foot{color:var(--muted);margin:clamp(22px,3vw,30px) 0 0;font-size:14px}@media (max-width:680px){.file-row{grid-template-columns:1fr;gap:8px}.scores{grid-template-columns:1fr}}.motion .file-row{opacity:0;transition:opacity .6s,transform .7s cubic-bezier(.32,.72,0,1);transform:translateY(14px)}.motion .file-row.in{opacity:1;transform:none}.motion .file-row .hand{clip-path:inset(-20% 100% -20% 0%)}.motion .file-row.in .hand{clip-path:inset(-20% 0%);transition:clip-path 1s cubic-bezier(.45,.05,.55,.95) .35s}.motion .meter i{transform-origin:0;transform:scaleX(0)}.motion .file-row.in .meter .real{animation:1.7s cubic-bezier(.32,.72,0,1) .25s both checking;transform:scaleX(1)}.motion .file-row.in .meter .odd{transition:transform .5s 1.85s;transform:scaleX(1)}@keyframes checking{0%{transform:scaleX(0)}22%{transform:scaleX(.62)}40%{transform:scaleX(1.03)}56%{transform:scaleX(.88)}72%{transform:scaleX(1.01)}86%{transform:scaleX(.98)}to{transform:scaleX(1)}}.motion .meter-key{opacity:0;transition:opacity .5s 1.95s}.motion .file-row.in .meter-key{opacity:1}.br-promise{background:var(--night);color:var(--night-ink);padding:clamp(110px,14vw,180px) 0}.wf-kicker{color:var(--night-muted);margin:0 0 clamp(14px,1.8vw,22px);font-size:14px;font-weight:600}.wf-q{font-family:var(--serif);letter-spacing:-.03em;margin:0 0 clamp(36px,4.4vw,56px);font-size:clamp(52px,6.4vw,96px);font-weight:500;line-height:.95}.wf-grid{grid-template-columns:minmax(0,4fr) minmax(0,7fr);align-items:stretch;gap:clamp(28px,4vw,64px);display:grid}.wf-chips{flex-direction:column;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.wf-chip{font:inherit;font-family:var(--serif);letter-spacing:-.01em;color:var(--night-ink);cursor:pointer;text-align:left;background:0 0;border:1.5px solid #ffffff3d;border-radius:999px;padding:.34em .9em .4em;font-size:clamp(19px,1.8vw,25px);font-style:italic;font-weight:500;transition:background-color .22s,border-color .22s,color .22s,transform .3s cubic-bezier(.32,.72,0,1)}.wf-chip:active{transform:scale(.97)}.wf-chip:focus{outline:none}.wf-chip:focus-visible{outline-offset:3px;outline:2px solid #ffffffb3}@media (hover:hover) and (pointer:fine){.wf-chip:hover{border-color:#ffffffb3;transform:translate(4px)}}.wf-chip[aria-pressed=true]{background:var(--mark);border-color:var(--mark);color:#141414;transform:translate(10px)}.wf-panel{background:#1b1b1a;border:1px solid #ffffff12;border-radius:22px;flex-direction:column;justify-content:space-between;gap:28px;padding:clamp(26px,3.2vw,44px);display:flex}.wf-a{display:grid}.wf-ans{opacity:0;visibility:hidden;grid-area:1/1;transition:opacity .26s,transform .42s cubic-bezier(.32,.72,0,1),visibility 0s linear .42s;transform:translateY(10px)}.wf-ans.is-on{opacity:1;visibility:visible;transition:opacity .32s .12s,transform .52s cubic-bezier(.32,.72,0,1) .12s,visibility;transform:none}.wf-clause{color:var(--mark);margin:0 0 16px;font-size:13px;font-weight:600}.wf-a-main{max-width:18ch;font-family:var(--serif);letter-spacing:-.025em;text-wrap:balance;margin:0;font-size:clamp(34px,3.8vw,56px);font-weight:500;line-height:1.05}.wf-a-sub{max-width:42ch;color:var(--night-muted);margin:18px 0 0;font-size:clamp(17px,1.4vw,19px);line-height:1.5}.wf-foot{color:var(--night-muted);border-top:1px solid #ffffff1a;margin:0;padding-top:16px;font-size:14px}@media (max-width:860px){.wf-grid{grid-template-columns:1fr}}.br-make{padding:clamp(100px,13vw,170px) 0}.br-make .br-h2{margin-bottom:clamp(40px,5vw,64px)}.tiles{grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(14px,1.6vw,22px);display:grid}.tile h3{font-family:var(--serif);letter-spacing:-.01em;margin:18px 0 0;font-size:clamp(20px,1.7vw,24px);font-weight:500;line-height:1.15}.tile p{color:#5a5a55;margin:6px 0 0;font-size:15px;line-height:1.5}.tv{aspect-ratio:4/5;background:#f3f3f1;border-radius:18px;grid-template-rows:minmax(0,1fr) auto;padding:18px 16px 16px;display:grid;overflow:hidden}.tv-stage{place-items:center;min-height:0;display:grid;position:relative}.tv-cap{height:18px;color:var(--muted);justify-items:center;font-size:12px;font-weight:600;display:grid}.tv-cap>span{white-space:nowrap;grid-area:1/1}.tv *{animation-play-state:paused!important}.tile.play .tv *{animation-play-state:running!important}@media (max-width:1000px){.tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:640px){.tiles{scroll-snap-type:x mandatory;grid-template-columns:none;grid-auto-columns:72%;grid-auto-flow:column;margin:0 calc(-1*clamp(20px,5vw,64px));padding-bottom:10px;padding-left:clamp(20px,5vw,64px);padding-right:clamp(20px,5vw,64px);overflow-x:auto}.tile{scroll-snap-align:start}}.tv-phone{aspect-ratio:9/16;background:#1c1c1b;border-radius:14px;height:92%;position:relative;overflow:hidden;box-shadow:0 16px 30px -16px #00000080}.tv-scene{opacity:0;animation:6s infinite scene;position:absolute;inset:0}.tv-scene:first-child{background:linear-gradient(170deg,#3a3a37,#1c1c1b);animation-delay:0s}.tv-scene:nth-child(2){background:linear-gradient(170deg,#5b3a2a,#1c1c1b);animation-delay:2s}.tv-scene:nth-child(3){background:linear-gradient(170deg,#2a3558,#1c1c1b);animation-delay:4s}@keyframes scene{0%{opacity:0}4%,33%{opacity:1}38%,to{opacity:0}}.tv-bars{z-index:2;gap:3px;display:flex;position:absolute;top:8px;left:8px;right:8px}.tv-bars i{background:#ffffff40;border-radius:2px;flex:1;height:2.5px;position:relative;overflow:hidden}.tv-bars i:after{content:"";transform-origin:0;background:#fff;animation:6s linear infinite bar1;position:absolute;inset:0;transform:scaleX(0)}.tv-bars i:nth-child(2):after{animation-name:bar2}.tv-bars i:nth-child(3):after{animation-name:bar3}@keyframes bar1{0%{transform:scaleX(0)}33%{transform:scaleX(1)}96%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes bar2{0%,33%{transform:scaleX(0)}66%{transform:scaleX(1)}96%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes bar3{0%,66%{transform:scaleX(0)}96%{transform:scaleX(1)}to{transform:scaleX(0)}}.tv-save{z-index:2;width:16px;height:20px;animation:6s infinite save;position:absolute;bottom:12px;right:9px}.tv-save path{fill:none;stroke:#fff;stroke-width:2px;stroke-linejoin:round}.tv-save .fill{fill:var(--mark);stroke:var(--mark);opacity:0;animation:6s infinite savefill}@keyframes save{0%,78%{transform:scale(1)}82%{transform:scale(1.35)}88%,to{transform:scale(1)}}@keyframes savefill{0%,79%{opacity:0}81%,96%{opacity:1}to{opacity:0}}.tv-card{background:#fff;border-radius:12px;width:82%;padding:16px 14px 14px;box-shadow:0 12px 26px -16px #0000004d}.tv-line{transform-origin:0;background:#e6e6e2;border-radius:6px;height:6px;margin-bottom:8px;animation:6s cubic-bezier(.32,.72,0,1) infinite typeline}.tv-line:nth-child(2){animation-delay:.35s}.tv-line.s{width:60%;animation-delay:.7s}@keyframes typeline{0%{transform:scaleX(0)}12%,92%{transform:scaleX(1)}to{transform:scaleX(0)}}.tv-hand{font-family:var(--hand);color:var(--pen);clip-path:inset(-25% 100% -25% 0%);margin-top:6px;font-size:clamp(19px,1.7vw,23px);font-weight:700;line-height:1.1;animation:6s ease-in-out infinite handloop;display:inline-block;transform:rotate(-3deg)}@keyframes handloop{0%,22%{clip-path:inset(-25% 100% -25% 0%);opacity:1}48%,90%{clip-path:inset(-25% 0%);opacity:1}97%{opacity:0;clip-path:inset(-25% 0%)}to{opacity:0;clip-path:inset(-25% 100% -25% 0%)}}.tv-cal{grid-template-columns:repeat(4,1fr);gap:10px;width:68%;display:grid}.tv-cal i{aspect-ratio:1;background:#e2e2de;border-radius:50%}@keyframes m0{0%,4%{background:#e2e2de;transform:scale(1)}5.6%{background:var(--pen);transform:scale(1.22)}7.2%,90%{background:var(--pen);transform:scale(1)}97%,to{background:#e2e2de;transform:scale(1)}}.tv-cal i:first-child{animation:9s cubic-bezier(.32,.72,0,1) infinite m0}@keyframes m1{0%,10.2%{background:#e2e2de;transform:scale(1)}11.8%{background:var(--pen);transform:scale(1.22)}13.4%,90%{background:var(--pen);transform:scale(1)}97%,to{background:#e2e2de;transform:scale(1)}}.tv-cal i:nth-child(2){animation:9s cubic-bezier(.32,.72,0,1) infinite m1}@keyframes m2{0%,16.4%{background:#e2e2de;transform:scale(1)}18%{background:var(--pen);transform:scale(1.22)}19.6%,90%{background:var(--pen);transform:scale(1)}97%,to{background:#e2e2de;transform:scale(1)}}.tv-cal i:nth-child(3){animation:9s cubic-bezier(.32,.72,0,1) infinite m2}@keyframes m3{0%,22.6%{background:#e2e2de;transform:scale(1)}24.2%{background:var(--pen);transform:scale(1.22)}25.8%,90%{background:var(--pen);transform:scale(1)}97%,to{background:#e2e2de;transform:scale(1)}}.tv-cal i:nth-child(4){animation:9s cubic-bezier(.32,.72,0,1) infinite m3}@keyframes m4{0%,28.8%{background:#e2e2de;transform:scale(1)}30.4%{background:var(--pen);transform:scale(1.22)}32%,90%{background:var(--pen);transform:scale(1)}97%,to{background:#e2e2de;transform:scale(1)}}.tv-cal i:nth-child(5){animation:9s cubic-bezier(.32,.72,0,1) infinite m4}@keyframes m5{0%,35%{background:#e2e2de;transform:scale(1)}36.6%{background:var(--pen);transform:scale(1.22)}38.2%,90%{background:var(--pen);transform:scale(1)}97%,to{background:#e2e2de;transform:scale(1)}}.tv-cal i:nth-child(6){animation:9s cubic-bezier(.32,.72,0,1) infinite m5}@keyframes m6{0%,41.2%{background:#e2e2de;transform:scale(1)}42.8%{background:var(--pen);transform:scale(1.22)}44.4%,90%{background:var(--pen);transform:scale(1)}97%,to{background:#e2e2de;transform:scale(1)}}.tv-cal i:nth-child(7){animation:9s cubic-bezier(.32,.72,0,1) infinite m6}@keyframes m7{0%,47.4%{background:#e2e2de;transform:scale(1)}49%{background:var(--pen);transform:scale(1.22)}50.6%,90%{background:var(--pen);transform:scale(1)}97%,to{background:#e2e2de;transform:scale(1)}}.tv-cal i:nth-child(8){animation:9s cubic-bezier(.32,.72,0,1) infinite m7}@keyframes m8{0%,53.6%{background:#e2e2de;transform:scale(1)}55.2%{background:var(--pen);transform:scale(1.22)}56.8%,90%{background:var(--pen);transform:scale(1)}97%,to{background:#e2e2de;transform:scale(1)}}.tv-cal i:nth-child(9){animation:9s cubic-bezier(.32,.72,0,1) infinite m8}@keyframes m9{0%,59.8%{background:#e2e2de;transform:scale(1)}61.4%{background:var(--pen);transform:scale(1.22)}63%,90%{background:var(--pen);transform:scale(1)}97%,to{background:#e2e2de;transform:scale(1)}}.tv-cal i:nth-child(10){animation:9s cubic-bezier(.32,.72,0,1) infinite m9}@keyframes m10{0%,66%{background:#e2e2de;transform:scale(1)}67.6%{background:var(--pen);transform:scale(1.22)}69.2%,90%{background:var(--pen);transform:scale(1)}97%,to{background:#e2e2de;transform:scale(1)}}.tv-cal i:nth-child(11){animation:9s cubic-bezier(.32,.72,0,1) infinite m10}@keyframes m11{0%,72.2%{background:#e2e2de;transform:scale(1)}73.8%{background:var(--pen);transform:scale(1.22)}75.4%,90%{background:var(--pen);transform:scale(1)}97%,to{background:#e2e2de;transform:scale(1)}}.tv-cal i:nth-child(12){animation:9s cubic-bezier(.32,.72,0,1) infinite m11}.tv-shape{aspect-ratio:9/16;background:linear-gradient(160deg, color-mix(in srgb, var(--pen) 55%, #fff), var(--pen));border-radius:10px;height:82%;animation:7.5s cubic-bezier(.32,.72,0,1) infinite reshape;position:relative;overflow:hidden}.tv-shape:before{content:"";aspect-ratio:1;background:#ffffffd9;border-radius:50%;width:22%;position:absolute;top:34%;left:50%;transform:translate(-50%,-50%)}.tv-shape:after{content:"";aspect-ratio:1;background:#ffffffd9;border-radius:50%;width:46%;position:absolute;bottom:-10%;left:50%;transform:translate(-50%)}@keyframes reshape{0%,26%{aspect-ratio:9/16;height:82%}33%,59%{aspect-ratio:1;height:60%}66%,93%{aspect-ratio:16/9;height:44%}to{aspect-ratio:9/16;height:82%}}.cap-cycle>span{opacity:0;animation:7.5s infinite capcycle}.cap-cycle>span:nth-child(2){animation-delay:2.5s}.cap-cycle>span:nth-child(3){animation-delay:5s}@keyframes capcycle{0%{opacity:0}4%,30%{opacity:1}34%,to{opacity:0}}.tv-prod{flex-direction:column;justify-content:center;align-items:center;gap:16px;width:76%;height:100%;display:flex}.tv-jar{aspect-ratio:3/4;background:#fff;border:2px solid #141414;border-radius:10px 10px 14px 14px;width:38%;position:relative;overflow:hidden}.tv-jar:before{content:"";background:var(--mark);transform-origin:bottom;height:100%;animation:6s cubic-bezier(.32,.72,0,1) infinite jar;position:absolute;bottom:0;left:0;right:0;transform:scaleY(0)}.tv-lid{background:#141414;border-radius:4px 4px 0 0;width:30%;height:8px;margin-bottom:-16px}.tv-goal{background:#e2e2de;border-radius:6px;width:100%;height:6px;overflow:hidden}.tv-goal i{background:var(--mark);transform-origin:0;height:100%;animation:6s cubic-bezier(.32,.72,0,1) infinite goal;display:block;transform:scaleX(0)}@keyframes jar{0%{transform:scaleY(0)}62%,92%{transform:scaleY(.78)}to{transform:scaleY(0)}}@keyframes goal{0%{transform:scaleX(0)}62%,92%{transform:scaleX(1)}to{transform:scaleX(0)}}.cap-goal>span:first-child{animation:6s infinite capA}.cap-goal>span:nth-child(2){opacity:0;color:var(--mark);animation:6s infinite capB}@keyframes capA{0%,60%{opacity:1}64%,96%{opacity:0}to{opacity:1}}@keyframes capB{0%,61%{opacity:0}65%,94%{opacity:1}98%,to{opacity:0}}html:not(.motion) .tv *{animation:none!important}html:not(.motion) .tv-scene:first-child{opacity:1}html:not(.motion) .tv-bars i:after,html:not(.motion) .tv-goal i,html:not(.motion) .tv-line{transform:scaleX(1)}html:not(.motion) .tv-hand{clip-path:none}html:not(.motion) .tv-save .fill{opacity:1}html:not(.motion) .tv-cal i{background:var(--pen)}html:not(.motion) .cap-cycle>span:first-child{opacity:1}html:not(.motion) .tv-jar:before{transform:scaleY(.78)}html:not(.motion) .cap-goal>span:first-child{opacity:0}html:not(.motion) .cap-goal>span:nth-child(2){opacity:1}.br-how{background:#f3f3f1;padding:clamp(100px,13vw,170px) 0}.how-head{max-width:680px;margin:0 auto clamp(40px,5vw,64px)}.how-head .br-sub{margin-left:0}.thread{flex-direction:column;gap:12px;max-width:680px;margin:0 auto;display:flex}.t-step{color:var(--pen);text-align:center;margin:26px 0 4px;font-size:13px;font-weight:600}.t-step:first-child{margin-top:0}.msg{align-items:flex-end;gap:10px;max-width:84%;display:flex}.msg.them{flex-direction:row-reverse;align-self:flex-end}.who{color:#fff;background:var(--ink);border-radius:50%;flex:none;place-items:center;width:30px;height:30px;font-size:12px;font-weight:700;display:grid}.msg.them .who{background:#b9b9b3}.msg.creator .who{background:var(--mark);color:#141414}.bubble{color:var(--ink);background:#fff;border-radius:18px;padding:13px 16px;font-size:16px;line-height:1.5;position:relative;box-shadow:0 1px 2px #1414140f}.msg.us .bubble,.msg.creator .bubble{border-bottom-left-radius:6px}.msg.them .bubble{background:var(--ink);color:#fff;border-bottom-right-radius:6px}.bubble small{color:var(--muted);margin-bottom:3px;font-size:12px;font-weight:600;display:block}.msg.them .bubble small{color:#ffffff8c}.files{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.files span{border:1px solid var(--line);background:#f3f3f1;border-radius:999px;padding:5px 10px;font-size:13px;font-weight:600}.files span:before{content:"";background:var(--mark);vertical-align:1px;border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block}.typing{gap:4px;padding:16px;display:none}.typing i{background:#b9b9b3;border-radius:50%;width:7px;height:7px;animation:1s ease-in-out infinite blink}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}@keyframes blink{0%,80%,to{opacity:.35;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}.motion .msg{opacity:0;transition:opacity .4s,transform .52s cubic-bezier(.32,.72,0,1);transform:translateY(12px)}.motion .msg.in{opacity:1;transform:none}.motion .msg.is-typing .typing{display:inline-flex}.motion .msg.is-typing .bubble-body{display:none}.motion .t-step{opacity:0;transition:opacity .5s}.motion .t-step.in{opacity:1}.br-contact{padding:clamp(110px,14vw,180px) 0}.letter-wrap{max-width:860px;margin:0 auto}.letter-wrap .br-h2{margin-bottom:14px}.letter-wrap>.br-sub{margin:0 0 clamp(36px,4vw,52px)}.letter{font-family:var(--serif);letter-spacing:-.01em;color:var(--ink);background:#fff;border:1px solid #14141412;border-radius:8px;padding:clamp(30px,5vw,64px);font-size:clamp(22px,2.5vw,32px);line-height:1.75;position:relative;box-shadow:0 40px 80px -40px #14141447,0 2px 8px #1414140d}.letter:before{content:"";background:var(--mark);border-radius:0 0 4px 4px;width:44px;height:4px;position:absolute;top:-1px;left:clamp(30px,5vw,64px)}.letter p{margin:0 0 .35em}.letter .gap{margin-top:.9em}.blank{font:inherit;color:var(--pen);background:0 0;border:0;border-bottom:2px dashed #cfcfca;border-radius:0;min-width:4ch;max-width:100%;margin:0 2px;padding:0 2px;font-style:italic;transition:border-color .16s}.blank::placeholder{color:#b5b5af;font-style:italic}.blank:focus{border-bottom:2px solid var(--pen);outline:none}.blank.is-missing{border-bottom-color:var(--mark);animation:.36s nudge}@keyframes nudge{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}.letter-sign{margin-top:1.1em}.letter-actions{font-family:var(--sans);flex-wrap:wrap;align-items:center;gap:18px;margin-top:clamp(28px,3vw,40px);display:flex}.letter-actions span{color:var(--muted);font-size:14px}.measure{visibility:hidden;white-space:pre;font-family:var(--serif);font-style:italic;position:absolute}.contact-note{font-family:var(--hand);color:var(--pen);font-size:clamp(30px,3vw,40px);font-weight:700;line-height:1.2;display:inline-block;transform:rotate(-1.5deg)}.contact-note small{margin-top:14px;font-size:.8em;display:block}.motion .contact-note{clip-path:inset(-20% 100% -20% 0%);animation:2.2s cubic-bezier(.45,.05,.55,.95) .15s forwards write-in}@keyframes write-in{to{clip-path:inset(-20% 0%)}}