@layer vera-legacy {
/* Original block */

/* embedded base */

:root{
  --milk:#FCF9F4;
  --paper:#FCF9F4;
  --ink:#2e1f17;
  --soft:#6a5548;
  --blush:#f0c2b4;
  --butter:#f0c674;
  --sun:#dda23f;
  --lav:#A9C9BF;
  --line:rgba(46,31,23,.16);
  --serif:"DM Sans",Arial,sans-serif;
  --sans:"Montserrat",Arial,sans-serif;
  --pad:clamp(20px,4.5vw,72px);
  --max:1500px;
  --nav-h:82px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--paper);color:var(--ink)}
body{margin:0;font-family:var(--sans);background:var(--paper);color:var(--ink);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
button,input,select,textarea{font:inherit}
::selection{background:var(--butter);color:var(--ink)}
.skip-link{position:fixed;z-index:9999;left:12px;top:12px;padding:10px 14px;background:var(--ink);color:var(--milk);transform:translateY(-200%);transition:.2s}
.skip-link:focus{transform:none}
.shell{width:min(calc(100% - 2*var(--pad)),var(--max));margin-inline:auto}
.section{padding:clamp(88px,11vw,172px) 0;border-top:1px solid var(--line);position:relative;overflow:hidden}

.eyebrow{font:600 10px/1.3 var(--sans);letter-spacing:.17em;text-transform:uppercase;color:var(--soft);margin:0 0 24px}
.display{font:400 clamp(50px,8vw,126px)/.88 var(--serif);letter-spacing:-.045em;margin:0}
.display em{font-style:italic;font-weight:400}
.headline{font:400 clamp(42px,6.1vw,92px)/.93 var(--serif);letter-spacing:-.038em;margin:0}
.headline em{font-style:italic;font-weight:400}

.dek{font-size:clamp(17px,1.5vw,23px);line-height:1.52;max-width:710px;color:var(--soft);margin:28px 0 0}
.small{font-size:14px;line-height:1.6;color:var(--soft)}
.rule{height:1px;background:var(--line);width:100%}

.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border:1px solid var(--ink);background:transparent;color:var(--ink);text-decoration:none;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;transition:background .25s,color .25s,transform .25s}
.btn:hover{background:var(--ink);color:var(--milk);transform:translateY(-2px)}
.btn.dark{background:var(--ink);color:var(--milk)}
.btn.dark:hover{background:#15100d}

/* Header */
.site-header{position:fixed;inset:0 0 auto 0;height:var(--nav-h);z-index:1000;display:flex;align-items:center;background:rgba(251,247,240,.84);backdrop-filter:saturate(120%) blur(16px);border-bottom:1px solid transparent;transition:.3s}
.site-header.scrolled{border-bottom-color:var(--line);background:rgba(251,247,240,.95)}
.nav{width:min(calc(100% - 2*var(--pad)),var(--max));margin:auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:30px}
.nav-side{display:flex;align-items:center;gap:clamp(18px,2.2vw,36px)}
.nav-side.right{justify-content:flex-end}
.nav a{text-decoration:none;font-size:11px;font-weight:600;letter-spacing:.075em;text-transform:uppercase}
.brand img{width:128px;height:auto}
.nav-cta{border:1px solid var(--ink);padding:12px 14px}
.menu{display:none;border:0;background:transparent;padding:8px 0;color:var(--ink);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.mobile-nav{display:none;position:fixed;z-index:990;top:var(--nav-h);left:0;right:0;background:var(--paper);border-bottom:1px solid var(--line);padding:24px var(--pad) 28px;flex-direction:column;gap:18px}
.mobile-nav.open{display:flex}
.mobile-nav a{text-decoration:none;font:400 28px/1 var(--serif)}

/* Baseline motion */
.baseline .line{display:block;overflow:hidden;padding-bottom:.08em;margin-bottom:-.08em}
.baseline .line>span{display:block}
.motion-ready .baseline .line>span{transform:translateY(0);transition:transform .82s cubic-bezier(.2,.72,.18,1);will-change:transform}
.motion-ready .baseline.is-in .line>span{transform:translateY(0)}
.motion-ready .baseline .line:nth-child(2)>span{transition-delay:.07s}
.motion-ready .baseline .line:nth-child(3)>span{transition-delay:.14s}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.motion-ready .baseline .line>span{transform:none!important;transition:none!important}.btn{transition:none}}

/* Hero */
.hero{min-height:100svh;padding-top:var(--nav-h);display:grid;align-items:end;position:relative;isolation:isolate;background:var(--milk);overflow:hidden}




.hero-copy{max-width:920px}
.hero .display{max-width:880px}
.hero .dek{max-width:640px;color:var(--ink);font-size:clamp(19px,1.7vw,26px)}


.hero-note{align-self:end;padding-bottom:10px;border-left:1px solid rgba(46,31,23,.28);padding-left:22px;max-width:320px}
.hero-note p{margin:0;font:400 clamp(22px,2.4vw,34px)/1.1 var(--serif)}
.hero-note span{display:block;margin-top:14px;font-size:12px;color:var(--soft)}


/* Emotional positioning */
.why{background:var(--paper)}













/* Work */
.work{background:var(--milk)}
.section-head{display:grid;grid-template-columns:1.35fr .65fr;gap:50px;align-items:end;margin-bottom:clamp(52px,7vw,94px)}
.section-head .small{max-width:400px;justify-self:end;margin:0}
.work-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(22px,3vw,44px);align-items:start}
.project{display:block;text-decoration:none;cursor:pointer}
.project-media{overflow:hidden;background:#e9ded0;position:relative}
.project-media img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.project:hover .project-media img{transform:scale(1.018)}
.project.one .project-media{aspect-ratio:1.18/1}
.project.two{margin-top:11vw}
.project.two .project-media{aspect-ratio:.93/1}
.project.three{grid-column:1/-1;display:grid;grid-template-columns:1.45fr .55fr;gap:clamp(20px,3vw,44px);margin-top:clamp(40px,7vw,100px);align-items:end}
.frontline-card{aspect-ratio:1.65/1;background:#0b0e63;color:#f7f3e9;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(28px,5vw,70px);position:relative;overflow:hidden}
.frontline-card:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 10%,rgba(255,255,255,.11),transparent 28%),linear-gradient(135deg,transparent 0 55%,rgba(255,255,255,.03) 55% 56%,transparent 56% 100%);pointer-events:none}


.project-cap{display:flex;justify-content:space-between;gap:20px;border-top:1px solid rgba(46,31,23,.26);padding-top:14px;margin-top:14px}
.project-cap h3{margin:0;font:400 clamp(28px,3vw,46px)/1 var(--serif)}
.project-cap span{font-size:11px;color:var(--soft);text-align:right}








/* Case studies */
.case-study{margin-top:clamp(70px,9vw,130px);border-top:1px solid rgba(46,31,23,.28)}
.case-study>summary{list-style:none;cursor:pointer;padding:26px 0;display:grid;grid-template-columns:90px 1fr auto;gap:24px;align-items:center}
.case-study>summary::-webkit-details-marker{display:none}




.case-study:not([open]) .case-toggle:before{content:"View story"}

.case-hero{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,6vw,100px);align-items:end;margin-bottom:clamp(70px,9vw,120px)}

.case-meta{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--soft);margin-bottom:18px}
.case-summary{max-width:650px;color:var(--soft);font-size:18px;margin:24px 0 0}
.case-image{background:#eee4d7;overflow:hidden}
.case-image.wide{aspect-ratio:16/8.6}

.case-image img{width:100%;height:100%;object-fit:cover}




.case-gallery{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:clamp(30px,4vw,54px) 0}
.case-gallery .case-image:first-child{grid-column:1/-1}











/* Recognition */
.recognition{background:var(--paper)}









/* Process */
.process{background:var(--ink);color:var(--milk)}
.process .eyebrow,.process .small,.process .dek{color:rgba(245,234,220,.72)}
.process-head{display:grid;grid-template-columns:1.15fr .85fr;gap:50px;align-items:end;margin-bottom:clamp(60px,8vw,105px)}
.process-head .dek{justify-self:end;margin-top:0}
.steps{border-top:1px solid rgba(245,234,220,.22)}
.step{display:grid;grid-template-columns:90px .8fr 1fr;gap:clamp(20px,4vw,70px);padding:30px 0;border-bottom:1px solid rgba(245,234,220,.18);align-items:start}

.step h3{font:400 clamp(35px,4vw,58px)/1 var(--serif);margin:0}
.step p{margin:2px 0 0;max-width:550px;color:rgba(245,234,220,.68);font-size:15px}

/* Partnerships */
.partnerships{background:var(--paper)}



.package{border:1px solid var(--line);padding:clamp(30px,4vw,58px);display:grid;grid-template-columns:.7fr 1.3fr;gap:clamp(25px,5vw,80px);position:relative;background:rgba(245,234,220,.35)}
.package:nth-child(2){background:rgba(240,194,180,.18)}
.package:nth-child(3){background:rgba(169,201,191,.12)}

.package h3{font:400 clamp(39px,5vw,76px)/.92 var(--serif);margin:6px 0 14px;letter-spacing:-.03em}
.package h3 em{display:block;font-style:italic}
.package-copy{align-self:end}
.package-copy p{max-width:620px;color:var(--soft);margin:0 0 18px;font-size:16px}




/* About */
.about{background:var(--milk)}



.about-copy{padding-top:clamp(10px,5vw,70px)}
.about-copy .dek{max-width:620px}

.founder h4{font:400 30px/1 var(--serif);margin:0 0 10px}
.founder .role{font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:var(--soft)}
.founder p{font-size:13px;color:var(--soft);margin:12px 0 0}
.experience{margin-top:clamp(65px,8vw,100px);padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:12px;letter-spacing:.02em;display:flex;gap:24px;flex-wrap:wrap;align-items:center}
.experience strong{font-size:10px;letter-spacing:.14em;text-transform:uppercase}

/* Testimonial */
.testimonial{background:var(--butter);padding:clamp(90px,10vw,150px) 0}
.testimonial blockquote{font:400 clamp(44px,6.2vw,92px)/.95 var(--serif);letter-spacing:-.035em;margin:0;max-width:1200px}
.testimonial cite{display:block;margin-top:32px;font-style:normal;font-size:11px;letter-spacing:.11em;text-transform:uppercase}

/* Contact */
.contact{background:var(--paper)}



.contact-form{border-top:1px solid var(--line)}
.field{padding:18px 0;border-bottom:1px solid var(--line)}
.field label{display:block;font-size:10px;letter-spacing:.13em;text-transform:uppercase;margin-bottom:9px;color:var(--soft)}
.field input,.field select,.field textarea{width:100%;border:0;background:transparent;color:var(--ink);padding:2px 0;outline:none;font-size:16px}
.field textarea{min-height:130px;resize:vertical}



/* Footer */
.footer{background:var(--ink);color:var(--milk);padding:75px var(--pad) 34px}
.footer-grid{width:min(calc(100% - 2*var(--pad)),var(--max));max-width:var(--max);margin:auto;display:grid;grid-template-columns:1.4fr .6fr .8fr;gap:55px}
.footer-brand{font-size:0;line-height:1}
.footer-logo{display:block;width:min(390px,100%);height:auto;object-fit:contain;object-position:left center}
.footer h4{font:600 9px/1.4 var(--sans);letter-spacing:.17em;text-transform:uppercase;color:rgba(245,234,220,.55);margin:0 0 18px}
.footer p,.footer a{font:400 12px/1.55 var(--sans);color:inherit;text-decoration:none}
.footer p{margin:0 0 12px}
.footer-bottom{width:min(calc(100% - 2*var(--pad)),var(--max));margin:65px auto 0;padding-top:18px;border-top:1px solid rgba(245,234,220,.14);display:flex;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:rgba(245,234,220,.55)}

/* utility */
.anchor{scroll-margin-top:calc(var(--nav-h) + 20px)}


@media (max-width:980px){
  :root{--nav-h:72px}
  .nav{grid-template-columns:1fr auto}
  .nav-side{display:none}.nav-side.right{display:none}.brand{justify-self:start}.menu{display:block;justify-self:end}
  .hero-note{max-width:520px;margin-top:20px}
  .section-head,.process-head{grid-template-columns:1fr}
  .section-head .small,.process-head .dek{justify-self:start}
  
  
  .work-grid{grid-template-columns:1fr}.project.two{margin-top:0}.project.three{grid-column:auto;display:block;margin-top:0}.frontline-card{aspect-ratio:1.2/1}
  .case-hero{grid-template-columns:1fr}.case-study>summary{grid-template-columns:65px 1fr auto}
  .package{grid-template-columns:1fr}
  
}
@media (max-width:720px){
  :root{--pad:20px}
  .section{padding:78px 0}
  .hero{min-height:760px}.hero-note{border-left:0;border-top:1px solid rgba(46,31,23,.25);padding:18px 0 0}
  
  .project-cap{display:block}.project-cap span{display:block;text-align:left;margin-top:6px}
  .case-study>summary{grid-template-columns:45px 1fr}.case-gallery{grid-template-columns:1fr}.case-gallery .case-image:first-child{grid-column:auto}
  .step{grid-template-columns:45px 1fr}.step p{grid-column:2}
  
  .footer-grid{grid-template-columns:1fr;gap:34px}.footer-logo{width:min(300px,100%)}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:8px}
}

/* Editorial restraint pass */
.section{padding:clamp(112px,13vw,198px) 0}
.dek{max-width:640px}
.hero-note{max-width:285px}


.audience-row span:not(:last-child)::after{content:" / ";margin:0 16px;color:rgba(46,31,23,.38)}




.step{padding:24px 0}
.step p{font-size:13px;letter-spacing:.01em}


.package-details span:not(:last-child)::after{content:" · ";margin:0 14px;color:rgba(46,31,23,.4)}
.founder p{max-width:340px}
@media(max-width:700px){.audience-row span:not(:last-child)::after{content:""}.package-details span:not(:last-child)::after{content:""}}


/* Multi-page editorial system */
.page-hero{padding:calc(var(--nav-h) + clamp(90px,10vw,150px)) 0 clamp(78px,9vw,135px);background:var(--milk);border-bottom:1px solid var(--line)}

.page-hero .display{max-width:1050px}.page-hero .dek{max-width:720px}

.home-recognition{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(42px,8vw,130px);margin-top:clamp(70px,8vw,110px);padding-top:26px;border-top:1px solid var(--line)}.home-recognition p:first-child{font:400 clamp(29px,3.5vw,50px)/1.03 var(--serif);margin:0;max-width:720px}.home-recognition p:last-child{margin:2px 0 0;max-width:480px;color:var(--soft)}
.home-process{background:var(--ink);color:var(--milk);padding:clamp(90px,11vw,155px) 0}.home-process .eyebrow,.home-process .small{color:rgba(245,234,220,.62)}.home-process-top{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:end;margin-bottom:55px}.home-process-top .small{max-width:420px;justify-self:end}
.home-partners{padding:clamp(90px,11vw,160px) 0;background:var(--paper)}.partner-teaser{border-top:1px solid var(--line)}.partner-teaser-row{display:grid;grid-template-columns:80px 1fr 1fr auto;gap:24px;padding:24px 0;border-bottom:1px solid var(--line);align-items:center;text-decoration:none}.partner-teaser-row .num{font-size:10px;letter-spacing:.14em;color:var(--soft)}.partner-teaser-row h3{font:400 clamp(28px,3.2vw,46px)/1 var(--serif);margin:0}.partner-teaser-row p{font-size:13px;color:var(--soft);margin:0;max-width:460px}.partner-teaser-row .arrow{font-size:13px}
.home-about{padding:clamp(95px,11vw,165px) 0;background:var(--milk)}.home-about-image{aspect-ratio:4/5;overflow:hidden;background:#dacbbb}.home-about-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.73) contrast(.95)}.home-about-copy .dek{max-width:610px}

.work-feature{padding:clamp(80px,9vw,135px) 0;border-bottom:1px solid var(--line)}.work-feature-media{overflow:hidden;background:#eadfce}.work-feature-media.landscape{aspect-ratio:1.35/1}.work-feature-media.portrait{aspect-ratio:.92/1}.work-feature-media img{width:100%;height:100%;object-fit:cover}

.about-portrait{aspect-ratio:4/5;overflow:hidden;background:#dfd2c4}.about-portrait img{width:100%;height:100%;object-fit:cover;filter:saturate(.74) contrast(.95)}

.faq{padding:clamp(90px,11vw,155px) 0;background:var(--paper)}.faq-item{padding:23px 0;border-bottom:1px solid var(--line)}.faq-item h3{font:400 clamp(24px,2.6vw,36px)/1.05 var(--serif);margin:0 0 10px}.faq-item p{margin:0;color:var(--soft);font-size:14px;max-width:700px}


@media(max-width:980px){.home-recognition,.home-process-top{grid-template-columns:1fr}.home-process-top .small{justify-self:start}.partner-teaser-row{grid-template-columns:55px 1fr auto}.partner-teaser-row p{grid-column:2/-1}}
@media(max-width:650px){.partner-teaser-row{grid-template-columns:45px 1fr auto;gap:12px}}

/* Visibility-first baseline motion: content is never hidden */
.motion-ready .baseline.motion-prime .line>span{transform:translateY(.18em)}
.motion-ready .baseline.motion-prime.is-in .line>span{transform:translateY(0)}


/* embedded max editorial */
/* Vera Creative Partners — stronger editorial direction */
:root{
  --max:1640px;
  --pad:clamp(22px,4.2vw,76px);
  --nav-h:72px;
}
html{background:var(--paper)}
body{background:var(--paper);letter-spacing:-.005em}
.shell,.nav{width:min(calc(100% - 2*var(--pad)),var(--max))}

/* Navigation: quieter, publication-like */
.site-header{height:var(--nav-h);background:rgba(251,247,240,.96);backdrop-filter:none;border-bottom:1px solid rgba(46,31,23,.12)}
.site-header.scrolled{background:rgba(251,247,240,.98);border-bottom-color:rgba(46,31,23,.18)}
.nav a{font-size:9px;letter-spacing:.16em;font-weight:600}
.brand img{width:112px}
.nav-cta{border:0!important;padding:0!important;border-bottom:1px solid currentColor!important;padding-bottom:3px!important}
.mobile-nav{top:var(--nav-h)}

/* Global type */
.eyebrow{font-size:9px;letter-spacing:.22em;margin-bottom:28px}
.display{font-size:clamp(68px,10.2vw,166px);line-height:.82;letter-spacing:-.052em}
.headline{font-size:clamp(52px,7.1vw,114px);line-height:.88;letter-spacing:-.047em}

.dek{font-size:clamp(17px,1.25vw,20px);line-height:1.58;max-width:620px;color:var(--soft)}
.small{font-size:12px;line-height:1.65}

.btn{border:0!important;background:transparent!important;color:inherit!important;padding:0!important;min-height:0!important;font-size:10px!important;letter-spacing:.14em!important;border-bottom:1px solid currentColor!important;padding-bottom:4px!important;text-transform:uppercase;transform:none!important}
.btn.dark{background:transparent!important;color:inherit!important}

/* Less “section”, more magazine pacing */
.section{padding:clamp(120px,14vw,230px) 0;border-top:1px solid rgba(46,31,23,.17)}
.section-head{grid-template-columns:1.55fr .45fr;align-items:start;margin-bottom:clamp(72px,10vw,150px)}
.section-head .small{max-width:300px;margin-top:10px}

/* HOME — hero as an opening spread */
















/* HOME — manifesto */










/* HOME — selected work becomes a staggered contents spread */




















/* HOME — process as an editorial index */










/* HOME — partnerships index, not cards */








/* HOME — founders as profile feature */







/* Testimonial: a pull quote, not a color block */







/* CTA: single dramatic final spread */






/* SUBPAGES — opening spreads */




.page-hero .display{max-width:1280px}
.page-hero .dek{max-width:510px;margin-top:38px}



/* ABOUT page — profile/editorial essay */














/* PARTNERSHIPS page — price sheet / editorial index */









.page-partnerships .package-details span:not(:last-child)::after{content:" · ";margin:0 9px;color:rgba(46,31,23,.38)}




/* WORK page — art-book sequence */

.page-work .work-feature:nth-of-type(3){background:var(--milk)!important}



.page-work .work-feature:nth-of-type(even) .work-feature-media{grid-column:6/13!important;order:2}
.page-work .work-feature:nth-of-type(even) .work-feature-copy{grid-column:1/5!important;order:1;padding-top:clamp(120px,16vw,260px)!important}




/* CONTACT — an editorial letter page */












/* CASE STUDIES — more like feature stories */










.case-page .chapter-grid>div:first-child:not(.chapter-copy){grid-column:1/4}



















/* Footer is more like a colophon */
.footer{padding:clamp(80px,10vw,150px) var(--pad) 30px}
.footer-grid{width:min(calc(100% - 2*var(--pad)),var(--max));grid-template-columns:1.7fr .45fr .65fr;gap:70px}
.footer-logo{width:min(430px,100%)}
.footer h4{font-size:8px;letter-spacing:.2em}
.footer p,.footer a{font-size:10px;line-height:1.7}
.footer-bottom{width:min(calc(100% - 2*var(--pad)),var(--max));font-size:8px;letter-spacing:.16em}

@media(max-width:980px){
  .display{font-size:clamp(66px,13vw,118px)}
  .headline{font-size:clamp(50px,10vw,88px)}
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
}

@media(max-width:760px){
  :root{--nav-h:68px;--pad:20px}
  .nav{grid-template-columns:1fr auto}.nav-side{display:none}.menu{display:block;justify-self:end}.brand{justify-self:start}.brand img{width:104px}
  .section{padding-top:105px;padding-bottom:105px}
  
  .page-home .hero-foot span:nth-child(2){display:none}
  
  
  
  
  
  
  
  
  
  
  
  
  .page-work .work-feature:nth-of-type(even) .work-feature-copy{padding-top:45px!important}.page-work .work-feature:nth-of-type(even) .work-feature-media{order:0}.page-work .work-feature:nth-of-type(even) .work-feature-copy{order:0}
  
  
  .footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:8px}
}

/* embedded deep editorial */

/* Vera — sitewide editorial system / 2026-09 */
:root{--ed-pad:clamp(22px,4.6vw,76px);--ed-max:1580px;--ed-rule:rgba(46,31,23,.17)}



.ed-cap{font:600 9px/1.4 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--soft)}

.ed-dek{font-size:clamp(16px,1.45vw,22px);line-height:1.55;color:var(--soft);max-width:680px;margin:28px 0 0}

.ed-head{font:400 clamp(48px,6.7vw,104px)/.9 var(--serif);letter-spacing:-.043em;margin:0}.ed-head em{font-style:italic;font-weight:400}


.ed-text{font-size:15px;line-height:1.72;color:var(--soft);max-width:630px}.ed-text p{margin:0 0 1.15em}.ed-text strong{color:var(--ink);font-weight:500}

.ed-media{overflow:hidden;background:#e5d7c7;position:relative}.ed-media img{width:100%;height:100%;object-fit:cover;filter:saturate(.76) contrast(.96);transition:transform .8s cubic-bezier(.2,.7,.2,1)}a.ed-media:hover img{transform:scale(1.018)}

.ed-caption{display:flex;justify-content:space-between;gap:16px;margin-top:10px;padding-top:8px;border-top:1px solid var(--ed-rule);font:500 9px/1.4 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--soft)}

/* universal editorial hero */
.ed-hero{min-height:100svh;padding-top:var(--nav-h);background:var(--milk);border-bottom:1px solid var(--ed-rule)}


.ed-hero-note{display:grid;grid-template-columns:1fr minmax(220px,340px);gap:38px;align-items:end;padding-top:28px;border-top:1px solid var(--ed-rule)}
.ed-hero-note .ed-text{font-size:13px;margin:0;max-width:340px;justify-self:end}



/* opening statements and image spreads */




.ed-dark-quote{background:var(--ink);color:var(--milk);padding:clamp(95px,12vw,175px) 0}.ed-dark-quote .ed-text{color:rgba(245,234,220,.62)}.ed-dark-quote-grid{display:grid;grid-template-columns:.35fr 1.15fr .5fr;gap:clamp(30px,6vw,100px);align-items:end}

/* editorial indices */

.ed-section-head{display:grid;grid-template-columns:.42fr 1.08fr .5fr;gap:clamp(28px,6vw,96px);align-items:end;margin-bottom:64px}.ed-section-head .ed-text{font-size:13px}
.ed-row{display:grid;grid-template-columns:74px minmax(260px,.95fr) minmax(280px,1.05fr) auto;gap:28px;align-items:start;padding:28px 0;border-bottom:1px solid var(--ed-rule)}.ed-row .num{font:600 9px/1.4 var(--sans);letter-spacing:.16em;color:var(--soft)}.ed-row h3{font:400 clamp(30px,3.7vw,54px)/.94 var(--serif);letter-spacing:-.03em;margin:0}.ed-row p{font-size:13px;line-height:1.6;color:var(--soft);margin:2px 0 0;max-width:520px}.ed-row .arrow{font-size:14px;text-decoration:none}.ed-row a{color:inherit;text-decoration:none}

/* about */

.ed-experience{padding:28px 0;background:var(--paper);border-block:1px solid var(--ed-rule)}.ed-experience .shell{display:flex;gap:14px 30px;flex-wrap:wrap;align-items:center}.ed-experience span{font:600 9px/1.4 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--soft)}.ed-experience strong{font:400 20px/1 var(--serif);font-weight:400;margin-right:10px}

/* work */


.ed-project{padding:0 0 clamp(120px,15vw,230px);background:var(--paper)}.ed-project:nth-of-type(even) .ed-project-grid{grid-template-columns:minmax(300px,.56fr) minmax(0,1.24fr)}.ed-project:nth-of-type(even) .ed-project-copy{order:1}.ed-project:nth-of-type(even) .ed-project-media{order:2}.ed-project-media{aspect-ratio:1.32/1}.ed-project-copy{padding-bottom:3vw}.ed-project-copy h2{font:400 clamp(54px,7.2vw,112px)/.86 var(--serif);letter-spacing:-.045em;margin:14px 0 22px}.ed-project-copy p{font-size:14px;line-height:1.65;color:var(--soft);margin:0;max-width:460px}

/* partnerships */
.ed-offer{display:grid;grid-template-columns:74px minmax(300px,.95fr) minmax(300px,.8fr) minmax(180px,.3fr);gap:28px;padding:38px 0;border-top:1px solid var(--ed-rule);align-items:start}.ed-offer:last-child{border-bottom:1px solid var(--ed-rule)}.ed-offer h2{font:400 clamp(42px,5.7vw,82px)/.88 var(--serif);letter-spacing:-.04em;margin:0}.ed-offer h2 em{display:block;font-style:italic}.ed-offer p{font-size:14px;line-height:1.65;color:var(--soft);margin:0;max-width:520px}

.ed-faq{padding:clamp(100px,12vw,175px) 0;background:var(--milk)}.ed-faq-item{display:grid;grid-template-columns:80px 1fr;gap:20px;padding:24px 0;border-bottom:1px solid var(--ed-rule)}.ed-faq-item h3{font:400 clamp(25px,3vw,42px)/1 var(--serif);margin:0 0 9px}.ed-faq-item p{margin:0;color:var(--soft);font-size:13px;max-width:620px}

/* contact */
.ed-contact{min-height:100svh;padding-top:var(--nav-h);background:var(--milk)}

/* case studies */

.ed-case-meta{padding:18px 0;border-bottom:1px solid var(--ed-rule);background:var(--paper)}.ed-case-meta .shell{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.ed-case-meta div span{display:block;font:600 8px/1.4 var(--sans);letter-spacing:.13em;text-transform:uppercase;color:var(--soft);margin-bottom:4px}.ed-case-meta div strong{font-weight:400;font-size:13px}






/* common bottom CTA */
.ed-cta{padding:clamp(95px,12vw,175px) 0;background:var(--butter)}.ed-cta-grid{display:grid;grid-template-columns:.35fr 1.15fr .5fr;gap:clamp(28px,6vw,96px);align-items:end}.ed-cta .ed-head{max-width:950px}

@media(max-width:980px){
 .ed-hero{min-height:0}
 .ed-dark-quote-grid,.ed-section-head,.ed-cta-grid{grid-template-columns:1fr}.ed-dark-quote-grid .ed-text{max-width:640px}.ed-section-head{margin-bottom:42px}
 .ed-project:nth-of-type(even) .ed-project-grid{grid-template-columns:1fr}.ed-project:nth-of-type(even) .ed-project-copy,.ed-project:nth-of-type(even) .ed-project-media{order:initial}.ed-project-copy{padding:0}.ed-offer{grid-template-columns:58px 1fr}.ed-offer>div:nth-child(3){grid-column:2}.ed-row{grid-template-columns:58px 1fr}.ed-row p,.ed-row .arrow{grid-column:2}.ed-case-meta .shell{grid-template-columns:1fr 1fr}
}
@media(max-width:700px){
 :root{--ed-pad:20px}.ed-head{font-size:clamp(44px,14vw,72px)}
 .ed-hero-note{grid-template-columns:1fr;gap:18px}.ed-hero-note .ed-text{justify-self:start}.ed-row,.ed-offer{grid-template-columns:42px 1fr;gap:16px}.ed-case-meta .shell{grid-template-columns:1fr}.ed-caption{display:block}.ed-caption span{display:block;margin-top:4px}
}


/* VCP single-file review shell */
html{scroll-behavior:smooth}
body.vcp-single{min-height:100vh}
#vcp-content{min-height:60vh}
.vcp-view{display:none}
.vcp-view.is-active{display:block}
.vcp-view[hidden]{display:none!important}



/* Quote treatment — one oversized editorial mark, never doubled */




/* Original block id="vcp-latest-overrides" */

/* VCP — latest art-direction pass
   Copy preserved from the user-supplied VCP-updated.html.
   Recent direction preserved: no pop-color accents, visibility motion, portfolio visuals as chocolate placeholders.
   Attached neutral photography is used only as CTA atmosphere. */

/* Keep portfolio imagery deliberately abstract while art direction is being reviewed. */






/* Remove the remaining decorative pop-color moments. */



/* CTA photography — quiet, editorial, warm, and low-contrast. */

.about-editorial .ed-cta,
.partnerships-editorial .ed-cta{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  color:var(--ink)!important;
  background-color:var(--milk)!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
}

.about-editorial .ed-cta::before,
.partnerships-editorial .ed-cta::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
}






.about-editorial .ed-cta{
  background-image:url("/assets/a74223dfa9e34ffb.jpeg")!important;
  background-position:center 46%!important;
}
.about-editorial .ed-cta::before{background:rgba(245,234,220,.48)}

.partnerships-editorial .ed-cta{
  background-image:url("/assets/e031e1e45b515012-web.webp")!important;
  background-position:center 72%!important;
}
.partnerships-editorial .ed-cta::before{background:rgba(251,247,240,.62)}


.ed-cta .ed-head{color:var(--ink)!important}


/* Give the photographic CTA spreads a little more editorial depth without feeling like banners. */

.ed-cta{
  min-height:clamp(520px,62vw,820px);
  display:flex;
  align-items:center;
}

.ed-cta-grid{width:100%}

@media(max-width:700px){
  .ed-cta{min-height:560px;background-position:center!important}
  .about-editorial .ed-cta::before,.partnerships-editorial .ed-cta::before{background:rgba(245,234,220,.62)}
}


/* Alignment refinement / 2026-09-12 */
:root{
  --ed-edge:max(var(--ed-pad),calc((100vw - var(--ed-max))/2));
  --ed-gap:clamp(18px,2.3vw,36px);
}

/* Keep opening spreads on the same left rail as every centered editorial section. */


.ed-hero-note{grid-template-columns:minmax(130px,.9fr) minmax(220px,340px);gap:clamp(26px,4vw,56px)}


/* Reuse one three-column rhythm for statements, quotes, section heads and CTAs. */

.ed-dark-quote-grid,
.ed-section-head,
.ed-cta-grid{
  grid-template-columns:minmax(120px,.32fr) minmax(0,1.18fr) minmax(220px,.5fr);
  gap:clamp(28px,5vw,82px);
}

.ed-dark-quote .ed-text,
.ed-section-head .ed-text{
  justify-self:end;
  width:100%;
  max-width:390px;
}


/* Case-study chapters share the same editorial rail instead of drifting section to section. */


.ed-case-meta .shell{align-items:start}
.ed-case-meta div{padding-right:20px}



/* Home: small rail corrections only — preserve the deliberate asymmetry. */






@media (min-width:981px){
  /* Work page: use the same 12-column editorial grid on every project. */
  
  .ed-project .ed-project-media{grid-column:1/9}
  .ed-project .ed-project-copy{grid-column:10/13}
  .ed-project:nth-of-type(even) .ed-project-copy{grid-column:1/4;order:1}
  .ed-project:nth-of-type(even) .ed-project-media{grid-column:5/13;order:2}

  /* About / Partnerships supporting spreads use the same column starts. */
  
  
  

  
  
  

  
  
  
}

@media (max-width:980px){
  
  
  .ed-dark-quote-grid,
  .ed-section-head,
  .ed-cta-grid{grid-template-columns:1fr}
  
  .ed-dark-quote .ed-text,
  .ed-section-head .ed-text{justify-self:start;max-width:640px}
  
  
}
/* End alignment refinement */

/* Original block */

/* Micro art-direction pass / 2026-09-12 */
:root{--vcp-copy:560px;--vcp-narrow:390px}

/* Keep editorial copy visibly attached to a rail instead of floating within wide columns. */

.ed-hero-note .ed-text{max-width:var(--vcp-narrow);justify-self:end}
.ed-dark-quote .ed-text,.ed-section-head .ed-text{max-width:360px}
.ed-project-copy>p:not(.ed-kicker){max-width:360px}



/* A little more silence around the statements that should carry the page. */

.ed-dark-quote{padding-top:clamp(120px,14vw,220px);padding-bottom:clamp(120px,14vw,220px)}
.ed-cta{padding-top:clamp(125px,15vw,230px);padding-bottom:clamp(125px,15vw,230px)}
.ed-cta .ed-head{max-width:1050px}

/* Work reads as an art-book sequence: image/placeholder first, caption second. */
.ed-project-copy{align-self:end;padding-bottom:4px}



/* Case-study chapters keep one reading width even when the visual field gets large. */


.ed-case-meta .shell{gap:clamp(26px,4vw,60px)}

/* Homepage: remove tiny competing copy where the composition already says enough. */




/* Contact should feel like a letter, not a form card. */



@media(min-width:981px){
  .ed-hero-note{align-items:start}
  .ed-dark-quote-grid,.ed-section-head,.ed-cta-grid{align-items:start}
  
}
@media(max-width:980px){
  .ed-hero-note .ed-text{justify-self:start;max-width:520px}
  .ed-dark-quote,.ed-cta{padding-top:96px;padding-bottom:96px}
}
/* End micro art-direction pass */


/* Hero art-direction refinement — moving photograph / editorial opening spread */


/* Opening sequence: type arrives, image simply breathes. */

.page-home.is-active .hero .baseline .line:nth-child(1)>span{animation-delay:.10s}
.page-home.is-active .hero .baseline .line:nth-child(2)>span{animation-delay:.22s}





@keyframes vcpHeroDrift{
  from{transform:scale(1.055) translate3d(-.65%,0,0)}
  to{transform:scale(1.078) translate3d(.75%,-.45%,0)}
}
@keyframes vcpHeroLight{
  from{transform:translate3d(-9%,0,0);opacity:.54}
  to{transform:translate3d(8%,0,0);opacity:.9}
}
@keyframes vcpHeroTypeIn{
  from{transform:translate3d(0,108%,0)}
  to{transform:translate3d(0,0,0)}
}
@keyframes vcpHeroCopyIn{
  from{opacity:0;transform:translate3d(0,10px,0)}
  to{opacity:1;transform:translate3d(0,0,0)}
}



/* Original block id="vcp-partnership-emphasis" */

/* Partnerships — elevated editorial emphasis, without turning into cards. */




















/* The dedicated page treats offers like a dark editorial insert / rate card. */





.partnerships-editorial .ed-offer{
  grid-template-columns:82px minmax(300px,1.15fr) minmax(270px,.68fr) minmax(175px,.30fr);
  gap:clamp(24px,4vw,68px);
  padding:clamp(52px,6vw,92px) 0;
  border-top:1px solid rgba(245,234,220,.22);
  border-bottom:0;
  align-items:start;
  color:var(--milk);
}
.partnerships-editorial .ed-offer:first-child{border-top:0}

.partnerships-editorial .ed-offer h2{
  color:var(--milk);
  font-size:clamp(54px,6.6vw,108px);
  line-height:.84;
  letter-spacing:-.05em;
  position:relative;
}
.partnerships-editorial .ed-offer h2::before{
  display:block;
  margin-bottom:16px;
  font:600 8px/1.3 var(--sans);
  letter-spacing:.2em;
  text-transform:uppercase;
  color:rgba(245,234,220,.52);
}
.partnerships-editorial #vista h2::before{content:"Vista / Flagship"}
.partnerships-editorial #vision h2::before{content:"Vision"}
.partnerships-editorial #view h2::before{content:"View"}
.partnerships-editorial .ed-offer p{
  color:rgba(245,234,220,.70);
  font-size:13px;
  max-width:450px;
}






.partnerships-editorial .ed-offer{
  transition:padding-left .35s ease,padding-right .35s ease,background .35s ease;
}
.partnerships-editorial .ed-offer:hover{
  background:rgba(245,234,220,.035);
  padding-left:clamp(12px,1.2vw,20px);
  padding-right:clamp(12px,1.2vw,20px);
}

@media(max-width:980px){
  
  
  
  .partnerships-editorial .ed-offer{grid-template-columns:58px 1fr 180px}
  .partnerships-editorial .ed-offer>div:nth-of-type(1){grid-column:2/3}
  
}
@media(max-width:700px){
  
  
  
  
  
  
  
  
  
  
  
  .partnerships-editorial .ed-offer{grid-template-columns:36px 1fr;gap:14px;padding:46px 0}
  .partnerships-editorial .ed-offer h2{grid-column:2;font-size:clamp(48px,15vw,72px)}
  .partnerships-editorial .ed-offer>div:nth-of-type(1){grid-column:2}
  
  .partnerships-editorial .ed-offer:hover{padding-left:0;padding-right:0;background:transparent}
}

/* Original block id="vcp-chic-home-hero" */

/* Home hero — chic editorial opening spread */
@media (min-width:981px){
  
  
  
  
  
  
  
  
  
  .page-home .hero .display .line:nth-child(2){padding-left:clamp(48px,7.2vw,126px)}
  
  
  
  
  
  
  
  
  
  
}
@keyframes vcpChicHeroDrift{
  0%{transform:scale(1.045) translate3d(-.5%,0,0)}
  100%{transform:scale(1.085) translate3d(.65%,-.35%,0)}
}
@keyframes vcpChicLight{
  0%{transform:translateX(-28%);opacity:.46}
  100%{transform:translateX(22%);opacity:.82}
}
@media (max-width:980px){
  
  
  
  
  
  .page-home .hero .display .line:nth-child(2){padding-left:clamp(22px,7vw,64px)}
  
  
  
  
  
  
  
  
  
}



/* Original block id="vcp-full-bleed-video-hero" */
/* Home hero — full-bleed film opening */
body.page-home .site-header:not(.scrolled){background:transparent;border-bottom-color:transparent;color:var(--milk);backdrop-filter:none}
body.page-home .site-header:not(.scrolled) .brand img{filter:brightness(0) invert(1)}
body.page-home .site-header:not(.scrolled) .menu{color:var(--milk)}
body.page-home .site-header:not(.scrolled) .nav-cta{color:var(--milk);border-color:currentColor!important}









.page-home .hero .display .line:nth-child(2){padding-left:clamp(36px,5.5vw,92px)!important}






@media(max-width:980px){body.page-home .site-header:not(.scrolled){background:transparent;color:var(--milk)}.page-home .hero .display .line:nth-child(2){padding-left:clamp(22px,6vw,58px)!important}}



/* Original block id="vcp-static-home-hero" */

/* Home hero — static full-bleed image. Keep the film-frame composition, remove ambient image movement. */





/* Original block id="vcp-hero-ui-clearance" */

/* Keep the hero CTA comfortably clear of the bottom editorial rail / browser UI. */





/* Homepage CTA rail correction — keep the eyebrow inside the editorial shell. */




/* Original block id="vcp-motion-type-hierarchy-refine" */

/* Final refinement — body typography, quieter investment hierarchy, richer motion. */
:root{
  --body-copy:"DM Sans",Arial,sans-serif;
  --accent-pop:#F0C674;
}

/* DM Sans carries the readable editorial voice; Montserrat handles tiny metadata / UI. */
body{font-family:var(--body-copy)}
p,.dek,.small,.ed-dek,.ed-text,.case-summary,.ed-project-copy p,.ed-offer p,.ed-faq-item p,.founder p,.package-copy p,.step p,.project-cap span{font-family:var(--body-copy)!important}

/* Home CTA: protect the eyebrow from the viewport edge on every breakpoint. */





/* Footer logo: a signature, not a billboard. */
.footer-logo{width:min(255px,100%)!important}
@media(max-width:720px){.footer-logo{width:min(215px,100%)!important}}

/* Partnerships: the outcome leads; price becomes quiet metadata. */
.partnerships-editorial .ed-offer{
  grid-template-columns:82px minmax(300px,1.18fr) minmax(270px,.72fr) minmax(190px,.38fr)!important;
}




@media(max-width:980px){
  .partnerships-editorial .ed-offer{grid-template-columns:58px 1fr!important}
  
  
}
@media(max-width:700px){
  .partnerships-editorial .ed-offer{grid-template-columns:36px 1fr!important}
}

/* CTA hover language — restrained movement + one unexpected Vera Butter accent. */
.btn,.nav-cta{
  position:relative;
  transition:translate .28s cubic-bezier(.2,.72,.18,1),box-shadow .28s ease,color .28s ease,border-color .28s ease!important;
}
.btn::before,.nav-cta::before{
  content:"";
  display:inline-block;
  width:6px;height:6px;
  margin-right:0;
  border-radius:50%;
  vertical-align:.08em;
  background:var(--accent-pop);
  transform:scale(0);
  transform-origin:center;
  transition:transform .24s cubic-bezier(.2,.72,.18,1),margin-right .24s ease;
}
.btn:hover::before,.nav-cta:hover::before,.btn:focus-visible::before,.nav-cta:focus-visible::before{
  transform:scale(1);
  margin-right:8px;
}
.btn:hover,.nav-cta:hover{
  translate:4px 0;
  box-shadow:inset 0 -.28em 0 rgba(240,198,116,.42);
}
.partnerships-editorial .ed-offer:hover h2 em{color:var(--accent-pop)}
.partnerships-editorial .ed-offer h2 em{transition:color .3s ease}

/* Additional sitewide scroll motion. No blur and no hidden content. */
.motion-ready [data-vcp-motion="lift"]{
  transform:translate3d(0,22px,0);
  transition:transform .86s cubic-bezier(.16,.74,.18,1);
  transition-delay:var(--motion-delay,0ms);
  will-change:transform;
}
.motion-ready [data-vcp-motion="lift"].is-motion-in{transform:translate3d(0,0,0)}
.motion-ready [data-vcp-motion="media"] img{
  transform:scale(1.025);
  transition:transform 1.15s cubic-bezier(.16,.74,.18,1);
  will-change:transform;
}
.motion-ready [data-vcp-motion="media"].is-motion-in img{transform:scale(1)}
.motion-ready [data-vcp-motion="rule"]{position:relative}
.motion-ready [data-vcp-motion="rule"]::before{
  content:"";
  position:absolute;
  left:0;right:0;top:-1px;
  height:1px;
  background:currentColor;
  opacity:.18;
  transform:scaleX(0);
  transform-origin:left center;
  transition:transform .95s cubic-bezier(.16,.74,.18,1);
  pointer-events:none;
}
.motion-ready [data-vcp-motion="rule"].is-motion-in::before{transform:scaleX(1)}

@media(prefers-reduced-motion:reduce){
  [data-vcp-motion]{transform:none!important;transition:none!important}
  [data-vcp-motion="media"] img{transform:none!important;transition:none!important}
  [data-vcp-motion="rule"]::before{display:none!important}
  .btn,.nav-cta{translate:none!important;transition:none!important}
}

/* Original block id="vcp-editorial-font-hover-testimonials" */

/* Editorial refinement: sturdy body type, quieter package interaction, scrolling client words. */


/* Home Partnerships hover: keep the page light; reveal emphasis through motion, rule + accent. */













/* Client words — a horizontal editorial review rail rather than one fixed pull quote. */







.client-quote{
  position:relative;
  flex:0 0 clamp(380px,48vw,760px);
  min-height:clamp(310px,34vw,510px);
  padding:clamp(34px,4.7vw,74px) clamp(32px,4.5vw,72px) clamp(32px,4vw,58px);
  border-right:1px solid rgba(46,31,23,.18);
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  overflow:hidden;
}
.client-quote::before{
  content:"“";
  position:absolute;
  left:clamp(16px,2.1vw,34px);
  top:clamp(6px,1vw,14px);
  font:400 clamp(100px,12vw,190px)/.8 var(--serif);
  color:rgba(46,31,23,.055);
  pointer-events:none;
}



@keyframes vcpClientWords{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(-50%,0,0)}
}
@media(max-width:760px){
  
  
  
  .client-quote{flex-basis:min(84vw,520px);min-height:390px}
}


/* Original block id="vcp-home-polish-20260912" */

/* Home refinement: more editorial recognition spread, dramatic partnership hover, compact testimonials. */

/* What could change — turn the thought into an editorial spread rather than a second hero. */











/* Partnerships — retain the drama of a dark takeover, but make it feel like an editorial wipe. */


/* Client words — keep the moving proof, but make it a compact interlude. */


.client-quote{
  flex-basis:clamp(330px,38vw,600px)!important;
  min-height:clamp(205px,20vw,290px)!important;
  padding:clamp(24px,2.8vw,42px) clamp(26px,3.2vw,48px) clamp(22px,2.5vw,36px)!important;
}
.client-quote::before{
  font-size:clamp(72px,8vw,125px)!important;
}



/* Additional sitewide movement: typography and editorial rows arrive with more rhythm, never hidden. */
.motion-ready .vcp-enter{
  transform:translate3d(0,22px,0);
  transition:transform .84s cubic-bezier(.16,.74,.18,1);
  transition-delay:var(--vcp-enter-delay,0ms);
  will-change:transform;
}
.motion-ready .vcp-enter.vcp-enter-left{transform:translate3d(-18px,0,0)}
.motion-ready .vcp-enter.vcp-enter-right{transform:translate3d(18px,0,0)}
.motion-ready .vcp-enter.is-vcp-in{transform:translate3d(0,0,0)}
.motion-ready .vcp-line-grow{position:relative}
.motion-ready .vcp-line-grow::after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:-1px;
  height:1px;
  background:currentColor;
  opacity:.19;
  transform:scaleX(0);
  transform-origin:left center;
  transition:transform 1s cubic-bezier(.16,.74,.18,1);
}
.motion-ready .vcp-line-grow.is-vcp-in::after{transform:scaleX(1)}


@media(max-width:700px){
  
  
  
  .client-quote{flex-basis:min(79vw,460px)!important;min-height:230px!important}
}
@media(prefers-reduced-motion:reduce){
  .vcp-enter{transform:none!important;transition:none!important}
  .vcp-line-grow::after{transform:scaleX(1)!important;transition:none!important}
}

/* Original block id="vcp-home-refinement-20260912" */

/* --- Home refinement: color insert, testimonial hierarchy, reliable partnership hover, community --- */

/* Before the Words — a distinct editorial color insert. */







/* Partnership section — ornament instead of a background chapter number. */





/* Partnership hover — dark wipe is above the section background but below every word. */


/* Dedicated partnerships — ornament rather than list numbering. */


/* Client words — one full-width focused proof point + tiny moving review ticker. */



.testimonial-focus{
  position:relative;
  max-width:1500px;
  padding-left:clamp(38px,5.2vw,82px);
}
.testimonial-focus::before{
  content:"“";
  position:absolute;
  left:0;
  top:-.28em;
  font:400 clamp(82px,10vw,160px)/1 var(--serif);
  color:rgba(46,31,23,.075);
  pointer-events:none;
}


.testimonial-ticker{
  margin-top:clamp(46px,5vw,72px);
  border-top:1px solid rgba(46,31,23,.16);
  border-bottom:1px solid rgba(46,31,23,.16);
  overflow:hidden;
  padding:15px 0 14px;
}





@keyframes vcpTinyQuotes{to{transform:translateX(-50%)}}

/* Footer community / Vera Notes */
.footer-community{
  width:min(calc(100% - 2*var(--pad)),var(--max));
  margin:0 auto 64px;
  padding:0 0 58px;
  border-bottom:1px solid rgba(245,234,220,.16);
}
.footer-community-inner{
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);
  gap:clamp(44px,8vw,130px);
  align-items:end;
}

.footer-community-copy h2{
  margin:0;
  max-width:760px;
  font:400 clamp(38px,4.7vw,72px)/.95 var(--serif);
  letter-spacing:-.038em;
}
.footer-community-copy>p:last-child{
  margin:22px 0 0;
  max-width:650px;
  color:rgba(245,234,220,.62);
  font-size:13px;
  line-height:1.65;
}
.footer-community-form label{
  display:block;
  margin-bottom:12px;
  font:600 8px/1.35 var(--sans);
  letter-spacing:.17em;
  text-transform:uppercase;
  color:rgba(245,234,220,.55);
}







@media(max-width:900px){
  .footer-community-inner{grid-template-columns:1fr;gap:36px}
  
}
@media(max-width:700px){
  
  
  .testimonial-focus{padding-left:26px}
  
  
  
}
@media(prefers-reduced-motion:reduce){
  .testimonial-ticker{overflow-x:auto}
  
}

/* Original block id="vcp-latest-refinements-20260912-1003" */

/* Latest refinement: quiet Before the Words, full-width proof, reliable dark partnership hover, tighter pacing, animated process. */

/* Before the Words: keep the editorial insert, remove the color field. */




/* Partnerships: remove the oversized decorative star; keep ornaments small and functional. */


/* Tighten the handoff from Explore Partnerships into the About section. */




/* Partnership hover: use a direct dark background so it is reliable in every browser. */


/* Client words: one feature quote that truly owns the full content width. */


.testimonial-focus{
  width:100%!important;
  max-width:none!important;
  padding-left:0!important;
  padding-right:0!important;
}
.testimonial-focus::before{
  left:-.08em!important;
  top:-.4em!important;
  font-size:clamp(90px,9vw,155px)!important;
  color:rgba(46,31,23,.065)!important;
}



/* Secondary quotes: still a moving rail, but readable like body copy. */
.testimonial-ticker{margin-top:clamp(38px,4vw,58px)!important;padding:18px 0 17px!important}




/* How we work: make the four-step rhythm visibly respond to scroll, without hiding content. */

.motion-ready .page-home .home-process .step:not(.is-vcp-in) .step-num{transform:translate3d(0,22px,0) rotate(0deg)}
.motion-ready .page-home .home-process .step:not(.is-vcp-in) h3{transform:translate3d(-10px,0,0)}
.motion-ready .page-home .home-process .step:not(.is-vcp-in) p{transform:translate3d(12px,0,0)}






@media(max-width:700px){
  
  .testimonial-focus::before{left:-.05em!important}
  
  
  
  
}


/* Original block id="vcp-testimonial-realign-trust-marquee-20260912" */

/* Client words: reset legacy grid rules so the feature quote shares one clean editorial rail. */












/* Very small credential marquee: a thin publication-like trust line between work and process. */
.trust-marquee{
  position:relative;
  overflow:hidden;
  background:var(--ink);
  color:rgba(245,234,220,.72);
  border-top:1px solid rgba(245,234,220,.10);
  border-bottom:1px solid rgba(245,234,220,.10);
}







@keyframes vcpTrustMarquee{to{transform:translate3d(-50%,0,0)}}




/* Original block id="vcp-proof-marquee-fix-20260912" */

/* Proof section: keep the hero quote aligned and make the moving reviews impossible to collide. */







/* Founder experience: static clarification + a very small moving brand line. */
.trust-marquee{padding:0!important}







/* Partnerships / outcomes — rational proof in the same editorial language */






.ed-outcome{position:relative;min-height:330px;padding:clamp(34px,4vw,60px) clamp(24px,4vw,60px) clamp(42px,5vw,72px);border-top:1px solid rgba(245,234,220,.22);overflow:hidden}
.ed-outcome:nth-child(odd){border-right:1px solid rgba(245,234,220,.22)}

.ed-outcome h3{font:400 clamp(34px,4vw,58px)/.98 var(--serif);letter-spacing:-.025em;margin:12px 0 24px;max-width:590px}
.ed-outcome p{font-size:14px;line-height:1.65;color:rgba(245,234,220,.68);max-width:520px;margin:0}
.ed-outcome::after{content:"";position:absolute;left:0;bottom:0;width:0;height:3px;background:var(--butter);transition:width .6s cubic-bezier(.16,.74,.18,1)}
.ed-outcome:hover::after{width:100%}

@media(max-width:980px){.ed-outcome:nth-child(odd){border-right:0}.ed-outcome{min-height:0}}
@media(max-width:700px){.ed-outcome{padding:32px 0 42px}}

/* Original block id="vcp-boutique-personality-20260912" */

/* Polished architecture; human details live in the margins. */






/* Original block id="vcp-expanded-founder-about-20260912" */

























/* Original block id="vcp-founder-letter-20260912" */

.founder-letter{
  background:var(--paper);
  padding:clamp(96px,12vw,170px) 0;
  border-top:1px solid var(--ed-rule);
  border-bottom:1px solid var(--ed-rule);
}





.founder-letter-signature{
  margin-top:clamp(38px,5vw,66px);
  padding-top:18px;
  border-top:1px solid var(--ed-rule);
  display:flex;
  justify-content:space-between;
  gap:22px;
  max-width:420px;
}
.founder-letter-signature strong{font:400 22px/1.1 var(--serif);font-weight:400}
.founder-letter-signature span{font:600 9px/1.4 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--soft);text-align:right}





@media(max-width:820px){
  .founder-letter{padding:86px 0}
  
  
  
  .founder-letter-signature{max-width:none}
  
}

/* Original block id="vcp-founder-letter-editorial-photo-20260912" */

/* Founder letter: editorial portrait spread */
.founder-letter-editorial{background:var(--paper);padding:clamp(100px,12vw,176px) 0;border-top:1px solid var(--ed-rule);border-bottom:1px solid var(--ed-rule)}














.founder-letter-editorial .founder-letter-signature{margin-top:42px;padding-top:18px;border-top:1px solid var(--ed-rule);display:flex;justify-content:space-between;gap:22px;max-width:none}
.founder-letter-editorial .founder-letter-signature strong{font:400 24px/1.1 var(--serif);font-weight:400}
.founder-letter-editorial .founder-letter-signature span{font:600 9px/1.4 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--soft);text-align:right}
@media(max-width:860px){
  .founder-letter-editorial{padding:88px 0}
  
  
  
  
  
  
}

/* Original block id="vcp-ethos-20260912" */

/* Vera Ethos — editorial philosophy section */






/* Original block id="vcp-ethos-closing-line-20260912" */

/* Ethos closing thought — trust + humanity */
.vera-ethos .ethos-closing{
  margin:clamp(54px,7vw,96px) 0 0;
  padding-top:clamp(30px,4vw,52px);
  border-top:1px solid var(--ed-rule);
  font:400 clamp(38px,5.2vw,78px)/.98 var(--serif);
  letter-spacing:-.035em;
  color:var(--ink);
  max-width:1120px;
}
.vera-ethos .ethos-closing span,
.vera-ethos .ethos-closing em{display:block}
.vera-ethos .ethos-closing em{
  font-style:italic;
  margin-left:clamp(28px,11vw,170px);
}
@media(max-width:760px){
  .vera-ethos .ethos-closing{font-size:clamp(40px,12vw,64px);margin-top:54px;padding-top:28px}
  .vera-ethos .ethos-closing em{margin-left:0}
}

/* Original block id="vcp-vertical-lockup-refinement-20260912" */

/* Vertical editorial lockup — structured clarity / expressive humanity. */
.vcp-vertical-lockup{
  --lockup-fg:var(--ink);
  --lockup-rule:rgba(46,31,23,.42);
  display:grid;
  grid-template-columns:minmax(126px,.34fr) 1px minmax(0,1fr);
  gap:clamp(22px,3.6vw,52px);
  align-items:center;
  width:min(100%,960px);
  color:var(--lockup-fg);
}
.vcp-vertical-lockup::before{
  content:"";
  grid-column:2;
  grid-row:1;
  width:1px;
  min-height:clamp(104px,10vw,142px);
  align-self:stretch;
  background:var(--lockup-rule);
}





/* Ethos: the line becomes an editorial signature, not another headline. */

/* Retire the previous large stacked closing treatment. */
.vera-ethos .ethos-closing{display:none!important}

/* Pairing: use the visual contrast to embody two disciplines in one system. */






/* Final CTA: repeat the editorial device once more, with the CTA itself kept quiet. */







@media(max-width:620px){
  .vcp-vertical-lockup{
    grid-template-columns:minmax(104px,.42fr) 1px minmax(0,1fr);
    gap:18px;
  }
  .vcp-vertical-lockup::before{min-height:92px}
  
  
  
  
  
}

/* Original block id="vcp-placeholder-photography-pass" */

/* Placeholder photography pass — Work page */



















/* Original block id="vcp-hero-agency-clarity-20260913" */

/* Make what Vera is immediately legible without competing with the main line. */



/* Original block id="vcp-case-study-index-20260913" */

.case-study-index{
  background:var(--paper);
  padding:clamp(74px,9vw,132px) 0 clamp(90px,11vw,158px);
  border-bottom:1px solid var(--ed-rule);
}











@media(max-width:620px){
  .case-study-index{padding:68px 0 86px}
  
  
  
  
}

/* Original block id="vcp-fresh-color-pass-20260913" */

/*
  Fresh Vera color direction:
  - Milk + Paper lead
  - Chocolate is structure, not the dominant color field
  - Avoid Chocolate + Butter/Sun pairings at large scale
  - Blush + Lavender bring freshness
  - Sun is reserved for tiny accents only
*/
:root{
  --paper:#fffaf5;
  --milk:#f7efe3;
  --ink:#2e1f17;
  --soft:#745f53;
  --blush:#f2c9bf;
  --butter:#f3d99a;
  --sun:#dda23f;
  --lav:#d3c1d8;
  --fresh-lav:#eee6f0;
  --fresh-blush:#fae7e1;
  --fresh-butter:#fbf0cf;
  --line:rgba(46,31,23,.14);
}

/* Keep the overall canvas light and airy. */
html,
body{
  background:var(--paper)!important;
}

/* Milk sections become slightly cleaner / less beige-heavy. */

.about-editorial .ed-hero,
.partnerships-editorial .ed-hero{
  background:var(--milk)!important;
}

/* Dark brown is reserved for a few strong structural moments. */

.ed-dark-quote,
.process{
  background:var(--ink)!important;
  color:var(--milk)!important;
}

/* Never pair the dark chocolate sections with large yellow/gold accents. */

.ed-dark-quote *,
.process *{
  --accent-local:var(--lav);
}

.process .eyebrow{
  color:var(--lav)!important;
}


/* Testimonial / highlight moments: use fresh blush or lavender instead of gold-heavy blocks. */
.testimonial{
  background:var(--fresh-blush)!important;
  color:var(--ink)!important;
}


/* Soft alternate sections get barely-there color instead of strong beige or yellow. */

.case-study-index,
.faq{
  background:var(--paper)!important;
}


/* Keep the "Before the words" / recognition insert subtle and modern. */



/* Partnerships: no brown + gold card combinations. Use pale, airy tints instead. */
.package{
  background:transparent!important;
}
.package:nth-child(1){
  background:rgba(238,230,240,.58)!important;
}
.package:nth-child(2){
  background:rgba(250,231,225,.72)!important;
}
.package:nth-child(3){
  background:rgba(251,240,207,.62)!important;
}

/* Buttons and links stay graphic, but avoid yellow fills. */
.btn,
.nav-cta{
  border-color:var(--ink)!important;
}
.btn:hover{
  background:var(--ink)!important;
  color:var(--paper)!important;
}

/* Sun is now a micro-accent only. */
::selection{
  background:var(--fresh-butter)!important;
  color:var(--ink)!important;
}
.recognition-mark b,
.spark,
.star,
[data-star]{
  color:var(--sun)!important;
}

/* Marquee stays light and heritage, without drifting into brown/gold. */
.trust-marquee{
  background:var(--paper)!important;
  color:var(--ink)!important;
}



/* Footer remains chocolate, but with neutral milk/lavender accents instead of gold. */
.footer{
  background:var(--ink)!important;
  color:var(--milk)!important;
}
.footer h4{
  color:var(--lav)!important;
}

/* Small rules and metadata stay softer so the palette feels fresh, not heavy. */

.rule,
.project-cap,
.case-study,
.ed-row,
.faq-item{
  border-color:var(--line)!important;
}

/* Original block id="vcp-color-pass-02-20260913" */

/*
  Vera color pass 02:
  quieter, fresher, more editorial.
  Principle: color appears as punctuation, not as full-page decoration.
*/
:root{
  --paper:#fffdf9;
  --milk:#f7efe5;
  --ink:#2e1f17;
  --soft:#77665c;
  --blush:#f0c2b4;
  --butter:#f0c674;
  --sun:#dda23f;
  --lav:#A9C9BF;

  --veil-blush:#fbefeb;
  --veil-lav:#f3edf4;
  --veil-milk:#fbf6ef;
  --veil-butter:#fbf3db;
  --rule-soft:rgba(46,31,23,.12);
}

/* Overall canvas: nearly white, not beige-heavy. */
html,
body{
  background:var(--paper)!important;
  color:var(--ink)!important;
}

/* Hero sections stay warm but much lighter. */

.about-editorial .ed-hero,
.partnerships-editorial .ed-hero{
  background:linear-gradient(180deg,var(--veil-milk) 0%,var(--paper) 100%)!important;
}

/* Main content sections mostly return to neutral. */

.faq,
.case-study-index{
  background:var(--paper)!important;
}

/* One soft blush section, one soft lavender section — no rainbow striping. */



/* Recognition insert becomes a bordered editorial note instead of a color block. */




/* Dark brown appears only in one major editorial moment. */




/* Final CTA is light lavender instead of another dark brown block. */




/* Testimonial quote accent is blush, not gold. */


/* Partnership packages: neutral canvas with tiny color signals only. */
.package{
  background:transparent!important;
}
.package:nth-child(1),
.package:nth-child(2),
.package:nth-child(3){
  background:transparent!important;
}
.package:nth-child(1)::before,
.package:nth-child(2)::before,
.package:nth-child(3)::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:3px;
}
.package:nth-child(1)::before{background:var(--lav)}
.package:nth-child(2)::before{background:var(--blush)}
.package:nth-child(3)::before{background:var(--butter)}
.package{position:relative}

/* On the dedicated partnerships page, make the accent line more restrained. */


/* Dark editorial quotes stay chocolate, but pair only with milk/lavender. */
.ed-dark-quote{
  background:var(--ink)!important;
  color:var(--milk)!important;
}


/* Footer stays grounded, but removes gold undertones. */
.footer{
  background:var(--ink)!important;
  color:var(--milk)!important;
}
.footer h4{
  color:rgba(169,201,191,.8)!important;
}

/* Marquee: almost white, restrained, minimal. */
.trust-marquee{
  background:var(--paper)!important;
  color:var(--ink)!important;
  border-color:var(--rule-soft)!important;
}



/* Keep Butter/Sun as micro-accents only. */
::selection{
  background:var(--veil-butter)!important;
  color:var(--ink)!important;
}
.recognition-mark b,
.spark,
.star,
[data-star]{
  color:var(--sun)!important;
}

/* Buttons/links: no filled yellow states. */
.btn,
.nav-cta{
  border-color:var(--ink)!important;
}
.btn:hover{
  background:var(--ink)!important;
  color:var(--paper)!important;
}

/* Rules are lighter so the palette feels more airy. */
.rule,
.project-cap,
.case-study,
.ed-row,
.faq-item,
.package{
  border-color:var(--rule-soft)!important;
}

/* Images stay warm but not sepia-heavy. */


/* Original block id="vcp-unified-type-system-20260913" */

/*
  Vera typography consolidation
  1. DM Sans treatment: more air/tracking, fewer headline sizes.
  2. Newsreader: quieter and deliberately smaller than DM Sans.
  3. One eyebrow size + one body-copy size across the site.
*/
:root{
  --vera-sans:"Montserrat",Arial,sans-serif;
  --vcp-type-eyebrow:9px;
  --vcp-type-body:14px;
  --vcp-type-display:clamp(44px,5.2vw,78px);
  --vcp-type-heading:clamp(32px,3.7vw,52px);
  --vcp-type-serif:clamp(25px,2.55vw,36px);
  --vcp-type-quote:clamp(29px,3vw,42px);
}

/* FUTURA — use spacing, not scale, to create authority. */
.display,
.page-hero .display,
.headline,
.ed-head,
.ed-project-copy h2,
.package h3,
.partner-teaser-row h3,
.partnerships-editorial .ed-offer h2{
  font-family:var(--vera-sans)!important;
  font-weight:400!important;
  font-style:normal!important;
  text-transform:uppercase!important;
  font-kerning:normal!important;
  font-feature-settings:"kern" 1,"liga" 1!important;
  text-rendering:optimizeLegibility;
}

.display,
.page-hero .display{
  font-size:var(--vcp-type-display)!important;
  line-height:.98!important;
  letter-spacing:.082em!important;
}

.headline,
.ed-head,
.ed-project-copy h2,
.package h3,
.partner-teaser-row h3,
.partnerships-editorial .ed-offer h2{
  font-size:var(--vcp-type-heading)!important;
  line-height:1.02!important;
  letter-spacing:.067em!important;
}

/* INSTRUMENT SERIF — accent, not competing headline. */
.display em,
.page-hero .display em,
.headline em,
.ed-head em,
.ed-project-copy h2 em,
.package h3 em,
.partner-teaser-row h3 em{
  font-family:"DM Sans",Arial,sans-serif!important;
  font-style:italic!important;
  font-weight:400!important;
  font-size:.74em!important;
  line-height:1!important;
  letter-spacing:0!important;
  text-transform:none!important;
}

.project-cap h3,
.faq-item h3,
.founder h4,
.ed-row h3,
.step h3,
.ed-outcome h3{
  font-family:"DM Sans",Arial,sans-serif!important;
  font-weight:400!important;
  font-style:normal!important;
  font-size:var(--vcp-type-serif)!important;
  line-height:1.04!important;
  letter-spacing:-.01em!important;
  text-transform:none!important;
}


.testimonial blockquote,
.hero-note p{
  font-family:"DM Sans",Arial,sans-serif!important;
  font-size:var(--vcp-type-quote)!important;
  line-height:1.06!important;
  letter-spacing:-.012em!important;
}

/* EYEBROWS / KICKERS / SMALL LABELS — one exact size. */
.eyebrow,
.case-meta,
.ed-cap{
  font-family:var(--sans)!important;
  font-size:var(--vcp-type-eyebrow)!important;
  line-height:1.4!important;
  letter-spacing:.19em!important;
  text-transform:uppercase!important;
}

/* BODY COPY — one readable size everywhere. */
body{
  font-family:var(--body-copy,"DM Sans",Arial,sans-serif)!important;
  font-size:var(--vcp-type-body)!important;
}

p:not(.eyebrow):not(.hero-kicker):not(.ed-kicker):not(.recognition-statement):not(.recognition-audience):not(.vcp-vertical-lockup-script):not(.vcp-vertical-lockup-small):not(.footer-community-eyebrow),
.dek,
.small,
.ed-dek,
.ed-text,
.case-summary,
.ed-project-copy p,
.ed-offer p,
.ed-faq-item p,
.founder p,
.package-copy p,
.step p,
.ed-row p,
.ed-outcome p,
.footer-community-copy p{
  font-family:var(--body-copy,"DM Sans",Arial,sans-serif)!important;
  font-size:var(--vcp-type-body)!important;
  line-height:1.68!important;
  letter-spacing:0!important;
}

/* Audience line behaves as metadata, not body copy. */


/* Keep body widths editorial so the unified size still feels intentional. */
.dek,.ed-dek{max-width:620px!important}
.ed-text{max-width:630px}



/* DM Sans needs a little less tracking on narrow screens so words stay intact. */
@media(max-width:720px){
  :root{
    --vcp-type-display:clamp(38px,10.5vw,52px);
    --vcp-type-heading:clamp(29px,8vw,40px);
    --vcp-type-serif:clamp(24px,6.7vw,31px);
    --vcp-type-quote:clamp(27px,7.6vw,36px);
  }
  .display,
  .page-hero .display{letter-spacing:.055em!important}
  .headline,
  .ed-head,
  .ed-project-copy h2,
  .package h3,
  .partner-teaser-row h3,
  .partnerships-editorial .ed-offer h2{letter-spacing:.048em!important}
  .display em,
  .page-hero .display em,
  .headline em,
  .ed-head em{font-size:.72em!important}
}

/* Original block id="vcp-final-editorial-polish-20260913" */

/*
  VERA / FINAL EDITORIAL POLISH
  The goal of this pass is restraint:
  - hierarchy through spacing, rails, rules and contrast rather than oversized type
  - fewer decorative sizes
  - quieter interactions
  - consistent image treatment
  - consistent micro-type, body copy and section rhythm
*/
:root{
  --vcp-rule:rgba(46,31,23,.145);
  --vcp-rule-dark:rgba(245,234,220,.17);
  --vcp-section-space:clamp(104px,11vw,168px);
  --vcp-copy-measure:58ch;
}

/* ---------------------------------------------------------
   FOUNDATION
--------------------------------------------------------- */
body{
  background:var(--paper)!important;
  color:var(--ink)!important;
}
.vcp-view{
  background:var(--paper);
}
.shell{
  max-width:var(--ed-max,1580px);
}

/* Keep the palette editorial: color is punctuation, not a section-by-section device. */

.case-study-index,
.ed-project,
.founder-letter-editorial{
  background:var(--paper)!important;
}

.ed-faq{
  background:var(--milk)!important;
}

.ed-dark-quote{
  background:var(--ink)!important;
}

/* Consistent hairlines throughout. */
.section,
.project-cap,
.case-study,
.ed-row,
.ed-offer,
.ed-faq-item,
.ed-case-meta,
.partner-teaser,
.partner-teaser-row,
.founder-letter-editorial,
.trust-marquee{
  border-color:var(--vcp-rule)!important;
}

/* Remove UI-ish visual treatments that fight the publication feel. */
.package,
.ed-offer,
.ed-faq-item,
.field,
.btn,
.nav-cta{
  border-radius:0!important;
  box-shadow:none!important;
}
button,
.btn,
.nav-cta{
  -webkit-tap-highlight-color:transparent;
}

/* ---------------------------------------------------------
   HEADER / MICRO TYPOGRAPHY
--------------------------------------------------------- */
.site-header{
  background:rgba(251,247,240,.97)!important;
  backdrop-filter:none!important;
  border-bottom:1px solid var(--vcp-rule)!important;
}
.nav a{
  letter-spacing:.17em!important;
}
.brand img{
  width:114px!important;
}

/* Catch remaining label types so no stray 8/10/11px system develops. */

.partner-teaser-row .num,
.partner-teaser-row .arrow,
.ed-row .num,
.ed-image-tag,
.field label,
.footer h4,
.footer-bottom,
.founder .role,
.founder-letter-signature span{
  font-family:var(--sans)!important;
  font-size:var(--vcp-type-eyebrow)!important;
  line-height:1.45!important;
  letter-spacing:.18em!important;
  text-transform:uppercase!important;
}

/* Catch remaining prose so body copy does not drift. */

.partner-teaser-row p,
.ed-hero-note .ed-text,
.ed-section-head .ed-text,
.ed-row p,
.ed-project-copy p,
.ed-offer p,
.ed-faq-item p,
.footer p,
.footer a{
  font-family:var(--body-copy,"DM Sans",Arial,sans-serif)!important;
  font-size:var(--vcp-type-body)!important;
  line-height:1.68!important;
  letter-spacing:0!important;
}

/* Comfortable editorial measures. */
.dek,
.ed-dek,
.ed-text,
.ed-project-copy p,
.ed-offer p,
.ed-faq-item p,
.partner-teaser-row p{
  max-width:var(--vcp-copy-measure)!important;
}

/* ---------------------------------------------------------
   LINKS / ACTIONS
--------------------------------------------------------- */
/* Make actions read like editorial references rather than interface buttons. */
.btn,
.nav-cta{
  display:inline-flex!important;
  width:auto!important;
  min-height:0!important;
  padding:0 0 4px!important;
  background:transparent!important;
  color:inherit!important;
  border:0!important;
  border-bottom:1px solid currentColor!important;
  font-family:var(--sans)!important;
  font-size:var(--vcp-type-eyebrow)!important;
  font-weight:600!important;
  line-height:1.3!important;
  letter-spacing:.17em!important;
  text-transform:uppercase!important;
  transform:none!important;
}
.btn:hover,
.nav-cta:hover{
  background:transparent!important;
  color:inherit!important;
  opacity:.58;
  transform:none!important;
}

/* ---------------------------------------------------------
   HOME / OPENING SEQUENCE
--------------------------------------------------------- */


/* Work captions become compact editorial captions. */




/* Process: stop using giant numbers as the main attention device.
   It now reads like a beautifully typeset contents/index page. */






/* Partnerships: quieter hover, more like an index or table of contents. */







/* Founder/about section gets a quieter gallery caption feel. */





/* Client proof: smaller quote punctuation, stronger alignment, restrained ticker. */





/* CTA: a closing colophon, not another oversized campaign frame. */





/* ---------------------------------------------------------
   INNER EDITORIAL PAGES
--------------------------------------------------------- */
/* Hero split becomes a little calmer and gives the DM Sans headline room to breathe. */




/* Consistent editorial section rhythm. */

.ed-faq,
.founder-letter-editorial{
  padding-top:var(--vcp-section-space)!important;
  padding-bottom:var(--vcp-section-space)!important;
}

/* Work and offer lists: typography + rule system does the work, not scale. */
.ed-project-copy h2,
.partnerships-editorial .ed-offer h2{
  margin-top:16px!important;
  margin-bottom:22px!important;
}

.partnerships-editorial .ed-offer h2 em{
  color:inherit!important;
}
.partnerships-editorial .ed-offer:hover h2 em{
  color:inherit!important;
}

/* FAQs read like a publication index. */
.ed-faq-item{
  padding:23px 0!important;
}
.ed-faq-item h3{
  margin:0 0 10px!important;
}

/* Case-study metadata: remove card-like feeling. */
.ed-case-meta{
  background:var(--paper)!important;
  border-top:1px solid var(--vcp-rule)!important;
  border-bottom:1px solid var(--vcp-rule)!important;
}
.ed-case-meta .shell>div{
  border-color:var(--vcp-rule)!important;
}

/* ---------------------------------------------------------
   IMAGE DIRECTION
--------------------------------------------------------- */
/* One photographic language across the site. */

.home-about-image img,
.ed-media img,
.work-feature-media img,
.case-image img,
.about-portrait img{
  filter:saturate(.72) contrast(.97)!important;
}

/* No heavy zoom / glossy behavior. */
.project-media img,
.ed-media img{
  transition:transform .55s cubic-bezier(.2,.7,.2,1),filter .35s ease!important;
}
.project:hover .project-media img,
a.ed-media:hover img{
  transform:scale(1.008)!important;
}

/* ---------------------------------------------------------
   FOOTER
--------------------------------------------------------- */
.footer{
  padding-top:clamp(80px,8vw,118px)!important;
  background:var(--ink)!important;
  color:var(--milk)!important;
}
.footer-grid{
  border-top:1px solid rgba(245,234,220,.18);
  padding-top:28px;
}
.footer-logo{
  width:min(350px,100%)!important;
}
.footer p,
.footer a{
  color:rgba(245,234,220,.72)!important;
}
.footer-bottom{
  border-top:1px solid rgba(245,234,220,.15)!important;
  color:rgba(245,234,220,.48)!important;
}

/* ---------------------------------------------------------
   MOTION
--------------------------------------------------------- */
/* Editorial motion should feel like the page is settling into place. */
[data-vcp-motion],
.ed-row,
.partner-teaser-row{
  transition-timing-function:cubic-bezier(.2,.72,.18,1)!important;
}


/* ---------------------------------------------------------
   MOBILE
--------------------------------------------------------- */
@media(max-width:980px){
  :root{
    --vcp-section-space:clamp(82px,12vw,118px);
  }
  
  
  
  
}

@media(max-width:700px){
  :root{
    --vcp-section-space:82px;
  }

  .site-header{
    height:var(--nav-h)!important;
  }
  .brand img{
    width:108px!important;
  }

  /* Keep mobile layouts typographic and simple. */
  
  .ed-offer,
  .ed-row,
  .ed-faq-item{
    column-gap:14px!important;
  }
  
  

  

  
  

  
  .ed-cta-grid{
    gap:28px!important;
  }
}

/* Original block id="vcp-editorial-type-rebalance-20260913" */

/*
  VERA — editorial type rebalance
  Keep the consistency from the previous pass, but restore contrast:
  1. Display / opening statement
  2. Section headline
  3. Editorial serif / pull thought
  4. Body
  Eyebrows remain one consistent size.
*/
:root{
  --vcp-type-eyebrow:10px;
  --vcp-type-body:15px;
  --vcp-type-display:clamp(62px,7.4vw,116px);
  --vcp-type-heading:clamp(40px,5vw,74px);
  --vcp-type-serif:clamp(28px,3vw,43px);
  --vcp-type-quote:clamp(36px,4.1vw,60px);
}

/* DM Sans / geometric treatment: a little more air is part of the hierarchy. */
.display,
.headline,
.ed-head,
.ed-project-copy h2,
.partnerships-editorial .ed-offer h2{
  letter-spacing:.075em!important;
}

/* Major moments can still feel major. */

.page-hero .display{
  font-size:var(--vcp-type-display)!important;
  line-height:.88!important;
}

/* Section heads should be clearly secondary, not miniature. */
.headline,
.ed-head,
.ed-project-copy h2,
.partnerships-editorial .ed-offer h2{
  font-size:var(--vcp-type-heading)!important;
  line-height:.96!important;
}

/* Newsreader is an editorial accent, with enough presence to feel intentional. */

.recognition-statement,
.home-recognition p:first-child,
.ed-dark-quote blockquote{
  font-size:var(--vcp-type-serif)!important;
  line-height:1.05!important;
  letter-spacing:-.018em!important;
}

/* Client quotes / key emotional statements get one stronger tier. */
.testimonial blockquote,
.testimonial-focus{
  font-size:var(--vcp-type-quote)!important;
  line-height:1.02!important;
}

/* One body size across the system, but large enough to breathe. */
body,
.dek,
.ed-dek,
.ed-text,
.small,
.ed-project-copy p,
.ed-offer p,
.ed-faq-item p,
.partner-teaser-row p,
.footer p,
.footer a,
.case-summary,
.package-copy p,
.step p{
  font-size:var(--vcp-type-body)!important;
  line-height:1.67!important;
}

/* One eyebrow size across the entire site. */
.eyebrow,
.case-meta,
.partner-teaser-row .num,
.partner-teaser-row .arrow,
.ed-row .num,
.ed-image-tag,
.field label,
.footer h4,
.footer-bottom,
.founder .role,
.founder-letter-signature span{
  font-size:var(--vcp-type-eyebrow)!important;
  letter-spacing:.18em!important;
}

/* Preserve useful contrast in the home process without going back to huge numerals. */



/* Project / partnership names deserve more presence than the metadata around them. */

.founder h4{
  font-size:clamp(28px,2.8vw,42px)!important;
  line-height:1!important;
}

/* Keep the small signature accent truly secondary. */


/* Mobile still gets clear hierarchy instead of shrinking every tier together. */
@media(max-width:700px){
  :root{
    --vcp-type-eyebrow:10px;
    --vcp-type-body:15px;
    --vcp-type-display:clamp(48px,14vw,72px);
    --vcp-type-heading:clamp(34px,10vw,52px);
    --vcp-type-serif:clamp(28px,8.2vw,39px);
    --vcp-type-quote:clamp(32px,9vw,46px);
  }

  
  .founder h4{
    font-size:clamp(27px,7.6vw,36px)!important;
  }
}

/* Original block id="vcp-home-package-spotlight-20260913" */

/* HOME / PACKAGE SPOTLIGHT
   Editorial hierarchy with a true flagship spread + two supporting offers.
   Color is used as Vera punctuation, not as a card system.
*/


/* Turn off prior decorative partnership treatments. */









/* Shared editorial offer anatomy. */


















.page-home .home-offer-scope span:not(:last-child)::after{
  content:" / ";
  margin:0 12px;
  color:rgba(46,31,23,.34);
}







/* Flagship: one full editorial feature spread. */





/* Two supporting packages read like facing pages beneath the feature. */


.page-home .home-offers-secondary .home-offer:nth-child(2){
  padding-left:clamp(28px,4vw,60px);
  padding-right:0;
  border-left:1px solid var(--vcp-rule,rgba(46,31,23,.145));
}









/* Closing editorial note. */





/* Responsive editorial stacking. */
@media(max-width:1050px){
  
  
  
  
  
  
  
  .page-home .home-offers-secondary .home-offer:nth-child(2){
    padding:48px 0!important;
    border-left:0;
  }
}
@media(max-width:700px){
  
  
  
  
  .page-home .home-offers-secondary .home-offer:nth-child(2){
    display:block;
    padding:34px 0!important;
  }
  
  
  
  
  
  
  
  
  .page-home .home-offer-scope span:not(:last-child)::after{
    content:""!important;
    margin:0!important;
  }
  
  
  
}

/* Original block id="vcp-package-descriptor-headlines-20260914" */

/* Package cards: descriptor is the hero line. No redundant eyebrow above it. */




/* Original block id="vcp-editorial-package-card-pass-20260914" */

/* ABOUT / descriptor line — exactly the same typographic language as eyebrows */


/* HOME CTA — retain the restraint, just give the close a little more presence */




/* PARTNERSHIPS — editorial folio cards
   An asymmetrical spread: Vista is the feature card;
   Vision + View stack like companion pages. */



/* Shared card language */

.page-home .home-offers-secondary .home-offer:nth-child(2){
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  min-height:0!important;
  padding:clamp(34px,3.7vw,58px)!important;
  border:1px solid rgba(46,31,23,.18)!important;
  background:var(--milk)!important;
  color:var(--ink)!important;
  overflow:hidden!important;
  transform:none!important;
  transition:transform .3s cubic-bezier(.2,.72,.18,1),
             box-shadow .3s cubic-bezier(.2,.72,.18,1)!important;
}



/* Feature card */




/* Secondary stack */






/* Re-compose the content inside every card. */





/* Large descriptor stays the focal point. */







/* Scope becomes a compact editorial footer, not a row of chips. */



/* Timeline + investment become one neat bottom rail. */





/* Make the secondary cards more concise visually. */




/* Closing note under the cards */


/* Tablet */


/* Mobile */
@media(max-width:700px){
  
  
  .page-home .home-offers-secondary .home-offer:nth-child(2){
    min-height:0!important;
    padding:30px 24px 32px!important;
  }
  
  
  
  
  
  
}

/* Original block id="vcp-dark-editorial-partnership-cards-20260914" */

/* CTA — remove the empty eyebrow rail but keep the editorial offset */




/* ABOUT — the removed studio note also removes its rule */


/* PARTNERSHIP CARDS — one dark editorial system, distinction via typography + accent only */

.page-home .home-offers-secondary .home-offer:nth-child(2){
  background:var(--ink)!important;
  color:var(--milk)!important;
  border:1px solid rgba(245,234,220,.16)!important;
  box-shadow:none!important;
}

/* Hover stays quiet: a lift + hairline, not a color change */


/* Remove the prior colored card bottoms / background cues */


/* Package name becomes the signature accent for each card */





/* Remove the old mini accent bars beneath package names */


/* Small package descriptor beneath the name */



/* Primary descriptors stay cream and crisp */



/* Scope becomes fine-print editorial metadata */


.page-home .home-offer-scope span:not(:last-child)::after{
  color:rgba(245,234,220,.22)!important;
}

/* Timeline / investment rail */




/* Specifically de-emphasize investment vs. the package itself */
.page-home .home-offer-meta p:nth-child(2)>span{
  color:rgba(245,234,220,.30)!important;
}
.page-home .home-offer-meta p:nth-child(2)>strong{
  color:rgba(245,234,220,.46)!important;
  font-size:12px!important;
}

/* Explore link */


/* Flagship marker no longer competes with the package name */


/* Keep the editorial cards visually substantial */



/* On small screens, maintain dark-card contrast without making metadata tiny */
@media(max-width:700px){
  
  
  .page-home .home-offer-meta p:nth-child(2)>strong{
    font-size:12px!important;
  }
}

/* Original block id="vcp-testimonial-cta-color-pass-20260914" */

/* CLIENT TESTIMONIALS — clean white editorial field */


/* Keep the testimonial rules soft against true white */


/* FINAL CTA — a warmer, slightly deeper Vera cream.
   Built only from Vera's Milk + Butter palette values. */




/* Original block id="vcp-light-about-fullbleed-image-pass-20260914" */

/* ABOUT VERA — move to the lighter Vera Paper tone */


/* Give About a more editorial composition:
   copy first, then one cinematic full-bleed founder image. */





/* SELECTED WORK — create one true full-bleed project image,
   then return to the staggered editorial rhythm for the next projects. */








/* Keep the second project intentionally narrower after the full-width beat. */



/* Full-bleed photography should feel like image plates, not effects. */


/* Tablet */


/* Mobile: keep the bleed, but use a taller crop so the image remains useful. */


/* Original block id="vcp-hero-process-metadata-unification-20260914" */

/* HERO — make the service category unmistakable without competing with the statement. */



/* Move the belief line to the bottom rail and give it one clean editorial voice. */



/* One shared editorial metadata treatment.
   Anywhere the site uses small uppercase "folio / label / type" copy,
   it now matches the eyebrow system exactly. */
.eyebrow,
.ed-image-tag,
.case-meta,
.partner-teaser-row .num,
.partner-teaser-row .arrow,
.ed-row .num,
.field label,
.footer h4,
.footer-bottom,
.founder .role,
.founder-letter-signature span,
.project-cap span{
  font-family:var(--sans)!important;
  font-size:var(--vcp-type-eyebrow,10px)!important;
  font-weight:600!important;
  line-height:1.45!important;
  letter-spacing:.18em!important;
  text-transform:uppercase!important;
}

/* Specifically lock the partnerships folio to the eyebrow size. */


/* How-we-work supporting copy: same body scale as the rest of the site. */


/* Mobile */


/* Original block id="vcp-process-partnership-refinement-20260914" */

/* HERO belief line — same typographic system as an eyebrow */



/* PARTNERSHIP FOLIO
   Still eyebrow-scale, but composed like a small editorial colophon. */





/* Process body copy has enough measure to support the more substantive wording. */



/* Mobile */


/* Original block id="vcp-partnership-folio-special-type-20260914" */

/* PARTNERSHIP FOLIO — treat like a magazine masthead / colophon,
   not just another eyebrow. */


/* Vera Creative Partners gets the signature editorial voice. */


/* Edition line stays in the micro-type system for contrast. */



/* Tiny folio mark adds just enough 'publication' character. */




/* Original block id="vcp-folio-cta-testimonial-interaction-20260914" */

/* PARTNERSHIP FOLIO — keep it special, but give each line its own breathing room. */






/* CTA — one uninterrupted editorial line. */



/* TESTIMONIAL TICKER — automatic + manually scrollable.
   JS drives scrollLeft; native overflow keeps trackpad/touch/manual scrolling available. */






/* Original block id="vcp-expanded-dark-partnership-page-20260914" */

/* PARTNERSHIPS HERO */


/* Expanded partnerships section */






/* Match homepage dark-card language */
.partnerships-editorial .partnership-detail-card{
  position:relative!important;
  overflow:hidden!important;
  padding:clamp(38px,5vw,72px)!important;
  background:var(--ink)!important;
  color:var(--milk)!important;
  border:1px solid rgba(245,234,220,.16)!important;
}
.partnerships-editorial .partnership-detail-card::after{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  height:1px!important;
  background:rgba(245,234,220,.24)!important;
}
.partnerships-editorial .partnership-detail-card:hover{
  border-color:rgba(245,234,220,.28)!important;
}

/* Header */








/* Intro */




/* Detail grid */


.partnerships-editorial .partnership-detail-block:not(:first-child){
  padding-left:clamp(20px,2.5vw,36px)!important;
  border-left:1px solid rgba(245,234,220,.15)!important;
}



/* Footer / outcome */







/* Tablet */
@media(max-width:1000px){
  
  .partnerships-editorial .partnership-detail-block:nth-child(3){
    border-left:0!important;
  }
  
  
}

/* Mobile */
@media(max-width:700px){
  
  
  
  
  .partnerships-editorial .partnership-detail-card{
    padding:30px 24px 34px!important;
  }
  
  
  
  
  .partnerships-editorial .partnership-detail-block:not(:first-child){
    min-height:0!important;
    padding:26px 0!important;
    border-left:0!important;
    border-bottom:1px solid rgba(245,234,220,.15)!important;
  }
}

/* Original block id="vcp-partnership-background-connection-20260914" */

/* ---------------------------------------------------------
   PARTNERSHIP HEADLINE FIX
   Older partnership CSS adds Vista / Vision / View through H2::before.
   Explicitly disable that legacy treatment so metadata stays in the eyebrow.
--------------------------------------------------------- */
.partnerships-editorial #vista h2::before,
.partnerships-editorial #vision h2::before,
.partnerships-editorial #view h2::before{
  content:none!important;
  display:none!important;
}






/* ---------------------------------------------------------
   SHARED PARTNERSHIP IMAGE LANGUAGE
   Same supplied image sits behind the homepage partnership spread
   and the partnership page so the two areas feel intentionally linked.
--------------------------------------------------------- */




/* The page opens on the same photographic atmosphere. */
.partnerships-editorial .ed-hero{
  background:
    linear-gradient(90deg,rgba(247,239,229,.92) 0%,rgba(247,239,229,.80) 48%,rgba(247,239,229,.48) 100%),
    url("/assets/e031e1e45b515012-web.webp") center 43% / cover no-repeat!important;
}


/* Carry the image back in behind the detailed dark partnership cards. */



/* Keep cards crisp and distinctly Vera against the shared image. */
.partnerships-editorial .partnership-detail-card{
  background:var(--ink)!important;
  color:var(--milk)!important;
  border-color:rgba(245,234,220,.17)!important;
  box-shadow:0 24px 70px rgba(46,31,23,.10)!important;
}

/* Homepage cards stay dark and elevated over the image. */

.page-home .home-offers-secondary .home-offer:nth-child(2){
  background:var(--ink)!important;
  color:var(--milk)!important;
  border-color:rgba(245,234,220,.17)!important;
  box-shadow:0 22px 60px rgba(46,31,23,.10)!important;
}

/* Slightly strengthen the section header against photography. */


@media(max-width:700px){
  
  .partnerships-editorial .ed-hero{
    background-position:center center!important;
  }
  
}

/* Original block id="vcp-final-partnership-adjustments-20260914" */

/* Partnerships page hero headline */


/* "You bring what you know." — same treatment as homepage headlines */



/* Helpful FAQ headline tone */
.partnerships-editorial .ed-faq .ed-head {
  max-width:18ch!important;
}

/* Use the attached palm-shadow image to connect homepage + partnerships page */

.partnerships-editorial .ed-hero {
  background:
    linear-gradient(90deg,rgba(247,239,229,.93) 0%,rgba(247,239,229,.82) 48%,rgba(247,239,229,.58) 100%),
    url("/assets/e031e1e45b515012-web.webp") center center / cover no-repeat!important;
}


/* Home process gets a lighter Vera brown */






@media(max-width:700px) {
  
  
  .partnerships-editorial .ed-hero{
    background-position:center center!important;
  }
}

/* Original block id="vcp-partnership-cleanup-cta-unification-20260914" */

/* FAQ / useful answers — same lighter Vera brown as How We Work */
.partnerships-editorial .ed-faq{
  background:#5A3C30!important;
  color:var(--milk)!important;
}

.partnerships-editorial .ed-faq .ed-head,
.partnerships-editorial .ed-faq .ed-faq-item h3{
  color:var(--milk)!important;
}

.partnerships-editorial .ed-faq .ed-faq-item{
  border-color:rgba(245,234,220,.18)!important;
}
.partnerships-editorial .ed-faq .ed-faq-item p{
  color:rgba(245,234,220,.70)!important;
}

/* All closing CTAs share the same palm-shadow image treatment. */

.vcp-view .ed-cta{
  position:relative!important;
  isolation:isolate!important;
  background:
    linear-gradient(rgba(247,239,229,.80),rgba(247,239,229,.86)),
    url("/assets/e031e1e45b515012-web.webp") center center / cover no-repeat!important;
  color:var(--ink)!important;
  border-top:1px solid rgba(46,31,23,.14)!important;
}

.vcp-view .ed-cta::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:-1!important;
  pointer-events:none!important;
  background:linear-gradient(90deg,rgba(255,253,249,.14),rgba(46,31,23,.04))!important;
}

.vcp-view .ed-cta .ed-head{
  color:var(--ink)!important;
}


/* Client testimonial quote mark — warm light brown detail */


@media(max-width:700px){
  
  .vcp-view .ed-cta{
    background-position:center center!important;
  }
}

/* Original block id="vcp-full-bleed-heroes-ethos-polished-20260914" */

:root{
  --vera-light-brown:#5A3C30;
  --vera-quote-brown:#B89A87;
}

/* NAV — visible at launch */
.site-header{
  background:rgba(251,247,240,.95)!important;
  border-bottom:1px solid rgba(46,31,23,.14)!important;
}
.site-header .nav a,
.site-header .menu,
.site-header .brand,
.site-header .brand img{
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
}
.site-header .nav a,
.site-header .menu{
  color:var(--ink)!important;
}

/* HOME HERO — full bleed and one readable cream copy color */










/* ALL INNER PAGE HEROES — full-bleed image + overlaid copy */












/* Partnerships uses the supplied image as the hero + section visual language. */





/* Contact page is also a full-bleed image hero. */












/* Process / FAQ / Outcomes share the lighter Vera brown */

.partnerships-editorial .ed-faq{
  background:var(--vera-light-brown)!important;
  color:var(--milk)!important;
}


.partnerships-editorial .ed-faq .ed-head,
.partnerships-editorial .ed-faq h3{
  color:var(--milk)!important;
}

.partnerships-editorial .ed-faq p{
  color:rgba(245,234,220,.70)!important;
}

.partnerships-editorial .ed-outcome,
.partnerships-editorial .ed-faq-item{
  border-color:rgba(245,234,220,.18)!important;
}

/* Partnership card hover — elevated, restrained, editorial */

.partnerships-editorial .partnership-detail-card{
  transition:
    transform .34s cubic-bezier(.2,.72,.18,1),
    box-shadow .34s cubic-bezier(.2,.72,.18,1),
    border-color .34s ease!important;
}

.partnerships-editorial .partnership-detail-card:hover,
.partnerships-editorial .partnership-detail-card:focus-within{
  transform:translateY(-7px)!important;
  border-color:rgba(245,234,220,.34)!important;
  box-shadow:0 28px 72px rgba(46,31,23,.20)!important;
}

.partnerships-editorial .partnership-detail-card h2{
  transition:letter-spacing .34s cubic-bezier(.2,.72,.18,1),transform .34s cubic-bezier(.2,.72,.18,1)!important;
}

.partnerships-editorial .partnership-detail-card:hover h2{
  letter-spacing:.085em!important;
  transform:translateX(4px)!important;
}

/* Partnerships CTA supporting line */



/* All closing CTAs share the partnership image background. */

.vcp-view .ed-cta{
  position:relative!important;
  isolation:isolate!important;
  background:
    linear-gradient(rgba(247,239,229,.80),rgba(247,239,229,.86)),
    url("/assets/e031e1e45b515012-web.webp") center center / cover no-repeat!important;
  color:var(--ink)!important;
}

.vcp-view .ed-cta .ed-head{
  color:var(--ink)!important;
}

/* Testimonials: warm-brown quote + user-controlled acceleration */






/* ==========================================================
   VERA ETHOS — asymmetrical manifesto, intentionally unlike process
========================================================== */
.about-editorial .vera-ethos{
  padding:clamp(110px,13vw,190px) 0!important;
  background:var(--paper)!important;
}
.about-editorial .vera-ethos>.shell{
  display:grid!important;
  grid-template-columns:repeat(12,minmax(0,1fr))!important;
  grid-template-rows:auto auto!important;
  gap:clamp(34px,5vw,72px) 18px!important;
  align-items:start!important;
}




.about-editorial .ethos-principle{
  display:block!important;
  min-height:230px!important;
  padding:26px clamp(18px,2.3vw,34px) 36px!important;
  border:0!important;
  border-bottom:1px solid var(--vcp-rule,rgba(46,31,23,.15))!important;
  background:transparent!important;
}
.about-editorial .ethos-principle:nth-child(odd){
  padding-left:0!important;
  border-right:1px solid var(--vcp-rule,rgba(46,31,23,.15))!important;
}
.about-editorial .ethos-principle .num{
  display:block!important;
  margin-bottom:clamp(42px,5vw,76px)!important;
  font-family:var(--sans)!important;
  font-size:var(--vcp-type-eyebrow,10px)!important;
  line-height:1.4!important;
  letter-spacing:.18em!important;
  color:var(--soft)!important;
}
.about-editorial .ethos-principle h3{
  margin:0 0 13px!important;
  font-family:"DM Sans",Arial,sans-serif!important;
  font-size:clamp(28px,2.65vw,40px)!important;
  font-weight:400!important;
  line-height:1.02!important;
}
.about-editorial .ethos-principle p{
  margin:0!important;
  max-width:34ch!important;
  font-family:var(--body-copy,"DM Sans",Arial,sans-serif)!important;
  font-size:14px!important;
  line-height:1.65!important;
  color:var(--soft)!important;
}

/* Lock the two ethos thoughts together as one typographic signature. */




/* WHY VERA — editorial quote treatment */
.about-editorial .ed-dark-quote{
  padding:clamp(90px,11vw,160px) 0!important;
}
.about-editorial .ed-dark-quote-grid{
  display:grid!important;
  grid-template-columns:2fr 10fr!important;
  gap:18px!important;
  align-items:start!important;
  border-top:1px solid rgba(245,234,220,.22)!important;
  border-bottom:1px solid rgba(245,234,220,.16)!important;
  padding:26px 0 clamp(48px,6vw,82px)!important;
}





@media(max-width:980px){
  
  
  
  .about-editorial .vera-ethos>.shell{
    grid-template-columns:1fr!important;
  }
  
  
  
}
@media(max-width:700px){
  
  
  
  
  
  
  
  .about-editorial .ethos-principle,
  .about-editorial .ethos-principle:nth-child(odd){
    min-height:0!important;
    padding:25px 0 30px!important;
    border-right:0!important;
  }
  .about-editorial .ethos-principle .num{
    margin-bottom:26px!important;
  }
  
  .about-editorial .ed-dark-quote-grid{
    grid-template-columns:1fr!important;
    gap:32px!important;
  }
  
  
}

/* Original block id="vcp-headline-outcome-founder-pass-20260914" */

/* =========================================================
   ONE HEADLINE SYSTEM
   DM Sans leads. Newsreader only enters as emphasis.
   This final override catches the large editorial headings that
   were still inheriting older serif treatments.
========================================================= */
.display,
.headline,
.ed-head,
.ed-project-copy h2,
.founder-letter-editorial h2{
  font-family:var(--vera-sans,"Montserrat",Arial,sans-serif)!important;
  font-weight:400!important;
  font-style:normal!important;
  text-transform:uppercase!important;
  font-kerning:normal!important;
  font-feature-settings:"kern" 1,"liga" 1!important;
  letter-spacing:.067em!important;
  line-height:.98!important;
}

.display{
  letter-spacing:.078em!important;
}

.display em,
.headline em,
.ed-head em,
.ed-project-copy h2 em,
.founder-letter-editorial h2 em{
  font-family:"DM Sans",Arial,sans-serif!important;
  font-weight:400!important;
  font-style:italic!important;
  font-size:.74em!important;
  line-height:1!important;
  letter-spacing:0!important;
  text-transform:none!important;
}

/* Keep inline emphasis inside a DM Sans line visually connected. */
.ed-head .line span > em,
.headline .line span > em{
  display:inline!important;
}

/* =========================================================
   WHAT BECOMES POSSIBLE — shooting-star interaction
   Replaces the older underline / rotate hover.
========================================================= */
.partnerships-editorial .ed-outcome{
  isolation:isolate!important;
}

/* Turn the old underline pseudo-element into the star's light trail. */
.partnerships-editorial .ed-outcome::after{
  content:""!important;
  position:absolute!important;
  left:5%!important;
  bottom:14%!important;
  width:clamp(70px,8vw,125px)!important;
  height:1px!important;
  background:linear-gradient(90deg,transparent,rgba(240,198,116,.12),rgba(240,198,116,.78))!important;
  opacity:0!important;
  transform:rotate(-28deg) scaleX(.22)!important;
  transform-origin:right center!important;
  pointer-events:none!important;
  z-index:1!important;
}

/* A second Vera star shoots across the card while the anchored glyph remains. */
.partnerships-editorial .ed-outcome::before{
  content:"✦"!important;
  position:absolute!important;
  left:8%!important;
  bottom:10%!important;
  z-index:2!important;
  font-family:var(--sans)!important;
  font-size:16px!important;
  line-height:1!important;
  color:var(--butter)!important;
  opacity:0!important;
  pointer-events:none!important;
  text-shadow:0 0 14px rgba(240,198,116,.28)!important;
}

.partnerships-editorial .ed-outcome:hover::before,
.partnerships-editorial .ed-outcome:focus-within::before{
  animation:vcp-shooting-glyph .82s cubic-bezier(.2,.72,.18,1) both!important;
}
.partnerships-editorial .ed-outcome:hover::after,
.partnerships-editorial .ed-outcome:focus-within::after{
  animation:vcp-shooting-trail .82s cubic-bezier(.2,.72,.18,1) both!important;
}


@keyframes vcp-shooting-glyph{
  0%{left:8%;bottom:10%;opacity:0;transform:rotate(0deg) scale(.72)}
  14%{opacity:1}
  70%{opacity:1;transform:rotate(28deg) scale(1)}
  100%{left:82%;bottom:78%;opacity:0;transform:rotate(55deg) scale(.62)}
}
@keyframes vcp-shooting-trail{
  0%{left:3%;bottom:8%;opacity:0;transform:rotate(-28deg) scaleX(.15)}
  18%{opacity:.8}
  72%{opacity:.62;transform:rotate(-28deg) scaleX(1)}
  100%{left:69%;bottom:68%;opacity:0;transform:rotate(-28deg) scaleX(.5)}
}
@keyframes vcp-anchor-twinkle{
  0%,100%{opacity:1;filter:none}
  45%{opacity:.45;filter:drop-shadow(0 0 8px rgba(240,198,116,.45))}
}

/* =========================================================
   FOUNDERS — pairing is now part of one section, not a second module
========================================================= */




/* The removed No-perfect-brief section should leave no inherited spacing gap. */




@media(prefers-reduced-motion:reduce){
  .partnerships-editorial .ed-outcome::before,
  .partnerships-editorial .ed-outcome::after{
    animation:none!important;
  }
}

/* Original block id="vcp-never-mix-futura-serif-same-line-20260914" */

/*
  Vera headline rule:
  DM Sans and Newsreader never share a line.
  Newsreader emphasis always begins on its own line.
*/
.vcp-view h1.display em,
.vcp-view h1.headline em,
.vcp-view h1.ed-head em,
.vcp-view h2.display em,
.vcp-view h2.headline em,
.vcp-view h2.ed-head em,
.vcp-view .founder-letter-editorial h2 em{
  display:block!important;
  width:100%!important;
  margin-top:.035em!important;
}

.vcp-view .baseline > .line > span > em{
  display:block!important;
  width:100%!important;
  margin-top:0!important;
}

/* Original block id="vcp-founder-letter-future-refinement-20260914" */

/* Founder letter — more personal, less like another brand manifesto. */
.about-editorial .founder-letter-salutation{
  margin:0 0 30px!important;
  font-family:"DM Sans",Arial,sans-serif!important;
  font-size:clamp(25px,2.4vw,36px)!important;
  font-style:italic!important;
  font-weight:400!important;
  line-height:1.08!important;
  color:var(--ink)!important;
}

.about-editorial .founder-letter-copy>p:not(.founder-letter-salutation){
  max-width:66ch!important;
}

/* Treat the closing thought as one intentional signature moment.
   DM Sans and Newsreader stay on separate lines. */




.about-editorial .founder-letter-signature{
  margin-top:clamp(36px,4vw,54px)!important;
}

/* Give the future-facing line the visual authority of an editorial statement. */


/* Original block id="vcp-partnership-bullets-outcomes-separation-20260914" */

/* WHAT BECOMES POSSIBLE — separate visual chapter from the brown FAQ */





.partnerships-editorial .ed-outcome{
  border-color:rgba(46,31,23,.16)!important;
}
.partnerships-editorial .ed-outcome:nth-child(odd){
  border-right-color:rgba(46,31,23,.16)!important;
}


/* Keep the complete serif phrase together on a single line. */


/* PARTNERSHIP CARDS — editorial bullets instead of dense paragraphs */








/* Four editorial columns with short, scannable deliverables. */







/* Give the outcome line more breathing room after the scannable grid. */


/* Shooting-star hover remains distinct and readable on the light section. */
.partnerships-editorial .ed-outcome::after{
  background:linear-gradient(90deg,transparent,rgba(221,162,63,.12),rgba(221,162,63,.82))!important;
}
.partnerships-editorial .ed-outcome::before{
  color:var(--sun)!important;
  text-shadow:0 0 14px rgba(221,162,63,.26)!important;
}




/* Original block id="vcp-partnership-viewport-sync-20260914" */

/* =========================================================
   PARTNERSHIPS — each offer reads as one complete screen.
   Dense enough to scan; not so dense it feels like a spec sheet.
========================================================= */




/* Headline + investment live together so the bottom doesn't become a second footer. */





/* Lead + best-for sit on one editorial band. */







/* Main deliverables take the flexible middle of the viewport. */










/* Tiny process line replaces a tall "How we build" chapter. */








/* Result + inquiry close the screen. */





/* Short laptop screens: tighten, don't hide. */


/* Tablet/mobile prioritizes legibility over forcing an artificial 100vh card. */


/* Original block id="vcp-partnership-readable-compromise-20260914" */

/* =========================================================
   READABLE PARTNERSHIP CARDS
   Keep the editorial spread, but stop forcing micro-type.
   We removed duplicated process detail rather than shrinking copy.
========================================================= */


/* Larger, calmer typography */







/* Return to the airier previous rhythm */





/* Three generous columns; no process rail below them. */





/* Stronger closing rail */



/* Desktop goal: generally one card per screen, but never at the expense of legibility. */


/* Shorter laptops: modest tightening only — body stays readable. */


/* Tablet/mobile: stack naturally. */


/* Original block id="vcp-shared-work-testimonial-marquees-20260914" */

/* Remove now-obsolete image-accent behavior entirely. */


/* =========================================================
   SELECTED WORK MARQUEE
   Continuous by default; manual wheel/touch/drag takes priority.
========================================================= */
.partnerships-editorial .partnership-work-marquee{
  padding:clamp(82px,9vw,132px) 0!important;
  background:var(--paper)!important;
  border-top:1px solid rgba(46,31,23,.14)!important;
  border-bottom:1px solid rgba(46,31,23,.14)!important;
  overflow:hidden!important;
}








.work-marquee-item:nth-child(3n/**/+2){
  width:clamp(170px,19vw,310px)!important;
  aspect-ratio:4/5!important;
}
.work-marquee-item:nth-child(4n){
  width:clamp(230px,27vw,430px)!important;
  aspect-ratio:16/10!important;
}



/* =========================================================
   TESTIMONIALS — same interaction model as work marquee.
   Auto scroll is JS-driven; no CSS animation fighting user input.
========================================================= */





/* Keep testimonial arrows as an extra manual affordance. */


/* Footer restored to original hierarchy while still naming In Vera in body copy. */
.footer-community-copy h2{
  font-family:"DM Sans",Arial,sans-serif!important;
  font-size:clamp(38px,4.7vw,72px)!important;
  font-weight:400!important;
  font-style:normal!important;
  line-height:.95!important;
  letter-spacing:-.038em!important;
  text-transform:none!important;
}

@media(max-width:700px){
  
  
  .work-marquee-item:nth-child(3n/**/+2){
    width:58vw!important;
    max-width:250px!important;
  }
  .work-marquee-item:nth-child(4n){
    width:78vw!important;
    max-width:340px!important;
  }
}

/* Original block id="vcp-editorial-why-partnerships-fold-20260914" */

/* =========================================================
   WHY VERA EXISTS — editorial feature
========================================================= */















/* =========================================================
   03 / OUR PARTNERSHIPS — entire overview above the fold.
   Three equal editorial cards instead of one flagship + stacked pair.
========================================================= */








/* All three cards visible simultaneously. */


















/* Compact footer so it doesn't push the third card below the fold. */




/* Slightly shorter laptops: keep all three visible without micro-type. */


/* Mobile/tablet: stack for readability; above-fold requirement is desktop only. */


/* Original block id="vcp-founder-note-one-line-star-cards-20260914" */

/* =========================================================
   FOUNDER NOTE — medium editorial feature treatment
========================================================= */




/* =========================================================
   OUTCOMES HEADING — both headline phrases stay intact
========================================================= */




/* =========================================================
   HOME PARTNERSHIPS — bigger service titles + star glyph system
========================================================= */



/* Slightly different accent notes by package — restrained, not rainbow cards. */




/* Star sits as a tiny editorial signature in the upper-right. */






/* Match star glow to each package accent. */









/* A very quiet accent hairline appears with the stars. */






/* Preserve above-fold fit on shorter desktop screens. */






/* Original block id="vcp-sitewide-editorial-qa-20260914" */

/* =========================================================
   TYPOGRAPHIC QA
   Authored headline rows stay authored rows on desktop.
   This prevents a single designed line from wrapping into two.
========================================================= */


/* =========================================================
   SPACING + ALIGNMENT QA
   Restore breathing room where later overrides compressed sections.
========================================================= */
:root{
  --vcp-editorial-space:clamp(88px,10vw,154px);
  --vcp-editorial-rule:rgba(46,31,23,.16);
}

/* Keep key editorial section intros on consistent rails. */


/* Restore intentional separation between heading and content. */


.partnerships-editorial .ed-faq{
  padding:clamp(88px,9vw,138px) 0!important;
}


.about-editorial .founder-letter{
  padding-top:clamp(94px,10vw,150px)!important;
  padding-bottom:clamp(94px,10vw,150px)!important;
}
.about-editorial .vera-ethos{
  padding-top:clamp(96px,10vw,154px)!important;
  padding-bottom:clamp(96px,10vw,154px)!important;
}

/* Avoid accidental double-rules where sections meet. */


/* =========================================================
   PARTNERSHIP PAGE STAR SURPRISE
   Same visual language as homepage, scaled for the larger detail cards.
========================================================= */







/* Package-specific glow, matching homepage without recoloring the whole card. */









/* Subtle accent line grows in with the star surprise. */

.partnerships-editorial #vista::after{background:var(--butter)!important}
.partnerships-editorial #vision::after{background:var(--blush)!important}
.partnerships-editorial #view::after{background:var(--lav)!important}


/* Keep title clear of star ornament. */


/* =========================================================
   GRAPHIC RHYTHM QA
   Consistent image treatment / rules / card edges.
========================================================= */




/* On mobile, preserve readable wrapping and scale the star ornament down. */




/* Original block id="vcp-layout-cleanup-unified-ctas-20260914" */

/* =========================================================
   GLOBAL HEADLINE SAFETY
   Do not force every authored line to nowrap; that was causing clipping.
   Specific lines that must remain intact are handled below.
========================================================= */


/* =========================================================
   WHY VERA FEATURE
   Remove the giant empty bottom area beneath the metadata rail.
========================================================= */




/* =========================================================
   HOME PARTNERSHIPS INTRO
   Restore page gutters and remove the competing/double rules.
========================================================= */








/* Remove duplicate horizontal rules inside each dark partnership card.
   One rule at the meta rail is enough. */




/* =========================================================
   HOME ABOUT HEADLINE
   Give the headline enough horizontal room so it never clips.
========================================================= */




/* =========================================================
   PARTNERSHIP DETAIL CARDS
   Simplify rule density so cards feel designed, not boxed-in.
========================================================= */







/* =========================================================
   ALL BOTTOM-OF-PAGE CTAs
   One layout, one spacing system, one image treatment.
========================================================= */













/* Neutralize older grid/layout rules so all four CTAs really match. */



/* =========================================================
   MOBILE
========================================================= */




/* Original block id="vcp-home-partnerships-intro-simplified-20260914" */

/* Homepage Partnerships intro — simplified after removing folio block */










/* Clean up any old layout expectations for the removed folio column. */




/* Original block id="vcp-legacy-cta-layout-restored-20260914" */

/* Vision title deliberately breaks to two lines like the neighboring cards. */


/* =========================================================
   RESTORE THE ORIGINAL HOMEPAGE CTA COMPOSITION EVERYWHERE
   Centered editorial lockup + one uninterrupted serif line + button.
========================================================= */
















/* Neutralize the newer standardized CTA grid. */




/* Original block id="vcp-reference-bottom-cta-style-20260914" */

/* =========================================================
   BOTTOM-OF-PAGE CTA SYSTEM
   Match the supplied reference:
   centered oversized DM Sans statement
   + one Newsreader line
   + restrained underlined action.
========================================================= */

.about-editorial .ed-cta.reference-bottom-cta,
.partnerships-editorial .ed-cta.reference-bottom-cta{
  min-height:clamp(620px,68vw,900px)!important;
  padding:clamp(92px,10vw,150px) 0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:var(--ink)!important;
}











/* Clear remnants of older CTA layouts. */

.reference-bottom-cta .ed-cta-grid{
  display:none!important;
}



@media(max-width:700px){
  
  .about-editorial .ed-cta.reference-bottom-cta,
  .partnerships-editorial .ed-cta.reference-bottom-cta{
    min-height:560px!important;
    padding:72px 0!important;
  }

  

  

  

  

  
}

/* Original block id="vcp-nav-hero-founder-cta-type-pass-20260914" */

/* NAVIGATION — explicitly Montserrat, not the broader DM Sans stack. */
.site-header .nav a:not(.brand),
.site-header .menu,
.site-header .nav-side a{
  font-family:"Montserrat",Arial,sans-serif!important;
  font-weight:500!important;
  font-style:normal!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
}

/* =========================================================
   HOMEPAGE HERO
   Same visual language as the finalized CTA:
   oversized DM Sans statement + separate Newsreader line.
========================================================= */












/* Founder headline follows the same no-mixed-type rule. */


.about-editorial .founder-deepdive-head #founder-detail-title > .line:nth-child(2) em{
  display:block!important;
  width:max-content!important;
  max-width:100%!important;
  font-family:"DM Sans",Arial,sans-serif!important;
  font-style:italic!important;
  font-weight:400!important;
  font-size:.74em!important;
  line-height:1!important;
  letter-spacing:0!important;
  text-transform:none!important;
}





/* Original block id="vcp-final-cta-vision-about-testimonial-fix-20260914" */

/* Full Brand Identity — exactly two lines */



/* About image — make the founder portrait feel intentional, not like a generic crop. */


/* Testimonials: JS controls motion; manual drag/wheel/touch always wins. */





/* =========================================================
   FINAL CTA — matched to attached reference
   Oversized centered DM Sans, one large serif line, understated link.
========================================================= */
















/* Original block id="vcp-cta-reference-exact-20260914" */

/* =========================================================
   CTA SYSTEM — matched to supplied reference artwork
========================================================= */

.about-editorial .ed-cta.cta-reference-exact,
.partnerships-editorial .ed-cta.cta-reference-exact{
  min-height:750px!important;
  height:auto!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  color:var(--ink)!important;
  overflow:hidden!important;
}

/* keep the existing warm Vera CTA image/background treatment */


/* DM Sans block */




/* Newsreader line */


/* Small centered CTA */


/* ensure no older CTA layout leaks through */

.cta-reference-exact .ed-cta-grid{
  display:none!important;
}

/* Slightly tighter on medium desktop while preserving the reference proportions */
@media(max-width:1280px){
  
  .about-editorial .ed-cta.cta-reference-exact,
  .partnerships-editorial .ed-cta.cta-reference-exact{
    min-height:680px!important;
  }

  

  
}

@media(max-width:900px){
  
  .about-editorial .ed-cta.cta-reference-exact,
  .partnerships-editorial .ed-cta.cta-reference-exact{
    min-height:600px!important;
  }

  

  

  

  
}

@media(max-width:650px){
  
  .about-editorial .ed-cta.cta-reference-exact,
  .partnerships-editorial .ed-cta.cta-reference-exact{
    min-height:520px!important;
  }

  

  

  

  
}

/* Original block id="vcp-cta-exact-reference-fix-20260914" */

/*
  FINAL CTA RULE:
  Match the supplied reference exactly across Home / Work / About / Partnerships.
  Important: selectors are intentionally specific so older !important paragraph
  rules cannot shrink or replace the Newsreader line.
*/

.about-editorial .ed-cta.cta-exact-reference,
.partnerships-editorial .ed-cta.cta-exact-reference{
  min-height:750px!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  text-align:center!important;
  color:var(--ink)!important;
}











/* Kill every prior CTA layout inside these sections. */

.cta-exact-reference .ed-cta-grid{
  display:none!important;
}

@media(max-width:1100px){
  
  .about-editorial .ed-cta.cta-exact-reference,
  .partnerships-editorial .ed-cta.cta-exact-reference{
    min-height:650px!important;
  }

  

  
}

@media(max-width:700px){
  
  .about-editorial .ed-cta.cta-exact-reference,
  .partnerships-editorial .ed-cta.cta-exact-reference{
    min-height:540px!important;
  }

  

  

  

  

  
}

/* Original block id="vcp-cta-rendering-correction-20260914" */

/* Exact reference rendering correction.
   Using a DIV for the serif line avoids legacy paragraph rules entirely. */











/* Original block id="vcp-editorial-scale-refinement-20260914" */

/* =========================================================
   EDITORIAL SCALE REFINEMENT
   Pull the largest type back slightly so the site feels more
   like an editorial publication and less like a poster.
   Body copy, eyebrows, and card detail type remain unchanged.
========================================================= */

/* Homepage hero */



/* Inner-page hero headlines */



/* Primary editorial section headlines */


/* Keep the homepage Why Vera feature strong, but less billboard-like */


/* About editorial quote */



/* Bottom CTAs — same composition, quieter scale */





.about-editorial .ed-cta.cta-exact-reference,
.partnerships-editorial .ed-cta.cta-exact-reference{
  min-height:680px!important;
}



/* Case-study result / next-page headlines */


/* Partnership-page package titles: still strong, but not oversized */


/* Mobile keeps proportion without becoming poster-sized */


@media(max-width:700px){
  
  

  

  
  .about-editorial .ed-cta.cta-exact-reference,
  .partnerships-editorial .ed-cta.cta-exact-reference{
    min-height:520px!important;
  }

  

  
}

/* Original block id="vcp-unified-editorial-headline-scale-20260914" */

/* =========================================================
   UNIFIED EDITORIAL HEADLINE SCALE
   Use the homepage "Made visible." section as the master scale
   for all major display typography.
========================================================= */
:root{
  --vcp-master-headline:clamp(38px,4.3vw,66px);
  --vcp-master-serif:.74em;
}

/* DM Sans-led major headlines */


/* Newsreader companion lines follow the same proportion as "visible." */




/* Because the type is quieter now, trim the CTA height to keep proportions editorial. */

.about-editorial .ed-cta.cta-exact-reference,
.partnerships-editorial .ed-cta.cta-exact-reference{
  min-height:560px!important;
}



/* Mobile uses the same scale family, only adapted for the viewport. */
@media(max-width:700px){
  :root{
    --vcp-master-headline:clamp(34px,9vw,50px);
  }

  
  .about-editorial .ed-cta.cta-exact-reference,
  .partnerships-editorial .ed-cta.cta-exact-reference{
    min-height:480px!important;
  }
}

/* Original block id="vcp-unified-autoscroll-system-20260914" */

/* =========================================================
   ONE SCROLLING SYSTEM
   All continuous horizontal motion uses one medium speed.
   Auto-scroll is always on unless the user interacts.
   Click arrows = quick nudge. Hold arrows = temporary faster scroll.
========================================================= */

/* Disable legacy CSS animations so JS owns all motion consistently. */


/* Every scrollable viewport behaves the same. */
.vcp-unified-autoscroll{
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scrollbar-width:none!important;
  cursor:grab!important;
  touch-action:pan-x pan-y!important;
  overscroll-behavior-inline:contain!important;
  scroll-behavior:auto!important;
}
.vcp-unified-autoscroll::-webkit-scrollbar{
  display:none!important;
}
.vcp-unified-autoscroll.is-dragging{
  cursor:grabbing!important;
  user-select:none!important;
}

/* Shared arrow controls */
.vcp-scroll-controls{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
}

.vcp-scroll-arrow{
  width:42px!important;
  height:42px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid rgba(46,31,23,.20)!important;
  border-radius:50%!important;
  background:transparent!important;
  color:var(--ink)!important;
  font:400 18px/1 "Montserrat",Arial,sans-serif!important;
  cursor:pointer!important;
  transition:
    transform .2s ease,
    background .2s ease,
    border-color .2s ease!important;
}
.vcp-scroll-arrow:hover,
.vcp-scroll-arrow:focus-visible{
  transform:translateY(-2px)!important;
  background:var(--milk)!important;
  border-color:rgba(46,31,23,.40)!important;
}

/* Testimonials */


/* Work marquee */


/* Trust marquee needs inverted controls inside the dark strip. */






/* Keyboard focus for the moving strips. */
.vcp-unified-autoscroll:focus-visible{
  outline:1px solid rgba(46,31,23,.30)!important;
  outline-offset:3px!important;
}
.trust-marquee .vcp-unified-autoscroll:focus-visible{
  outline-color:rgba(245,234,220,.30)!important;
}



@media(prefers-reduced-motion:reduce){
  .vcp-scroll-controls{
    opacity:1!important;
  }
}

/* Original block id="vcp-home-center-why-clean-three-ways-20260914" */

/* =========================================================
   HOME HERO — center the primary message.
========================================================= */










.page-home .hero .display .line:nth-child(2),
.page-home .hero .hero-cta-style-head .line:nth-child(2){
  padding-left:0!important;
}






/* =========================================================
   WHY VERA — remove the extra editorial furniture.
   Keep one eyebrow, one image, one thought, one link.
========================================================= */
















/* =========================================================
   PARTNERSHIPS — make "three ways" unmistakable.
========================================================= */





















/* Card numbering: number first, package name second. */








/* Original block id="vcp-home-hero-line-tightening-20260914" */











/* Original block id="vcp-tight-work-parallax-20260914" */

/* =========================================================
   HOMEPAGE / "MADE VISIBLE." — tighter editorial pacing
   Less empty space without losing the staggered image rhythm.
========================================================= */










/* Bring captions closer to the image plates. */


/* =========================================================
   PARTNERSHIPS — keep "Choose the level" as one line.
========================================================= */




/* =========================================================
   SPARSE PARALLAX
   Only selected editorial image moments receive movement.
========================================================= */
.vcp-parallax-media{
  overflow:hidden!important;
}

.vcp-parallax-media > img,
.vcp-parallax-media picture > img{
  will-change:transform!important;
  transform-origin:center center!important;
  backface-visibility:hidden!important;
}

/* A little extra image bleed so movement never exposes edges. */


.vcp-parallax-hero > img,
.vcp-parallax-hero picture > img{
  scale:1.025!important;
}



@media(prefers-reduced-motion:reduce){
  .vcp-parallax-media > img,
  .vcp-parallax-media picture > img{
    transform:none!important;
    scale:1!important;
    will-change:auto!important;
  }
}

/* Original block id="vcp-spacing-rules-cleanup-20260914" */

/* =========================================================
   PARTNERSHIPS INTRO — keep "Choose the level" on one line.
========================================================= */






/* =========================================================
   WHAT BECOMES POSSIBLE — remove the oversized blank lead-in.
========================================================= */




/* =========================================================
   FOOTER — one divider between newsletter and footer grid.
========================================================= */
.footer-community{
  border-bottom:0!important;
  margin-bottom:clamp(40px,5vw,62px)!important;
  padding-bottom:clamp(36px,4vw,52px)!important;
}

.footer-grid{
  border-top:1px solid rgba(245,234,220,.18)!important;
}

/* =========================================================
   ABOUT / WHY VERA — reduce rule clutter.
   Keep one opening rule; remove the extra closing/internal rules.
========================================================= */
.about-editorial .ed-dark-quote-grid{
  border-top:1px solid rgba(245,234,220,.20)!important;
  border-bottom:0!important;
  padding-bottom:clamp(34px,4vw,56px)!important;
}







/* Original block id="vcp-full-cta-hover-effects-20260914" */

/* =========================================================
   FULL CTA SECTION HOVER
   The entire CTA field responds—not only the text link.
   Kept restrained and editorial: soft wash, tiny lift,
   serif drift, and arrow/link movement.
========================================================= */

.about-editorial .ed-cta.cta-exact-reference,
.partnerships-editorial .ed-cta.cta-exact-reference{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  cursor:pointer!important;
  transition:
    background-color .5s cubic-bezier(.2,.72,.18,1),
    color .5s cubic-bezier(.2,.72,.18,1)!important;
}

/* Soft editorial color wash across the whole section */

.about-editorial .ed-cta.cta-exact-reference::before,
.partnerships-editorial .ed-cta.cta-exact-reference::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:-1!important;
  pointer-events:none!important;
  background:
    linear-gradient(
      120deg,
      rgba(240,194,180,.18) 0%,
      rgba(240,198,116,.11) 42%,
      rgba(169,201,191,.14) 100%
    )!important;
  opacity:0!important;
  transform:scale(.985)!important;
  transition:
    opacity .5s ease,
    transform .6s cubic-bezier(.2,.72,.18,1)!important;
}


.about-editorial .ed-cta.cta-exact-reference:hover::before,
.about-editorial .ed-cta.cta-exact-reference:focus-within::before,
.partnerships-editorial .ed-cta.cta-exact-reference:hover::before,
.partnerships-editorial .ed-cta.cta-exact-reference:focus-within::before{
  opacity:1!important;
  transform:scale(1)!important;
}

/* Main DM Sans statement moves as one editorial block. */




/* Serif response is intentionally different so the hierarchy feels alive. */




/* The existing link still gets a small payoff, but is no longer the only hover. */




/* Very subtle edge cue so the section feels interactive before hovering. */
.cta-exact-reference::after{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  bottom:0!important;
  width:0!important;
  height:2px!important;
  background:var(--ink)!important;
  opacity:.34!important;
  transform:translateX(-50%)!important;
  transition:width .55s cubic-bezier(.2,.72,.18,1)!important;
  pointer-events:none!important;
}

.cta-exact-reference:hover::after,
.cta-exact-reference:focus-within::after{
  width:min(82%,1200px)!important;
}



@media(prefers-reduced-motion:reduce){
  .cta-exact-reference,
  .cta-exact-reference::before,
  .cta-exact-reference::after{
    transition:none!important;
  }
}

/* Original block id="vcp-book-intro-call-page-20260914" */





































[data-cta-href]{
  cursor:pointer!important;
}





/* Original block id="vcp-book-intro-form-20260914" */



































/* Original block id="vcp-parallax-ethos-spacing-refine-20260914" */

/* =========================================================
   FOOTER — smaller, quieter logo
========================================================= */
.footer-logo{
  width:min(245px,100%)!important;
}

@media(max-width:700px){
  .footer-logo{
    width:min(205px,100%)!important;
  }
}

/* =========================================================
   ABOUT / VERA ETHOS — prevent headline clipping
   Give the manifesto a little more room and allow its lines
   to render naturally rather than being masked at the edge.
========================================================= */
.about-editorial .vera-ethos>.shell{
  grid-template-columns:repeat(12,minmax(0,1fr))!important;
  column-gap:18px!important;
}











/* =========================================================
   HOMEPAGE / MADE VISIBLE — tighter overall rhythm
========================================================= */














/* =========================================================
   PARALLAX — support all hero image treatments
========================================================= */










/* Original block id="vcp-made-visible-compact-20260914" */

/* =========================================================
   MADE VISIBLE — compact editorial portfolio spread
========================================================= */










/* Pull the work into one connected editorial composition. */






















/* =========================================================
   PARALLAX — intentionally visible now.
   The previous version only moved ~10–18px, which was too subtle.
========================================================= */
.vcp-parallax-media{
  overflow:hidden!important;
}

.vcp-parallax-media > img,
.vcp-parallax-media picture > img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  transform-origin:center center!important;
  will-change:transform!important;
  backface-visibility:hidden!important;
}

/* Enough overscan so a 30–55px travel never exposes the image edge. */
.vcp-parallax-hero > img,
.vcp-parallax-hero picture > img{
  scale:1.11!important;
}



@media(prefers-reduced-motion:reduce){
  .vcp-parallax-media > img,
  .vcp-parallax-media picture > img{
    transform:none!important;
    scale:1!important;
    will-change:auto!important;
  }
}

/* Original block id="vcp-selected-work-title-smaller-20260914" */



/* Original block id="vcp-parallax-stronger-20260914" */

/* Stronger parallax overscan so the image can travel further without showing edges. */
.vcp-parallax-hero > img,
.vcp-parallax-hero picture > img{
  scale:1.18!important;
}



/* Original block id="vcp-book-intro-two-column-above-fold-20260914" */

/* =========================================================
   BOOK AN INTRO CALL — form above the fold
   Copy left, form right. No image.
========================================================= */
























.book-intro-hero-form-panel .ed-field:nth-of-type(3),
.book-intro-hero-form-panel .ed-field:nth-of-type(4),
.book-intro-hero-form-panel .ed-field:nth-of-type(5){
  grid-column:1/-1!important;
}

























/* Original block id="vcp-vera-method-seal-20260914" */

/* Founder letter photo — intentionally static, no parallax. */


/* How We Work aside now holds the explanatory copy + Vera Method seal. */






/* Editorial studio seal — proprietary method marker, not an external certification. */
.vera-method-seal{
  width:clamp(124px,10vw,154px)!important;
  aspect-ratio:1!important;
  border:1px solid rgba(245,234,220,.42)!important;
  border-radius:50%!important;
  padding:8px!important;
  transform:rotate(0deg)!important;
  color:var(--milk)!important;
}













@media(max-width:620px){
  

  .vera-method-seal{
    width:128px!important;
  }
}

/* Original block id="vcp-contact-path-hierarchy-20260914" */

/* =========================================================
   CONTACT / START PAGE
   Form is the clear first choice. Intro call is secondary.
========================================================= */






















/* Give the first option a clearer visual lead. */


/* The lower row now explains what happens after form submission. */








/* Original block id="vcp-vera-method-seal-refine-20260914" */

/* =========================================================
   HOW WE WORK / VERA METHOD SEAL
   Tighter to the headline, less negative space, cleaner brand lockup.
========================================================= */




.vera-method-seal{
  width:clamp(118px,9vw,142px)!important;
  margin:0!important;
  transform:rotate(0deg)!important;
}

/* Vera Creative Partners is now the main DM Sans lockup in the seal. */














/* Original block id="vcp-vera-method-seal-circle-between-20260914" */

/* =========================================================
   HOW WE WORK — headline / seal / blurb
========================================================= */








/* Perfect geometric circle — no inherited flex/stretch distortion. */








/* Original block id="vcp-contact-form-alignment-cleanup-20260914" */

/* Remove recommended first step flag */


/* Make all contact form fields align cleanly to one grid */




.book-intro-hero-form-panel .ed-field:nth-of-type(1),
.book-intro-hero-form-panel .ed-field:nth-of-type(2){
  grid-column:auto!important;
}

.book-intro-hero-form-panel .ed-field:nth-of-type(3),
.book-intro-hero-form-panel .ed-field:nth-of-type(4),
.book-intro-hero-form-panel .ed-field:nth-of-type(5){
  grid-column:1 / -1!important;
}











/* Tighter secondary call option now that its blurb is gone */






@media(max-width:620px){
  

  .book-intro-hero-form-panel .ed-field:nth-of-type(1),
  .book-intro-hero-form-panel .ed-field:nth-of-type(2),
  .book-intro-hero-form-panel .ed-field:nth-of-type(3),
  .book-intro-hero-form-panel .ed-field:nth-of-type(4),
  .book-intro-hero-form-panel .ed-field:nth-of-type(5){
    grid-column:1!important;
  }
}

/* Original block id="vcp-how-vera-works-headline-20260914" */









/* Original block id="vcp-seal-vision-to-visible-20260914" */







/* Original block id="vcp-process-headline-and-seal-reset-20260914" */

/* Restore the editorial Vera seal */










/* New process headline */












/* Original block id="vcp-about-image-gap-process-headline-fix-20260914" */

/* Let the full-bleed founder image meet the next section immediately. */






/* New process headline */












/* Original block id="vcp-about-belief-cta-20260914" */















/* Original block id="vcp-landscape-fullbleed-photo-crops-20260914" */

/* Homepage About — centered editorial portrait */


/* About hero — keep both founders comfortably in frame */


/* Partnerships hero — preserve the working-session focal point */




/* Original block id="vcp-hero-link-nav-size-20260914" */

/* Match homepage hero partnership CTA to navigation link sizing. */


/* Original block id="vcp-home-about-copy-cta-update-20260914" */



.page-home .home-about-copy .headline .line:nth-child(2) em{
  text-transform:none!important;
}



/* Original block id="vcp-partnership-package-name-accents-20260914" */










/* Original block id="vcp-home-partnerships-editorial-index-20260914" */

/* =========================================================
   03 / OUR PARTNERSHIPS
   Editorial index, not product cards.
========================================================= */




/* Asymmetrical editorial intro */










/* Turn the collection into a publication-style index. */


/* Each partnership is one editorial row */


/* No SaaS/card hover. Just a slight editorial shift. */


/* Package index */












/* Service + description become the central editorial story */










.page-home .home-partners .home-offer-scope span:not(:last-child)::after{
  content:"·"!important;
  position:absolute!important;
  right:0!important;
  color:rgba(46,31,23,.28)!important;
}

/* Quiet right-hand metadata rail */










/* Preserve the tiny signature star, but make it feel annotated rather than decorative. */






/* Colored editorial underline grows on hover. */






/* Closing note reads like a colophon, not another CTA card. */




/* Tablet */


/* Mobile */


/* Original block id="vcp-made-visible-supplied-images-20260914" */

/* Supplied work imagery for Made Visible */











/* Original block id="vcp-made-visible-images-force-visible-20260914" */

/* A legacy art-direction rule was intentionally hiding homepage project imagery.
   Override it here so the supplied Made Visible artwork actually displays. */




/* Keep the supplied Frontline image visible after replacing the old graphic card. */


/* Original block id="frontline-resolution-applications-marquee-v33" */










@keyframes flp-resolution-app-scroll-v33{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(-50%,0,0)}
}



}