:root{
  --paper:#fdfcf9;
  --white:#ffffff;
  --ink:#243140;
  --ink-soft:#5e6b79;
  --line:#e7e4dd;
  --line-strong:#dad4c9;
  --navy:#234f86;
  --accent:#bd9360;
  --accent-deep:#a27a4b;
  --accent-soft:#f5eee5;
  --sage:#6f786d;
  --sage-soft:#eef1ec;
  --success:#2f6a4f;
  --error:#9f3c3c;
  --shadow:0 18px 44px rgba(25,40,62,.07);
  --radius:26px;
  --shell:min(1240px,calc(100% - 48px));
  --serif:"Fraunces",Georgia,serif;
  --sans:"Inter",Arial,sans-serif;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:94px}
body{
  margin:0;
  color:var(--ink);
  background:var(--paper);
  font-family:var(--sans);
  font-size:16px;
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
img{display:block;max-width:100%}
a{color:inherit}
button,input,textarea{font:inherit}
button{cursor:pointer}
::selection{background:#e9d3c3;color:#1e2227}

.skip-link{
  position:fixed;
  top:12px;
  left:12px;
  z-index:999;
  padding:12px 16px;
  background:var(--ink);
  color:#fff;
  border-radius:12px;
  transform:translateY(-160%);
  transition:.2s;
}
.skip-link:focus{transform:translateY(0)}

.shell{width:var(--shell);margin-inline:auto}
.section{padding:clamp(84px,9vw,142px) 0}
.soft-section{background:#f7f6f2}
.dark-ink{background:#28374a;color:#f8f9fb}
.eyebrow{
  margin:0 0 18px;
  color:var(--accent-deep);
  font-size:.75rem;
  font-weight:800;
  letter-spacing:.19em;
  text-transform:uppercase;
}
h1,h2,h3,p{margin-top:0}
h1,h2{
  font-family:var(--serif);
  font-weight:600;
  letter-spacing:-.035em;
  line-height:.98;
}
h1{
  max-width:11.8ch;
  margin-bottom:28px;
  font-size:clamp(3.25rem,6.6vw,7rem);
}
h2{
  margin-bottom:24px;
  font-size:clamp(2.45rem,4.8vw,5.4rem);
}
h3{line-height:1.2}
p{color:var(--ink-soft)}
.section-heading{max-width:780px;margin-bottom:58px}
.section-heading>p:last-child{max-width:62ch;font-size:1.05rem}
.split-heading{
  max-width:none;
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);
  gap:clamp(40px,7vw,110px);
  align-items:end;
}
.split-heading h2{max-width:12ch}
.split-heading>p{margin-bottom:6px}

.site-header{
  position:sticky;
  top:0;
  z-index:90;
  background:rgba(253,252,249,.96);
  border-bottom:1px solid rgba(36,49,64,.07);
  backdrop-filter:blur(14px);
}
.header-inner{
  min-height:82px;
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:26px;
}
.brand{display:flex;align-items:center;text-decoration:none}
.brand img{width:162px;height:auto}
.main-nav{
  justify-self:center;
  display:flex;
  align-items:center;
  gap:2px;
}
.main-nav a{
  display:inline-flex;
  align-items:center;
  min-height:46px;
  padding:0 12px;
  text-decoration:none;
  color:#42494f;
  font-size:.84rem;
  font-weight:600;
  border-radius:12px;
}
.main-nav a:hover,.main-nav a:focus-visible{background:#f4f7fb;color:var(--ink)}

.main-nav a{
  position:relative;
}
.main-nav a::after{
  content:"";
  position:absolute;
  left:12px;
  right:12px;
  bottom:5px;
  height:2px;
  border-radius:999px;
  background:var(--accent);
  transform:scaleX(0);
  transform-origin:left center;
  transition:transform .22s ease;
}
.main-nav a.is-active{
  color:var(--ink);
  background:#eef4fb;
  font-weight:800;
  box-shadow:0 8px 18px rgba(35,79,134,.08);
}
.main-nav a.is-active::after{
  transform:scaleX(1);
}

.button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:50px;
  padding:0 20px;
  border:1px solid transparent;
  border-radius:14px;
  text-decoration:none;
  font-size:.82rem;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  transition:transform .2s ease,box-shadow .2s ease,background .2s ease;
}
.button:hover{transform:translateY(-2px)}
.button:focus-visible,.main-nav a:focus-visible,.text-link:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible{
  outline:3px solid rgba(182,111,70,.28);
  outline-offset:3px;
}
.button-primary{
  background:var(--navy);
  color:#fff;
  box-shadow:0 12px 28px rgba(35,79,134,.18);
}
.button-primary:hover{background:#173a67;box-shadow:0 16px 34px rgba(35,79,134,.22)}
.button-light{background:#fff;color:var(--ink);border-color:#dde6f1}
.text-link{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:48px;
  color:var(--ink);
  font-weight:700;
  text-decoration:none;
}
.menu-button{display:none}

.hero{padding-top:clamp(74px,7vw,110px)}
.hero-grid{
  display:grid;
  grid-template-columns:minmax(0,1.16fr) minmax(340px,.84fr);
  gap:clamp(48px,8vw,120px);
  align-items:start;
}
.hero-lead{
  max-width:66ch;
  margin-bottom:32px;
  font-size:clamp(1.05rem,1.4vw,1.2rem);
  line-height:1.78;
}
.hero-actions{display:flex;flex-wrap:wrap;gap:18px;align-items:center}
.hero-proof{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin-top:42px;
}
.hero-proof span{
  padding:8px 11px;
  border:1px solid var(--line);
  border-radius:999px;
  color:#596067;
  font-size:.76rem;
  font-weight:700;
  background:#fff;
}
.hero-side{
  padding:32px;
  background:#fff;
  border:1px solid #e4e8ee;
  border-radius:var(--radius);
  box-shadow:var(--shadow);
}
.hero-side-list{
  display:grid;
  border-top:1px solid var(--line);
}
.hero-side-list div{
  display:grid;
  grid-template-columns:52px 1fr;
  gap:14px;
  align-items:start;
  padding:20px 0;
  border-bottom:1px solid var(--line);
}
.hero-side-list strong{
  color:var(--accent);
  font-family:var(--serif);
  font-size:1.35rem;
}
.hero-side-list span{font-weight:650;line-height:1.45}
.side-note{margin:22px 0 0;font-size:.92rem;line-height:1.7}

.moment-list{border-top:1px solid var(--line-strong)}
.moment-row{
  display:grid;
  grid-template-columns:70px minmax(0,1.15fr) minmax(280px,.85fr);
  gap:30px;
  padding:34px 0;
  border-bottom:1px solid var(--line-strong);
}
.moment-number{font-family:var(--serif);font-size:1.65rem;color:var(--accent)}
.moment-row h3{margin:0 0 10px;font-size:1.45rem}
.moment-row p{margin:0;max-width:62ch}
.moment-path{
  padding-left:26px;
  border-left:1px solid var(--line-strong);
}
.moment-path strong{display:block;margin-bottom:8px;color:var(--sage);font-size:.78rem;text-transform:uppercase;letter-spacing:.12em}

.philosophy-grid{
  display:grid;
  grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);
  gap:clamp(58px,9vw,130px);
}
.sticky-title{align-self:start;position:sticky;top:120px}
.sticky-title h2{max-width:9.5ch}
.philosophy-copy{max-width:760px}
.big-copy{
  font-family:var(--serif);
  color:var(--ink);
  font-size:clamp(1.65rem,3vw,2.55rem);
  line-height:1.22;
  letter-spacing:-.02em;
}
.philosophy-copy>p:not(.big-copy){font-size:1.05rem;line-height:1.85}
.principle-line{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:34px;
}
.principle-line span{
  padding:8px 12px;
  border-radius:10px;
  background:var(--sage-soft);
  color:#485346;
  font-size:.78rem;
  font-weight:800;
}

.dark-ink .eyebrow{color:#d6a17b}
.light-heading h2,.light-heading p{color:#fff}
.light-heading>p:last-child{color:#c8cdd1}
.services-stack{border-top:1px solid rgba(255,255,255,.13)}
.service-block{
  display:grid;
  grid-template-columns:70px minmax(0,.9fr) minmax(0,1.1fr);
  gap:32px;
  padding:38px 0;
  border-bottom:1px solid rgba(255,255,255,.13);
}
.service-index{font-family:var(--serif);font-size:1.7rem;color:#d6a17b}
.service-main h3{margin:0 0 12px;color:#fff;font-size:clamp(1.45rem,2.2vw,2.05rem)}
.service-main p{margin:0;color:#bcc2c7;max-width:48ch}
.service-detail ul{margin:0 0 18px;padding-left:20px;color:#eff1f2}
.service-detail li{margin:0 0 8px}
.service-result{margin:0;color:#b7bdc2}
.service-result strong{color:#fff}
.service-cta-row{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:28px;
  padding-top:38px;
}
.service-cta-row p{margin:0;color:#c8cdd1}

.showcase-grid{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:22px;
}
.showcase-card{
  overflow:hidden;
  display:grid;
  grid-template-rows:auto 1fr;
  text-decoration:none;
  background:#fff;
  border:1px solid var(--line);
  border-radius:22px;
  transition:transform .2s ease,box-shadow .2s ease;
}
.showcase-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.showcase-card.large{grid-row:span 2}
.showcase-card img{
  width:100%;
  aspect-ratio:1.9/1;
  object-fit:cover;
  object-position:top;
  border-bottom:1px solid var(--line);
}
.showcase-card.large img{aspect-ratio:1.34/1}
.showcase-card>div{padding:22px}
.showcase-card span{color:var(--accent-deep);font-size:.74rem;font-weight:800;text-transform:uppercase;letter-spacing:.13em}
.showcase-card h3{margin:8px 0 8px;font-size:1.35rem}
.showcase-card p{margin:0;font-size:.93rem}
.systems-band{
  margin-top:56px;
  padding:clamp(28px,4vw,48px);
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:var(--sage-soft);
}
.systems-band>div:first-child{
  display:grid;
  grid-template-columns:.7fr 1.3fr;
  gap:50px;
  align-items:start;
}
.systems-band h3{margin:0;font-family:var(--serif);font-size:clamp(1.8rem,3vw,3rem);line-height:1.08}
.system-map{
  display:grid;
  grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;
  gap:10px;
  align-items:center;
  margin-top:36px;
}
.system-node{
  min-height:128px;
  padding:18px;
  background:#fff;
  border:1px solid #d9ded6;
  border-radius:16px;
}
.system-node small{display:block;margin-bottom:12px;color:var(--sage);font-weight:800;text-transform:uppercase;letter-spacing:.1em}
.system-node strong{line-height:1.35}
.systems-note{margin:20px 0 0;font-size:.88rem}

.portrait-section{background:#fff}
.portrait-grid{
  display:grid;
  grid-template-columns:minmax(320px,.78fr) minmax(0,1.22fr);
  gap:clamp(52px,8vw,118px);
  align-items:center;
}
.founder-photo{
  margin:0;
  width:min(100%,430px);
  justify-self:center;
}
.founder-photo img{
  width:100%;
  height:auto;
  object-fit:contain;
  border-radius:18px;
}
.founder-photo figcaption{
  margin-top:12px;
  text-align:center;
  color:#70767c;
  font-size:.82rem;
}
.founder-copy h2{max-width:11ch}
.founder-copy>p{max-width:67ch;font-size:1.04rem;line-height:1.82}
.dna-section{background:#f1ece6}
.dna-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1px;
  background:#d9d3cb;
  border:1px solid #d9d3cb;
  border-radius:22px;
  overflow:hidden;
}
.dna-grid article{
  padding:clamp(28px,4vw,44px);
  background:#fcfbf8;
}
.dna-grid article>span{
  display:block;
  margin-bottom:30px;
  color:var(--accent);
  font-family:var(--serif);
  font-size:1.45rem;
}
.dna-grid h3{margin:0 0 12px;font-size:1.45rem}
.dna-grid p{margin:0 0 22px}
.dna-grid strong{display:block;margin-bottom:6px;color:var(--sage);font-size:.78rem;text-transform:uppercase;letter-spacing:.1em}

.method-section{background:#fff}
.method-list{
  list-style:none;
  margin:0;
  padding:0;
  border-top:1px solid var(--line-strong);
}
.method-list li{
  display:grid;
  grid-template-columns:90px 1fr;
  gap:28px;
  padding:28px 0;
  border-bottom:1px solid var(--line-strong);
}
.method-list>li>span{font-family:var(--serif);font-size:1.6rem;color:var(--accent)}
.method-list h3{margin:0 0 8px;font-size:1.35rem}
.method-list p{margin:0;max-width:75ch}
.progression{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px;
  margin-top:36px;
}
.progression span{
  min-height:88px;
  display:flex;
  align-items:center;
  padding:16px;
  background:var(--accent-soft);
  border-radius:14px;
  color:#6d432c;
  font-weight:700;
  font-size:.9rem;
}

.audience-grid{
  display:grid;
  grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);
  gap:clamp(56px,8vw,120px);
}
.audience-grid>div:first-child h2{max-width:10ch}
.audience-columns{display:grid;grid-template-columns:repeat(2,1fr);gap:38px}
.audience-columns h3{margin:0 0 14px;font-size:1.1rem}
.audience-columns ul{margin:0;padding-left:20px;color:#555d64}
.audience-columns li{margin-bottom:11px}

.faq-grid{
  display:grid;
  grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);
  gap:clamp(54px,8vw,120px);
}
.faq-intro h2{max-width:9ch}
.faq-list{border-top:1px solid var(--line-strong)}
.faq-list details{border-bottom:1px solid var(--line-strong)}
.faq-list summary{
  list-style:none;
  position:relative;
  padding:24px 44px 24px 0;
  font-weight:750;
  cursor:pointer;
}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary:after{
  content:"+";
  position:absolute;
  right:0;
  top:20px;
  font-size:1.5rem;
  color:var(--accent);
}
.faq-list details[open] summary:after{content:"–"}
.faq-list details p{max-width:70ch;padding:0 0 24px;margin:0}

.contact-section{background:#efe9e2}
.contact-grid{
  display:grid;
  grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);
  gap:clamp(50px,8vw,110px);
  align-items:start;
}
.contact-copy{position:sticky;top:120px}
.contact-copy h2{max-width:10ch}
.contact-copy>p:last-of-type{max-width:58ch;font-size:1.03rem;line-height:1.8}
.contact-direct{display:grid;gap:10px;margin-top:28px}
.contact-direct a{
  display:flex;
  justify-content:space-between;
  gap:20px;
  padding:14px 0;
  border-bottom:1px solid #d6cec5;
  text-decoration:none;
  color:#5c5d5c;
}
.contact-direct strong{color:var(--ink)}
.contact-form{
  display:grid;
  gap:17px;
  padding:clamp(28px,4vw,46px);
  background:#fff;
  border:1px solid #ded7cf;
  border-radius:22px;
  box-shadow:var(--shadow);
}
.contact-form label{display:grid;gap:8px;font-size:.88rem;font-weight:700;color:#3f454a}
.contact-form input,.contact-form textarea{
  width:100%;
  border:1px solid #d8d4ce;
  border-radius:12px;
  background:#fff;
  color:var(--ink);
  padding:14px 15px;
  outline:none;
  transition:border-color .2s ease,box-shadow .2s ease;
}
.contact-form input{min-height:50px}
.contact-form textarea{resize:vertical;min-height:148px}
.contact-form input:focus,.contact-form textarea:focus{border-color:var(--accent);box-shadow:0 0 0 4px rgba(182,111,70,.09)}
.contact-form input[aria-invalid="true"],.contact-form textarea[aria-invalid="true"]{border-color:var(--error)}
.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.consent{
  grid-template-columns:auto 1fr!important;
  align-items:start;
  gap:10px!important;
  font-weight:500!important;
  color:#5b6268!important;
  line-height:1.55;
}
.consent input{width:18px!important;min-height:auto!important;margin-top:3px;accent-color:var(--accent)}
.consent a{color:var(--accent-deep);font-weight:750}
.hp-field{position:absolute!important;left:-9999px!important;opacity:0!important}
.form-submit{width:100%;min-height:58px;margin-top:4px}
.form-note{margin:0;text-align:center;font-size:.82rem}
.form-status{display:none;margin:0;padding:13px 14px;border-radius:12px;font-size:.9rem}
.form-status.pending{display:block;background:#f5f2ed;color:#5f5a54;border:1px solid #ded7cf}
.form-status.success{display:block;background:#eef7f2;color:var(--success);border:1px solid #cce1d5}
.form-status.error{display:block;background:#fff0f0;color:var(--error);border:1px solid #eccccc}

.site-footer{
  padding:58px 0 22px;
  background:#1d2226;
  color:#cdd1d4;
}
.footer-grid{
  display:grid;
  grid-template-columns:1.2fr .8fr .8fr;
  gap:50px;
  padding-bottom:36px;
}
.footer-brand img{width:190px;height:auto;filter:brightness(0) invert(1);opacity:.94}
.footer-brand p{max-width:420px;color:#aeb5b9}
.site-footer h3{margin:0 0 14px;color:#fff;font-size:.78rem;text-transform:uppercase;letter-spacing:.14em}
.site-footer nav,.site-footer>div>div:last-child{display:grid;align-content:start;gap:8px}
.site-footer a{color:#c4c9cc;text-decoration:none;font-size:.91rem}
.site-footer a:hover{color:#fff}
.footer-bottom{
  display:flex;
  justify-content:space-between;
  gap:20px;
  padding-top:20px;
  border-top:1px solid rgba(255,255,255,.1);
  color:#858d92;
  font-size:.78rem;
}

@media (max-width:1080px){
  :root{--shell:min(100% - 36px,1100px)}
  .header-inner{grid-template-columns:auto 1fr auto}
  .main-nav{gap:0}
  .main-nav a{padding:0 8px;font-size:.78rem}
  .hero-grid{grid-template-columns:1fr}
  .hero-side{max-width:760px}
  .moment-row{grid-template-columns:60px 1fr}
  .moment-path{grid-column:2}
  .philosophy-grid,.portrait-grid,.audience-grid,.faq-grid,.contact-grid{grid-template-columns:1fr}
  .sticky-title,.contact-copy{position:static}
  .sticky-title h2,.founder-copy h2,.audience-grid>div:first-child h2,.faq-intro h2,.contact-copy h2{max-width:13ch}
  .showcase-grid{grid-template-columns:1fr 1fr}
  .showcase-card.large{grid-column:1/-1;grid-row:auto}
  .showcase-card.large img{aspect-ratio:1.9/1}
  .footer-grid{grid-template-columns:1fr 1fr}
  .footer-brand{grid-column:1/-1}
}

@media (max-width:820px){
  html{scroll-padding-top:76px}
  .site-header{backdrop-filter:none}
  .header-inner{min-height:72px;grid-template-columns:auto 1fr auto}
  .brand img{width:145px}
  .header-cta{display:none}
  .menu-button{
    justify-self:end;
    display:flex;
    width:48px;
    height:48px;
    padding:0;
    border:1px solid var(--line);
    border-radius:12px;
    background:#fff;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    gap:5px;
  }
  .menu-button span{width:21px;height:2px;background:var(--ink);transition:.2s}
  .menu-button[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .menu-button[aria-expanded="true"] span:nth-child(2){opacity:0}
  .menu-button[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  .main-nav{
    position:absolute;
    top:72px;
    left:18px;
    right:18px;
    z-index:100;
    display:grid;
    gap:4px;
    padding:12px;
    border:1px solid var(--line);
    border-radius:16px;
    background:#fff;
    box-shadow:var(--shadow);
    opacity:0;
    pointer-events:none;
    transform:translateY(-8px);
    transition:.2s;
  }
  body.menu-open .main-nav{opacity:1;pointer-events:auto;transform:none}
  .main-nav a{min-height:48px;padding:0 14px;font-size:.9rem}
  .section{padding:76px 0}
  h1{font-size:clamp(3rem,12vw,5.2rem)}
  h2{font-size:clamp(2.3rem,9vw,4rem)}
  .split-heading{grid-template-columns:1fr;gap:20px}
  .split-heading h2{max-width:13ch}
  .service-block{grid-template-columns:54px 1fr}
  .service-detail{grid-column:2}
  .systems-band>div:first-child{grid-template-columns:1fr;gap:12px}
  .system-map{grid-template-columns:1fr;gap:8px}
  .system-map>span{transform:rotate(90deg);justify-self:center}
  .progression{grid-template-columns:1fr 1fr}
  .audience-columns{grid-template-columns:1fr}
  .form-pair{grid-template-columns:1fr}
  .dna-grid{grid-template-columns:1fr}
}

@media (max-width:620px){
  :root{--shell:calc(100% - 28px)}
  .section{padding:64px 0}
  h1{font-size:clamp(2.8rem,14vw,4.3rem);max-width:10ch}
  h2{font-size:clamp(2.2rem,11vw,3.4rem)}
  .hero{padding-top:54px}
  .hero-side{padding:24px}
  .hero-side-list div{grid-template-columns:42px 1fr}
  .hero-actions{align-items:stretch;flex-direction:column}
  .hero-actions .button,.hero-actions .text-link{width:100%;justify-content:center}
  .moment-row{grid-template-columns:1fr;gap:14px}
  .moment-path{grid-column:auto;padding:16px 0 0;border-left:0;border-top:1px solid var(--line-strong)}
  .service-block{grid-template-columns:1fr;gap:14px}
  .service-detail{grid-column:auto}
  .service-cta-row{align-items:stretch;flex-direction:column}
  .showcase-grid{grid-template-columns:1fr}
  .showcase-card.large{grid-column:auto}
  .showcase-card img,.showcase-card.large img{aspect-ratio:1.55/1}
  .progression{grid-template-columns:1fr}
  .contact-direct a{flex-direction:column;gap:3px}
  .footer-grid{grid-template-columns:1fr}
  .footer-brand{grid-column:auto}
  .footer-bottom{flex-direction:column}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}


.legal-shell{max-width:920px}
.legal-shell h1{max-width:12ch}
.legal-content{
  margin-top:48px;
  padding-top:8px;
  border-top:1px solid var(--line-strong);
}
.legal-content h2{
  margin:42px 0 12px;
  font-family:var(--serif);
  font-size:clamp(1.7rem,3vw,2.5rem);
  line-height:1.1;
}
.legal-content p,.legal-content li{font-size:1rem;line-height:1.8}
.legal-content ul{padding-left:20px}
.legal-updated{margin-top:44px;padding:18px 20px;background:var(--sage-soft);border-radius:14px}


.hero-copy p strong,
.side-note strong,
.philosophy-copy p strong,
.founder-copy p strong,
.section-heading p strong,
.contact-copy p strong{
  color:var(--ink);
  font-weight:800;
}
.dark-ink p strong{
  color:#fff;
}


/* =========================================================
   v4.2 · UX/UI premium + narrativa visual
   ========================================================= */

/* Ritmo e acabamento geral */
section[id]:not(.hero){
  content-visibility:auto;
  contain-intrinsic-size:900px;
}
.section-heading strong{
  color:var(--ink);
  font-weight:800;
}
.section-heading.split-heading{
  padding-bottom:28px;
  border-bottom:1px solid var(--line-strong);
}
.site-header{
  transition:box-shadow .22s ease,background .22s ease;
}
.site-header.is-scrolled{
  background:rgba(252,251,248,.975);
  box-shadow:0 14px 34px rgba(24,28,31,.07);
}
.showcase-card img{
  transition:transform .45s cubic-bezier(.2,.7,.2,1);
}
.showcase-card:hover img{
  transform:scale(1.018);
}
.systems-band{
  position:relative;
  overflow:hidden;
}
.systems-band::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:4px;
  background:var(--accent);
}
.founder-photo{
  padding:10px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:24px;
  box-shadow:0 18px 50px rgba(24,28,31,.07);
}
.founder-photo img{
  border-radius:16px;
}
.faq-list details{
  padding-inline:18px;
  transition:background .2s ease;
}
.faq-list details[open]{
  background:#faf8f4;
}
.contact-form{
  box-shadow:0 24px 70px rgba(24,28,31,.09);
}

/* MOMENTOS */
.moments-showcase{
  background:linear-gradient(180deg,#f8fafc 0%,#f6f3ee 100%);
}
.moments-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px;
}
.moment-card{
  overflow:hidden;
  display:grid;
  grid-template-rows:auto 1fr;
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius:26px;
  box-shadow:0 14px 36px rgba(35,79,134,.06);
  transition:transform .24s ease,box-shadow .24s ease;
}
.moment-card:hover{
  transform:translateY(-3px);
  box-shadow:0 18px 44px rgba(35,79,134,.1);
}
.moment-visual{
  margin:0;
  padding:18px 18px 0;
  display:flex;
  justify-content:center;
}
.moment-visual img{
  width:100%;
  max-width:560px;
  height:auto;
  aspect-ratio:1/1;
  object-fit:contain;
  border-radius:18px;
  background:#fff;
  max-width:500px;
  margin-inline:auto;
}
.moment-copy{
  display:flex;
  flex-direction:column;
  padding:26px 28px 30px;
}
.moment-copy .moment-number{
  display:inline-flex;
  margin:0 0 16px;
  font-size:1.45rem;
  color:var(--accent);
}
.moment-copy h3{
  margin:0 0 12px;
  max-width:23ch;
  font-family:var(--serif);
  font-size:clamp(1.45rem,2vw,2.05rem);
  font-weight:600;
  letter-spacing:-.025em;
  line-height:1.08;
}
.moment-copy>p{
  margin:0;
  line-height:1.75;
}
.moment-card .moment-path{
  grid-column:auto;
  margin-top:auto;
  padding:22px 0 0;
  border-left:0;
  border-top:1px solid var(--line);
}
.moment-card .moment-path strong{
  display:block;
  margin-bottom:7px;
  color:var(--accent-deep);
  font-size:.75rem;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.moment-card .moment-path p{
  margin:0;
  color:#596067;
  font-size:.92rem;
  line-height:1.65;
}

/* SERVIÇOS */
.services-showcase{
  background:#fff;
}
.service-stories{
  display:grid;
  gap:30px;
}
.service-story{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(360px,.82fr);
  gap:clamp(34px,5vw,72px);
  align-items:center;
  padding:clamp(30px,4.5vw,58px);
  border:1px solid var(--line);
  border-radius:28px;
  background:#f7f8fb;
  box-shadow:0 18px 54px rgba(24,28,31,.055);
}
.service-story:nth-child(even) .service-copy{
  order:2;
}
.service-story:nth-child(even) .service-visual{
  order:1;
}
.service-copy{
  min-width:0;
}
.service-copy .service-index{
  display:block;
  margin-bottom:22px;
  color:var(--accent);
  font-family:var(--serif);
  font-size:1.65rem;
}
.service-copy h3{
  margin:0 0 16px;
  max-width:18ch;
  color:var(--ink);
  font-family:var(--serif);
  font-size:clamp(2rem,3.6vw,3.65rem);
  font-weight:600;
  letter-spacing:-.035em;
  line-height:1.02;
}
.service-intro{
  max-width:61ch;
  margin:0 0 24px;
  color:#4f565d;
  font-size:1.03rem;
  line-height:1.78;
}
.service-copy ul{
  margin:0 0 24px;
  padding:0;
  list-style:none;
  display:grid;
  gap:10px;
}
.service-copy li{
  position:relative;
  padding-left:20px;
  color:#3f474d;
  line-height:1.55;
}
.service-copy li::before{
  content:"";
  position:absolute;
  left:0;
  top:.72em;
  width:6px;
  height:6px;
  border-radius:999px;
  background:var(--accent);
}
.service-copy .service-result{
  margin:0;
  padding:18px 20px;
  border-left:3px solid var(--accent);
  background:#f4f7fb;
  border-radius:0 14px 14px 0;
  color:#51585e;
  line-height:1.65;
}
.service-copy .service-result strong{
  color:var(--ink);
}
.service-visual{
  margin:0;
  display:flex;
  justify-content:center;
}
.service-visual img{
  width:100%;
  max-width:560px;
  height:auto;
  aspect-ratio:1/1;
  object-fit:contain;
  border:1px solid #e5eaf1;
  border-radius:22px;
  background:#fff;
  box-shadow:0 14px 34px rgba(35,79,134,.08);
}
.premium-cta-row{
  margin-top:34px;
  padding:28px 30px;
  border:1px solid #dbe4ef;
  border-radius:20px;
  background:#f5f8fc;
}
.premium-cta-row>div{
  max-width:720px;
}
.premium-cta-row strong{
  display:block;
  margin-bottom:4px;
  color:var(--ink);
  font-family:var(--serif);
  font-size:1.35rem;
  line-height:1.2;
}
.premium-cta-row p{
  margin:0;
  color:#5a6167;
}

/* Organização editorial */
.portrait-section,
.method-section,
.services-showcase{
  border-top:1px solid rgba(36,49,64,.05);
}
.moments-showcase,
.dna-section,
.soft-section{
  border-top:1px solid rgba(36,49,64,.045);
}
.hero-side,
.moment-card,
.service-story,
.showcase-card,
.contact-form{
  -webkit-transform:translateZ(0);
}

/* Tablet */
@media (max-width:980px){
  .moments-grid{
    grid-template-columns:1fr;
  }
  .moment-card{
    grid-template-columns:minmax(240px,.75fr) minmax(0,1.25fr);
    grid-template-rows:1fr;
    align-items:stretch;
  }
  .moment-visual{
    padding:14px 0 14px 14px;
    display:flex;
    align-items:center;
  }
  .service-story{
    grid-template-columns:1fr;
  }
  .service-story:nth-child(even) .service-copy,
  .service-story:nth-child(even) .service-visual{
    order:initial;
  }
  .service-visual{
    max-width:620px;
    width:100%;
    justify-self:center;
  }
}

/* Mobile */
@media (max-width:680px){
  .section-heading.split-heading{
    padding-bottom:20px;
  }
  .moments-grid{
    gap:18px;
  }
  .moment-card{
    grid-template-columns:1fr;
    grid-template-rows:auto 1fr;
  }
  .moment-visual{
    padding:10px 10px 0;
  }
  .moment-copy{
    padding:22px 22px 25px;
  }
  .service-stories{
    gap:20px;
  }
  .service-story{
    padding:22px;
    border-radius:22px;
    gap:26px;
  }
  .service-copy h3{
    font-size:clamp(2rem,10vw,2.8rem);
  }
  .service-visual img{
    border-radius:18px;
  }
  .premium-cta-row{
    align-items:stretch;
    flex-direction:column;
    padding:24px;
  }
  .premium-cta-row .button{
    width:100%;
  }
}

@media (hover:none){
  .moment-card:hover,
  .showcase-card:hover{
    transform:none;
  }
  .showcase-card:hover img{
    transform:none;
  }
}


/* =========================================================
   v4.3 · seção Entregas reais refinada
   ========================================================= */
.showcase-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
  align-items:stretch;
}
.showcase-card,
.showcase-card.large{
  grid-row:auto;
  min-height:100%;
}
.showcase-card img,
.showcase-card.large img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio: 5 / 4;
  object-fit:contain;
  object-position:center;
  padding:18px;
  background:#f8f6f2;
  border-bottom:1px solid var(--line);
}
.showcase-card > div{
  display:grid;
  align-content:start;
  gap:6px;
  min-height:190px;
}
.showcase-card h3{
  font-size:1.28rem;
  line-height:1.12;
}
.showcase-card p{
  color:#5b636a;
  line-height:1.65;
}
@media (max-width: 1040px){
  .showcase-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .showcase-card:first-child{
    grid-column:1 / -1;
  }
  .showcase-card:first-child img{
    aspect-ratio:1.8 / 1;
  }
}
@media (max-width: 620px){
  .showcase-grid{
    grid-template-columns:1fr;
    gap:18px;
  }
  .showcase-card:first-child{
    grid-column:auto;
  }
  .showcase-card img,
  .showcase-card.large img,
  .showcase-card:first-child img{
    aspect-ratio: 1.45 / 1;
    padding:14px;
  }
  .showcase-card > div{
    min-height:auto;
  }
}

/* =========================================================
   v4.4 · Cases de sistemas + voltar ao topo
   ========================================================= */
.portfolio-section{
  background:#fff;
}
.portfolio-group + .portfolio-group{
  margin-top:clamp(68px,8vw,110px);
  padding-top:clamp(52px,6vw,82px);
  border-top:1px solid var(--line-strong);
}
.portfolio-group-heading{
  display:grid;
  grid-template-columns:64px minmax(0,1fr);
  gap:20px;
  max-width:860px;
  margin-bottom:30px;
}
.portfolio-group-heading>span{
  color:var(--accent);
  font-family:var(--serif);
  font-size:1.55rem;
  line-height:1;
}
.portfolio-group-heading h3{
  margin:0 0 8px;
  color:var(--ink);
  font-family:var(--serif);
  font-size:clamp(1.8rem,3.2vw,3rem);
  font-weight:600;
  letter-spacing:-.03em;
}
.portfolio-group-heading p{
  margin:0;
  max-width:70ch;
  line-height:1.75;
}

.system-cases-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:24px;
}
.system-case{
  overflow:hidden;
  display:grid;
  grid-template-columns:minmax(300px,.78fr) minmax(0,1.22fr);
  grid-template-rows:1fr;
  align-items:center;
  min-width:0;
  background:#f7f8fb;
  border:1px solid var(--line);
  border-radius:26px;
  box-shadow:0 18px 50px rgba(24,28,31,.055);
}
.system-case-featured{
  grid-column:auto;
}
.system-case-visual{
  margin:0;
  padding:20px;
  display:flex;
  justify-content:center;
  align-items:center;
  align-self:stretch;
  background:#f4f1eb;
  border-right:1px solid var(--line);
}
.system-case-featured .system-case-visual{
  border-bottom:0;
  border-right:1px solid var(--line);
}
.system-case-visual img{
  display:block;
  width:min(100%,430px);
  height:auto;
  object-fit:contain;
  border-radius:14px;
  box-shadow:0 14px 34px rgba(24,28,31,.08);
}
.system-case-featured .system-case-visual img{
  width:min(100%,430px);
}
.system-case-copy{
  display:flex;
  flex-direction:column;
  padding:clamp(26px,3.5vw,40px);
}
.case-label{
  display:block;
  margin-bottom:12px;
  color:var(--accent-deep);
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.system-case-copy h3{
  margin:0 0 14px;
  max-width:24ch;
  color:var(--ink);
  font-family:var(--serif);
  font-size:clamp(1.7rem,2.8vw,2.7rem);
  font-weight:600;
  letter-spacing:-.03em;
  line-height:1.06;
}
.case-lead{
  margin:0;
  max-width:68ch;
  color:#545c62;
  line-height:1.75;
}
.case-tags{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:22px;
}
.case-tags span{
  padding:7px 10px;
  border:1px solid #ded9d2;
  border-radius:999px;
  background:#fff;
  color:#50575c;
  font-size:.72rem;
  font-weight:700;
}
.case-details{
  margin-top:26px;
  border-top:1px solid var(--line);
}
.case-details summary{
  position:relative;
  list-style:none;
  padding:18px 36px 8px 0;
  color:var(--ink);
  font-weight:800;
  cursor:pointer;
}
.case-details summary::-webkit-details-marker{display:none}
.case-details summary::after{
  content:"+";
  position:absolute;
  top:14px;
  right:0;
  color:var(--accent);
  font-family:var(--serif);
  font-size:1.5rem;
}
.case-details[open] summary::after{content:"–"}
.case-details>div{
  padding-top:8px;
}
.case-details p{
  margin:0 0 12px;
  color:#5a6268;
  line-height:1.72;
}
.case-details strong{
  color:var(--ink);
}

.back-to-top{
  position:fixed;
  right:22px;
  bottom:22px;
  z-index:85;
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  border:1px solid rgba(32,36,42,.14);
  border-radius:999px;
  background:rgba(255,255,255,.96);
  color:var(--ink);
  box-shadow:0 14px 34px rgba(24,28,31,.14);
  opacity:0;
  visibility:hidden;
  transform:translateY(10px);
  transition:opacity .2s ease,visibility .2s ease,transform .2s ease,background .2s ease,color .2s ease;
}
.back-to-top.is-visible{
  opacity:1;
  visibility:visible;
  transform:none;
}
.back-to-top:hover{
  background:var(--accent);
  color:#fff;
  border-color:var(--accent);
}
.back-to-top:focus-visible{
  outline:3px solid rgba(182,111,70,.28);
  outline-offset:3px;
}

@media (max-width:980px){
  .system-case{
    grid-template-columns:1fr;
    grid-template-rows:auto 1fr;
  }
  .system-case .system-case-visual{
    border-right:0;
    border-bottom:1px solid var(--line);
  }
}
@media (max-width:760px){
  .system-cases-grid{
    grid-template-columns:1fr;
  }
  .portfolio-group-heading{
    grid-template-columns:48px 1fr;
  }
}
@media (max-width:620px){
  .portfolio-group + .portfolio-group{
    margin-top:62px;
    padding-top:48px;
  }
  .portfolio-group-heading{
    grid-template-columns:1fr;
    gap:8px;
  }
  .system-case-visual{
    padding:14px;
  }
  .system-case-visual img,
  .system-case-featured .system-case-visual img{
    width:min(100%,340px);
  }
  .system-case-copy{
    padding:24px 22px 26px;
  }
  .back-to-top{
    right:16px;
    bottom:16px;
    width:46px;
    height:46px;
  }
}


/* =========================================================
   v4.5 · posicionamento, conversão e hierarquia de provas
   ========================================================= */
.hero-context{
  max-width:68ch;
  margin:18px 0 0;
  color:#676e74;
  font-size:.9rem;
  line-height:1.65;
}
.credibility-strip{
  padding:0 0 clamp(54px,6vw,86px);
  background:var(--paper);
}
.credibility-grid{
  display:grid;
  grid-template-columns:1.05fr repeat(3,1fr);
  border-top:1px solid var(--line-strong);
  border-bottom:1px solid var(--line-strong);
}
.credibility-grid>div{
  min-height:112px;
  padding:24px 24px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  border-right:1px solid var(--line);
}
.credibility-grid>div:last-child{border-right:0}
.credibility-intro span,
.credibility-item small{
  display:block;
  margin-bottom:7px;
  color:var(--accent-deep);
  font-size:.68rem;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.credibility-intro strong,
.credibility-item strong{
  color:var(--ink);
  font-size:.9rem;
  line-height:1.45;
}
.credibility-intro strong{
  max-width:22ch;
  font-family:var(--serif);
  font-size:1.35rem;
  line-height:1.15;
}

/* Entregas: sistemas como prova principal */
.systems-projects{
  margin-top:0!important;
  padding-top:0!important;
  border-top:0!important;
}
.systems-projects + .portfolio-group{
  margin-top:clamp(68px,8vw,110px);
  padding-top:clamp(52px,6vw,82px);
  border-top:1px solid var(--line-strong);
}
.case-role{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:10px 14px;
  margin:18px 0 0;
  padding:14px 0;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  color:#596168;
  font-size:.8rem;
  line-height:1.55;
}
.case-role strong{
  color:var(--ink);
  font-size:.7rem;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.system-case-compact{
  grid-template-columns:minmax(140px,.55fr) minmax(0,1.45fr);
  grid-template-rows:1fr;
  align-items:stretch;
}
.system-case-compact .system-case-visual{
  border-bottom:0;
  border-right:1px solid var(--line);
  padding:14px;
}
.system-case-compact .system-case-copy{
  padding:24px;
}
.system-case-compact .system-case-copy h3{
  font-size:clamp(1.35rem,1.8vw,1.7rem);
}
.system-case-compact .case-tags{
  display:none;
}
.case-image-button{
  position:relative;
  width:100%;
  padding:0;
  border:0;
  background:transparent;
  color:inherit;
  cursor:zoom-in;
}
.case-image-button img{
  transition:transform .25s ease,box-shadow .25s ease;
}
.case-image-button:hover img{
  transform:translateY(-2px);
  box-shadow:0 18px 40px rgba(24,28,31,.12);
}
.case-image-action{
  position:absolute;
  right:10px;
  bottom:10px;
  padding:7px 10px;
  border-radius:999px;
  background:rgba(255,255,255,.94);
  color:var(--ink);
  box-shadow:0 8px 20px rgba(24,28,31,.12);
  font-size:.68rem;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.case-visual-caption{
  margin-top:10px;
  color:#757b80;
  font-size:.68rem;
  text-align:center;
}
.project-mini-case{
  display:grid;
  gap:0;
  margin:16px 0 0;
}
.project-mini-case>div{
  display:grid;
  grid-template-columns:72px 1fr;
  gap:12px;
  padding:10px 0;
  border-top:1px solid var(--line);
}
.project-mini-case dt{
  color:var(--accent-deep);
  font-size:.66rem;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.project-mini-case dd{
  margin:0;
  color:#596168;
  font-size:.84rem;
  line-height:1.55;
}
.showcase-card>div{
  min-height:auto!important;
}

/* Lightbox */
.project-lightbox{
  width:min(94vw,980px);
  max-height:92vh;
  padding:0;
  border:0;
  border-radius:22px;
  background:#f8f6f2;
  box-shadow:0 30px 100px rgba(20,24,28,.3);
}
.project-lightbox::backdrop{
  background:rgba(18,22,25,.78);
  backdrop-filter:blur(5px);
}
.project-lightbox-shell{
  display:grid;
  max-height:92vh;
}
.project-lightbox-bar{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  padding:14px 18px;
  border-bottom:1px solid var(--line);
  background:#fff;
}
.project-lightbox-bar p{
  margin:0;
  color:var(--ink);
  font-size:.82rem;
  font-weight:800;
}
.project-lightbox-close{
  min-height:42px;
  padding:0 14px;
  border:1px solid var(--line-strong);
  border-radius:10px;
  background:#fff;
  color:var(--ink);
  font-weight:750;
  cursor:pointer;
}
.project-lightbox-stage{
  overflow:auto;
  padding:20px;
  text-align:center;
}
.project-lightbox-stage img{
  display:block;
  width:auto;
  max-width:100%;
  max-height:calc(92vh - 94px);
  margin:auto;
  border-radius:14px;
  box-shadow:0 16px 42px rgba(24,28,31,.1);
}

/* DNA + Método unidos */
.thinking-method-section{
  background:#fff;
  border-top:1px solid rgba(32,36,42,.06);
}
.thinking-method-grid{
  display:grid;
  grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
  gap:clamp(42px,6vw,82px);
  align-items:start;
}
.column-label{
  margin-bottom:18px;
  color:var(--accent-deep);
  font-size:.7rem;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.principles-column{
  display:grid;
  border-top:1px solid var(--line-strong);
}
.principles-column article{
  display:grid;
  grid-template-columns:44px 1fr;
  gap:16px;
  padding:22px 0;
  border-bottom:1px solid var(--line-strong);
}
.principles-column article>span{
  color:var(--accent);
  font-family:var(--serif);
  font-size:1.25rem;
}
.principles-column h3{
  margin:0 0 7px;
  font-size:1.1rem;
}
.principles-column p{
  margin:0;
  line-height:1.68;
}
.compact-method-list{
  margin-top:0;
}
.compact-method-list li{
  grid-template-columns:54px 1fr;
  padding:20px 0;
}
.compact-method-list>li>span{
  font-size:1.3rem;
}

/* Fechamento antes do formulário */
.decision-cta{
  padding:clamp(72px,8vw,118px) 0;
  background:#20252a;
  color:#fff;
}
.decision-cta-inner{
  max-width:920px;
  text-align:center;
}
.decision-cta .eyebrow{
  color:#dca27c;
}
.decision-cta h2{
  max-width:12ch;
  margin-inline:auto;
  color:#fff;
}
.decision-cta p{
  max-width:66ch;
  margin:0 auto 18px;
  color:#c8cdd0;
  font-size:1.06rem;
}
.decision-cta strong{
  display:block;
  margin:0 auto 28px;
  color:#fff;
  font-size:1.02rem;
}
.decision-cta .button{
  min-width:210px;
}

@media (max-width:980px){
  .credibility-grid{
    grid-template-columns:repeat(2,1fr);
  }
  .credibility-grid>div:nth-child(2){border-right:0}
  .credibility-grid>div:nth-child(-n+2){border-bottom:1px solid var(--line)}
  .thinking-method-grid{
    grid-template-columns:1fr;
  }
  .system-case-compact{
    grid-template-columns:1fr;
    grid-template-rows:auto 1fr;
  }
  .system-case-compact .system-case-visual{
    border-right:0;
    border-bottom:1px solid var(--line);
  }
}
@media (max-width:620px){
  .credibility-grid{
    grid-template-columns:1fr;
  }
  .credibility-grid>div{
    min-height:auto;
    border-right:0;
    border-bottom:1px solid var(--line);
    padding:18px 4px;
  }
  .credibility-grid>div:last-child{border-bottom:0}
  .case-role{
    grid-template-columns:1fr;
    gap:5px;
  }
  .project-mini-case>div{
    grid-template-columns:1fr;
    gap:5px;
  }
  .project-lightbox{
    width:96vw;
    border-radius:16px;
  }
  .project-lightbox-stage{
    padding:10px;
  }
  .decision-cta h2{
    font-size:clamp(2.35rem,11vw,3.6rem);
  }
}

/* Ajuste estrutural do visual dos cases após inclusão de legenda */
.system-case-visual{
  flex-direction:column;
}
.case-image-button{
  max-width:430px;
}
.system-case:not(.system-case-featured) .case-image-button{
  max-width:390px;
}
.system-case-compact .case-image-button{
  max-width:260px;
}


/* =========================================================
   v4.6 · idioma PT/EN + refinamento de leitura
   ========================================================= */
.header-tools{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
}
.language-switch{
  display:inline-flex;
  align-items:center;
  gap:2px;
  padding:3px;
  border:1px solid var(--line);
  border-radius:12px;
  background:#fff;
}
.language-option{
  min-width:54px;
  min-height:38px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 9px;
  border-radius:9px;
  color:#596067;
  text-decoration:none;
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.04em;
  transition:background .2s ease,color .2s ease,box-shadow .2s ease;
}
.language-option:hover,
.language-option:focus-visible{
  color:var(--ink);
  background:#f5f2ed;
}
.language-option.is-active{
  color:var(--accent-deep);
  background:var(--accent-soft);
  box-shadow:inset 0 0 0 1px rgba(182,111,70,.12);
}
.system-case:not(.system-case-featured) .system-case-copy h3{
  max-width:22ch;
}
.system-case-copy .case-lead{
  max-width:58ch;
}
@media (max-width:1200px) and (min-width:821px){
  .header-cta{
    display:none;
  }
  .header-inner{
    gap:18px;
  }
}
@media (max-width:820px){
  .header-tools{
    gap:7px;
  }
  .language-switch{
    padding:2px;
  }
  .language-option{
    min-width:48px;
    min-height:40px;
    padding:0 7px;
    font-size:.68rem;
  }
}
@media (max-width:390px){
  .brand img{
    width:128px;
  }
  .language-option{
    min-width:43px;
    padding:0 5px;
  }
}

/* =========================================================
   v4.7 · refino premium, azul de marca e visuais universais
   ========================================================= */
:root{
  --navy:#234f86;
  --brand-blue:#234f86;
  --blue-soft:#edf3fa;
  --blue-soft-2:#f7f9fc;
  --blue-line:#d9e4ef;
  --brand-gold:#bd9360;
  --cta:#234f86;
  --cta-hover:#173a67;
}

::selection{background:#dfe8f1;color:var(--brand-blue)}

/* Azul de marca usado como segundo eixo cromático, sem competir com o terracota */
.main-nav a.is-active{color:var(--brand-blue)}
.language-option.is-active{
  color:var(--brand-blue);
  background:var(--blue-soft);
  box-shadow:inset 0 0 0 1px rgba(0,32,82,.08);
}
 .button-primary{
  background:var(--cta);
  color:#fff;
  box-shadow:0 12px 26px rgba(35,79,134,.18);
}
.button-primary:hover{
  background:var(--cta-hover);
  box-shadow:0 16px 32px rgba(35,79,134,.22);
}

/* Hero mais simples e com maior respiro */
.hero-grid{
  grid-template-columns:minmax(0,1.18fr) minmax(320px,.82fr);
  gap:clamp(52px,8vw,112px);
}
.hero-copy h1{max-width:12ch}
.hero-context{
  max-width:60ch;
  margin-top:20px;
  color:#606970;
}
.hero-side{
  position:relative;
  border-color:var(--blue-line);
  box-shadow:0 24px 64px rgba(0,32,82,.075);
}
.hero-side::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:4px;
  border-radius:26px 0 0 26px;
  background:#2d5b93;
}
.hero-side-list strong{color:var(--brand-blue)}
.hero-side .side-note{
  padding-top:18px;
  border-top:1px solid var(--blue-line);
}

/* Faixa de credibilidade com prova factual */
.credibility-strip{
  background:var(--blue-soft-2);
  padding:0 0 clamp(56px,6vw,88px);
}
.credibility-grid{
  border-color:var(--blue-line);
}
.credibility-grid>div{border-color:var(--blue-line)}
.credibility-intro span,
.credibility-item small{color:var(--accent-deep)}
.credibility-intro strong,
.credibility-item strong{color:var(--brand-blue)}

/* Visuais explicativos restaurados para dar mais clareza visual às seções */
.concept-art{
  width:100%;
  border:1px solid var(--blue-line);
  border-radius:20px;
  overflow:hidden;
  background:#fff;
  box-shadow:0 14px 36px rgba(0,32,82,.055);
}
.concept-svg{display:block;width:100%;height:auto}
.concept-svg .v-bg{fill:#f7f9fb}
.concept-svg .v-white{fill:#fff;stroke:#d7e1eb;stroke-width:2}
.concept-svg .v-blue{fill:var(--brand-blue)}
.concept-svg .v-blue-soft{fill:#dfe8f1}
.concept-svg .v-accent{fill:var(--accent)}
.concept-svg .v-gold{fill:var(--brand-gold)}
.concept-svg .v-white-blue{fill:#fff;stroke:var(--brand-blue);stroke-width:3}
.concept-svg .v-line{fill:none;stroke:#aebdca;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.concept-svg .v-line-strong{fill:none;stroke:var(--brand-blue);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}
.concept-svg .v-blue-stroke{fill:none;stroke:var(--brand-blue);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}
.concept-svg .v-accent-stroke{fill:none;stroke:var(--accent);stroke-width:5;stroke-linecap:round;stroke-linejoin:round}
.concept-svg .v-gold-stroke{fill:none;stroke:var(--brand-gold);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}
.moment-visual{
  padding:18px 18px 0;
}
.service-visual{
  display:flex;
  align-items:center;
  justify-content:center;
}
.service-visual .concept-art{max-width:560px}

/* Pausa editorial entre problema e solução */
.strategy-interlude{
  padding:clamp(68px,8vw,112px) 0;
  background:#2d5b93;
  color:#fff;
  position:relative;
  overflow:hidden;
}
.strategy-interlude::after{
  content:"";
  position:absolute;
  width:360px;
  height:360px;
  right:-160px;
  top:-170px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:50%;
  box-shadow:0 0 0 62px rgba(255,255,255,.025),0 0 0 124px rgba(255,255,255,.018);
}
.strategy-interlude-inner{
  position:relative;
  z-index:1;
  max-width:1000px;
}
.strategy-interlude .eyebrow{color:#d7b88d}
.strategy-interlude h2{
  max-width:12ch;
  margin-bottom:24px;
  color:#fff;
  font-size:clamp(2.6rem,5vw,5.2rem);
}
.strategy-interlude p{
  max-width:70ch;
  margin:0;
  color:#d7e0ea;
  font-size:1.05rem;
}
.strategy-interlude p strong{color:#fff}

/* Serviços: resultado primeiro, entregáveis depois */
.services-showcase{background:#fff}
.service-story{
  border-color:var(--blue-line);
  box-shadow:0 14px 40px rgba(35,79,134,.06);
}
.service-copy .service-index{color:var(--brand-blue)}
.service-copy .service-result{
  margin:0 0 24px;
  padding:18px 20px;
  border-left:3px solid var(--brand-blue);
  background:var(--blue-soft);
  color:#485660;
}
.service-copy .service-result strong{
  display:block;
  margin-bottom:4px;
  color:var(--brand-blue);
  font-size:.72rem;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.service-copy ul{margin:0}
.service-copy li::before{background:var(--brand-gold)}
.premium-cta-row{
  border-color:var(--blue-line);
  background:var(--blue-soft-2);
}

/* Entregas: papel do projeto um pouco mais evidente */
.case-role{
  border-color:var(--blue-line);
  background:linear-gradient(90deg,rgba(237,243,250,.88),rgba(255,255,255,0));
  padding:14px 12px;
}
.case-role strong{color:var(--brand-blue)}
.case-details summary{color:var(--brand-blue)}
.case-image-action{background:rgba(35,79,134,.9)}

/* Método sem progressão redundante */
.thinking-method-section{background:var(--blue-soft-2)}
.column-label{color:var(--brand-blue)}
.principles-column article>span,
.compact-method-list>li>span{color:var(--brand-blue)}

/* Fechamento e formulário em uma única etapa */
.contact-section{
  background:linear-gradient(180deg,var(--blue-soft) 0%,#f7f8f7 100%);
  border-top:1px solid var(--blue-line);
}
.contact-copy .eyebrow{color:var(--brand-blue)}
.contact-copy h2{max-width:10ch}
.contact-prompt{
  display:block;
  max-width:38ch;
  margin:18px 0 28px;
  color:var(--brand-blue);
  font-size:1.02rem;
}
.contact-form{border:1px solid var(--blue-line)}

/* CTA de contato dentro do menu mobile */
.mobile-nav-cta{display:none!important}

/* Botão voltar ao topo harmonizado com o azul do logo */
.back-to-top{
  color:#fff;
  background:#2d5b93;
  border-color:var(--brand-blue);
}
.back-to-top:hover{background:#00183d}

@media (max-width:980px){
  .hero-grid{grid-template-columns:1fr}
  .hero-side{max-width:720px}
}

@media (max-width:820px){
  .main-nav .mobile-nav-cta{
    display:flex!important;
    width:100%;
    margin-top:6px;
    min-height:50px;
    color:#fff;
    border-radius:12px;
  }
  .main-nav .mobile-nav-cta::after{display:none}
  .strategy-interlude h2{max-width:13ch}
}

@media (max-width:620px){
  .moment-visual{padding:10px 10px 0}
  .concept-art{border-radius:16px}
  .strategy-interlude{padding:64px 0}
  .strategy-interlude h2{font-size:clamp(2.35rem,11vw,3.55rem)}
  .contact-copy h2{max-width:11ch}
}

/* =========================================================
   v4.9 · Entregas padronizadas + método com leitura progressiva
   ========================================================= */
.delivery-label,
.showcase-card .delivery-label{
  display:block;
  margin-bottom:10px;
  color:var(--accent-deep);
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.12em;
  line-height:1.35;
  text-transform:uppercase;
}
.showcase-card h3{
  margin-top:0;
  font-family:var(--serif);
  font-weight:600;
  letter-spacing:-.02em;
}

/* Método: sequência principal primeiro, princípios como suporte */
.method-heading{
  margin-bottom:44px;
}
.method-heading h2{
  max-width:13ch;
}
.method-process{
  padding:clamp(26px,3.5vw,42px);
  border:1px solid var(--blue-line);
  border-radius:26px;
  background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%);
  box-shadow:0 14px 40px rgba(35,79,134,.055);
}
.method-process-label{
  margin-bottom:24px;
  color:var(--brand-blue);
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.method-flow{
  position:relative;
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:14px;
  margin:0;
  padding:0;
  list-style:none;
}
.method-flow::before{
  content:"";
  position:absolute;
  top:23px;
  left:8%;
  right:8%;
  height:1px;
  background:linear-gradient(90deg,var(--blue-line),#d7c3a6,var(--blue-line));
}
.method-flow li{
  position:relative;
  z-index:1;
  min-width:0;
  padding:0 8px;
}
.method-flow-number{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:46px;
  height:46px;
  margin-bottom:18px;
  border:1px solid var(--blue-line);
  border-radius:50%;
  background:#fff;
  color:var(--brand-blue);
  font-family:var(--serif);
  font-size:1rem;
  box-shadow:0 6px 18px rgba(35,79,134,.06);
}
.method-flow h3{
  margin:0 0 8px;
  color:var(--ink);
  font-family:var(--serif);
  font-size:1.2rem;
  font-weight:600;
}
.method-flow p{
  margin:0;
  color:var(--ink-soft);
  font-size:.9rem;
  line-height:1.55;
}
.method-principles-block{
  margin-top:26px;
  padding:clamp(24px,3vw,34px);
  border:1px solid var(--line);
  border-radius:24px;
  background:#fff;
}
.method-principles-heading{
  display:flex;
  justify-content:space-between;
  gap:24px;
  align-items:end;
  margin-bottom:22px;
  padding-bottom:18px;
  border-bottom:1px solid var(--line);
}
.method-principles-heading>span{
  color:var(--brand-blue);
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.method-principles-heading p{
  max-width:48ch;
  margin:0;
  font-size:.92rem;
  text-align:right;
}
.method-principles-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}
.method-principles-grid article{
  padding:18px;
  border:1px solid #e7e7e2;
  border-radius:16px;
  background:#fcfcfa;
}
.method-principles-grid article>span{
  display:block;
  margin-bottom:10px;
  color:var(--accent-deep);
  font-size:.7rem;
  font-weight:800;
}
.method-principles-grid h3{
  margin:0 0 7px;
  font-size:1rem;
  line-height:1.3;
}
.method-principles-grid p{
  margin:0;
  font-size:.86rem;
  line-height:1.55;
}

@media (max-width:980px){
  .method-flow{
    grid-template-columns:1fr;
    gap:0;
  }
  .method-flow::before{
    top:20px;
    bottom:20px;
    left:22px;
    right:auto;
    width:1px;
    height:auto;
    background:linear-gradient(180deg,var(--blue-line),#d7c3a6,var(--blue-line));
  }
  .method-flow li{
    display:grid;
    grid-template-columns:52px 1fr;
    gap:15px;
    padding:0 0 22px;
  }
  .method-flow li:last-child{padding-bottom:0}
  .method-flow-number{margin:0}
  .method-principles-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:620px){
  .method-process{
    padding:22px 18px;
    border-radius:20px;
  }
  .method-principles-heading{
    display:block;
  }
  .method-principles-heading p{
    margin-top:8px;
    text-align:left;
  }
  .method-principles-grid{grid-template-columns:1fr}
}


/* =========================================================
   v4.11 · Identidade oficial — Opção 04
   Wordmark compacto no header e favicon tratado via <head>.
   ========================================================= */

/* =========================================================
   v4.13 · Densidade visual desktop / mais conteúdo no primeiro viewport
   Mantém estrutura, conteúdo e imagens. Ajusta apenas ritmo, escala e respiro.
   ========================================================= */
@media (min-width:981px){
  /* Âncoras principais: menos espaço vazio antes do conteúdo ao navegar pelo menu */
  #momento,
  #servicos,
  #projetos,
  #sobre,
  #metodo,
  #contato{
    padding-top:clamp(66px,4.8vw,88px);
  }

  /* Cabeçalhos editoriais continuam premium, mas ocupam menos altura no primeiro viewport */
  .section-heading{
    margin-bottom:36px;
  }
  .section-heading.split-heading{
    padding-bottom:20px;
  }
  .section-heading h2,
  .founder-copy h2,
  .contact-copy h2{
    font-size:clamp(2.7rem,4vw,4.7rem);
  }
  .eyebrow{
    margin-bottom:14px;
  }

  /* Hero inicial: preserva impacto sem dominar quase toda a dobra */
  .hero{
    padding-top:clamp(58px,4.8vw,78px);
  }
  .hero-copy h1{
    margin-bottom:22px;
    font-size:clamp(3.5rem,5.2vw,6rem);
  }
  .hero-grid{
    gap:clamp(44px,6vw,86px);
  }
  .hero-side{
    padding:28px;
  }
  .hero-side-list div{
    padding:17px 0;
  }

  /* Seu momento: aproxima os cards da introdução */
  .moments-grid{
    gap:22px;
  }

  /* Serviços: primeiro bloco entrega mais contexto sem alterar conteúdo */
  .service-story{
    padding:clamp(28px,3.2vw,44px);
  }
  .service-copy .service-index{
    margin-bottom:16px;
  }
  .service-copy h3{
    font-size:clamp(1.95rem,3vw,3.15rem);
  }

  /* Entregas: reduz distância entre apresentação, categoria e primeiro case */
  .portfolio-group-heading{
    margin-bottom:22px;
  }

  /* Sobre: mantém o retrato e a narrativa, com leitura inicial mais completa */
  .founder-copy>p{
    line-height:1.72;
  }

  /* Como funciona: traz o fluxo principal para dentro da primeira dobra */
  .method-heading{
    margin-bottom:30px;
  }
  .method-process{
    padding:clamp(24px,2.7vw,34px);
  }
  .method-process-label{
    margin-bottom:18px;
  }

  /* Contato: mais campos e canais ficam visíveis sem reduzir área de toque */
  .contact-form{
    gap:15px;
    padding:clamp(26px,2.5vw,36px);
  }
  .contact-form textarea{
    min-height:126px;
  }
  .contact-direct{
    margin-top:22px;
  }
}


/* =========================================================
   v4.14 · Header responsivo + trilha vertical de diagnóstico
   Preserva textos, imagens e ordem de conteúdo. Altera apenas
   apresentação visual e disponibilidade do CTA por breakpoint.
   ========================================================= */

/* O CTA deixa de desaparecer prematuramente em notebooks e telas intermediárias. */
@media (min-width:821px) and (max-width:1200px){
  .header-inner{
    gap:12px;
  }
  .brand img{
    width:145px;
  }
  .main-nav a{
    padding-inline:6px;
    font-size:.74rem;
  }
  .header-tools{
    min-width:max-content;
  }
  .header-cta{
    display:inline-flex;
    min-height:44px;
    padding-inline:14px;
    border-radius:12px;
    font-size:.70rem;
    letter-spacing:.055em;
    white-space:nowrap;
  }
}

/* Seu momento: trilha vertical de diagnóstico em desktop. */
@media (min-width:981px){
  .moments-grid{
    position:relative;
    display:grid;
    grid-template-columns:1fr;
    gap:26px;
    max-width:1120px;
    margin-inline:auto;
    padding-left:92px;
  }
  .moments-grid::before{
    content:"";
    position:absolute;
    left:30px;
    top:38px;
    bottom:38px;
    width:1px;
    background:linear-gradient(180deg,var(--blue-line),var(--brand-gold),var(--blue-line));
  }
  .moment-card{
    position:relative;
    overflow:visible;
    display:grid;
    grid-template-columns:minmax(220px,300px) minmax(0,1fr);
    grid-template-rows:1fr;
    min-height:276px;
    align-items:stretch;
  }
  .moment-card::before{
    content:"";
    position:absolute;
    left:-62px;
    top:50%;
    width:62px;
    height:1px;
    background:var(--blue-line);
  }
  .moment-visual{
    min-width:0;
    padding:18px;
    align-items:center;
    justify-content:center;
    border-right:1px solid #edf0f3;
    border-radius:26px 0 0 26px;
    background:linear-gradient(180deg,#fbfbf9 0%,#f7f8f8 100%);
  }
  .moment-visual img{
    width:min(100%,280px);
    max-width:280px;
    aspect-ratio:1/1;
  }
  .moment-copy{
    justify-content:center;
    min-width:0;
    padding:28px 34px;
  }
  .moment-copy .moment-number{
    position:absolute;
    left:-91px;
    top:50%;
    z-index:2;
    display:grid;
    place-items:center;
    width:60px;
    height:60px;
    margin:0;
    border:1px solid var(--blue-line);
    border-radius:50%;
    background:#fff;
    color:var(--brand-blue);
    box-shadow:0 8px 22px rgba(35,79,134,.08);
    transform:translateY(-50%);
    font-size:1.05rem;
  }
  .moment-copy h3{
    max-width:30ch;
    font-size:clamp(1.7rem,2.35vw,2.45rem);
  }
  .moment-copy>p{
    max-width:60ch;
  }
  .moment-card .moment-path{
    margin-top:20px;
    padding-top:18px;
  }
}

/* Tablet: mantém a trilha e reduz os visuais sem comprimir a leitura. */
@media (min-width:681px) and (max-width:980px){
  .moments-grid{
    position:relative;
    display:grid;
    grid-template-columns:1fr;
    gap:22px;
    padding-left:62px;
  }
  .moments-grid::before{
    content:"";
    position:absolute;
    left:23px;
    top:32px;
    bottom:32px;
    width:1px;
    background:linear-gradient(180deg,var(--blue-line),var(--brand-gold),var(--blue-line));
  }
  .moment-card{
    position:relative;
    overflow:visible;
    grid-template-columns:minmax(180px,.62fr) minmax(0,1.38fr);
    grid-template-rows:1fr;
  }
  .moment-card::before{
    content:"";
    position:absolute;
    left:-39px;
    top:42px;
    width:39px;
    height:1px;
    background:var(--blue-line);
  }
  .moment-visual{
    padding:14px;
    justify-content:center;
  }
  .moment-visual img{
    width:min(100%,230px);
    max-width:230px;
  }
  .moment-copy{
    justify-content:center;
    padding:24px 26px;
  }
  .moment-copy .moment-number{
    position:absolute;
    left:-59px;
    top:20px;
    z-index:2;
    display:grid;
    place-items:center;
    width:42px;
    height:42px;
    margin:0;
    border:1px solid var(--blue-line);
    border-radius:50%;
    background:#fff;
    color:var(--brand-blue);
    box-shadow:0 6px 16px rgba(35,79,134,.07);
    font-size:.88rem;
  }
}

/* Mobile: coluna única com trilha lateral. O CTA de contato vive dentro do menu. */
@media (max-width:680px){
  .moments-grid{
    position:relative;
    display:grid;
    grid-template-columns:1fr;
    gap:20px;
    padding-left:38px;
  }
  .moments-grid::before{
    content:"";
    position:absolute;
    left:10px;
    top:28px;
    bottom:28px;
    width:1px;
    background:linear-gradient(180deg,var(--blue-line),var(--brand-gold),var(--blue-line));
  }
  .moment-card{
    position:relative;
    overflow:visible;
    grid-template-columns:1fr;
    grid-template-rows:auto 1fr;
  }
  .moment-card::before{
    content:"";
    position:absolute;
    left:-28px;
    top:30px;
    width:28px;
    height:1px;
    background:var(--blue-line);
  }
  .moment-copy .moment-number{
    position:absolute;
    left:-47px;
    top:12px;
    z-index:2;
    display:grid;
    place-items:center;
    width:38px;
    height:38px;
    margin:0;
    border:1px solid var(--blue-line);
    border-radius:50%;
    background:#fff;
    color:var(--brand-blue);
    box-shadow:0 5px 14px rgba(35,79,134,.07);
    font-size:.82rem;
  }
  .moment-visual{
    padding:12px 12px 0;
    justify-content:center;
  }
  .moment-visual img{
    width:min(100%,300px);
    max-width:300px;
  }
  .moment-copy{
    padding:20px 20px 24px;
  }
  .moment-copy h3{
    max-width:none;
  }
}

/* =========================================================
   v4.15 · Como funciona — método visual progressivo
   Reforça a leitura de processo sem remover etapas ou princípios.
   Desktop: trilha horizontal editorial. Mobile/tablet: fluxo vertical.
   ========================================================= */

.thinking-method-section{
  position:relative;
  overflow:hidden;
  background:linear-gradient(180deg,#f4f7fb 0%,#f8fafc 48%,#ffffff 100%);
}
.thinking-method-section::before{
  content:"";
  position:absolute;
  width:460px;
  height:460px;
  right:-230px;
  top:120px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(197,153,84,.075) 0%,rgba(197,153,84,0) 68%);
  pointer-events:none;
}
.method-heading{
  position:relative;
  z-index:1;
}
.method-heading>p{
  max-width:45ch;
}
.method-process{
  position:relative;
  z-index:1;
  overflow:hidden;
  border-color:rgba(35,79,134,.16);
  background:rgba(255,255,255,.92);
  box-shadow:0 18px 52px rgba(35,79,134,.075);
}
.method-process::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(120deg,rgba(255,255,255,.62),rgba(255,255,255,0) 36%);
}
.method-process-topline{
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  margin-bottom:28px;
  padding-bottom:18px;
  border-bottom:1px solid var(--line);
}
.method-process-label{
  margin:0;
}
.method-process-topline>p{
  margin:0;
  color:#697583;
  font-size:.84rem;
  font-weight:600;
  letter-spacing:.01em;
}
.method-flow{
  position:relative;
  z-index:2;
  gap:0;
}
.method-flow::before{
  top:25px;
  left:9%;
  right:9%;
  height:2px;
  background:linear-gradient(90deg,rgba(35,79,134,.24),rgba(197,153,84,.72),rgba(35,79,134,.24));
}
.method-flow li{
  padding:0 18px 18px;
}
.method-flow li+li .method-flow-copy{
  border-left:1px solid rgba(35,79,134,.09);
}
.method-flow-number{
  position:relative;
  width:52px;
  height:52px;
  margin-bottom:22px;
  border-color:rgba(35,79,134,.22);
  background:#fff;
  font-size:1.04rem;
  box-shadow:0 8px 24px rgba(35,79,134,.09);
}
.method-flow-number::after{
  content:"";
  position:absolute;
  inset:5px;
  border:1px solid rgba(197,153,84,.34);
  border-radius:50%;
}
.method-flow-copy{
  min-height:174px;
  padding:3px 12px 0 0;
}
.method-flow li+li .method-flow-copy{
  padding-left:18px;
}
.method-flow-kicker{
  display:block;
  min-height:2.6em;
  margin-bottom:10px;
  color:var(--accent-deep);
  font-size:.66rem;
  font-weight:800;
  letter-spacing:.115em;
  line-height:1.3;
  text-transform:uppercase;
}
.method-flow h3{
  margin-bottom:9px;
  color:var(--ink);
  font-size:clamp(1.35rem,1.65vw,1.72rem);
}
.method-flow p{
  max-width:23ch;
  color:#65717e;
  font-size:.91rem;
  line-height:1.6;
}
.method-process-close{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:auto 1fr;
  align-items:center;
  gap:24px;
  margin-top:6px;
  padding:22px 0 2px;
  border-top:1px solid var(--line);
}
.method-process-close span{
  color:var(--brand-blue);
  font-size:.68rem;
  font-weight:800;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.method-process-close strong{
  color:var(--ink);
  font-family:var(--serif);
  font-size:clamp(1.28rem,1.8vw,1.7rem);
  font-weight:600;
  line-height:1.25;
}

/* Princípios ficam como apoio ao método, não como um segundo bloco concorrente. */
.method-principles-block{
  margin-top:20px;
  border-color:rgba(35,79,134,.1);
  background:rgba(255,255,255,.68);
  box-shadow:none;
}
.method-principles-heading{
  margin-bottom:18px;
  padding-bottom:16px;
}
.method-principles-grid{
  gap:0;
}
.method-principles-grid article{
  padding:12px 20px 10px;
  border:0;
  border-radius:0;
  background:transparent;
}
.method-principles-grid article+article{
  border-left:1px solid var(--line);
}
.method-principles-grid article>span{
  color:var(--brand-blue);
}
.method-principles-grid h3{
  font-size:.98rem;
}

@media (min-width:981px){
  #metodo{
    padding-top:clamp(58px,4.2vw,74px);
  }
  .method-heading{
    grid-template-columns:minmax(0,1.02fr) minmax(300px,.72fr);
    gap:clamp(48px,6vw,90px);
    margin-bottom:26px;
    padding-bottom:16px!important;
  }
  .method-heading h2{
    max-width:11.2ch;
    font-size:clamp(2.85rem,3.8vw,4.45rem);
  }
  .method-process{
    padding:26px 30px 24px;
  }
}

@media (max-width:980px){
  .method-process-topline{
    margin-bottom:24px;
  }
  .method-flow::before{
    top:24px;
    bottom:26px;
    left:25px;
    width:2px;
    height:auto;
    background:linear-gradient(180deg,rgba(35,79,134,.24),rgba(197,153,84,.72),rgba(35,79,134,.24));
  }
  .method-flow li{
    grid-template-columns:58px 1fr;
    gap:18px;
    padding:0 0 24px;
  }
  .method-flow li:last-child{
    padding-bottom:4px;
  }
  .method-flow li+li .method-flow-copy{
    border-left:0;
  }
  .method-flow-copy,
  .method-flow li+li .method-flow-copy{
    min-height:0;
    padding:4px 0 22px;
    border-bottom:1px solid rgba(35,79,134,.08);
  }
  .method-flow li:last-child .method-flow-copy{
    border-bottom:0;
  }
  .method-flow-kicker{
    min-height:0;
    margin-bottom:7px;
  }
  .method-flow h3{
    font-size:1.45rem;
  }
  .method-flow p{
    max-width:48ch;
  }
  .method-process-close{
    grid-template-columns:1fr;
    gap:8px;
    margin-top:4px;
  }
  .method-principles-grid article{
    padding:16px;
  }
  .method-principles-grid article+article{
    border-left:0;
  }
  .method-principles-grid article:nth-child(even){
    border-left:1px solid var(--line);
  }
  .method-principles-grid article:nth-child(n+3){
    border-top:1px solid var(--line);
  }
}

@media (max-width:620px){
  .method-heading h2{
    max-width:11ch;
  }
  .method-process{
    padding:20px 18px;
  }
  .method-process-topline{
    display:block;
    margin-bottom:22px;
    padding-bottom:14px;
  }
  .method-process-topline>p{
    margin-top:7px;
    font-size:.78rem;
  }
  .method-flow::before{
    left:21px;
  }
  .method-flow li{
    grid-template-columns:48px 1fr;
    gap:13px;
  }
  .method-flow-number{
    width:44px;
    height:44px;
    font-size:.92rem;
  }
  .method-flow-number::after{
    inset:4px;
  }
  .method-flow-kicker{
    font-size:.62rem;
    letter-spacing:.1em;
  }
  .method-flow h3{
    font-size:1.35rem;
  }
  .method-flow p{
    font-size:.88rem;
  }
  .method-process-close{
    padding-top:18px;
  }
  .method-process-close strong{
    font-size:1.3rem;
  }
  .method-principles-block{
    padding:20px 18px;
  }
  .method-principles-grid{
    grid-template-columns:1fr;
  }
  .method-principles-grid article,
  .method-principles-grid article:nth-child(even),
  .method-principles-grid article:nth-child(n+3){
    border-left:0;
    border-top:1px solid var(--line);
    padding:15px 4px;
  }
  .method-principles-grid article:first-child{
    border-top:0;
  }
}

/* v4.18 • refinamento visual dos princípios do método */
.method-principles-block{
  margin-top:26px;
  padding:28px;
  border:1px solid rgba(35,79,134,.12);
  border-radius:30px;
  background:linear-gradient(180deg,rgba(255,255,255,.88),rgba(248,250,253,.94));
  box-shadow:0 10px 28px rgba(35,79,134,.05);
}
.method-principles-heading{
  display:grid;
  grid-template-columns:minmax(0,.95fr) minmax(260px,.9fr);
  align-items:end;
  gap:20px;
  margin-bottom:22px;
  padding-bottom:18px;
  border-bottom:1px solid rgba(35,79,134,.10);
}
.method-principles-heading > span{
  display:block;
  color:var(--brand-blue);
  font-size:.82rem;
  font-weight:800;
  letter-spacing:.13em;
  line-height:1.2;
  text-transform:uppercase;
}
.method-principles-heading p{
  max-width:38ch;
  margin:0 0 0 auto;
  color:var(--muted);
  font-size:1.05rem;
  line-height:1.45;
  text-align:right;
}
.method-principles-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}
.method-principles-grid article,
.method-principles-grid article+article,
.method-principles-grid article:nth-child(even),
.method-principles-grid article:nth-child(n+3){
  padding:20px 20px 18px;
  border:1px solid rgba(35,79,134,.10);
  border-radius:22px;
  background:rgba(255,255,255,.92);
  box-shadow:0 8px 18px rgba(35,79,134,.04);
}
.method-principles-grid article > span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:42px;
  padding:7px 10px;
  border-radius:999px;
  background:rgba(35,79,134,.08);
  color:var(--brand-blue);
  font-size:.8rem;
  font-weight:800;
  letter-spacing:.08em;
}
.method-principles-grid h3{
  margin-top:14px;
  margin-bottom:10px;
  color:var(--ink);
  font-size:1.18rem;
  line-height:1.25;
}
.method-principles-grid p{
  max-width:30ch;
  color:var(--muted);
  font-size:.98rem;
  line-height:1.55;
}
@media (max-width:980px){
  .method-principles-block{
    padding:24px;
  }
  .method-principles-heading{
    grid-template-columns:1fr;
    align-items:start;
    gap:10px;
  }
  .method-principles-heading p{
    max-width:46ch;
    margin:0;
    text-align:left;
  }
}
@media (max-width:620px){
  .method-principles-block{
    padding:20px 18px;
    border-radius:24px;
  }
  .method-principles-heading{
    margin-bottom:16px;
    padding-bottom:14px;
  }
  .method-principles-heading > span{
    font-size:.74rem;
  }
  .method-principles-heading p{
    font-size:.92rem;
  }
  .method-principles-grid{
    grid-template-columns:1fr;
    gap:12px;
  }
  .method-principles-grid article,
  .method-principles-grid article+article,
  .method-principles-grid article:nth-child(even),
  .method-principles-grid article:nth-child(n+3){
    padding:16px;
  }
  .method-principles-grid h3{
    font-size:1.06rem;
    margin-top:12px;
    margin-bottom:8px;
  }
  .method-principles-grid p{
    font-size:.9rem;
  }
}


/* v4.19 • localização institucional no rodapé */
.footer-brand .footer-location{
  margin-top:12px;
  max-width:520px;
  color:rgba(255,255,255,.72);
  font-size:.9rem;
  line-height:1.55;
}
@media (max-width:620px){
  .footer-brand .footer-location{
    margin-top:10px;
    font-size:.86rem;
  }
}

/* =========================================================
   v4.20 · Refinamento Editorial Minimalista
   Disciplina tipográfica, cromática e de superfícies inspirada em
   interfaces premium, preservando a identidade Evora Pulse.
   ========================================================= */
:root{
  --paper:#fdfcf9;
  --white:#ffffff;
  --ink:#1d2935;
  --ink-soft:#626c77;
  --muted:#858d96;
  --line:rgba(29,41,53,.09);
  --line-strong:rgba(29,41,53,.14);
  --blue-soft:#f3f6fa;
  --blue-soft-2:#f7f8fa;
  --blue-line:rgba(35,79,134,.14);
  --shadow:0 14px 32px rgba(25,40,62,.055);
}

body{
  color:var(--ink);
  font-size:17px;
  line-height:1.68;
}
p{color:var(--ink-soft)}
p strong,
li strong{color:var(--ink);font-weight:600}

h1,h2{
  font-weight:500;
  letter-spacing:-.04em;
}
h3{font-weight:600}

.eyebrow{
  color:var(--accent-deep);
  font-weight:700;
  letter-spacing:.16em;
}
.soft-section{background:#f5f6f7}

/* Cabeçalho mais silencioso: conteúdo ganha prioridade. */
.site-header{
  background:rgba(253,252,249,.94);
  border-bottom-color:rgba(29,41,53,.065);
  backdrop-filter:blur(16px);
}
.main-nav a{
  color:#4f5862;
  font-weight:500;
}
.main-nav a:hover,
.main-nav a:focus-visible{
  background:rgba(35,79,134,.045);
  color:var(--ink);
}
.main-nav a.is-active{
  color:var(--brand-blue);
  background:rgba(35,79,134,.055);
  font-weight:600;
  box-shadow:none;
}
.main-nav a::after{
  height:1px;
  background:var(--brand-gold);
}

/* CTA mantém destaque pela cor, não por peso excessivo. */
.button{
  min-height:48px;
  padding-inline:20px;
  border-radius:13px;
  font-size:.84rem;
  font-weight:600;
  letter-spacing:0;
  text-transform:none;
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease;
}
.button:hover{transform:translateY(-1px)}
.button-primary{
  background:var(--brand-blue);
  box-shadow:0 8px 20px rgba(35,79,134,.13);
}
.button-primary:hover{
  background:var(--cta-hover);
  box-shadow:0 10px 24px rgba(35,79,134,.16);
}
.form-submit{min-height:54px}
.text-link{font-weight:600}

/* Pills e labels: menos peso, melhor hierarquia. */
.hero-proof span,
.case-tags span{
  font-weight:600;
  border-color:var(--line);
}
.case-label,
.showcase-card .delivery-label,
.portfolio-group-heading>span,
.method-flow-kicker,
.method-process-label,
.method-principles-heading>span{
  font-weight:700;
}

/* Superfícies premium: bordas mais discretas e sombras funcionais. */
.hero-side{
  border-color:var(--blue-line);
  box-shadow:0 16px 38px rgba(25,40,62,.055);
}
.hero-side-list span{font-weight:600}
.concept-art{
  border-color:var(--line);
  box-shadow:0 8px 22px rgba(25,40,62,.04);
}
.moment-card{
  border-color:var(--line);
  box-shadow:0 10px 26px rgba(25,40,62,.045);
}
.moment-card:hover{
  box-shadow:0 14px 30px rgba(25,40,62,.06);
}
.service-story{
  border-color:var(--line);
  box-shadow:0 10px 28px rgba(25,40,62,.04);
}
.system-case{
  border-color:var(--line);
  box-shadow:0 10px 28px rgba(25,40,62,.045);
}
.system-case-visual{
  border-color:var(--line);
}
.system-case-visual img{
  box-shadow:0 8px 22px rgba(25,40,62,.06);
}
.showcase-card{
  border-color:var(--line);
  box-shadow:none;
}
.showcase-card:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 24px rgba(25,40,62,.055);
}
.contact-form{
  border-color:var(--line);
  box-shadow:0 12px 30px rgba(25,40,62,.045);
}
.method-process{
  border-color:var(--line);
  box-shadow:0 12px 30px rgba(25,40,62,.045);
}
.method-principles-block{
  border-color:var(--line);
  box-shadow:0 8px 24px rgba(25,40,62,.035);
}
.method-principles-grid article,
.method-principles-grid article+article,
.method-principles-grid article:nth-child(even),
.method-principles-grid article:nth-child(n+3){
  border-color:var(--line);
  box-shadow:none;
}
.faq-list details{
  border-color:var(--line-strong);
}

/* O dourado funciona como assinatura, não como cor de texto recorrente. */
.moment-number,
.service-index,
.portfolio-group-heading>span{
  color:var(--brand-gold);
}

/* Copy secundária um pouco mais silenciosa. */
.hero-context,
.case-lead,
.portfolio-group-heading p,
.founder-copy>p,
.section-heading>p,
.method-principles-heading p{
  color:var(--ink-soft);
}
.form-note,
.case-visual-caption{
  color:var(--muted);
}

/* Rodapé continua informativo, mas visualmente discreto. */
.site-footer{
  background:#1d2227;
}
.footer-brand p{color:#aeb5bd}
.footer-brand .footer-location{color:#c0c6cc}
.site-footer a{color:#c3c8cd}
.footer-bottom{color:#858d96}

@media (max-width:820px){
  body{font-size:16px}
  .button{min-height:46px}
}


/* v4.23 • princípios compactos em quatro colunas */
@media (min-width:1121px){
  .method-principles-block{
    padding:24px 26px 26px;
  }
  .method-principles-heading{
    grid-template-columns:minmax(0,1fr) minmax(320px,.72fr);
    align-items:center;
    margin-bottom:18px;
    padding-bottom:16px;
  }
  .method-principles-grid{
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:12px;
  }
  .method-principles-grid article,
  .method-principles-grid article+article,
  .method-principles-grid article:nth-child(even),
  .method-principles-grid article:nth-child(n+3){
    display:flex;
    flex-direction:column;
    min-height:0;
    padding:18px 17px 16px;
    border-radius:18px;
  }
  .method-principles-grid h3{
    margin-top:13px;
    margin-bottom:8px;
    font-size:1.02rem;
    line-height:1.25;
  }
  .method-principles-grid .principle-summary{
    min-height:2.9em;
    margin:0;
    font-size:.9rem;
    line-height:1.5;
  }
}
.method-principles-grid .principle-summary{
  color:var(--ink-soft);
}
.principle-practice{
  position:relative;
  margin-top:14px;
  padding-top:13px;
  border-top:1px solid rgba(197,153,84,.24);
}
.principle-practice::before{
  content:"";
  position:absolute;
  top:-1px;
  left:0;
  width:28px;
  height:1px;
  background:var(--brand-gold);
}
.principle-practice strong{
  display:block;
  margin-bottom:6px;
  color:var(--brand-gold);
  font-size:.68rem;
  font-weight:700;
  letter-spacing:.12em;
  line-height:1.2;
  text-transform:uppercase;
}
.method-principles-grid .principle-practice p{
  max-width:none;
  margin:0;
  color:var(--ink-soft);
  font-size:.86rem;
  line-height:1.48;
}
@media (min-width:621px) and (max-width:1120px){
  .method-principles-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
  }
  .method-principles-grid article,
  .method-principles-grid article+article,
  .method-principles-grid article:nth-child(even),
  .method-principles-grid article:nth-child(n+3){
    padding:18px;
  }
}
@media (max-width:620px){
  .principle-practice{
    margin-top:12px;
    padding-top:11px;
  }
  .method-principles-grid .principle-practice p{
    font-size:.88rem;
  }
}


/* =========================================================
   v4.24 · Credenciais editoriais premium
   Remove a aparência de tabela e transforma a faixa em quatro
   destaques editoriais compactos, coerentes com o restante do site.
   ========================================================= */
.credibility-strip{
  padding:clamp(26px,3.2vw,44px) 0 clamp(42px,5vw,68px);
  background:linear-gradient(180deg,#f7f8fa 0%,#f5f6f7 100%);
}
.credibility-grid-editorial{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  border:0;
}
.credibility-grid-editorial .credibility-card{
  position:relative;
  display:flex;
  flex-direction:column;
  min-height:188px;
  padding:22px 21px 20px;
  overflow:hidden;
  border:1px solid rgba(29,41,53,.09);
  border-radius:20px;
  background:rgba(255,255,255,.88);
  box-shadow:0 10px 26px rgba(25,40,62,.035);
}
.credibility-grid-editorial .credibility-card::before{
  content:"";
  position:absolute;
  top:0;
  left:21px;
  width:34px;
  height:2px;
  background:var(--brand-gold);
}
.credibility-card-meta{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:16px;
}
.credibility-number{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:34px;
  height:34px;
  flex:0 0 34px;
  border-radius:999px;
  background:rgba(35,79,134,.065);
  color:var(--brand-blue);
  font-size:.74rem;
  font-weight:700;
  letter-spacing:.04em;
}
.credibility-grid-editorial .credibility-card small{
  display:block;
  margin:0;
  color:var(--accent-deep);
  font-size:.66rem;
  font-weight:700;
  letter-spacing:.12em;
  line-height:1.25;
  text-transform:uppercase;
}
.credibility-grid-editorial .credibility-card h3{
  max-width:20ch;
  margin:0 0 10px;
  color:var(--ink);
  font-family:var(--serif);
  font-size:clamp(1.15rem,1.3vw,1.38rem);
  font-weight:500;
  letter-spacing:-.025em;
  line-height:1.18;
}
.credibility-grid-editorial .credibility-card p{
  max-width:31ch;
  margin:0;
  color:var(--ink-soft);
  font-size:.88rem;
  line-height:1.52;
}
@media (min-width:981px){
  .credibility-grid-editorial .credibility-card:nth-child(2),
  .credibility-grid-editorial .credibility-card:nth-child(4){
    transform:translateY(7px);
  }
}
@media (max-width:980px){
  .credibility-grid-editorial{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .credibility-grid-editorial .credibility-card{
    min-height:172px;
  }
}
@media (max-width:620px){
  .credibility-strip{
    padding:24px 0 40px;
  }
  .credibility-grid-editorial{
    grid-template-columns:1fr;
    gap:11px;
  }
  .credibility-grid-editorial .credibility-card{
    min-height:0;
    padding:19px 18px 18px;
    border-radius:18px;
  }
  .credibility-grid-editorial .credibility-card::before{
    left:18px;
  }
  .credibility-card-meta{
    margin-bottom:13px;
  }
  .credibility-grid-editorial .credibility-card h3{
    max-width:none;
    font-size:1.22rem;
  }
  .credibility-grid-editorial .credibility-card p{
    max-width:none;
    font-size:.9rem;
  }
}