.sorting{--rail:0px;grid-template-columns:minmax(0,1fr);display:grid;position:relative}@media (width>=900px){.sorting{--rail:calc(var(--card-w) + var(--gutter) * 2)}}.hero{grid-area:1/1}.seq{grid-area:2/1}.between{grid-area:3/1}.close{grid-area:4/1}.defs{width:0;height:0;position:absolute;overflow:hidden}.hero{padding-bottom:clamp(2rem,4vw,5rem);position:relative}.hero-photo{margin-top:var(--bar-h);height:111.717vw;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#000 86%,#0000);mask-image:linear-gradient(#000 86%,#0000)}.hero-frame{aspect-ratio:2560/1100;width:260vw;position:absolute;top:0;left:0;transform:translate(-39.8%)}.hero-img{width:100%;max-width:none;height:100%;position:absolute;inset:0}@media (width>=900px){.hero-photo{-webkit-mask-composite:source-in;height:42.9682vw;margin-top:0;-webkit-mask-image:linear-gradient(#000 86%,#0000),linear-gradient(90deg,#0000,#000 2.5% 97.5%,#0000);mask-image:linear-gradient(#000 86%,#0000),linear-gradient(90deg,#0000,#000 2.5% 97.5%,#0000);mask-composite:intersect}.hero-frame{width:100vw;left:clamp(-20vw, calc(100vw - var(--gutter) - var(--card-w) - 2.5rem - 69.8vw), calc(3.3vw - var(--gutter) + 1rem));transform:none}}.tag{text-align:center;pointer-events:none;justify-items:center;gap:.1rem;width:7rem;display:grid;position:absolute;top:85%;left:65.3%;transform:translate(-50%,-50%)}.tag-amt{font:400 clamp(1.6rem, 2.4vw, 4rem)/1 var(--serif);color:var(--ink)}.tag-note{color:var(--slate);font-size:clamp(.68rem,.7vw,.95rem);line-height:1.25}.hero-copy{z-index:2;padding:0 var(--gutter);gap:1.4rem;margin-top:-.6rem;display:grid;position:relative}.hero-copy h1{max-width:7.2em}.hero-side .actions{margin-top:1.4rem}@media (width>=900px){.hero-copy{padding-right:var(--rail);grid-template-columns:minmax(0,1fr) minmax(0,24rem);align-items:end;column-gap:clamp(2rem,4vw,6rem);margin-top:0}.hero-copy h1{margin-top:-.42em}.hero-side{padding-bottom:.4rem}}.sort-card{z-index:30;grid-area:1/1/5;transition:transform .45s cubic-bezier(.3,.9,.3,1);position:sticky}.card-top{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.card-kicker{color:var(--slate);font-size:.9rem}.card-left{font:500 1.35rem/1 var(--sans);letter-spacing:-.01em;transition:color .4s}.sort-card.is-done .card-left{color:var(--green)}.card-ex{color:var(--slate);margin-top:.35rem;font-size:.78rem}.card-lines{border-top:1px solid var(--rule);gap:.15rem;margin-top:.9rem;padding-top:.75rem;display:grid}.card-lines li{border-radius:.45rem;grid-template-columns:1.9rem minmax(0,1fr) auto;align-items:center;column-gap:.6rem;margin:0 -.45rem;padding:.2rem .45rem;transition:background-color .35s;display:grid}.ln-name{color:var(--slate);text-overflow:ellipsis;white-space:nowrap;transition:color .35s;overflow:hidden}.ln-amt{color:var(--slate);transition:color .35s}.card-lines li.is-on .ln-name,.card-lines li.is-on .ln-amt{color:var(--ink)}.card-lines li.is-next{background:#3b6a5514}.card-lines li.is-next .ln-name{color:var(--ink);font-weight:600}.dish-mini{width:1.9rem;height:1.9rem;overflow:visible}.dish-mini .d-fill{opacity:0;transform-origin:100px 100px;transition:opacity .35s,transform .45s cubic-bezier(.2,.9,.3,1.2);transform:scale(.6)}.dish-mini .d-check{stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset .4s .15s}li.is-on .dish-mini .d-fill{opacity:1;transform:none}li.is-on .dish-mini .d-check{stroke-dashoffset:0}.card-done{border-top:1px solid var(--rule);font:400 1.55rem/1.1 var(--serif);color:var(--slate);margin-top:.6rem;padding-top:.7rem}.card-done:empty{display:none}.sort-card.is-done .card-done{color:var(--green)}.card-honest{color:var(--slate);margin-top:.7rem;font-size:.8rem;line-height:1.4}.m-only{display:none}.card-fold{grid-template-rows:1fr;transition:grid-template-rows .55s cubic-bezier(.4,0,.2,1);display:grid}.card-fold>div{visibility:visible;min-height:0;transition:visibility linear;overflow:hidden}.card-fold-plans{grid-template-rows:0fr}.card-fold-plans>div{visibility:hidden;transition-delay:.55s}.sort-card.is-plans .card-fold{grid-template-rows:0fr}.sort-card.is-plans .card-fold>div{visibility:hidden;transition-delay:.55s}.sort-card.is-plans .card-fold-plans{grid-template-rows:1fr}.sort-card.is-plans .card-fold-plans>div{visibility:visible;transition-delay:0s}.card-plans{margin:0 -.4rem;padding:.2rem .4rem .9rem}.card-plans dl{gap:.9rem;margin-top:.9rem;display:grid}.card-plans dl>div{grid-template-columns:minmax(0,1fr) auto;align-items:baseline;column-gap:.8rem;display:grid}.card-plans dt{font:400 1.5rem/1.1 var(--serif)}.cp-price{font-weight:600}.cp-what{color:var(--slate);grid-column:1/-1;margin-top:.2rem;font-size:.85rem;line-height:1.4}.cp-btn{width:100%;margin-top:1.1rem}.cp-small{color:var(--slate);margin-top:.55rem;font-size:.78rem}@media (width>=900px){.sort-card{width:var(--card-w);top:var(--stick);margin:calc(var(--bar-h) + .8rem) var(--gutter) 3rem 0;place-self:start end}}@media (width<=899px){.sort-card{align-self:end;margin:0 .75rem .75rem;padding:.8rem .95rem .75rem;bottom:.75rem}.sort-card.is-away{transform:translateY(calc(100% + 1.5rem))}.sort-card.is-plans{grid-row:5;align-self:start;margin-top:.5rem;position:relative;bottom:auto}.m-only{display:inline}.card-ex{display:none}.card-lines{grid-template-columns:minmax(0,max-content) minmax(0,max-content);justify-content:space-between;gap:.25rem .9rem;margin-top:.55rem;padding-top:.55rem}.card-lines li{grid-template-columns:1.3rem minmax(0,1fr) auto;column-gap:.35rem;margin:0 -.3rem;padding:.1rem .3rem}.card-lines .dish-mini{width:1.3rem;height:1.3rem}.ln-name,.ln-amt{font-size:.78rem;line-height:1.2}.card-done{display:none}.sort-card.is-plans .card-done{font-size:1.3rem;display:block}.card-honest{margin-top:.5rem;font-size:.7rem}.card-left{font-size:1.2rem}}.seq{padding:clamp(2rem, 5vw, 6rem) var(--gutter) 3rem;position:relative}.seq-track{grid-template-columns:repeat(2,minmax(0,1fr));gap:3rem 2rem;display:grid}.panel{position:relative}.intro{grid-column:1/-1;gap:1.4rem;display:grid}.intro-photo{aspect-ratio:4/3;object-fit:cover;width:100%;box-shadow:var(--lift-low);border-radius:.4rem}.intro-copy{align-content:start;gap:.9rem;max-width:30rem;display:grid}.intro-copy p:not(.example){color:var(--ink-soft)}.p-dish{align-content:start;justify-items:start;gap:1rem;display:grid}.dish-wrap{width:100%;margin-top:.4rem;position:relative}.seq-track>.p-dish{grid-row:span 3;grid-template-rows:subgrid}.dish{aspect-ratio:1;background:var(--stone-deep);cursor:pointer;width:min(100%,17rem);color:var(--ink);box-shadow:var(--lift-low);border:0;border-radius:.5rem;padding:0;transition:box-shadow .25s;display:block;position:relative;overflow:hidden}.dish:hover{box-shadow:var(--lift)}.dish-media{position:absolute;inset:0}.dish-media img,.dish-media video{object-fit:cover;width:100%;max-width:none;height:100%;position:absolute;inset:0;transform:scale(1.3)}.dish-media video,.dish-media .still-empty{opacity:0}.dish:not(.is-filled) .still-empty{opacity:1}.dish:not(.is-filled) .still-full{opacity:0}.dish.is-playing video{opacity:1}.amt{background:var(--clay-face);box-shadow:var(--lift-low);font:400 clamp(1.5rem, 2.3vw, 3.6rem)/1 var(--serif);letter-spacing:-.02em;white-space:nowrap;pointer-events:none;border-radius:.45rem;padding:.3em .6em .36em;transition:transform .6s cubic-bezier(.3,1.25,.4,1),color .3s;position:absolute;bottom:7%;left:50%;transform:translate(-50%)}.amt:after{content:"";background:var(--sand);transform-origin:0;border-radius:2px;height:2px;transition:transform .7s cubic-bezier(.5,0,.2,1) .2s;position:absolute;bottom:.2em;left:.6em;right:.6em;transform:scaleX(0)}.amt-pending{display:none}.dish.is-filled .amt:after{transform:scaleX(1)}.dish:not(.is-filled) .amt{color:var(--slate);font-size:clamp(1.1rem,1.6vw,2.5rem);transform:translate(-50%,.35rem)}.dish:not(.is-filled) .amt-pending{display:inline}.note{max-width:22rem;color:var(--slate);font-size:.92rem}.edit{z-index:5;background:var(--clay-face);width:min(17rem,100% - 1rem);box-shadow:var(--lift);text-align:left;border-radius:.7rem;gap:.6rem;padding:.85rem;display:grid;position:absolute;top:.5rem;left:.5rem}.edit[hidden]{display:none}.edit label{color:var(--slate);gap:.25rem;font-size:.8rem;display:grid}.edit input{width:100%;font:400 1rem/1.2 var(--sans);color:var(--ink);border:1px solid var(--color-line);background:var(--field);box-shadow:var(--press);border-radius:.4rem;padding:.5rem .65rem}.money{color:var(--ink);grid-template-columns:auto 1fr;align-items:center;gap:.4rem;font-size:1rem;display:grid}.edit-done{font:500 .95rem/1 var(--sans);color:var(--green);text-underline-offset:.25em;cursor:pointer;background:0 0;border:0;justify-self:start;padding:.3rem 0;text-decoration:underline}.done{grid-column:1/-1;align-content:start;gap:clamp(1.4rem,2.4vw,3.4rem);padding:1rem 0 2rem;display:grid}.done-copy{gap:1rem;display:grid}.done p{max-width:26rem;color:var(--ink-soft);font-size:1.05rem}.done.is-waiting h2{color:var(--slate)}.done-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(.6rem,1.6vw,2.4rem);width:100%;max-width:min(100%,110vh);display:grid}.sum{align-content:start;gap:.35rem;display:grid}.sum-dish{aspect-ratio:1;background:var(--stone-deep);box-shadow:var(--lift-low);border-radius:.4rem;margin-bottom:.35rem;display:block;position:relative;overflow:hidden}.sum-dish img{object-fit:cover;width:100%;max-width:none;height:100%;transition:opacity .4s;position:absolute;inset:0;transform:scale(1.3)}.sum .still-empty,.sum.is-filled .still-full{opacity:1}.sum .still-full,.sum.is-filled .still-empty{opacity:0}.sum-amt{font:400 clamp(1.25rem, 1.9vw, 3rem)/1 var(--serif);letter-spacing:-.02em;color:var(--slate);justify-self:start;transition:color .3s;position:relative}.sum-amt:after{content:"";background:var(--sand);transform-origin:0;border-radius:2px;height:2px;transition:transform .6s cubic-bezier(.5,0,.2,1) .15s;position:absolute;bottom:-.18em;left:0;right:0;transform:scaleX(0)}.sum.is-filled .sum-amt{color:var(--ink)}.sum.is-filled .sum-amt:after{transform:scaleX(1)}.sum-name{color:var(--slate);overflow-wrap:anywhere;font-size:clamp(.78rem,.8vw,1.1rem);line-height:1.3}@media (width<=899px){.done-row{gap:.6rem}.sum-amt{font-size:1.15rem}.sum-name{font-size:.72rem}}@media (width>=900px){.seq{padding-right:var(--rail)}.seq-track{grid-template-columns:repeat(4,minmax(0,1fr))}.intro{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);align-items:start;column-gap:3rem}}.m-on .seq{padding:0}.m-on .seq-pin{box-sizing:border-box;height:100svh;padding-top:var(--bar-h);-webkit-mask-image:linear-gradient(to right, transparent, #000 var(--gutter), #000 calc(100% - var(--gutter)), transparent);mask-image:linear-gradient(to right, transparent, #000 var(--gutter), #000 calc(100% - var(--gutter)), transparent);align-items:center;display:flex;overflow:hidden}.m-on .seq-track{width:max-content;padding:0 var(--gutter);will-change:transform;align-items:flex-start;gap:0;display:flex}.m-on .panel{flex:none}.m-on .dish-wrap{margin-top:.8rem}.m-on .seq-track>.p-dish{grid-template-rows:none}@media (width<=899px){.m-on .seq-pin{padding-bottom:calc(var(--card-h,8rem) + 1.5rem)}.m-on .seq-track{padding:0}.m-on .intro,.m-on .p-dish,.m-on .done{width:100vw;padding:0 var(--gutter)}.m-on .intro{gap:1.1rem}.m-on .intro-photo{max-height:34vh}.m-on .p-dish{text-align:center;justify-items:center}.m-on .p-dish .note{margin:0 auto}.m-on .dish{width:min(88vw,44vh);margin:0 auto}.m-on .edit{left:50%;transform:translate(-50%)}}@media (width>=900px){.m-on .seq-pin{padding-bottom:7vh}.m-on .seq-track{padding-right:calc(var(--rail) + 4rem)}.m-on .seq-pin{-webkit-mask-image:linear-gradient(to right, transparent, #000 var(--gutter), #000 calc(100% - var(--rail) - 3rem), transparent calc(100% - var(--rail) + 1rem));mask-image:linear-gradient(to right, transparent, #000 var(--gutter), #000 calc(100% - var(--rail) - 3rem), transparent calc(100% - var(--rail) + 1rem))}.m-on .intro{width:calc((100vw - var(--rail)) * .95);padding-right:6vw}.m-on .intro-photo{max-height:62vh}.m-on .p-dish{width:calc((100vw - var(--rail)) * .5);gap:1.2rem;padding-right:5vw}.m-on .dish{width:min(100%,58vh)}.m-on .done{width:calc((100vw - var(--rail)) * .92);padding:0 0 0 8vw}}.between>section{padding:clamp(4rem, 8vw, 11rem) var(--gutter) 0}.between>section:last-child{padding-bottom:clamp(2rem,4vw,5rem)}@media (width>=900px){.between>section{padding-right:var(--rail)}}.why{gap:2rem;display:grid}.why-head{gap:1rem;max-width:40rem;display:grid}.why-photo{aspect-ratio:16/10;object-fit:cover;width:100%;box-shadow:var(--lift-low);border-radius:.4rem}.why-list{align-content:center;gap:1.6rem;display:grid}.why-list li{grid-template-columns:2.6rem minmax(0,1fr);gap:.3rem .9rem;display:grid}.why-list .pebble{grid-row:1/3;justify-self:center;margin-top:.4rem}.why-s .pebble{width:.8rem;height:.66rem}.why-m .pebble{width:1.4rem;height:1.12rem}.why-l .pebble{--pebble:var(--sand-pebble);width:2.2rem;height:1.8rem}.why-list p{color:var(--ink-soft);max-width:26rem}@media (width>=900px){.why{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:2.6rem clamp(2rem,4vw,6rem)}.why-head{grid-column:1/-1}}.not{gap:1.6rem;display:grid}.not-line{font:400 clamp(1.8rem, 3vw, 4.6rem)/1.12 var(--serif);letter-spacing:-.01em;text-wrap:balance;max-width:18em}.not-lists{gap:2rem;margin-top:.6rem;display:grid}.not-sub{font:600 1rem/1.3 var(--sans);margin-bottom:.7rem}.not-lists ul{border-top:1px solid var(--rule);gap:.2rem;display:grid}.not-lists li{border-bottom:1px solid var(--rule);color:var(--ink-soft);grid-template-columns:1.1rem minmax(0,1fr);column-gap:.8rem;padding:.7rem 0;display:grid}.not-lists .well{width:1rem;height:1rem;margin-top:.2rem}@media (width>=700px){.not-lists{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(2rem,4vw,5rem)}}.sources{gap:2.2rem;display:grid}.src-head{gap:1rem;max-width:40rem;display:grid}.tone-slate{--pebble:var(--slate-pebble)}.tone-sand{--pebble:var(--sand-pebble)}.tone-green{--pebble:var(--green-pebble)}.piles{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem clamp(1rem,3vw,4rem);display:grid}.pile{align-content:start;gap:.25rem;display:grid}.pile-stones{max-width:12rem;height:clamp(5rem,8vw,9rem);margin-bottom:.4rem;transition:transform .3s;display:block;position:relative}.pile-stones .pebble{left:var(--x);top:var(--y);width:calc(var(--s) * var(--u,1rem));height:calc(var(--s) * var(--u,1rem) * .8);transform:translate(-50%, -50%) rotate(var(--r));position:absolute}.pile:hover .pile-stones{transform:translate(-2px,-3px)}.pile-name{font:400 clamp(1.3rem, 1.8vw, 2.8rem)/1.1 var(--serif)}.pile-note{color:var(--slate);font-size:.88rem}.bowls{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem clamp(.6rem,2.4vw,3.4rem);padding-top:.6rem;display:grid}.bowls li{text-align:center;justify-items:center;gap:.6rem;display:grid}.bowl{aspect-ratio:1;background:radial-gradient(circle at 60% 64%,#faf9f5 0%,#efece6 52%,#dedad2 66%,#f6f5f1 69%,#e7e4dd 88%,#d2cec5 100%);border-radius:50%;width:min(100%,10rem);display:block;position:relative;box-shadow:inset 2px 2px 2px #ffffffe6,inset -2px -3px 4px #1d201e1f,.45rem .6rem 1.1rem #2d2a202e,.1rem .15rem .3rem #2d2a201f}.bowl .pebble{left:var(--x);top:var(--y);width:22%;height:17.6%;transform:translate(-50%, -50%) rotate(var(--r));transition:opacity .3s,transform .3s;position:absolute}.bowl-name{color:var(--ink-soft);font-size:.9rem}.sources:has(.pile[data-src=a]:hover) .bowl .pebble:not([data-src=a]),.sources:has(.pile[data-src=b]:hover) .bowl .pebble:not([data-src=b]),.sources:has(.pile[data-src=c]:hover) .bowl .pebble:not([data-src=c]){opacity:.18}.sources:has(.pile[data-src=a]:hover) .bowl .pebble[data-src=a],.sources:has(.pile[data-src=b]:hover) .bowl .pebble[data-src=b],.sources:has(.pile[data-src=c]:hover) .bowl .pebble[data-src=c]{transform:translate(-50%, -58%) rotate(var(--r))}@media (width<=559px){.piles{grid-template-columns:minmax(0,1fr)}.pile{grid-template-columns:6.5rem minmax(0,1fr);column-gap:1rem}.pile-stones{--u:.7rem;grid-row:1/3;height:4.6rem;margin:0}.pile-name{align-self:end}.bowls{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:1.6rem}.bowl{width:min(100%,8.5rem)}}.stories{gap:2.4rem;display:grid}.stories-head{gap:.8rem;max-width:40rem;display:grid}.story-list{gap:2.8rem;display:grid}.story-list blockquote{margin:0}.story-list blockquote p{font:400 clamp(1.5rem, 2.1vw, 3.3rem)/1.22 var(--serif);letter-spacing:-.005em;max-width:22em}.story-list figcaption{color:var(--slate);align-items:center;gap:.6rem;margin-top:1rem;font-size:.88rem;display:flex}.story-list figcaption .pebble{flex:none}.story-list li:nth-child(2) figcaption .pebble{--pebble:var(--sand-pebble)}.story-list li:nth-child(3) figcaption .pebble{--pebble:var(--green-pebble)}@media (width>=900px){.story-list{grid-template-columns:repeat(12,minmax(0,1fr));gap:0 1.5rem}.story-list li:first-child{grid-area:1/1/auto/7}.story-list li:nth-child(2){grid-area:1/8/auto/13;margin-top:7rem}.story-list li:nth-child(3){grid-area:2/3/auto/9;margin-top:3rem}}.faq{gap:2rem;display:grid}.faq-head{align-content:start;gap:.8rem;display:grid}.faq-list{border-top:1px solid var(--rule)}.faq-list details{border-bottom:1px solid var(--rule)}.faq-list summary{cursor:pointer;grid-template-columns:1.1rem minmax(0,1fr) auto;align-items:baseline;column-gap:.9rem;padding:1rem .2rem;list-style:none;display:grid}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary .well{align-self:center;width:1rem;height:1rem;transition:background .3s}.faq-list details[open] summary .well,.faq-list summary:hover .well{background:var(--green-pebble)}.faq-q{font-size:1.05rem;font-weight:500}.faq-short{font:400 1.35rem/1 var(--serif);color:var(--slate);white-space:nowrap}.faq-list details[open] .faq-short{color:var(--green)}.faq-a{max-width:42rem;color:var(--ink-soft);padding:0 .2rem 1.3rem 2.2rem}@media (width>=900px){.faq{grid-template-columns:minmax(0,.8fr) minmax(0,1.6fr);column-gap:clamp(2rem,4vw,6rem)}}@media (width<=559px){.faq-short{font-size:1.1rem}}.close{padding:clamp(4rem, 8vw, 10rem) var(--gutter) 2rem;align-content:center;gap:1.2rem;display:grid}.close h2{max-width:11em}.close-line{color:var(--ink-soft);max-width:30em;font-size:1.1rem}@media (width>=900px){.close{padding:calc(var(--bar-h) + 4rem) var(--rail) clamp(4rem, 7vw, 10rem) var(--gutter);align-content:start;min-height:100svh}}.sort-card.no-anim,.sort-card.no-anim *{transition:none!important}
