/* Homepage proof and client presentation within the Shooting Stars midnight design. */
/* hero fills the first screen (minus the nav) with the content centered, so the stats band starts below the fold */
.homepage .fun-hero{min-height:calc(100svh - 58px);padding-block:clamp(2.5rem,6vh,5rem)}
.homepage .fun-hero h1{font-size:clamp(3rem,7.4vw,5.9rem);max-width:13ch;line-height:1.02;margin:.25rem 0 .9rem}
.homepage .fun-hero .actions{margin-top:1.4rem}
.hero-line{display:block}
/* "shine." actually shines — see .shine-word in style.css (shared with the services hero) */
.homepage .fun-hero .lede{max-width:43ch}
.agency-proof .wrap{grid-template-columns:repeat(4,minmax(0,1fr));gap:0}
.agency-proof p{font-size:.875rem;max-width:none}
.agency-proof strong{font-size:clamp(2.25rem,4.1vw,3.6rem);margin-bottom:.4rem;white-space:nowrap}
.agency-proof p+p{padding-left:clamp(.9rem,2vw,1.8rem)}
.client-wall{background:var(--bg);color:var(--ink);border-block:var(--rule);position:relative}
.client-wall-heading{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:3rem}
.client-wall .kicker{color:var(--ink-soft);font-size:.875rem}
.client-wall h2{color:var(--ink);font-size:clamp(2.4rem,5vw,4rem);max-width:20ch}
.client-wall-heading>p{color:var(--ink-soft);max-width:28ch;font-size:1rem;margin:0 0 .25rem}
.client-logo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:2rem;row-gap:2.7rem}
.client-logo{margin:0;min-width:0;display:flex;flex-direction:column;align-items:center}
.client-logo-image{width:100%;height:126px;display:flex;align-items:center;justify-content:center}
.client-logo img{width:100%;height:100%;max-width:215px;object-fit:contain;transition:transform .5s cubic-bezier(.2,1.4,.4,1);transform-origin:center}
.client-logo:nth-child(odd):hover img{transform:translateY(-5px) rotate(-3deg)}
.client-logo:nth-child(even):hover img{transform:translateY(-5px) rotate(3deg)}
.client-logo figcaption{font:400 .875rem/1.45 var(--sans);text-align:center;color:var(--ink-soft);margin-top:1.1rem}
.client-logo--enchantments img,.client-logo--catchn img{max-width:165px}
.client-logo--nick-tutor img{max-width:175px}
.client-wall::before{content:'';display:block;position:absolute;top:0;left:var(--gutter);width:72px;height:5px;background:var(--comet)}
.homepage .photo-tilt img,.homepage .arch,.homepage .arch img{border-radius:0}
.client-logo img:focus-visible{outline:3px solid #4B1984;outline-offset:4px}
@media(max-width:1000px){.client-logo-grid{column-gap:1.5rem}}
@media(max-width:700px){
 .homepage .fun-hero{min-height:0;padding-block:3.5rem 4rem}
 .homepage .fun-hero h1{font-size:clamp(3.3rem,11.8vw,5.1rem);max-width:13ch}
 .homepage .fun-hero .lede{font-size:1rem;max-width:37ch}
 .homepage .hi{font-size:.75rem;white-space:normal}
 .agency-proof .wrap{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem 0;padding-block:2rem}
 .agency-proof p{padding-right:.5rem}
 .agency-proof p+p{border-top:0;border-left:var(--rule);padding:.1rem 0 .1rem 1rem}
 .agency-proof p:nth-child(odd){border-left:0;padding-left:0}
 .agency-proof strong{font-size:2.5rem}
 .client-wall-heading{display:block;margin-bottom:2rem}
 .client-wall-heading>p{margin-top:1rem;max-width:35ch}
 .client-logo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem 1.5rem}
 .client-logo-image{height:102px}
 .client-logo img{max-width:180px}
 .client-logo figcaption{font-size:.875rem;margin-top:.65rem}
}
@media(max-width:380px){.agency-proof strong{font-size:2.1rem}.client-logo-grid{column-gap:1rem}}
@media(prefers-reduced-motion:reduce){.client-logo img{transition:none}.client-logo:hover img{transform:none}}
@font-face{font-family:'Enchantments Harrington';src:url('assets/logos/enchantments-harrington.woff') format('woff');font-style:normal;font-weight:400;font-display:swap}
.enchantments-wordmark{font:400 clamp(1.1rem,2.7vw,1.85rem)/1.2 'Enchantments Harrington',Georgia,serif;color:var(--ink);white-space:nowrap;transition:transform .5s cubic-bezier(.2,1.4,.4,1)}
.client-logo--enchantments:hover .enchantments-wordmark{transform:translateY(-5px) rotate(-3deg)}
@media(prefers-reduced-motion:reduce){.enchantments-wordmark{transition:none}.client-logo--enchantments:hover .enchantments-wordmark{transform:none}}
body :is(.client-logo--kolkata-chai,.client-logo--trust-pharmacy,.client-logo--wick-pour) img{filter:brightness(0) invert(1)}
.client.enchantments .client-body{color:#F2F3F4}
.client.enchantments .client-body h3{color:#F2F3F4}
.client.enchantments .client-body p{color:#DAD7FF;padding-right:1.5rem}
.client:is(.serendipity,.mamazul,.mythos) .client-body{color:var(--midnight)}
#brand-intro .statement{margin-bottom:1.3rem}