.hiw-art{aspect-ratio:1;display:grid;place-items:end center}.hiw-sun{position:absolute;left:50%;top:6%;width:74%;aspect-ratio:1;margin-left:-37%;border-radius:50%;background:var(--blush);border:2px solid var(--ink);box-shadow:6px 6px 0 var(--ink)}.hiw-rider{position:relative;z-index:1;width:88%;margin-bottom:9%;animation:ride-in 1.6s .2s cubic-bezier(.2,.9,.25,1) both,idle 1.6s 1.9s ease-in-out infinite}.hiw-road{position:absolute;left:-4%;right:-4%;bottom:4%;height:7%;border-radius:99px;background:#2b2622;border:2px solid var(--ink)}.hiw-road:after{content:"";position:absolute;left:6%;right:6%;top:50%;height:3px;margin-top:-1.5px;background:repeating-linear-gradient(90deg,#f6ead6 0 22px,transparent 22px 44px)}@keyframes ride-in{0%{transform:translate(-70vw)}}@keyframes idle{50%{translate:0 -3px}}.moments{position:relative;list-style:none;margin:0;padding:0;display:grid;gap:clamp(64px,9vw,120px)}.m-road{position:absolute;left:50%;top:10px;bottom:10px;width:6px;margin-left:-3px;border-radius:99px;background:repeating-linear-gradient(180deg,#e3d7c7 0 14px,transparent 14px 26px)}.m-road i{position:absolute;left:0;right:0;top:0;height:var(--fill, 0%);border-radius:99px;background:var(--red-deep)}.moment{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 72px minmax(0,1fr);align-items:center}.moment .when{grid-column:1;text-align:right}.moment .m-scene{grid-column:3}.moment .node{grid-column:2;grid-row:1;justify-self:center;width:26px;height:26px;border-radius:50%;background:#fff;border:3px solid var(--ink);box-shadow:2px 2px 0 var(--ink);transition:background .35s,transform .45s var(--ease)}.moment.lit .node{background:var(--red-deep);transform:scale(1.15)}.moment:nth-of-type(odd) .when{grid-column:3;grid-row:1;text-align:left}.moment:nth-of-type(odd) .m-scene{grid-column:1;grid-row:1}.when .hand{display:block;margin:0 0 8px;font-size:30px;color:var(--red-deep)}.when h3{margin:0 0 12px;font:800 clamp(40px,4.4vw,64px)/.95 var(--f-head);letter-spacing:-.04em}.when p{margin:0;color:var(--ink-2);font-size:18px;max-width:34ch;display:inline-block}.m-scene{max-width:470px;width:100%;justify-self:center}.js .moment .m-scene,.js .moment .when{opacity:0;transform:translateY(18px);transition:opacity .6s,transform .8s var(--ease)}.js .moment.seen .m-scene,.js .moment.seen .when{opacity:1;transform:none}.js .moment.seen .when{transition-delay:.12s}.pick{padding:18px;display:grid;gap:10px}.pick-hd{margin:2px 4px 6px;font:800 20px/1 var(--f-head);letter-spacing:-.02em}.who{display:grid;grid-template-columns:46px minmax(0,1fr) 24px;gap:12px;align-items:center;padding:10px 12px;border:1.5px solid var(--line);border-radius:14px;background:#fff}.who img{width:46px;height:46px;border-radius:50%;object-fit:cover}.who b{display:block;font-size:16px}.who span{display:block;font-size:14px;color:var(--muted)}.who>i{width:22px;height:22px;border-radius:50%;border:1.5px dashed #cbbfae}.who.on{border-color:var(--red-deep);background:var(--blush)}.who.on>i{border:1.5px solid var(--ink);background:var(--red-deep) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.2l2.3 2.2 4.7-4.8' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/80%}.who.more{border-style:dashed;background:transparent}.who .plus{width:46px;height:46px;border-radius:50%;border:2px dashed #cbbfae;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 4.5v11M4.5 10h11' stroke='%237a7067' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center/18px no-repeat}.bake{margin:0;overflow:hidden}.bake>img{width:100%;aspect-ratio:4 / 3;object-fit:cover;border-bottom:2px solid var(--ink)}.bake figcaption{display:grid;gap:10px;padding:14px 18px 16px}.bake figcaption>span:first-child{font:700 22px/1 var(--f-hand);color:var(--ink-2)}.bakers{display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px}.bakers img{height:26px;width:auto;max-width:96px;object-fit:contain;filter:grayscale(1) contrast(1.15);opacity:.85}.arrive{margin:0 auto;width:min(340px,100%);padding:12px 12px 0;background:#fff;border:2px solid var(--ink);border-radius:10px;box-shadow:6px 6px 0 var(--ink);transform:rotate(2.5deg)}.arrive img{width:100%;aspect-ratio:4 / 5;object-fit:cover;border-radius:4px}.arrive figcaption{padding:12px 4px 14px;font-size:26px;color:var(--ink-2)}.phone{padding:22px;display:grid;gap:10px;justify-items:end;background:var(--blush)}.phone .bub{margin:0;max-width:86%;padding:11px 17px;border-radius:20px 20px 6px;font-size:16px;line-height:1.35}.phone .bub.me{background:#1f6fdc;color:#fff}.phone .bub.them{justify-self:start;background:#fff;border:2px solid var(--ink);border-radius:20px 20px 20px 6px;font-weight:600;box-shadow:3px 3px 0 var(--ink)}.phone .seen{margin:-4px 4px 4px;font:700 11px/1 var(--f-body);letter-spacing:.1em;text-transform:uppercase;color:var(--red-deep)}.phone .stat{justify-self:start;display:flex;align-items:flex-end;gap:12px;margin:14px 0 0;padding-top:16px;border-top:2px dashed #f2bdb3;width:100%}.phone .stat .num{font-size:72px;color:var(--red-deep)}.phone .stat span:last-child{padding-bottom:8px;font-weight:700;color:var(--ink-2);max-width:9ch;line-height:1.2}.cover{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:48px;align-items:center;padding:clamp(28px,5vw,56px);background:var(--cream)}.cover h2{margin:0 0 14px}.cover p{margin:0 0 26px;color:var(--ink-2);font-size:18px;max-width:46ch}.where{display:flex;gap:10px;margin:0 0 18px;max-width:520px}.where input{flex:1;min-width:0;height:54px;padding:0 20px;border:2px solid var(--ink);border-radius:99px;background:#fff;font:500 17px/1 var(--f-body);color:var(--ink);box-shadow:3px 3px 0 var(--ink)}.where input::placeholder{color:var(--muted)}.where input:focus{outline:none;border-color:var(--red-deep);box-shadow:0 0 0 4px #ffe0db,3px 3px 0 var(--ink)}.cities{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-start}.cities li{padding:10px 16px;border:2px solid var(--ink);border-radius:99px;background:#fff;font-weight:700;font-size:15px;box-shadow:2px 2px 0 var(--ink)}.cities li:nth-child(odd){transform:rotate(-2deg)}.cities li:nth-child(3n){transform:rotate(1.5deg)}.cities li.n{background:var(--red-deep);color:#fff}.price-h{font-size:clamp(48px,5.4vw,80px);line-height:.95}.tiers{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;align-items:end}.tiers li{display:grid;gap:6px;align-content:start;padding:16px 16px 18px;background:#fff;border:2px solid var(--ink);border-radius:14px 14px 6px 6px;box-shadow:3px 3px 0 var(--ink)}.tiers li:nth-child(1){min-height:96px}.tiers li:nth-child(2){min-height:118px}.tiers li:nth-child(3){min-height:140px}.tiers li:nth-child(4){min-height:162px}.tiers li:nth-child(5){min-height:184px}.tiers li:nth-child(6){min-height:206px;background:var(--red-deep);color:#fff}.tiers b{font:800 22px/1 var(--f-head);letter-spacing:-.02em}.tiers span{font-size:14px;color:var(--muted)}.tiers li:nth-child(6) span{color:#ffd6cf}.tiers-note{margin:22px 0 0;display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;color:var(--ink-2)}.north{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:48px;align-items:center;padding:clamp(28px,5vw,60px);background:var(--blush)}.north h2{margin:0 0 18px;font-size:clamp(44px,4.6vw,70px)}.north p{margin:0 0 30px;color:var(--ink-2);font-size:18px;max-width:44ch}.north .slack{margin:0;padding:10px;transform:rotate(1.5deg)}.north .slack img{border-radius:10px}@media(max-width:900px){.hiw-art{width:min(360px,86%)}.m-road{left:13px}.moment,.moment:nth-of-type(odd){grid-template-columns:26px minmax(0,1fr);column-gap:20px;row-gap:22px}.moment .node,.moment:nth-of-type(odd) .node{grid-column:1;grid-row:1;align-self:start;margin-top:6px}.moment .when,.moment:nth-of-type(odd) .when{grid-column:2;grid-row:1;text-align:left}.moment .m-scene,.moment:nth-of-type(odd) .m-scene{grid-column:2;grid-row:2;justify-self:start}.cover,.north{grid-template-columns:minmax(0,1fr)}.tiers{grid-template-columns:repeat(3,minmax(0,1fr))}.tiers li{min-height:0!important}}@media(max-width:640px){.when .hand{font-size:26px}.where{flex-direction:column}.where .btn{justify-content:center}.tiers{grid-template-columns:repeat(2,minmax(0,1fr))}.phone .stat .num{font-size:60px}}@media(prefers-reduced-motion:reduce){.js .moment .m-scene,.js .moment .when{opacity:1;transform:none}}
