/* Heading sizes: 92.5% of the previous scale, 2026-10-24. */
/* Original illustrated motion system, informed by the selected Two26 reference. */
.hero .sticker{--tilt:6deg;animation:sticker-drift 6.4s ease-in-out infinite;transform:rotate(var(--tilt));will-change:transform}
.hero .sticker-two{--tilt:-9deg;animation-duration:7.8s;animation-delay:-2.6s}
.hero .sticker-three{--tilt:-6deg;animation-duration:7s;animation-delay:-4.3s}
@keyframes sticker-drift{0%,100%{transform:translateY(0) rotate(var(--tilt))}50%{transform:translateY(-7px) rotate(calc(var(--tilt) + 3deg))}}
.hero .hero-owl-rig{animation:none;overflow:visible}
.sofie-breath{transform-origin:48% 93%;animation:sofie-breath 5.4s ease-in-out infinite}
.sofie-wing{transform-origin:650px 541px;animation:sofie-wave 5.4s cubic-bezier(.4,0,.3,1) infinite}
.sofie-blink{opacity:0;animation:sofie-blink 5.4s linear infinite}
@keyframes sofie-breath{0%,100%{transform:scaleY(1)}50%{transform:scaleY(1.008)}}
@keyframes sofie-wave{0%,48%,100%{transform:rotate(0)}56%{transform:rotate(-8deg)}64%{transform:rotate(4deg)}72%{transform:rotate(-6deg)}80%{transform:rotate(0)}}
@keyframes sofie-blink{0%,35%,38%,100%{opacity:0}36%,37%{opacity:1}}
.marquee-section{height:clamp(130px,15vw,205px);padding:0;overflow:clip;display:flex;align-items:center}
.marquee-ribbon{position:relative;left:-5%;right:auto;top:auto;width:110%;flex:none;transform:rotate(-3deg);border-radius:0;padding:19px 0;overflow:hidden}
.marquee-ribbon>.marquee-track{display:flex;align-items:center;width:max-content;font-size:clamp(32px,4.6vw,72px);line-height:1.25;letter-spacing:-.035em;font-weight:800;animation:parcel-marquee 34s linear infinite}
.marquee-group{display:flex;align-items:center;gap:.6em;padding-right:.6em;flex-shrink:0}
.marquee-group b{font-size:.65em;font-weight:400}
@keyframes parcel-marquee{to{transform:translateX(-50%)}}
.parcel-journey{padding-top:55px;padding-bottom:100px;overflow:clip;scroll-margin-top:75px}
.parcel-journey .section-heading{max-width:1050px;margin-bottom:35px}
.parcel-journey h2{font-size:clamp(44.4px,6.7525vw,96.2px);line-height:1.05;letter-spacing:-.045em}
.route-scroll-hint{display:inline-flex;align-items:center;gap:17px;margin-top:27px;font-size:10px;letter-spacing:.07em;font-weight:600}
.route-scroll-hint span{font-size:26px;line-height:1;animation:scroll-nod 2s ease-in-out infinite}
@keyframes scroll-nod{50%{transform:translateY(6px)}}
.parcel-route-canvas{position:relative;max-width:1240px;margin:0 auto;isolation:isolate;padding:65px 0 30px}
.parcel-route-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:-1;pointer-events:none;fill:none}
.parcel-route-base,.parcel-route-ink{fill:none;stroke:var(--accent);stroke-width:15px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.parcel-route-base{opacity:.2}
.parcel-traveler{opacity:0}
.parcel-traveler.is-traveling{opacity:1}
.parcel-traveler-body{filter:drop-shadow(0 3px 0 #1112)}
.parcel-stops{list-style:none;margin:0;padding:0}
.parcel-stop{position:relative;min-height:335px;width:60%;margin-left:auto;padding:27px 140px 55px 0;display:flex;align-items:flex-start;justify-content:flex-start}
.parcel-stop:nth-child(even){margin-left:0;margin-right:auto;padding:27px 0 55px 140px}
.route-icon{position:absolute;right:0;top:27px;width:115px;height:115px;transform:rotate(6deg);background:var(--bg);border-radius:50%;display:grid;place-items:center}
.parcel-stop:nth-child(even) .route-icon{right:auto;left:0;transform:rotate(-6deg)}
.route-icon svg{width:100%;height:100%;fill:var(--bg);stroke:var(--ink);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;overflow:visible}
.route-icon .icon-box,.route-icon .icon-check-bg{fill:var(--accent)}
.route-icon .icon-tape{fill:var(--accent);stroke:var(--ink);stroke-width:2}
.route-step-label{font-size:9px;letter-spacing:.04em;font-weight:600;line-height:1.6;display:inline-block;background:var(--bg);padding:3px 5px;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.parcel-stop h3{font-size:clamp(27.75px,4.3475vw,61.975px);letter-spacing:-.045em;font-weight:800;line-height:1.08;margin:15px 0 25px;color:#d94200;background:var(--bg);box-shadow:0 0 0 7px var(--bg);width:fit-content;position:relative}
.parcel-stop p{font-size:15px;line-height:1.65;font-weight:500;color:#a83200;margin:0;max-width:490px;padding:18px 24px;border:1px solid var(--accent);border-radius:30px 32px 30px 8px;background:var(--bg);transform:rotate(-3deg);transition:transform .65s cubic-bezier(.22,1.4,.35,1),opacity .35s}
.motion-ready .parcel-stop:not(.is-reached) p{opacity:.55;transform:translateY(12px) rotate(0) scale(.97)}
.parcel-stop.is-reached .route-icon svg{animation:route-icon-settle .6s cubic-bezier(.2,1.6,.5,1) both}
.parcel-stop.is-reached .icon-pulse{animation:icon-pulse 2.4s ease-in-out infinite}
.parcel-stop.is-reached .van-body{animation:van-drive .8s ease-in-out infinite}
.parcel-stop.is-reached .icon-tape{animation:tape-press 2.8s ease-in-out infinite;transform-origin:60px 64px}
.parcel-stop.is-reached .icon-check{stroke-dasharray:45;animation:check-draw 1.4s ease-out both}
@keyframes route-icon-settle{from{transform:scale(.75) rotate(-8deg)}to{transform:scale(1) rotate(0)}}
@keyframes icon-pulse{50%{transform:translateY(-3px)}}
@keyframes van-drive{50%{transform:translateY(-1.8px)}}
@keyframes tape-press{0%,40%,100%{transform:scaleY(1)}60%{transform:scaleY(.88)}}
@keyframes check-draw{from{stroke-dashoffset:45}to{stroke-dashoffset:0}}
.route-end-note{font-size:12px;line-height:1.8;text-align:center;max-width:650px;margin:5px auto 26px;color:var(--muted)}
.route-contact{display:flex;width:fit-content;margin:auto;font-size:14px}
.testimonials{padding-top:80px;padding-bottom:100px;scroll-margin-top:90px}
.testimonials h2{line-height:1.05;letter-spacing:-.045em;font-size:clamp(37px,5.735vw,83.25px)}
.testimonial-stage{max-width:1350px;margin:auto;padding:45px 100px 35px;background:var(--accent);border-radius:30px;overflow:hidden}
.reference-preview-label{text-align:center;font-size:10px;font-weight:600;line-height:1.7;margin:0 auto 42px;letter-spacing:.015em;color:var(--ink)}
.testimonial-stack{position:relative;isolation:isolate;max-width:1050px;margin:auto}
.testimonial-stack::before,.testimonial-stack::after{content:"";position:absolute;inset:0;background:var(--bg);border:1px solid var(--accent);border-radius:22px;z-index:-1;transform:rotate(5deg)}
.testimonial-stack::after{transform:rotate(-4deg)}
.testimonial-card{background:#fff9f4;border:1px solid var(--accent);border-radius:22px;padding:45px 48px;min-height:475px;color:#ce3d00}
.testimonial-card[hidden]{display:none}
.testimonial-card blockquote{margin:0 0 40px}
.testimonial-card blockquote>p{font-size:clamp(29px,3.9vw,56px);line-height:1.12;letter-spacing:-.045em;font-weight:700;margin:0;min-height:175px}
.testimonial-card-bottom{display:grid;grid-template-columns:210px minmax(0,1fr);gap:35px;align-items:center}
.testimonial-card-bottom>p{font-size:17px;line-height:1.6;margin:0;color:#a83200}
.reference-identity{text-align:center;min-width:0}
.reference-identity svg{width:86px;height:86px;stroke:var(--ink);stroke-width:3;fill:#fae3e2;stroke-linecap:round;stroke-linejoin:round;display:block;margin:0 auto 10px}
.reference-identity strong{display:block;font-size:16px;line-height:1.5}
.reference-identity>span{display:block;font-size:9px;line-height:1.6;letter-spacing:.015em;margin-top:5px}
.reference-controls{display:flex;align-items:center;justify-content:center;gap:27px;margin-top:42px;position:relative}
.reference-controls button{width:48px;height:48px;border-radius:50%;background:var(--ink);color:var(--bg);border:0;font-size:24px}
.reference-controls>span{font-size:12px;line-height:1.5;font-weight:500;font-variant-numeric:tabular-nums}
.testimonial-card.is-entering{animation:card-arrive .48s cubic-bezier(.2,.7,.3,1)}
@keyframes card-arrive{from{opacity:.4;transform:translateY(20px) rotate(-3deg)}to{opacity:1;transform:none}}
.faq-with-sofie{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:75px;max-width:1440px;margin:auto;align-items:start;scroll-margin-top:90px}
.faq-with-sofie .faq-intro{position:sticky;top:105px;margin:0;text-align:left}
.faq-with-sofie .faq-intro>.eyebrow{justify-content:flex-start;margin-bottom:27px}
.faq-with-sofie h2{text-align:left;line-height:1.07;letter-spacing:-.045em;font-size:clamp(35.15px,4.3475vw,62.9px);color:var(--ink)}
.faq-sofie{position:relative;margin:30px 0 0;max-width:390px;isolation:isolate}
.faq-sofie img{display:block;width:90%;height:auto;max-height:370px;object-fit:contain;margin:auto}
.faq-sofie figcaption{position:absolute;right:-10px;bottom:16px;transform:rotate(-7deg);background:var(--bg);border:1px solid var(--accent);color:#a83200;padding:17px 22px;border-radius:25px;font-size:17px;line-height:1.25;font-weight:600;box-shadow:0 0 0 6px var(--bg)}
.faq-with-sofie .faq-list{width:100%;min-width:0}
.faq-with-sofie .faq-list details{border:0;margin-bottom:13px}
.faq-with-sofie .faq-list summary{font-size:16px;letter-spacing:-.025em;line-height:1.4;background:#f0e0d7;border-radius:27px 27px 27px 0;padding:18px 23px;gap:15px;transition:background .25s}
.faq-with-sofie .faq-list details[open] summary{background:var(--frame);outline:1px solid var(--accent)}
.faq-with-sofie .faq-list details>p{font-size:14px;line-height:1.8;margin:13px 0 20px 26px;padding:21px 24px;border:1px solid #d8c6ba;border-radius:28px 28px 0 28px;color:var(--muted)}
.faq-with-sofie .faq-list summary>span{font-size:24px;line-height:1;flex:none}
.motion-paused .statement-char,.motion-paused .statement-accent .statement-char{color:var(--ink)}
.motion-paused .statement-accent .statement-char{color:#d94200}
.motion-paused .statement-stickers>span{opacity:1;scale:1;translate:0 0}
.motion-paused .parcel-stop p{opacity:1!important;transform:rotate(-3deg)!important}
@media(max-width:1000px){.parcel-stop{width:67%;padding-right:115px;min-height:320px}.parcel-stop:nth-child(even){padding-left:115px}.route-icon{width:90px;height:90px}.parcel-stop h3{font-size:clamp(31.45px,4.44vw,44.4px)}.parcel-stop p{font-size:14px;padding:17px 21px}.testimonial-stage{padding:35px 55px}.testimonial-card{padding:35px;min-height:450px}.testimonial-card-bottom{grid-template-columns:150px minmax(0,1fr);gap:25px}.testimonial-card-bottom>p{font-size:15px}.faq-with-sofie{gap:35px}.faq-with-sofie .faq-list summary{font-size:14px;padding:17px 19px}.faq-with-sofie .faq-list details>p{font-size:13px;margin-left:15px;padding:19px}.faq-sofie figcaption{font-size:15px;right:-8px;padding:15px 18px}}
@media(max-width:700px){.marquee-section{height:120px}.marquee-ribbon{padding:15px 0}.marquee-ribbon>.marquee-track{font-size:34px}.hero .sticker{animation-name:sticker-drift-mobile}.about-statement{height:auto;padding:0}.statement-pin{position:relative;top:auto;min-height:0;padding:35px 22px 65px}.about-statement .statement-pin>p{font-size:clamp(25px,5.8vw,36px);line-height:1.27;letter-spacing:-.035em;margin:30px auto}.statement-pin .statement-stickers{gap:12px}.statement-pin .statement-stickers>span{font-size:10px;padding:12px 18px}.parcel-journey{padding:35px 22px 65px}.parcel-journey h2{font-size:clamp(32.375px,8.7875vw,53.65px);line-height:1.08}.parcel-journey .section-heading>p{font-size:14px;line-height:1.7}.route-scroll-hint{font-size:8px;gap:13px;margin-top:23px}.parcel-route-canvas{padding-top:40px;padding-bottom:0}.parcel-stop,.parcel-stop:nth-child(even){width:100%;margin:0;min-height:290px;padding:15px 0 50px 82px}.route-icon,.parcel-stop:nth-child(even) .route-icon{width:66px;height:66px;left:0;right:auto;top:20px}.parcel-stop h3{font-size:clamp(25.9px,6.845vw,39.775px);line-height:1.12;letter-spacing:-.04em;margin:12px 0 22px}.route-step-label{font-size:7px;line-height:1.7;padding:2px 0}.parcel-stop p{font-size:13px;line-height:1.65;padding:15px 17px;border-radius:24px 25px 25px 5px;transform:rotate(-2deg)}.parcel-route-base,.parcel-route-ink{stroke-width:8px}.route-end-note{font-size:10px;margin-top:8px}.route-contact{font-size:11px;gap:18px}.testimonials{padding:55px 15px 65px}.testimonials h2{font-size:clamp(29.6px,7.6775vw,45.325px);line-height:1.12}.testimonials .section-top .eyebrow{font-size:8px}.testimonial-stage{padding:28px 24px 24px;border-radius:24px}.reference-preview-label{font-size:8px;margin-bottom:30px;max-width:260px}.testimonial-card{padding:27px 22px;min-height:480px;border-radius:18px}.testimonial-stack::before,.testimonial-stack::after{border-radius:18px}.testimonial-card blockquote{margin-bottom:28px}.testimonial-card blockquote>p{font-size:clamp(25px,6.8vw,38px);line-height:1.17;letter-spacing:-.035em;min-height:190px}.testimonial-card-bottom{grid-template-columns:minmax(0,1fr);gap:22px}.reference-identity{display:grid;grid-template-columns:55px 1fr;text-align:left;column-gap:14px;align-items:center}.reference-identity svg{width:55px;height:55px;grid-row:1/3;margin:0}.reference-identity strong{font-size:13px;line-height:1.35}.reference-identity>span{font-size:7px;margin-top:0}.testimonial-card-bottom>p{font-size:12px;line-height:1.75}.reference-controls{gap:23px;margin-top:30px}.reference-controls>span{font-size:10px}.reference-controls button{width:45px;height:45px;font-size:21px}.faq-with-sofie{display:block;padding:55px 22px 65px}.faq-with-sofie .faq-intro{display:block!important;position:relative;top:auto;text-align:center;margin:0 0 35px}.faq-with-sofie .faq-intro>.eyebrow{justify-content:center;margin-bottom:25px}.faq-with-sofie h2{text-align:center;font-size:clamp(33.3px,9.25vw,50.875px)}.faq-sofie{max-width:270px;margin:25px auto 0}.faq-sofie img{max-height:260px}.faq-sofie figcaption{font-size:14px;right:-7px;bottom:8px;padding:13px 17px}.faq-with-sofie .faq-list summary{font-size:14px;padding:18px}.faq-with-sofie .faq-list details>p{font-size:12px;line-height:1.8;padding:18px;margin-left:14px}.faq-with-sofie .faq-list details{margin-bottom:12px}}
@keyframes sticker-drift-mobile{0%,100%{transform:translateY(0) rotate(var(--tilt))}50%{transform:translateY(-4px) rotate(calc(var(--tilt) + 2deg))}}
@media(max-height:699px) and (min-width:701px){.about-statement{height:auto}.statement-pin{position:relative;top:0;min-height:0;padding:45px var(--pad)}.about-statement .statement-pin>p{font-size:35px}}
@media(prefers-reduced-motion:reduce){.about-statement{height:auto}.statement-pin{position:relative;top:0;min-height:0}.about-statement .statement-char{color:var(--ink)}.about-statement .statement-accent .statement-char{color:#d94200}.statement-pin .statement-stickers>span{opacity:1;scale:1;translate:0 0}.parcel-stop p{opacity:1!important;transform:rotate(-2deg)!important}.sofie-wing,.sofie-breath{animation:none!important}.sofie-blink{display:none}}
@media print{.about-statement{height:auto}.statement-pin,.faq-with-sofie .faq-intro{position:relative;top:auto;min-height:0}.statement-char{color:var(--ink)!important}.statement-stickers>span{opacity:1!important;scale:1!important;translate:0 0!important}.parcel-stop{break-inside:avoid}.parcel-route-svg{display:none}.testimonial-card{break-inside:avoid}.testimonial-stage{overflow:visible}.parcel-stop p{opacity:1!important;transform:none!important}}

.parcel-traveler-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:3;pointer-events:none;fill:none}
