:root{--ink:#171714;--muted:#5f5a50;--paper:#f2efe7;--orange:#ee6a32;--blue:#dde7f0;--mint:#dce9e5;--peach:#f1d8cc;--yellow:#efe5b9;--rose:#e8d7dd;--line:rgba(23,23,20,.18);--header-h:74px;--ease:cubic-bezier(.16,1,.3,1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:"Arial Narrow","Helvetica Neue",Arial,sans-serif;text-rendering:geometricPrecision;overflow-x:hidden}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit}.skip-link{position:fixed;left:16px;top:16px;z-index:100;transform:translateY(-140%);padding:10px 14px;background:var(--ink);color:var(--paper)}.skip-link:focus{transform:translateY(0)}.site-header{position:fixed;inset:0 0 auto;z-index:50;height:var(--header-h);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 clamp(18px,3vw,44px);mix-blend-mode:multiply;pointer-events:none}.site-header>*{pointer-events:auto}.brand,.nav-cta,.main-nav a,.section-kicker,.eyebrow,.scene-number,.story-counter,figcaption,.tiny-copy{font-size:12px;line-height:1;letter-spacing:.08em;text-transform:uppercase;font-weight:800}.brand{justify-self:start}.main-nav{display:flex;gap:clamp(16px,2.4vw,34px);justify-content:center}.main-nav a,.nav-cta,.primary-link{position:relative}.main-nav a:after,.nav-cta:after,.primary-link:after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .35s var(--ease)}.main-nav a:hover:after,.nav-cta:hover:after,.primary-link:hover:after,.main-nav a:focus-visible:after,.nav-cta:focus-visible:after,.primary-link:focus-visible:after{transform:scaleX(1);transform-origin:left}.nav-cta{justify-self:end}.hero{min-height:100svh;position:relative;display:grid;align-items:center;overflow:hidden;padding:calc(var(--header-h) + 28px) clamp(18px,4vw,64px) 72px}.hero:after{content:"";position:absolute;left:6vw;right:8vw;bottom:28px;border-bottom:1px solid var(--line)}.hero-copy{position:relative;z-index:3;max-width:920px}.eyebrow{margin:0 0 26px}h1,h2,h3,p{margin-top:0}h1{margin-bottom:22px;font-family:Impact,"Arial Black",sans-serif;font-size:clamp(82px,13.6vw,238px);line-height:.9;text-transform:uppercase;font-weight:900}h1 span{display:block}.hero-lead{width:min(470px,78vw);font-size:clamp(22px,2.4vw,38px);line-height:1.04;font-weight:800}.primary-link{display:inline-block;margin-top:18px;font-size:clamp(14px,1.2vw,18px);font-weight:900;line-height:1;text-transform:uppercase;letter-spacing:.03em}.hero-dog{position:absolute;right:clamp(8px,6vw,112px);bottom:0;width:min(38vw,580px);margin:0;z-index:2}.hero-dog img{aspect-ratio:4/5;width:100%;height:auto;object-fit:cover;filter:saturate(.92) contrast(1.03);clip-path:polygon(7% 0,100% 6%,92% 100%,0 93%)}.hero-note{position:absolute;z-index:4;max-width:190px;font-size:13px;line-height:1.15;font-weight:800;text-transform:uppercase}.note-one{right:40vw;bottom:16vh;transform:rotate(-7deg)}.note-two{right:13vw;top:18vh;transform:rotate(8deg)}.tag{--tag-size:220px;position:relative;width:var(--tag-size);height:var(--tag-size);flex:0 0 auto;filter:drop-shadow(0 28px 34px rgba(23,23,20,.16))}.tag-product{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:contain}.tag-loop,.tag:before{display:none}.tag-face{z-index:1;position:absolute;left:28%;right:28%;top:73%;height:24%;display:grid;place-items:center;align-content:center;gap:4px;overflow:hidden;border:0;border-radius:50%;background:transparent;transform:translateY(-50%);mix-blend-mode:multiply}.tag-face img{width:34%;max-height:42%;object-fit:contain;opacity:.92;filter:contrast(1.12)}.tag-name{display:block;max-width:82%;font-family:Impact,"Arial Black",sans-serif;font-size:calc(var(--tag-size)*.105);line-height:.9;text-align:center;color:#171714}.tag-line{font-size:calc(var(--tag-size)*.036);font-weight:900;text-transform:uppercase}.tag--hero{--tag-size:clamp(300px,28vw,470px);position:absolute;right:26vw;top:42%;z-index:5;transform:rotate(-9deg)}.manifesto{min-height:80vh;display:grid;align-content:center;gap:24px;padding:12vh clamp(20px,8vw,128px);background:#fffaf0}.manifesto h2,.process-section h2,.benefits-section h2,.qr-section h2,.quiet-section h2,.final-cta h2{max-width:1150px;font-family:Impact,"Arial Black",sans-serif;font-size:clamp(60px,10vw,176px);line-height:.85;text-transform:uppercase}.manifesto p:last-child{max-width:520px;font-size:clamp(22px,2vw,34px);line-height:1.1;font-weight:700}.story-section{position:relative;background:var(--paper);transition:background-color .55s var(--ease)}.story-intro{position:absolute;top:7vh;left:clamp(18px,4vw,64px);z-index:4;width:min(430px,58vw);pointer-events:none}.story-intro h2{font-size:clamp(24px,2.8vw,46px);line-height:.95;text-transform:uppercase}.story-pin{position:sticky;top:0;height:100svh;overflow:hidden}.story-viewport{height:100%;overflow:hidden}.story-viewport:focus{outline:1px solid var(--ink);outline-offset:-8px}.story-canvas{display:flex;height:100%;width:max-content;will-change:transform}.dog-scene{position:relative;width:100vw;min-width:100vw;height:100%;overflow:hidden;background:var(--scene-bg)}.ghost-type{position:absolute;left:4vw;top:12vh;margin:0;z-index:1;font-family:Impact,"Arial Black",sans-serif;font-size:clamp(110px,22vw,350px);line-height:.8;color:rgba(23,23,20,.075);text-transform:uppercase;white-space:nowrap}.dog-photo{position:absolute;z-index:2;margin:0;width:clamp(330px,39vw,680px)}.dog-photo img{width:100%;aspect-ratio:4/5;object-fit:cover;filter:saturate(.94) contrast(1.02)}.dog-copy{position:absolute;z-index:3;width:min(390px,34vw)}.dog-copy h3{margin:0;font-family:Impact,"Arial Black",sans-serif;font-size:clamp(58px,8vw,140px);line-height:.8;text-transform:uppercase}.dog-copy .breed{margin:10px 0 24px;font-size:15px;line-height:1;text-transform:uppercase;font-weight:900}.dog-copy p:not(.breed):not(.scene-number):not(.tiny-copy){font-size:clamp(20px,2vw,34px);line-height:1.02;font-weight:800}.scene-number{margin-bottom:18px}.tag--story{--tag-size:clamp(260px,23vw,430px);position:absolute;z-index:4}.scene-one .dog-photo{left:9vw;bottom:0}.scene-one .dog-copy{right:12vw;top:28vh}.scene-one .tag--story{right:18vw;bottom:9vh;transform:rotate(8deg)}.scene-two .dog-photo{left:25vw;bottom:-9vh;width:clamp(460px,47vw,820px)}.scene-two .dog-photo img{aspect-ratio:5/4}.scene-two .dog-copy{left:8vw;top:29vh}.scene-two .tag--story{right:11vw;top:19vh;transform:rotate(-12deg)}.scene-three .dog-photo{right:10vw;top:15vh;width:clamp(360px,34vw,620px)}.scene-three .dog-copy{left:10vw;bottom:16vh}.scene-three .tag--story{left:42vw;top:20vh;transform:rotate(7deg)}.scene-four .dog-photo{left:9vw;top:15vh;width:clamp(310px,31vw,540px)}.scene-four .dog-copy{right:18vw;top:22vh}.scene-four .tag--giant{--tag-size:clamp(420px,40vw,720px);right:-8vw;bottom:-7vh;transform:rotate(-10deg)}.scene-five .dog-photo{left:44vw;bottom:12vh;width:clamp(430px,44vw,780px)}.scene-five .dog-photo img{aspect-ratio:16/10}.scene-five .dog-copy{left:8vw;top:24vh}.scene-five .tag--story{left:29vw;bottom:14vh;transform:rotate(11deg)}.scene-six .dog-photo{left:8vw;bottom:0;width:clamp(330px,35vw,640px)}.scene-six .dog-copy{right:8vw;top:19vh}.scene-six .tag--story{right:22vw;bottom:8vh;transform:rotate(-4deg)}.archie-flow{position:absolute;left:42vw;top:25vh;z-index:4;display:grid;grid-template-columns:auto 70px auto 70px auto;align-items:center;gap:12px;font-size:12px;font-weight:900;text-transform:uppercase}.archie-flow img{width:118px}.flow-line{display:block;height:1px;background:var(--ink)}.tiny-copy{margin-top:18px}.story-meta{position:absolute;left:clamp(18px,4vw,64px);right:clamp(18px,4vw,64px);bottom:28px;z-index:9;display:flex;align-items:center;gap:18px;pointer-events:none}.story-rule{position:relative;flex:1;height:1px;background:rgba(23,23,20,.2)}.story-rule:after{content:"";position:absolute;inset:0 auto 0 0;width:calc(var(--story-progress,0)*100%);background:var(--ink)}.process-section{min-height:105vh;display:grid;grid-template-columns:minmax(260px,.7fr) 1.3fr;gap:6vw;align-items:center;padding:13vh clamp(20px,6vw,96px);background:#fbf8ee}.process-copy{align-self:start;position:sticky;top:18vh}.process-copy p:not(.section-kicker){max-width:440px;font-size:clamp(19px,1.7vw,28px);line-height:1.12;font-weight:700}.process-visual{min-height:80vh;display:grid;grid-template-columns:1fr auto .76fr auto .82fr;align-items:center;gap:clamp(16px,2vw,30px)}.process-visual figure{margin:0}.process-visual figure:first-child{align-self:end}.process-visual figure:first-child img{aspect-ratio:4/5;width:100%;object-fit:cover;clip-path:polygon(0 6%,94% 0,100% 91%,7% 100%)}.line-card{align-self:start;padding-top:15vh}.line-card img{width:min(260px,18vw)}figcaption{margin-top:12px}.process-arrow{font-size:clamp(36px,4vw,64px);font-weight:900}.tag--process{--tag-size:clamp(270px,26vw,470px);align-self:center;transform:rotate(8deg)}.benefits-section{position:relative;min-height:130vh;padding:13vh clamp(20px,6vw,96px);background:var(--mint);overflow:hidden}.benefits-section h2{width:min(1040px,92vw)}.benefit{position:absolute;width:min(420px,35vw)}.benefit h3{margin:0 0 8px;font-family:Impact,"Arial Black",sans-serif;font-size:clamp(58px,8vw,138px);line-height:.82;text-transform:uppercase}.benefit p{font-size:clamp(18px,1.7vw,28px);line-height:1.1;font-weight:800}.benefit-one{left:8vw;bottom:34vh}.benefit-two{right:9vw;top:38vh}.benefit-three{left:32vw;bottom:12vh}.benefit-four{right:8vw;bottom:9vh}.qr-section{min-height:110vh;display:grid;grid-template-columns:.95fr .9fr .65fr;gap:4vw;align-items:center;padding:12vh clamp(20px,6vw,96px);background:var(--peach);perspective:1300px}.qr-copy p:not(.section-kicker){max-width:420px;font-size:clamp(20px,1.9vw,31px);line-height:1.08;font-weight:800}.flip-tag{width:min(38vw,550px);aspect-ratio:1;border:0;padding:0;background:transparent;cursor:pointer;perspective:1200px}.flip-tag:focus-visible{outline:2px solid var(--ink);outline-offset:8px}.flip-inner{position:relative;display:block;width:100%;height:100%;transform-style:preserve-3d;transform:rotateY(var(--flip-rotation,0deg));transition:transform .8s var(--ease)}.flip-tag.is-flipped .flip-inner{transform:rotateY(180deg)}.flip-inner img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;backface-visibility:hidden;filter:drop-shadow(0 34px 38px rgba(23,23,20,.14))}.flip-back{transform:rotateY(180deg)}.phone-card{align-self:center;max-width:330px;min-height:570px;display:grid;align-content:start;gap:14px;padding:26px 22px;border:3px solid var(--ink);border-radius:34px;background:#fffaf4;box-shadow:18px 18px 0 rgba(23,23,20,.08)}.phone-bar{width:82px;height:6px;margin:0 auto 38px;border-radius:999px;background:var(--ink)}.phone-card h3{margin:0;font-family:Impact,"Arial Black",sans-serif;font-size:58px;line-height:.9}.phone-card p{font-weight:900;text-transform:uppercase}.phone-card a,.phone-card span{display:block;padding:17px 0;border-top:1px solid var(--line);font-size:18px;font-weight:800}.phone-card a{color:var(--orange)}.quiet-section{min-height:100vh;display:grid;grid-template-columns:1.2fr .8fr;gap:6vw;align-items:center;padding:12vh clamp(20px,6vw,96px);background:#f7f3e8}.quiet-section figure{margin:0}.quiet-section img{width:100%;aspect-ratio:16/10;object-fit:cover;clip-path:polygon(4% 0,100% 5%,95% 100%,0 92%)}.quiet-section h2{font-size:clamp(54px,7.8vw,142px)}.quiet-section p{max-width:390px;font-size:clamp(20px,1.8vw,30px);line-height:1.08;font-weight:800}.final-cta{position:relative;min-height:100vh;display:grid;align-content:center;justify-items:start;overflow:hidden;padding:13vh clamp(20px,8vw,128px);background:var(--blue)}.final-cta h2{position:relative;z-index:2}.final-cta p:not(.section-kicker){position:relative;z-index:2;max-width:500px;font-size:clamp(22px,2vw,34px);line-height:1.08;font-weight:800}.floating-tags{position:absolute;inset:0;pointer-events:none}.mini-tag{--tag-size:clamp(180px,16vw,320px);position:absolute;opacity:.95}.mini-tag.one{right:17vw;top:14vh;transform:rotate(13deg)}.mini-tag.two{right:6vw;bottom:18vh;transform:rotate(-10deg)}.mini-tag.three{left:48vw;bottom:9vh;transform:rotate(6deg)}.site-footer{display:flex;justify-content:space-between;gap:20px;padding:28px clamp(20px,4vw,64px);background:var(--ink);color:var(--paper);font-weight:800;text-transform:uppercase}.site-footer p{margin:0}@media(max-width:1024px){.site-header{grid-template-columns:auto 1fr auto}.main-nav{display:none}.hero-lead{width:min(330px,42vw)}.hero-dog{right:-4vw;width:min(48vw,520px)}.tag--hero{right:33vw}.process-section,.qr-section,.quiet-section{grid-template-columns:1fr}.process-copy{position:relative;top:auto}.process-visual{min-height:55vh}.qr-section{justify-items:start}.flip-tag{width:min(72vw,520px)}.phone-card{justify-self:end;margin-top:-190px}}@media(max-width:760px){:root{--header-h:62px}.site-header{mix-blend-mode:normal;background:rgba(242,239,231,.74);backdrop-filter:blur(12px)}.brand,.nav-cta{font-size:11px}.hero{min-height:96svh;align-items:start;padding-top:calc(var(--header-h) + 26px)}h1{font-size:clamp(66px,21vw,100px)}.nav-cta{display:none}.hero-lead{width:74vw}.hero-dog{width:70vw;right:-14vw;bottom:4vh}.tag--hero{--tag-size:205px;right:auto;left:28px;top:auto;bottom:9vh}.hero-note{display:none}.manifesto,.process-section,.benefits-section,.qr-section,.quiet-section,.final-cta{padding-left:20px;padding-right:20px}.story-section{height:auto!important;padding:96px 0 56px}.story-intro{position:relative;top:auto;left:auto;width:auto;padding:0 20px 24px}.story-pin{position:relative;height:auto;overflow:visible}.story-viewport{height:auto;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;touch-action:pan-y;padding:0 20px 26px}.story-viewport::-webkit-scrollbar{display:none}.story-canvas{width:max-content;height:auto;transform:none!important;gap:18px}.dog-scene{min-width:86vw;width:86vw;min-height:74svh;height:auto;scroll-snap-align:center}.ghost-type{left:20px;top:26px;font-size:clamp(72px,27vw,120px)}.dog-photo,.scene-one .dog-photo,.scene-two .dog-photo,.scene-three .dog-photo,.scene-four .dog-photo,.scene-five .dog-photo,.scene-six .dog-photo{position:relative;inset:auto;width:78%;margin:88px auto 0}.dog-photo img,.scene-two .dog-photo img,.scene-five .dog-photo img{aspect-ratio:4/5}.dog-copy,.scene-one .dog-copy,.scene-two .dog-copy,.scene-three .dog-copy,.scene-four .dog-copy,.scene-five .dog-copy,.scene-six .dog-copy{position:relative;inset:auto;width:auto;padding:28px 22px 220px}.dog-copy h3{font-size:clamp(54px,18vw,86px)}.tag--story,.scene-one .tag--story,.scene-two .tag--story,.scene-three .tag--story,.scene-four .tag--story,.scene-five .tag--story,.scene-six .tag--story{--tag-size:205px;position:absolute;right:22px;bottom:28px;left:auto;top:auto}.scene-four .tag--giant{--tag-size:185px}.archie-flow{left:20px;top:auto;bottom:190px;grid-template-columns:auto 34px auto;max-width:240px}.archie-flow span:last-child,.archie-flow .flow-line:nth-of-type(2){display:none}.archie-flow img{width:78px}.story-meta{left:20px;right:20px;bottom:6px}.process-visual{grid-template-columns:1fr;align-items:start}.process-arrow{line-height:1}.line-card{padding-top:0}.line-card img{width:210px}.benefits-section{min-height:auto}.benefit{position:relative;inset:auto;width:auto;margin-top:44px}.qr-section{min-height:auto}.flip-tag{width:min(92vw,390px);justify-self:center}.phone-card{justify-self:stretch;min-height:auto;margin-top:0}.quiet-section figure{order:2}.quiet-section div{order:1}.site-footer{display:block}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important}.story-section{height:auto!important}.story-pin{position:relative;height:auto}.story-viewport{overflow-x:auto}.story-canvas{transform:none!important}}










.tag--hero-custom .tag-product{object-fit:contain}
.section-kicker,.eyebrow{font-size:17px;line-height:1.35;letter-spacing:0;font-weight:800}
.brand{display:flex;align-items:center;gap:11px;line-height:1;letter-spacing:0;text-transform:none}
.brand-wordmark{display:inline-flex;align-items:baseline;font-family:Impact,"Arial Black",sans-serif;font-size:25px;line-height:1.05;white-space:nowrap;transform:rotate(-2deg)}
.brand-wordmark>span{font-style:italic}
.brand-wordmark>b{font-weight:inherit;margin-left:1px}
.brand-credit{display:flex;flex-direction:column;gap:3px;border-left:1px solid currentColor;padding-left:10px;font-size:11px;font-weight:400;line-height:1.05}
.brand-credit strong{font-size:13px;font-weight:900}
.brand:focus-visible{outline:2px solid currentColor;outline-offset:7px}
@media(max-width:760px){
  .section-kicker,.eyebrow{font-size:14px;line-height:1.4}
  .brand{gap:8px}
  .brand-wordmark{font-size:22px}
  .brand-credit{font-size:10px;padding-left:8px}
  .brand-credit strong{font-size:12px}
}
.hero{background:#de2b2b;color:#fff}
.hero:after{border-color:rgba(255,255,255,.28)}
.hero .primary-link:hover{color:#fff}
.hero .primary-link:focus-visible{outline:2px solid #fff;outline-offset:8px}
.site-header{mix-blend-mode:normal;transition:color .18s ease,background-color .18s ease}
.site-header.is-on-hero{color:#fff}
@media(max-width:760px){.site-header.is-on-hero{background:rgba(222,43,43,.9)}}
.hero h1{line-height:1;letter-spacing:0}
.hero h1 span:first-child{text-shadow:2px -1px 0 #7c2627,5px -2px 0 #7c2627,9px -3px 0 #7c2627,14px -5px 0 #7c2627,20px -7px 0 #7c2627}
.hero h1 span:last-child{text-shadow:2px 2px 0 #7c2627,5px 4px 0 #7c2627,9px 7px 0 #7c2627,14px 11px 0 #7c2627,19px 15px 0 #7c2627}
.hero-lead{text-shadow:1px 1px 0 #7c2627,3px 2px 0 #7c2627,5px 4px 0 #7c2627}
@media(max-width:760px){
  .hero h1 span:first-child{text-shadow:2px -1px 0 #7c2627,5px -2px 0 #7c2627,9px -4px 0 #7c2627}
  .hero h1 span:last-child{text-shadow:2px 2px 0 #7c2627,5px 4px 0 #7c2627,9px 7px 0 #7c2627}
  .hero-lead{text-shadow:1px 1px 0 #7c2627,3px 2px 0 #7c2627}
}
.hero-dog{--hero-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 1200' preserveAspectRatio='none'%3E%3Cpath fill='white' d='M175 40 Q500 -12 860 42 Q983 56 976 191 L933 704 Q909 1005 514 1190 Q124 1089 49 809 L25 236 Q13 68 175 40Z'/%3E%3C/svg%3E");bottom:38px;isolation:isolate}
.hero-dog:before{content:"";position:absolute;inset:0;background:#7c2627;transform:translate(16px,-12px) rotate(4deg);z-index:-1}
.hero-dog img,.hero-dog:before{-webkit-mask:var(--hero-mask) center/100% 100% no-repeat;mask:var(--hero-mask) center/100% 100% no-repeat}
.hero-dog img{clip-path:none;object-position:50% 42%;filter:none}
.hero-dog,.tag--hero{transition:translate .7s var(--ease),rotate .7s var(--ease)}
.primary-link{transition:color .2s}
.primary-link:hover{color:#b4431c}
.tutorial-footer .primary-link:hover{color:#fff}
@media(min-width:761px) and (max-width:1100px){
  .hero-dog{right:3%;width:43%}
  .hero .tag--hero{--tag-size:280px;right:22%;top:auto;bottom:54px}
}
@media(max-width:760px){
  .hero{min-height:0;padding-bottom:28px;display:flex;flex-direction:column;align-items:stretch}
  .hero h1{font-size:80px;line-height:1.02}
  .hero-copy{max-width:100%}
  .hero-lead{width:auto;max-width:350px;font-size:24px;line-height:1.12}
  .hero-dog{position:relative;right:auto;bottom:auto;align-self:flex-end;width:82%;max-width:390px;margin:32px 8px 20px 0}
  .hero-dog:before{transform:translate(9px,-6px) rotate(4deg)}
  .hero .tag--hero{--tag-size:230px;left:-24px;right:auto;top:auto;bottom:54px}
  .hero:after{bottom:12px}
}
@media(max-width:360px){.hero h1{font-size:68px}.hero-lead{font-size:21px}.hero .tag--hero{--tag-size:195px;left:-25px;bottom:45px}}
@media(prefers-reduced-motion:reduce){.hero-dog,.tag--hero{translate:none!important;rotate:none!important;transition:none!important}}
.backstory-section{scroll-margin-top:74px}
.backstory-heading{padding:80px 6% 58px;display:grid;grid-template-columns:1.6fr 1fr;gap:26px 48px;align-items:end;background:var(--paper)}
.backstory-heading .section-kicker{grid-column:1/-1;letter-spacing:0;line-height:1.4;margin:0}
.backstory-heading h2{font-family:Impact,"Arial Black",sans-serif;font-size:88px;line-height:.98;text-transform:uppercase;letter-spacing:0;margin:0}
.backstory-heading>p:last-child{font-size:23px;line-height:1.3;font-weight:700;margin:0 0 5px;max-width:360px;justify-self:end}
.backstory-duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.backstory-dog{min-width:0;padding:44px 8% 48px;overflow:hidden}
.backstory-rex{background:var(--blue)}
.backstory-ozzy{background:var(--peach)}
.backstory-name{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}
.backstory-name h3{font-family:Impact,"Arial Black",sans-serif;font-size:100px;line-height:1;letter-spacing:0;margin:0}
.backstory-name p{margin:0;font-size:17px;line-height:1.4;font-weight:900}
.backstory-name p span{font-size:13px;font-weight:500}
.backstory-portrait{position:relative;margin:0 0 68px}
.backstory-photo{width:100%;height:auto;aspect-ratio:1.65;object-fit:cover;object-position:center top}
.backstory-tag{position:absolute;width:54%;max-width:380px;height:auto;right:-9%;bottom:-22%;transform:rotate(9deg);filter:drop-shadow(0 14px 12px rgba(23,23,20,.17))}
.backstory-ozzy .backstory-tag{transform:rotate(-9deg);right:-8%}
.backstory-copy .section-kicker{letter-spacing:0;line-height:1.3;margin-bottom:20px}
.backstory-copy h4{font-family:Impact,"Arial Black",sans-serif;text-transform:uppercase;font-size:52px;line-height:1.03;letter-spacing:0;margin:0 0 24px}
.backstory-copy>p:not(.section-kicker){max-width:480px;font-size:18px;line-height:1.5;margin:0}
.backstory-copy .backstory-punchline{margin-top:24px!important;padding-top:18px;border-top:1px solid var(--line);font-weight:800}
.backstory-footer{padding:30px 6%;display:flex;align-items:center;justify-content:space-between;gap:26px;background:var(--rose)}
.backstory-footer p{margin:0;font-size:19px;line-height:1.4}
.backstory-footer .primary-link{margin:0;font-size:14px;line-height:1.4;letter-spacing:0}
@media(min-width:1600px){.backstory-heading h2{font-size:112px}.backstory-name h3{font-size:120px}.backstory-copy h4{font-size:64px}}
@media(min-width:761px) and (max-width:1100px){.backstory-heading h2{font-size:64px}.backstory-heading>p:last-child{font-size:20px}.backstory-name h3{font-size:76px}.backstory-name{align-items:start;flex-direction:column;gap:8px}.backstory-copy h4{font-size:42px}.backstory-portrait{margin-bottom:54px}}
@media(max-width:760px){
  .backstory-section{scroll-margin-top:62px}
  .backstory-heading{padding:60px 20px 36px;grid-template-columns:1fr;gap:24px}
  .backstory-heading h2{font-size:52px;line-height:1.02}
  .backstory-heading>p:last-child{justify-self:start;font-size:19px;margin:0}
  .backstory-duo{grid-template-columns:1fr}
  .backstory-dog{padding:32px 20px 38px}
  .backstory-name{gap:12px;margin-bottom:20px}
  .backstory-name h3{font-size:76px}
  .backstory-name p{font-size:15px}
  .backstory-name p span{font-size:12px}
  .backstory-photo{aspect-ratio:1.3}
  .backstory-portrait{margin-bottom:58px}
  .backstory-tag{width:60%;right:-7%;bottom:-19%}
  .backstory-ozzy .backstory-tag{right:-6%}
  .backstory-copy h4{font-size:44px}
  .backstory-copy>p:not(.section-kicker){font-size:17px}
  .backstory-footer{padding:28px 20px;align-items:start;flex-direction:column;gap:18px}
  .backstory-footer p{font-size:18px}
}
@media(max-width:360px){.backstory-heading h2{font-size:44px}.backstory-name h3{font-size:62px}.backstory-name p{font-size:13px}.backstory-name p span{font-size:11px}.backstory-copy h4{font-size:38px}}
.process-section{display:block;min-height:0;padding:100px max(24px,6%);background:#fcfbf7;scroll-margin-top:74px;overflow:hidden}
.tutorial-heading{display:grid;grid-template-columns:1.5fr 1fr;gap:48px;align-items:end;position:relative;z-index:1}
.tutorial-heading .section-kicker{letter-spacing:0;line-height:1.4;margin-bottom:28px}
.process-section h2{font-size:112px;line-height:.96;letter-spacing:0;margin:0;max-width:none}
.process-section h2 span{color:#f7be28}
.tutorial-intro{font-size:24px;line-height:1.3;font-weight:700;max-width:370px;margin:0 0 7px;justify-self:end}
.tutorial-art{margin:-2% -2% -6%;mix-blend-mode:multiply}
.tutorial-art img{width:100%;height:auto}
.tutorial-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;list-style:none;margin:0;padding:0;position:relative}
.tutorial-steps li{border-top:2px solid var(--ink);padding-top:18px;min-width:0}
.tutorial-step-title{display:flex;gap:12px;align-items:baseline}
.tutorial-step-title>span{font-size:12px;font-weight:900;color:#b4431c}
.tutorial-step-title h3{font-size:21px;line-height:1.12;margin:0;font-weight:900;letter-spacing:0}
.tutorial-steps p{font-size:16px;line-height:1.45;margin:12px 0 0;max-width:245px}
.tutorial-detail{display:none}
.tutorial-footer{margin-top:52px;padding-top:30px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:28px}
.tutorial-footer p{font-size:21px;line-height:1.35;margin:0}
.tutorial-footer .primary-link{margin:0;padding:22px 26px;background:var(--ink);color:#fff;font-size:15px;line-height:1.3;letter-spacing:0;display:flex;align-items:center;justify-content:space-between;gap:24px;transition:background .2s}
.tutorial-footer .primary-link:hover{background:#b4431c}
.tutorial-footer .primary-link:focus-visible{outline:3px solid #dc5425;outline-offset:5px}
.tutorial-footer .primary-link:after{display:none}
.tutorial-footer .primary-link span{font-size:25px}
@media(min-width:1600px){.process-section h2{font-size:144px}}
@media(max-width:1100px){.process-section h2{font-size:84px}.tutorial-intro{font-size:21px}.tutorial-step-title{display:block}.tutorial-step-title>span{display:block;margin-bottom:10px}.tutorial-steps{gap:20px}}
@media(max-width:760px){
  .process-section{padding:64px 20px;scroll-margin-top:62px}
  .tutorial-heading{grid-template-columns:1fr;gap:24px}
  .tutorial-heading .section-kicker{max-width:260px;margin-bottom:22px}
  .process-section h2{font-size:64px;line-height:1}
  .tutorial-intro{font-size:19px;justify-self:start;max-width:360px;margin:0}
  .tutorial-art{display:none}
  .tutorial-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 16px;margin-top:26px}
  .tutorial-steps li{border:0;padding:0}
  .tutorial-detail{display:block;aspect-ratio:.68;background-image:url('../assets/tutorial.jpg');background-size:400% auto;background-position:var(--step-position) 50%;background-repeat:no-repeat;mix-blend-mode:multiply;margin:0 -5px 16px}
  .tutorial-step-title{border-top:2px solid var(--ink);padding-top:12px}
  .tutorial-step-title h3{font-size:19px;line-height:1.2}
  .tutorial-steps p{font-size:14px;line-height:1.4;margin-top:8px}
  .tutorial-footer{margin-top:32px;padding-top:24px;align-items:stretch;flex-direction:column;gap:22px}
  .tutorial-footer p{font-size:19px}
}
@media(max-width:360px){.process-section h2{font-size:54px}.tutorial-step-title h3{font-size:17px}.tutorial-footer .primary-link{padding:18px;font-size:13px}}
.story-mobile-controls{display:none}
.brand-film{position:relative;display:grid;grid-template-columns:minmax(300px,.82fr) minmax(0,1.18fr);gap:5vw;align-items:center;overflow:hidden;padding:92px 6% 108px;background:#7c2627;color:#fff}
.brand-film:before{content:"";position:absolute;inset:0;background:linear-gradient(112deg,#7c2627 0 43%,#611d1e 43% 100%);clip-path:polygon(0 0,100% 0,100% 86%,0 100%)}
.brand-film:after{content:"ODOLNA";position:absolute;right:-.08em;bottom:-.22em;color:rgba(247,190,40,.1);font-family:Impact,"Arial Black",sans-serif;font-size:clamp(118px,19vw,310px);line-height:.8;letter-spacing:0;pointer-events:none}
.site-header.is-on-film{color:#fff}
@media(max-width:760px){.site-header.is-on-film{background:rgba(124,38,39,.94)}}
.brand-film-copy,.brand-film-stage{position:relative;z-index:1}
.brand-film-copy .section-kicker{color:#f7be28;margin-bottom:28px}
.brand-film-copy h2{font-family:Impact,"Arial Black",sans-serif;font-size:clamp(62px,8vw,126px);line-height:.86;letter-spacing:0;text-transform:uppercase;margin:0;text-shadow:8px 8px 0 #171714,13px 15px 0 rgba(23,23,20,.32)}
.brand-film-copy h2 span{display:inline-block;color:#f7be28;transform:rotate(-2deg);text-shadow:7px 8px 0 #171714}
.brand-film-copy>p:not(.section-kicker){max-width:470px;font-size:clamp(20px,2.1vw,30px);line-height:1.13;font-weight:900;margin:30px 0 0;color:#fff}
.brand-film-link{display:inline-flex;align-items:center;gap:12px;margin-top:30px;padding:16px 19px;background:#f7be28;color:#171714;font-size:13px;font-weight:950;text-transform:uppercase;text-decoration:none;box-shadow:7px 8px 0 #171714;transition:transform .25s var(--ease),box-shadow .25s var(--ease)}
.brand-film-link:hover{transform:translate(3px,3px);box-shadow:3px 4px 0 #171714}
.brand-film-stage{align-self:center}
.brand-film-tagline{position:relative;z-index:2;display:inline-block;margin:0 0 -18px 7%;padding:12px 16px;background:#f7be28;color:#171714;font-size:13px;font-weight:950;text-transform:uppercase;box-shadow:7px 7px 0 #171714;transform:rotate(-2deg)}
.brand-film-frame{position:relative;width:100%;aspect-ratio:16/9;background:#171714;box-shadow:18px 22px 0 rgba(23,23,20,.42);clip-path:polygon(2% 0,100% 4%,97% 100%,0 95%)}
.brand-film-frame:before{content:"";position:absolute;inset:0;background:#f7be28;transform:translate(13px,13px);clip-path:inherit;z-index:-2}
.brand-film-frame:after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;clip-path:inherit;box-shadow:inset 0 0 0 8px #171714,inset 0 0 0 13px #f7be28,inset 0 0 0 17px #171714}
.brand-film-stage:after{content:"";position:absolute;right:-18px;top:42px;z-index:2;width:96px;height:42px;background:#f7be28;box-shadow:6px 7px 0 #171714;transform:rotate(7deg);clip-path:polygon(0 14%,100% 0,93% 100%,8% 86%);pointer-events:none}
.brand-film-stage:before{content:"";position:absolute;left:-14px;bottom:54px;z-index:2;width:76px;height:26px;background:#171714;transform:rotate(-8deg);clip-path:polygon(4% 0,100% 16%,92% 100%,0 82%);pointer-events:none}
.brand-film-play{position:absolute;inset:0;display:grid;place-items:center;width:100%;height:100%;overflow:hidden;padding:0;border:0;background:#171714;color:#fff;cursor:pointer;text-decoration:none;clip-path:inherit}
.brand-film-play img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease),opacity .35s ease,filter .35s ease;filter:saturate(.95) contrast(1.05)}
.brand-film-play:after{content:"";position:absolute;inset:0;background:linear-gradient(25deg,rgba(23,23,20,.74),rgba(23,23,20,.06) 45%,rgba(124,38,39,.32));mix-blend-mode:multiply}
.brand-film-play:hover img{transform:scale(1.045);opacity:.82;filter:saturate(1.14) contrast(1.08)}
.brand-film-play:focus-visible{outline:3px solid #f7be28;outline-offset:-8px}
.brand-film-play-icon{position:relative;z-index:1;width:clamp(78px,9vw,132px);aspect-ratio:1;border:3px solid #f7be28;border-radius:50%;background:#7c2627;box-shadow:10px 12px 0 rgba(23,23,20,.5);transition:transform .35s var(--ease),background-color .25s}
.brand-film-play-icon:after{content:"";position:absolute;top:50%;left:54%;transform:translate(-40%,-50%);border-top:clamp(12px,1.6vw,20px) solid transparent;border-bottom:clamp(12px,1.6vw,20px) solid transparent;border-left:clamp(18px,2.2vw,27px) solid #f7be28}
.brand-film-play:hover .brand-film-play-icon{transform:scale(1.08) rotate(-5deg);background:#171714}
.brand-film-caption{position:absolute;right:4%;bottom:6%;z-index:1;display:flex;align-items:center;gap:14px;padding:14px 18px;background:#f7be28;color:#171714;font-size:13px;font-weight:950;letter-spacing:0;text-transform:uppercase;box-shadow:6px 7px 0 #171714}
.brand-film-caption span{font-size:20px}
.brand-film-frame.is-playing{background:#171714}
.brand-film-frame.is-playing .brand-film-play{display:none}
.brand-film-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0;clip-path:inherit}
@media(max-width:760px){
  .brand-film{display:block;padding:66px 20px 82px}
  .brand-film:before{clip-path:polygon(0 0,100% 0,100% 93%,0 100%)}
  .brand-film:after{right:-.25em;bottom:-.18em;font-size:124px}
  .brand-film-copy .section-kicker{margin-bottom:20px}
  .brand-film-copy h2{font-size:58px;text-shadow:5px 6px 0 #171714,9px 10px 0 rgba(23,23,20,.32)}
  .brand-film-copy h2 span{text-shadow:5px 6px 0 #171714}
  .brand-film-copy>p:not(.section-kicker){max-width:330px;font-size:21px;margin-top:22px}
  .brand-film-link{margin-top:24px;padding:14px 16px;box-shadow:5px 6px 0 #171714}
  .brand-film-stage{margin-top:42px}
  .brand-film-tagline{margin:0 0 -13px 4%;padding:10px 12px;font-size:11px;box-shadow:5px 5px 0 #171714}
  .brand-film-frame{box-shadow:9px 12px 0 rgba(23,23,20,.45)}
  .brand-film-frame:before{transform:translate(7px,8px)}
  .brand-film-play-icon{width:68px}
  .brand-film-play-icon:after{border-top-width:11px;border-bottom-width:11px;border-left-width:17px}
  .brand-film-caption{right:4%;bottom:6%;gap:8px;padding:10px 12px;font-size:11px;box-shadow:4px 5px 0 #171714}
}
@media(max-width:360px){.brand-film-copy h2{font-size:50px}.brand-film-play-icon{width:56px}.brand-film-caption{font-size:10px}}
@media(prefers-reduced-motion:reduce){.brand-film-link,.brand-film-play img,.brand-film-play-icon{transition:none}}
.story-section{scroll-margin-top:74px}
.story-intro{position:relative;inset:auto;z-index:1;width:100%;padding:64px 6% 72px;background:var(--rose);pointer-events:auto}
.story-intro .section-kicker{margin-bottom:32px;letter-spacing:0}
.story-intro h2{display:grid;grid-template-columns:1.35fr 1fr;align-items:center;gap:48px;margin:0;letter-spacing:0}
.story-statement{font-family:Impact,"Arial Black",sans-serif;font-size:86px;line-height:1.06;max-width:650px}
.story-statement em{display:inline-block;font-style:normal;color:#7c2627;transform:rotate(-6deg);text-decoration:underline;text-decoration-thickness:5px;text-underline-offset:10px}
.story-question{font-size:32px;line-height:1.16;max-width:440px}
.story-question>span{display:block}
.story-question-lead{font-size:20px;line-height:1.35;margin-bottom:8px}
.story-question-accent{font-family:Impact,"Arial Black",sans-serif;font-size:48px;line-height:1.16;letter-spacing:0}
.story-crossout{position:relative;display:inline-block}
.story-crossout:after{content:"";position:absolute;left:-4%;right:-4%;top:51%;height:4px;background:#7c2627;transform:rotate(-8deg);pointer-events:none}
@media(min-width:761px) and (max-width:1100px){.story-question-accent{font-size:38px}.story-question-lead{font-size:18px}}
@media(max-width:760px){.story-question-accent{font-size:38px}.story-question-lead{font-size:17px}.story-crossout:after{height:3px}}
@media(max-width:360px){.story-question-accent{font-size:32px}}
@media(min-width:761px) and (max-width:1100px){.story-statement{font-size:66px}.story-question{font-size:26px}.story-intro h2{gap:32px}}
@media(max-width:760px){
  .story-section{padding-top:0;scroll-margin-top:62px}
  .story-intro{padding:40px 20px 44px;margin-bottom:24px}
  .story-intro h2{grid-template-columns:1fr;gap:26px}
  .story-intro .section-kicker{margin-bottom:24px}
  .story-statement{font-size:48px;max-width:350px}
  .story-statement em{text-decoration-thickness:3px;text-underline-offset:6px}
  .story-question{font-size:24px;max-width:350px}
}
.story-section.has-story-color{background:var(--story-color);transition:none}
.has-story-color .story-pin{isolation:isolate;background:var(--story-color)}
.has-story-color .story-pin:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:var(--story-next-color);clip-path:circle(var(--story-radius,0%) at 78% 50%)}
.has-story-color .dog-scene{background:transparent;box-shadow:none}
@media(max-width:760px){
  .has-story-color .story-pin{overflow:hidden}
  .has-story-color .story-mobile-controls{background:rgba(255,255,255,.14)}
  .has-story-color .story-viewport:before,.has-story-color .story-viewport:after{display:none}
}
@media(min-width:761px){
  .scene-one .tag--story{left:34vw;right:auto;bottom:7vh;transform:rotate(8deg)}
  .scene-three .tag--story{left:40vw;top:17vh;transform:rotate(7deg)}
  .scene-six .tag--story{left:34.5vw;right:auto;bottom:7vh;transform:rotate(5deg)}
}
@media(max-width:760px){
  .story-pin,.story-viewport{min-width:0;width:100%;max-width:100%}
  .story-pin{display:flex;flex-direction:column;padding-bottom:18px}
  .story-viewport{position:relative;touch-action:pan-x pan-y pinch-zoom;overscroll-behavior-x:contain;scroll-padding-inline:24px;cursor:grab;padding-left:24px;padding-right:46px}
  .story-viewport:before,.story-viewport:after{content:"";position:absolute;top:0;bottom:26px;z-index:8;width:46px;pointer-events:none}
  .story-viewport:before{left:0;background:linear-gradient(90deg,var(--paper),rgba(242,239,231,0))}
  .story-viewport:after{right:0;background:linear-gradient(270deg,var(--paper),rgba(242,239,231,0))}
  .story-canvas{gap:16px}
  .dog-scene{min-width:80vw;width:80vw;flex-shrink:0;box-shadow:10px 0 0 rgba(23,23,20,.14)}
  .story-viewport.is-dragging{scroll-snap-type:none;scroll-behavior:auto;cursor:grabbing;user-select:none}
  .story-mobile-controls{order:-2;position:sticky;top:72px;z-index:14;display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 20px 10px;padding:8px;background:rgba(242,239,231,.84);backdrop-filter:blur(12px);border:2px solid rgba(23,23,20,.12)}
  .story-arrow{width:50px;height:50px;border:2px solid var(--ink);border-radius:50%;display:grid;place-items:center;background:var(--ink);color:var(--paper);font-size:34px;line-height:1;cursor:pointer;box-shadow:6px 6px 0 rgba(23,23,20,.16)}
  .story-arrow:disabled{opacity:.32;box-shadow:none}
  .story-dots{display:flex;align-items:center;justify-content:center;gap:7px;flex:1}
  .story-dots span{width:22px;height:4px;background:rgba(23,23,20,.24);transition:width .25s var(--ease),background-color .25s var(--ease),transform .25s var(--ease)}
  .story-dots span.is-active{width:42px;background:var(--ink);transform:translateY(-1px)}
  .story-meta{display:none}
  .dog-copy,.scene-one .dog-copy,.scene-two .dog-copy,.scene-three .dog-copy,.scene-four .dog-copy,.scene-five .dog-copy,.scene-six .dog-copy{padding-bottom:72px}
  .dog-photo,.scene-one .dog-photo,.scene-two .dog-photo,.scene-three .dog-photo,.scene-four .dog-photo,.scene-five .dog-photo,.scene-six .dog-photo{width:88%}
  .dog-photo img,.scene-two .dog-photo img,.scene-five .dog-photo img{height:clamp(520px,78svh,660px);aspect-ratio:auto;object-fit:cover;object-position:center top}
  .scene-six .dog-photo img{object-position:42% top}
  .dog-scene{--mobile-photo-h:clamp(520px,78svh,660px);--mobile-tag-lift:clamp(40px,12vw,58px);--mobile-tag-inset:clamp(8px,4vw,18px)}
  .tag--story,.scene-one .tag--story,.scene-two .tag--story,.scene-three .tag--story,.scene-four .tag--story,.scene-five .tag--story,.scene-six .tag--story,.scene-four .tag--giant{--tag-size:clamp(180px,52vw,205px);top:calc(88px + var(--mobile-photo-h) - var(--tag-size) - var(--mobile-tag-lift));right:var(--mobile-tag-inset);bottom:auto;left:auto}
  .scene-one .tag--story{transform:rotate(8deg)}
  .scene-two .tag--story{transform:rotate(-10deg)}
  .scene-three .tag--story{transform:rotate(7deg)}
  .scene-four .tag--story{transform:rotate(-9deg)}
  .scene-five .tag--story{transform:rotate(11deg)}
  .scene-six .tag--story{transform:rotate(-5deg)}
}


.scene-five .dog-photo img{aspect-ratio:4/5;object-position:center top}
@media(min-width:761px){.scene-five .dog-photo{top:0;bottom:0;height:100%;width:auto}.scene-five .dog-photo img{width:auto;height:100%;max-width:none;aspect-ratio:auto;object-fit:contain}}
.site-footer{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;padding:34px clamp(20px,4vw,64px);background:var(--ink);color:var(--paper);font-weight:900;text-transform:uppercase}
.site-footer p{margin:0;font-family:Impact,"Arial Black",sans-serif;font-size:clamp(31px,3.9vw,64px);line-height:.88;letter-spacing:0}
.site-footer p span{display:block;margin-top:8px;font-family:"Arial Narrow","Helvetica Neue",Arial,sans-serif;font-size:13px;line-height:1;letter-spacing:.08em;color:#f7be28}
.site-footer nav{display:flex;gap:24px;align-items:center;font-size:13px;letter-spacing:.08em}
.site-footer a{position:relative}
.site-footer a:after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .35s var(--ease)}
.site-footer a:hover:after,.site-footer a:focus-visible:after{transform:scaleX(1);transform-origin:left}
.site-footer .footer-brand{gap:14px;color:var(--paper);text-transform:none}
.site-footer .footer-brand:after{display:none}
.site-footer .footer-brand .brand-wordmark{font-size:clamp(34px,4.4vw,70px);transform:rotate(-2deg)}
.site-footer .footer-brand .brand-wordmark b{color:#f7be28}
.site-footer .footer-brand .brand-credit{font-size:12px}
.site-footer .footer-brand .brand-credit strong{font-size:15px;color:#f7be28}
@media (min-width:761px) and (max-width:1180px){
  .benefits-section{
    min-height:auto;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    column-gap:clamp(44px,7vw,96px);
    row-gap:clamp(54px,7vh,86px);
    align-items:start;
    padding-top:12vh;
    padding-bottom:12vh;
    overflow:hidden;
  }
  .benefits-section .section-kicker,
  .benefits-section h2{grid-column:1/-1}
  .benefits-section h2{
    width:min(880px,92vw);
    margin-bottom:clamp(4px,1.8vw,22px);
  }
  .benefit,
  .benefit-one,
  .benefit-two,
  .benefit-three,
  .benefit-four{
    position:relative;
    inset:auto;
    width:auto;
    max-width:none;
  }
  .benefit{
    min-height:0;
    padding-top:clamp(20px,2.4vw,32px);
    padding-bottom:clamp(20px,2.5vw,34px);
    border-top:2px solid rgba(23,23,20,.28);
  }
  .benefit h3{
    margin-bottom:clamp(12px,1.5vw,20px);
    font-size:clamp(54px,6.6vw,92px);
    line-height:.86;
  }
  .benefit p{
    max-width:360px;
    font-size:clamp(18px,1.8vw,22px);
    line-height:1.16;
  }
  .benefit-two,
  .benefit-four{transform:none}
}
@media (min-width:761px) and (max-width:900px){
  .benefits-section{
    grid-template-columns:1fr;
    row-gap:clamp(34px,5vh,58px);
  }
  .benefit p{max-width:520px}
}
@media(max-width:760px){.site-footer{display:block}.site-footer nav{margin-top:22px;justify-content:space-between}}