/* Editorial reconstruction: shared type, spacing, and closing-section system. */
:root{--editorial-section:clamp(104px,12vw,176px);--editorial-title:clamp(58px,7.5vw,114px);--editorial-subtitle:clamp(46px,5.7vw,88px)}
.editorial-site{font-family:Inter,system-ui,-apple-system,sans-serif}
.editorial-site .mobile-menu>a>span:first-child{font:inherit;color:inherit}
.editorial-site .hero-actions{display:flex;align-items:flex-end;justify-content:flex-end;gap:clamp(18px,2vw,30px);flex-wrap:wrap}
.editorial-site .hero-actions .whatsapp-action--hero{color:#0a0b07}
.editorial-site .section-marker,.editorial-site .manifesto-marker,.editorial-site .capabilities-marker,.editorial-site .process-marker,.editorial-site .conversion-marker{font-family:Inter,system-ui,sans-serif;font-size:9px;line-height:1.4;letter-spacing:.15em}
.editorial-site .archive-title-line,.editorial-site .archive-title-line>span,.editorial-site .faq-title-line,.editorial-site .faq-title-line>span{display:block}
.editorial-site .archive-title-line,.editorial-site .faq-title-line{overflow:hidden;padding-bottom:.08em;margin-bottom:-.08em}

/* Compact visual studies: a purposeful bridge instead of a second portfolio. */
.editorial-site .visual-break{padding:var(--editorial-section) 0 clamp(80px,9vw,130px);background:#09090b}
.editorial-site .visual-break-head{grid-template-columns:2fr 10fr;gap:clamp(20px,3vw,48px);align-items:start}
.editorial-site .visual-break-head h2{max-width:10ch;font-size:var(--editorial-title);line-height:.86;letter-spacing:-.067em}
.editorial-site .visual-break-head h2 .archive-title-line:last-child{color:var(--color-accent)}
.editorial-site .visual-project-loop{height:clamp(380px,37vw,560px);margin-top:clamp(60px,7vw,98px);border-top:1px solid var(--editorial-line);border-bottom:1px solid var(--editorial-line)}

/* Process reads as three deliberate chapters, not compressed cards. */
.editorial-site .process-v2{padding:var(--editorial-section) 0;background:#09090b}
.editorial-site .process-v2-title{max-width:10ch;margin-top:clamp(38px,4vw,60px);font-size:var(--editorial-title);line-height:.86;letter-spacing:-.067em}
.editorial-site .process-title-line,.editorial-site .process-title-line>span{display:block}
.editorial-site .process-title-line{overflow:hidden;padding-bottom:.08em;margin-bottom:-.08em}
.editorial-site .process-v2-steps{display:block;margin-top:clamp(72px,8vw,116px);border-top:1px solid var(--editorial-line)}
.editorial-site .process-v2-steps .process-step,.editorial-site .process-v2-steps .process-step+li{display:grid;grid-template-columns:1.2fr 4.8fr 4fr;gap:clamp(18px,3vw,48px);align-items:center;min-height:clamp(150px,15vw,218px);padding:30px 0;border:0;border-bottom:1px solid var(--editorial-line)}
.editorial-site .process-v2-steps .process-step>span{align-self:start;padding-top:.55em;color:var(--color-accent);font:10px/1 Inter,system-ui,sans-serif;letter-spacing:.14em}
.editorial-site .process-v2-steps .process-step>div{display:contents}
.editorial-site .process-v2-steps h3{margin:0;font-size:clamp(40px,5vw,76px);font-weight:430;line-height:.9;letter-spacing:-.058em}
.editorial-site .process-v2-steps p{max-width:32ch;margin:0;color:#92958c;font-size:clamp(14px,1.05vw,16px);line-height:1.72}

/* FAQ gets the same title scale and readable interaction density. */
.editorial-site .faq-v2{padding:var(--editorial-section) 0;background:#0a0a0d}
.editorial-site .faq-v2 .faq-layout{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:8.333%;margin-top:clamp(40px,4.5vw,68px)}
.editorial-site .faq-intro h2{font-size:clamp(52px,6.4vw,98px);font-weight:430;line-height:.87;letter-spacing:-.064em}
.editorial-site .faq-intro h2 em{color:var(--color-accent);font-style:normal}
.editorial-site .faq-intro>p{max-width:31ch;margin-top:30px;color:#91948b;font-size:14px;line-height:1.72}
.editorial-site .faq-list summary{grid-template-columns:1fr 30px;gap:24px;padding:clamp(25px,2.5vw,37px) 0;font-size:clamp(22px,2.15vw,33px);line-height:1.18;letter-spacing:-.032em}
.editorial-site .faq-list summary>span:first-child{color:#dddeda;font-weight:430}
.editorial-site .faq-list summary>span:last-child{justify-self:end;color:var(--color-accent);font-size:25px}
.editorial-site .faq-list details[open] summary>span:first-child{transform:none}
.editorial-site .faq-list details[open] summary>span:last-child{transform:rotate(45deg)}
.editorial-site .faq-list details p{max-width:58ch;padding:0 52px 34px 0;color:#9a9d94;font-size:14px;line-height:1.75}

/* Contact repeats the opening-page authority and closes on one strong gesture. */
.editorial-site .conversion-v2{background:radial-gradient(ellipse 46% 48% at 77% 50%,#15170c 0%,#080908 52%,transparent 78%),#040504}
.editorial-site .conversion-v2 .conversion-stage,.editorial-site .conversion-v2 .conversion-content{min-height:100svh!important}
.editorial-site .conversion-v2 .conversion-content{padding-top:clamp(110px,13vw,176px);padding-bottom:clamp(76px,8vw,110px)}
.editorial-site .conversion-v2 .conversion-marker{margin-bottom:clamp(52px,6vw,88px)}
.editorial-site .conversion-v2 .conversion-title{max-width:14ch;font-size:clamp(68px,9vw,138px);font-weight:430;line-height:.82;letter-spacing:-.072em}
.editorial-site .conversion-v2 .conversion-title-line{overflow:hidden!important;padding-bottom:.1em;margin-bottom:-.1em}
.editorial-site .conversion-v2 .conversion-title-line>span{display:block}
.editorial-site .conversion-v2 .conversion-title em{color:var(--color-accent)}
.editorial-site .conversion-v2 .conversion-action{display:block;margin-top:clamp(58px,7vw,100px)}
.editorial-site .conversion-v2 .conversion-action>p{max-width:34ch;font-size:14px;line-height:1.72}
.editorial-site .conversion-v2 .conversion-whatsapp{width:max-content;margin-top:30px}
.editorial-site .conversion-v2 .contact-intents{gap:clamp(22px,3vw,42px)}
.editorial-site .contact-intent{min-height:48px;color:#a2a59c;font-size:10px}
.editorial-site .contact-intent-primary{color:#e4e5dd}

/* Footer aligns to the same grid and typographic voice. */
.editorial-site .portfolio-footer{padding:clamp(74px,8vw,116px) 0 30px;background:#030403}
.editorial-site .footer-grid{grid-template-columns:4fr 2fr 2fr 2fr;gap:clamp(28px,5vw,78px)}
.editorial-site .footer-name{max-width:8ch;font-size:clamp(42px,5vw,76px);font-weight:430;line-height:.86;letter-spacing:-.064em}
.editorial-site .footer-name span{color:var(--color-accent)}
.editorial-site .footer-grid>p,.editorial-site .footer-grid>div>p,.editorial-site .footer-nav a{font-size:13px;line-height:1.62}
.editorial-site .footer-bottom{margin-top:clamp(64px,7vw,100px);padding-top:20px}

@media(max-width:900px){
  .editorial-site .visual-break-head{display:block}
  .editorial-site .visual-break-head h2{margin-top:40px}
  .editorial-site .process-v2-steps .process-step,.editorial-site .process-v2-steps .process-step+li{grid-template-columns:48px minmax(0,1fr);min-height:0;padding:34px 0}
  .editorial-site .process-v2-steps .process-step>div{display:block}
  .editorial-site .process-v2-steps h3{margin-bottom:20px}
  .editorial-site .process-v2-steps p{max-width:40ch}
  .editorial-site .faq-v2 .faq-layout{grid-template-columns:1fr;gap:64px}
  .editorial-site .faq-intro{position:relative;top:auto}
  .editorial-site .conversion-v2 .conversion-action{grid-template-columns:1fr;gap:32px}
  .editorial-site .conversion-v2 .contact-intents{justify-content:flex-start}
  .editorial-site .footer-grid{grid-template-columns:1fr 1fr;gap:48px 28px}
  .editorial-site .footer-name{grid-column:1/-1}
}
@media(max-width:760px){
  :root{--editorial-section:96px;--editorial-title:clamp(49px,14vw,70px)}
  .editorial-site .visual-project-loop{height:390px;margin-top:56px}
  .editorial-site .process-v2-title{font-size:var(--editorial-title)}
  .editorial-site .process-v2-steps{margin-top:62px}
  .editorial-site .process-v2-steps h3{font-size:clamp(38px,11vw,52px)}
  .editorial-site .faq-intro h2{font-size:clamp(49px,14vw,70px)}
  .editorial-site .faq-list summary{font-size:clamp(21px,6vw,27px)}
  .editorial-site .faq-list details p{padding-right:26px}
  .editorial-site .conversion-v2 .conversion-stage,.editorial-site .conversion-v2 .conversion-content{min-height:92svh!important}
  .editorial-site .conversion-v2 .conversion-title{font-size:clamp(50px,14vw,70px);line-height:.88}
  .editorial-site .conversion-v2 .contact-intents{align-items:flex-start}
  .editorial-site .hero-actions{justify-content:flex-start}
  .editorial-site .footer-grid{grid-template-columns:1fr}
  .editorial-site .footer-name{grid-column:auto;font-size:clamp(44px,13vw,62px)}
}
@media(prefers-reduced-motion:reduce){.editorial-site .archive-title-line>span,.editorial-site .faq-title-line>span{transform:none!important;opacity:1!important}}