@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&display=swap');
:root{--ink:#111111;--gold:#C6A86A;--paper:#f6f3ec;--muted:#625f57;--line:#d7d1c6}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.7}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #977029;outline-offset:6px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'EB Garamond',Georgia,serif;font-weight:400;line-height:1.04;letter-spacing:-.035em}h1{font-size:clamp(54px,5.9vw,90px);margin-bottom:28px}h2{font-size:clamp(40px,4.3vw,65px);margin-bottom:28px}h3{font-size:40px}em{font-weight:400;color:#80642e}p{margin-bottom:20px}.eyebrow,.section-label{font-size:10px;letter-spacing:2px;font-weight:600;line-height:1.5}.eyebrow{margin-bottom:25px}.skip{position:fixed;top:-100px;z-index:10;background:white;padding:10px}.skip:focus{top:0}header{min-height:105px;display:flex;align-items:center;justify-content:space-between;padding:16px 6%;border-bottom:1px solid var(--line);gap:30px}.brand{font-family:'EB Garamond',Georgia,serif;font-size:36px;letter-spacing:-1.8px;line-height:1.1;white-space:nowrap}.brand span{display:block;font:8px Arial;letter-spacing:2px;margin-top:9px}nav{display:flex;align-items:center;gap:28px;font-size:11px}nav a:hover{color:#80642e}.nav-cta{border-bottom:1px solid var(--ink);padding:9px 0;margin-left:14px}.nav-cta span{margin-left:25px}.menu{display:none}.hero{position:relative;display:grid;grid-template-columns:1.25fr 1fr;gap:6%;padding:65px 6% 85px}.hero-copy{padding:20px 0}.dot{display:inline-block;width:6px;height:6px;background:#947438;border-radius:50%;margin-right:8px}.intro{color:var(--muted);font-size:15px;line-height:1.8}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;border:1px solid transparent;padding:17px 24px;font-size:11px;font-weight:500;line-height:1.5;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.dark{background:var(--ink);color:var(--paper)}.dark:hover{background:#383126}.light{background:var(--paper);color:var(--ink)}.button span{font-size:19px}.hero-note{font-size:8px;letter-spacing:1.6px;line-height:1.7;margin-top:35px;color:var(--muted)}.hero-art{background:#242720;position:relative;min-height:585px;overflow:hidden;color:#e9dfca;padding:30px;display:flex;flex-direction:column;justify-content:space-between}.art-top,.art-bottom{font-size:8px;letter-spacing:1.6px;z-index:1}.art-bottom{display:flex;justify-content:space-between;border-top:1px solid #787565;padding-top:18px}.arch{position:absolute;inset:70px 45px -100px;border:1px solid #a69266;border-radius:250px 250px 0 0;transform:rotate(12deg);background:linear-gradient(120deg,#77705b22,#c6a86a19 40%,#0000)}.orb{width:210px;height:210px;background:radial-gradient(circle at 32% 24%,#f0dfb2,#b0935b 52%,#4a4735 90%);border-radius:50%;position:absolute;top:65px;left:35px;box-shadow:30px 40px 80px #0006}.line{height:600px;width:1px;background:#a692664f;position:absolute;top:170px;left:35%;transform:rotate(35deg)}.l2{left:52%}.l3{left:69%}.art-quote{z-index:1;font-family:'EB Garamond',Georgia,serif;font-size:53px;line-height:1.05;margin:230px 0 35px}.art-quote em{color:#d9c494}.scroll{position:absolute;bottom:23px;font-size:8px;letter-spacing:1.7px;display:flex;gap:30px}.section{padding:100px 8%;border-top:1px solid var(--line)}.vision{display:grid;grid-template-columns:1fr 2.2fr}.section-label{padding-top:10px}.vision-text{display:grid;grid-template-columns:1fr 1fr;gap:35px;max-width:720px;color:var(--muted);font-size:14px}.about{display:grid;grid-template-columns:1fr 1.25fr;gap:10%;align-items:center;background:#ece8df}.about>div>p:not(.eyebrow):not(.signature){max-width:490px;color:var(--muted)}.monogram{background:#dad3c4;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;border-radius:48% 48% 0 0}.monogram span{font:italic 180px 'EB Garamond',Georgia,serif;color:#605d4d}.monogram small{font-size:7px;letter-spacing:2px;position:absolute;bottom:35px}.signature{font-family:'EB Garamond',Georgia,serif;font-style:italic;font-size:30px;margin-top:28px}.paths-head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:40px}.paths-head>p{color:var(--muted);font-size:13px}.products{display:grid;grid-template-columns:1fr 1fr;gap:35px}.product{border-top:1px solid var(--ink);padding-top:18px}.product-top{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.3px}.product-art{height:235px;background:#e5e0d5;position:relative;overflow:hidden;display:grid;place-items:center;margin:23px 0 32px}.product-art>span:not(.asterisk){font:italic 100px 'EB Garamond',Georgia,serif;z-index:1}.rings{position:absolute;width:175px;height:175px;border:1px solid #97825d;border-radius:50%;box-shadow:0 0 0 22px #e5e0d5,0 0 0 23px #b3a285,0 0 0 45px #e5e0d5,0 0 0 46px #c6b99f}.product>p:not(.eyebrow){max-width:460px;color:var(--muted);font-size:14px}.product .fine{font-size:11px!important}.story-art{background:#bda77d;color:#2c2a23}.story-frame{font:35px/1 'EB Garamond',Georgia,serif;letter-spacing:-1px;border:1px solid #3e3d3066;padding:32px 22px;width:160px;transform:rotate(-8deg)}.story-frame em{color:#2c2a23}.asterisk{position:absolute;font-size:110px;right:40px;bottom:0;font-weight:100}.text-link{border:0;border-bottom:1px solid var(--ink);background:transparent;padding:12px 0;display:flex;align-items:center;justify-content:space-between;width:100%;text-align:left;font-size:12px;color:var(--ink);gap:15px}.text-link:hover{color:#80642e}.text-link span{font-size:22px}.agency{background:var(--ink);color:var(--paper);display:grid;grid-template-columns:1fr 1fr;gap:12%;border:0}.agency h2{font-size:80px;margin-bottom:25px}.gold{color:var(--gold)}.agency .eyebrow{color:var(--gold)}.agency-sub{font:37px/1.1 'EB Garamond',Georgia,serif}.agency p:not(.eyebrow):not(.agency-sub){color:#bcbab2;max-width:360px;font-size:14px}.agency .button{margin-top:18px}.services{padding-top:40px}.services article{display:flex;gap:28px;border-bottom:1px solid #46463e;padding:27px 0}.services article>span{color:var(--gold);font-size:10px;padding-top:5px}.services h3{font-size:32px;letter-spacing:-.5px;margin-bottom:13px}.services p{margin-bottom:0}.community{background:#e8e2d5}.community-inner{display:grid;grid-template-columns:1.2fr 1fr;gap:10%;align-items:center}.community-inner>div{max-width:430px;color:#514d44;font-size:14px}.mentoring{text-align:center;padding-top:110px;padding-bottom:110px}.mentoring>p:not(.eyebrow){max-width:570px;margin:0 auto 18px;color:var(--muted)}.mentoring .button{margin:18px 0}.mentoring small{display:block;font-size:10px;color:var(--muted)}.faq{display:grid;grid-template-columns:1fr 1.1fr;gap:9%}.faq h2{font-size:43px}details{border-bottom:1px solid var(--line);padding:20px 0}details:first-child{border-top:1px solid var(--line)}summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;font-size:13px;gap:24px}summary:after{content:'+'}details[open] summary:after{content:'−'}details p{font-size:13px;color:var(--muted);margin:20px 20px 0 0}footer{background:#eae6dd;padding:50px 6% 20px}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:30px;padding-bottom:40px}.footer-top p{font:23px/1.2 'EB Garamond',Georgia,serif;margin:0}.footer-top>a:last-child{font-size:11px}.footer-bottom{border-top:1px solid var(--line);padding-top:20px;display:flex;justify-content:space-between;gap:20px;font-size:9px;color:var(--muted)}.privacy{font-size:10px;background:transparent;border:0;text-decoration:underline;color:inherit}dialog{border:1px solid var(--line);background:var(--paper);padding:50px;max-width:520px;width:calc(100% - 32px);color:var(--ink)}dialog::backdrop{background:#111a;backdrop-filter:blur(5px)}dialog h2{font-size:48px}dialog p:not(.eyebrow){color:var(--muted);font-size:14px}.close{position:absolute;right:18px;top:10px;border:0;background:transparent;font-size:28px}.close-button{margin-top:12px}
@media(min-width:1500px){body{max-width:1600px;margin:auto}}@media(max-width:1000px){header{padding:18px 5%}nav{gap:18px}.nav-cta{margin:0}.hero{padding:45px 5% 75px;gap:4%}.hero-art{min-height:520px;padding:23px}.arch{inset:70px 25px -80px}.orb{width:160px;height:160px;left:20px}.art-quote{font-size:43px}.section{padding:75px 6%}.monogram span{font-size:130px}.asterisk{right:18px;font-size:85px}.agency{gap:8%}.agency h2{font-size:65px}}@media(max-width:760px){html{scroll-padding-top:20px}header{flex-wrap:wrap;min-height:90px}.brand{font-size:31px}.brand span{font-size:7px}.menu{display:flex;background:transparent;border:1px solid var(--line);padding:8px 13px;gap:18px;font-size:12px}nav{display:none;width:100%;padding:15px 0;flex-direction:column;align-items:stretch;font-size:14px}nav.open{display:flex}nav a{padding:10px}.nav-cta{display:flex;justify-content:space-between}.hero{grid-template-columns:1fr;padding:35px 6% 65px}.hero-copy{padding:0}.hero h1{font-size:clamp(49px,10vw,74px)}.eyebrow{font-size:9px;letter-spacing:1.4px}.hero-note{margin:28px 0}.hero-art{min-height:410px;max-height:440px}.arch{inset:35px 20% -120px}.orb{top:45px;width:175px;height:175px}.art-quote{margin:180px 0 20px;font-size:48px}.art-top{font-size:7px}.scroll{bottom:17px}.section{padding:60px 6%}.vision,.about,.community-inner,.agency,.faq{grid-template-columns:1fr;gap:30px}.section-label{margin-bottom:15px}.vision-text{grid-template-columns:1fr;gap:0}.vision h2{font-size:44px}.about .monogram{max-width:360px;width:100%;margin:0 auto 15px}.paths-head{display:block;margin-bottom:30px}.paths-head>p{margin-top:20px}.products{grid-template-columns:1fr;gap:45px}.product-art{height:250px}.product h3{font-size:42px}.product>p:not(.eyebrow){max-width:none}.agency{gap:20px}.services{padding-top:0}.agency h2{font-size:65px}.services article{padding:22px 0}.community h2{margin-bottom:0}.community-inner>div{max-width:none}.mentoring h2{font-size:46px}.mentoring .button{font-size:10px;gap:20px}.mentoring small{max-width:280px;margin:auto}.footer-top{align-items:start;flex-direction:column;gap:25px}.footer-bottom{flex-wrap:wrap;justify-content:start}.footer-bottom>span:last-child{width:100%;font-size:8px}dialog{padding:38px 25px}dialog h2{font-size:43px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Ajustes editoriais restritos ao hero e à seção de autoridade. */
.hero-description{max-width:430px;font-size:13px;line-height:1.85;color:var(--muted);margin:0 0 27px;text-wrap:pretty}
.vision>div{min-width:0}
.vision .authority-heading{font-size:clamp(32px,3.1vw,48px);line-height:1.16;letter-spacing:-.015em;margin-bottom:36px;text-wrap:balance}
.authority-heading span{display:block}
.authority-heading span+span{margin-top:18px}
.vision .vision-text{display:block;max-width:600px;line-height:1.85;text-wrap:pretty}
.vision .vision-text p{margin-bottom:0}
@media(max-width:760px){.hero-description{font-size:12px;max-width:420px;margin-bottom:25px}.vision .authority-heading{font-size:clamp(29px,6.4vw,43px);line-height:1.2;margin-bottom:28px}.authority-heading span+span{margin-top:20px}.vision .vision-text{font-size:14px}}
/* CTAs em dourado amarelado, com contraste e presença. */
:root{--cta-gold:#E2BE57;--cta-hover:#EBCB70}
.button.dark,.button.light{background:var(--cta-gold);color:#111111;border-color:var(--cta-gold)}
.button.dark:hover,.button.light:hover{background:var(--cta-hover);border-color:var(--cta-hover)}
.text-link{background:var(--cta-gold);color:#111111;border:1px solid var(--cta-gold);padding:13px 20px;margin-top:18px;transition:background .2s,border-color .2s}
.text-link:hover{background:var(--cta-hover);border-color:var(--cta-hover);color:#111111}
.nav-cta{background:var(--cta-gold);color:#111111;padding:11px 17px;border:1px solid var(--cta-gold)}
nav .nav-cta:hover{background:var(--cta-hover);border-color:var(--cta-hover);color:#111111}
@media(prefers-reduced-motion:reduce){.text-link{transition:none}}

/* Fotografias: recortes responsivos, sem texto sobre o retrato. */
.hero-art.hero-photo{padding:0;background:#c4b9a8;min-height:585px}
.hero-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:57% center}
.about-photo{width:100%;aspect-ratio:3/4;overflow:hidden;background:#d6caba}
.about-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 38%}
@media(max-width:1000px){.hero-art.hero-photo{min-height:540px}}
@media(max-width:760px){.hero-art.hero-photo{min-height:0;max-height:none;aspect-ratio:6/5}.hero-photo img{object-position:center center}.about-photo{max-width:420px;margin:0 auto 15px}}

/* CTA champanhe: brilho em ciclo de 4s, com movimento contido. */
:is(.button,.text-link,.nav-cta){position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:18px;max-width:100%;min-height:54px;padding:9px 10px 9px 24px;border-radius:999px;border:1px solid #c6a34a;background:#d4af5a;background:linear-gradient(110deg,#c6a34a 0%,#d4af5a 30%,#d9b85f 65%,#e8cc7a 100%);color:#111;font-size:11px;font-weight:600;letter-spacing:.075em;text-transform:uppercase;text-align:center;line-height:1.5;box-shadow:0 5px 15px #6b4f1d18;transition:transform .35s ease,filter .35s ease,box-shadow .35s ease}
:is(.button.dark,.button.light,.text-link,.nav-cta){border-color:#c6a34a;background:linear-gradient(110deg,#c6a34a 0%,#d4af5a 30%,#d9b85f 65%,#e8cc7a 100%);color:#111}
:is(.button,.text-link,.nav-cta)::before{content:"";position:absolute;z-index:-1;pointer-events:none;inset:-40% auto -40% 0;width:38%;background:linear-gradient(100deg,transparent,rgba(255,249,221,.32),transparent);transform:translateX(-150%) skewX(-18deg);animation:cta-sheen 4s ease-in-out infinite}
:is(.button,.text-link,.nav-cta) .cta-label{flex:1;min-width:0;margin:0;font-size:inherit;letter-spacing:inherit}
:is(.button,.text-link,.nav-cta) .cta-icon{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;margin:0;border-radius:50%;background:#faf3df;color:#967126;font-size:19px;line-height:1}
:is(.button,.text-link,.nav-cta) .cta-arrow{display:block;margin:0;font-size:19px;animation:cta-arrow-drift 4s ease-in-out infinite}
@keyframes cta-sheen{0%,12%{transform:translateX(-150%) skewX(-18deg);opacity:0}18%{opacity:1}66%{transform:translateX(400%) skewX(-18deg);opacity:1}70%,100%{transform:translateX(400%) skewX(-18deg);opacity:0}}
@keyframes cta-arrow-drift{0%,30%,70%,100%{transform:translate(0,0)}48%,54%{transform:translate(2px,-2px)}}
@media(hover:hover) and (pointer:fine){:is(.button.dark,.button.light,.text-link,nav .nav-cta):hover{background:linear-gradient(110deg,#c6a34a 0%,#d4af5a 30%,#d9b85f 65%,#e8cc7a 100%);color:#111;border-color:#c6a34a;transform:scale(1.025);filter:brightness(1.045);box-shadow:0 7px 19px #6b4f1d24}:is(.button,.text-link,.nav-cta):hover .cta-icon{transform:translate(1px,-1px)}}
:is(.button,.text-link,.nav-cta) .cta-icon{transition:transform .35s ease}
@media(max-width:760px){:is(.button,.text-link,.nav-cta){font-size:10px;gap:12px;padding-left:19px}.mentoring .button{gap:12px}.nav-cta{width:100%}}
@media(prefers-reduced-motion:reduce){:is(.button,.text-link,.nav-cta)::before{animation:none;opacity:0}:is(.button,.text-link,.nav-cta) .cta-arrow{animation:none}:is(.button,.text-link,.nav-cta),:is(.button,.text-link,.nav-cta) .cta-icon{transition:none;transform:none!important}}

/* Identidade SR fornecida: enquadramento da arte original, sem distorção. */
.logo-mark{display:inline-block;position:relative;overflow:hidden;width:80px;height:88px;vertical-align:middle;background:#eeeae1;flex-shrink:0;line-height:0}
.logo-mark img{display:block;position:absolute;max-width:none;width:210%;height:140%;left:-55%;top:-20%;object-fit:cover}
.brand{display:inline-flex;align-items:center;letter-spacing:normal;line-height:1}
.brand .logo-mark{display:inline-block;font:inherit;letter-spacing:normal;margin:0}
.logo-mark.logo-intro{display:block;width:95px;height:105px;margin:0 0 24px}
.signature .logo-signature{width:70px;height:78px}
.footer-bottom>span:first-child{display:flex;align-items:center;flex-wrap:wrap;gap:6px}
.logo-mark.logo-legal{width:27px;height:30px}
.dialog-brand{margin:0 0 24px}
.dialog-brand .logo-mark{width:60px;height:66px}
@media(max-width:760px){.brand .logo-mark{width:64px;height:70px}.logo-mark.logo-intro{width:80px;height:88px}}

/* Logo transparente no cabeçalho; legenda nativa para nitidez em telas pequenas. */
header .brand .header-identity{display:flex;flex-direction:column;align-items:center;gap:5px;margin:0;width:198px;font:inherit;letter-spacing:normal;background:transparent}
header .brand .header-monogram{display:block;position:relative;overflow:hidden;width:64px;height:70px;margin:0;background:transparent}
header .header-monogram img{position:absolute;display:block;width:126px;height:84px;max-width:none;left:-31px;top:-1px;object-fit:contain}
header .brand .header-tagline{display:block;margin:0;font-family:Georgia,serif;font-size:8px;font-weight:400;line-height:1.3;letter-spacing:1.5px;color:#765b35;white-space:nowrap}
@media(max-width:760px){header .brand .header-identity{width:175px;gap:4px}header .brand .header-monogram{width:57px;height:62px}header .header-monogram img{width:112px;height:75px;left:-27px;top:-1px}header .brand .header-tagline{font-size:7px;letter-spacing:1.2px}}

/* Logo exclusiva do hero; nome em texto nos demais pontos. */
.brand{display:block;font-family:'EB Garamond',Georgia,serif;font-size:36px;letter-spacing:-1.8px;line-height:1.1}
@media(max-width:760px){.brand{font-size:31px}}

.hero-identity{width:170px;max-width:48%;margin:0 0 25px}.hero-identity img{display:block;width:100%;height:auto}@media(max-width:760px){.hero-identity{width:145px;margin-bottom:22px}}

/* Imagem editorial da seção de posicionamento e autoridade. */
.vision{grid-template-columns:minmax(0,1fr) minmax(0,1.65fr);gap:7%;align-items:center}
.authority-visual .section-label{font-size:9px;letter-spacing:1.4px;margin-bottom:24px}
.authority-image{margin:0;width:100%;aspect-ratio:4/5;overflow:hidden}
.authority-image img{display:block;width:100%;height:100%;object-fit:cover}
@media(max-width:760px){.vision{grid-template-columns:1fr;gap:35px}.authority-image{max-width:420px;margin:0 auto;aspect-ratio:5/4}.authority-image img{object-position:center 55%}}

/* Mentoria: retrato vertical e composição editorial assimétrica. */
.mentoring{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);align-items:center;gap:10%;text-align:left;background:#eee9df}
.mentoring-portrait{margin:0;padding:0 0 28px;position:relative}
.mentoring-portrait img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;object-position:center 40%}
.mentoring-portrait figcaption{margin-top:18px;font-size:8px;letter-spacing:1.7px;color:var(--muted)}
.mentoring-copy{min-width:0;padding:35px 0}
.mentoring-copy h2{font-size:clamp(40px,4.2vw,64px);line-height:1.08}
.mentoring-copy>p:not(.eyebrow){max-width:460px;font-size:14px;color:var(--muted);margin-bottom:20px}
.mentoring-copy .button{margin:14px 0 20px}
.mentoring-copy>small{max-width:340px;line-height:1.7;margin:0}
@media(max-width:760px){.mentoring{grid-template-columns:1fr;gap:6px}.mentoring-portrait{max-width:420px;width:100%;margin:0 auto}.mentoring-copy{padding:18px 0 0}.mentoring-copy h2{font-size:46px}.mentoring-copy>small{margin:0}.mentoring-portrait figcaption{font-size:7px}}

/* Recorte editorial de metade do rosto, preservando a fotografia original. */
.authority-image.authority-half-face{position:relative;aspect-ratio:4/5;background:#c7c5c1}
.authority-image.authority-half-face img{position:absolute;width:200%;max-width:none;height:auto;left:-87%;top:-10%;object-fit:initial}
@media(max-width:760px){.authority-image.authority-half-face{aspect-ratio:4/5;max-width:380px}.authority-image.authority-half-face img{object-position:initial}}

/* Faixa contínua entre o hero e a seção de posicionamento. */
.brand-ribbon{overflow:hidden;background:#111;color:#dbc080;border-top:1px solid #c6a86a55;border-bottom:1px solid #c6a86a55;padding:21px 0}
.ribbon-track{display:flex;width:max-content;animation:ribbon-flow 42s linear infinite}
.ribbon-group{display:flex;flex:none;align-items:center;gap:38px;padding-right:38px;white-space:nowrap}
.ribbon-group span{font-family:'EB Garamond',Georgia,serif;font-size:23px;font-weight:400;letter-spacing:.11em;line-height:1.2}
.ribbon-group i{font-size:12px;font-style:normal;color:#c6a86a}
@keyframes ribbon-flow{from{transform:translateX(0)}to{transform:translateX(-25%)}}
.brand-ribbon:hover .ribbon-track{animation-play-state:paused}
@media(max-width:760px){.brand-ribbon{padding:18px 0}.ribbon-group{gap:25px;padding-right:25px}.ribbon-group span{font-size:19px;letter-spacing:.08em}}
@media(prefers-reduced-motion:reduce){.ribbon-track{animation:none;width:100%;justify-content:center}.ribbon-group{display:none}.ribbon-group:first-child{display:flex;flex-wrap:wrap;justify-content:center;white-space:normal;gap:14px 22px;padding:0 20px}.ribbon-group span{font-size:16px}.ribbon-group i:last-child{display:none}}
/* Faixa editorial discreta: ritmo lento e dourado pontual. */
.brand-ribbon{background:var(--paper);color:#514a3e;border-top:1px solid #c6a86a45;border-bottom:1px solid #c6a86a45;padding:24px 0;position:relative}
.brand-ribbon::before,.brand-ribbon::after{content:"";position:absolute;top:0;bottom:0;width:70px;z-index:1;pointer-events:none}
.brand-ribbon::before{left:0;background:linear-gradient(90deg,var(--paper),transparent)}
.brand-ribbon::after{right:0;background:linear-gradient(270deg,var(--paper),transparent)}
.ribbon-track{animation-duration:70s}
.ribbon-group{gap:48px;padding-right:48px}
.ribbon-group span{font-size:19px;font-weight:400;letter-spacing:.16em}
.ribbon-group i{font-size:0;width:22px;height:1px;background:#b69758;display:block;flex:none}
@media(max-width:760px){.brand-ribbon{padding:21px 0}.ribbon-group{gap:32px;padding-right:32px}.ribbon-group span{font-size:16px;letter-spacing:.12em}.ribbon-group i{width:16px}.brand-ribbon::before,.brand-ribbon::after{width:35px}}
@media(prefers-reduced-motion:reduce){.brand-ribbon::before,.brand-ribbon::after{display:none}.ribbon-group:first-child{gap:15px 22px;padding:0 20px}.ribbon-group span{font-size:15px}}

/* Assinatura editorial: uma frase, três nuances. */
.presence-band{display:flex;align-items:center;justify-content:center;gap:40px;padding:30px 6%;background:#eee8dc;border-top:1px solid #c6a86a35;border-bottom:1px solid #c6a86a35}
.presence-rule{height:1px;width:75px;background:#c6a86a70;flex-shrink:1}
.presence-line{display:flex;align-items:baseline;gap:12px;font-family:'EB Garamond',Georgia,serif;font-size:30px;line-height:1.4;letter-spacing:-.02em;color:#504a3f;white-space:nowrap}
.presence-words{position:relative;display:inline-block;width:145px;height:1.4em;vertical-align:bottom}
.presence-words em{position:absolute;inset:0;color:#8b6a32;font-weight:400;opacity:0;animation:presence-cycle 12s ease-in-out infinite}
.presence-words em:nth-child(2){animation-delay:4s}.presence-words em:nth-child(3){animation-delay:8s}
@keyframes presence-cycle{0%{opacity:0;transform:translateY(5px)}5%,27%{opacity:1;transform:translateY(0)}33%,100%{opacity:0;transform:translateY(-5px)}}
@media(max-width:760px){.presence-band{padding:25px 6%;gap:15px}.presence-rule{width:26px}.presence-line{flex-direction:column;align-items:center;gap:0;font-size:25px}.presence-words{width:140px;text-align:center}}
@media(prefers-reduced-motion:reduce){.presence-words em{animation:none;opacity:0;transform:none}.presence-words em:first-child{opacity:1}}

/* Faixa horizontal em movimento contínuo. */
.brand-ribbon{background:#eee8dc;padding:25px 0}
.brand-ribbon::before{background:linear-gradient(90deg,#eee8dc,transparent)}
.brand-ribbon::after{background:linear-gradient(270deg,#eee8dc,transparent)}
.ribbon-track{animation:ribbon-flow 36s linear infinite}
.brand-ribbon:hover .ribbon-track{animation-play-state:running}
.ribbon-group span{font-size:26px;letter-spacing:.015em;color:#62543c}
.ribbon-group i{width:4px;height:4px;border-radius:50%;background:#b69758}
@media(max-width:760px){.brand-ribbon{padding:21px 0}.ribbon-group span{font-size:22px}}
@media(prefers-reduced-motion:reduce){.ribbon-track{animation:none}.ribbon-group span{font-size:18px}}
/* Faixa escura com tipografia editorial em dourado suave. */
.brand-ribbon{background:#29251f;border-color:#c6a86a40}
.brand-ribbon::before{background:linear-gradient(90deg,#29251f,transparent)}
.brand-ribbon::after{background:linear-gradient(270deg,#29251f,transparent)}
.ribbon-group span{font-family:'EB Garamond',Georgia,serif;font-weight:400;font-style:italic;color:#e1cfaa;letter-spacing:.035em}
.ribbon-group i{background:#b89a60}
/* Faixa mais fina. */
.brand-ribbon{padding:12px 0}
.ribbon-group span{font-size:23px}
@media(max-width:760px){.brand-ribbon{padding:10px 0}.ribbon-group span{font-size:20px}}
@media(prefers-reduced-motion:reduce){.ribbon-group span{font-size:18px}}

/* Díptico editorial: fragmentos do rosto emolduram a mensagem. */
.vision.authority-split{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.5fr) minmax(0,.75fr);gap:4%;align-items:center;padding:85px 0;overflow:hidden}
.authority-center{text-align:center;padding:20px 0}
.authority-center .section-label{font-size:9px;letter-spacing:1.5px;margin-bottom:32px}
.authority-split .authority-heading{font-size:clamp(29px,3vw,46px);line-height:1.16;margin-bottom:30px}
.authority-split .vision-text{max-width:470px;margin:auto;font-size:13px;line-height:1.85}
.split-portrait{position:relative;margin:0;overflow:hidden;height:clamp(420px,44vw,650px);background:#cac8c4}
.split-portrait img{position:absolute;display:block;max-width:none;width:240%;height:auto;top:-3%}
.split-left{align-self:start}
.split-left img{left:-48%;transform:rotate(-5deg) scale(1.08);transform-origin:50% 35%}
.split-right{margin-top:65px}
.split-right img{left:-123%;top:-8%;transform:rotate(5deg) scale(1.08);transform-origin:50% 35%}
@media(max-width:760px){.vision.authority-split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:25px 18px;padding:45px 6% 60px}.authority-center{grid-column:1/-1;grid-row:2;padding:10px 0 0}.split-portrait{height:270px}.split-left{grid-column:1;grid-row:1}.split-right{grid-column:2;grid-row:1;margin-top:30px}.split-portrait img{width:245%;top:-6%}.split-left img{left:-48%}.split-right img{left:-125%;top:-10%}.authority-split .authority-heading{font-size:clamp(28px,7vw,40px)}.authority-center .section-label{margin-bottom:25px}.authority-split .vision-text{text-align:left;font-size:14px}}

/* Composição de revista: olhar e detalhe em faixas desencontradas. */
.vision.authority-magazine{grid-template-columns:repeat(12,minmax(0,1fr));gap:0;padding:80px 8% 90px;overflow:hidden}
.authority-magazine .split-portrait{width:100%;height:210px;align-self:auto;background:#c7c5c1}
.authority-magazine .split-left{grid-column:1/9;grid-row:1;margin:0}
.authority-magazine .split-right{grid-column:6/13;grid-row:3;margin:0}
.authority-magazine .split-portrait img{width:100%;height:auto;transform:none;left:0;max-width:none}
.authority-magazine .split-left img{top:0;transform:translateY(-23%)}
.authority-magazine .split-right img{top:0;transform:translateY(-39%)}
.authority-magazine .authority-center{grid-column:2/12;grid-row:2;text-align:center;padding:55px 0}
.authority-magazine .authority-heading{font-size:clamp(30px,3.5vw,53px);line-height:1.1;max-width:820px;margin:0 auto 28px}
.authority-magazine .authority-heading span:first-child{font-size:clamp(40px,5vw,76px);margin-bottom:18px}
.authority-magazine .authority-heading span+span{font-size:.65em;letter-spacing:.015em;line-height:1.3;margin-top:0}
.authority-magazine .vision-text{max-width:620px;font-size:14px;line-height:1.85}
.authority-magazine .section-label{margin-bottom:25px}
@media(min-width:1500px){.authority-magazine .split-portrait{height:240px}}
@media(max-width:760px){.vision.authority-magazine{grid-template-columns:repeat(12,minmax(0,1fr));padding:50px 6% 60px;gap:0}.authority-magazine .split-left{grid-column:1/12;grid-row:1}.authority-magazine .split-right{grid-column:3/13;grid-row:3;margin:0}.authority-magazine .split-portrait{height:130px}.authority-magazine .authority-center{grid-column:1/-1;grid-row:2;padding:35px 0}.authority-magazine .authority-heading{font-size:32px}.authority-magazine .authority-heading span:first-child{font-size:clamp(37px,9.5vw,56px)}.authority-magazine .authority-heading span+span{font-size:22px}.authority-magazine .vision-text{text-align:left;font-size:14px}.authority-magazine .section-label{font-size:8px;letter-spacing:1.3px}.authority-magazine .split-left img{transform:translateY(-21%)}.authority-magazine .split-right img{transform:translateY(-35%)}}
/* Composição editorial mais compacta. */
.vision.authority-magazine{padding-top:48px;padding-bottom:48px}
.authority-magazine .split-portrait{height:135px}
.authority-magazine .authority-center{padding:28px 0}
.authority-magazine .section-label{margin-bottom:18px}
.authority-magazine .authority-heading{margin-bottom:20px}
.authority-magazine .authority-heading span:first-child{font-size:clamp(38px,4.2vw,62px);margin-bottom:12px}
.authority-magazine .vision-text{max-width:680px;font-size:13px;line-height:1.7}
@media(max-width:760px){.vision.authority-magazine{padding-top:32px;padding-bottom:32px}.authority-magazine .split-portrait{height:90px}.authority-magazine .authority-center{padding:24px 0}.authority-magazine .authority-heading span:first-child{font-size:clamp(34px,8.5vw,47px)}.authority-magazine .authority-heading span+span{font-size:20px}.authority-magazine .vision-text{font-size:13px;line-height:1.75}}

/* Anotação de caneta ao redor da palavra percebido. */
.authority-magazine .authority-heading .pen-highlight{display:inline-block;position:relative;isolation:isolate;white-space:nowrap;font-size:inherit;line-height:inherit;letter-spacing:inherit;margin:0 .16em;padding:0 .12em;color:#765724}
.pen-circle{position:absolute;pointer-events:none;overflow:visible;left:-8%;top:-22%;width:116%;height:148%;z-index:-1;transform:rotate(-4deg)}
.pen-circle path{fill:none;stroke:#b18b42;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}

/* Nota editorial fixada por alfinete, à esquerda do segundo recorte. */
.authority-magazine .strategy-note{grid-column:1/5;grid-row:3;align-self:center;position:relative;z-index:1;background:#e7d8ad;color:#494033;padding:36px 25px 26px;margin:12px 5px 12px 0;transform:rotate(-3deg);box-shadow:2px 6px 12px #372b1715;border-radius:1px}
.strategy-note p{font-family:'EB Garamond',Georgia,serif;font-size:20px;line-height:1.35;letter-spacing:0;margin:0}
.note-pin{position:absolute;width:11px;height:11px;left:50%;top:12px;border-radius:50%;background:radial-gradient(circle at 32% 28%,#f1e2bc,#aa8240 58%,#6d542f);box-shadow:1px 3px 3px #30251438;transform:translateX(-50%)}
.note-pin::after{content:"";position:absolute;left:5px;top:9px;width:1px;height:8px;background:#776c58;transform:rotate(-24deg);transform-origin:top}
@media(max-width:1000px){.authority-magazine .strategy-note{grid-column:1/6;padding:32px 20px 22px}.strategy-note p{font-size:18px}.authority-magazine .split-right{grid-column:7/13}}
@media(max-width:760px){.authority-magazine .strategy-note{grid-column:1/11;grid-row:3;max-width:330px;justify-self:start;margin:8px 0 30px;padding:32px 24px 24px}.strategy-note p{font-size:20px}.authority-magazine .split-right{grid-column:3/13;grid-row:4}}
/* Refinamento da composição editorial e da nota. */
.vision.authority-magazine{padding-top:55px;padding-bottom:60px;row-gap:5px}
.authority-magazine .split-left{grid-column:1/10;height:150px}
.authority-magazine .split-right{grid-column:6/13;height:185px;align-self:center}
.authority-magazine .authority-center{grid-column:2/12;padding:32px 0 35px}
.authority-magazine .authority-heading span:first-child{font-size:clamp(38px,4.6vw,66px);letter-spacing:-.035em;margin-bottom:17px}
.authority-magazine .authority-heading span+span{font-size:.62em;line-height:1.45;max-width:620px;margin-left:auto;margin-right:auto}
.authority-magazine .authority-heading .pen-highlight{font-size:inherit;line-height:inherit;letter-spacing:inherit;margin:0 .16em}
.authority-magazine .vision-text{font-size:13px;max-width:480px;color:#746c60}
.authority-magazine .strategy-note{grid-column:1/5;max-width:310px;justify-self:center;background:linear-gradient(135deg,#eee3c4,#e7d7ae);padding:36px 27px 30px;transform:rotate(-2deg);box-shadow:0 1px 1px #392a1610,3px 10px 19px -10px #392a1640;border:1px solid #b69d6b20}
.strategy-note::after{content:"";position:absolute;bottom:0;right:0;width:17px;height:17px;background:linear-gradient(135deg,#cbbb9625 49%,#f6f3ec 51%);pointer-events:none}
.strategy-note p{font-size:21px;line-height:1.4;color:#544632;text-wrap:pretty}
.note-pin{width:8px;height:8px;top:13px;box-shadow:1px 2px 3px #30251430}
.note-pin::after{left:4px;top:7px;height:7px}
@media(max-width:1000px){.authority-magazine .strategy-note{grid-column:1/6;margin-right:20px;padding:32px 22px 26px}.strategy-note p{font-size:19px}.authority-magazine .split-right{grid-column:7/13}}
@media(max-width:760px){.vision.authority-magazine{padding-top:35px;padding-bottom:42px;row-gap:0}.authority-magazine .split-left{grid-column:1/12;height:100px}.authority-magazine .authority-center{grid-column:1/-1;padding:28px 0}.authority-magazine .authority-heading span:first-child{font-size:clamp(34px,8.5vw,47px);margin-bottom:15px}.authority-magazine .authority-heading span+span{font-size:20px;line-height:1.45}.authority-magazine .authority-heading .pen-highlight{font-size:inherit;margin:0 .16em}.authority-magazine .strategy-note{grid-column:1/11;grid-row:3;justify-self:start;margin:5px 0 30px 4px;max-width:300px;padding:32px 25px 27px}.strategy-note p{font-size:20px}.authority-magazine .split-right{grid-column:3/13;grid-row:4;height:125px}}

/* Capa editorial: retrato único, anotação e mensagem. */
.vision.authority-cover{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:8%;align-items:center;padding:65px 8% 95px;overflow:visible}
.cover-visual{position:relative;min-width:0;padding-bottom:62px}
.cover-portrait{margin:0;width:100%;height:460px;overflow:hidden;background:#c9c7c3}
.cover-portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 25%}
.authority-cover .strategy-note{position:absolute;right:-24px;bottom:0;width:245px;max-width:75%;margin:0;padding:28px 22px 24px;transform:rotate(-3deg)}
.authority-cover .strategy-note p{font-size:18px;line-height:1.35}
.authority-cover .authority-center{grid-column:auto;grid-row:auto;text-align:left;padding:0;min-width:0}
.authority-cover .authority-heading{margin:0 0 28px;max-width:none;font-size:clamp(32px,3.6vw,52px)}
.authority-cover .authority-heading span:first-child{font-size:clamp(43px,4.7vw,68px);line-height:1.02;letter-spacing:-.035em;margin:0 0 25px}
.authority-cover .authority-heading span+span{font-size:.62em;line-height:1.45;max-width:none;margin:0}
.authority-cover .authority-heading .pen-highlight{font-size:inherit;line-height:inherit;margin:0 .16em;padding:0 .12em;letter-spacing:inherit}
.authority-cover .vision-text{font-size:14px;max-width:380px;margin:0;line-height:1.8}
@media(max-width:1000px){.vision.authority-cover{gap:7%;padding-left:6%;padding-right:6%}.cover-portrait{height:430px}.authority-cover .strategy-note{right:-15px;width:225px}.authority-cover .strategy-note p{font-size:17px}}
@media(max-width:760px){.vision.authority-cover{grid-template-columns:1fr;gap:35px;padding:45px 6% 55px}.cover-visual{max-width:420px;width:100%;margin:auto;padding-bottom:70px}.cover-portrait{height:380px}.authority-cover .strategy-note{right:-4px;width:235px;padding:28px 22px 24px}.authority-cover .strategy-note p{font-size:18px}.authority-cover .authority-center{grid-column:1;grid-row:auto;padding:0}.authority-cover .authority-heading span:first-child{font-size:clamp(43px,11vw,62px);margin-bottom:20px}.authority-cover .authority-heading span+span{font-size:23px}.authority-cover .authority-heading .pen-highlight{font-size:inherit;margin:0 .16em}.authority-cover .vision-text{max-width:none}}
/* Close no olhar, sem exibir o rosto inteiro. */
.authority-cover .cover-portrait{position:relative}
.authority-cover .cover-portrait img{position:absolute;width:255%;max-width:none;height:auto;left:-77%;top:50%;object-fit:initial;transform:translateY(-29%)}
/* Olhar em formato horizontal, com enquadramento mais aberto. */
.authority-cover .cover-portrait{height:290px}
.authority-cover .cover-portrait img{width:190%;left:-45%;top:50%;transform:translateY(-29%)}
@media(max-width:1000px){.authority-cover .cover-portrait{height:250px}}
@media(max-width:760px){.authority-cover .cover-portrait{height:230px}.authority-cover .cover-portrait img{width:180%;left:-40%}}
/* Retrato mais afastado dentro do enquadramento horizontal. */
.authority-cover .cover-portrait img{width:140%;left:-20%;top:50%;transform:translateY(-31%)}
@media(max-width:760px){.authority-cover .cover-portrait img{width:135%;left:-17.5%}}
/* Nota abaixo da fotografia, sem sobreposição no rosto. */
.authority-cover .cover-visual{padding-bottom:0}
.authority-cover .strategy-note{position:relative;right:auto;bottom:auto;width:285px;max-width:90%;margin:26px 0 0 10px;transform:rotate(-2deg)}
@media(max-width:760px){.authority-cover .cover-visual{padding-bottom:0}.authority-cover .strategy-note{right:auto;width:285px;margin:24px 0 0 7px}}
/* Post-it menor, preservando a leitura. */
.authority-cover .strategy-note{width:235px;max-width:85%;padding:26px 18px 20px;margin-top:22px}
.authority-cover .strategy-note p{font-size:16px;line-height:1.35}
@media(max-width:760px){.authority-cover .strategy-note{width:225px;padding:26px 18px 20px;margin-top:22px}.authority-cover .strategy-note p{font-size:16px}}
/* Nota na lateral da fotografia, tocando a borda inferior. */
.authority-cover .cover-visual{padding-bottom:140px}
.authority-cover .strategy-note{position:absolute;right:-22px;bottom:0;width:235px;max-width:85%;margin:0;transform:rotate(-2deg)}
@media(max-width:1000px){.authority-cover .strategy-note{right:-12px}}
@media(max-width:760px){.authority-cover .cover-visual{padding-bottom:145px}.authority-cover .strategy-note{right:-4px;bottom:0;width:225px;margin:0}}
/* Foto deslocada para cima, incluindo a boca no recorte. */
.authority-cover .cover-portrait img{transform:translateY(-41%)}
/* Enquadramento mais aberto, reunindo olhos e boca. */
.authority-cover .cover-portrait img{width:115%;left:-7.5%;top:50%;transform:translateY(-40%)}
@media(max-width:760px){.authority-cover .cover-portrait img{width:110%;left:-5%;transform:translateY(-40%)}}
/* Retrato panorâmico, mantendo olhos e boca no centro. */
.authority-cover .cover-portrait{height:auto;aspect-ratio:2/1}
.authority-cover .cover-portrait img{width:100%;left:0;top:50%;transform:translateY(-39%)}
@media(max-width:1000px){.authority-cover .cover-portrait{height:auto;aspect-ratio:2/1}}
@media(max-width:760px){.authority-cover .cover-portrait{height:auto;aspect-ratio:2/1}.authority-cover .cover-portrait img{width:100%;left:0;transform:translateY(-39%)}}
/* Enquadramento escolhido: versão foto-boca. */
.authority-cover .cover-portrait{height:290px;aspect-ratio:auto}
.authority-cover .cover-portrait img{width:140%;left:-20%;top:50%;transform:translateY(-41%)}
@media(max-width:1000px){.authority-cover .cover-portrait{height:250px;aspect-ratio:auto}}
@media(max-width:760px){.authority-cover .cover-portrait{height:230px;aspect-ratio:auto}.authority-cover .cover-portrait img{width:135%;left:-17.5%;transform:translateY(-41%)}}
/* Ajuste fino: post-it 8px à direita. */
.authority-cover .strategy-note{right:-30px}
@media(max-width:1000px){.authority-cover .strategy-note{right:-20px}}
@media(max-width:760px){.authority-cover .strategy-note{right:-12px}}
/* Alfinete de costura atravessando o papel, com sombra localizada. */
.authority-cover .note-pin{position:absolute;left:51%;top:5px;width:5px;height:28px;border-radius:2px;transform:translateX(-50%) rotate(-33deg);transform-origin:50% 80%;background:linear-gradient(90deg,#6c6a62 0%,#f4f3e9 38%,#c6c5ba 60%,#77766e 100%);box-shadow:2px 2px 2px #41331b30;z-index:2}
.authority-cover .note-pin::before{content:"";position:absolute;left:-3px;top:-3px;width:11px;height:11px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#fff4d5 0%,#d1b77d 30%,#a18149 65%,#72572d 100%);box-shadow:1px 2px 2px #49351b40}
.authority-cover .note-pin::after{content:"";position:absolute;left:-2px;top:24px;width:9px;height:4px;border-radius:50%;background:radial-gradient(ellipse,#54452d99 0%,#8b734b55 35%,transparent 75%);transform:rotate(33deg);box-shadow:0 1px 0 #fff6d37a}

/* Clipe metálico inspirado na referência, encaixado na borda do papel. */
.authority-cover .note-pin.note-paperclip{left:49%;top:-25px;width:34px;height:72px;background:none;border-radius:0;box-shadow:none;transform:translateX(-50%) rotate(-13deg);transform-origin:center center;filter:drop-shadow(1px 2px 1px #3c352c45)}
.authority-cover .note-paperclip::before,.authority-cover .note-paperclip::after{content:none}
.note-paperclip svg{display:block;width:100%;height:100%;overflow:visible}
.authority-cover .strategy-note{padding-top:48px}
@media(max-width:760px){.authority-cover .strategy-note{padding-top:48px}}
/* Texto do post-it padronizado com o texto complementar ao lado. */
.authority-cover .strategy-note p{font-family:Arial,Helvetica,sans-serif;font-size:14px;font-weight:400;font-style:normal;line-height:1.8;letter-spacing:normal;color:#746c60}
/* Ajuste fino: nota 12px abaixo, liberando a boca. */
.authority-cover .strategy-note{bottom:-12px}
/* Ajuste fino adicional: 10px abaixo e 8px à direita. */
.authority-cover .strategy-note{bottom:-22px;right:-38px}
@media(max-width:1000px){.authority-cover .strategy-note{right:-28px}}
@media(max-width:760px){.authority-cover .strategy-note{right:-20px}}

/* Foto editorial ao fundo da apresentação dos caminhos. */
.paths-head{position:relative;isolation:isolate;overflow:hidden;min-height:330px;align-items:center;padding:48px 40px;margin-bottom:40px;background:#29241f url('assets/caminhos-teclado-dourado.webp') center 56%/cover no-repeat;color:#faf6ec}
.paths-head::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(17,17,17,.78),rgba(17,17,17,.55) 50%,rgba(17,17,17,.48))}
.paths-head h2{margin-bottom:0;text-shadow:0 1px 8px #0002}
.paths-head h2 em{color:#e8cc8f}
.paths-head>p{color:#f1e9da;max-width:260px;margin-bottom:0;line-height:1.8}
@media(max-width:760px){.paths-head{min-height:320px;padding:32px 25px;background-position:60% center;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:24px}.paths-head h2{font-size:42px}.paths-head>p{font-size:13px;margin:0}.paths-head::before{background:linear-gradient(90deg,rgba(17,17,17,.8),rgba(17,17,17,.5))}}

/* Capas da coleção de produtos. */
.product-art.product-cover{height:auto;aspect-ratio:3/2;background:transparent}.product-cover img{display:block;width:100%;height:100%;object-fit:contain}

.product-art.product-cover-vivo{aspect-ratio:1366/768;background:#000}

/* Capa fotográfica do produto de Stories. */
.product-art.stories-photo-cover{position:relative;isolation:isolate;aspect-ratio:1366/768;background:#191511;overflow:hidden}
.stories-photo-cover img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center 43%}
.stories-photo-cover::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#080705c9,#08070577 65%,#08070522)}
.stories-cover-title{height:100%;width:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:7% 7%;color:#f6f3ec}
.stories-cover-title small{font-size:7px;letter-spacing:1.6px;line-height:1.5;margin-bottom:15px}
.stories-cover-title strong{font-family:'EB Garamond',Georgia,serif;font-size:clamp(26px,3vw,45px);line-height:1.03;letter-spacing:-.02em;font-weight:400}
.stories-cover-title strong em{color:#e5c78a}
.stories-cover-title>span{font-size:7px;letter-spacing:2px;margin-top:19px}
@media(max-width:760px){.stories-cover-title strong{font-size:clamp(26px,7vw,42px)}.stories-cover-title small{margin-bottom:12px}.stories-cover-title>span{margin-top:14px}}
/* Fotografia de fundo mais discreta. */
.paths-head::before{background:linear-gradient(90deg,rgba(17,17,17,.87),rgba(17,17,17,.73) 50%,rgba(17,17,17,.68))}
@media(max-width:760px){.paths-head::before{background:linear-gradient(90deg,rgba(17,17,17,.87),rgba(17,17,17,.7))}}
/* Fundo inspirado na referência: tom quente e fotografia integrada por degradê. */
.paths-head{background:#37332f;position:relative;isolation:isolate;overflow:hidden}
.paths-head::after{content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;background:url('assets/caminhos-teclado-dourado.webp') right center/cover no-repeat;opacity:.35;filter:saturate(.35);mask-image:linear-gradient(90deg,transparent 10%,#000 70%);-webkit-mask-image:linear-gradient(90deg,transparent 10%,#000 70%)}
.paths-head::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#37332ff2 0%,#37332f85 48%,#37332f12 100%),linear-gradient(0deg,#37332f 0%,transparent 45%)}
@media(max-width:760px){.paths-head{background:#37332f}.paths-head::after{background-position:65% center;opacity:.3;mask-image:linear-gradient(90deg,transparent,#000);-webkit-mask-image:linear-gradient(90deg,transparent,#000)}.paths-head::before{background:linear-gradient(90deg,#37332fcc,#37332f55),linear-gradient(0deg,#37332f,transparent 70%)}}
/* Fotografia em todo o fundo com escurecimento uniforme. */
.paths-head{background:#28231f url('assets/caminhos-teclado-dourado.webp') center center/cover no-repeat}
.paths-head::after{content:none}
.paths-head::before{background:rgba(17,17,17,.62)}
@media(max-width:760px){.paths-head{background:#28231f url('assets/caminhos-teclado-dourado.webp') center center/cover no-repeat}.paths-head::after{content:none}.paths-head::before{background:rgba(17,17,17,.62)}}
/* Fundo fotográfico mais escuro. */
.paths-head::before{background:rgba(17,17,17,.78)}
@media(max-width:760px){.paths-head::before{background:rgba(17,17,17,.78)}}
/* Foto de abertura integrada ao fundo por esfumado, como na referência. */
.hero-art.hero-photo{background:transparent;overflow:visible}
.hero-photo img{mask-image:linear-gradient(90deg,transparent 0%,#000 25%,#000 100%),linear-gradient(180deg,#000 0%,#000 76%,transparent 100%);mask-composite:intersect;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 25%,#000 100%),linear-gradient(180deg,#000 0%,#000 76%,transparent 100%);-webkit-mask-composite:source-in}
@media(max-width:760px){.hero-photo img{mask-image:linear-gradient(180deg,transparent 0%,#000 12%,#000 78%,transparent 100%);-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 12%,#000 78%,transparent 100%);mask-composite:add;-webkit-mask-composite:source-over}}
/* Bloco 2: recorte concentrado apenas no olhar. */
.authority-cover .cover-portrait{height:auto;aspect-ratio:2.5/1}
.authority-cover .cover-portrait img{width:155%;left:-27.5%;top:50%;transform:translateY(-29.5%)}
@media(max-width:1000px){.authority-cover .cover-portrait{height:auto;aspect-ratio:2.5/1}}
@media(max-width:760px){.authority-cover .cover-portrait{height:auto;aspect-ratio:2.5/1}.authority-cover .cover-portrait img{width:155%;left:-27.5%;transform:translateY(-29.5%)}}

/* Mentoria: preservar o enquadramento completo da fotografia em movimento. */
.mentoring-portrait img{height:auto;aspect-ratio:auto;object-fit:contain}

/* Retrato recortado com transparência real, integrado ao fundo do hero. */
.hero-art.hero-photo{background:transparent;overflow:visible}
.hero-photo img{object-fit:contain;object-position:center bottom;mask-image:linear-gradient(180deg,#000 0%,#000 83%,transparent 100%);-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 83%,transparent 100%);mask-composite:add;-webkit-mask-composite:source-over}
@media(max-width:760px){.hero-art.hero-photo{aspect-ratio:3/4}.hero-photo img{object-position:center bottom;mask-image:linear-gradient(180deg,#000 0%,#000 83%,transparent 100%);-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 83%,transparent 100%)}}
/* Enquadramento original da capa, mantendo o retrato sem fundo. */
.hero-photo img{object-fit:cover;object-position:57% center;mask-image:linear-gradient(90deg,transparent 0%,#000 25%,#000 100%),linear-gradient(180deg,#000 0%,#000 76%,transparent 100%);mask-composite:intersect;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 25%,#000 100%),linear-gradient(180deg,#000 0%,#000 76%,transparent 100%);-webkit-mask-composite:source-in}
@media(max-width:760px){.hero-art.hero-photo{aspect-ratio:6/5}.hero-photo img{object-position:center center;mask-image:linear-gradient(180deg,transparent 0%,#000 12%,#000 78%,transparent 100%);-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 12%,#000 78%,transparent 100%);mask-composite:add;-webkit-mask-composite:source-over}}

/* SR Digital: retrato editorial ao lado da apresentação e dos serviços. */
.agency{grid-template-columns:minmax(0,.85fr) minmax(0,1fr);column-gap:9%;row-gap:36px;align-items:start}
.agency-portrait{grid-column:1;grid-row:1/3;margin:0;align-self:center}
.agency-portrait img{display:block;width:100%;height:auto;object-fit:contain}
.agency>div:not(.services){grid-column:2;grid-row:1;min-width:0}
.agency .services{grid-column:2;grid-row:2;padding-top:0;min-width:0}
.agency .services article:first-child{padding-top:0}
@media(max-width:760px){.agency{grid-template-columns:1fr;gap:30px}.agency-portrait{grid-column:1;grid-row:auto;max-width:420px;width:100%;margin:auto}.agency>div:not(.services),.agency .services{grid-column:1;grid-row:auto}.agency .services article:first-child{padding-top:12px}}
/* SR Digital: retrato mais próximo, com foco em Sabrina e no laptop. */
.agency-portrait{overflow:hidden;aspect-ratio:3/4}
.agency-portrait img{width:100%;height:100%;object-fit:cover;object-position:55% 40%;transform:scale(1.35);transform-origin:55% 40%}
/* SR Digital: faixa editorial e conteúdo em duas colunas. */
.agency{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:10%;row-gap:50px}
.agency-portrait{grid-column:1/-1;grid-row:1;align-self:auto;position:relative;aspect-ratio:auto;height:360px;max-width:none;width:100%;overflow:hidden;margin:0;background:#a99b86}
.agency-portrait img{width:100%;height:100%;object-fit:cover;object-position:50% 42%;transform:none}
.agency-portrait::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#1115,transparent 40%)}
.agency>div:not(.services){grid-column:1;grid-row:2}
.agency .services{grid-column:2;grid-row:2;padding-top:12px}
@media(max-width:1000px){.agency-portrait{height:300px}}
@media(max-width:760px){.agency{grid-template-columns:1fr;gap:32px}.agency-portrait{grid-column:1;grid-row:1;height:310px;max-width:none}.agency-portrait img{object-position:54% 39%}.agency>div:not(.services){grid-column:1;grid-row:2}.agency .services{grid-column:1;grid-row:3;padding-top:0}}
/* Fotografia da SR Digital de ponta a ponta. */
.agency{position:relative}
.agency-portrait{width:auto;margin-left:-9.524%;margin-right:-9.524%;height:400px}
@media(max-width:1000px){.agency-portrait{margin-left:-6.819%;margin-right:-6.819%;height:340px}}
@media(max-width:760px){.agency-portrait{width:auto;margin-left:-6.819%;margin-right:-6.819%;height:310px}}

/* Enquadramento da nova fotografia editorial da SR Digital. */
.agency-portrait img{object-position:50% 46%}
@media(max-width:760px){.agency-portrait img{object-position:50% 46%}}
/* Aproximação suave da fotografia da capa. */
.hero-photo img{object-fit:cover;object-position:58% 44%;transform:scale(1.15);transform-origin:58% 44%}
@media(max-width:760px){.hero-photo img{object-position:58% 42%;transform:scale(1.12);transform-origin:58% 42%}}
/* Capa com fotografia mais translúcida. */
.hero-photo img{opacity:.72}
/* Capa mais próxima e levemente mais presente. */
.hero-photo img{opacity:.82;transform:scale(1.28);transform-origin:58% 44%}
@media(max-width:760px){.hero-photo img{transform:scale(1.23);transform-origin:58% 42%}}
/* Aproximação adicional da capa. */
.hero-photo img{transform:scale(1.42)}
@media(max-width:760px){.hero-photo img{transform:scale(1.35)}}

/* Bloco 2: fotografia de movimento com enquadramento completo. */
.authority-cover .cover-portrait{height:auto;aspect-ratio:1100/1430}
.authority-cover .cover-portrait img{position:static;display:block;width:100%;max-width:100%;height:auto;object-fit:contain;object-position:center;transform:none}
@media(max-width:1000px){.authority-cover .cover-portrait{height:auto;aspect-ratio:1100/1430}}
@media(max-width:760px){.authority-cover .cover-portrait{height:auto;aspect-ratio:1100/1430}.authority-cover .cover-portrait img{width:100%;left:auto;top:auto;transform:none}}
/* Bloco 2: imagem integral, sem altura fixa nem recorte. */
.authority-cover .cover-portrait{height:auto;aspect-ratio:auto;overflow:visible;background:transparent}
.authority-cover .cover-portrait img{position:static;width:100%;height:auto;max-width:100%;transform:none;object-fit:contain;aspect-ratio:auto}
.authority-cover .cover-visual{padding-bottom:0}
.authority-cover .strategy-note{position:relative;right:auto;bottom:auto;margin:28px 0 0 auto;max-width:85%}
@media(max-width:1000px){.authority-cover .cover-portrait{height:auto;aspect-ratio:auto}.authority-cover .strategy-note{right:auto}}
@media(max-width:760px){.authority-cover .cover-portrait{height:auto;aspect-ratio:auto}.authority-cover .cover-portrait img{width:100%;height:auto;transform:none}.authority-cover .cover-visual{padding-bottom:0}.authority-cover .strategy-note{right:auto;bottom:auto;margin:28px 0 0 auto}}

/* Novo elemento sem herança das regras anteriores de recorte. */
#visao .authority-full-photo{display:block;position:relative;margin:0;padding:0;width:100%;height:auto;min-height:0;max-height:none;aspect-ratio:auto;overflow:visible}
#visao .authority-full-photo img{display:block;position:static;inset:auto;width:100%;height:auto;min-height:0;max-height:none;max-width:100%;aspect-ratio:auto;object-fit:contain;transform:none;clip-path:none;mask:none;-webkit-mask:none}
/* Bloco original e post-it lateral; fotografia inteira dentro do espaço existente. */
#visao .authority-full-photo{height:290px;aspect-ratio:auto;overflow:hidden;background:#dedbd5}
#visao .authority-full-photo img{width:100%;height:100%;object-fit:contain;object-position:center;transform:none}
.authority-cover .cover-visual{padding-bottom:140px}
.authority-cover .strategy-note{position:absolute;bottom:-22px;right:-38px;width:235px;max-width:85%;margin:0}
@media(max-width:1000px){#visao .authority-full-photo{height:250px}.authority-cover .strategy-note{right:-28px}}
@media(max-width:760px){#visao .authority-full-photo{height:230px}.authority-cover .cover-visual{padding-bottom:145px}.authority-cover .strategy-note{right:-20px;bottom:-22px;width:225px;margin:0}}

/* Retrato alongado, com recorte apenas nas laterais. */
#visao .authority-full-photo{width:260px;max-width:80%;height:410px;background:transparent}
#visao .authority-full-photo img{object-fit:cover;object-position:center}
.authority-cover .cover-visual{padding-bottom:20px}
@media(max-width:1000px){#visao .authority-full-photo{width:235px;height:370px}}
@media(max-width:760px){#visao .authority-full-photo{width:230px;height:365px}.authority-cover .cover-visual{padding-bottom:20px}}

/* Sobre: fotografia ampliada até as margens da seção. */
#sobre{padding:0 8% 0 0;grid-template-columns:1.1fr 1fr;gap:8%;align-items:stretch}
#sobre .about-photo{aspect-ratio:auto;min-height:650px;height:100%;max-width:none;margin:0}
#sobre .about-photo img{object-fit:cover;object-position:center 38%}
#sobre>div:last-child{align-self:center;padding:65px 0}
@media(max-width:1000px){#sobre{padding-right:6%;gap:6%}#sobre .about-photo{min-height:560px}}
@media(max-width:760px){#sobre{padding:0;grid-template-columns:1fr;gap:0}#sobre .about-photo{min-height:0;height:auto;aspect-ratio:4/5}#sobre>div:last-child{padding:45px 6% 60px}}

/* Enquadramento da nova fotografia de capa. */
.hero-photo img{object-position:55% 38%;transform:scale(1.05);transform-origin:55% 38%}
@media(max-width:760px){.hero-photo img{object-position:55% 32%;transform:scale(1.02);transform-origin:55% 32%}}

/* Pequeno ajuste vertical da capa. */
.hero-photo img{transform:translateY(-42px) scale(1.05)}
@media(max-width:760px){.hero-photo img{transform:translateY(-28px) scale(1.02)}}

/* Retrato amplo no bloco sobre. */
#sobre .about-photo{min-height:0;height:auto;aspect-ratio:1124/1399}
#sobre .about-photo img{height:100%;object-fit:contain;object-position:center}

/* Capa do estúdio: retrato mais próximo e presente. */
.hero-photo img{opacity:.95;transform:translateY(-42px) scale(1.22);transform-origin:58% 40%}
@media(max-width:760px){.hero-photo img{opacity:.95;transform:translateY(-28px) scale(1.15);transform-origin:58% 36%}}

/* Limita a foto à capa e suaviza a borda junto ao cabeçalho. */
.hero-art.hero-photo{overflow:hidden;mask-image:linear-gradient(to bottom,transparent 0,#000 42px,#000 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 42px,#000 100%)}

/* Esfumado somente na lateral esquerda, em todas as telas. */
.hero-art.hero-photo{overflow:hidden;mask-image:none;-webkit-mask-image:none}
.hero-photo img{mask-image:linear-gradient(to right,transparent 0%,#000 25%,#000 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 25%,#000 100%);mask-composite:add;-webkit-mask-composite:source-over}

/* Esfumado esquerdo fixo na borda, independente da aproximação da foto. */
.hero-art.hero-photo{mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.3) 12%,#000 36%,#000 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.3) 12%,#000 36%,#000 100%)}
.hero-photo img{mask-image:none;-webkit-mask-image:none}

/* A luz da janela se estende sob o texto da capa. */
#inicio{isolation:isolate;overflow:hidden}
#inicio::before{content:"";position:absolute;inset:0 28% 0 0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(246,243,236,.52),rgba(246,243,236,.52)),url("assets/sobre-estudio-ensolarado-1200.webp");background-size:100% 100%,420% auto;background-position:center,left 36%;background-repeat:no-repeat;mask-image:linear-gradient(to right,#000 0%,#000 65%,transparent 100%);-webkit-mask-image:linear-gradient(to right,#000 0%,#000 65%,transparent 100%)}
#inicio .hero-copy{position:relative;z-index:1}
@media(max-width:760px){#inicio::before{inset:0 0 35% 0;background-size:100% 100%,420% auto;background-position:center,left 32%;opacity:.75}}
/* Fotografia integrada às bordas da capa e luz da janela mais visível. */
@media(min-width:761px){
#inicio .hero-art.hero-photo{position:absolute;top:0;right:0;bottom:0;width:55%;height:100%;min-height:0;z-index:0;mask-image:linear-gradient(to right,transparent 0%,#000 29%,#000 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 29%,#000 100%)}
#inicio .hero-photo img{width:100%;height:100%;object-fit:cover;object-position:58% 38%;transform:none;opacity:1}
#inicio .scroll{z-index:2}
}
#inicio::before{background-image:linear-gradient(rgba(246,243,236,.28),rgba(246,243,236,.28)),url("assets/sobre-estudio-ensolarado-1200.webp")}
@media(max-width:760px){#inicio .hero-art.hero-photo{margin-left:-6.82%;width:113.64%;max-height:none}#inicio .hero-photo img{transform:none;object-position:center 35%;opacity:1}}

/* Respiro abaixo da sandália, antes da faixa. */
#inicio .hero-photo img{object-position:58% 15%;padding-bottom:0}
@media(max-width:760px){#inicio .hero-photo img{object-position:center bottom;padding-bottom:8px}}

#sobre .about-photo{aspect-ratio:1088/1445}
/* Mobile: foto abre a capa, com transição clara inferior para o texto. */
@media(max-width:760px){
#inicio{padding-top:0;gap:0}
#inicio::before{display:none}
#inicio .hero-art.hero-photo{grid-row:1;position:relative;min-height:0;height:auto;aspect-ratio:4/5;margin-left:-6.82%;width:113.64%;overflow:hidden;mask-image:linear-gradient(to bottom,#000 0%,#000 68%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 68%,transparent 100%)}
#inicio .hero-photo img{object-fit:cover;object-position:center 45%;padding:0;transform:none;opacity:1;mask-image:none;-webkit-mask-image:none}
#inicio .hero-copy{grid-row:2;padding-top:0;margin-top:-12px}
}
/* Segundo bloco mais compacto, preservando foto e nota. */
#visao.authority-cover{padding-top:32px;padding-bottom:40px;column-gap:6%}
#visao .authority-full-photo{height:340px;width:220px}
#visao .cover-visual{padding-bottom:12px}
#visao .strategy-note{bottom:0;right:0}
#visao .authority-heading{margin-bottom:16px}
#visao .authority-heading>span:first-child{margin-bottom:16px}
#visao .vision-text p{margin-bottom:0}
@media(max-width:760px){
#visao.authority-cover{padding-top:30px;padding-bottom:32px;row-gap:24px}
#visao .authority-full-photo{height:300px;width:195px}
#visao .strategy-note{right:0;bottom:0;width:205px;padding:24px 16px 16px}
#visao .strategy-note p{font-size:13px;line-height:1.6}
}

/* Texto de percepção sem nota lateral. */
#visao .vision-text{display:block;max-width:540px}
#visao .vision-text p{margin-bottom:16px}
#visao .vision-text p:last-child{margin-bottom:0}
#visao .cover-visual{padding-bottom:0}

/* Hierarquia para a nova chamada da capa. */
#inicio h1{font-size:clamp(42px,4.5vw,68px);line-height:1.07}
@media(max-width:760px){#inicio h1{font-size:clamp(38px,10vw,56px)}}

.strategic-services{background:var(--paper)}.services-heading{max-width:760px;margin-bottom:42px}.services-heading>p:last-child{max-width:650px;color:var(--muted)}.service-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.service-card{padding:38px;border:1px solid var(--line);display:flex;flex-direction:column;transition:transform .25s,border-color .25s;background:#faf8f3}.service-card:hover{transform:translateY(-4px);border-color:var(--gold)}.service-card h3{font-size:clamp(30px,2.8vw,42px);line-height:1.12}.service-card>p:not(.eyebrow){color:var(--muted);font-size:14px}.service-card .service-ideal{border-top:1px solid var(--line);padding-top:22px;margin-top:auto}.service-card .button{width:100%;margin-top:12px}.application-dialog{max-height:90vh;overflow:auto;max-width:610px}.application-dialog h2{font-size:38px}.application-close{position:absolute;right:16px;top:10px;background:none;border:0;font-size:30px}.application-dialog form{display:grid;gap:8px}.application-dialog label{font-size:13px;margin-top:8px}.application-dialog input,.application-dialog textarea{width:100%;padding:12px;border:1px solid #a9a297;background:#fffdf8;color:var(--ink);font:inherit;border-radius:3px}.application-dialog textarea{resize:vertical}.application-dialog input:focus-visible,.application-dialog textarea:focus-visible{outline:2px solid #80642e;outline-offset:2px}.application-status{font-size:12px;margin:12px 0}.application-dialog button:disabled{opacity:.55;cursor:not-allowed}@media(max-width:760px){.service-cards{grid-template-columns:1fr;gap:22px}.service-card{padding:28px 22px}.services-heading{margin-bottom:28px}.application-dialog{padding:40px 22px 26px}}

/* Fotografia no cabeçalho dos serviços. */
#servicos .services-heading{max-width:none;padding:58px 44px;background:linear-gradient(90deg,rgba(17,17,17,.80),rgba(17,17,17,.48)),url("assets/caminhos-teclado-dourado.webp") center 58%/cover no-repeat;color:#faf8f3}
#servicos .services-heading h2{max-width:800px}
#servicos .services-heading h2 em{color:#e8cc91}
#servicos .services-heading .eyebrow{color:#e8cc91}
#servicos .services-heading>p:last-child{color:#f0e9dc;margin-bottom:0}
@media(max-width:760px){#servicos .services-heading{padding:38px 24px;background-position:58% center}#servicos .services-heading h2{font-size:42px}}

.application-page{padding:48px 24px}.application-sheet{max-width:720px;margin:0 auto}.application-back{display:inline-block;margin-bottom:38px;font-size:13px}.application-sheet h1{font-size:clamp(40px,7vw,64px)}.application-sheet>p{color:var(--muted)}.application-sheet form{display:grid;gap:10px;margin-top:30px}.application-sheet label{font-size:15px;font-weight:600;margin-top:20px}.application-sheet input,.application-sheet textarea{width:100%;padding:14px;border:1px solid #a9a297;background:#fffdf8;color:var(--ink);font:inherit;border-radius:3px}.application-sheet textarea{resize:vertical}.application-sheet input:focus-visible,.application-sheet textarea:focus-visible{outline:2px solid #80642e;outline-offset:3px}.field-help,.form-privacy{font-size:12px;color:var(--muted);line-height:1.6}.form-privacy{margin:20px 0 10px}.application-sheet .button{justify-self:start}@media(max-width:760px){.application-page{padding:30px 20px}.application-sheet .button{width:100%}}

/* Fotografia nos títulos dos formulários. */
.application-heading{background:linear-gradient(90deg,rgba(17,17,17,.62),rgba(17,17,17,.25)),url("assets/stories-foto-sabrina.webp") center 45%/cover no-repeat;padding:42px 32px;margin-bottom:26px;color:#faf8f3}
.application-heading .eyebrow{color:#e8cc91}
.application-heading h1{font-size:clamp(36px,6vw,54px);margin-bottom:20px}
.application-heading>p:last-child{color:#f0e9dc;margin-bottom:0;font-size:14px;max-width:550px}
@media(max-width:760px){.application-heading{padding:32px 22px;background-position:center 40%}}

.service-card .eyebrow>span{color:#80642e;font-size:20px;margin-right:9px;vertical-align:middle}.services article>span{font-size:23px;line-height:1.2}

.agency-logo{width:100px;height:112px;overflow:hidden;position:relative;margin:0 0 22px}.agency-logo img{position:absolute;width:260px;max-width:none;height:auto;left:-80px;top:-23px}@media(max-width:760px){.agency-logo{transform:scale(.85);transform-origin:left bottom;margin-top:-15px}}

/* Prioriza o rosto inteiro no enquadramento da capa. */
@media(max-width:760px){#inicio .hero-photo img{object-position:center 15%}}

.agency .services .service-focus{color:var(--gold);margin-bottom:14px}.agency .services p{max-width:440px}.agency .agency-sub{font-size:clamp(30px,3vw,42px)}

/* Fechamento independente após a SR Digital. */
.agency-closing{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:64px;align-items:center;background:var(--paper);border:0}
.agency-closing>img{display:block;width:100%;height:460px;object-fit:cover;object-position:center 30%}
.agency-closing>div{min-width:0}
.agency-closing .agency-closing-quote{font:clamp(30px,3vw,43px)/1.18 'EB Garamond',Georgia,serif;color:var(--ink);max-width:610px;margin-bottom:30px}
.agency-closing-quote em{color:#80642e}
.agency-closing .button{max-width:100%}
@media(max-width:760px){.agency-closing{grid-template-columns:1fr;gap:28px}.agency-closing>img{height:400px}.agency-closing .agency-closing-quote{font-size:32px}}

#servicos .service-card .consultancy-name{font-size:clamp(18px,1.8vw,24px);line-height:1.3;letter-spacing:.6px;color:var(--ink)}

/* Serviços: nomes em destaque e valores discretos. */
#servicos .service-name{font-size:clamp(25px,2.5vw,34px);line-height:1.15;letter-spacing:.01em;margin-bottom:24px}
.service-action{margin-top:auto;padding-top:24px}
#servicos .service-price{font:12px/1.5 Arial,Helvetica,sans-serif;color:var(--muted);margin:12px 0 0}
#servicos .service-action .button{margin-top:0}

/* Letras menores na faixa em movimento. */
.ribbon-group span{font-size:18px}
@media(max-width:760px){.ribbon-group span{font-size:16px}}

/* Retrato da apresentação mais compacto somente no celular. */
@media(max-width:760px){#sobre .about-photo{width:72%;max-width:280px;min-height:0;height:auto;aspect-ratio:1088/1445;margin:30px auto 0}#sobre .about-photo img{object-fit:contain}#sobre>div:last-child{padding-top:30px}}

/* SR Digital: enquadramento vertical no celular. */
@media(max-width:760px){
#sr-digital .agency-portrait{height:auto;aspect-ratio:4/5;min-width:0}
#sr-digital .agency-portrait img{width:100%;height:100%;object-fit:cover;object-position:50% 44%;transform:none}
}

footer .footer-signature{font-family:"EB Garamond",Georgia,serif;font-size:clamp(38px,4.3vw,65px);line-height:1.04;letter-spacing:-.035em}footer .footer-signature em{font-weight:400;color:#80642e}

/* Foto da SR Digital encostada no topo e com enquadramento mais próximo. */
#sr-digital{padding-top:0}
#sr-digital .agency-portrait img{transform:scale(1.08);transform-origin:50% 44%}

/* Retrato da apresentação mais compacto no computador. */
@media(min-width:761px){#sobre .about-photo{width:78%;max-width:400px;height:auto;min-height:0;align-self:center;justify-self:center;margin:35px 0;aspect-ratio:1088/1445}#sobre .about-photo img{object-fit:contain}}

/* Separação entre a apresentação e a fotografia seguinte no desktop. */
@media(min-width:761px){
#sobre{padding-top:45px;padding-bottom:65px;align-items:center}
#sobre .about-photo{height:auto;max-height:none;margin:0;align-self:center}
#sobre>div:last-child{padding-top:20px;padding-bottom:20px}
#sr-digital .agency-portrait{overflow:hidden}
}

/* Desktop: prioriza as mãos e o teclado na fotografia da SR Digital. */
@media(min-width:761px){#sr-digital .agency-portrait img{object-position:50% 66%;transform:none}}

/* Mobile: recorte mais curto, até próximo do telefone. */
@media(max-width:760px){#sr-digital .agency-portrait{aspect-ratio:1/1;height:auto}#sr-digital .agency-portrait img{object-fit:cover;object-position:center top;transform:none}}

/* Identidade do cabeçalho proporcional às telas pequenas. */
@media(max-width:760px){
header .brand .header-identity{width:145px;gap:4px}
header .brand .header-monogram{width:44px;height:48px}
header .header-monogram img{width:86px;height:58px;left:-21px;top:-1px}
header .brand .header-tagline{font-size:6px;letter-spacing:.9px}
header{min-height:76px;padding-top:12px;padding-bottom:12px;gap:16px}
}

/* Capa mobile compacta com retrato inteiro e título mais próximo. */
@media(max-width:760px){
#inicio .hero-art.hero-photo{height:clamp(285px,46svh,380px);max-height:none;aspect-ratio:auto;background:var(--paper);mask-image:linear-gradient(to bottom,#000 0%,#000 90%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 90%,transparent 100%)}
#inicio .hero-photo img{height:100%;width:100%;object-fit:contain;object-position:center;transform:none;padding:0}
#inicio .hero-copy{margin-top:0;padding-top:0}
}

/* Mobile: largura total, removendo apenas a sobra superior da fotografia. */
@media(max-width:760px){
#inicio .hero-art.hero-photo{height:auto;aspect-ratio:1124/1175;max-height:none}
#inicio .hero-photo img{position:absolute;left:0;bottom:0;top:auto;width:100%;height:auto;max-width:none;object-fit:initial;object-position:initial;transform:none;padding:0}
}

/* Benefícios do conteúdo com posicionamento. */
#sr-digital>div.agency-benefits{grid-column:1/-1;grid-row:3;padding-top:42px;border-top:1px solid #46463e;min-width:0}
.agency-benefits>h3{font-size:clamp(30px,3.2vw,44px);line-height:1.15;margin-bottom:38px;max-width:750px}
.benefits-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;list-style:none;margin:0;padding:0}
.benefits-list li{min-width:0;border-top:1px solid #c6a86a66;padding-top:20px}
.benefit-number{display:block;color:var(--gold);font:italic 34px/1.2 'EB Garamond',Georgia,serif;margin-bottom:18px}
.benefits-list h4{font:400 24px/1.15 'EB Garamond',Georgia,serif;margin:0 0 12px;color:var(--paper)}
#sr-digital .benefits-list p{font-size:14px;line-height:1.65;margin:0;max-width:none}
@media(max-width:760px){
#sr-digital>div.agency-benefits{grid-column:1;grid-row:4;padding-top:32px}
.agency-benefits>h3{font-size:32px;margin-bottom:30px}
.benefits-list{grid-template-columns:1fr;gap:0}
.benefits-list li{position:relative;border-top:0;border-left:1px solid #c6a86a66;margin-left:15px;padding:0 0 30px 34px}
.benefits-list li:last-child{padding-bottom:0;border-left-color:transparent}
.benefit-number{position:absolute;left:-16px;top:0;background:var(--ink);font-size:26px;margin:0;padding-bottom:8px}
.benefits-list h4{font-size:25px}
}

/* Composição circular inspirada na referência editorial. */
#sr-digital>div.agency-benefits{padding-top:55px}
.agency-benefits>h3{text-align:center;max-width:850px;margin:0 auto 35px;text-transform:uppercase;font-size:clamp(30px,4vw,52px)}
.benefits-list{position:relative;display:grid;grid-template-columns:1fr 1.1fr 1fr;grid-template-rows:auto auto auto;gap:65px 20px;max-width:1000px;margin:0 auto;padding:20px 0}
.benefits-list::before{content:"";position:absolute;inset:75px 13%;border:1px solid #d8d4ca;border-radius:50%;pointer-events:none}
.benefits-list li{position:relative;z-index:1;text-align:center;border:0;background:var(--ink);padding:16px 10px;margin:0;align-self:center}
.benefits-list li:nth-child(1){grid-column:2;grid-row:1}
.benefits-list li:nth-child(2){grid-column:3;grid-row:2}
.benefits-list li:nth-child(3){grid-column:2;grid-row:3}
.benefits-list li:nth-child(4){grid-column:1;grid-row:2}
.benefit-number{position:static;display:block;font:italic 30px/1 'EB Garamond',Georgia,serif;color:var(--paper);padding:0;margin:0 0 12px;background:none}
.benefits-list h4{font:600 18px/1.25 Arial,Helvetica,sans-serif;text-transform:uppercase;margin:0 0 12px}
#sr-digital .benefits-list p{font-size:15px;line-height:1.6;color:#d8d4ca}
@media(max-width:760px){
#sr-digital>div.agency-benefits{padding-top:35px}
.agency-benefits>h3{font-size:30px;margin-bottom:20px}
.benefits-list{grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;gap:32px 16px;padding:15px 0}
.benefits-list::before{inset:85px 9%;border-color:#aaa69c}
.benefits-list li{padding:12px 4px;border:0;margin:0}
.benefits-list li:nth-child(1){grid-column:1/-1;grid-row:1;width:70%;justify-self:center}
.benefits-list li:nth-child(2){grid-column:2;grid-row:2}
.benefits-list li:nth-child(3){grid-column:1/-1;grid-row:3;width:74%;justify-self:center}
.benefits-list li:nth-child(4){grid-column:1;grid-row:2;padding-bottom:12px}
.benefits-list h4{font-size:14px;line-height:1.3}
#sr-digital .benefits-list p{font-size:13px;line-height:1.55}
.benefit-number{position:static;font-size:26px;margin-bottom:10px}
}

/* Navegação mobile com tipografia consistente e acabamento discreto. */
@media(max-width:760px){
header .menu{font-family:Arial,Helvetica,sans-serif;font-size:11px;font-weight:500;letter-spacing:1.4px;text-transform:uppercase;color:var(--ink);appearance:none;-webkit-appearance:none;align-items:center;justify-content:center;gap:14px;min-height:44px;padding:10px 15px;border:1px solid #b9a88c;border-radius:2px;background:transparent;line-height:1}
header .menu>span{font-family:Arial,Helvetica,sans-serif;font-size:22px;font-weight:300;line-height:1;transition:transform .2s}
header .menu[aria-expanded="true"]>span{transform:rotate(45deg)}
header #nav{font-family:Arial,Helvetica,sans-serif;font-size:14px;font-weight:400;letter-spacing:.2px;gap:0;padding:10px 0 0;margin-top:8px;border-top:1px solid var(--line)}
header #nav>a{padding:15px 2px;color:var(--ink);border-bottom:1px solid #d7d1c680;line-height:1.4}
header #nav>a:last-child{margin:12px 0 2px;padding:14px 18px;border:1px solid #b9a88c;background:#eee8dc;align-items:center}
header #nav .cta-label{font-family:Arial,Helvetica,sans-serif;font-size:12px;letter-spacing:.4px}
header #nav>a:hover{color:#80642e}
}

/* Menu mobile mínimo: duas linhas, sem moldura. */
@media(max-width:760px){
header .menu{width:44px;height:44px;padding:10px;border:0;border-radius:0;background:transparent;gap:0}
header .menu>.menu-lines{position:relative;display:block;width:24px;height:16px;transform:none}
header .menu-lines::before,header .menu-lines::after{content:"";position:absolute;left:0;width:24px;height:1px;background:var(--ink);transition:transform .2s,top .2s}
header .menu-lines::before{top:4px}header .menu-lines::after{top:12px}
header .menu[aria-expanded="true"]>.menu-lines{transform:none}
header .menu[aria-expanded="true"] .menu-lines::before{top:8px;transform:rotate(45deg)}
header .menu[aria-expanded="true"] .menu-lines::after{top:8px;transform:rotate(-45deg)}
header #nav{background:var(--paper);padding:16px 0 8px}
header #nav>a{padding:18px 2px;border:0}
header #nav>a:last-child{background:transparent;border:0;border-top:1px solid var(--line);padding:20px 2px;margin-top:8px}
}

/* Título do segundo bloco mais discreto no celular. */
@media(max-width:760px){
#visao .authority-heading>span:first-child{font-size:clamp(30px,8vw,38px);line-height:1.1;margin-bottom:14px}
#visao .authority-heading>span+span{font-size:19px;line-height:1.4}
#visao .authority-heading .pen-highlight{font-size:inherit;line-height:inherit}
}

/* Nota mais compacta no celular. */
@media(max-width:760px){
#visao .strategy-note{width:180px;padding:22px 14px 14px}
#visao .strategy-note p{font-size:12px;line-height:1.55;margin-bottom:0}
}

/* Clipe preso à borda esquerda, fora da área de leitura. */
#visao .strategy-note .note-pin.note-paperclip{left:0;top:-25px;width:27px;height:57px;transform:translateX(-55%) rotate(-13deg)}

/* Títulos e chamadas para ação centralizados. */
main h1,main h2,main h3,main h4{text-align:center}
#inicio .hero-copy .button{display:flex;width:fit-content;max-width:100%;margin-left:auto;margin-right:auto}
#servicos .services-heading>p{text-align:center;margin-left:auto;margin-right:auto}
#servicos .services-heading h2{margin-left:auto;margin-right:auto}
.service-action{text-align:center}
main .button{justify-content:center}
#sr-digital .eyebrow{text-align:center}
.agency-closing>div{text-align:center}
.agency-closing .agency-closing-quote{margin-left:auto;margin-right:auto}
.agency-closing .button{margin-left:auto;margin-right:auto}
.application-sheet h1{text-align:center}
.application-sheet form>.button{justify-self:center}

/* Nota alinhada à direita da composição. */
#visao .strategy-note{left:auto;right:-20px}
@media(max-width:760px){#visao .strategy-note{left:auto;right:0}#visao .cover-visual{max-width:none}}

.application-heading>p.application-price{margin:16px 0 0;font:600 14px/1.5 Arial,Helvetica,sans-serif;color:#e8cc91;letter-spacing:.02em}
label .optional{font-weight:400;color:var(--muted)}

/* Padrão: textos centralizados em todas as seções (exceto FAQ e rodapé). */
#inicio .hero-copy{text-align:center}
#inicio .hero-description{margin-left:auto;margin-right:auto}
#visao .authority-center,#visao .vision-text{text-align:center}
#visao .vision-text{margin-left:auto;margin-right:auto}
#servicos .service-card>p{text-align:center}
#sobre>div:last-child{text-align:center}
#sobre>div:last-child>p{margin-left:auto;margin-right:auto}
#sr-digital>div:not(.services):not(.agency-benefits){text-align:center}
#sr-digital>div:not(.services):not(.agency-benefits)>p{margin-left:auto;margin-right:auto}
#sr-digital .services article{flex-direction:column;align-items:center;text-align:center;gap:10px}
#sr-digital .services article p{margin-left:auto;margin-right:auto}
.faq .eyebrow{text-align:center}
/* Capa no computador: foto inteira, sem cortar os pés. */
@media(min-width:761px){#inicio .hero-art.hero-photo{mask-image:none;-webkit-mask-image:none}#inicio .hero-photo img{position:absolute;inset:0 3% 0 auto;width:auto;height:100%;max-width:none;object-fit:cover;transform:none;mask-image:linear-gradient(to right,transparent 0%,#000 30%,#000 85%,transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 30%,#000 85%,transparent 100%)}}

/* Setas sempre como texto (evita emoji no iPhone). */
.cta-arrow,.services article>span{font-family:Arial,Helvetica,sans-serif;font-variant-emoji:text}

/* SR Digital: título primeiro, foto entre os serviços e os benefícios. */
#sr-digital{padding-top:100px}
#sr-digital>div:not(.services):not(.agency-benefits){grid-column:1;grid-row:1}
#sr-digital .services{grid-column:2;grid-row:1}
#sr-digital .agency-portrait{grid-row:2}
#sr-digital>div.agency-benefits{grid-row:3;border-top:0;padding-top:20px}
@media(max-width:1000px){#sr-digital{padding-top:75px}}
@media(max-width:760px){
#sr-digital{padding-top:60px}
#sr-digital>div:not(.services):not(.agency-benefits){grid-column:1;grid-row:1}
#sr-digital .services{grid-column:1;grid-row:2}
#sr-digital .agency-portrait{grid-column:1;grid-row:3}
#sr-digital>div.agency-benefits{grid-column:1;grid-row:4;padding-top:10px}
}
/* Celular: foto da SR Digital sem a faixa branca de cima. */
@media(max-width:760px){#sr-digital .agency-portrait{aspect-ratio:5/4}#sr-digital .agency-portrait img{object-position:center 52%}}

/* Leitura: textos abaixo dos títulos maiores. */
#inicio .hero-description{font-size:17px;line-height:1.7;max-width:540px}
#visao .vision-text,#visao .vision-text p{font-size:17px;line-height:1.75}
#visao .vision-text{max-width:560px}
#visao .strategy-note p{font-size:15px;line-height:1.6}
#servicos .services-heading>p:last-child{font-size:17px}
#servicos .service-card>p{font-size:16px;line-height:1.75}
#servicos .service-price{font-size:14px}
#sobre>div:last-child>p{font-size:17px;line-height:1.8;max-width:540px}
#sr-digital>div:not(.services):not(.agency-benefits)>p:not(.eyebrow){font-size:16px;line-height:1.75;max-width:440px}
#sr-digital .services p{font-size:16px;line-height:1.7}
#sr-digital .services .service-focus{font-size:15px}
#sr-digital .benefits-list p{font-size:16px}
.faq summary{font-size:15px}
.faq details p{font-size:15px;line-height:1.75}
.application-heading>p:not(.eyebrow){font-size:16px!important;line-height:1.7}
.application-page .field-help,.application-page .form-privacy{font-size:13px}
@media(max-width:760px){
#inicio .hero-description{font-size:16px}
#visao .vision-text,#visao .vision-text p{font-size:16px}
#visao .strategy-note p{font-size:13.5px}
#servicos .services-heading>p:last-child{font-size:16px}
#servicos .service-card>p{font-size:15.5px}
#sobre>div:last-child>p{font-size:16px}
#sr-digital>div:not(.services):not(.agency-benefits)>p:not(.eyebrow),#sr-digital .services p{font-size:15.5px}
#sr-digital .benefits-list p{font-size:14.5px}
.faq details p{font-size:15px}
}

/* Celular: espaçamento vertical mais enxuto, sem apertar. */
@media(max-width:760px){
main p{margin-bottom:14px}
#inicio .hero-description,#visao .vision-text,#visao .vision-text p,#servicos .service-card>p,#sobre>div:last-child>p,#sr-digital p,.faq details p,#servicos .services-heading>p:last-child{line-height:1.6}
main h1{margin-bottom:18px}
main h2{margin-bottom:18px}
.eyebrow{margin-bottom:14px}
.section{padding-top:44px;padding-bottom:44px}
#inicio{padding-bottom:40px}
#inicio .hero-description{margin-bottom:20px}
#visao.authority-cover{padding-top:28px;padding-bottom:36px;row-gap:20px}
#visao .authority-heading{margin-bottom:14px}
#servicos .services-heading{padding:30px 22px;margin-bottom:20px}
#servicos .service-cards{gap:16px}
#servicos .service-card{padding:24px 20px}
#servicos .service-name{margin-bottom:14px}
.service-action{padding-top:14px}
#sobre>div:last-child{padding:24px 6% 40px}
#sobre .about-photo{margin-top:24px}
#sr-digital{padding-top:44px;row-gap:20px;gap:20px}
#sr-digital .services article{padding:18px 0;gap:6px}
#sr-digital .services h3{margin-bottom:6px}
#sr-digital .services .service-focus{margin-bottom:8px}
#sr-digital>div.agency-benefits{padding-top:4px}
.agency-benefits>h3{margin-bottom:12px}
.benefits-list{gap:20px 14px;padding:8px 0}
.agency-closing{gap:20px}
.agency-closing .agency-closing-quote{margin-bottom:20px}
.faq{gap:14px}
.faq h2{margin-bottom:6px}
details{padding:14px 0}
details p{margin-top:12px}
footer{padding-top:32px}
.footer-top{padding-bottom:24px}
}

/* Celular: "COMUNICAR ISSO" em linha própria, sem o círculo encostar em "PRECISA". */
@media(max-width:760px){#visao .authority-heading .pen-highlight{display:block;width:fit-content;margin:12px auto 20px}}

/* Botões maiores, proporcionais aos textos. */
:is(.button,.text-link,.nav-cta){font-size:13px;min-height:60px;padding:10px 11px 10px 30px;gap:20px}
:is(.button,.text-link,.nav-cta) .cta-icon{flex:0 0 40px;width:40px;height:40px}
:is(.button,.text-link,.nav-cta) .cta-arrow{font-size:21px}
@media(max-width:760px){
:is(.button,.text-link){font-size:12.5px;min-height:56px;padding:9px 10px 9px 24px;gap:14px}
:is(.button,.text-link) .cta-icon{flex:0 0 38px;width:38px;height:38px}
}
@media(max-width:760px){#servicos .service-action .button{font-size:12px;letter-spacing:.03em;padding-left:18px;gap:10px}}