.customer-story{background:var(--color-cream);color:var(--color-ink-soft);overflow-x:clip}.story-wrap{width:min(1120px,100% - 48px);margin-inline:auto}.story-kicker{font-family:var(--font-sans);letter-spacing:.17em;text-transform:uppercase;color:var(--color-gold-ink);font-size:11px;font-weight:600;line-height:1.7}.story-breadcrumb{font-family:var(--font-sans);color:var(--color-muted);justify-content:space-between;gap:20px;padding-top:24px;padding-bottom:24px;font-size:11px;display:flex}.story-breadcrumb a{text-underline-offset:5px;text-decoration:underline}.story-breadcrumb span{opacity:.7}.story-scene{isolation:isolate;position:relative}.story-art{z-index:-1;pointer-events:none;background-position:bottom;background-size:cover;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 14% 74%,#0000);mask-image:linear-gradient(#0000,#000 14% 74%,#0000)}.story-art-havn{background-image:url(/customer-cases/havn-illustration-v3.webp)}.story-art-epcon{background-image:url(/customer-cases/epcon-illustration-v3.webp)}.story-art-canine{background-image:url(/customer-cases/canine-illustration-v3.webp)}.story-title{font-family:var(--font-serif);letter-spacing:-.035em;font-size:clamp(64px,7.8vw,112px);font-weight:400;line-height:.96}.story-title em,.customer-story h2 em{font-weight:400}.story-quote{position:relative}.story-quote-mark{color:var(--color-gold);font:96px/.55 var(--font-serif);margin-bottom:15px;display:block}.story-quote p{font:italic 35px/1.25 var(--font-serif);letter-spacing:-.015em}.story-quote footer{font:11px/1.5 var(--font-sans);letter-spacing:.025em;flex-direction:column;gap:5px;margin-top:22px;display:flex}.story-quote footer span:first-child{font-weight:600}.story-quote footer span+span{opacity:.65}.story-photo{position:relative}.story-photo img{object-fit:cover;width:100%;height:100%;display:block}.story-photo figcaption{font:10px/1.5 var(--font-sans);opacity:.7;margin-top:12px}.customer-story h2{font:400 clamp(36px, 4.5vw, 62px)/1.03 var(--font-serif);letter-spacing:-.025em}.customer-story h3{font:400 27px/1.15 var(--font-serif)}.story-proof-copy>p:not(.story-kicker),.story-output-copy>p:not(.story-kicker),.story-canine-chapter p:not(.story-kicker){font:16px/1.8 var(--font-sans);max-width:520px;margin-top:22px}.story-footnote{opacity:.7;font:12px/1.8 var(--font-sans)!important}.story-havn-grid{display:grid}.story-havn-photo{border-radius:8px;position:relative}.story-havn-photo figcaption{color:#59554b}.story-havn-proof{display:grid}.story-proof-copy h2{margin-top:18px}.story-output{grid-template-columns:1fr 1fr;padding:90px 0;display:grid}.story-output h2{margin-top:18px}.story-post-mount{background:color-mix(in srgb, var(--color-cream-warm) 80%, transparent);border:1px solid color-mix(in srgb, var(--color-ink) 10%, transparent);border-radius:25px;justify-self:center;width:100%;max-width:360px;padding:22px;position:relative;box-shadow:0 18px 60px #3f453016}.story-mount-label{font:10px var(--font-sans);text-transform:uppercase;letter-spacing:.1em;opacity:.6;margin:0 0 18px;display:block}.story-epcon-hero{padding:45px 0 50px}.story-epcon-hero .story-art{opacity:.55}.story-canine-hero{padding:30px 0 70px}.story-canine-hero>.story-wrap>.story-kicker,.story-canine-hero>.story-wrap>.story-title{text-align:center;max-width:none}.story-canine-hero .story-title{margin:20px 0;font-size:clamp(64px,7.4vw,106px)}.story-canine-hero .story-art{opacity:.8;background-position:bottom}.story-canine-chapter{grid-template-columns:1.15fr .85fr;display:grid}.story-canine-chapter h2{margin-top:18px}.story-canine-ledger>div{border-bottom:1px solid color-mix(in srgb, var(--color-ink) 15%, transparent);justify-content:space-between;align-items:center;display:flex}.story-canine-ledger dt{font:13px var(--font-sans)}.story-canine-ledger dd{font:italic 57px var(--font-serif)}.story-workflow{grid-template-columns:1fr 1fr;gap:100px}.story-section-intro h2{margin:18px 0 22px}.story-section-intro>p:last-child{font:13px/1.8 var(--font-sans);max-width:350px;color:var(--color-muted)}.story-workflow ol{flex-direction:column}.story-workflow li{border-bottom:1px solid color-mix(in srgb, var(--color-ink) 10%, transparent);position:relative}.story-step{font:italic 31px var(--font-serif);color:var(--color-gold-ink);position:absolute;top:0;left:0}.story-workflow li p{font:13px/1.7 var(--font-sans);color:var(--color-muted);margin-top:10px}.story-cta{text-align:center;padding:100px 0 70px}.story-cta-star{font:55px var(--font-serif);color:var(--color-gold);margin-bottom:20px}.story-cta h2{margin-top:20px;font-size:clamp(56px,7vw,90px)}.story-cta>p:not(.story-kicker){font:17px var(--font-serif);margin-top:22px}.story-cta-input{max-width:520px;margin:30px auto 0}.story-next{grid-template-columns:1fr 1fr;display:grid}.story-next a{border-top:1px solid color-mix(in srgb, var(--color-ink) 15%, transparent);flex-direction:column;gap:15px;padding-top:25px;display:flex}.story-next span{font:10px var(--font-sans);text-transform:uppercase;letter-spacing:.12em;color:var(--color-muted)}.story-next strong{font:25px var(--font-serif)}.story-index-intro{text-align:center;padding:90px 0 105px}.story-index-intro .story-art{opacity:.45;-webkit-mask-image:linear-gradient(#0000,#000 35% 60%,#0000);mask-image:linear-gradient(#0000,#000 35% 60%,#0000)}.story-index-intro h1{font:400 clamp(54px, 6.5vw, 92px)/1.02 var(--font-serif);letter-spacing:-.035em;margin-top:20px}.story-index-intro>div>p:not(.story-kicker){font:20px/1.5 var(--font-serif);margin-top:25px}.story-index-end{text-align:center;padding:95px 0 75px}.story-index-end>span{color:var(--color-gold);font:45px var(--font-serif)}.story-index-end p{font:italic 33px var(--font-serif);margin-top:20px}.story-index-end a{font:12px var(--font-sans);text-underline-offset:6px;margin-top:25px;text-decoration:underline;display:inline-block}@media (max-width:850px){.story-havn-grid{gap:45px}.story-havn-grid .story-title{font-size:70px}.story-quote p{font-size:29px}.story-havn-proof,.story-output,.story-workflow,.story-canine-chapter{gap:45px}}@media (max-width:640px){.story-wrap{width:calc(100% - 40px)}.story-breadcrumb{padding:20px 0}.story-breadcrumb span{text-align:right;max-width:120px;font-size:9px}.story-title{font-size:67px}.story-havn-hero{padding:20px 0 35px}.story-havn-grid{grid-template-columns:1fr;gap:35px}.story-havn-grid .story-title{margin-bottom:35px;font-size:77px}.story-havn-photo{width:85%;margin-left:auto;padding:10px;transform:none}.story-havn-grid .story-quote p{font-size:29px}.story-havn-proof{grid-template-columns:1fr;gap:40px;padding:65px 0 20px}.story-output{grid-template-columns:1fr;gap:40px;padding:65px 0}.story-proof-copy>p:not(.story-kicker),.story-output-copy>p:not(.story-kicker),.story-canine-chapter p:not(.story-kicker){font-size:14px}.story-canine-hero{padding:20px 0 35px}.story-canine-hero .story-title{font-size:61px}.story-canine-chapter{grid-template-columns:1fr;gap:25px;padding:60px 0 10px}.story-canine-ledger dd{font-size:49px}.story-output-canine .story-post-mount{order:2;max-width:310px}.story-workflow{grid-template-columns:1fr;gap:35px;margin-top:35px;padding-top:55px}.story-cta{padding:70px 0 50px}.story-cta h2{font-size:66px}.story-next{gap:25px;padding:40px 0 55px}.story-next strong{font-size:21px}.story-index-intro{padding:60px 0 65px}.story-index-intro h1{font-size:53px}.story-index-intro>div>p:not(.story-kicker){font-size:18px}.story-index-end{padding:65px 0}.story-index-end p{font-size:28px}}.story-havn-hero .story-art:after{content:"";background:linear-gradient(90deg, var(--color-cream) 0%, color-mix(in srgb, var(--color-cream) 86%, transparent) 38%, transparent 75%);position:absolute;inset:0}@media (max-width:640px){.story-havn-hero .story-art:after{background:linear-gradient(var(--color-cream) 0%, color-mix(in srgb, var(--color-cream) 88%, transparent) 40%, transparent 80%)}}.story-native-star{object-fit:contain;width:100%;height:100%;display:block}.story-cta-star{width:64px;height:64px;margin-inline:auto;display:block}.story-index-end>span{width:46px;height:46px;display:block}.story-brand-decoration{object-fit:contain;opacity:.92;width:230px;height:260px;position:absolute;bottom:0;right:0}.story-art-canine .story-brand-decoration{width:220px;height:280px;left:0;right:auto}.story-art-epcon .story-brand-decoration{width:160px;height:210px}@media (max-width:640px){.story-havn-grid .story-title{font-size:53px}.story-brand-decoration{width:160px;height:200px}.story-art-canine .story-brand-decoration{width:160px;height:210px}}.story-visibility{border-bottom:1px solid color-mix(in srgb, var(--color-ink) 12%, transparent);grid-template-columns:1fr 1fr}.story-visibility h2{margin-top:20px}.story-visibility-ledger>div{border-bottom:1px solid color-mix(in srgb, var(--color-ink) 12%, transparent);grid-template-columns:1fr 1fr;gap:8px;display:grid}.story-visibility-ledger span{font:12px var(--font-sans);align-self:center}.story-visibility-ledger strong{text-align:right;font:italic 52px var(--font-serif)}.story-visibility-ledger small{font:11px var(--font-sans);opacity:.7;grid-column:1/-1}@media (max-width:760px){.story-visibility{grid-template-columns:1fr;gap:30px;padding:60px 0 30px}}.story-canine-hero .story-title{max-width:960px;margin-inline:auto}.story-index-compact .story-index-intro{align-items:center;min-height:440px;padding:90px 0 110px;display:flex}.story-index-compact .story-index-intro h1{margin-top:12px;font-size:clamp(35px,4vw,54px);line-height:1.04}.story-index-compact .story-index-intro>.story-wrap>p:not(.story-kicker){font:15px/1.6 var(--font-sans);margin-top:15px}.story-index-compact .story-index-intro .story-art{opacity:.76;background-position:50% 70%;-webkit-mask-image:linear-gradient(#0000,#000 8% 82%,#0000);mask-image:linear-gradient(#0000,#000 8% 82%,#0000)}.story-index-compact .story-index-intro:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 42%, color-mix(in srgb, var(--color-cream) 64%, transparent), transparent 72%);position:absolute;inset:0}.case-library{padding-top:18px}.case-library-controls{grid-template-columns:minmax(180px,1fr) minmax(160px,260px) auto;align-items:end;gap:16px;display:grid}.case-library-controls label{font:11px var(--font-sans);color:var(--color-muted);margin-bottom:7px;display:block}.case-library-controls input,.case-library-controls select{border:1px solid color-mix(in srgb, var(--color-ink) 18%, transparent);background:color-mix(in srgb, var(--color-cream-warm) 45%, var(--color-cream));width:100%;min-width:0;min-height:44px;font:13px var(--font-sans);color:var(--color-ink);border-radius:9px;padding:10px 12px}.case-library input:focus-visible,.case-library select:focus-visible,.case-library button:focus-visible,.case-card:focus-visible{outline:2px solid var(--color-gold-ink);outline-offset:3px}.case-library button{border:1px solid color-mix(in srgb, var(--color-ink) 18%, transparent);min-height:44px;font:12px var(--font-sans);color:var(--color-ink);cursor:pointer;background:var(--color-cream-warm);border-radius:9px;padding:10px 15px}.case-library button:disabled{opacity:.4;cursor:default}.case-result-count{font:11px var(--font-sans);color:var(--color-muted);margin:15px 0}.case-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.case-card{border:1px solid color-mix(in srgb, var(--color-ink) 13%, transparent);background:var(--color-cream-warm);color:var(--color-ink-soft);border-radius:13px;flex-direction:column;text-decoration:none;transition:transform .18s,box-shadow .18s;display:flex;overflow:hidden}.case-card:hover{transform:translateY(-3px);box-shadow:0 9px 24px #243b4312}.case-card-image{background:var(--color-cream);height:145px;overflow:hidden}.case-card-image img{object-fit:cover;width:100%;height:100%}.case-card-content{flex-direction:column;flex:1;min-width:0;padding:18px;display:flex}.case-card-industry{font:10px/1.5 var(--font-sans);color:var(--color-gold-ink);letter-spacing:.07em;text-transform:uppercase}.customer-story .case-card h2{font:500 23px/1.1 var(--font-serif);letter-spacing:-.015em;margin-top:7px}.case-card-outcome{font:italic 22px/1.15 var(--font-serif);margin-top:16px}.case-card-counts{font:11px/1.6 var(--font-sans);margin-top:12px}.case-card-period{font:10px/1.6 var(--font-sans);color:var(--color-muted);margin-top:6px}.case-card-note{font:10px/1.5 var(--font-sans);color:var(--color-muted);margin-top:8px}.case-card-read{font:11px var(--font-sans);justify-content:space-between;gap:8px;margin-top:auto;padding-top:16px;display:flex}.case-empty{text-align:center;border:1px dashed color-mix(in srgb, var(--color-ink) 20%, transparent);border-radius:13px;padding:45px 24px}.customer-story .case-empty h2{font-size:28px}.case-empty p{font:14px/1.6 var(--font-sans);margin:12px 0 20px}.case-pagination{font:12px var(--font-sans);justify-content:center;align-items:center;gap:18px;margin-top:25px;display:flex}.story-index-compact .story-index-end{padding:40px 0}.story-index-compact .story-index-end p{margin-top:12px;font-size:24px}.story-index-compact .story-index-end>span{width:28px;height:28px}.story-index-compact .story-index-end a{align-items:center;min-height:44px;margin-top:12px;display:inline-flex}.customer-story:not(.story-index) .story-title{font-size:clamp(46px,6vw,82px)}.customer-story:not(.story-index) h2{font-size:clamp(30px,3.5vw,45px)}.story-havn-grid .story-title{margin-bottom:28px}.story-quote p{font-size:29px}.story-visibility{padding-top:55px}.story-visibility-ledger strong{font-size:39px}.story-next{gap:15px;padding:25px 0 40px}.story-next a{min-height:60px;padding:17px 0}.story-next strong{font-size:21px}.story-translation{font:10px/1.5 var(--font-sans);opacity:.65}.customer-story{overflow-wrap:anywhere}@media (max-width:900px){.case-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.story-index-compact .story-index-intro{min-height:390px;padding:60px 0 86px}.story-index-compact .story-index-intro .story-art{background-position:58% bottom}.story-index-compact .story-index-intro h1{font-size:34px}.case-library-controls{grid-template-columns:1fr auto;gap:12px}.case-search{grid-column:1/-1}.case-library-controls select{font-size:12px}.case-card-grid{grid-template-columns:1fr;gap:12px}.case-card{grid-template-columns:96px minmax(0,1fr);display:grid}.case-card-image{height:100%;min-height:190px}.case-card-content{padding:13px}.customer-story .case-card h2{font-size:21px}.case-card-outcome{margin-top:10px;font-size:19px}.case-card-counts{margin-top:8px}.case-card-period{font-size:9px;line-height:1.6}.case-card-read{align-items:end;min-height:32px;padding-top:12px}.case-pagination{gap:10px}.customer-story:not(.story-index) .story-title{font-size:46px}.story-quote p{font-size:25px}.story-visibility{gap:24px;padding-top:40px}.story-canine-ledger dd{font-size:35px}.story-next{gap:15px}.story-next strong{font-size:18px}}@media (prefers-reduced-motion:reduce){.case-card{transition:none}.case-card:hover{transform:none}}.case-card-period,.case-card-note{font-size:11px}@media (max-width:600px){.case-card-period,.case-card-note{font-size:10px}}.story-visibility{background:color-mix(in srgb, var(--color-cream-warm) 85%, var(--color-gold) 15%);border-radius:26px;gap:54px;margin-top:60px;margin-bottom:66px;position:relative}.story-havn-storage .story-visibility{color:#f5f1e5;background:#243d39}.story-havn-storage .story-visibility .story-kicker{color:#e7be60}.story-havn-storage .story-visibility .story-footnote{color:#d2dcd4}.story-visibility-ledger{gap:20px}.story-visibility-ledger>div{border:1px solid;border-color:color-mix(in srgb, currentColor 16%, transparent);background:color-mix(in srgb, var(--color-cream) 6%, transparent);border-radius:14px;padding:22px}.story-visibility-ledger>div>span:first-child{font-size:12px}.story-visibility-ledger>div>strong{font-size:clamp(34px,3.6vw,48px)}.story-visibility-ledger>div>small{min-height:32px;line-height:1.5;display:block}.story-canine-behavior-academy .story-visibility{background:#77916715}.story-havn-proof{background:color-mix(in srgb, var(--color-cream-warm) 90%, transparent);border-radius:6px 48px 6px 6px;gap:64px;position:relative}.story-output{align-items:center;gap:88px;padding-top:70px;padding-bottom:80px}.story-output-copy h2{max-width:520px}.story-output .story-post-mount{border-radius:20px;padding:22px;position:relative;box-shadow:0 16px 48px #29261912}.story-output-canine .story-post-mount{background:#77916720;border-radius:70px 18px 18px;transform:none}.story-canine-chapter{align-items:center;gap:55px;padding:30px 0 60px;position:relative}.story-canine-ledger{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.story-canine-ledger>div{text-align:center;background:#77916718;border:0;border-radius:60px 60px 14px 14px;flex-direction:column-reverse;gap:12px;padding:25px 12px}.story-canine-ledger dt{font-size:11px;line-height:1.5}.story-canine-ledger dd{font-size:42px}.story-workflow{margin-top:20px;display:block}.story-workflow .story-section-intro{max-width:700px}.story-workflow ol{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.story-workflow li{min-width:0}.story-workflow .story-step{font:11px var(--font-sans);margin-bottom:18px;display:block}.story-workflow-icon{color:var(--color-ink-soft);justify-content:center;align-items:center;display:flex}.story-workflow h3{font-size:25px;line-height:1.2}.story-canine-behavior-academy .story-workflow li{border-radius:40px 14px 14px}.story-canine-behavior-academy .story-workflow-icon{background:#77916716}.story-epcon .story-workflow-icon{background:#78969e18;border-radius:6px}.story-cta{background:radial-gradient(ellipse at center, color-mix(in srgb, var(--color-gold) 9%, transparent), transparent 70%);margin-top:65px;padding-top:85px;padding-bottom:85px;position:relative}.story-index-compact .story-index-intro h1{max-width:880px;margin-inline:auto}@media (max-width:850px){.story-visibility{gap:32px;padding:32px}.story-canine-chapter{grid-template-columns:1fr}.story-canine-ledger{max-width:540px}.story-workflow li{padding:20px}}@media (max-width:600px){.story-visibility{border-radius:18px;margin-top:35px;margin-bottom:45px;padding:24px 18px}.story-visibility-ledger{gap:12px}.story-visibility-ledger>div{padding:16px 12px}.story-visibility-ledger>div>strong{font-size:34px}.story-havn-proof{gap:24px;padding:26px 20px}.story-output{gap:32px;padding-top:45px;padding-bottom:40px}.story-output .story-post-mount{padding:14px;transform:none}.story-canine-chapter{gap:25px;padding-top:15px;padding-bottom:40px}.story-canine-ledger{gap:8px}.story-canine-ledger dd{font-size:34px}.story-canine-ledger>div{padding:22px 8px}.story-workflow{padding-top:45px}.story-workflow ol{grid-template-columns:1fr;gap:14px}.story-workflow li{grid-template-columns:58px 1fr;gap:8px 18px;padding:22px;display:grid}.story-workflow .story-step{text-align:center;grid-column:1;margin:0}.story-workflow-icon{border-radius:10px;grid-area:2/1/4;height:68px;margin:0}.story-workflow h3{grid-area:1/2/3;font-size:23px}.story-workflow li p{grid-column:2;margin:0}.story-cta{margin-top:40px;padding-top:60px;padding-bottom:55px}}.story-workflow-link{font:12px var(--font-sans);text-underline-offset:5px;margin-bottom:10px;text-decoration:underline;display:inline-block}.story-havn-proof:after{content:"";pointer-events:none;opacity:.65;background:url(/decorations/shore-daisies.webp) 50%/contain no-repeat;width:105px;height:145px;position:absolute;bottom:-25px;right:-12px}.story-canine-chapter:after{content:"";pointer-events:none;opacity:.7;background:url(/decorations/bouquet.webp) 50%/contain no-repeat;width:90px;height:90px;position:absolute;top:-45px;right:-8px}@media (max-width:600px){.story-havn-proof:after{width:65px;height:95px;bottom:-20px;right:-5px}.story-canine-chapter:after{width:65px;height:65px;top:-35px}}.story-visibility-ledger>div+div{margin-top:14px}.story-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.story-visibility-ledger>.story-animated-ledger{background:0 0;border:0;margin:0;padding:0}.story-comparison-row+.story-comparison-row{border-top:1px solid color-mix(in srgb, currentColor 15%, transparent)}.story-comparison-heading{justify-content:space-between}.story-comparison-heading strong{font-variant-numeric:tabular-nums;font-size:clamp(36px,4vw,54px)}.story-comparison-heading .story-count-animation{font:inherit}.story-comparison-row small{font:11px/1.6 var(--font-sans);opacity:.8;margin-top:8px;display:block}.story-comparison-track{background:color-mix(in srgb, currentColor 12%, transparent);border-radius:3px;height:18px;margin-top:18px;display:block;overflow:hidden}.story-comparison-track i{transform-origin:0;background:var(--color-gold);border-radius:3px;min-width:2px;height:100%;display:block}.story-canine-behavior-academy .story-comparison-track i{background:#5b7a55}.story-havn-proof{grid-template-columns:.9fr 1.1fr;align-items:center;padding:40px}.story-measured-post{background:var(--color-cream);border-radius:18px;margin:0;overflow:hidden;transform:none;box-shadow:0 12px 36px #29261912}.story-measured-post-header{font:11px var(--font-sans);flex-wrap:wrap;justify-content:space-between;gap:6px 14px;padding:16px 18px;display:flex}.story-measured-post-header>span:first-child{font-weight:600}.story-measured-post>img{object-fit:contain;width:100%;height:auto;display:block}.story-measured-post figcaption{font:12px/1.6 var(--font-sans);padding:18px}.story-measured-post figcaption p{margin-top:8px}.story-measured-post figcaption strong{display:block}.story-epcon-post-proof .story-measured-post{transform:none}.story-measured-post figcaption a{text-underline-offset:4px;margin-top:14px;text-decoration:underline;display:inline-block}.story-post-results{grid-template-columns:1fr 1fr;gap:24px;margin-top:28px;display:grid}.story-post-results>div{border-top:1px solid color-mix(in srgb, var(--color-ink) 15%, transparent);flex-direction:column-reverse;gap:6px;padding-top:18px;display:flex}.story-post-results dt{font:12px/1.6 var(--font-sans)}.story-post-results dd{font:italic 60px/1.1 var(--font-serif)}.story-workflow{isolation:isolate;border-top:0;padding-top:70px;padding-bottom:36px;position:relative}.story-workflow:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(var(--color-cream), color-mix(in srgb, var(--color-cream) 82%, transparent), var(--color-cream)), url(/customer-cases/havn-illustration-v3.webp) center 70% / cover;opacity:.85;position:absolute;inset:0 -80px}.story-epcon .story-workflow:before{background-image:linear-gradient(var(--color-cream), color-mix(in srgb, var(--color-cream) 85%, transparent), var(--color-cream)), url(/customer-cases/epcon-illustration-v3.webp)}.story-canine-behavior-academy .story-workflow:before{background-image:linear-gradient(var(--color-cream), color-mix(in srgb, var(--color-cream) 84%, transparent), var(--color-cream)), url(/customer-cases/canine-illustration-v3.webp)}.story-workflow ol{gap:48px;margin-top:42px;position:relative}.story-workflow ol:before{content:"";border-top:1px solid color-mix(in srgb, var(--color-gold) 45%, transparent);z-index:-1;position:absolute;top:60px;left:12%;right:12%}.story-workflow li{background:0 0;border:0;border-radius:0;padding:0}.story-workflow li:nth-child(2){padding-top:24px}.story-workflow-icon{background:color-mix(in srgb, var(--color-cream) 86%, transparent);border:1px solid color-mix(in srgb, var(--color-gold) 28%, transparent);border-radius:50%;width:106px;height:106px;margin-bottom:22px;box-shadow:0 8px 25px #29261908}.story-workflow .story-step{background:var(--color-cream);border-radius:12px;padding:5px 7px;position:absolute;top:0;left:88px}.story-workflow li:nth-child(2) .story-step{top:24px}.story-workflow h3{margin-top:12px}.story-canine-behavior-academy .story-workflow-icon,.story-epcon .story-workflow-icon{background:color-mix(in srgb, var(--color-cream) 86%, transparent);border-radius:50%}@media (max-width:600px){.story-havn-proof{grid-template-columns:1fr;gap:28px;padding:22px 18px}.story-measured-post{transform:none}.story-post-results dd{font-size:48px}.story-comparison-heading strong{font-size:36px}.story-comparison-track{height:16px}.story-workflow ol{gap:28px}.story-workflow ol:before{border-top:0;border-left:1px solid color-mix(in srgb, var(--color-gold) 45%, transparent);inset:24px auto 48px 36px}.story-workflow li,.story-workflow li:nth-child(2){grid-template-columns:74px 1fr;gap:6px 18px;padding:0}.story-workflow-icon{grid-row:1/4;width:74px;height:74px;margin:0}.story-workflow .story-step,.story-workflow li:nth-child(2) .story-step{font-size:9px;position:absolute;top:-8px;left:55px}.story-workflow h3{grid-row:1;margin-top:0}.story-workflow li p{grid-column:2}}@media (prefers-reduced-motion:reduce){.story-comparison-track i{transition:none}}.story-caption-excerpt{font:10px/1.5 var(--font-sans);opacity:.7;margin-bottom:8px;display:block}.story-visibility{padding:36px 40px;display:block}.story-visibility>div:first-child{margin-bottom:20px}.story-visibility-ledger>.story-animated-ledger{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px;display:grid}.story-comparison-row{min-width:0;padding:0}.story-comparison-row+.story-comparison-row{border:0}.story-comparison-heading{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.story-comparison-heading>span{max-width:100%}.story-comparison-heading strong{text-align:left;width:100%;min-width:0}.story-comparison-row small{min-height:34px}.story-visibility-ledger>.story-footnote{margin-top:20px}@media (max-width:600px){.story-visibility{padding:24px 18px}.story-visibility-ledger>.story-animated-ledger{gap:18px}.story-comparison-heading strong{font-size:32px}.story-comparison-row small{min-height:45px;font-size:10px;line-height:1.5}.story-comparison-track{margin-top:10px}}.story-havn-hero{padding:34px 0 42px}.story-havn-hero .story-art{opacity:.24;background-position:bottom}.story-havn-hero .story-brand-decoration{display:none}.story-havn-grid{grid-template-columns:1.25fr .85fr;align-items:center;gap:72px}.story-havn-grid .story-title{margin:10px 0 22px;font-size:clamp(48px,5vw,68px);line-height:1.02}.story-havn-scope{font:11px/1.6 var(--font-sans);color:var(--color-muted);margin-bottom:28px}.story-havn-grid .story-quote{max-width:540px;margin-top:0}.story-havn-hero .story-quote-mark{display:none}.story-havn-grid .story-quote p{font-size:23px;line-height:1.45}.story-havn-grid .story-quote footer{margin-top:14px}.story-havn-photo{box-shadow:none;background:0 0;width:100%;max-width:400px;margin-left:auto;padding:0;transform:none}.story-havn-photo .story-photo img{aspect-ratio:4/5;border-radius:16px}.story-havn-photo figcaption{display:none}@media (max-width:850px){.story-havn-grid{gap:38px}}@media (max-width:600px){.story-havn-hero{padding:20px 0 30px}.story-havn-grid{grid-template-columns:1fr;gap:28px}.story-havn-grid .story-title{margin-bottom:18px;font-size:46px}.story-havn-scope{margin-bottom:22px}.story-havn-grid .story-quote p{font-size:22px}.story-havn-photo{width:100%;max-width:none;margin:0}.story-havn-photo .story-photo img{aspect-ratio:4/3;object-position:center 75%}}.story-workflow-full{border:0;width:100%;max-width:none;margin:40px 0 0;padding:78px 0 92px}.story-workflow-full:before{display:none}.story-workflow-full .story-workflow-art{z-index:-1;pointer-events:none;background-image:linear-gradient(to bottom, var(--color-cream), color-mix(in srgb, var(--color-cream) 60%, transparent) 18%, color-mix(in srgb, var(--color-cream) 68%, transparent) 78%, var(--color-cream)), var(--story-workflow-painting);background-position:50% 70%;background-size:cover;position:absolute;inset:0}.story-workflow-full .story-section-intro{max-width:760px}.story-workflow-full ol{grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;margin-top:40px}.story-workflow-full ol:before{left:5%;right:13%}.story-workflow-full li:nth-child(4){padding-top:24px}.story-workflow-full li:nth-child(4) .story-step{top:24px}.story-workflow-full li:nth-child(4) .story-workflow-icon{background:color-mix(in srgb, var(--color-gold) 16%, var(--color-cream))}.story-workflow-full li p{color:var(--color-ink-soft);font-size:13px;line-height:1.7}@media (max-width:900px) and (min-width:601px){.story-workflow-full ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 36px}.story-workflow-full ol:before{display:none}.story-workflow-full li:nth-child(2),.story-workflow-full li:nth-child(4){padding-top:0}.story-workflow-full li:nth-child(2) .story-step,.story-workflow-full li:nth-child(4) .story-step{top:0}}@media (max-width:600px){.story-workflow-full{margin-top:24px;padding:52px 0 64px}.story-workflow-full .story-workflow-art{background-position:bottom;background-image:linear-gradient(var(--color-cream), color-mix(in srgb, var(--color-cream) 72%, transparent) 14%, color-mix(in srgb, var(--color-cream) 76%, transparent) 88%, var(--color-cream)), var(--story-workflow-painting)}.story-workflow-full ol{grid-template-columns:1fr;gap:30px;margin-top:32px}.story-workflow-full ol:before{left:36px;right:auto}.story-workflow-full li:nth-child(4){padding:0}.story-workflow-full li:nth-child(4) .story-step{top:-8px}}.story-clean-hero{text-align:left;padding:34px 0 42px}.story-clean-hero .story-art{opacity:.24;background-position:bottom}.story-clean-hero .story-brand-decoration{display:none}.story-clean-grid{grid-template-columns:1.25fr .85fr;align-items:center;gap:72px;display:grid}.story-clean-hero .story-title{letter-spacing:-.035em;margin:10px 0 22px;font-size:clamp(48px,5vw,68px);line-height:1.02}.story-clean-scope{font:11px/1.7 var(--font-sans);color:var(--color-muted);margin-bottom:26px}.story-clean-hero .story-quote{max-width:540px;margin-top:0}.story-clean-hero .story-quote-mark{display:none}.story-clean-hero .story-quote p{font-size:23px;line-height:1.45}.story-clean-hero .story-quote footer{margin-top:14px}.story-clean-photo{width:100%;max-width:400px;margin-left:auto;transform:none}.story-clean-photo .story-photo img{aspect-ratio:4/5;object-fit:cover;border-radius:16px;transform:none}.story-clean-photo figcaption{display:none}.story-canine-behavior-academy .story-post-mount{border-radius:18px;transform:none}.story-canine-behavior-academy .story-clean-photo,.story-canine-behavior-academy .story-quote{transform:none}@media (max-width:850px){.story-clean-grid{gap:38px}}@media (max-width:600px){.story-clean-hero{padding:20px 0 30px}.story-clean-grid{grid-template-columns:1fr;gap:28px}.story-clean-hero .story-title{margin-bottom:18px;font-size:43px}.story-clean-scope{margin-bottom:22px}.story-clean-hero .story-quote p{font-size:22px}.story-clean-photo{max-width:none;margin:0}.story-clean-photo .story-photo img{aspect-ratio:4/3;object-position:center 45%}}.dark .customer-story .story-art{opacity:1}.dark .customer-story .story-art:after{content:"";position:absolute;inset:0}.dark .story-index-compact .story-index-intro:after{background:radial-gradient(ellipse at 50% 42%, color-mix(in srgb, var(--color-cream) 45%, transparent), transparent 72%)}.dark .customer-story .story-visibility,.dark .customer-story .story-havn-proof,.dark .customer-story .story-post-mount,.dark .customer-story .story-canine-ledger>div{background:var(--color-cream-warm);color:var(--color-ink-soft);box-shadow:inset 0 0 0 1px #c3d2f029,0 20px 48px -28px #0009}.dark .customer-story .story-visibility .story-kicker{color:var(--color-gold)}.dark .customer-story .story-visibility .story-footnote{color:var(--color-muted)}.dark .customer-story .story-comparison-track{background:#3b4660}.dark .customer-story .story-comparison-track i{background:var(--color-gold)}.dark .customer-story .story-comparison-row:first-child .story-comparison-track i{background:#c5cfe3}.dark .customer-story .story-measured-post{background:var(--color-paper);color:var(--color-ink-soft);box-shadow:0 0 0 1px #c3d2f02e,0 16px 40px -24px #000000a6}.dark .customer-story .story-measured-post-header,.dark .customer-story .story-measured-post figcaption{background:var(--color-paper)}.dark .customer-story .story-measured-post figcaption a{color:var(--color-gold)}.dark .customer-story .story-workflow-icon{background:var(--color-paper);color:var(--color-ink);box-shadow:inset 0 1px #cddcfa1f,0 10px 26px -16px #000}.dark .customer-story .story-step{background:var(--color-cream-warm);color:var(--color-gold)}.dark .customer-story .case-card{background:var(--color-cream-warm);border-color:#c3d2f02e}.dark .customer-story .case-card:hover,.dark .customer-story .case-card:focus-visible{border-color:var(--color-gold)}.dark .customer-story .story-havn-photo{background:0 0}.dark .customer-story .story-photo figcaption,.dark .customer-story .story-quote footer span+span,.dark .customer-story .story-caption-excerpt,.dark .customer-story .case-card-period{color:var(--color-muted);opacity:1}.dark .customer-story img{filter:none}@media (max-width:600px){.dark .customer-story .story-clean-hero .story-art:after,.dark .customer-story .story-havn-hero .story-art:after{background:linear-gradient(var(--color-cream), color-mix(in srgb, var(--color-cream) 94%, transparent) 40%, color-mix(in srgb, var(--color-cream) 55%, transparent) 70%, color-mix(in srgb, var(--color-cream) 25%, transparent))}.dark .customer-story .story-workflow-full .story-workflow-art{background-image:linear-gradient(var(--color-cream), color-mix(in srgb, var(--color-cream) 86%, transparent) 14%, color-mix(in srgb, var(--color-cream) 82%, transparent) 88%, var(--color-cream)), var(--story-workflow-painting)}}.customer-story{--story-workflow-painting:image-set(url(/customer-cases/native-workflow-shore-v1.avif) type("image/avif"), url(/customer-cases/native-workflow-shore-v1.webp) type("image/webp"))}.dark .customer-story{--story-workflow-painting:image-set(url(/customer-cases/native-workflow-shore-night-v1.avif) type("image/avif"), url(/customer-cases/native-workflow-shore-night-v1.webp) type("image/webp"))}.customer-story .story-art-havn{--story-day-painting:image-set(url(/customer-cases/havn-illustration-v3.avif) type("image/avif"), url(/customer-cases/havn-illustration-v3.webp) type("image/webp"));--story-night-painting:image-set(url(/customer-cases/havn-illustration-night-v1.avif) type("image/avif"), url(/customer-cases/havn-illustration-night-v1.webp) type("image/webp"))}.customer-story .story-art-epcon{--story-day-painting:image-set(url(/customer-cases/epcon-illustration-v3.avif) type("image/avif"), url(/customer-cases/epcon-illustration-v3.webp) type("image/webp"));--story-night-painting:image-set(url(/customer-cases/epcon-illustration-night-v1.avif) type("image/avif"), url(/customer-cases/epcon-illustration-night-v1.webp) type("image/webp"))}.customer-story .story-art-canine{--story-day-painting:image-set(url(/customer-cases/canine-illustration-v3.avif) type("image/avif"), url(/customer-cases/canine-illustration-v3.webp) type("image/webp"));--story-night-painting:image-set(url(/customer-cases/canine-illustration-night-v1.avif) type("image/avif"), url(/customer-cases/canine-illustration-night-v1.webp) type("image/webp"))}.customer-story .story-art{background-image:var(--story-day-painting)}.dark .customer-story .story-art{background-image:var(--story-night-painting)}.dark .customer-story .story-art:after{background:linear-gradient(90deg, var(--color-cream), color-mix(in srgb, var(--color-cream) 80%, transparent) 28%, color-mix(in srgb, var(--color-cream) 30%, transparent) 53%, transparent)}.dark .story-index-compact .story-index-intro .story-art:after{background:linear-gradient(180deg, color-mix(in srgb, var(--color-cream) 12%, transparent), color-mix(in srgb, var(--color-cream) 28%, transparent) 48%, transparent)}.dark .customer-story .story-workflow-full .story-workflow-art{background-image:linear-gradient(to bottom, var(--color-cream), color-mix(in srgb, var(--color-cream) 32%, transparent) 18%, color-mix(in srgb, var(--color-cream) 42%, transparent) 78%, var(--color-cream)), var(--story-workflow-painting)}@media (max-width:600px){.dark .customer-story .story-clean-hero .story-art:after,.dark .customer-story .story-havn-hero .story-art:after{background:linear-gradient(var(--color-cream), color-mix(in srgb, var(--color-cream) 85%, transparent) 40%, color-mix(in srgb, var(--color-cream) 35%, transparent) 70%, transparent)}.dark .customer-story .story-workflow-full .story-workflow-art{background-image:linear-gradient(var(--color-cream), color-mix(in srgb, var(--color-cream) 50%, transparent) 14%, color-mix(in srgb, var(--color-cream) 55%, transparent) 88%, var(--color-cream)), var(--story-workflow-painting)}}.customer-story .story-customer-identity{font:600 15px/1.5 var(--font-sans);color:var(--color-ink-soft);margin:10px 0 14px}.customer-story:not(.story-index) :is(.story-havn-grid,.story-clean-grid) .story-outcome-title{font:400 clamp(40px, 4.2vw, 60px)/1.08 var(--font-serif);letter-spacing:-.035em;text-wrap:balance;overflow-wrap:anywhere;max-width:650px;margin:0 0 22px}.customer-story .story-post-mount article,.customer-story .story-post-mount article img,.customer-story .story-measured-post,.customer-story .story-photo,.customer-story .story-photo img{transform:rotate(0)}@media (max-width:600px){.customer-story:not(.story-index) :is(.story-havn-grid,.story-clean-grid) .story-outcome-title{margin-bottom:18px;font-size:38px;line-height:1.08}.customer-story .story-customer-identity{margin-bottom:12px;font-size:14px}}@media (min-width:901px){.customer-story .story-workflow-full ol{grid-template-rows:106px auto auto;row-gap:0}.customer-story .story-workflow-full li,.customer-story .story-workflow-full li:nth-child(2),.customer-story .story-workflow-full li:nth-child(4){grid-row:span 3;grid-template-rows:subgrid;padding-top:0;display:grid}.customer-story .story-workflow-full .story-workflow-icon{margin-bottom:0}.customer-story .story-workflow-full h3{margin:22px 0 10px}.customer-story .story-workflow-full .story-step,.customer-story .story-workflow-full li:nth-child(2) .story-step,.customer-story .story-workflow-full li:nth-child(4) .story-step{top:0}.customer-story .story-workflow-full ol:before{top:53px;left:53px;right:calc(25% - 77px)}}.customer-story.story-epcon .story-clean-grid .story-quote-headline{text-wrap:pretty;margin-bottom:24px;font-size:clamp(32px,3.05vw,44px);line-height:1.18}.story-quote-credit{font:11px/1.6 var(--font-sans);flex-direction:column;gap:5px;display:flex}.story-quote-credit strong{font-weight:600}.story-quote-credit span,.story-quote-credit small{color:var(--color-muted)}.story-epcon-results .story-animated-total h2{text-wrap:balance;max-width:780px;font-size:clamp(34px,4vw,52px);line-height:1.1}.story-epcon-results .story-clean-scope{margin:18px 0 26px}.story-total-track{background:color-mix(in srgb, var(--color-ink) 12%, transparent);border-radius:4px;width:100%;height:12px;overflow:hidden}.story-total-track i{background:var(--color-gold);transform-origin:0;width:100%;height:100%;display:block}.story-result-support{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:28px;display:grid}.story-result-support>div{flex-direction:column-reverse;gap:7px;display:flex}.story-result-support dt{font:12px/1.5 var(--font-sans)}.story-result-support dd{font:400 34px/1.1 var(--font-serif)}.dark .customer-story .story-total-track{background:#3b4660}@media (max-width:600px){.customer-story.story-epcon .story-clean-grid .story-quote-headline{font-size:31px;line-height:1.18}.story-epcon-results .story-animated-total h2{font-size:32px}.story-result-support{gap:14px}.story-result-support dd{font-size:30px}}@media (prefers-reduced-motion:reduce){.story-total-track i{transform:scaleX(1)!important}}
