/* One layout contract: copy and artwork never occupy the same rectangle. */
:root{--header-height:96px;--art-width:36vw}
html{scroll-padding-top:calc(var(--header-height) + 20px)}
header{height:var(--header-height);min-height:0;padding:18px 4%;box-sizing:border-box}
main{position:relative;width:calc(100% - var(--art-width));padding-top:var(--header-height);z-index:2;pointer-events:auto;background:#fff}
main section,main .hero{box-sizing:border-box;width:100%;min-height:0;padding:76px clamp(28px,4.5vw,80px);background:#fff;border-bottom:1px solid #e9e9e9;scroll-margin-top:0}
main .hero{padding-top:65px;min-height:calc(100dvh - var(--header-height))}
.hero h1{font-size:clamp(42px,4.5vw,72px);letter-spacing:-2.2px;overflow-wrap:normal}
h2{font-size:clamp(34px,3.5vw,55px)}
.film{position:fixed;inset:var(--header-height) 0 0 auto;width:var(--art-width);height:calc(100dvh - var(--header-height));background:#fff;border:0;z-index:3;overflow:hidden;pointer-events:none;mask-image:none}
.film canvas{width:100%;height:100%;opacity:1;pointer-events:none}
.film .scene-invitation,.film .wall-target{pointer-events:auto}
.content-examples{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:650px}
.content-examples figure,.content-examples figure:last-child{display:block;max-width:none;grid-column:auto;min-width:0}
.content-still{height:110px!important;display:flex;align-items:center;aspect-ratio:auto}
.format-art{width:100%;height:auto;aspect-ratio:3/2;max-height:110px}
.content-examples figcaption{padding-top:12px}
.content-examples h3{font-size:16px}.content-examples p{font-size:12px}
.services,.question-process,.pricing-grid{max-width:100%}
.question-process li{grid-template-columns:22px 90px 1fr}
@media(min-width:1600px){:root{--art-width:38vw}main section,main .hero{padding-left:max(50px,calc((100vw - 1450px)/2))}}
@media(max-width:1100px) and (min-width:761px){:root{--art-width:35vw;--header-height:86px}nav{gap:16px;font-size:12px}.brand .brand-wordmark{font-size:25px}.brand-symbol{width:36px;height:36px}.hero h1{font-size:clamp(38px,4.4vw,49px)}main section,main .hero{padding:60px 30px}.content-examples{grid-template-columns:1fr}.content-examples figure,.content-examples figure:last-child{display:grid;grid-template-columns:125px 1fr;gap:15px}.content-examples figcaption{padding-top:0}.content-still{height:90px!important}}
@media(max-width:760px){
 :root{--header-height:72px;--art-height:clamp(220px,29dvh,270px)}
 html{scroll-padding-top:calc(var(--header-height) + var(--art-height) + 16px)}
 header{padding:14px 5%}.brand .brand-wordmark{font-size:23px}.brand-symbol{width:32px;height:32px}nav{gap:12px}
 .film{inset:var(--header-height) 0 auto;width:100%;height:var(--art-height);border-bottom:1px solid #e9e9e9;background:#fff}
 main{width:100%;padding-top:calc(var(--header-height) + var(--art-height));z-index:2}
 main section,main .hero{width:100%;padding:42px 6%;min-height:0;background:#fff}
 .hero h1{font-size:clamp(36px,8.7vw,58px);letter-spacing:-1.7px}.intro{font-size:18px}h2{font-size:36px}
 .content-examples{grid-template-columns:1fr;gap:20px}.content-examples figure,.content-examples figure:last-child{display:grid;grid-template-columns:115px 1fr;gap:14px}.content-examples figcaption{padding-top:0}.content-still{height:85px!important}.format-art{max-height:85px}
 .question-process li{grid-template-columns:22px 1fr}.question-process li span{grid-column:2}
 .film .scene-invitation,.film .wall-target{pointer-events:auto}
}
@media(max-height:520px) and (max-width:760px){:root{--header-height:64px;--art-width:34vw}html{scroll-padding-top:80px}.film{inset:var(--header-height) 0 0 auto;width:var(--art-width);height:calc(100dvh - var(--header-height));border:0}main{width:calc(100% - var(--art-width));padding-top:var(--header-height)}main section,main .hero{padding:35px 7%}.hero h1{font-size:34px}.content-examples figure,.content-examples figure:last-child{grid-template-columns:90px 1fr}}

.founder-heading{display:flex;align-items:center;gap:22px;margin:20px 0 30px}.founder-heading h2{margin:0;flex:1;font-size:clamp(30px,3.1vw,48px)}.founder-photo{display:block;width:104px;height:104px;flex:0 0 104px;object-fit:cover;border-radius:50%}@media(max-width:1000px){.founder-heading{align-items:flex-start;flex-direction:column;gap:20px}.founder-photo{width:96px;height:96px;flex-basis:96px}.founder-heading h2{font-size:36px}}