.greet-about{--greet-about-green: #2f3e2e;--greet-about-neutral: #e9e5da;--greet-about-orange: #c77b58;--greet-about-white: #ffffff;--greet-about-ink: #20281f;--greet-about-line: rgba(47, 62, 46, .14);--greet-about-shadow: 0 18px 52px rgba(47, 62, 46, .13);background:var(--greet-about-neutral);color:var(--greet-about-green)}.greet-about *,.greet-about *:before,.greet-about *:after{box-sizing:border-box}.greet-about__shell{width:min(100%,1180px);margin-inline:auto;padding-inline:18px}.greet-about h1,.greet-about h2,.greet-about h3,.greet-about p{color:inherit}.greet-about h1,.greet-about h2,.greet-about h3,.greet-about p{margin:0}.greet-about h1,.greet-about h2,.greet-about h3{letter-spacing:0}.greet-about h1{max-width:820px;font-size:3.1rem;line-height:.96}.greet-about h2{font-size:2.05rem;line-height:1.04}.greet-about h3{font-size:1.08rem;line-height:1.18}.greet-about__hero{overflow:hidden;background:linear-gradient(180deg,#ffffffbd,#e9e5daf5),var(--greet-about-neutral)}.greet-about__hero-grid{display:grid;gap:28px;align-items:center;min-height:clamp(560px,74vh,720px);padding-block:46px 34px}.greet-about__hero-copy{max-width:780px}.greet-about__eyebrow{display:inline-flex;align-items:center;gap:8px;margin:0 0 12px;color:var(--greet-about-orange);font-size:.76rem;font-weight:900;line-height:1;letter-spacing:0;text-transform:uppercase}.greet-about__eyebrow:before{content:"";width:9px;height:9px;border-radius:999px;background:currentColor}.greet-about__lead,.greet-about__support,.greet-about__prose p,.greet-about__pack p,.greet-about__final p{color:#2f3e2ec7;font-size:1rem;line-height:1.62}.greet-about__lead{max-width:700px;margin-top:18px;font-size:1.08rem}.greet-about__support{max-width:660px;margin-top:12px}.greet-about__actions,.greet-about__final-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.greet-about__button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;border:1px solid transparent;border-radius:999px;padding:13px 18px;font-size:.94rem;font-weight:900;line-height:1;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease,color .18s ease,border-color .18s ease}.greet-about__button--primary{background:var(--greet-about-green);color:var(--greet-about-white);box-shadow:0 14px 28px #2f3e2e33}.greet-about__button--secondary{border-color:#2f3e2e38;background:#ffffff94;color:var(--greet-about-green)}.greet-about__button--light{background:var(--greet-about-white);color:var(--greet-about-green);box-shadow:0 12px 24px #2f3e2e24}.greet-about__button:hover,.greet-about__button:focus-visible{transform:translateY(-2px)}.greet-about__button:focus-visible,.greet-about a:focus-visible{outline:3px solid rgba(199,123,88,.48);outline-offset:3px}.greet-about__text-link{display:inline-flex;min-height:48px;align-items:center;color:var(--greet-about-white);font-size:.94rem;font-weight:900;text-decoration:underline;text-underline-offset:5px}.greet-about__visual{position:relative;min-height:330px;display:grid;place-items:center;transform:translate3d(var(--greet-about-x, 0),var(--greet-about-y, 0),0);transition:transform .22s ease}.greet-about__door-scene{position:relative;width:min(74vw,300px);aspect-ratio:.78;display:grid;place-items:center}.greet-about__door-frame{position:absolute;top:0;right:8%;bottom:10%;left:8%;border:12px solid rgba(255,255,255,.9);border-bottom-width:18px;border-radius:48% 48% 8px 8px/18% 18% 8px 8px;background:#ffffff57;box-shadow:var(--greet-about-shadow)}.greet-about__door-panel{position:absolute;top:10%;right:20%;bottom:18%;left:20%;border-radius:46% 46% 8px 8px/18% 18% 8px 8px;background:linear-gradient(112deg,transparent 0 24%,rgba(255,255,255,.16) 38%,transparent 54%),linear-gradient(180deg,#40543e,var(--greet-about-green));box-shadow:inset 0 0 0 1px #ffffff29,inset -18px 0 26px #00000029}.greet-about__door-window{position:absolute;left:50%;top:18%;width:34%;aspect-ratio:1;border:2px solid rgba(255,255,255,.56);border-radius:999px;transform:translate(-50%);background:#e9e5dadb}.greet-about__door-knob{position:absolute;right:18%;top:52%;width:18px;height:18px;border-radius:999px;background:var(--greet-about-orange);box-shadow:0 0 0 5px #c77b582e}.greet-about__welcome-mat{position:absolute;right:12%;bottom:0;left:12%;display:grid;min-height:46px;place-items:center;border-radius:8px;background:var(--greet-about-orange);color:var(--greet-about-white);font-size:.82rem;font-weight:900;letter-spacing:.08em}.greet-about__story-card{position:absolute;z-index:3;width:min(46vw,172px);border:1px solid rgba(47,62,46,.12);border-radius:8px;background:#ffffffeb;padding:13px;box-shadow:0 14px 34px #2f3e2e1f}.greet-about__story-card span,.greet-about__story-card strong{display:block}.greet-about__story-card span{color:var(--greet-about-orange);font-size:.72rem;font-weight:900;text-transform:uppercase}.greet-about__story-card strong{margin-top:5px;color:var(--greet-about-green);font-size:.9rem;line-height:1.18}.greet-about__story-card--one{left:0;top:30px;transform:rotate(-3deg)}.greet-about__story-card--two{right:0;bottom:54px;transform:rotate(3deg)}.greet-about__paw-trail{position:absolute;right:5%;bottom:12px;left:5%;height:74px}.greet-about__paw-trail i{position:absolute;width:13px;height:13px;border-radius:999px;background:#2f3e2e38;box-shadow:-7px -7px 0 -4px #2f3e2e38,0 -10px 0 -4px #2f3e2e38,7px -7px 0 -4px #2f3e2e38;animation:greet-about-paw 2.4s ease-in-out infinite}.greet-about__paw-trail i:nth-child(1){left:5%;top:38px}.greet-about__paw-trail i:nth-child(2){left:24%;top:18px;animation-delay:.15s}.greet-about__paw-trail i:nth-child(3){left:48%;top:36px;animation-delay:.3s}.greet-about__paw-trail i:nth-child(4){left:67%;top:15px;animation-delay:.45s}.greet-about__paw-trail i:nth-child(5){left:84%;top:32px;animation-delay:.6s}@keyframes greet-about-paw{0%,to{opacity:.34;transform:translateY(0) rotate(-8deg)}45%{opacity:.78;transform:translateY(-5px) rotate(5deg)}}.greet-about__section{margin-block:30px}.greet-about__section-head{max-width:720px}.greet-about__why{display:grid;gap:18px;padding-top:42px}.greet-about__prose{display:grid;gap:12px;max-width:820px}.greet-about__cards{display:grid;grid-template-columns:1fr;gap:12px;margin-top:18px}.greet-about__card{min-height:210px;border:1px solid var(--greet-about-line);border-radius:8px;background:#ffffffb8;padding:18px;box-shadow:0 12px 30px #2f3e2e14;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.greet-about__card:hover{border-color:#c77b585c;box-shadow:0 18px 42px #2f3e2e21;transform:translateY(-4px)}.greet-about__card-index{display:inline-flex;margin-bottom:34px;color:var(--greet-about-orange);font-size:.76rem;font-weight:900}.greet-about__card p,.greet-about__steps p{margin-top:9px;color:#2f3e2eb8;font-size:.94rem;line-height:1.5}.greet-about__pack{display:grid;gap:22px;border-radius:8px;background:var(--greet-about-green);padding:24px;color:var(--greet-about-white);box-shadow:var(--greet-about-shadow)}.greet-about__pack .greet-about__eyebrow,.greet-about__pack h2,.greet-about__pack p{color:var(--greet-about-white)}.greet-about__pack-copy{display:grid;gap:12px;max-width:800px}.greet-about__pack-copy .greet-about__button{width:fit-content;margin-top:4px}.greet-about__pack-notes{display:grid;grid-template-columns:1fr 1fr;gap:10px}.greet-about__pack-notes span{display:grid;min-height:66px;place-items:center;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:#ffffff14;color:#ffffffe0;font-size:.82rem;font-weight:900;text-align:center}.greet-about__steps{display:grid;grid-template-columns:1fr;gap:12px;margin:18px 0 0;padding:0;list-style:none}.greet-about__steps li{border:1px solid var(--greet-about-line);border-radius:8px;background:#ffffffa3;padding:18px;box-shadow:0 12px 30px #2f3e2e14}.greet-about__steps span{display:inline-grid;width:32px;height:32px;place-items:center;margin-bottom:26px;border-radius:999px;background:var(--greet-about-orange);color:var(--greet-about-white);font-size:.88rem;font-weight:900}.greet-about__steps strong{display:block;color:var(--greet-about-green);font-size:1rem;line-height:1.2}.greet-about__note{display:grid;gap:18px;border-top:1px solid var(--greet-about-line);border-bottom:1px solid var(--greet-about-line);padding-block:26px}.greet-about__future{display:grid;gap:18px}.greet-about__final{display:grid;gap:18px;align-items:center;margin-top:34px;border-radius:8px 8px 0 0;background:var(--greet-about-orange);padding:26px 20px;color:var(--greet-about-white)}.greet-about__final .greet-about__eyebrow,.greet-about__final h2,.greet-about__final p{color:var(--greet-about-white)}.greet-about__final p{max-width:720px;margin-top:12px}.greet-about__final-actions{margin-top:0}@media(min-width:700px){.greet-about__shell{padding-inline:28px}.greet-about h1{font-size:4.45rem}.greet-about h2{font-size:2.6rem}.greet-about__lead{font-size:1.14rem}.greet-about__cards,.greet-about__steps{grid-template-columns:repeat(2,minmax(0,1fr))}.greet-about__final{grid-template-columns:minmax(0,1fr) auto;padding:32px}.greet-about__final-actions{justify-content:flex-end}}@media(min-width:990px){.greet-about__hero-grid{grid-template-columns:minmax(0,1fr) minmax(360px,.72fr);min-height:680px;padding-block:64px 54px}.greet-about h1{font-size:5.25rem}.greet-about__visual{min-height:500px}.greet-about__section{margin-block:42px}.greet-about__why,.greet-about__note,.greet-about__future{grid-template-columns:.78fr 1fr;gap:48px}.greet-about__cards{grid-template-columns:repeat(4,minmax(0,1fr))}.greet-about__pack{grid-template-columns:minmax(0,1fr) 330px;align-items:center;padding:34px}.greet-about__steps{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:699px){.greet-about__hero-grid{min-height:auto}.greet-about h1{font-size:2.82rem}.greet-about h2{font-size:2rem}.greet-about__visual{min-height:300px}.greet-about__actions,.greet-about__final-actions{flex-direction:column}.greet-about__button,.greet-about__text-link{width:100%}.greet-about__text-link{justify-content:center}.greet-about__story-card{width:min(48vw,154px)}.greet-about__pack{padding:22px 18px}}@media(hover:none),(pointer:coarse){.greet-about__button,.greet-about__card{-webkit-tap-highlight-color:rgba(199,123,88,.16);touch-action:manipulation}.greet-about__button:hover,.greet-about__card:hover{transform:none}}@media(prefers-reduced-motion:reduce){.greet-about *,.greet-about *:before,.greet-about *:after{animation:none!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/greet-about-mission.css.map */