/* Homepage compositions; base tokens and site chrome live in theme.css. */
.home { margin:0; overflow-x:clip; }
.home * { margin:0; padding:0; }
.home a { text-decoration:none; }
.home button { cursor:pointer; }
.home p { line-height:1.65; color:var(--color-text-muted); }
.home main { outline:none; }
.shell { width:min(var(--content-width), calc(100% - 96px)); margin-inline:auto; }
.section { padding-block:104px; }
.home h2 { font:400 clamp(40px,4.1vw,62px)/1.05 var(--display); letter-spacing:-1.9px; color:var(--color-text); }
.home .eyebrow { color:var(--color-text-muted); font:500 11px/1.5 var(--body); letter-spacing:2.4px; text-transform:uppercase; margin-bottom:23px; }
.home .button { display:inline-flex; align-items:center; justify-content:center; gap:16px; min-height:48px; padding:14px 25px; background:var(--color-accent); color:var(--color-text); font-size:14px; font-weight:500; border:1px solid var(--color-accent); border-radius:4px; transition:background .2s,transform .2s; white-space:nowrap; }
.home .button:hover { background:#9debe3; border-color:#9debe3; transform:translateY(-2px); }
.home .button-outline { background:transparent; color:var(--color-accent-ink); border-color:#58c9c0; }
.home .button-outline:hover { background:var(--color-accent-soft); border-color:var(--color-accent-ink); }
.button-row { display:flex; flex-wrap:wrap; gap:14px; }
.intro-hero { padding-top:82px; }
.hero-grid { display:grid; grid-template-columns:1.13fr 1fr; align-items:center; min-height:665px; gap:10px; }
.hero-copy { position:relative; z-index:2; padding-block:64px 74px; }
.home .hero-copy .eyebrow { color:var(--color-accent-ink); font-size:12px; letter-spacing:2.5px; }
.home .hero-copy h1 { font:400 clamp(42px,4.55vw,69px)/1.035 var(--display); letter-spacing:-2.7px; text-wrap:initial; margin-bottom:27px; }
.hero-copy h1 span { color:var(--color-accent-ink); }
.home .hero-description { max-width:590px; font-size:17px; line-height:1.65; margin-bottom:31px; }
.hero-portrait { height:665px; align-self:end; position:relative; overflow:hidden; }
.hero-portrait img { position:absolute; width:100%; max-width:none; height:auto; bottom:-34px; object-fit:contain; }
.portrait-note { position:absolute; top:43px; right:5px; color:var(--color-accent-ink); font:400 27px/1.04 var(--display); transform:rotate(9deg); }
.portrait-note em { color:var(--color-text-muted); }
.portrait-proof { position:absolute; left:0; bottom:52px; width:142px; padding:17px !important; background:#fff; border:1px solid var(--color-border); border-radius:4px; box-shadow:0 7px 25px rgb(23 45 53 / .04); }
.portrait-proof > span { font-size:11px; color:var(--color-text-muted); }
.portrait-proof > strong { display:block; font:500 32px/1.5 var(--body); }
.proof-line { height:4px; background:var(--color-accent); width:100%; margin-top:6px !important; }
.proof-metrics { display:grid; grid-template-columns:repeat(3,1fr); border-block:1px solid var(--color-border); padding-block:30px !important; }
.metric strong { display:block; font:400 46px/1.08 var(--display); letter-spacing:-1.5px; }
.metric span { display:block; font-size:13px; color:var(--color-text-muted); margin-top:8px; }
.proof-metrics .metric { text-align:center; }
.proof-metrics .metric + .metric { border-left:1px solid var(--color-border); }
.brand-strip { position:relative; overflow:hidden; padding-block:42px !important; border-bottom:1px solid var(--color-border); }
.brand-track { display:flex; width:max-content; animation:marquee 42s linear infinite; }
.brand-track > div { display:flex; align-items:center; gap:72px; padding-right:72px; }
.brand { color:#263c41; white-space:nowrap; font-size:25px; letter-spacing:-1px; font-weight:500; }
.brand-0,.brand-5 { font-family:Georgia,serif; }
.brand-1 { font:italic 700 30px Georgia,serif; color:var(--color-accent-ink); }
.brand-2 { font:bold italic 31px var(--body); }
.brand-3 { font-size:19px; letter-spacing:-.5px; }
.brand-4 { font-family:Georgia,serif; font-weight:bold; font-size:22px; }
.brand-6 { text-transform:uppercase; font-size:17px; letter-spacing:1px; }
.marquee-toggle { position:absolute; bottom:3px; right:0; padding:5px 8px !important; min-width:30px; border:0; background:white; color:var(--color-text-muted); }
.brand-strip:has(.marquee-toggle[aria-pressed=true]) .brand-track,.brand-strip:hover .brand-track,.brand-strip:focus-within .brand-track { animation-play-state:paused; }
@keyframes marquee { to { transform:translateX(-50%); } }
.industry-strip { display:flex; justify-content:space-between; align-items:center; gap:25px; padding-top:25px !important; }
.home .industry-strip p { font-size:12px; }
.industry-strip p:first-child { color:var(--color-text); font-weight:500; white-space:nowrap; }
.industry-strip span { color:var(--color-accent-ink); margin-inline:10px; }
.results-section { display:grid; grid-template-columns:.9fr 1.1fr; gap:100px; align-items:center; }
.results-copy h2 { margin-bottom:24px; }
.results-copy > p:not(.eyebrow) { font-size:16px; max-width:465px; margin-bottom:28px; }
.data-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.data-card { position:relative; min-height:206px; padding:25px !important; border:1px solid var(--color-border); border-radius:var(--radius); overflow:hidden; }
.home .data-card > p { font-size:12px; line-height:1.4; margin-bottom:14px; }
.data-card > strong { font-size:39px; font-weight:500; letter-spacing:-1px; }
.data-card > span { display:block; font-size:11px; color:var(--color-text-muted); margin-top:17px; }
.data-rule { height:5px; margin-top:25px !important; background:var(--color-accent-soft); position:relative; }
.data-rule:before { content:''; display:block; width:70%; height:100%; background:var(--color-accent); }
.data-card:nth-child(2) .data-rule:before { width:100%; }
.compare-row { display:grid; grid-template-columns:1fr auto; font-size:10px; gap:7px; margin-top:22px !important; }
.compare-row span { color:var(--color-text-muted); font-size:9px; }
.compare-row b { font-weight:500; }
.compare-row i { grid-column:1/-1; display:block; height:8px; width:var(--bar); background:var(--color-accent); }
.compare-row:first-of-type i { background:#97e7df; }
.network-dots { display:grid; grid-template-columns:repeat(8,6px); gap:5px; margin-top:18px !important; }
.network-dots i { width:6px; height:6px; border-radius:50%; background:var(--color-accent); }
.testimonials-section { border-top:1px solid var(--color-border); padding-top:82px; }
.section-heading { margin-bottom:40px !important; }
.testimonial-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.home .testimonial-card { position:relative; border:1px solid var(--color-border); padding:36px 27px 26px; background:white; display:flex; flex-direction:column; opacity:1; transform:none; }
.testimonial-card:before { content:'“'; font:400 56px/.6 var(--display); color:var(--color-accent-ink); margin-bottom:20px; }
.home .testimonial-bold { font-size:16px; line-height:1.55; font-weight:500; color:var(--color-text); margin-bottom:12px; }
.home .testimonial-quote { font-size:14px; line-height:1.65; margin-bottom:28px; }
.testimonial-author { display:flex; align-items:center; gap:12px; margin-top:auto !important; }
.testimonial-avatar { display:grid; place-items:center; width:34px; height:34px; background:var(--color-surface); color:var(--color-accent-ink); border-radius:50%; font-size:13px; }
.testimonial-name { font-size:13px; font-weight:500; }
.testimonial-role { font-size:11px; color:var(--color-text-muted); margin-top:2px !important; }
.testimonial-card:last-child { grid-column:1/-1; display:grid; grid-template-columns:1fr 2fr; column-gap:48px; }
.testimonial-card:last-child:before { grid-column:1; }
.testimonial-card:last-child .testimonial-bold { grid-column:1; font:400 29px/1.2 var(--display); }
.testimonial-card:last-child .testimonial-quote { grid-column:2; grid-row:1/5; margin:0; }
.testimonial-card:last-child .testimonial-author { grid-column:1; margin-top:24px !important; }
.testimonial-card:nth-last-child(2) { grid-column:auto; }
.about-section { display:grid; grid-template-columns:1.1fr .9fr; gap:100px; border-top:1px solid var(--color-border); padding-block:80px 0; align-items:center; }
.about-copy { padding-bottom:80px !important; }
.about-copy h2 { margin-bottom:26px; }
.home .about-copy p { font-size:16px; margin-bottom:22px; }
.about-copy .button { margin-top:8px; }
.about-portrait { height:610px; position:relative; overflow:hidden; align-self:end; }
.about-portrait img { width:100%; position:absolute; bottom:-45px; }
.about-signature { position:absolute; bottom:80px; right:10px; font:italic 60px var(--display); color:var(--color-accent-ink); transform:rotate(-12deg); }
.povlab-section { background:#eafbf8; padding-block:86px; overflow:hidden; }
.povlab-grid { display:grid; grid-template-columns:1fr 1.15fr; gap:90px; align-items:center; }
.povlab-copy h2 { margin-bottom:24px; }
.home .povlab-lead { font-size:20px; color:var(--color-text); margin-bottom:18px; }
.home .povlab-copy > p:not(.povlab-lead) { max-width:440px; font-size:16px; margin-bottom:26px; }
.povlab-universe { position:relative; padding-left:55px !important; border-left:1px solid #b8e7df; min-height:360px; min-width:0; }
.povlab-wordmark { font:400 70px/1 var(--display); letter-spacing:-3px; }
.povlab-wordmark span { color:var(--color-accent-ink); }
.creator-frames { position:relative; overflow:hidden; width:100%; padding-top:24px !important; margin-top:-5px !important; mask-image:linear-gradient(to right, transparent, black 6%, black 94%, transparent); -webkit-mask-image:linear-gradient(to right, transparent, black 6%, black 94%, transparent); }
.creator-track { display:flex; width:max-content; animation:creatorSlide 50s linear infinite; }
.creator-track > div { display:flex; align-items:center; gap:14px; padding-right:14px; }
.creator-frames:hover .creator-track,.creator-frames:focus-within .creator-track { animation-play-state:paused; }
.creator-frames img { width:120px; flex:0 0 auto; aspect-ratio:3/4; height:auto; object-fit:cover; object-position:center 22%; border:5px solid white; border-radius:3px; box-shadow:0 9px 22px rgb(24 65 57 / .07); }
@keyframes creatorSlide { to { transform:translateX(-50%); } }
.povlab-bottom { display:flex; gap:36px; align-items:center; margin-top:30px !important; }
.povlab-bottom .metric strong { font:500 34px var(--body); color:var(--color-accent-ink); }
.home .povlab-bottom > p { padding-left:30px; border-left:1px solid #b8e7df; font-size:14px; max-width:210px; }
.work-section .section-heading { display:flex; justify-content:space-between; align-items:end; gap:30px; }
.text-link { color:var(--color-accent-ink); font-size:13px; font-weight:500; text-decoration:none; display:inline-flex; gap:16px; }
.text-link:hover { text-decoration:underline; text-underline-offset:5px; }
.work-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.work-card { padding:28px !important; border:1px solid var(--color-border); border-radius:var(--radius); display:flex; flex-direction:column; min-width:0; transition:border-color .2s; }
.work-card:hover { border-color:var(--color-accent-ink); }
.work-top { display:flex; justify-content:space-between; align-items:center; gap:12px; }
.work-card h3 { font:400 25px/1.2 var(--display); letter-spacing:-.6px; }
.work-arrow { color:var(--color-accent-ink); font-size:20px; }
.work-data { display:flex; align-items:center; justify-content:space-between; gap:24px; margin-block:36px 25px !important; }
.work-data .metric strong { font:500 40px/1 var(--body); color:var(--color-accent-ink); }
.work-data .metric span { font-size:12px; }
.home .work-summary { font-size:12px; line-height:1.6; padding-top:16px; border-top:1px solid var(--color-border); margin-bottom:24px; }
.work-card .text-link { margin-top:auto; }
.home .case-description { font-size:14px; line-height:1.7; max-width:510px; margin-top:18px; }
.work-hydehill { grid-column:span 2; display:grid; grid-template-columns:1.5fr 1fr; gap:0 35px; background:#f7fcfb; }
.work-hydehill .work-top,.work-hydehill .case-description { grid-column:1; }
.work-hydehill .work-data { grid-column:2; grid-row:1/4; flex-direction:column; align-items:flex-end; justify-content:center; margin-block:0 !important; }
.work-hydehill .work-summary { grid-column:1; margin-top:24px; }
.work-hydehill .text-link { grid-column:1/-1; }
.work-nicole { background:#effbf9; }
.work-nicole .work-data .metric strong { font:400 35px var(--display); }
.work-modern { grid-column:span 2; display:grid; grid-template-columns:1fr 1fr; gap:0 25px; }
.work-modern .work-top { grid-column:1/-1; }
.work-modern .work-data { grid-column:1; grid-row:2/4; }
.work-modern .work-summary { grid-column:2; margin-top:38px; }
.work-modern .text-link { grid-column:2; margin-bottom:10px; }
.mini-bars { height:52px; display:flex; gap:7px; align-items:end; }
.mini-bars i { display:block; width:11px; height:var(--bar); background:#a5e9e3; }
.mini-bars i:last-child { background:var(--color-accent); }
.flow { display:flex; align-items:center; color:var(--color-accent-ink); font-size:28px; gap:3px; }
.flow i { width:12px; height:1px; background:var(--color-accent); }
.collaborate { border-top:1px solid var(--color-border); padding-block:65px 70px; }
.collaboration-paths { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-top:35px !important; }
.collaboration-paths a { border:1px solid var(--color-border); padding:27px; border-radius:var(--radius); transition:background .2s; }
.collaboration-paths a:hover { background:var(--color-surface); }
.collaboration-paths span { display:block; color:var(--color-text-muted); font-size:13px; margin-bottom:14px; }
.collaboration-paths strong { display:flex; justify-content:space-between; gap:12px; color:var(--color-text); font-size:18px; font-weight:500; }
.collaboration-paths b { color:var(--color-accent-ink); font-weight:400; }
.home .contact { background:#f7fbfa; padding:90px 24px; }
.home .contact-inner { max-width:900px; margin:auto; }
.home .contact .section-title { font-size:46px; margin-bottom:20px; }
.home .contact-sub { max-width:660px; font-size:16px; margin-bottom:32px; }
.home .contact-cta { margin-bottom:32px; }
.home .calendly-label { font-size:16px; margin-block:24px; }
.home .calendly-inline-widget { min-width:0 !important; height:700px; border:1px solid var(--color-border); border-radius:var(--radius); }
.home .custom-form { background:white; padding:40px; border:1px solid var(--color-border); margin-top:25px; }
.form-group { margin-bottom:23px !important; }
.form-group > label,.form-section-label { display:block; font-size:13px; line-height:1.5; margin-bottom:9px !important; color:var(--color-text); }
.form-group input:not([type=checkbox]),.form-group select,.form-group textarea { width:100%; padding:13px 14px; font-size:16px; line-height:1.4; }
.form-group textarea { resize:vertical; min-height:110px; }
.form-checkboxes { display:grid; gap:14px; margin-top:12px !important; }
.checkbox-item { display:flex; gap:12px; align-items:flex-start; color:var(--color-text-muted); font-size:14px; line-height:1.6; }
.checkbox-item input { margin-top:5px; accent-color:var(--color-accent-ink); width:17px; height:17px; flex-shrink:0; }
.home .form-submit { width:100%; border:0; padding:16px; font-size:16px; margin-top:8px; }
.inquiry-type { font-size:14px; padding:15px !important; margin-bottom:22px !important; background:var(--color-surface); border-left:3px solid var(--color-accent); }
.home-footer-top,.home-footer-bottom { display:flex; justify-content:space-between; align-items:center; gap:30px; }
.home-footer-top { padding-block:8px 30px !important; }
.home-footer-bottom { border-top:1px solid var(--color-border); padding-top:23px !important; font-size:12px; color:var(--color-text-muted); }
.home-footer-bottom > div { display:flex; gap:22px; }
.home-footer-bottom a { color:var(--color-text-muted); }
.case-details-fallback { max-width:900px; margin:auto !important; }
.case-detail { padding:60px 24px !important; border-top:1px solid var(--color-border); }
.case-detail > p { margin-block:25px; }
.detail-metrics { display:flex; flex-wrap:wrap; gap:45px; margin-block:35px !important; }
.case-dialog { width:min(700px,calc(100vw - 32px)); max-height:85dvh; overflow:auto; border:1px solid var(--color-border); border-radius:6px; background:white; color:var(--color-text); padding:50px !important; margin:auto !important; }
.case-dialog::backdrop { background:rgb(23 45 53 / .45); backdrop-filter:blur(4px); }
.dialog-close { position:absolute; right:18px; top:12px; width:40px; height:40px; background:none; border:0; font-size:30px; color:var(--color-text); }
.case-dialog .case-detail { border:0; padding:0 !important; }
.case-dialog h2 { font-size:43px; padding-right:24px; }
@media (min-width:1550px) { .hero-grid { min-height:700px; } .hero-portrait { height:700px; } }
@media (max-width:1150px) {
 .shell { width:calc(100% - 64px); } .section { padding-block:78px; }
 .hero-grid { min-height:570px; } .hero-portrait { height:570px; } .home .hero-copy h1 { font-size:49px; letter-spacing:-2px; }
 .home .hero-description { font-size:16px; } .results-section,.about-section { gap:55px; }
 .povlab-grid { gap:45px; } .povlab-universe { padding-left:35px !important; }
 .about-portrait { height:560px; } .data-card { padding:20px !important; }
 .industry-strip { flex-direction:column; gap:8px; } .testimonial-grid { grid-template-columns:1fr 1fr; }
 .testimonial-card:last-child { display:flex; grid-column:auto; } .testimonial-card:last-child .testimonial-bold { font:500 16px/1.55 var(--body); }
 .testimonial-card:last-child .testimonial-author { margin-top:24px !important; }
 .work-card { padding:23px !important; } .mini-bars { gap:4px; } .mini-bars i { width:8px; }
}
@media (min-width:761px) and (max-width:950px) {
 .hero-grid { grid-template-columns:1.2fr .8fr; min-height:540px; } .home .hero-copy h1 { font-size:42px; }
 .hero-portrait { height:540px; overflow:visible; } .hero-portrait img { width:125%; right:-20px; bottom:0; }
 .portrait-proof { bottom:25px; left:auto; right:0; width:125px; } .portrait-note { display:none; }
 .results-section { gap:35px; grid-template-columns:.85fr 1.15fr; } .home .results-copy p { font-size:14px; }
 .data-card > strong { font-size:32px; } .about-section { gap:25px; } .about-portrait img { width:130%; max-width:none; left:-10%; bottom:0; }
 .povlab-grid { grid-template-columns:1fr 1fr; } .povlab-wordmark { font-size:55px; }
 .work-grid { grid-template-columns:1fr 1fr; } .work-hydehill,.work-modern { grid-column:span 2; }
 .collaboration-paths { gap:12px; } .collaboration-paths a { padding:20px; } .collaboration-paths strong { font-size:16px; }
}
@media (max-width:760px) {
 .shell { width:calc(100% - 40px); } .section { padding-block:64px; }
 .home h2 { font-size:43px; letter-spacing:-1.4px; } .intro-hero { padding-top:72px; }
 .hero-grid { display:flex; flex-direction:column; gap:0; min-height:auto; }
 .hero-copy { width:100%; padding-block:43px 15px !important; }
 .home .hero-copy .eyebrow { font-size:10px; margin-bottom:20px; }
 .home .hero-copy h1 { font-size:clamp(36px,7.4vw,54px); line-height:1.065; letter-spacing:-1.6px; margin-bottom:22px; }
 .home .hero-description { font-size:15px; margin-bottom:24px; max-width:550px; }
 .button-row { gap:10px; } .home .button { font-size:12px; padding:13px 17px; min-height:46px; }
 .hero-portrait { height:460px; width:min(100%,460px); align-self:center; }
 .hero-portrait img { width:100%; bottom:-90px; }
 .portrait-note { top:25px; right:5px; font-size:22px; }
 .portrait-proof { width:121px; bottom:26px; left:0; padding:13px !important; }
 .portrait-proof > strong { font-size:28px; } .proof-metrics { padding-block:24px !important; }
 .proof-metrics .metric strong { font-size:34px; } .proof-metrics .metric span { font-size:10px; }
 .brand-strip { padding-block:29px !important; } .brand-track > div { gap:43px; padding-right:43px; }
 .brand { font-size:23px; } .brand-3,.brand-6 { font-size:16px; }
 .industry-strip { text-align:center; padding-top:22px !important; } .home .industry-strip p { font-size:11px; line-height:1.9; }
 .industry-strip span { margin-inline:4px; }
 .results-section { display:block; } .results-copy h2 br { display:none; } .results-copy h2 { max-width:370px; }
 .results-copy > p:not(.eyebrow) { max-width:100%; font-size:15px; } .data-grid { margin-top:32px !important; gap:12px; }
 .data-card { padding:19px 16px !important; min-height:195px; } .home .data-card > p { font-size:11px; }
 .data-card > strong { font-size:32px; } .data-card > span { font-size:10px; }
 .home .eyebrow { font-size:10px; margin-bottom:17px; }
 .testimonial-grid { display:flex; overflow:auto; scroll-snap-type:x mandatory; gap:15px; padding-bottom:18px !important; scrollbar-color:var(--color-accent) var(--color-surface); }
 .home .testimonial-card { flex:0 0 90%; scroll-snap-align:start; padding:29px 24px; }
 .testimonial-card:last-child .testimonial-quote { font-size:13px; }
 .about-section { display:flex; flex-direction:column; gap:0; padding-bottom:0; }
 .about-copy { padding-bottom:20px !important; } .home .about-copy p { font-size:15px; }
 .about-portrait { width:min(100%,440px); height:450px; align-self:center; }
 .about-portrait img { bottom:-100px; } .about-signature { bottom:70px; right:10px; font-size:53px; }
 .povlab-section { padding-block:60px; } .povlab-grid { grid-template-columns:1fr; gap:45px; }
 .home .povlab-lead { font-size:18px; } .home .povlab-copy > p:not(.povlab-lead) { font-size:15px; }
 .povlab-universe { border-left:0; border-top:1px solid #b8e7df; padding:30px 0 0 !important; min-height:0; }
 .povlab-wordmark { font-size:60px; } .creator-frames { margin-top:-15px !important; }
 .creator-frames img { max-width:110px; } .povlab-bottom { margin-top:25px !important; }
 .work-section .section-heading { display:block; } .work-section .section-heading .text-link { margin-top:20px; }
 .work-grid { grid-template-columns:1fr; gap:15px; }
 .work-hydehill,.work-modern { display:flex; grid-column:auto; }
 .work-hydehill .work-data { flex-direction:row; align-items:center; justify-content:space-between; margin-block:28px !important; }
 .work-modern .work-data { margin-block:28px !important; } .work-modern .work-summary,.work-hydehill .work-summary { margin-top:0; }
 .work-card { padding:26px !important; } .work-card h3 { font-size:26px; }
 .work-data .metric strong { font-size:40px; } .work-card .text-link { margin-bottom:0; }
 .mini-bars { gap:7px; } .mini-bars i { width:12px; }
 .collaboration-paths { grid-template-columns:1fr; gap:12px; margin-top:28px !important; }
 .collaboration-paths a { padding:23px; } .collaboration-paths strong { font-size:19px; }
 .home .contact { padding:60px 20px; } .home .contact .section-title { font-size:39px; }
 .home .custom-form { padding:24px 18px; } .home .contact-sub { font-size:15px; }
 .home-footer-top,.home-footer-bottom { align-items:flex-start; flex-direction:column; gap:24px; }
 .home .footer-links { gap:16px 22px; } .home-footer-bottom > div { gap:20px; }
 .case-dialog { padding:43px 23px 30px !important; } .case-dialog h2 { font-size:35px; }
 .detail-metrics .metric strong { font-size:35px; }
}
@media (max-width:390px) { .hero-portrait { height:400px; } .home .button { padding-inline:14px; } .compare-row span { font-size:8px; } }
@media (prefers-reduced-motion:reduce) { .brand-track { animation:none; } .brand-strip { overflow:auto; } .brand-track > div[aria-hidden] { display:none; } .marquee-toggle { display:none; } .creator-track { animation:none; } .creator-frames { overflow:auto; } .creator-track > div[aria-hidden] { display:none; } }
@media (min-width:951px) {
 .work-angel { grid-column:span 2; }
 .work-angel .work-data { justify-content:flex-start; gap:70px; }
}
.home .data-rule:before { width:100%; }
.home .data-card:first-child .data-rule { width:61.5%; background:var(--color-accent); }
/* Keep faces visible at every aspect ratio; the white cutout merges with the canvas. */
.hero-portrait img { width:auto; height:100%; max-width:100%; object-fit:contain; bottom:-15px; left:50%; right:auto; transform:translateX(-50%); }
.about-portrait img { width:auto; height:100%; max-width:100%; object-fit:contain; bottom:-15px; left:50%; transform:translateX(-50%); }
@media (min-width:1151px) {
 .testimonial-grid { grid-template-columns:repeat(6,1fr); }
 .testimonial-card { grid-column:span 2; }
 .testimonial-card:nth-child(4),.testimonial-card:nth-child(5) { grid-column:span 3; }
 .testimonial-card:last-child { grid-column:1/-1; }
}
@media (max-width:760px) {
 .hero-portrait { height:430px; }
 .hero-portrait img,.about-portrait img { height:auto; width:100%; max-height:none; top:0; bottom:auto; }
 .about-portrait { height:470px; }
}
.home .contact-options { display:grid; gap:16px; }
.home .contact-option { background:white; border:1px solid var(--color-border); border-radius:var(--radius); }
.home .contact-option > summary { padding:24px; cursor:pointer; font-size:17px; color:var(--color-text); }
.home .contact-option[open] > summary { border-bottom:1px solid var(--color-border); }
.home .contact-option .custom-form { border:0; margin:0; }
.home .booking-fallback { display:block; padding:18px 24px; font-size:14px; color:var(--color-accent-ink); }
.home footer { padding:40px max(24px,calc((100vw - var(--content-width))/2)); }
.testimonial-controls { display:none; }
@media (max-width:760px) {
 .testimonial-grid { align-items:flex-start; overflow-y:hidden; }
 .testimonial-controls { display:flex; justify-content:flex-end; gap:10px; margin-top:16px !important; }
 .testimonial-controls button { display:grid; place-items:center; width:44px; height:44px; border:1px solid var(--color-border); background:white; color:var(--color-accent-ink); font-size:22px; border-radius:var(--radius); }
 .testimonial-controls button:disabled { opacity:.4; cursor:default; }
}
/* Reference-inspired analytics: icon medallions, fine aqua strokes and soft fills. */
.results-section { grid-template-columns:.85fr 1.15fr; gap:70px; }
.data-grid { gap:20px; }
.data-card { min-height:242px; padding:23px !important; border-color:#ddf5f2; border-radius:9px; background:#fff; display:flex; flex-direction:column; }
.data-heading { display:grid; grid-template-columns:49px minmax(0,1fr); gap:15px; align-items:start; }
.data-icon { width:49px; height:49px; display:grid; place-items:center; border-radius:50%; background:#eafffb; color:var(--color-accent); }
.data-icon svg { width:26px; height:26px; stroke-width:2.5; }
.home .data-heading p { font-size:13px; line-height:1.4; color:var(--color-text-muted); margin:2px 0 9px; }
.data-heading strong { display:block; font:600 38px/1 var(--body); letter-spacing:-1.4px; color:var(--color-text); }
.data-visual { display:flex; align-items:flex-end; justify-content:flex-end; height:94px; margin-block:0 12px !important; }
.sparkline { display:block; width:194px; max-width:100%; height:108px; overflow:visible; color:var(--color-accent); }
.sparkline-stroke { stroke:currentColor; stroke-width:2.1; fill:none; stroke-linecap:round; stroke-linejoin:round; }
.sparkline circle { fill:currentColor; }
.data-visual .sparkline { width:70%; height:103px; }
.data-visual .mini-bars { width:75%; height:88px; gap:10px; padding:0 3px 5px !important; }
.mini-bars i { background:#93e4dd; }
.data-visual .mini-bars i { width:auto; flex:1; max-width:25px; opacity:.86; }
.data-visual .mini-bars i:nth-child(-n+2) { background:#a9eee7; }
.data-visual .mini-bars i:last-child { background:#58d8ce; }
.home .data-caption { margin-top:auto; color:var(--color-text-muted); font-size:11px; line-height:1.5; }
.creator-symbols { display:flex; align-items:center; width:100%; padding-top:12px !important; }
.creator-symbols span { width:39px; height:39px; border:3px solid white; border-radius:50%; background:#c6f3ec; display:grid; place-items:center; color:var(--color-accent-ink); }
.creator-symbols span + span { margin-left:-6px; }
.creator-symbols span:nth-child(even) { background:#e8faf7; }
.creator-symbols svg { width:20px; height:20px; }
.work-data .sparkline { width:145px; height:84px; flex-shrink:0; }
.work-data .mini-bars { height:68px; }
@media (min-width:761px) and (max-width:1050px) {
 .results-section { grid-template-columns:1fr; gap:35px; }
 .results-copy { max-width:640px; }
 .results-copy h2 br { display:none; }
 .results-copy > p:not(.eyebrow) { max-width:640px; }
 .data-card { min-height:242px; padding:24px !important; }
}
@media (max-width:760px) {
 .data-grid { gap:14px; }
 .data-card { min-height:236px; padding:21px !important; }
 .data-heading { grid-template-columns:46px minmax(0,1fr); gap:14px; }
 .data-icon { width:46px; height:46px; }
 .data-heading strong { font-size:36px; }
 .home .data-heading p { font-size:12px; }
 .home .data-caption { font-size:11px; }
 .data-visual .sparkline { width:68%; }
 .work-data .sparkline { width:135px; }
}
@media (max-width:580px) {
 .data-grid { grid-template-columns:1fr; }
 .data-card { min-height:234px; }
 .data-visual .mini-bars { width:70%; gap:10px; }
}
/* Editorial testimonial carousel: two complete cards beside the section heading. */
.home .testimonials-section { display:grid; grid-template-columns:.8fr 2fr; gap:48px; align-items:start; }
.home .testimonials-section .section-heading { margin:8px 0 0 !important; }
.home .testimonials-section h2 { font-size:clamp(38px,3.7vw,54px); line-height:1.08; }
.home .testimonial-grid { display:flex; gap:20px; min-width:0; overflow-x:auto; overflow-y:hidden; scroll-snap-type:x mandatory; scrollbar-width:none; padding:0 0 4px !important; align-items:flex-start; overscroll-behavior-x:contain; }
.home .testimonial-grid::-webkit-scrollbar { display:none; }
.home .testimonial-grid .testimonial-card { display:flex; flex-direction:column; flex:0 0 calc((100% - 20px)/2); min-width:0; grid-column:auto; padding:27px 25px 24px; border:1px solid #ddf1ef; border-radius:6px; scroll-snap-align:start; }
.home .testimonial-card:before { font-size:48px; line-height:.65; color:var(--color-accent); margin-bottom:19px; }
.home .testimonial-grid .testimonial-bold { font:500 15px/1.55 var(--body); margin-bottom:12px; }
.home .testimonial-grid .testimonial-quote { font:400 14px/1.6 var(--body); margin:0 0 23px; }
.home .testimonial-grid .testimonial-author { margin-top:auto !important; gap:10px; padding-top:4px; }
.home .testimonial-name { font-size:12px; }
.home .testimonial-role { color:var(--color-text); font-size:13px; font-weight:500; }
.home .testimonial-avatar { width:30px; height:30px; flex-shrink:0; }
.home .testimonial-controls { display:flex; justify-content:flex-start; align-items:center; gap:10px; margin-top:28px !important; }
.home .testimonial-controls[hidden] { display:none; }
.home .testimonial-controls button { display:grid; place-items:center; width:44px; height:44px; border:1px solid #b5ddd7; border-radius:50%; background:white; color:var(--color-accent-ink); font-size:23px; transition:background .2s,border-color .2s; }
.home .testimonial-controls button:hover:not(:disabled) { background:var(--color-accent-soft); border-color:var(--color-accent-ink); }
.home .testimonial-controls button:disabled { opacity:.35; cursor:default; }
.testimonial-position { color:var(--color-text-muted); font:400 12px var(--body); margin-left:6px !important; font-variant-numeric:tabular-nums; }
@media (max-width:1050px) {
 .home .testimonials-section { grid-template-columns:1fr; gap:28px; }
 .home .testimonials-section .section-heading { display:grid; grid-template-columns:1fr auto; gap:0 20px; }
 .home .testimonials-section .eyebrow { grid-column:1/-1; }
 .home .testimonials-section h2 br { display:none; }
 .home .testimonial-controls { margin-top:0 !important; align-self:end; }
}
@media (max-width:650px) {
 .home .testimonials-section .section-heading { display:block; }
 .home .testimonial-controls { margin-top:22px !important; }
 .home .testimonial-grid .testimonial-card { flex-basis:100%; padding:26px 24px; }
 .home .testimonials-section h2 { font-size:40px; }
}
.home .testimonial-grid .testimonial-author { padding-right:85px; min-height:38px; }
.testimonial-stars { position:absolute; bottom:27px; right:25px; font:400 13px/1 var(--body); letter-spacing:1px; color:#c88a00; white-space:nowrap; }
.home .testimonial-grid:focus-visible { outline:2px solid var(--color-focus); outline-offset:5px; }

/* Local brand artwork keeps testimonial attribution recognizable. */
.home .testimonial-logos { display:flex; align-items:center; gap:16px; min-height:52px; margin-top:auto; margin-bottom:16px; }
.home .testimonial-logos img { display:block; max-width:100%; object-fit:contain; object-position:left center; }
.home .testimonial-grid .testimonial-card-branded .testimonial-author { margin-top:0 !important; }


.home .testimonial-logo-plate { display:flex; align-items:center; padding:6px; background:#172d35; border-radius:4px; }
.home .testimonial-copy[hidden] { display:none; }
.home .testimonial-grid .testimonial-copy .testimonial-quote { margin-bottom:12px; }
.home .testimonial-read-more { align-self:flex-start; padding:4px 0; margin:0 0 20px; border:0; background:none; color:var(--color-accent-ink); font:500 14px/1.5 var(--body); text-decoration:underline; text-underline-offset:4px; cursor:pointer; }
.home .testimonial-read-more:focus-visible { outline:2px solid var(--color-focus); outline-offset:4px; }

/* Equal-width project cards share content rows, keeping metrics and links aligned. */
.home .work-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.home .work-card { display:grid; grid-column:auto; grid-row:span 4; grid-template-columns:minmax(0,1fr); grid-template-rows:subgrid; gap:14px; padding:20px !important; border-radius:16px; box-shadow:0 1px 3px rgb(15 40 35 / .05); transition:border-color .2s,box-shadow .2s,transform .2s; }
.home .work-card:hover { box-shadow:0 8px 20px rgb(15 40 35 / .09); transform:translateY(-2px); }
.home .work-card > * { grid-column:1; grid-row:auto; }
.home .work-top { align-items:start; }
.home .work-card h3 { font-size:18px; line-height:1.25; }
.home .work-arrow { font-size:16px; }
.home .work-card .case-description { margin-top:8px; font-size:12.5px; line-height:1.55; }
.home .work-card .work-data { display:flex; flex-direction:row; align-items:center; justify-content:space-between; gap:12px; min-height:56px; margin:0 !important; }
.home .work-card .work-data .metric { min-width:0; }
.home .work-card .work-data .metric strong { font-size:24px; }
.home .work-card .work-data .metric span { font-size:11px; }
.home .work-nicole .work-data .metric strong { font-size:20px; }
.home .work-card .work-data .sparkline { width:82px; height:48px; }
.home .work-card .work-data .mini-bars { gap:4px; height:40px; flex-shrink:0; }
.home .work-card .work-data .mini-bars i { width:6px; }
.home .work-card .work-summary { margin:0; padding-top:12px; font-size:11.5px; line-height:1.5; }
.home .work-card .text-link { align-self:end; margin:0; font-size:12px; gap:8px; }
@media (max-width:1100px) {
 .home .work-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:650px) {
 .home .work-grid { grid-template-columns:minmax(0,1fr); gap:14px; }
 .home .work-card { padding:18px !important; gap:12px; }
 .home .work-card .work-data .sparkline { width:80px; height:46px; }
}