@import url('https://fonts.googleapis.com/css2?family=Patrick+Hand&family=DM+Sans:wght@400;500;600;700&family=Fraunces:ital,wght@0,500;0,600;0,700;1,500;1,600&display=swap');
:root{--content-max:1200px;--paper:#fff9ed;--ink:#35271c;--orange:#c44a1b;--bright:#f36b32;--line:#dccfbc;--yellow:#f3cf65}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 'DM Sans',sans-serif}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--orange);outline-offset:6px}header,main>section,footer{padding-left:max(6vw,24px);padding-right:max(6vw,24px)}header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:28px;padding-bottom:28px;border-bottom:1px solid var(--line)}.wordmark{font-family:'Fraunces',Georgia,serif;font-weight:700;font-size:28px;letter-spacing:-1.5px}.wordmark span{color:var(--orange)}nav{display:flex;gap:32px;align-items:center;font-size:14px;font-weight:600}.navcta{border:1px solid var(--ink);padding:10px 20px;border-radius:30px}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:6vw;align-items:center;padding-top:74px;padding-bottom:90px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:1.6px;margin:0 0 22px}h1,h2,h3,p{margin-top:0}h1,h2{font-family:'Fraunces',Georgia,serif;font-weight:500;letter-spacing:-3px;line-height:1.03}h1{font-size:clamp(56px,6.5vw,100px);margin-bottom:25px}h1 em{color:var(--orange);font-weight:500}h2{font-size:clamp(38px,4.3vw,64px)}.intro{font-size:18px;max-width:440px;line-height:1.7}.button{display:inline-flex;gap:28px;align-items:center;background:var(--orange);color:white;border-radius:40px;padding:16px 24px;font-weight:600;margin-top:12px}.button:hover{background:#963816}.signature{font-size:14px;margin:20px 0 0;color:#735f4b}.portrait{position:relative;max-width:530px;justify-self:end;transform:rotate(3deg);padding:14px 14px 45px;background:#fffdf8;box-shadow:0 14px 40px #59351720}.portrait img{width:100%;aspect-ratio:1/1.12;object-fit:cover;display:block;border-radius:180px 180px 8px 8px}.photo-caption{display:block;text-align:center;font:italic 20px 'Fraunces',Georgia,serif;margin-top:14px}.sticker{position:absolute;right:-22px;bottom:25%;border-radius:50%;background:var(--orange);color:var(--paper);width:124px;height:124px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:15px;line-height:1.4;transform:rotate(10deg);border:1px solid var(--ink)}.ticker{padding:20px;display:flex;align-items:center;justify-content:space-around;gap:25px;background:var(--orange);color:var(--paper);font-size:13px;letter-spacing:1.8px;text-transform:uppercase;font-weight:600;flex-wrap:wrap}.ticker b{font-size:25px}.stats{display:grid;grid-template-columns:1.1fr repeat(3,1fr);padding-top:55px;padding-bottom:32px;gap:24px;border-bottom:1px solid var(--line)}.section-label{font-family:'Fraunces',Georgia,serif;font-size:22px;line-height:1.3}.stats strong{display:block;font:500 48px/1.2 'Fraunces',Georgia,serif;color:var(--orange);letter-spacing:-2px}.stats span{font-size:14px}.fine{font-size:12px;color:#746654;line-height:1.6}.stats>.fine{grid-column:1/-1;margin:14px 0 0}.work{padding-top:90px;padding-bottom:65px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:32px}.section-heading h2{margin-bottom:0}.section-heading>p{color:#746654;max-width:360px}.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.work-image{position:relative;overflow:hidden;border-radius:12px;background:#e7dac6}.work-image img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;transition:transform .3s}.work-card:hover img{transform:scale(1.035)}.pill{position:absolute;top:15px;left:15px;background:var(--paper);border-radius:25px;padding:7px 12px;font-size:11px;font-weight:700;letter-spacing:.7px}.play{position:absolute;bottom:20px;right:20px;width:44px;height:44px;border-radius:50%;background:var(--paper);display:grid;place-items:center;font-size:15px}.card-caption{display:flex;justify-content:space-between;gap:12px;margin-top:20px}.card-caption h3{font:500 23px/1.2 'Fraunces',Georgia,serif;margin-bottom:8px}.work-card p{font-size:14px;color:#746654}.case{margin:0 6vw;padding:45px!important;border:1px solid var(--line);border-radius:16px;display:grid;grid-template-columns:1.2fr 1fr;gap:60px;background:#f7eedc}.case h2{font-size:44px;letter-spacing:-2px;margin-bottom:22px}.case p{max-width:510px}.text-link{font-weight:600;text-decoration:underline;text-underline-offset:6px}.case-results{display:grid;grid-template-columns:1fr 1fr;align-content:center;gap:22px}.case-results>div:first-child{grid-column:1/-1}.case-results strong{font:500 44px/1.1 'Fraunces',Georgia,serif;display:block;color:var(--orange)}.case-results>div:first-child strong{font-size:80px}.case-results span{font-size:14px}.case-results .fine{grid-column:1/-1;margin-bottom:0}.story{padding-top:110px;padding-bottom:100px;display:grid;grid-template-columns:1fr 1fr;gap:10vw}.story>div>p:not(.eyebrow):not(.signoff){font-size:18px}.handwritten{font:italic 23px 'Fraunces',Georgia,serif;color:var(--orange)}.signoff{font:italic 32px 'Fraunces',Georgia,serif;margin-top:25px}.collaborate{background:#eedbb9;padding-top:75px;padding-bottom:65px}.services{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:40px}.services article{padding:38px;background:var(--paper);border-radius:12px;position:relative}.service-number{font-family:'Fraunces',Georgia,serif;color:var(--orange);font-size:20px}.services h3{font:500 34px 'Fraunces',Georgia,serif;margin:25px 0 16px}.services p{max-width:430px}.services ul{padding:0;list-style:none;margin-bottom:28px}.services li{padding:10px 0;border-bottom:1px solid var(--line)}.services a{font-weight:700;color:#9e3711}.scope{font-size:14px;max-width:740px;margin:24px 0 0}.contact{text-align:center;padding-top:90px;padding-bottom:90px}.contact h2{font-size:clamp(48px,6vw,82px)}.contact>p:last-child{font-size:14px;margin-top:24px}footer{display:flex;justify-content:space-between;gap:24px;align-items:center;padding-top:28px;padding-bottom:28px;border-top:1px solid var(--line);font-size:14px}@media(min-width:1600px){main,header,footer{max-width:1600px;margin:auto}}@media(max-width:800px){nav{gap:16px}nav>a:first-child,nav>a:nth-child(2){display:none}.hero{grid-template-columns:1fr;padding-top:42px;gap:45px;padding-bottom:65px}.hero-copy{max-width:600px}.portrait{width:88%;justify-self:center;max-width:420px}.sticker{right:-15px;width:100px;height:100px;font-size:13px}.stats{grid-template-columns:repeat(3,1fr);gap:14px}.section-label{grid-column:1/-1;margin-bottom:16px}.stats strong{font-size:35px}.stats span{font-size:12px}.section-heading{display:block}.section-heading>p{margin-top:24px}.work-grid{gap:22px;grid-template-columns:1fr}.work-card{max-width:500px;width:100%;margin:auto}.work-image img{aspect-ratio:4/4.5}.case{grid-template-columns:1fr;padding:28px!important;gap:30px}.case-results{grid-template-columns:repeat(3,1fr)}.case-results>div:first-child{grid-column:auto}.case-results>div:first-child strong,.case-results strong{font-size:36px}.story,.services{grid-template-columns:1fr;gap:32px}.story{padding-top:70px;padding-bottom:60px}.services article{padding:28px}.ticker{font-size:11px;gap:15px}.ticker span:nth-of-type(n+3),.ticker b:last-of-type{display:none}footer{flex-wrap:wrap}footer>span{display:none}h1,h2{letter-spacing:-2px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.work-image img{transition:none}}
.work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 28px}.portrait,.sticker{transition:transform .3s ease,box-shadow .3s ease}.portrait:hover{transform:rotate(0deg) translateY(-6px);box-shadow:0 20px 45px #59351730}.portrait:hover .sticker{transform:rotate(-7deg)}.results-toggle{position:absolute;bottom:18px;left:18px;z-index:2;cursor:pointer;border:0;background:var(--paper);color:var(--ink);border-radius:25px;padding:10px 16px;font:700 14px 'DM Sans',sans-serif}.results-toggle:focus-visible{outline:3px solid var(--orange);outline-offset:4px}.result-panel{position:absolute;inset:0;padding:32px 24px 80px;background:#35271ceb;color:var(--paper);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;opacity:0;visibility:hidden;transition:opacity .2s}.show-results .result-panel{opacity:1;visibility:visible}.result-panel>strong{font:500 clamp(48px,6vw,80px)/1.2 'Fraunces',Georgia,serif;color:var(--yellow)}.result-panel .fine{color:#eadfce;margin:20px 0 0}.result-panel .eyebrow{color:var(--paper)}.mini-results{display:flex;gap:32px;margin-top:22px}.mini-results b{display:block;font:500 30px 'Fraunces',Georgia,serif}.sample-image{aspect-ratio:3/4;background:#eedbb9;display:grid;place-items:center;border:1px dashed #b99059}.sample-art{text-align:center;padding:36px}.sample-art>span{display:block;font-size:100px;color:var(--orange);line-height:1.3}.sample-art h3{font:500 32px/1.15 'Fraunces',Georgia,serif}.sample-art p{font-size:14px}.case-note{margin-top:22px}.affiliate-note{border-top:1px solid #c8b28d;margin-top:32px;padding-top:28px}.affiliate-note .eyebrow{margin-bottom:10px}.affiliate-note p{margin-bottom:8px}.social-links{display:flex;gap:18px;flex-wrap:wrap}.social-links a{display:inline-block!important;font-size:13px}.social-links a:first-child{color:var(--orange);font-weight:700}
@media(max-width:800px){.work-grid{grid-template-columns:1fr}.sample-image{aspect-ratio:4/4.5}.ticker span:nth-of-type(n+3){display:inline}.ticker b{display:none}.ticker{display:grid;grid-template-columns:1fr 1fr;text-align:center}.social-links{gap:15px}.result-panel>strong{font-size:58px}}
@media(prefers-reduced-motion:reduce){.portrait,.sticker,.result-panel{transition:none}.portrait:hover{transform:rotate(3deg)}.portrait:hover .sticker{transform:rotate(10deg)}}

/* Content highlights, brand portfolio and playback */
.highlights-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.video-card .play{border:0;cursor:pointer;color:var(--ink);z-index:3}.video-card .play:focus-visible,.work-image:focus-visible{outline:3px solid var(--orange);outline-offset:4px}.video-card .result-panel{padding:25px 14px 74px;pointer-events:none}.video-card .result-panel>strong{font-size:clamp(38px,4.5vw,64px)}.video-card .mini-results{gap:22px}.video-card .mini-results b{font-size:26px}.work-image.show-stats .result-panel,.video-card .work-image:focus-within .result-panel{opacity:1;visibility:visible}.video-card .result-panel .eyebrow{font-size:10px}.video-card .result-panel .fine{font-size:10px}.branded{background:#f7eedc;padding-top:65px}.brand-context{max-width:740px;margin-top:35px}.brand-context h3{font:500 30px 'Fraunces',Georgia,serif}.experience-list{list-style:none;padding:0;margin:24px 0}.experience-list li{padding:14px 0;border-bottom:1px solid var(--line)}.experience-list strong,.experience-list span{display:block}.experience-list strong{color:var(--orange)}.experience-list span{font-size:16px}.partner-badges{display:flex;gap:16px;flex-wrap:wrap;margin-top:32px}.partner-badge{display:flex;align-items:center;gap:14px;border:1px solid #b68a4d;background:var(--paper);padding:16px 24px;border-radius:14px;box-shadow:0 4px 0 #b68a4d25}.partner-badge>span{font-size:28px;color:var(--orange)}.partner-badge strong{font:500 22px 'Fraunces',Georgia,serif}.partner-badge small{display:block;font-size:12px;letter-spacing:1px;text-transform:uppercase;margin-top:4px}#reel-dialog{width:min(580px,94vw);max-height:92vh;padding:48px 16px 18px;border:0;border-radius:16px;background:var(--paper);color:var(--ink)}#reel-dialog::backdrop{background:#20160dd9}.close-player{position:absolute;right:12px;top:6px;font-size:30px;border:0;background:transparent;cursor:pointer;color:var(--ink)}#reel-embed{min-height:160px}#reel-embed iframe{max-width:100%!important}.contact a{overflow-wrap:anywhere}
@media(hover:hover){.video-card .work-image:hover .result-panel{opacity:1;visibility:visible}}
@media(max-width:800px){.highlights-grid{grid-template-columns:1fr}.partner-badge{flex:1 1 220px}.video-card .result-panel>strong{font-size:58px}}

/* Compact story and a photographic gloss treatment */
header nav{gap:20px;font-size:13px}.story-compact{display:block;padding-top:64px;padding-bottom:64px}.story-heading h2{font-size:clamp(34px,4vw,52px);margin-bottom:28px}.story-pair{display:grid;grid-template-columns:1.1fr 1fr;gap:40px}.story-pair article{border-top:1px solid var(--line);padding-top:22px}.story-pair .eyebrow{margin-bottom:12px}.story-pair p{font-size:16px;margin-bottom:14px}.story-pair .cameos{font-size:14px;color:#746654}.story-pair .signoff{font-size:27px;margin-top:22px}.shop-badge:hover{background:#fff3cf}.portrait{isolation:isolate;transition:box-shadow .35s ease}.portrait:hover{transform:rotate(3deg);box-shadow:0 18px 44px #59351728}.portrait:hover .sticker{transform:rotate(10deg)}.portrait::after{content:"";position:absolute;inset:14px 14px 100px;z-index:1;border-radius:180px 180px 8px 8px;pointer-events:none;background:linear-gradient(115deg,transparent 15%,#fff8 45%,transparent 70%);opacity:0;transform:translateX(-12%);transition:opacity .5s ease,transform .65s ease}.portrait:hover::after{opacity:.32;transform:translateX(12%)}.portrait .sticker{z-index:2}
@media(hover:hover) and (pointer:fine){body,a,button,.work-image{cursor:url('assets/paw-cursor.svg') 2 2,auto}a,button{cursor:url('assets/paw-cursor.svg') 2 2,pointer}}
@media(max-width:1000px){header{flex-wrap:wrap;gap:14px}header nav{gap:16px;flex-wrap:wrap}header nav>a:first-child,header nav>a:nth-child(2){display:inline}header nav .navcta{padding:8px 14px}}
@media(max-width:600px){.story-pair{grid-template-columns:1fr;gap:16px}.story-compact{padding-top:44px;padding-bottom:44px}header nav{gap:10px 16px;font-size:12px}.story-heading h2{letter-spacing:-1.5px}}
@media(prefers-reduced-motion:reduce){.portrait,.portrait::after{transition:none}.portrait::after{display:none}}

.partner-badges{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:16px}.partner-badge{width:100%;min-width:0;padding:18px;justify-content:center}.partner-badge strong{font-size:clamp(17px,1.8vw,22px)}.pill{max-width:calc(100% - 30px);font-size:10px;line-height:1.4}.performance-snapshot{display:grid;grid-template-columns:1fr 1fr;gap:20px 40px;padding-top:26px;padding-bottom:30px;border-bottom:1px solid var(--line)}.performance-snapshot>div{display:flex;gap:14px;align-items:baseline}.performance-snapshot strong{font:500 30px 'Fraunces',Georgia,serif;color:var(--orange)}.performance-snapshot span{font-size:14px}.performance-snapshot details{grid-column:1/-1;font-size:12px;color:#746654;max-width:950px}.performance-snapshot summary{cursor:pointer;font-weight:600}.performance-snapshot details p{margin:12px 0 0}.performance-snapshot details strong{font:700 12px 'DM Sans',sans-serif;color:inherit}
@media(max-width:650px){.partner-badges{grid-template-columns:1fr}.partner-badge{justify-content:flex-start}.performance-snapshot{gap:18px;grid-template-columns:1fr}.performance-snapshot>div{flex-wrap:wrap;gap:6px 14px}}

/* Final polish */
.portrait,.portrait:hover{transform:rotate(3deg);transition:none;animation:none;box-shadow:0 14px 40px #59351720}.portrait::after,.portrait:hover::after{display:none}.portrait .sticker,.portrait:hover .sticker{transform:rotate(10deg);transition:none;animation:none}
.ranking-note{margin-top:28px}
.services{grid-template-columns:repeat(3,minmax(0,1fr))}
.contact{padding-top:48px;padding-bottom:48px}.contact h2{margin-bottom:18px}.contact>p:last-child{margin-top:18px}.contact .button{margin-top:0;max-width:100%;font-size:clamp(12px,2vw,16px);gap:12px}
.social-links a{display:inline-flex!important;align-items:center;gap:7px}.social-links svg{width:18px;height:18px;fill:currentColor;flex:none}
.branded .work-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(hover:hover) and (pointer:fine){body,a,button,.work-image,summary{cursor:url('assets/paw-cursor.png') 0 0,auto}}
@media(max-width:800px){.branded .work-grid{grid-template-columns:1fr}}
@media(max-width:800px){.services{grid-template-columns:1fr}}
.services .service-channel{font-size:10px;letter-spacing:1.1px;font-weight:700;line-height:1.5;margin-bottom:20px;color:#746654}.services .service-payment{font-size:13px;margin-bottom:12px}.services .service-terms{font-size:12px;color:#746654;margin-bottom:22px}.services article{display:flex;flex-direction:column}.services article>a{margin-top:auto}.services h3{overflow-wrap:normal}
.services .expect-heading{font-size:13px;font-weight:700;margin:20px 0 8px}.services .expect-list{margin-top:0}.services .expect-list li{display:flex;gap:10px;align-items:baseline;border:0;padding:7px 0}.expect-icon{flex:0 0 16px;font-size:18px;font-weight:700;line-height:1;color:var(--orange)}.expect-no .expect-icon{color:#746654}.optional-label{font-weight:600}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.services .expect-list .expect-icon{flex:0 0 20px;width:20px;height:20px;position:relative;top:3px}.expect-icon svg{display:block;width:20px;height:20px}
.affiliate-connections{display:flex;justify-content:space-between;align-items:center;gap:20px 32px;border-top:1px solid #c8b28d;margin-top:32px;padding-top:24px}.affiliate-connections h3{font:500 21px 'Fraunces',Georgia,serif;margin:0 0 6px}.affiliate-connections p{font-size:13px;margin:0;color:#746654}.affiliate-programs{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.affiliate-programs span:not([aria-hidden]){font-weight:600;color:var(--ink)}.footer-shop{font-size:13px;font-weight:600;text-decoration:underline;text-underline-offset:5px}footer{flex-wrap:wrap}@media(max-width:800px){.affiliate-connections{align-items:flex-start;flex-direction:column;gap:12px}}
.affiliate-connections .affiliate-programs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;flex:0 1 510px;width:100%}.affiliate-nameplate{padding:18px 24px;background:var(--paper);border:1px solid #c8b28d;border-radius:10px;border-top:3px solid var(--orange)}.affiliate-nameplate strong{display:block;font:600 29px/1.2 'Fraunces',Georgia,serif;color:var(--ink);margin-bottom:6px}.affiliate-connections .affiliate-nameplate span{font-size:11px;font-weight:500;color:#746654;letter-spacing:.5px}.affiliate-connections{gap:24px}.affiliate-connections>div:first-child{max-width:340px}@media(max-width:800px){.affiliate-connections .affiliate-programs{flex:auto;max-width:540px}}@media(max-width:420px){.affiliate-nameplate{padding:15px}.affiliate-nameplate strong{font-size:25px}}

/* Refined insights, affiliate logos, and subtle hover feedback. */
.stats .section-label{font-size:clamp(28px,3vw,40px);line-height:1.1;letter-spacing:-1px;max-width:310px}
.affiliate-nameplate .affiliate-logo{display:block;width:140px;max-width:100%;height:48px;object-fit:contain;object-position:left center;margin:0 0 10px}
.affiliate-nameplate .chewy-logo{width:130px}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
.button,.navcta{transition:transform .2s ease,background-color .2s ease}
.button:hover,.navcta:hover{transform:scale(1.035)}
.portrait:hover{animation:portrait-wiggle .48s ease-in-out 1}
}
@keyframes portrait-wiggle{0%,100%{transform:rotate(3deg)}25%{transform:rotate(1.8deg)}50%{transform:rotate(4.2deg)}75%{transform:rotate(2.4deg)}}
@media(max-width:800px){.stats .section-label{max-width:none;font-size:34px}.stats strong{font-size:clamp(27px,6vw,35px)}}

.story-trio{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.story-trio .eyebrow{font-size:12px;letter-spacing:1px;min-height:38px}
.contact>p.signoff:last-child{font:italic 27px 'Fraunces',Georgia,serif;margin:24px 0 0}
@media(max-width:800px){.story-trio{grid-template-columns:1fr;gap:20px}.story-trio .eyebrow{min-height:0}}

/* Caption balance and compact supporting details. */
.portrait{padding-bottom:0}
.portrait .photo-caption{display:flex;align-items:center;justify-content:center;min-height:84px;padding:20px 8px;margin:0;text-align:center;line-height:1.35}
.stats .section-label{font-size:26px;line-height:1.2;letter-spacing:-.5px;max-width:250px}
.affiliate-nameplate .amazon-logo{width:112px}
.affiliate-nameplate{height:100%}
.chewy-storefront{display:block}
.chewy-storefront:hover{border-color:var(--orange)}
.chewy-storefront span{text-decoration:underline;text-underline-offset:3px}
.contact>p.signoff{font:italic 21px/1.4 'Fraunces',Georgia,serif;margin:0 0 34px}
@media(max-width:800px){.stats .section-label{font-size:25px;max-width:none}.portrait .photo-caption{font-size:18px}}

/* Seamless repeating content ribbon. */
.ticker{display:block;overflow:hidden;padding:20px 0}
.ticker-track{display:flex;width:max-content;animation:ticker-scroll 32s linear infinite}
.ticker-group{display:flex;align-items:center;justify-content:space-around;gap:44px;min-width:100vw;flex-shrink:0;padding:0 22px;white-space:nowrap}
.ticker .ticker-group span,.ticker .ticker-group b{display:block;flex-shrink:0}
.ticker:hover .ticker-track,.ticker:focus .ticker-track{animation-play-state:paused}
@keyframes ticker-scroll{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.ticker-track{animation:none;width:100%}.ticker-group{min-width:0;width:100%;flex-wrap:wrap;white-space:normal;gap:16px 28px}.ticker-group[aria-hidden="true"]{display:none}}

/* Team portraits and expanding cameo photo panels. */
.story-trio .story-media{height:210px;width:100%;display:flex;align-items:center;justify-content:center;margin:0 0 20px;position:relative;border-radius:12px;overflow:hidden}
.story-trio article:first-child .story-media{background:var(--orange)}
.story-trio article:last-child .story-media{background:#172b43}
.story-portrait{width:160px;height:160px;border:0;border-radius:50%;object-fit:cover;object-position:50% 40%}
.story-trio article:first-child .story-portrait{filter:brightness(1.12)}
.story-trio .team-title{font:500 23px/1.2 'Fraunces',Georgia,serif;letter-spacing:normal;text-transform:none;margin:0 0 14px}
.cameo-stack{position:relative;width:100%;height:100%;isolation:isolate;background:#172b43;overflow:hidden}
/* Fixed-size images reveal through a moving mask, avoiding crop-mode jumps. */
.cameo{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;border-radius:0;background:#172b43;z-index:1;cursor:pointer;clip-path:inset(0 calc((4 - var(--order)) * 20%) 0 calc(var(--order) * 20%));transition:clip-path .65s cubic-bezier(.22,1,.36,1),z-index 0s .65s}
.cameo img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;border:0;border-radius:0;transform:translateX(calc((var(--order) - 2) * 20%));transition:transform .65s cubic-bezier(.22,1,.36,1)}
.cameo:hover,.cameo:focus-visible{clip-path:inset(0);z-index:10;outline:none;transition-delay:0s}
.cameo:hover img,.cameo:focus-visible img{transform:translateX(0)}
.cameo:focus-visible{outline:3px solid var(--yellow);outline-offset:-3px}
.cameo-tooltip{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);font:500 12px/1.3 'DM Sans',sans-serif;white-space:nowrap;background:#eedbb9;color:var(--ink);padding:6px 9px;border-radius:6px;opacity:0;pointer-events:none;transition:opacity .25s ease}
.cameo:hover .cameo-tooltip,.cameo:focus-visible .cameo-tooltip{opacity:1;transition-delay:.2s}
@media(hover:none){.cameo:focus{clip-path:inset(0);z-index:10;transition-delay:0s}.cameo:focus img{transform:translateX(0)}.cameo:focus .cameo-tooltip{opacity:1}}
.services article>a{margin-top:16px;align-self:flex-start;text-decoration:underline;text-underline-offset:5px}
.services .service-payment,.services .service-terms{margin-bottom:0}
.services .service-terms{margin-top:12px}
@media(prefers-reduced-motion:reduce){.cameo,.cameo img,.cameo-tooltip{transition:none!important}}

/* Platform-specific snapshots keep reporting windows and audiences clear. */
.social-stats{display:block;padding-top:45px;padding-bottom:32px}
.social-stats .section-label{max-width:none;margin:0 0 26px;font-size:30px}
.platform-stats{display:grid;grid-template-columns:1.1fr repeat(3,minmax(0,1fr));gap:24px;align-items:center;padding:24px 0;border-top:1px solid var(--line)}
.platform-label h3{font:500 24px/1.2 'Fraunces',Georgia,serif;margin:0 0 7px}
.platform-label p{font-size:13px;color:#746654;margin:0}
.social-stats>.fine{margin:16px 0 0}
.petkit-cover{background:#000}
.petkit-cover img{object-fit:contain;background:#000}
.video-card .mini-results{font-size:11px;gap:18px}
.video-card .result-panel>span{font-size:13px;max-width:220px}
@media(max-width:800px){.platform-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 12px}.platform-label{grid-column:1/-1;display:flex;align-items:baseline;justify-content:space-between;gap:16px}.platform-label h3{font-size:23px}.social-stats strong{font-size:clamp(25px,6vw,35px)}.social-stats .section-label{font-size:28px}.social-stats span{font-size:11px}}

/* Compact social snapshot and two portfolio content groups. */
.insights-heading{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:24px}
.social-stats .insights-heading .section-label{margin:0}
.insights-heading>p{font-size:14px;color:#746654;margin:0;white-space:nowrap}
.insights-platforms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px}
.social-stats .platform-stats{display:block;padding:20px 0 8px;border-top:1px solid var(--line)}
.platform-stats>h3{font:500 23px/1.2 'Fraunces',Georgia,serif;margin:0 0 16px}
.platform-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.social-stats .platform-metrics strong{font-size:clamp(32px,4vw,48px)}
.social-stats>.fine{margin-top:20px}
.portfolio-group+.portfolio-group{margin-top:52px;padding-top:34px;border-top:1px solid var(--line)}
.portfolio-group-title{font:500 30px/1.2 'Fraunces',Georgia,serif;margin:0 0 8px}
.portfolio-intro{color:#746654;font-size:16px;margin:0 0 26px}
.branded .organic-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 24px}
.branded .examples-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.branded .work-card{max-width:none}
.branded .organic-grid .card-caption h3{font-size:22px}
.branded .organic-grid .result-panel>strong{font-size:clamp(32px,3.7vw,52px)}
.branded .organic-grid .mini-results{gap:12px}
.branded .organic-grid .mini-results b{font-size:22px}
.branded .organic-grid .result-panel .eyebrow{font-size:9px;letter-spacing:1px}
.branded .organic-grid .sample-art{padding:20px}
.branded .examples-grid .sample-image{aspect-ratio:16/7}
.branded .examples-grid .sample-art{padding:20px}
.branded .sample-art>span{font-size:70px}
.branded .sample-art>p{margin:8px 0 0}
.services-compact article{padding:30px;min-width:0}
.services-compact h3{font-size:32px;margin:0 0 16px}
.services-compact .service-number{margin-bottom:18px}
.services-compact .service-channel{margin-bottom:16px;min-height:30px}
.services-compact article>p:not([class]){font-size:16px;line-height:1.65;margin:0 0 22px}
.services-compact .service-payment{font-size:12px}
@media(max-width:1100px){.branded .organic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.services-compact{gap:18px}.services-compact .service-channel{min-height:0}.social-stats .platform-metrics strong{font-size:32px}.platform-metrics{gap:12px}.insights-platforms{gap:24px}.social-stats span{font-size:13px}}
@media(max-width:600px){.insights-heading{display:block}.insights-heading>p{margin-top:8px}.insights-platforms{grid-template-columns:1fr;gap:12px}.social-stats .platform-stats{padding:16px 0 6px}.platform-stats>h3{margin-bottom:12px}.branded .organic-grid,.branded .examples-grid{grid-template-columns:1fr}.branded .work-card{max-width:500px}.branded .organic-grid .result-panel>strong{font-size:58px}.branded .organic-grid .mini-results b{font-size:26px}.branded .organic-grid .result-panel .eyebrow{font-size:10px}.portfolio-group-title{font-size:27px}.portfolio-group+.portfolio-group{margin-top:38px}.services-compact article{padding:26px}}

/* Membership badge is informational; storefront keeps its link treatment. */
.affiliate-badge{background:transparent;border:0;border-radius:0;box-shadow:none;cursor:default}
.affiliate-badge *{cursor:default}

/* Equal media boxes and top-aligned cards at every breakpoint. */
.work-grid{align-items:start}
.work-grid>.work-card{min-width:0;width:100%;margin:0 auto;align-self:start}
.highlights-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.work-grid .work-image{width:100%;aspect-ratio:3/4}
.work-grid .work-image>img{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;object-fit:cover}
.work-grid .petkit-cover>img{object-fit:contain}
.branded .examples-grid .work-image{aspect-ratio:16/7;min-height:180px}
.video-card .result-panel>strong{font-size:clamp(32px,3.7vw,52px)}
.video-card .mini-results{gap:12px}
.video-card .mini-results b{font-size:22px}
#reel-dialog{width:min(540px,94vw);overflow:auto}
#reel-embed{min-height:220px}
#reel-embed .instagram-media{min-width:0!important;width:100%!important;margin:0!important}
#reel-dialog .fine{margin:16px 0 0}
@media(max-width:1100px){.highlights-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.highlights-grid{grid-template-columns:1fr}.work-grid>.work-card{max-width:500px}}

#reel-embed blockquote{text-align:center;border:0;margin:0;padding:12px}
#reel-embed .embed-poster{display:block;width:160px;height:210px;object-fit:cover;border-radius:10px;margin:0 auto 12px}
#reel-embed blockquote>a{text-decoration:underline}

/* One product showcase, with consistent media sizes at every breakpoint. */
.branded .showcase-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
#reel-embed>video{display:block;width:100%;max-height:72vh;background:#000;border-radius:10px;object-fit:contain}
@media(max-width:1100px){.branded .showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.branded .showcase-grid{grid-template-columns:1fr}}

/* Highlights retain readable insights; product cards have no stats overlays. */
.highlights-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.highlights-grid .result-panel{padding:16px 16px 70px;justify-content:center;gap:8px;overflow-y:auto;pointer-events:auto;overscroll-behavior:contain}
.highlights-grid .result-panel .eyebrow{margin:0;font-size:10px;line-height:1.4;letter-spacing:.8px}
.highlights-grid .result-panel>strong{font-size:clamp(32px,3.5vw,46px);line-height:1.1;flex-shrink:0}
.highlights-grid .result-panel>span{font-size:12px;line-height:1.4}
.highlights-grid .mini-results{margin-top:4px;gap:14px;line-height:1.4}
.highlights-grid .mini-results b{font-size:22px;line-height:1.2}
.highlights-grid .result-panel .fine{font-size:10px;line-height:1.4;margin:4px 0 0}
.branded .section-heading .portfolio-intro{margin:16px 0 0}
@media(max-width:1100px){.highlights-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.highlights-grid{grid-template-columns:1fr}}

/* Four complete highlights and a fifth-card preview; swipe or use the arrows. */
.highlights-carousel{min-width:0}
.highlights-carousel .highlights-grid{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 88px) / 4.25);gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;padding:6px 0 12px;align-items:start}
.highlights-grid::-webkit-scrollbar{display:none}
.highlights-carousel .work-card{max-width:none;scroll-snap-align:start;scroll-margin:0}
.highlights-carousel .card-caption h3{font-size:clamp(19px,1.7vw,23px)}
.highlights-carousel .text-link{font-size:14px}
.highlights-carousel .pill{left:10px;top:10px;max-width:calc(100% - 20px);font-size:9px;padding:6px 10px;letter-spacing:.5px}
.highlights-carousel .result-panel{justify-content:flex-start;padding:12px 10px 60px;gap:7px}
.highlights-carousel .result-panel>strong{font-size:34px}
.highlights-carousel .result-panel .eyebrow{font-size:9px}
.highlights-carousel .mini-results{gap:12px;font-size:10px}
.highlights-carousel .mini-results b{font-size:21px}
.highlights-carousel .play{width:38px;height:38px;right:12px;bottom:12px}
.carousel-controls{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:0}
.carousel-status{font-size:12px;color:#746654;margin-right:8px}
.carousel-controls button{width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:var(--paper);color:var(--ink);font-size:22px;cursor:pointer}
.carousel-controls button:hover:not(:disabled){background:#eedbb9;border-color:var(--orange)}
.carousel-controls button:disabled{opacity:.3;cursor:default}
button.play{border:0;color:var(--ink);cursor:pointer}
button:focus-visible,#highlight-track:focus-visible{outline:3px solid var(--orange);outline-offset:3px}
@media(max-width:900px){.highlights-carousel .highlights-grid{grid-auto-columns:calc((100% - 40px) / 2.2);gap:20px}}
@media(max-width:600px){.highlights-carousel .highlights-grid{grid-auto-columns:calc((100% - 18px) / 1.12);gap:18px}.highlights-carousel .result-panel{padding:18px 16px 64px;gap:10px}.highlights-carousel .result-panel>strong{font-size:46px}}
@media(prefers-reduced-motion:reduce){.highlights-grid{scroll-behavior:auto}}

/* Portrait videos, compact centered insights, and visible overlaid navigation. */
.work-grid .video-card .work-image{aspect-ratio:9/16}
.highlights-carousel .result-panel{justify-content:center;align-items:center;text-align:center;padding:54px 12px;gap:9px}
.highlights-carousel .result-panel .eyebrow{margin:0;font-size:10px;letter-spacing:1px}
.highlights-carousel .result-panel>span{font-size:12px}
.highlights-carousel .mini-results{justify-content:center;text-align:center;margin-top:5px;gap:18px}
.highlights-carousel{position:relative}
.carousel-controls button{position:absolute;top:var(--carousel-arrow-top,180px);transform:translateY(-50%);z-index:5;width:48px;height:48px;border:2px solid var(--orange);background:#fff;color:var(--orange);box-shadow:0 3px 14px #35271c44;font-size:27px}
.carousel-controls .carousel-prev{left:6px}
.carousel-controls .carousel-next{right:6px}
.carousel-controls button:hover:not(:disabled){background:#fff;border-color:var(--orange)}
.carousel-controls button:disabled{visibility:hidden}
#reel-embed>video{width:min(100%,40.5vh);height:auto;aspect-ratio:9/16;margin-inline:auto;object-fit:contain}

/* Extend the scroll viewport through both gutters; retain the first-card inset. */
.highlights-carousel{--carousel-bleed:max(6vw,24px)}
.highlights-carousel .highlights-grid{width:calc(100% + 2 * var(--carousel-bleed));margin-inline:calc(-1 * var(--carousel-bleed));padding-left:var(--carousel-bleed);scroll-padding-left:var(--carousel-bleed);grid-auto-columns:calc((100% - var(--carousel-bleed) - 88px) / 4.25)}
@media(max-width:900px){.highlights-carousel .highlights-grid{grid-auto-columns:calc((100% - var(--carousel-bleed) - 40px) / 2.2)}}
@media(max-width:600px){.highlights-carousel .highlights-grid{grid-auto-columns:calc((100% - var(--carousel-bleed) - 18px) / 1.12)}}

/* Clear navigation feedback for pointer and keyboard users. */
header nav a:not(.navcta):hover,header nav a:not(.navcta):focus-visible{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px}
/* One centered page container; extra screen width stays in the margins. */
header,main,footer{width:calc(100% - 48px);max-width:var(--content-max);margin-inline:auto}
header,footer{padding-inline:32px}
main>section{padding-inline:32px}
.hero{gap:48px}
.highlights-carousel{--carousel-bleed:32px}
.ticker-group{min-width:min(var(--content-max),calc(100vw - 48px))}
@media(max-width:800px){
header,main,footer{width:calc(100% - 32px)}
header,footer,main>section{padding-inline:16px}
.highlights-carousel{--carousel-bleed:16px}
.ticker-group{min-width:calc(100vw - 32px)}
}

/* Compact opening with a viewport-wide marquee outside the content container. */
:root{--header-height:76px;--ticker-height:64px;--page-width:100vw}
header{padding-top:14px;padding-bottom:14px}
header nav .navcta:hover{transform:none;text-decoration:none;background:transparent;color:inherit}
.ticker{width:var(--page-width);margin-inline:calc((100% - var(--page-width)) / 2);padding-block:12px}
.ticker-group{min-width:var(--page-width)}
@media(min-width:801px) and (min-height:640px){
.hero{height:calc(100svh - var(--header-height) - var(--ticker-height));padding-top:24px;padding-bottom:24px;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:44px}
.hero h1{font-size:clamp(48px,4.7vw,64px);line-height:1.03;margin-bottom:20px;letter-spacing:-2px}
.hero .eyebrow{margin-bottom:16px}
.hero .intro{font-size:17px;line-height:1.5;margin-bottom:22px}
.hero .signature{margin-top:16px}
.hero .portrait{width:min(100%,420px,calc((100svh - var(--header-height) - var(--ticker-height) - 148px) / 1.12));justify-self:center}
.hero .portrait .photo-caption{min-height:64px;padding:14px 4px;font-size:16px}
.hero .sticker{width:100px;height:100px;font-size:13px;right:-14px}
}
@media(min-width:801px) and (max-height:639px){
.hero{padding-block:28px}
.hero h1{font-size:48px}
.hero .portrait{width:min(100%,300px)}
}
/* A compact, readable social snapshot. */
.social-stats{padding-top:22px;padding-bottom:18px}
.social-stats .insights-heading{margin-bottom:12px}
.social-stats .insights-heading .section-label{font-size:24px}
.insights-platforms{gap:28px}
.social-stats .platform-stats{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:20px;padding:12px 0 0}
.platform-stats>h3{font-size:19px;margin:0}
.social-stats .platform-metrics{gap:20px}
.social-stats .platform-metrics strong{font-size:32px;letter-spacing:-1px;line-height:1.15}
.social-stats .platform-metrics span{font-size:12px}
.social-stats>.fine{margin-top:12px;font-size:11px}
/* Share the highlight carousel's geometry with branded videos. */
.branded .highlights-carousel .highlights-grid{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - var(--carousel-bleed) - 88px) / 4.25);gap:22px}
.branded .highlights-carousel .card-caption h3{font-size:clamp(19px,1.7vw,23px)}
@media(max-width:900px){
.branded .highlights-carousel .highlights-grid{grid-auto-columns:calc((100% - var(--carousel-bleed) - 40px) / 2.2);gap:20px}
.social-stats .platform-stats{display:block}
.social-stats .platform-stats>h3{margin-bottom:8px}
}
@media(max-width:600px){
.branded .highlights-carousel .highlights-grid{grid-auto-columns:calc((100% - var(--carousel-bleed) - 18px) / 1.12);gap:18px}
.social-stats .insights-heading{display:flex;align-items:center}
.social-stats .insights-heading .section-label{font-size:20px}
.social-stats .insights-heading>p{font-size:12px;margin:0}
.insights-platforms{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.social-stats .platform-metrics{gap:10px}
.social-stats .platform-metrics strong{font-size:26px}
}
@media(prefers-reduced-motion:reduce){.ticker-group{min-width:0}}

/* Let both carousel viewports reach the page edges while keeping card alignment. */
.highlights-carousel{--carousel-inset:calc((var(--page-width) - min(var(--content-max),calc(var(--page-width) - 48px))) / 2 + 32px);--card-width:calc((min(var(--content-max),calc(var(--page-width) - 48px)) - 64px - 88px) / 4.25)}
.highlights-carousel .highlights-grid,.branded .highlights-carousel .highlights-grid{width:var(--page-width);margin-inline:calc((100% - var(--page-width)) / 2);padding-inline:var(--carousel-inset);scroll-padding-inline:var(--carousel-inset);grid-auto-columns:var(--card-width)}
@media(max-width:900px){.highlights-carousel{--card-width:calc((min(var(--content-max),calc(var(--page-width) - 48px)) - 64px - 40px) / 2.2)}}
@media(max-width:800px){.highlights-carousel{--carousel-inset:32px;--card-width:calc((var(--page-width) - 64px - 40px) / 2.2)}}
@media(max-width:600px){.highlights-carousel{--card-width:calc((var(--page-width) - 64px - 18px) / 1.12)}}

/* Extend section color without changing the centered content or carousel geometry. */
#branded,#collaborate{position:relative;isolation:isolate}
#branded::before,#collaborate::before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:50%;width:var(--page-width);transform:translateX(-50%);background:inherit;pointer-events:none}
/* Sticky navigation with a continuous page-wide surface and divider. */
body>header{position:sticky;top:0;z-index:100;background:var(--paper);border-bottom:0;isolation:isolate}
body>header::before{content:"";position:absolute;z-index:-1;inset-block:0;left:50%;width:var(--page-width);transform:translateX(-50%);background:var(--paper);border-bottom:1px solid var(--line);pointer-events:none}
main>section[id]{scroll-margin-top:calc(var(--header-height) + 16px)}
@media(min-width:801px){
.hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:28px}
.hero .portrait{justify-self:start}
}
/* Informational Amazon card matches the storefront without its orange accent. */
.affiliate-nameplate.affiliate-badge{background:var(--paper);border:1px solid #c8b28d;border-radius:10px}
footer .social-links a:hover,footer .social-links a:focus-visible{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px}

/* Two balanced platform cards with a clear name-to-metric hierarchy. */
.social-stats .insights-heading{margin-bottom:16px}
.social-stats .insights-platforms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.social-stats .platform-stats{display:block;min-width:0;padding:18px 22px;background:#fffdf8;border:1px solid var(--line);border-radius:12px}
.social-stats .platform-stats>h3{margin:0 0 14px;font:600 14px/1.3 'DM Sans',sans-serif;letter-spacing:.2px;color:var(--ink)}
.social-stats .platform-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.social-stats .platform-metrics>div+div{border-left:1px solid var(--line);padding-left:22px}
.social-stats .platform-metrics strong{font-size:36px;line-height:1.1;letter-spacing:-1px;font-variant-numeric:tabular-nums}
.social-stats .platform-metrics span{display:block;margin-top:5px;font-size:13px;line-height:1.3;color:#746654}
.social-stats>.fine{margin-top:12px}
@media(max-width:700px){
.social-stats .platform-stats{padding:16px}
.social-stats .platform-metrics{gap:12px}
.social-stats .platform-metrics>div+div{padding-left:12px}
.social-stats .platform-metrics strong{font-size:30px}
}
@media(max-width:560px){.social-stats .insights-platforms{grid-template-columns:1fr;gap:12px}}

/* Continue the social snapshot divider across both outer margins. */
.social-stats{position:relative;border-bottom:0}
.social-stats::after{content:"";position:absolute;bottom:0;left:50%;width:var(--page-width);transform:translateX(-50%);border-bottom:1px solid var(--line);pointer-events:none}

/* Slightly smaller portrait keeps the text and photo balanced. */
.hero .portrait{max-width:370px}
@media(min-width:801px) and (min-height:640px){
.hero .portrait{width:min(100%,370px,calc((100svh - var(--header-height) - var(--ticker-height) - 148px) / 1.12))}
}
.social-stats .platform-heading{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:4px 12px;margin-bottom:14px}
.social-stats .platform-heading h3{margin:0;font:600 14px/1.3 'DM Sans',sans-serif;letter-spacing:.2px;color:var(--ink)}
.social-stats .platform-heading p{margin:0;font-size:12px;line-height:1.3;color:#746654;white-space:nowrap}

/* Divide the full centered hero into two equal-width desktop columns. */
@media(min-width:801px){
main>.hero{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:0;padding-inline:0}
.hero .hero-copy{min-width:0;padding-inline:32px;text-align:left}
.hero .portrait{justify-self:center}
}
/* Platform headings sit above independent, equally sized metric cards. */
.social-stats{padding-top:44px;padding-bottom:36px}
.social-stats .insights-heading{margin-bottom:28px}
.social-stats .insights-platforms{gap:32px}
.social-stats .platform-stats{padding:0;background:transparent;border:0;border-radius:0}
.social-stats .platform-heading{margin-bottom:16px}
.social-stats .platform-heading h3{font-size:18px}
.social-stats .platform-heading p{font-size:13px}
.social-stats .platform-metrics{gap:16px}
.social-stats .platform-metrics>div,.social-stats .platform-metrics>div+div{min-width:0;padding:22px 24px;background:#fffdf8;border:1px solid var(--line);border-radius:12px}
.social-stats .platform-metrics strong{font-size:36px}
.social-stats .platform-metrics span{font-size:16px;font-weight:500;color:var(--ink);margin-top:10px}
.social-stats>.fine{margin-top:22px;font-size:12px}
@media(max-width:800px){
.social-stats{padding-top:36px;padding-bottom:30px}
.social-stats .insights-platforms{gap:24px}
.social-stats .platform-metrics{gap:12px}
.social-stats .platform-metrics>div,.social-stats .platform-metrics>div+div{padding:20px 16px}
.social-stats .platform-metrics strong{font-size:30px}
}
@media(max-width:700px){.social-stats .insights-platforms{grid-template-columns:1fr;gap:28px}}

/* Responsive page rhythm: shared container, readable cards, and touch targets. */
.hero-copy,.story-trio article,.services article,footer>*{min-width:0}
.hero h1{overflow-wrap:break-word}
.social-stats .insights-heading .section-label{max-width:none;margin-bottom:0}
.highlights-carousel .play,.close-player{min-width:44px;min-height:44px}
#reel-dialog{max-height:calc(100svh - 24px);overflow:auto}
#reel-embed>video{max-height:calc(100svh - 100px);width:auto;max-width:100%}
@media(min-width:801px){
.hero{min-height:520px}
.social-stats .platform-metrics>div,.social-stats .platform-metrics>div+div{padding:22px 18px}
.services article{padding:26px}
.services h3{font-size:28px}
}
@media(min-width:801px) and (max-width:1100px){
.highlights-carousel{--card-width:calc((min(var(--content-max),calc(var(--page-width) - 48px)) - 64px - 60px) / 3.2)}
.hero h1{font-size:clamp(42px,4.7vw,52px)}
}
@media(max-width:800px){
body>header{padding-block:10px;gap:4px}
header nav{width:100%;justify-content:space-between;gap:4px 12px;font-size:13px}
header nav a{display:inline-flex;align-items:center;min-height:44px}
header nav .navcta{padding:6px 12px}
.hero{height:auto;min-height:0;padding-block:36px 40px;gap:32px}
.hero .hero-copy{width:100%;max-width:600px;padding:0;justify-self:center}
.hero h1{font-size:clamp(38px,7vw,56px);line-height:1.06;letter-spacing:-1.5px}
.hero .intro{font-size:17px;line-height:1.6}
.hero .portrait{width:min(82%,320px);justify-self:center}
.hero .portrait .photo-caption{min-height:64px;font-size:16px;padding:14px 4px}
.hero .sticker{width:88px;height:88px;font-size:12px;right:-10px}
.button,.contact .button{font-size:16px;max-width:100%;gap:16px;padding:14px 20px}
.work,.branded,.story-compact,.collaborate{padding-top:48px;padding-bottom:44px}
.section-heading{margin-bottom:26px}
.section-heading>p{margin-top:20px}
.services{margin-top:28px}
.services h3{font-size:30px}
footer{align-items:flex-start;gap:16px;padding-block:24px}
footer .social-links{width:100%;gap:4px 20px}
footer .social-links a,.footer-shop{min-height:44px;display:inline-flex;align-items:center;font-size:14px}
}
@media(max-width:480px){
header nav{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}
header nav a{font-size:12px;justify-content:center;text-align:center}
header .wordmark{font-size:26px}
.hero h1{font-size:clamp(36px,9.5vw,45px)}
.hero .eyebrow{font-size:10px;letter-spacing:1.2px}
.hero .signature{font-size:13px}
h2{font-size:36px;letter-spacing:-1.5px;overflow-wrap:break-word}
.social-stats .platform-metrics>div,.social-stats .platform-metrics>div+div{padding:18px 12px}
.social-stats .platform-metrics strong{font-size:30px}
.social-stats .platform-metrics span{font-size:16px}
.affiliate-connections .affiliate-programs{grid-template-columns:1fr}
footer .social-links{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
.services article{padding:24px}
}

/* Only the hero uses the narrower container. */
main>.hero{width:100%;max-width:1000px;margin-inline:auto}
.menu-toggle{display:none}
@media(max-width:800px){
body>header{flex-wrap:nowrap;justify-content:space-between;gap:16px}
.menu-toggle{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex:none;border:1px solid var(--line);border-radius:8px;background:transparent;color:var(--ink);cursor:pointer}
.menu-toggle svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.menu-toggle .menu-close{display:none}
.menu-toggle[aria-expanded="true"] .menu-lines{display:none}
.menu-toggle[aria-expanded="true"] .menu-close{display:block}
body>header #primary-navigation{position:absolute;top:100%;left:0;right:0;width:auto;display:flex;flex-direction:column;align-items:stretch;gap:8px;padding:16px;background:var(--paper);border:1px solid var(--line);border-radius:0 0 12px 12px;box-shadow:0 12px 20px #35271c15;max-height:calc(100svh - var(--header-height) - 16px);overflow:auto}
body>header #primary-navigation[hidden]{display:none}
body>header #primary-navigation a{display:flex;justify-content:flex-start;text-align:left;min-height:44px;padding:10px 14px;font-size:15px}
body>header #primary-navigation .navcta{justify-content:center;margin-top:4px}
footer{flex-direction:column;align-items:center;justify-content:center;text-align:center}
footer .social-links{display:flex;width:100%;justify-content:center;flex-wrap:wrap;gap:0 20px}
footer .social-links a,footer .footer-shop{justify-content:center}
}

.social-stats .platform-heading h3{display:flex;align-items:center;gap:8px}
.social-stats .platform-heading h3 svg{width:20px;height:20px;fill:currentColor;flex:none}
.social-stats .platform-heading h3 span{font:inherit;color:inherit}

.hero .button{gap:10px}

/* Approved scrapbook artwork already includes its frame, sticker and caption. */
.hero .portrait.hero-collage,.hero .portrait.hero-collage:hover{padding:0;background:transparent;box-shadow:none;transform:none;animation:none}
.hero .portrait.hero-collage img{display:block;width:100%;height:auto;aspect-ratio:1122/1402;border-radius:0;object-fit:contain}

/* The photographs remain original files; all decoration is separate HTML/CSS. */
.hero .portrait.authentic-collage,.hero .portrait.authentic-collage:hover{padding:0;background:transparent;box-shadow:none;transform:none;animation:none}
.authentic-collage .collage-art{position:relative;width:100%;aspect-ratio:1/1.12}
.hero .authentic-collage img{display:block;filter:none;box-shadow:0 5px 12px #35271c18}
.hero .authentic-collage .collage-main{position:absolute;top:4%;left:24%;width:70%;height:89%;aspect-ratio:auto;object-fit:cover;object-position:center 40%;border-radius:14px;transform:rotate(4deg)}
.hero .authentic-collage .collage-inset{position:absolute;left:0;bottom:2%;width:43%;height:auto;aspect-ratio:1;object-fit:contain;border:6px solid var(--paper);border-radius:5px;transform:rotate(-8deg);z-index:2}
.collage-tape{position:absolute;top:1%;left:51%;width:24%;height:7%;background:#edce99cc;transform:rotate(-8deg);z-index:3;clip-path:polygon(2% 0,98% 3%,96% 22%,100% 40%,97% 62%,100% 80%,97% 100%,0 97%,3% 80%,0 60%,3% 40%,0 20%)}
.collage-star{position:absolute;top:23%;left:6%;color:var(--orange);font:54px/1 'Patrick Hand',cursive;transform:rotate(-14deg)}
.collage-stamp{position:absolute;right:-2%;top:63%;transform:translateY(-50%);width:25%;aspect-ratio:1;border-radius:50%;background:var(--orange);color:var(--paper);border:3px solid var(--paper);outline:2px solid var(--orange);display:grid;place-items:center;z-index:4}
.collage-stamp>span{display:block;text-align:center;transform:rotate(15deg);font:clamp(16px,2vw,23px)/1.05 'Patrick Hand',cursive}
.collage-caption{display:block;text-align:center;padding-top:14px;color:var(--ink);font:clamp(19px,2vw,24px)/1.2 'Patrick Hand',cursive}
@media(max-width:480px){.collage-stamp>span{font-size:17px}.collage-caption{font-size:20px}.collage-star{font-size:42px}}

/* Give the authentic collage a little more presence within its existing column. */
.hero .portrait.authentic-collage{max-width:440px}
@media(min-width:801px){.hero .portrait.authentic-collage{width:min(94%,440px)}}
@media(min-width:801px) and (min-height:640px){.hero .portrait.authentic-collage{width:min(94%,440px,calc((100svh - var(--header-height) - var(--ticker-height) - 56px) / 1.25))}}
@media(max-width:800px){.hero .portrait.authentic-collage{width:min(98%,383px)}}

/* Gentle exposure and warmth only; source photographs remain unmodified. */
.hero .authentic-collage .collage-main{filter:none}
.hero .authentic-collage .collage-inset{filter:none}

/* Reuse the exact approved raster decorations, masked away from both photographs. */
.reference-collage .collage-art{aspect-ratio:1122/1402}
.hero .reference-collage .collage-main{left:24.6%;top:8.2%;width:68%;height:71.2%;transform:rotate(4.5deg);object-position:50% 40%;border-radius:4%;filter:none}
.hero .reference-collage .collage-inset{left:0%;top:51.5%;bottom:auto;width:40.2%;height:auto;aspect-ratio:1;transform:rotate(-8deg);border:6px solid #fff9ed;border-radius:5px;filter:none}
.collage-original-art{position:absolute;inset:0;width:100%;height:100%;z-index:5;pointer-events:none}

@keyframes collage-wiggle{0%,100%{transform:rotate(0deg)}25%{transform:rotate(-1.2deg)}50%{transform:rotate(1.2deg)}75%{transform:rotate(-.6deg)}}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
.hero .portrait.authentic-collage:hover{animation:collage-wiggle .48s ease-in-out 1}
}
@media(prefers-reduced-motion:reduce){.hero .portrait.authentic-collage:hover{animation:none}}