:root { --ink: #16171A; --paper: #F1F0EC; --white: #FBFAF7; --rule: #B6B5AE; --light: #DEDDD6; --muted: #696961; --deep: #222326; --font: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif; --mono: 'IBM Plex Mono', 'Courier New', monospace; }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin:0; color:var(--ink); background:var(--paper); font: 400 16px/1.5 var(--font); -webkit-font-smoothing: antialiased; }
a { color:inherit; text-decoration:none; }
button, a { -webkit-tap-highlight-color:transparent; }
a:focus-visible { outline:2px solid currentColor; outline-offset:5px; }
img { display:block; max-width:100%; }
.frame { width: min(1480px, calc(100% - 112px)); margin-inline: auto; }
.skip-link { position:absolute; top:-60px; left:20px; padding:10px 15px; z-index:999; background:#fff; }
.skip-link:focus { top:12px; }
.site-header { border-bottom:1px solid #DCDAD3; }
.header-inner { display:flex; align-items:center; justify-content:space-between; min-height:106px; gap:22px; }
.brand { display:inline-flex; align-items:center; flex:none; }
.brand img { width:150px; height:auto; }
.desktop-nav { display:flex; align-items:center; gap:44px; margin-left:auto; }
.desktop-nav a { font-size:13px; font-weight:500; transition:opacity .2s; }
.desktop-nav a:hover { opacity:.56; }
.nav-contact { display:inline-flex; align-items:center; justify-content:space-between; gap:32px; border:1px solid var(--ink); padding:13px 15px; font-weight:600; font-size:12px; white-space:nowrap; transition:background .2s,color .2s; }
.nav-contact:hover { color:var(--paper); background:var(--ink); }
.nav-contact span { font-size:18px; line-height:1; font-weight:400; }
.hero { display:grid; grid-template-columns: minmax(0,1.17fr) minmax(380px,.83fr); gap:45px; align-items:center; min-height:700px; padding-top:76px; padding-bottom:78px; }
.hero-main { position:relative; z-index:1; }
.eyebrow, .section-label, .hero-note, .section-divider, .sheet, .coordinate, .offer-top, .step-number, .sector-list div>span, .footer { font-family:var(--mono); }
.eyebrow { color:var(--ink); font-size:11px; font-weight:500; letter-spacing:.05em; margin:0 0 31px; }
.eyebrow-index { color:var(--muted); margin-right:14px; }
h1,h2,h3,p { margin-top:0; }
h1 { font-size:clamp(52px,4.45vw,76px); line-height:1.055; letter-spacing:-.062em; font-weight:700; margin-bottom:29px; white-space:nowrap; }
h1 .regular { font-weight:400; letter-spacing:-.064em; }
.hero-lede { color:#4C4D4C; font-size:18px; line-height:1.7; max-width:560px; margin-bottom:30px; }
.hero-actions { display:flex; gap:26px; align-items:center; flex-wrap:wrap; }
.button-solid { display:inline-flex; align-items:center; gap:35px; justify-content:space-between; background:var(--ink); color:var(--paper); border:1px solid var(--ink); font-size:13px; font-weight:600; padding:19px 21px; transition:transform .2s,background .2s; }
.button-solid:hover { transform:translateY(-2px); background:#37383b; }
.button-solid span { font-size:21px; line-height:.8; font-weight:400; }
.text-link { display:flex; gap:10px; align-items:center; font-size:13px; font-weight:600; border-bottom:1px solid #999890; padding-bottom:5px; }
.hero-note { display:flex; gap:12px; align-items:center; margin-top:73px; font-size:10px; letter-spacing:.05em; color:#5B5B58; }
.small-box { width:8px; height:8px; outline:1px solid #93928d; outline-offset:2px; display:inline-block; }
.hero-visual { height:532px; position:relative; display:flex; align-items:center; justify-content:center; background-image:radial-gradient(#D1CFC7 .7px, transparent .7px); background-size:21px 21px; }
.sheet { position:absolute; box-shadow: 8px 13px 0 rgba(40,40,40,.04), 0px 11px 36px rgba(30,30,30,.06); }
.sheet-back { width:76%; height:88%; background:#E9E8E1; border:1px solid #D0CEC5; transform:translate(32px,-3px) rotate(4deg); }
.sheet-front { width:81%; min-height:462px; background:#FAF9F5; border:1px solid #C6C5BE; clip-path:polygon(0 0, 93% 0, 100% 7%, 100% 100%, 0 100%); padding:22px 24px 20px; transform:rotate(-3deg); display:flex; flex-direction:column; justify-content:space-between; }
.sheet-top,.sheet-bottom { display:flex; justify-content:space-between; gap:14px; font-size:8px; letter-spacing:.02em; color:#888780; }
.sheet-title { font:700 clamp(36px,3.45vw,58px)/.97 var(--font); letter-spacing:-.06em; margin-top:16px; }
.sheet-title .period { color:var(--ink); }
.sheet-description { font:400 11px/1.5 var(--font); color:#6b6b65; margin:6px 0 15px; }
.system-diagram { border-top:1px solid #C8C6BF; margin-top:5px; padding-top:11px; }
.diagram-row { display:grid; grid-template-columns:32px 1fr 15px; align-items:center; gap:10px; min-height:35px; border:1px solid #C8C6BF; padding:0 10px; font-size:9px; font-weight:500; }
.diagram-no { color:#919088; }
.diagram-symbol { font-size:16px; color:#797870; }
.diagram-join { margin-left:27px; height:13px; border-left:1px solid #B9B7AF; }
.diagram-row.final { background:#E4E3DC; font-weight:600; }
.sheet-bottom { border-top:1px solid #CBC9C2; padding-top:12px; margin-top:20px; }
.coordinate { position:absolute; bottom:3px; right:2px; font-size:9px; letter-spacing:.08em; color:#898882; }
.section-divider { display:flex; justify-content:space-between; border-top:1px solid var(--ink); padding-top:15px; font-size:10px; color:#8B8983; }
.intro-section,.sectors-section { display:grid; grid-template-columns:255px 1fr; gap:34px; padding-top:123px; padding-bottom:138px; }
.section-label { font-size:11px; letter-spacing:.01em; font-weight:500; padding-top:12px; }
.section-label .number { color:#929087; margin-right:15px; }
.section-content h2,.method-head h2,.sectors-main h2 { font-size:clamp(39px,4.3vw,68px); font-weight:600; letter-spacing:-.055em; line-height:1.13; margin-bottom:24px; }
.section-lede { max-width:660px; font-size:18px; line-height:1.65; color:#5B5B56; margin-bottom:56px; }
.offer-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-top:1px solid #BEBDB5; border-bottom:1px solid #BEBDB5; }
.offer { min-height:250px; padding:23px 18px 24px 0; }
.offer+.offer { padding-left:22px; border-left:1px solid #CAC8C0; }
.offer-top { display:flex; justify-content:space-between; font-size:11px; color:#96958D; margin-bottom:43px; }
.offer-top span:last-child { color:#1E1F1F; font-size:17px; line-height:1; }
.offer h3 { font-size:21px; line-height:1.21; font-weight:600; letter-spacing:-.03em; margin-bottom:14px; }
.offer p { font-size:13px; line-height:1.65; color:#65655F; margin:0; }
.method-section { background:#E7E6E0; border-block:1px solid #D4D2C9; }
.method-inner { display:grid; grid-template-columns:255px 1fr; gap:34px; padding-block:114px 123px; }
.method-head { display:flex; justify-content:space-between; align-items:end; gap:50px; border-bottom:1px solid #AFAEA5; padding-bottom:32px; }
.method-head h2 { margin-bottom:0; }
.method-head p { max-width:294px; line-height:1.6; color:#67665F; font-size:14px; margin-bottom:5px; }
.method-steps { display:grid; grid-template-columns:repeat(3,1fr); gap:31px; padding-top:32px; }
.step-number { font-size:11px; color:#77766E; display:block; margin-bottom:25px; }
.step h3 { font-size:20px; letter-spacing:-.03em; font-weight:600; margin-bottom:12px; }
.step p { font-size:14px; color:#67665F; line-height:1.65; max-width:255px; margin:0; }
.sectors-section { padding-block:129px 143px; }
.sectors-main { display:grid; grid-template-columns:1fr 1fr; gap:70px; }
.sectors-main h2 { font-size:clamp(37px,3.65vw,60px); }
.sectors-main p { color:#66655E; max-width:410px; font-size:16px; line-height:1.75; }
.sector-list { border-top:1px solid var(--ink); }
.sector-list>div { display:grid; grid-template-columns:45px 1fr 20px; align-items:center; gap:10px; padding:22px 0; border-bottom:1px solid #BDBBB3; }
.sector-list div>span { color:#99968F; font-size:10px; }
.sector-list div>span:last-child { color:var(--ink); font-size:15px; }
.sector-list strong { font-size:17px; font-weight:500; }
.contact-section { background:var(--ink); color:var(--paper); }
.contact-inner { padding-top:97px; padding-bottom:106px; }
.eyebrow.light { color:#A5A59F; margin-bottom:29px; }
.contact-inner h2 { font-size:clamp(44px,5.2vw,86px); line-height:1.07; letter-spacing:-.061em; font-weight:500; margin-bottom:73px; }
.contact-bottom { display:flex; justify-content:space-between; align-items:end; gap:35px; border-top:1px solid #55565A; padding-top:29px; }
.contact-bottom p { color:#ABABA6; font-size:16px; line-height:1.6; margin:0; }
.contact-email { border-bottom:1px solid #B2B1AB; padding-bottom:6px; display:inline-flex; gap:40px; align-items:center; font-size:clamp(16px,2.3vw,28px); white-space:nowrap; }
.contact-email span { font-size:22px; }
.footer { background:var(--ink); border-top:1px solid #44454A; color:#A7A7A1; font-size:10px; }
.footer-inner { min-height:110px; display:flex; justify-content:space-between; align-items:center; gap:25px; }
.footer-inner>div:first-child { display:flex; flex-direction:column; gap:4px; }
.footer strong { color:var(--paper); font-size:13px; font-weight:600; }
.footer a { color:var(--paper); }
@media (min-width:1450px) { h1 { font-size:74px; } }
@media (max-width:1190px) { .frame { width:calc(100% - 64px); } .desktop-nav { gap:22px; } .hero { grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr); gap:20px; } h1 { font-size:clamp(46px,4.8vw,65px); } .intro-section,.method-inner,.sectors-section { grid-template-columns:170px 1fr; gap:27px; } .sectors-main { gap:35px; } .sheet-front { min-height:430px; } }
@media (max-width:870px) { .frame { width:calc(100% - 50px); } .header-inner { min-height:88px; } .brand img { width:132px; } .desktop-nav { display:none; } .hero { grid-template-columns:1fr; gap:25px; padding-top:84px; padding-bottom:76px; min-height:unset; } h1 { font-size:clamp(51px,8vw,74px); } .hero-visual { height:480px; width:min(100%,600px); margin:0 auto; } .hero-note { margin-top:45px; } .intro-section,.method-inner,.sectors-section { display:block; padding-block:82px; } .section-label { margin-bottom:34px; } .method-head { align-items:start; } .sectors-main { gap:25px; } .offer-grid { gap:0; } }
@media (max-width:600px) { .frame { width:calc(100% - 34px); } .header-inner { min-height:75px; } .brand img { width:114px; } .nav-contact { font-size:11px; gap:13px; padding:12px 10px; } .nav-contact span { font-size:15px; } .hero { padding-top:56px; gap:24px; } .eyebrow { font-size:10px; margin-bottom:25px; } h1 { font-size:clamp(35px,9vw,53px); letter-spacing:-.065em; margin-bottom:23px; } .hero-lede { font-size:15px; line-height:1.65; } .hero-actions { gap:22px; align-items:flex-start; } .button-solid { width:100%; padding:17px; } .hero-note { font-size:9px; margin-top:40px; } .hero-visual { height:390px; } .sheet-back { width:79%; height:84%; transform:translate(20px,0) rotate(4deg); } .sheet-front { min-height:340px; width:85%; padding:15px 17px 15px; } .sheet-top, .sheet-bottom { font-size:6px; } .sheet-title { font-size:35px; margin-top:13px; } .sheet-description { font-size:9px; } .diagram-row { min-height:27px; font-size:7px; grid-template-columns:24px 1fr 10px; padding:0 7px; } .diagram-join { height:8px; margin-left:20px; } .diagram-symbol { font-size:12px; } .sheet-bottom { margin-top:10px; padding-top:7px; } .coordinate { font-size:7px; } .intro-section,.sectors-section { padding-block:79px; } .section-content h2,.method-head h2,.sectors-main h2 { font-size:40px; } .section-lede { font-size:15px; margin-bottom:35px; } .offer-grid { grid-template-columns:1fr; } .offer { padding:23px 0!important; min-height:0; } .offer+.offer { border-left:0; border-top:1px solid #CBC9C1; } .offer-top { margin-bottom:20px; } .offer h3 { font-size:21px; } .method-inner { padding-block:78px; } .method-head { display:block; } .method-head p { margin-top:25px; } .method-steps { grid-template-columns:1fr; gap:30px; } .step-number { margin-bottom:10px; } .sectors-main { grid-template-columns:1fr; gap:25px; } .sector-list>div { padding:18px 0; } .sector-list strong { font-size:15px; } .contact-inner { padding-block:72px 74px; } .contact-inner h2 { font-size:clamp(37px,8.8vw,53px); margin-bottom:48px; } .contact-bottom { display:block; } .contact-bottom p { font-size:14px; margin-bottom:29px; } .contact-email { font-size:clamp(15px,4.2vw,21px); gap:12px; } .footer-inner { padding-block:23px; flex-wrap:wrap; gap:20px; } .footer-inner>div { width:calc(50% - 10px); } }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } .button-solid,.nav-contact { transition:none; } }

/* ─── 02 · Movimento editorial — a mesma marca, mais presença ──────────── */
:root { --surface: #E8E7E0; --hairline: #C7C5BC; }
body { overflow-x: clip; }
::selection { background: #C7C5BC; color: var(--ink); }
.reading-progress { position:fixed; z-index:100; height:2px; top:0; inset-inline:0; background:var(--ink); transform-origin:0 50%; transform:scaleX(0); pointer-events:none; }
.site-header { position:relative; z-index:20; background:var(--paper); transition:box-shadow .35s ease, border-color .35s ease; }
.site-header.is-scrolled { box-shadow:0 3px 19px rgba(20,20,20,.06); border-color:#BBBAB2; }
.desktop-nav a { position:relative; transition:opacity .25s ease; }
.desktop-nav a::after { content:""; height:1px; background:currentColor; position:absolute; left:0; right:0; bottom:-6px; transform:scaleX(0); transform-origin:left; transition:transform .28s cubic-bezier(.22,1,.36,1); }
.desktop-nav a:hover::after, .desktop-nav a:focus-visible::after { transform:scaleX(1); }
.nav-contact,.button-solid { transition:transform .32s cubic-bezier(.2,.8,.2,1), background .25s ease,color .25s ease,box-shadow .32s ease; }
.nav-contact:hover,.button-solid:hover { transform:translateY(-3px); box-shadow:5px 5px 0 rgba(22,23,26,.17); }
.nav-contact span,.button-solid span,.contact-email span { transition:transform .25s cubic-bezier(.22,1,.36,1); }
.nav-contact:hover span,.button-solid:hover span,.contact-email:hover span { transform:translate(3px,-3px); }
.text-link { transition:opacity .2s ease,gap .25s ease; }
.text-link:hover { gap:17px; opacity:.7; }

/* The hero is anchored by a single dark, architectural field. */
.hero { gap:56px; }
.hero-visual { isolation:isolate; overflow:hidden; border:1px solid #343539; background:var(--ink); background-image:none; clip-path:polygon(0 0, calc(100% - 25px) 0, 100% 25px, 100% 100%, 0 100%); --pointer-x:0px; --pointer-y:0px; }
.visual-grid { position:absolute; inset:0; opacity:.27; background-image:linear-gradient(90deg,transparent calc(100% - 1px),#515258 calc(100% - 1px)),linear-gradient(0deg,transparent calc(100% - 1px),#515258 calc(100% - 1px)); background-size:42px 42px; mask-image:linear-gradient(to bottom,black,transparent 95%); pointer-events:none; }
.visual-caption { position:absolute; top:23px; left:25px; right:25px; display:flex; justify-content:space-between; align-items:center; gap:10px; font:500 9px/1.5 var(--mono); letter-spacing:.035em; color:#A8A9A6; }
.sheet-back { width:76%; height:77%; background:#DAD9D1; border:1px solid #9A9991; transform:translate(calc(18px + var(--pointer-x)), calc(-1px + var(--pointer-y))) rotate(3.8deg); transition:transform .4s cubic-bezier(.22,1,.36,1); box-shadow:0 14px 20px rgba(0,0,0,.12); }
.sheet-front { width:78%; min-height:0; height:76%; padding:20px 22px 16px; transform:translate(var(--pointer-x),var(--pointer-y)) rotate(-3deg); transition:transform .4s cubic-bezier(.22,1,.36,1), box-shadow .4s ease; box-shadow:0 19px 40px rgba(0,0,0,.24); }
.hero-visual:hover .sheet-front { box-shadow:0 26px 56px rgba(0,0,0,.3); }
.sheet-title { font-size:clamp(36px,3.35vw,57px); margin-top:10px; }
.coordinate { right:25px; bottom:21px; left:25px; color:#B8B8B2; display:flex; justify-content:space-between; font-size:8px; }
.coordinate span { color:#E6E5DF; font-size:16px; }
.diagram-row { transition:background .28s ease,border-color .28s ease,transform .28s ease; }
.diagram-row:hover { background:#E7E6DE; transform:translateX(3px); border-color:#8A8A83; }
.diagram-row.final { background:#DDDDD5; }
.hero-main { padding-bottom:12px; }
h1 { letter-spacing:-.067em; }
.hero-lede { max-width:545px; }
.hero-note { margin-top:66px; }

/* An index strip instead of a passive rule. */
.section-divider { display:grid; grid-template-columns:max-content minmax(30px,1fr) max-content; gap:18px; align-items:center; padding-top:17px; }
.divider-path { height:1px; width:100%; background:#BCBAB2; display:flex; align-items:center; justify-content:space-between; }
.divider-path i { display:block; width:5px; height:5px; background:var(--ink); transform:rotate(45deg); }
.divider-path i:nth-child(2) { background:#B9B8B0; }

/* Content gains a little tactility without posing as clickable links. */
.offer { position:relative; padding-top:25px; padding-bottom:30px; transition:background .36s ease, padding .36s ease; }
.offer::before { content:""; position:absolute; inset:0; z-index:-1; background:#E5E4DC; opacity:0; transition:opacity .32s ease; }
.offer:hover::before { opacity:1; }
.offer:hover .offer-top span:last-child { transform:translate(3px,-3px); }
.offer-top span:last-child { display:inline-block; transition:transform .3s ease; }
.offer h3 { transition:transform .3s ease; }
.offer:hover h3 { transform:translateX(3px); }

/* The single interruption in the page, drawn from the brand's positioning. */
.statement-band { background:var(--ink); color:#F1F0EC; overflow:hidden; }
.statement-inner { min-height:345px; display:grid; grid-template-columns:255px 1fr auto; gap:34px; align-items:center; padding-block:70px; }
.statement-index { align-self:start; padding-top:5px; font:500 11px/1.5 var(--mono); color:#999A98; }
.statement-inner p { margin:0; font-size:clamp(37px,4vw,69px); line-height:1.12; font-weight:600; letter-spacing:-.06em; }
.statement-inner p span { font-weight:400; color:#ADADA7; }
.statement-symbol { align-self:end; font:400 74px/1 var(--font); color:#EDEDE6; transition:transform .45s cubic-bezier(.22,1,.36,1); }
.statement-band:hover .statement-symbol { transform:translate(8px,-8px); }

/* Sections open up progressively while preserving their editorial rhythm. */
.method-steps { position:relative; }
.step { position:relative; padding-top:14px; }
.step::before { content:""; position:absolute; top:0; left:0; width:100%; height:1px; background:#B0AFA7; transform-origin:0 50%; transform:scaleX(.28); transition:transform .7s cubic-bezier(.16,1,.3,1); }
.method-section:hover .step::before,.method-content.is-visible .step::before { transform:scaleX(1); }
.sector-list>div { position:relative; padding-left:0; transition:background .28s ease,padding .28s ease; }
.sector-list>div:hover { background:#E7E6E0; padding-left:12px; padding-right:12px; }
.sector-list strong { transition:transform .28s ease; }
.sector-list>div:hover strong { transform:translateX(2px); }
.contact-section { position:relative; overflow:hidden; }
.contact-section::after { content:""; position:absolute; right:-150px; top:-150px; width:440px; height:440px; border:1px solid #3A3B3E; transform:rotate(45deg); pointer-events:none; }
.contact-inner { position:relative; z-index:1; }
.contact-email { transition:padding .25s ease,opacity .25s ease; }
.contact-email:hover { opacity:.78; padding-right:4px; }
.footer a { transition:opacity .25s ease; }
.footer a:hover { opacity:.6; }

/* Scroll reveal is progressive enhancement: all content is visible without JS. */
@media (prefers-reduced-motion: no-preference) {
  .motion-enabled [data-reveal] { opacity:0; transform:translateY(28px); transition:opacity .75s cubic-bezier(.2,.8,.2,1),transform .75s cubic-bezier(.2,.8,.2,1); }
  .motion-enabled [data-reveal].is-visible { opacity:1; transform:translateY(0); }
  .motion-enabled .hero-main[data-reveal] { transition-delay:.04s; }
  .motion-enabled .hero-visual[data-reveal] { transition-delay:.13s; }
  .motion-enabled .offer:nth-child(2) { transition-delay:.1s; }
  .motion-enabled .offer:nth-child(3) { transition-delay:.2s; }
  .motion-enabled .step:nth-child(2) { transition-delay:.09s; }
  .motion-enabled .step:nth-child(3) { transition-delay:.18s; }
  @keyframes fine-arrival { from {transform:translateY(8px); opacity:0;} to {transform:translateY(0); opacity:1;} }
  .hero-visual .sheet-top,.hero-visual .sheet-title,.hero-visual .sheet-description { animation:fine-arrival .7s both; }
  .hero-visual .sheet-title {animation-delay:.22s; }
  .hero-visual .sheet-description {animation-delay:.38s; }
  .hero-visual .diagram-row:nth-of-type(1) {animation:fine-arrival .5s .52s both;}
  .hero-visual .diagram-row:nth-of-type(3) {animation:fine-arrival .5s .68s both;}
  .hero-visual .diagram-row:nth-of-type(5) {animation:fine-arrival .5s .84s both;}
}
@media (max-width:1190px) {
  .hero { gap:25px; }
  .statement-inner { grid-template-columns:170px 1fr auto; gap:27px; }
  .sheet-front { min-height:0; }
}
@media (max-width:870px) {
  .statement-inner { grid-template-columns:1fr auto; gap:15px; min-height:270px; padding-block:58px; }
  .statement-index { grid-column:1/-1; }
  .statement-inner p { font-size:clamp(36px,6vw,59px); }
  .statement-symbol { font-size:50px; }
  .hero-visual { max-width:600px; }
}
@media (max-width:600px) {
  .hero { gap:28px; }
  .hero-visual { height:392px; }
  .visual-caption { top:15px; left:16px; right:16px; font-size:7px; }
  .sheet-front { width:82%; height:76%; padding:14px 15px; }
  .sheet-back { width:79%; height:77%; }
  .sheet-title { font-size:clamp(29px,8.7vw,39px); margin-top:7px; }
  .coordinate { left:16px; right:16px; bottom:12px; font-size:6px; }
  .divider-path { display:none; }
  .section-divider { grid-template-columns:1fr auto; font-size:8px; }
  .statement-inner { min-height:260px; gap:8px; padding-block:52px; }
  .statement-inner p { font-size:clamp(33px,8.2vw,48px); }
  .statement-symbol { font-size:33px; }
  .statement-index { font-size:9px; }
  .method-steps .step { padding-top:13px; }
  .contact-section::after { right:-275px; top:-230px; }
  .offer::before { display:none; }
}
@media (prefers-reduced-motion:reduce) {
  *, *::before, *::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; }
  .motion-enabled [data-reveal] { opacity:1!important; transform:none!important; }
  .sheet-front {transform:rotate(-3deg)!important;}
  .sheet-back {transform:translate(18px,-1px) rotate(3.8deg)!important;}
}

/* 03 · Evidência simples de experiência de campo, sem dados de clientes. */
.experience-section { background:#E6E5DE; border-top:1px solid #D4D2CB; }
.experience-inner { display:grid; grid-template-columns:255px 1fr; gap:34px; padding-block:100px 112px; }
.experience-overline { font:500 10px/1.5 var(--mono); letter-spacing:.035em; color:#6E6E67; margin-bottom:22px; }
.experience-content h2 { font-size:clamp(38px,4.2vw,67px); font-weight:600; line-height:1.12; letter-spacing:-.055em; margin-bottom:25px; }
.experience-lede { font-size:17px; line-height:1.72; max-width:740px; color:#4D4E4A; margin-bottom:40px; }
.experience-examples { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); border-top:1px solid #B2B1A8; border-bottom:1px solid #B2B1A8; }
.experience-example { padding:24px 27px 26px 0; }
.experience-example+.experience-example { border-left:1px solid #B2B1A8; padding-left:27px; }
.experience-example span { display:block; font:500 10px/1.5 var(--mono); color:#767670; margin-bottom:16px; }
.experience-example strong { display:block; font-size:22px; font-weight:600; letter-spacing:-.035em; margin-bottom:10px; }
.experience-example p { font-size:14px; line-height:1.65; color:#66665F; margin:0; }
.experience-note { font:400 10px/1.5 var(--mono); color:#71716C; margin:18px 0 0; }
@media (max-width:1190px) { .experience-inner { grid-template-columns:170px 1fr; gap:27px; } }
@media (max-width:870px) { .experience-inner { grid-template-columns:1fr; gap:19px; padding-block:79px; } }
@media (max-width:600px) {
  .experience-inner { padding-block:72px; }
  .experience-content h2 { font-size:clamp(37px,9vw,47px); }
  .experience-lede { font-size:15px; }
  .experience-examples { grid-template-columns:1fr; }
  .experience-example { padding:22px 0!important; }
  .experience-example+.experience-example { border-left:0; border-top:1px solid #B2B1A8; }
  .experience-example strong { font-size:20px; }
}