:root{--ink:#0f0f0f;--paper:#f4f0e9;--cream:#e8dfd3;--accent:#ad452b;--white:#fffdf9;--muted:#665f57;--serif:"Playfair Display",Georgia,serif;--sans:"DM Sans",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.55}img,video{display:block;width:100%;object-fit:cover}a{color:inherit;text-decoration:none}.shell{width:min(1180px,calc(100% - 40px));margin:auto}.shell-wide{width:min(1450px,calc(100% - 24px));margin:auto}.hidden{display:none}.nav-wrap{position:sticky;top:0;z-index:30;background:rgba(244,240,233,.9);backdrop-filter:blur(16px);border-bottom:1px solid rgba(15,15,15,.13)}.nav{min-height:70px;display:flex;align-items:center;justify-content:space-between}.brand{font-size:.82rem;font-weight:800;letter-spacing:.16em}.nav-links{display:flex;gap:25px;align-items:center;font-size:.9rem}.nav-cta{border:1px solid;padding:9px 15px;border-radius:999px}.hero{min-height:790px;display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center;padding:90px 0 60px}.eyebrow,.section-label,.case-index{font-size:.72rem;font-weight:700;letter-spacing:.17em;text-transform:uppercase}.hero h1,.section-head h2,.positioning h2,.bts-card h2,.proof-copy h2,.contact-section h2,.fit h2{font-family:var(--serif);font-weight:600;line-height:1.02;margin:.35em 0}.hero h1{font-size:clamp(3.5rem,7vw,7.3rem);letter-spacing:-.045em}.hero h1 em{color:var(--accent);font-weight:500}.lede{max-width:660px;font-size:1.2rem;color:#3f3b36}.hero-actions{display:flex;align-items:center;gap:22px;margin-top:32px}.button{display:inline-block;background:var(--ink);color:var(--white);padding:14px 20px;border:0;border-radius:3px;font-weight:700;cursor:pointer}.ghost-link{font-weight:700;border-bottom:1px solid}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:65px;border-top:1px solid;padding-top:22px}.metric-row strong{display:block;font-size:1.35rem}.metric-row span{display:block;font-size:.8rem;color:var(--muted);margin-top:4px}.hero-reel{height:650px;display:grid;grid-template-columns:1.05fr .95fr;gap:10px;position:relative}.hero-reel video{height:100%;border-radius:7px}.hero-reel video:nth-child(2){margin-top:65px;height:calc(100% - 65px)}.reel-label{position:absolute;bottom:12px;left:12px;background:rgba(15,15,15,.85);color:white;padding:8px 11px;font-size:.72rem}.positioning{padding:120px 0}.positioning-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.positioning h2{font-size:clamp(2.8rem,5vw,5rem)}.positioning p{font-size:1.1rem;margin-top:0}.capabilities{padding:120px 0;background:var(--cream)}.section-head{max-width:860px;margin-bottom:65px}.section-head h2{font-size:clamp(2.8rem,5vw,5rem)}.section-intro{font-size:1.08rem;color:var(--muted);max-width:720px}.section-intro.light{color:#cfc8bf}.cap-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid}.cap-grid article{padding:35px;border-right:1px solid;border-bottom:1px solid}.cap-grid article:nth-child(3n){border-right:0}.cap-grid span{color:var(--accent);font-size:.75rem}.cap-grid h3{font-family:var(--serif);font-size:2.1rem;margin:12px 0}.cap-grid p{color:var(--muted)}.work{background:var(--ink);color:var(--white);padding:120px 0}.work .section-label{color:#d8a995}.case-study{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:start;padding:80px 0 130px;border-top:1px solid #3a3937}.case-reverse{grid-template-columns:1.1fr .9fr}.case-reverse .case-copy{order:2}.case-reverse .mosaic{order:1}.case-copy{position:sticky;top:105px}.case-copy h3{font-family:var(--serif);font-size:clamp(3rem,5vw,5.4rem);line-height:1;margin:10px 0}.case-hook{font-family:var(--serif);font-style:italic;font-size:1.5rem;color:#d8a995}.case-copy>p:not(.case-index,.case-hook){color:#cec8c0;font-size:1.08rem}.case-facts{margin-top:35px}.case-facts div{display:grid;grid-template-columns:110px 1fr;gap:18px;padding:18px 0;border-top:1px solid #403d39}.case-facts span{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:#d8a995}.case-facts p{margin:0;color:#e1ddd6}.mosaic{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mosaic img{height:440px}.mosaic-main{grid-column:span 2;height:700px!important}.video-library{padding:120px 0}.video-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.video-grid figure{margin:0;background:var(--white);border:1px solid #d4ccc1;cursor:pointer}.video-grid video{height:430px;filter:saturate(.85);transition:.3s}.video-grid figure:hover video{filter:none}.video-grid figcaption{padding:16px}.video-grid figcaption strong,.video-grid figcaption span{display:block}.video-grid figcaption span{font-size:.82rem;color:var(--muted);margin-top:5px}.proof{display:grid;grid-template-columns:1fr 1fr;background:#dad0c3}.proof-visual img{height:690px}.proof-copy{padding:70px;align-self:center}.proof-copy h2{font-size:4.2rem}.proof-copy p{font-size:1.08rem}.proof-points{display:flex;flex-wrap:wrap;gap:9px;margin-top:30px}.proof-points span,.fit-tags span{border:1px solid;padding:10px 13px;background:rgba(255,255,255,.45)}.bts{position:relative;margin-top:25px}.bts img{height:790px}.bts-card{position:absolute;right:6%;bottom:7%;background:var(--paper);max-width:500px;padding:50px}.bts-card h2{font-size:3.4rem}.process{padding:130px 0}.process-line{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid}.process-line div{padding:28px;border-right:1px solid;border-bottom:1px solid}.process-line div:nth-child(3n){border-right:0}.process-line b{font-size:.72rem;color:var(--accent)}.process-line h3{font-family:var(--serif);font-size:2rem;margin:10px 0}.process-line p{color:var(--muted)}.services{padding:130px 0;background:var(--cream)}.pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.pricing-grid article{background:var(--white);padding:30px;border:1px solid #c9bfb2;display:flex;flex-direction:column;min-height:510px}.pricing-grid article.featured{background:var(--ink);color:var(--white);transform:translateY(-16px)}.package{font-size:.7rem;text-transform:uppercase;letter-spacing:.14em;font-weight:700}.pricing-grid h3{font-family:var(--serif);font-size:3rem;margin:10px 0}.pricing-grid h3 span{font-family:var(--sans);font-size:1rem}.pricing-grid ul{padding-left:20px;flex:1}.pricing-grid li{margin:10px 0}.pricing-grid a{font-weight:700;border-top:1px solid;padding-top:18px}.badge{font-size:.68rem;color:#d8a995;text-transform:uppercase;letter-spacing:.12em}.fit{padding:125px 0}.fit h2{font-size:clamp(3rem,6vw,6rem);max-width:1050px}.fit-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:35px}.contact-section{padding:120px 0;background:var(--ink);color:var(--white)}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px}.contact-section h2{font-size:clamp(3rem,5vw,5.5rem)}.contact-section p{color:#d4cec5}.direct a{border-bottom:1px solid}.contact-section form{background:var(--white);color:var(--ink);padding:35px}.contact-section label{display:block;font-size:.82rem;font-weight:700;margin-bottom:16px}.contact-section input,.contact-section select,.contact-section textarea{display:block;width:100%;margin-top:7px;padding:12px;border:1px solid #cfc6bb;background:#faf8f4;font:inherit}.footer{display:flex;justify-content:space-between;padding:28px 0;border-top:1px solid;font-size:.8rem}.video-modal{position:fixed;inset:0;background:rgba(0,0,0,.92);z-index:100;display:none;align-items:center;justify-content:center;padding:40px}.video-modal.open{display:flex}.video-modal video{max-width:min(900px,90vw);max-height:88vh;width:auto}.video-modal button{position:absolute;right:25px;top:15px;color:white;background:none;border:0;font-size:3rem;cursor:pointer}@media(max-width:1050px){.hero,.positioning-grid,.case-study,.case-reverse,.proof,.contact-grid{grid-template-columns:1fr}.hero{padding-top:55px}.hero-reel{height:590px}.case-reverse .case-copy,.case-reverse .mosaic{order:initial}.case-copy{position:static}.cap-grid{grid-template-columns:repeat(2,1fr)}.cap-grid article:nth-child(3n){border-right:1px solid}.cap-grid article:nth-child(2n){border-right:0}.video-grid{grid-template-columns:repeat(2,1fr)}.pricing-grid{grid-template-columns:repeat(2,1fr)}.pricing-grid article.featured{transform:none}.proof-copy{padding:50px}}@media(max-width:650px){.nav-links a:not(.nav-cta){display:none}.hero{min-height:auto;gap:45px}.hero h1{font-size:3.45rem}.hero-reel{height:470px}.metric-row{grid-template-columns:1fr}.positioning,.capabilities,.work,.video-library,.process,.services,.fit,.contact-section{padding-top:80px;padding-bottom:80px}.cap-grid,.pricing-grid{grid-template-columns:1fr}.cap-grid article{border-right:0}.mosaic-main{height:500px!important}.mosaic img{height:300px}.video-grid{grid-template-columns:1fr}.video-grid video{height:590px}.proof-visual img{height:520px}.proof-copy{padding:40px 25px}.proof-copy h2,.bts-card h2{font-size:3rem}.bts img{height:620px}.bts-card{position:relative;right:auto;bottom:auto;max-width:none}.process-line{grid-template-columns:1fr}.process-line div{border-right:0}.footer{flex-direction:column;gap:8px}}/* V4: mobile video reliability, reviews, FAQ and conversion sections */
.video-cover{position:relative;background:#171513;overflow:hidden;aspect-ratio:9/16}.video-cover video{height:100%!important}.play-mark{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:rgba(255,253,249,.9);color:#111;font-size:1rem;padding-left:3px;box-shadow:0 10px 35px rgba(0,0,0,.24);pointer-events:none;transition:.25s}.video-grid figure:hover .play-mark{transform:translate(-50%,-50%) scale(.9);opacity:.15}.hero-reel video,.video-cover video{background:#181614}.reviews{padding:125px 0}.review-grid{display:grid;grid-template-columns:1.4fr .8fr .8fr;gap:16px}.review-card,.proof-card{margin:0;min-height:330px;padding:36px;border:1px solid #cbbfb1;background:#fffdf9;display:flex;flex-direction:column;justify-content:space-between}.featured-review{background:var(--ink);color:var(--white)}.featured-review p{font-family:var(--serif);font-size:2.45rem;line-height:1.18;margin:24px 0}.featured-review footer{color:#d8d0c6}.stars{letter-spacing:.18em;color:#e6b25d}.proof-card strong{font-family:var(--serif);font-size:4rem;line-height:1}.proof-card span{font-size:1.02rem;color:var(--muted)}.tools{padding:120px 0;border-top:1px solid}.tool-list{display:flex;flex-wrap:wrap;gap:10px}.tool-list span{padding:13px 16px;border:1px solid #bdb2a5;background:var(--white);font-weight:600}.free-review{margin-top:20px;margin-bottom:120px;padding:70px;background:var(--accent);color:white;display:flex;justify-content:space-between;align-items:end;gap:60px}.free-review h2{font-family:var(--serif);font-size:clamp(3rem,5vw,5.5rem);line-height:1;margin:.25em 0}.free-review p{max-width:780px;font-size:1.08rem}.light-button{background:var(--white);color:var(--ink);white-space:nowrap}.faq{padding:20px 0 130px}.faq-list{border-top:1px solid}.faq details{border-bottom:1px solid;padding:0 4px}.faq summary{font-family:var(--serif);font-size:1.65rem;cursor:pointer;padding:24px 0;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';float:right;font-family:var(--sans)}.faq details[open] summary:after{content:'–'}.faq details p{max-width:820px;color:var(--muted);padding-bottom:25px;margin-top:0}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:1050px){.review-grid{grid-template-columns:1fr 1fr}.featured-review{grid-column:span 2}.free-review{align-items:flex-start;flex-direction:column}}
@media(max-width:650px){.hero-reel{height:500px}.hero-reel video{background-position:center}.video-grid video{height:100%!important}.video-cover{aspect-ratio:4/5}.play-mark{width:62px;height:62px}.review-grid{grid-template-columns:1fr}.featured-review{grid-column:auto}.featured-review p{font-size:2rem}.review-card,.proof-card{min-height:260px}.free-review{padding:42px 24px;margin-bottom:80px}.free-review h2{font-size:3rem}.tools{padding:80px 0}.faq{padding-bottom:85px}.faq summary{font-size:1.35rem}.footer span:last-child{max-width:330px}}


.performance-proof{padding:130px 0}
.performance-dashboard{display:grid;grid-template-columns:1.45fr .55fr;gap:28px;align-items:stretch}
.dashboard-image{background:var(--white);border:1px solid #d2c9bd;padding:12px}
.dashboard-image img{height:100%;min-height:430px;object-fit:contain;background:#f7f7f7}
.dashboard-notes{background:var(--ink);color:var(--white);padding:38px;display:flex;flex-direction:column;justify-content:center}
.dashboard-notes div{padding:18px 0;border-bottom:1px solid #3d3935}
.dashboard-notes strong{display:block;font-family:var(--serif);font-size:2.5rem;line-height:1}
.dashboard-notes span{display:block;color:#cfc8bd;margin-top:7px;font-size:.88rem}
.dashboard-notes p{margin:28px 0 0;color:#ded8cf}
.funnel-proof{display:grid;grid-template-columns:.7fr 1.3fr .7fr 1.3fr;gap:24px;margin-top:28px;align-items:center;background:#ded5c9;padding:36px}
.phone-shot{background:var(--white);padding:8px;border:1px solid #c8beb1;box-shadow:0 18px 45px rgba(31,25,19,.12)}
.phone-shot img{height:620px;object-fit:contain;background:#f7f7f7}
.funnel-copy{padding:18px}
.funnel-copy h3{font-family:var(--serif);font-size:3rem;line-height:1.05;margin:12px 0 18px}
.funnel-copy p:not(.case-index){color:#514b44}
.funnel-copy ul{padding-left:18px}
.funnel-copy li{margin:11px 0}
@media(max-width:1000px){
  .performance-dashboard{grid-template-columns:1fr}
  .funnel-proof{grid-template-columns:.75fr 1.25fr}
}
@media(max-width:650px){
  .performance-proof{padding:80px 0}
  .dashboard-image img{min-height:0;height:auto}
  .dashboard-notes{padding:28px}
  .funnel-proof{grid-template-columns:1fr;padding:18px}
  .phone-shot img{height:auto;max-height:none}
  .funnel-copy{padding:10px 4px 28px}
  .funnel-copy h3{font-size:2.6rem}
}

.paid-social-proof{background:#0f1012;color:#f6f1e9;padding:120px 0}
.psp-header{display:grid;grid-template-columns:1fr .8fr;gap:80px;align-items:end;margin-bottom:45px}
.psp-header h2{font-family:var(--serif);font-size:clamp(3rem,5vw,5.4rem);line-height:1.02;margin:.25em 0}
.psp-header p:not(.section-label){color:#c9c4bd;font-size:1.08rem}
.psp-dashboard{background:#fff;border-radius:10px;padding:10px;box-shadow:0 30px 80px rgba(0,0,0,.35)}
.psp-dashboard img{width:100%;height:auto;border-radius:7px}
.psp-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px;margin-top:20px}
.psp-grid article{background:linear-gradient(145deg,#202125,#16171a);border:1px solid #34353a;padding:28px;border-radius:8px}
.psp-grid article:last-child{background:#e8d7bf;color:#141414;border-color:#e8d7bf}
.psp-kicker{font-size:.72rem;text-transform:uppercase;letter-spacing:.14em;font-weight:700;color:#d7b28f}
.psp-grid li{margin:10px 0;color:#ddd8d0}
.psp-grid article:nth-child(2)>p:last-child{color:#ddd8d0}
.psp-review blockquote{font-family:var(--serif);font-size:1.45rem;line-height:1.25;margin:14px 0}
.psp-review .stars{letter-spacing:.12em}
.psp-review span{font-size:.82rem}
.review-proof{font-size:.78rem;border-top:1px solid rgba(0,0,0,.2);padding-top:14px;margin-top:20px}
@media(max-width:900px){.psp-header,.psp-grid{grid-template-columns:1fr}.paid-social-proof{padding:80px 0}}


/* V6: genuine testimonials, proof, availability and mobile CTA */
.testimonials{padding:130px 0}
.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.testimonial-card{margin:0;background:var(--white);border:1px solid #d1c7bb;padding:38px;min-height:390px;display:flex;flex-direction:column;position:relative}
.testimonial-card.featured-testimonial{background:var(--ink);color:var(--white);transform:translateY(-18px)}
.testimonial-card.customer-testimonial{background:#ded4c7}
.testimonial-card .quote-mark{font-family:var(--serif);font-size:6rem;line-height:.65;color:var(--accent)}
.testimonial-card .stars{margin:22px 0 12px;letter-spacing:.12em;color:#b66a43}
.testimonial-card p{font-family:var(--serif);font-size:1.55rem;line-height:1.3;margin:0 0 35px;flex:1}
.testimonial-card footer{display:flex;flex-direction:column;border-top:1px solid rgba(17,16,15,.2);padding-top:18px}
.featured-testimonial footer{border-color:rgba(255,255,255,.2)}
.testimonial-card footer strong{font-size:.95rem}
.testimonial-card footer span{font-size:.82rem;color:#6a6259;margin-top:3px}
.featured-testimonial footer span{color:#c9c1b8}
.proof-strip{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid;border-bottom:1px solid;margin-top:55px}
.proof-strip div{padding:28px;border-right:1px solid}
.proof-strip div:last-child{border-right:0}
.proof-strip strong,.proof-strip span{display:block}
.proof-strip strong{font-family:var(--serif);font-size:2.2rem}
.proof-strip span{font-size:.82rem;color:#625b53;margin-top:5px}

.done-section{padding:120px 0}
.done-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid;border-left:1px solid}
.done-grid div{min-height:150px;padding:28px;border-right:1px solid;border-bottom:1px solid;background:rgba(255,255,255,.25)}
.done-grid span{color:var(--accent);font-weight:800}
.done-grid p{font-family:var(--serif);font-size:1.35rem;line-height:1.2;margin:18px 0 0}

.availability{padding:110px 0;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;border-top:1px solid}
.availability h2{font-family:var(--serif);font-size:clamp(2.7rem,5vw,5rem);line-height:1.02;margin:.35em 0}
.availability-tags{display:flex;flex-wrap:wrap;gap:10px}
.availability-tags span{background:var(--white);border:1px solid #cfc5b8;padding:12px 15px}

.mobile-hire-button{display:none}

@media(max-width:1000px){
  .testimonial-grid{grid-template-columns:1fr}
  .testimonial-card.featured-testimonial{transform:none}
  .done-grid{grid-template-columns:repeat(2,1fr)}
  .availability{grid-template-columns:1fr}
}
@media(max-width:650px){
  .testimonials,.done-section,.availability{padding:80px 0}
  .proof-strip{grid-template-columns:1fr}
  .proof-strip div{border-right:0;border-bottom:1px solid}
  .proof-strip div:last-child{border-bottom:0}
  .done-grid{grid-template-columns:1fr}
  .mobile-hire-button{display:block;position:fixed;left:14px;right:14px;bottom:14px;z-index:60;background:var(--ink);color:var(--white);text-align:center;padding:14px 18px;border-radius:4px;font-weight:700;box-shadow:0 10px 35px rgba(0,0,0,.25)}
  body{padding-bottom:74px}
}
\n\n/* V7 strategic structure */\n.about-v7{padding:110px 0;border-top:1px solid}\n.about-kicker{font-size:.72rem;font-weight:700;letter-spacing:.17em}\n.about-v7-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:90px;margin-top:25px}\n.about-v7 h2{font-family:var(--serif);font-size:clamp(3rem,5vw,5rem);line-height:1.03;margin:0}\n.about-v7 p{font-size:1.1rem;margin-top:0}\n.projects-v7{padding:120px 0}\n.project-grid-v7{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid;border-left:1px solid}\n.project-card-v7{min-height:290px;padding:28px;border-right:1px solid;border-bottom:1px solid;display:flex;flex-direction:column;transition:.25s;background:rgba(255,255,255,.18)}\n.project-card-v7:hover{background:var(--white);transform:translateY(-4px)}\n.project-card-v7 span{font-size:.72rem;color:var(--accent);font-weight:700}\n.project-card-v7 h3{font-family:var(--serif);font-size:2rem;line-height:1.05;margin:24px 0 12px}\n.project-card-v7 p{color:#5f5951;flex:1}\n.project-card-v7 b{font-size:.85rem}\n.ai-v7{padding:120px 0;border-top:1px solid}\n.ai-flow-v7{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid;border-left:1px solid}\n.ai-flow-v7 div{padding:28px;border-right:1px solid;border-bottom:1px solid;min-height:220px}\n.ai-flow-v7 b{color:var(--accent);font-size:.72rem}\n.ai-flow-v7 h3{font-family:var(--serif);font-size:1.8rem;margin:16px 0 10px}\n.ai-flow-v7 p{color:#5d574f}\n.learned-v7{padding:120px 0}\n.learned-grid-v7{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}\n.learned-grid-v7 article{background:var(--ink);color:var(--white);padding:34px;display:grid;grid-template-columns:60px 1fr;gap:15px;align-items:start}\n.learned-grid-v7 strong{color:#d9ad9d}\n.learned-grid-v7 p{font-family:var(--serif);font-size:1.35rem;line-height:1.25;margin:0}\n.breakdown-link{margin-top:14px;border:0;background:none;padding:0;font:inherit;font-weight:700;text-decoration:underline;cursor:pointer;color:inherit}\n@media(max-width:1000px){.about-v7-grid{grid-template-columns:1fr}.project-grid-v7,.ai-flow-v7{grid-template-columns:repeat(2,1fr)}}\n@media(max-width:650px){.about-v7,.projects-v7,.ai-v7,.learned-v7{padding:80px 0}.project-grid-v7,.ai-flow-v7,.learned-grid-v7{grid-template-columns:1fr}.project-card-v7{min-height:220px}}\n
/* V7.1 interaction fixes */
.video-cover{cursor:pointer}
.breakdown-link{margin-top:12px;border:1px solid var(--ink);background:transparent;color:var(--ink);padding:8px 11px;font:inherit;font-size:.82rem;font-weight:700;cursor:pointer;border-radius:2px}
.breakdown-link:hover{background:var(--ink);color:var(--white)}
.breakdown-modal{position:fixed;inset:0;z-index:120;background:rgba(10,9,8,.82);display:none;align-items:center;justify-content:center;padding:24px;backdrop-filter:blur(8px)}
.breakdown-modal.open{display:flex}
.breakdown-panel{position:relative;width:min(720px,100%);max-height:90vh;overflow:auto;background:var(--paper);padding:46px;border:1px solid #cfc5b8;box-shadow:0 30px 100px rgba(0,0,0,.35)}
.breakdown-panel h2{font-family:var(--serif);font-size:clamp(2.6rem,6vw,5rem);line-height:1;margin:.3em 0 .55em}
.breakdown-close{position:absolute;right:18px;top:12px;border:0;background:transparent;font-size:2.4rem;cursor:pointer}
.breakdown-body{border-top:1px solid}
.breakdown-body>div{display:grid;grid-template-columns:150px 1fr;gap:24px;padding:20px 0;border-bottom:1px solid #cfc5b8}
.breakdown-body span{font-size:.72rem;text-transform:uppercase;letter-spacing:.13em;font-weight:700;color:var(--accent)}
.breakdown-body p{margin:0}
@media(max-width:650px){.breakdown-panel{padding:34px 24px}.breakdown-body>div{grid-template-columns:1fr;gap:7px}}


/* V8: outreach-ready layout and mobile-first video presentation */
.hero-reel-v8{
  height:680px;
  display:block;
  position:relative;
  overflow:hidden;
  border-radius:10px;
  background:#111;
}
.hero-reel-v8 video{
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
  background:#111;
  border-radius:10px;
}
.hero-reel-v8 .reel-label{left:50%;transform:translateX(-50%);white-space:nowrap}

.about-v8{
  padding:120px 0;
  display:grid;
  grid-template-columns:.72fr 1.28fr;
  gap:85px;
  align-items:center;
  border-top:1px solid;
}
.about-v8-image{background:#ddd3c7;padding:10px}
.about-v8-image img{aspect-ratio:4/5;object-fit:cover;object-position:center 25%}
.about-v8-copy h2{
  font-family:var(--serif);
  font-size:clamp(3rem,5.5vw,5.6rem);
  line-height:1.02;
  margin:.3em 0;
}
.about-v8-copy>p:not(.section-label){font-size:1.08rem;max-width:760px}
.about-v8-points{display:flex;flex-wrap:wrap;gap:9px;margin-top:30px}
.about-v8-points span{border:1px solid #cbc0b3;background:var(--white);padding:10px 13px}

.why-v8{padding:20px 0 120px}
.why-v8-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid;border-left:1px solid;margin-top:28px}
.why-v8-grid article{padding:28px;border-right:1px solid;border-bottom:1px solid;min-height:230px}
.why-v8-grid strong{color:var(--accent);font-size:.72rem}
.why-v8-grid h3{font-family:var(--serif);font-size:1.8rem;line-height:1.1;margin:17px 0 12px}
.why-v8-grid p{color:var(--muted)}

.video-library{overflow:hidden}
.video-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(210px,1fr));
  gap:18px;
  align-items:start;
}
.video-grid figure{
  border:0;
  background:transparent;
  overflow:visible;
}
.video-cover{
  position:relative;
  aspect-ratio:9/16;
  border:8px solid #171717;
  border-radius:30px;
  overflow:hidden;
  background:#080808;
  box-shadow:0 18px 45px rgba(27,20,15,.18);
}
.video-grid video{
  width:100%;
  height:100%;
  aspect-ratio:9/16;
  object-fit:contain;
  object-position:center;
  background:#080808;
  filter:none;
}
.video-grid figcaption{padding:18px 5px 0}
.video-grid figcaption strong{font-size:1rem}
.play-mark{z-index:3}

.direction-v8{padding:110px 0;background:#151515;color:var(--white)}
.direction-v8-media{
  display:grid;
  grid-template-columns:1.3fr .7fr;
  gap:12px;
  padding:0 12px;
}
.direction-v8-video{position:relative;background:#050505}
.direction-v8-video video{
  height:720px;
  object-fit:contain;
  background:#050505;
}
.direction-v8-video span{
  position:absolute;
  left:18px;
  bottom:18px;
  background:rgba(0,0,0,.8);
  padding:9px 12px;
  font-size:.75rem;
}
.direction-v8-media>img{height:720px}
.direction-v8-copy{
  width:min(1180px,calc(100% - 40px));
  margin:55px auto 0;
  display:grid;
  grid-template-columns:1.2fr .8fr;
  gap:90px;
  align-items:end;
}
.direction-v8-copy h2{
  font-family:var(--serif);
  font-size:clamp(3rem,5.5vw,5.5rem);
  line-height:1.02;
  margin:.3em 0;
}
.direction-v8-copy p{color:#d0cbc4;max-width:760px}
.direction-v8-profile{display:flex;align-items:center;gap:18px;border-top:1px solid #494949;padding-top:20px}
.direction-v8-profile img{width:76px;height:76px;border-radius:50%;object-fit:cover;object-position:center 25%}
.direction-v8-profile strong,.direction-v8-profile span{display:block}
.direction-v8-profile span{font-size:.8rem;color:#aaa;margin-top:3px}

@media(max-width:1100px){
  .about-v8{grid-template-columns:.85fr 1.15fr}
  .why-v8-grid{grid-template-columns:repeat(2,1fr)}
  .video-grid{grid-template-columns:repeat(3,minmax(220px,1fr))}
}
@media(max-width:800px){
  .about-v8{grid-template-columns:1fr;gap:40px}
  .about-v8-image{max-width:520px}
  .direction-v8-media,.direction-v8-copy{grid-template-columns:1fr}
  .direction-v8-video video,.direction-v8-media>img{height:auto;max-height:700px}
}
@media(max-width:650px){
  .hero-reel-v8{height:auto;aspect-ratio:9/16;max-height:none}
  .hero-reel-v8 video{aspect-ratio:9/16}
  .hero-reel-v8 .reel-label{font-size:.66rem;max-width:90%;white-space:normal;text-align:center}
  .about-v8,.direction-v8{padding-top:80px;padding-bottom:80px}
  .why-v8{padding-bottom:80px}
  .why-v8-grid{grid-template-columns:1fr}
  .video-grid{
    display:flex;
    overflow-x:auto;
    gap:18px;
    padding:5px 20px 28px;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
  }
  .video-grid::-webkit-scrollbar{display:none}
  .video-grid figure{
    flex:0 0 min(78vw,310px);
    scroll-snap-align:center;
  }
  .video-cover{border-width:7px;border-radius:28px}
  .video-grid video{height:100%!important}
  .direction-v8-media{padding:0}
  .direction-v8-copy{width:min(100% - 40px,1180px);gap:35px}
}

/* V9: A Studio Collective rebrand */
.studio-model{padding:110px 0}
.studio-model-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid;border-left:1px solid}
.studio-model-grid article{padding:28px;border-right:1px solid;border-bottom:1px solid;min-height:230px;background:rgba(255,255,255,.25)}
.studio-model-grid span{font-size:.72rem;color:var(--accent);font-weight:700}
.studio-model-grid h3{font-family:var(--serif);font-size:1.8rem;line-height:1.1;margin:18px 0 12px}
.studio-model-grid p{color:var(--muted)}
.brand{max-width:240px;line-height:1.1}
@media(max-width:1000px){.studio-model-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.studio-model{padding:80px 0}.studio-model-grid{grid-template-columns:1fr}}


/* V9.1 brand lockup */
.brand-lockup{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:3px;
  text-decoration:none;
}
.brand-lockup span{
  font-weight:800;
  letter-spacing:.14em;
  font-size:.8rem;
  line-height:1;
}
.brand-lockup small{
  font-size:.58rem;
  letter-spacing:.18em;
  text-transform:uppercase;
  opacity:.62;
  line-height:1;
}
.footer small{
  display:block;
  margin-top:4px;
  font-size:.64rem;
  letter-spacing:.12em;
  text-transform:uppercase;
  opacity:.58;
}
@media(max-width:650px){
  .brand-lockup span{font-size:.72rem}
  .brand-lockup small{font-size:.54rem}
}

.form-note{font-size:.76rem;color:#6b645c;margin:12px 0 0}


/* V9.3 hero video interaction */
.hero-reel-v8{cursor:pointer}
.hero-reel-v8::after{
  content:'▶';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  width:72px;height:72px;border-radius:50%;display:grid;place-items:center;
  background:rgba(255,255,255,.88);color:#111;font-size:1.35rem;padding-left:4px;
  box-shadow:0 12px 35px rgba(0,0,0,.22);transition:transform .2s ease,background .2s ease;
  pointer-events:none;
}
.hero-reel-v8:hover::after{transform:translate(-50%,-50%) scale(1.06);background:#fff}
.hero-reel-v8:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
@media(max-width:650px){.hero-reel-v8::after{width:64px;height:64px}}


/* V10 outreach-ready improvements */
.service-strip{
  border-top:1px solid #cdc3b6;
  border-bottom:1px solid #cdc3b6;
  background:rgba(255,255,255,.28);
}
.service-strip-inner{
  min-height:72px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  overflow-x:auto;
  scrollbar-width:none;
}
.service-strip-inner::-webkit-scrollbar{display:none}
.service-strip span{
  flex:0 0 auto;
  font-size:.72rem;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.selected-results{
  padding:120px 0;
  display:grid;
  grid-template-columns:.75fr 1.25fr;
  gap:80px;
  align-items:start;
  border-top:1px solid;
}
.results-copy h2{
  font-family:var(--serif);
  font-size:clamp(3rem,5.4vw,5.4rem);
  line-height:1.02;
  margin:.3em 0;
}
.results-copy>p:not(.section-label){color:#5f5951}
.results-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  border-top:1px solid;
  border-left:1px solid;
}
.results-grid article{
  min-height:170px;
  padding:26px;
  border-right:1px solid;
  border-bottom:1px solid;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  transition:transform .2s ease,background .2s ease;
}
.results-grid article:hover{
  transform:translateY(-4px);
  background:var(--white);
}
.results-grid strong{
  display:block;
  font-family:var(--serif);
  font-size:2.45rem;
  line-height:1;
}
.results-grid span{
  display:block;
  color:#625b53;
  font-size:.8rem;
  margin-top:9px;
}

.proof-disclaimer{
  margin-top:-35px;
  margin-bottom:16px;
  font-size:.75rem;
  color:#716960;
  text-align:right;
}

.outreach-cta{
  padding:90px max(30px,5vw);
  background:var(--ink);
  color:var(--white);
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:60px;
}
.outreach-cta>div{max-width:900px}
.outreach-cta h2{
  font-family:var(--serif);
  font-size:clamp(3rem,6vw,6rem);
  line-height:1.02;
  margin:.3em 0;
}
.outreach-cta p:not(.section-label){color:#cbc5bd;max-width:720px}
.outreach-cta .light-button{
  flex:0 0 auto;
  background:var(--white);
  color:var(--ink);
}

.cap-grid article,
.studio-model-grid article,
.why-v8-grid article,
.pricing-grid article,
.testimonial-card,
.project-card-v7,
.video-cover{
  transition:transform .22s ease,box-shadow .22s ease,background .22s ease;
}
.cap-grid article:hover,
.studio-model-grid article:hover,
.why-v8-grid article:hover{
  transform:translateY(-4px);
  background:var(--white);
}
.pricing-grid article:hover,
.testimonial-card:hover{
  transform:translateY(-7px);
  box-shadow:0 20px 50px rgba(25,18,13,.12);
}
.featured-testimonial:hover,
.pricing-grid article.featured:hover{
  transform:translateY(-24px);
}
.button,.nav-cta,.ghost-link{
  transition:transform .18s ease,opacity .18s ease,background .18s ease;
}
.button:hover,.nav-cta:hover{transform:translateY(-2px)}
.ghost-link:hover{opacity:.65}

@media(max-width:1000px){
  .selected-results{grid-template-columns:1fr;gap:40px}
  .results-grid{grid-template-columns:repeat(2,1fr)}
  .outreach-cta{align-items:flex-start;flex-direction:column}
}
@media(max-width:650px){
  .service-strip-inner{padding-top:18px;padding-bottom:18px}
  .selected-results{padding:80px 0}
  .results-grid{grid-template-columns:1fr}
  .results-grid article{min-height:130px}
  .proof-disclaimer{text-align:left;margin-top:-25px}
  .outreach-cta{padding:70px 24px}
  .featured-testimonial:hover,
  .pricing-grid article.featured:hover{transform:translateY(-7px)}
}


/* V10.1 hero autoplay behaviour */
.hero-reel-v8::after{display:none!important;content:none!important}
.hero-reel-v8{cursor:zoom-in}
.hero-reel-v8 video{pointer-events:none}
.hero-reel-v8 .reel-label{
  opacity:.82;
  transition:opacity .25s ease;
}
.hero-reel-v8:hover .reel-label{opacity:1}
@media(max-width:650px){
  .hero-reel-v8 .reel-label{
    font-size:.62rem;
    padding:7px 10px;
  }
}