@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/cormorant-garamond-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/cormorant-garamond-latin-500-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Cormorant Garamond';font-style:italic;font-weight:400;font-display:swap;src:url(fonts/cormorant-garamond-latin-400-italic.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Cormorant Garamond';font-style:italic;font-weight:500;font-display:swap;src:url(fonts/cormorant-garamond-latin-500-italic.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Inter';font-style:normal;font-weight:300;font-display:swap;src:url(fonts/inter-latin-300-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/inter-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/inter-latin-500-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{
  /* Minimalista e terroso: linho, café e um acento castanho. A FloreSer troca o acento por berinjela. Foto grande, serifa com itálico, arcos e linhas finas. */
  --linho:#F4EEE5; --areia:#FBF8F3; --salvia:#F4EEE5; --oliva:#8A5A3C; --terracota:#8A5A3C; --cafe:#3B2A22; --cafe-2:#6A5446;
  --beri:#572E54; --malva:#572E54; --rosa:#572E54; --nevoa:#F7F5F3;
  --serif:'Cormorant Garamond', Georgia, serif; --script:'Allura', 'Cormorant Garamond', cursive; --sans:Inter, system-ui, sans-serif;
  color-scheme: light;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--linho);color:var(--cafe);font-family:var(--sans);font-weight:300;font-size:16px;line-height:1.75;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit}
:focus-visible{outline:2px solid var(--terracota);outline-offset:3px}
h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.05;margin:0;text-wrap:balance}
h1 em,h2 em,h3 em{font-style:italic}
h1{font-size:clamp(46px,7vw,86px)}
h2{font-size:clamp(38px,5vw,62px)}
h3{font-size:clamp(26px,2.8vw,34px)}
p{margin:0}
.wrap{max-width:1140px;margin:0 auto;padding:0 24px}
.script{font-family:var(--serif);font-style:italic;font-weight:400}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 30px;border-radius:6px;font-family:var(--serif);font-style:italic;font-size:19px;text-decoration:none;background:var(--areia);color:var(--cafe);border:1px solid var(--areia);transition:opacity .2s}
.btn:hover{opacity:.85}
.btn.line{background:transparent;border-color:currentColor}
.btn.dark{background:var(--cafe);color:var(--linho);border-color:var(--cafe)}
section{padding:110px 0;position:relative;overflow:hidden}
@media (max-width:700px){section{padding:72px 0}}
.center{text-align:center}
.muted{color:var(--cafe-2)}
.rule{display:block;height:1px;background:currentColor;opacity:.5;margin-top:14px;max-width:340px}

/* Cabeçalho */
header{position:absolute;top:0;left:0;right:0;z-index:20;color:var(--linho)}
header.solid{position:sticky;background:var(--linho);color:var(--cafe);border-bottom:1px solid rgba(58,34,56,.1)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:76px}
.logo{font-family:var(--serif);font-style:italic;font-size:26px;text-decoration:none}
.menu{display:flex;align-items:center;gap:26px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:400}
.menu a{text-decoration:none;padding:8px 0}
.menu a.cta{border:1px solid currentColor;border-radius:6px;padding:9px 16px;font-family:var(--serif);font-style:italic;text-transform:none;letter-spacing:0;font-size:17px}
.menu-btn{display:none;background:none;border:0;color:inherit;font:inherit;font-size:12px;letter-spacing:.14em;text-transform:uppercase;min-height:44px;cursor:pointer}
@media (max-width:860px){
  .menu-btn{display:block}
  .menu{display:none;position:absolute;left:0;right:0;top:76px;flex-direction:column;align-items:flex-start;gap:0;padding:10px 24px 24px;background:var(--linho);color:var(--cafe);font-size:13px}
  .menu.open{display:flex}
  .menu a{padding:12px 0}
}


/* Capa com foto inteira */
.hero{position:relative;min-height:680px;display:flex;align-items:flex-end;justify-content:center;color:var(--linho);text-align:center;overflow:hidden}
.hero > img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(59,42,34,.30) 0%,rgba(59,42,34,.05) 30%,rgba(59,42,34,.50) 70%,rgba(59,42,34,.72) 100%)}
.hero .inner{position:relative;z-index:1;max-width:820px;padding:0 24px 88px;display:flex;flex-direction:column;align-items:center;gap:22px}
.hero p{max-width:480px;font-size:16px;color:#F1E9EF}
@media (max-width:700px){.hero{min-height:620px}.hero .inner{padding-bottom:64px}}

/* Faixa de palavras */
.marquee{overflow:hidden;white-space:nowrap;padding:18px 0;border-bottom:1px solid rgba(58,34,56,.12)}
.marquee .track{display:inline-flex;gap:48px;animation:run 40s linear infinite;font-family:var(--serif);font-style:italic;font-size:30px;color:var(--terracota)}
.marquee span::after{content:"~";margin-left:48px;font-style:normal;opacity:.6}
@keyframes run{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion: reduce){.marquee .track{animation:none}html{scroll-behavior:auto}}

/* Blocos de duas colunas no estilo "Who I serve" */
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:start}
@media (max-width:820px){.split{grid-template-columns:1fr;gap:36px}}
.soft-list{list-style:none;margin:0;padding:0;text-align:center}
.soft-list li{padding:14px 0;font-family:var(--serif);font-size:23px;line-height:1.35}
.soft-list li + li{border-top:1px solid rgba(58,34,56,.14)}
.label{font-family:var(--serif);font-size:20px;text-align:center;padding-bottom:12px;border-bottom:1px solid currentColor;margin-bottom:10px}

/* Arco com foto */
.arch-wrap{position:relative;max-width:380px;margin:0 auto;width:100%}
.arch-wrap .back{position:absolute;inset:6% -9% -4% 18%;border-radius:999px 999px 0 0;background:var(--terracota)}
.arch-wrap img{position:relative;width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:999px 999px 0 0}
.arch-wrap .ramo{position:absolute;right:-60px;top:-60px;width:190px;color:var(--terracota);pointer-events:none}
@media (max-width:700px){.arch-wrap{max-width:300px}.arch-wrap .ramo{right:-30px;width:140px}}

.guide{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:72px;align-items:center}
@media (max-width:820px){.guide{grid-template-columns:1fr;gap:56px}}
.guide h2{color:var(--terracota)}
.stack{display:flex;flex-direction:column;gap:20px}

/* Faixa de cor com título */
.band{padding:72px 0;text-align:center}
.band h2{color:var(--linho)}
.terra{background:var(--terracota)}
.olive{background:var(--oliva);color:var(--linho)}
.sand{background:var(--areia)}
.coffee{background:var(--cafe);color:var(--areia)}

.numbers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px}
.numbers .n{font-family:var(--serif);font-style:italic;font-size:64px;color:var(--terracota);line-height:1}
.numbers h3{margin:18px 0 10px;font-weight:500;font-size:24px}
@media (max-width:820px){.numbers{grid-template-columns:1fr;gap:40px}}

.circles{width:100%;max-width:440px;margin:0 auto;height:auto}
.circles text{font-family:var(--serif);font-weight:400;letter-spacing:.01em}

.paths{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.path{border-radius:999px 999px 0 0;padding:110px 40px 48px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}
.path.fs{background:var(--beri);color:var(--nevoa)}
.path.fs p{color:var(--cafe-2)}
.path.fs .btn{background:var(--rosa);border-color:var(--rosa);color:var(--beri)}
.path.ss{background:var(--areia)}
.path .script{font-size:44px;line-height:1}
@media (max-width:760px){.paths{grid-template-columns:1fr}.path{padding:90px 28px 40px}}

.quotes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:56px 64px;max-width:960px;margin:0 auto}
.quotes blockquote{margin:0;font-family:var(--serif);font-style:italic;font-size:26px;line-height:1.35;text-align:center}
.quotes blockquote::before{content:"\201C";display:block;font-size:64px;line-height:.6;color:var(--terracota);opacity:.7;margin-bottom:10px}
@media (max-width:700px){.quotes{grid-template-columns:1fr;gap:40px}}

/* Sobre mim */
.intro{background:var(--salvia);padding:80px 0 100px}
.intro .guide h1{color:var(--cafe)}
.story{max-width:640px;margin:0 auto}
.story p{font-size:18px;line-height:1.9;color:var(--cafe-2)}
.story p + p{margin-top:22px}
.story .drop{font-family:var(--serif);font-style:italic;font-size:30px;line-height:1.35;color:var(--terracota)}
.creds{list-style:none;margin:0;padding:0}
.creds li{padding:12px 0;border-bottom:1px solid rgba(58,34,56,.14)}
.big-quote{font-family:var(--serif);font-style:italic;font-size:clamp(34px,4.4vw,52px);line-height:1.15;text-wrap:balance}

/* FloreSer */
.fs-page{background:var(--nevoa);color:#3A2238}
.fs-page .btn{background:var(--beri);border-color:var(--beri);color:var(--nevoa)}
.fs-page .btn.light{background:var(--nevoa);border-color:var(--nevoa);color:var(--beri)}
.fs-hero{background:var(--malva);color:var(--nevoa);text-align:center;padding:160px 0 110px}
.fs-hero .inner{max-width:780px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:26px}
.fs-hero h1 em{color:var(--rosa)}
.fs-hero p{color:#F1E9EF;max-width:520px}
.fs-mark{font-family:var(--serif);font-size:58px;line-height:1;position:relative}
.fs-mark small{display:block;font-size:18px;letter-spacing:.06em}
.fs-mark .by{display:block;font-family:var(--sans);font-size:13px;letter-spacing:.06em;margin-top:12px;opacity:.85}
.fs-page .marquee .track{color:var(--malva)}
.fs-page .soft-list li + li{border-color:rgba(87,46,84,.16)}
.fs-deep{background:var(--beri);color:var(--nevoa)}
.fs-deep p{color:var(--cafe-2)}
.fs-deep h2 em{color:var(--rosa)}
.fs-page .numbers .n{color:var(--malva)}
.fs-page h2 em{color:var(--malva)}
.fs-deep h2 em,.fs-hero h2 em{color:var(--rosa)}
.life{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:44px 64px;max-width:900px;margin:0 auto}
.life div{text-align:center}
.life b{display:block;font-family:var(--serif);font-weight:500;font-size:30px;color:var(--beri);line-height:1.15;margin-bottom:6px}
.life span{color:#6E5A6C}
.life svg{width:34px;height:34px;color:var(--malva);margin:0 auto 14px;display:block}
@media (max-width:700px){.life{grid-template-columns:1fr}}
.include{list-style:none;padding:0;margin:0}
.include li{padding:14px 0;border-bottom:1px solid rgba(87,46,84,.18);font-family:var(--serif);font-size:22px;line-height:1.3}
.how{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;text-align:center}
.how li{position:relative;padding-top:44px}
.how li::before{content:"";position:absolute;top:13px;left:50%;right:-50%;height:1px;background:var(--malva);opacity:.6}
.how li:last-child::before{display:none}
.how li::after{content:"";position:absolute;top:6px;left:calc(50% - 7px);width:14px;height:14px;border-radius:50%;background:var(--nevoa);border:1.5px solid var(--beri)}
.how b{display:block;font-family:var(--serif);font-style:italic;font-size:26px;font-weight:400;color:var(--beri)}
.how span{font-size:15px;color:#6E5A6C}
@media (max-width:820px){
  .how{grid-template-columns:1fr;gap:0;text-align:left;padding-left:34px}
  .how li{padding:0 0 30px}
  .how li::before{top:12px;bottom:-12px;left:-27px;right:auto;width:1px;height:auto}
  .how li::after{top:5px;left:-34px}
}
.faq{max-width:780px;margin:0 auto}
.faq details{border-bottom:1px solid rgba(87,46,84,.2)}
.faq summary{cursor:pointer;list-style:none;padding:24px 40px 24px 0;font-family:var(--serif);font-size:clamp(23px,2.5vw,28px);color:var(--beri);position:relative;min-height:44px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:6px;top:20px;font-family:var(--sans);font-weight:300;font-size:26px}
.faq details[open] summary::after{content:"\2013"}
.faq details p{padding:0 0 26px;color:#5A4A59}

/* Sessões */
.sess-hero{background:var(--areia);padding:80px 0 100px}
.facts{display:flex;justify-content:center;flex-wrap:wrap;gap:16px 48px;margin-top:10px}
.facts div{text-align:center}
.facts span{display:block;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--cafe-2)}
.facts b{font-family:var(--serif);font-style:italic;font-weight:400;font-size:28px}
.note{font-size:14px;color:var(--cafe-2);max-width:620px;margin:0 auto}

/* Rodapé */
footer{background:var(--cafe);color:#E2D6C6;padding:80px 0 36px;font-size:15px}
.foot{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr));gap:36px}
footer h4{font-family:var(--sans);font-size:11px;letter-spacing:.16em;text-transform:uppercase;margin:0 0 14px;color:var(--areia);font-weight:500}
footer ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
footer a{text-decoration:none}
footer a:hover{text-decoration:underline}
.foot-logo{font-family:var(--serif);font-style:italic;font-size:34px;color:var(--linho);line-height:1.1}
.legal{margin-top:56px;padding-top:24px;border-top:1px solid rgba(247,245,243,.14);display:flex;flex-direction:column;gap:8px;font-size:13px;color:#BFAF9C}
@media (max-width:820px){.foot{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.foot{grid-template-columns:1fr}}
.privacy{max-width:680px;margin:0 auto}
.privacy h3{margin-top:34px;font-size:26px}
.privacy p{margin-top:10px;color:var(--cafe-2)}

/* Ajustes minimalistas */
.fs-page{--oliva:#572E54;--terracota:#572E54;--cafe:#3A2238;--cafe-2:#6E5A6C;--linho:#F7F5F3;--areia:#FFFFFF;background:var(--linho);color:var(--cafe)}
.sand,.coffee,.fs-deep,section[style*="background:#fff"]{background:var(--areia) !important;color:var(--cafe)}
.olive,.intro,.fs-hero{background:var(--linho) !important;color:var(--cafe)}
.band,.band.terra,.band[style]{background:transparent !important;padding:72px 0 0}
.band h2,.fs-hero h2,.fs-hero h1{color:var(--cafe) !important}
.band h2 em,h1 em,h2 em{color:var(--oliva) !important}
.hero h1 em{color:#fff !important}
.fs-deep p,.fs-hero p,.coffee p,.olive p{color:var(--cafe-2) !important}
.hero .btn{background:var(--nevoa);border-color:var(--nevoa);color:var(--oliva)}
.btn{background:var(--oliva);border-color:var(--oliva);color:var(--nevoa)}
.btn.line{background:transparent;color:var(--oliva);border-color:var(--oliva)}
.fs-page .btn.light{background:var(--oliva);border-color:var(--oliva);color:var(--nevoa)}
.arch-wrap .back{background:none !important;border:1px solid var(--oliva);opacity:.5}
.arch-wrap .ramo{color:var(--oliva) !important;opacity:.7}
.path.fs{background:transparent;color:var(--cafe);border:1px solid rgba(87,46,84,.35);border-bottom:0}
.path.fs p{color:var(--cafe-2)}
.path.fs .btn{background:var(--oliva);border-color:var(--oliva);color:var(--nevoa)}
.marquee .track{color:var(--oliva);opacity:.55}
.creds li{border-color:rgba(58,34,56,.14)}
.fs-hero .fs-mark{color:var(--oliva)}
.quotes blockquote::before{color:var(--oliva);opacity:.35}

body.on-fs{background:#F7F5F3}
body.on-fs header.solid{background:#F7F5F3;color:#3A2238;border-bottom-color:rgba(87,46,84,.12)}
body.on-fs .menu{background:#F7F5F3}
body.on-fs footer{background:#3A2238;color:#E7DCE5}
body.on-fs .legal{color:#BFA9BC}
body.on-fs .menu a.cta{color:#572E54}
.fs-hero{padding-top:90px !important}

.prints{columns:3 240px;column-gap:22px;max-width:1040px;margin:0 auto}
.prints img{width:100%;margin:0 0 22px;break-inside:avoid;border-radius:14px;box-shadow:0 8px 28px rgba(59,42,34,.12)}
.more{max-width:1040px;margin:8px auto 0;text-align:center}
.more summary{cursor:pointer;display:inline-flex;align-items:center;min-height:48px;padding:10px 28px;border:1px solid currentColor;border-radius:6px;font-family:var(--serif);font-style:italic;font-size:19px;list-style:none;margin-bottom:28px}
.more summary::-webkit-details-marker{display:none}
.more[open] summary{display:none}

.big{max-width:640px;margin:0 auto}
.big p{margin:0 0 32px;font-family:var(--serif);font-size:clamp(25px,4.4vw,34px);line-height:1.25;display:flex;gap:16px;align-items:baseline}
.big p:last-child{margin-bottom:0}
.big p:nth-child(even){flex-direction:row-reverse;text-align:right}
.big i{font-style:italic;color:var(--oliva);font-size:20px;flex:0 0 auto}
.theory{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center}
.theory .circles{max-width:420px}
@media (max-width:820px){.theory{grid-template-columns:1fr;gap:40px;text-align:center}.theory .stack{align-items:center}.theory .circles{max-width:320px}}

.bridge{text-align:center;margin-top:40px;display:flex;flex-direction:column;align-items:center;gap:10px}
.bridge p{font-family:"Cormorant Garamond",serif;font-size:24px;font-style:italic}
a.go{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--oliva);text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:4px}
a.go:hover{opacity:.7}
.boxes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:880px;margin:0 auto}
.box{background:var(--areia);border:1px solid rgba(138,90,60,.35);border-radius:28px;padding:30px 34px;text-align:center;font-family:var(--serif);font-size:23px;line-height:1.35;display:flex;align-items:center;justify-content:center;min-height:130px}
.sand .box{background:var(--linho)}
.boxes.after .box{border-color:var(--oliva);color:var(--oliva)}
@media (max-width:700px){.boxes{grid-template-columns:1fr;gap:12px}.box{min-height:0;padding:24px 26px;font-size:21px}}

.lake::before{content:"";position:absolute;inset:0;background:rgba(22,24,36,.55)}
.story-photo{margin:44px auto;max-width:420px}
.story-photo img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 40%;border-radius:999px 999px 0 0}



.tl{list-style:none;margin:0 auto;padding:0;max-width:1040px;display:grid;grid-template-columns:.7fr 1fr 1fr 1fr .7fr;position:relative}
.tl::before{content:"";position:absolute;left:4%;right:4%;top:15px;height:1px;background:var(--oliva);opacity:.45}
.tl li{position:relative;padding:48px 14px 0;text-align:center}
.tl li::before{content:"";position:absolute;top:8px;left:calc(50% - 8px);width:16px;height:16px;border-radius:50%;background:var(--linho);border:1.5px solid var(--oliva)}
.tl li.end::before{width:8px;height:8px;top:12px;left:calc(50% - 4px);background:var(--oliva)}
.tl b{display:block;font-family:var(--serif);font-weight:500;font-size:28px;margin-bottom:8px}
.tl p{color:var(--cafe-2);font-size:15px}
.tl .script{font-size:30px;color:var(--oliva);line-height:1.1}
@media (max-width:820px){
  .tl{grid-template-columns:1fr;padding-left:36px}
  .tl::before{left:8px;right:auto;top:10px;bottom:10px;width:1px;height:auto}
  .tl li{padding:0 0 34px;text-align:left}
  .tl li::before{top:6px;left:-35px}
  .tl li.end::before{top:12px;left:-31px}
}
.mic{width:84px;height:auto;color:var(--oliva);opacity:.8}

.ep{display:block;max-width:560px;width:100%;text-decoration:none;margin:8px 0 4px}
.ep img{width:100%;border-radius:14px;box-shadow:0 12px 34px rgba(59,42,34,.16);border:6px solid var(--linho)}
.ep-tag{display:block;font-family:var(--serif);font-style:italic;font-size:20px;color:var(--oliva);margin-bottom:10px}

/* colagem em papel rasgado */
.collage{display:flex !important;flex-wrap:wrap;justify-content:center;gap:26px 22px;max-width:1040px;margin:0 auto}
.collage figure{margin:0;width:calc(33.333% - 15px);grid-area:auto !important;transform:none;background:#FFFDF8;padding:12px 12px 26px;filter:drop-shadow(0 8px 14px rgba(59,42,34,.16))}
.collage figure img{width:100%;height:auto !important;aspect-ratio:4/5 !important;object-fit:cover;border:0 !important;border-radius:0 !important;box-shadow:none !important}
@media (max-width:760px){.collage{gap:18px 14px}.collage figure{width:calc(50% - 7px);padding:8px 8px 18px}}
.collage .c1{clip-path:polygon(0.0% 0.8%,7.1% 0.4%,14.3% 1.7%,21.4% 0.2%,28.6% 1.4%,35.7% 1.0%,42.9% 0.2%,50.0% 1.3%,57.1% 0.1%,64.3% 1.1%,71.4% 0.2%,78.6% 0.2%,85.7% 1.1%,92.9% 2.1%,100.0% 0.3%,99.5% 7.1%,98.6% 14.3%,97.9% 21.4%,98.7% 28.6%,99.1% 35.7%,97.9% 42.9%,99.9% 50.0%,98.1% 57.1%,99.4% 64.3%,99.7% 71.4%,99.7% 78.6%,99.3% 85.7%,98.2% 92.9%,99.6% 100.0%,92.9% 98.5%,85.7% 98.3%,78.6% 99.0%,71.4% 98.6%,64.3% 99.8%,57.1% 99.8%,50.0% 99.5%,42.9% 98.2%,35.7% 98.9%,28.6% 99.2%,21.4% 98.5%,14.3% 98.8%,7.1% 99.2%,0.0% 97.9%,1.5% 92.9%,0.5% 85.7%,1.3% 78.6%,1.2% 71.4%,1.9% 64.3%,1.6% 57.1%,0.6% 50.0%,2.2% 42.9%,0.3% 35.7%,0.9% 28.6%,1.7% 21.4%,0.3% 14.3%,1.1% 7.1%);transform:rotate(-2.2deg) !important;z-index:auto}
.collage .c2{clip-path:polygon(0.0% 0.1%,7.1% 1.7%,14.3% 2.0%,21.4% 1.5%,28.6% 2.3%,35.7% 0.8%,42.9% 1.8%,50.0% 1.5%,57.1% 1.5%,64.3% 1.2%,71.4% 2.2%,78.6% 2.5%,85.7% 1.2%,92.9% 1.7%,100.0% 0.2%,98.5% 7.1%,98.6% 14.3%,97.8% 21.4%,98.2% 28.6%,99.4% 35.7%,99.2% 42.9%,98.5% 50.0%,100.0% 57.1%,99.0% 64.3%,99.6% 71.4%,99.7% 78.6%,99.9% 85.7%,98.3% 92.9%,99.7% 100.0%,92.9% 99.4%,85.7% 99.0%,78.6% 97.7%,71.4% 99.8%,64.3% 98.8%,57.1% 98.6%,50.0% 97.7%,42.9% 97.9%,35.7% 97.8%,28.6% 99.3%,21.4% 98.9%,14.3% 99.1%,7.1% 97.7%,0.0% 97.5%,0.3% 92.9%,0.4% 85.7%,0.5% 78.6%,0.5% 71.4%,1.1% 64.3%,1.3% 57.1%,0.6% 50.0%,0.0% 42.9%,0.9% 35.7%,0.8% 28.6%,1.2% 21.4%,2.1% 14.3%,1.5% 7.1%);transform:rotate(1.6deg) !important;z-index:auto}
.collage .c3{clip-path:polygon(0.0% 1.3%,7.1% 1.6%,14.3% 1.8%,21.4% 0.1%,28.6% 2.3%,35.7% 2.0%,42.9% 2.3%,50.0% 2.1%,57.1% 1.0%,64.3% 1.0%,71.4% 0.3%,78.6% 1.6%,85.7% 0.2%,92.9% 0.2%,100.0% 0.5%,99.6% 7.1%,99.3% 14.3%,99.9% 21.4%,100.0% 28.6%,99.7% 35.7%,99.8% 42.9%,99.2% 50.0%,99.9% 57.1%,98.1% 64.3%,98.6% 71.4%,99.7% 78.6%,99.4% 85.7%,99.2% 92.9%,99.2% 100.0%,92.9% 99.7%,85.7% 97.8%,78.6% 97.4%,71.4% 98.8%,64.3% 98.7%,57.1% 99.8%,50.0% 99.7%,42.9% 99.1%,35.7% 99.3%,28.6% 97.8%,21.4% 99.6%,14.3% 99.9%,7.1% 97.5%,0.0% 98.6%,0.3% 92.9%,1.2% 85.7%,0.1% 78.6%,1.2% 71.4%,2.2% 64.3%,1.9% 57.1%,1.5% 50.0%,0.6% 42.9%,0.8% 35.7%,0.4% 28.6%,1.7% 21.4%,1.2% 14.3%,1.7% 7.1%);transform:rotate(-1deg) !important;z-index:auto}
.collage .c4{clip-path:polygon(0.0% 0.9%,7.1% 0.6%,14.3% 2.1%,21.4% 2.6%,28.6% 2.2%,35.7% 2.1%,42.9% 2.1%,50.0% 1.9%,57.1% 0.6%,64.3% 1.3%,71.4% 0.9%,78.6% 0.1%,85.7% 0.1%,92.9% 0.7%,100.0% 0.7%,98.5% 7.1%,97.9% 14.3%,99.0% 21.4%,97.9% 28.6%,97.8% 35.7%,97.9% 42.9%,99.2% 50.0%,99.5% 57.1%,99.5% 64.3%,99.6% 71.4%,99.6% 78.6%,98.6% 85.7%,98.0% 92.9%,98.2% 100.0%,92.9% 98.8%,85.7% 98.3%,78.6% 97.9%,71.4% 99.8%,64.3% 98.3%,57.1% 97.6%,50.0% 98.0%,42.9% 98.0%,35.7% 98.8%,28.6% 99.5%,21.4% 97.9%,14.3% 99.1%,7.1% 97.9%,0.0% 97.5%,0.9% 92.9%,0.9% 85.7%,2.1% 78.6%,1.6% 71.4%,0.4% 64.3%,0.3% 57.1%,0.3% 50.0%,2.0% 42.9%,1.8% 35.7%,0.3% 28.6%,1.8% 21.4%,2.2% 14.3%,1.4% 7.1%);transform:rotate(2.4deg) !important;z-index:auto}
.collage .c5{clip-path:polygon(0.0% 0.9%,7.1% 1.4%,14.3% 0.3%,21.4% 0.0%,28.6% 2.5%,35.7% 1.7%,42.9% 1.4%,50.0% 2.4%,57.1% 1.1%,64.3% 2.3%,71.4% 2.1%,78.6% 0.5%,85.7% 0.7%,92.9% 0.8%,100.0% 0.6%,98.7% 7.1%,99.4% 14.3%,99.1% 21.4%,99.7% 28.6%,98.0% 35.7%,99.2% 42.9%,99.0% 50.0%,98.7% 57.1%,98.0% 64.3%,99.1% 71.4%,98.0% 78.6%,98.9% 85.7%,98.8% 92.9%,98.8% 100.0%,92.9% 100.0%,85.7% 98.9%,78.6% 99.5%,71.4% 100.0%,64.3% 97.9%,57.1% 99.6%,50.0% 98.8%,42.9% 98.1%,35.7% 98.6%,28.6% 99.2%,21.4% 98.7%,14.3% 98.6%,7.1% 98.0%,0.0% 99.7%,1.2% 92.9%,0.5% 85.7%,0.6% 78.6%,1.7% 71.4%,1.1% 64.3%,1.2% 57.1%,1.7% 50.0%,2.0% 42.9%,1.0% 35.7%,1.3% 28.6%,1.1% 21.4%,1.1% 14.3%,1.5% 7.1%);transform:rotate(-1.8deg) !important;z-index:auto}
.collage .c7{clip-path:polygon(0.0% 1.2%,7.1% 1.4%,14.3% 1.2%,21.4% 2.4%,28.6% 1.8%,35.7% 2.3%,42.9% 2.4%,50.0% 0.7%,57.1% 1.5%,64.3% 2.5%,71.4% 2.2%,78.6% 0.4%,85.7% 0.3%,92.9% 1.1%,100.0% 0.2%,99.5% 7.1%,99.8% 14.3%,98.5% 21.4%,98.3% 28.6%,98.0% 35.7%,99.7% 42.9%,98.4% 50.0%,98.5% 57.1%,99.7% 64.3%,98.1% 71.4%,97.9% 78.6%,99.5% 85.7%,97.9% 92.9%,99.1% 100.0%,92.9% 98.7%,85.7% 97.4%,78.6% 97.8%,71.4% 99.6%,64.3% 98.9%,57.1% 98.7%,50.0% 99.1%,42.9% 99.5%,35.7% 99.2%,28.6% 98.1%,21.4% 99.9%,14.3% 98.6%,7.1% 98.9%,0.0% 100.0%,0.7% 92.9%,1.4% 85.7%,1.1% 78.6%,0.1% 71.4%,2.2% 64.3%,1.7% 57.1%,2.1% 50.0%,0.2% 42.9%,0.6% 35.7%,0.1% 28.6%,1.7% 21.4%,0.6% 14.3%,0.3% 7.1%);transform:rotate(1.2deg) !important;z-index:auto}
.collage .c6{clip-path:polygon(0.0% 1.1%,7.1% 2.4%,14.3% 2.1%,21.4% 0.7%,28.6% 0.4%,35.7% 2.4%,42.9% 1.5%,50.0% 1.8%,57.1% 0.2%,64.3% 0.1%,71.4% 1.8%,78.6% 1.1%,85.7% 0.2%,92.9% 2.4%,100.0% 1.6%,98.2% 7.1%,99.8% 14.3%,98.1% 21.4%,99.9% 28.6%,98.1% 35.7%,99.0% 42.9%,99.3% 50.0%,98.8% 57.1%,98.0% 64.3%,99.4% 71.4%,99.7% 78.6%,98.8% 85.7%,99.5% 92.9%,99.8% 100.0%,92.9% 99.6%,85.7% 99.9%,78.6% 99.5%,71.4% 99.2%,64.3% 99.2%,57.1% 98.0%,50.0% 99.2%,42.9% 98.7%,35.7% 99.5%,28.6% 99.1%,21.4% 100.0%,14.3% 99.3%,7.1% 100.0%,0.0% 98.1%,1.2% 92.9%,0.4% 85.7%,1.0% 78.6%,2.1% 71.4%,0.2% 64.3%,1.8% 57.1%,1.0% 50.0%,1.1% 42.9%,1.8% 35.7%,0.9% 28.6%,1.1% 21.4%,1.5% 14.3%,2.2% 7.1%);transform:rotate(-0.8deg) !important;z-index:auto}

.tools-sec{background:#fff}
.tools-intro{max-width:640px;margin:0 auto 52px;color:var(--cafe-2)}
.tools{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;max-width:1080px;margin:0 auto}
.tool{border:1px solid rgba(87,46,84,.25);border-radius:999px 999px 18px 18px;padding:44px 22px 30px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px;background:var(--linho)}
.tool svg{width:40px;height:40px;color:var(--oliva)}
.tool b{font-family:var(--serif);font-weight:500;font-size:25px;line-height:1.15;color:var(--oliva)}
.tool span{font-size:15px;color:var(--cafe-2)}
@media (max-width:900px){.tools{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.tools{grid-template-columns:1fr}.tool{border-radius:999px 999px 18px 18px;padding:40px 26px 28px}}

/* ===== ajuste de proporção: celular e computador ===== */
h1{font-size:clamp(34px,6.4vw,84px)}
h2{font-size:clamp(30px,4.6vw,58px)}
h3{font-size:clamp(23px,2.6vw,32px)}
.wrap{max-width:1240px;padding:0 clamp(20px,5vw,64px)}
@media (min-width:1000px){
  body{font-size:17.5px}
  .hero p{font-size:18px;max-width:560px}
  .boxes{grid-template-columns:repeat(3,minmax(0,1fr));max-width:1120px;gap:20px}
  .box{min-height:150px}
  .theory{gap:96px}
  .theory .stack p{font-size:19px}
  .tl{max-width:1160px}
  .tl p{font-size:16px}
  .path.fs{max-width:860px !important;padding:96px 72px 56px}
  .path.fs p{max-width:560px;font-size:18px}
  .prints{max-width:1160px}
}
@media (max-width:700px){
  section{padding:60px 0}
  .box{font-size:19px;padding:20px 22px;border-radius:22px}
  .marquee .track{font-size:22px;gap:32px}
  .marquee span::after{margin-left:32px}
  .tl b{font-size:24px}
  .tl .script{font-size:26px}
  .path .script{font-size:36px}
  .path{padding:72px 22px 36px}
  #podcast-sec .script{font-size:38px !important}
  .big-quote{font-size:28px}
  .bridge p{font-size:21px}
  .btn{font-size:17px;padding:12px 24px}
  .hero .inner{gap:18px}
}
.wrap.story{max-width:860px}
@media (min-width:1000px){.wrap.story p{font-size:18px}}

.appcard{max-width:880px;margin:0 auto;border-radius:32px;overflow:hidden;background:#fff;box-shadow:0 18px 50px rgba(59,42,34,.12)}
.appcard .top{padding:40px 28px 34px;text-align:center;background:radial-gradient(120% 80% at 10% 0%,rgba(255,255,255,.12),transparent 60%),repeating-radial-gradient(ellipse at 30% 120%,rgba(255,255,255,.05) 0 2px,transparent 3px 14px),linear-gradient(135deg,#7A4E76,#633D5F 55%,#4E2F4B)}
.appcard .lg{display:block;margin:0 auto;width:min(300px,78%);height:auto}
.appcard .top small{display:block;margin-top:14px;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:#F0E9E4;opacity:.9}
.appcard .body{padding:36px clamp(20px,4vw,48px) 40px}
.appcard .lead{font-family:var(--serif);font-size:clamp(21px,2.4vw,26px);text-align:center;max-width:600px;margin:0 auto 28px;line-height:1.3;color:var(--cafe)}
.appcard .tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.appcard .tile{background:#F7F1E9;border-radius:20px;padding:22px 12px 18px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}
.appcard .tile span{font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:#633D5F;line-height:1.4}
.appcard .ico{width:34px;height:34px;stroke:#633D5F;fill:none;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
.appcard .foot{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:30px;padding-top:24px;border-top:1px solid #eee}
.appcard .foot p{font-family:var(--serif);font-size:20px;color:var(--cafe)}
.appcard .foot p i{color:#633D5F}
.appcard .pill{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 30px;border-radius:999px;background:#633D5F;color:#fff;font-family:var(--serif);font-style:italic;font-size:19px;text-decoration:none}
.appcard .pill:hover{opacity:.88}
@media(max-width:700px){.appcard .tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.appcard .tile span{font-size:10.5px;letter-spacing:.08em}.appcard .foot{flex-direction:column;text-align:center}.appcard{border-radius:26px}}

/* contraste */
.band.escuro,section.escuro{background:var(--cafe) !important;color:var(--linho)}
.band.escuro{padding:96px 0 0 !important}
.band.escuro h2{color:var(--linho) !important}
.band.escuro h2 em{color:#D9B99B !important}
section.escuro .tl b{color:var(--linho)}
section.escuro .tl p{color:#D8CABC !important}
section.escuro .tl .script{color:#D9B99B}
section.escuro .tl::before{background:#D9B99B}
section.escuro .tl li::before{background:var(--cafe);border-color:#D9B99B}
section.escuro .tl li.end::before{background:#D9B99B}
section.escuro2{background:#5C4033 !important;color:var(--linho) !important}
section.escuro2 h2,section.escuro2 p{color:#EFE4D8 !important}
section.escuro2 .mic{color:#D9B99B}
section.escuro2 .ep-tag{color:#D9B99B}
section.escuro2 .ep img{border-color:#7A5A49}
section.escuro2 .btn{background:var(--linho);color:var(--cafe);border-color:var(--linho)}
section.escuro2 .btn.line{background:transparent;color:var(--linho);border-color:var(--linho)}
section.escuro2 p[style*="uppercase"]{display:none}
.pod-logo{width:min(380px,80%);height:auto}
h2 em,h1 em{color:#7A4A2E}
.muted{color:#5A4538}
/* relatos em movimento */
.rel-marquee{overflow:hidden;padding:6px 0 18px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.rel-track{display:flex;gap:22px;width:max-content;animation:relrun 70s linear infinite}
.rel-track img{height:400px;width:auto;border-radius:14px;box-shadow:0 8px 24px rgba(59,42,34,.14)}
.rel-marquee:hover .rel-track{animation-play-state:paused}
@keyframes relrun{to{transform:translateX(calc(-50% - 11px))}}
@media(max-width:700px){.rel-track img{height:300px}.rel-track{gap:14px;animation-duration:55s}@keyframes relrun{to{transform:translateX(calc(-50% - 7px))}}}
@media (prefers-reduced-motion: reduce){.rel-track{animation:none}.rel-marquee{overflow-x:auto}}

section.escuro h3{color:var(--linho)}
section.escuro h3 em{color:#D9B99B !important}
section.escuro .muted,section.escuro p{color:#D8CABC !important}
section.escuro .label{color:#D9B99B !important}
section.escuro .soft-list li{color:#EFE4D8;border-color:rgba(239,228,216,.18) !important}
.band.escuro-fs,section.escuro-fs{background:linear-gradient(135deg,#6E446A,#572E54 60%,#4A2547) !important;color:#F7F1F6}
.band.escuro-fs{padding:96px 0 0 !important;background:#5E3559 !important}
section.escuro-fs{background:#5E3559 !important}
.band.escuro-fs h2{color:#F7F1F6 !important}
.band.escuro-fs h2 em{color:#E3C9DF !important}
section.escuro-fs h3{color:#F7F1F6}
section.escuro-fs p{color:#E6D9E4 !important}
section.escuro-fs .n{color:#E3C9DF !important;border-color:rgba(247,241,246,.4) !important}

.fs-hero .inner{max-width:980px !important}
.fs-hero h1{font-size:clamp(34px,5.4vw,70px)}
.fs-logo{display:flex;flex-direction:column;align-items:center;gap:8px}
.fs-logo img{width:min(280px,70vw);height:auto}
.fs-logo .by{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#633D5F;opacity:.8}

/* ===== auditoria ===== */
main{overflow-x:clip}
img{height:auto}
.hero img{height:100%}
.rel-track img{height:400px}
@media(max-width:700px){.rel-track img{height:300px}}
.arch-wrap img{height:auto}
.skip{position:absolute;left:12px;top:-60px;z-index:100;background:var(--cafe);color:var(--linho);padding:10px 16px;border-radius:6px;text-decoration:none;font-size:14px}
.skip:focus{top:12px}
main:focus{outline:none}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.h2like{font-size:clamp(30px,4.6vw,58px)}
a.go{display:inline-block;padding:12px 2px 6px}
footer ul a{display:inline-block;padding:6px 0}
@media(max-width:700px){footer ul a{padding:10px 0}footer .legal a{display:inline-block;padding:10px 0}}
@media(max-width:360px){.arch-wrap .ramo{right:-14px;width:110px}}
/* cabeçalho fixo na Início depois da capa */
body.on-home header{position:fixed;transition:background .25s,color .25s,box-shadow .25s}
body.on-home header.scrolled{background:var(--linho);color:var(--cafe);box-shadow:0 1px 0 rgba(58,34,56,.1)}

.privacy{max-width:860px}
@media(max-width:700px){
  .tools-sec .tools{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:12px !important}.tools-sec .tool{padding-left:12px !important;padding-right:12px !important}.tools-sec .tool span{font-size:13px}
  #relatos-sec .prints{columns:auto;display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 14px;-webkit-overflow-scrolling:touch}
  #relatos-sec .prints img{flex:0 0 82%;margin:0;scroll-snap-align:center;align-self:flex-start}
  #relatos-sec .swipe{display:block}
}
.swipe{display:none;text-align:center;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--cafe-2);margin:-8px 0 18px}
.wa-help{margin-top:14px;font-size:15px}
.wa-help a{color:inherit}
@media(max-width:700px){.intro{padding:48px 0 24px !important}.tools-sec .tool b{font-size:20px}.tools-sec .tool{padding-top:34px !important}}
.hero-note{display:block;margin-top:14px;font-size:12px;letter-spacing:.18em;text-transform:uppercase;opacity:.9}

/* páginas separadas */
[id]{scroll-margin-top:80px}
footer#contato{scroll-margin-top:0}
.menu a[aria-current="page"]:not(.cta){text-decoration:underline;text-underline-offset:6px}

/* sem cursiva: subtítulos em itálico da mesma família */
.eyebrow-it{font-size:clamp(26px,2.6vw,32px) !important;letter-spacing:.01em}
.tl .script{font-size:clamp(20px,1.8vw,24px) !important}

/* Sobre mim: capa com o lago */
.sobre-hero{position:relative;min-height:min(78vh,720px);display:flex;align-items:flex-end;color:#F7F1EA;overflow:hidden}
.sobre-hero .bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 60%}
.sobre-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(30,22,18,.15) 0%,rgba(30,22,18,.25) 45%,rgba(30,22,18,.72) 100%)}
.sobre-hero .wrap{position:relative;z-index:1;padding-top:120px;padding-bottom:clamp(48px,8vw,96px);width:100%}
.sobre-hero .eyebrow-it{color:#F1E3D3;display:block;margin-bottom:10px}
.sobre-hero h1{color:#F7F1EA;max-width:760px}
.sobre-hero h1 em{color:#E9C9A8 !important}
.polaroid{float:right;width:170px;margin:6px 0 18px 28px;padding:10px 10px 28px;background:#fff;box-shadow:0 10px 26px rgba(59,42,34,.16);transform:rotate(3deg)}
.polaroid img{display:block;width:100%;height:auto}
@media(max-width:700px){.sobre-hero{min-height:72vh}.polaroid{float:none;margin:0 auto 26px;width:150px}}
.wrap.story p.drop{font-size:clamp(24px,2.6vw,30px);line-height:1.35}
.sobre-hero h1{font-size:clamp(32px,4.6vw,62px);max-width:900px}