/* O Olhar — azul-noite profundo, marfim e champanhe; serifa legível + sans humanista; texturas reais */
:root{
  --night:#0E1424; --navy:#18223B; --navy-2:#24304F;
  --ivory:#F7F2EA; --sand:#EDE4D5; --paper:#FBF8F3;
  --champ:#C2A273; --champ-soft:#E2CDA4;
  --ink:#1D2030; --ink-2:#4B5062; --ink-3:#787C8C;
  --line:rgba(29,32,48,.13); --line-d:rgba(247,242,234,.16);
  --on-d:#F4EFE6; --on-d-2:rgba(244,239,230,.78);
  --serif:"Newsreader",Georgia,"Times New Roman",serif;
  --sans:"Figtree","Segoe UI",Arial,sans-serif;
  --grain:url("img/grain.png");
  color-scheme:light;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:18px;line-height:1.7;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit}
h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.12;letter-spacing:-.01em;text-wrap:balance}
h2{font-size:clamp(2rem,4.2vw,3.1rem)}
h3{font-size:1.45rem;font-weight:500}
em{font-family:var(--serif);font-style:italic}
.wrap{max-width:1140px;margin:0 auto;padding-inline:24px}
.narrow{max-width:780px}
section{padding-block:112px;position:relative}
.eyebrow{display:inline-flex;align-items:center;gap:12px;font-size:.78rem;letter-spacing:.2em;text-transform:uppercase;font-weight:600;color:#8A6D3F;margin-bottom:20px}
.eyebrow::before{content:"";width:28px;height:1px;background:currentColor}
.dark .eyebrow{color:var(--champ-soft)}
.lead{font-size:1.15rem;color:var(--ink-2)}
.dark{background:var(--night);color:var(--on-d)}
.dark p{color:var(--on-d-2)}
.grain::after{content:"";position:absolute;inset:0;background-image:var(--grain);opacity:.35;pointer-events:none}
.grain>*{position:relative;z-index:1}
.ivory{background:var(--ivory)}
.sand{background:var(--sand)}
mark.tbc{background:#FBE7A1;color:#5a4300;font-family:var(--sans);font-style:normal;font-size:.7rem;font-weight:600;letter-spacing:.03em;padding:2px 8px;border-radius:4px;white-space:nowrap;vertical-align:middle}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:var(--champ);color:var(--night);text-decoration:none;font-weight:600;font-size:.88rem;letter-spacing:.12em;text-transform:uppercase;padding:19px 34px;border-radius:2px;border:0;cursor:pointer;font-family:var(--sans);transition:background .25s,transform .25s}
.btn:hover{background:var(--champ-soft);transform:translateY(-1px)}
.btn-ink{background:var(--navy);color:var(--on-d)}
.btn-ink:hover{background:var(--night)}
.btn-line{background:transparent;color:inherit;box-shadow:inset 0 0 0 1px currentColor}
.btn-line:hover{background:rgba(194,162,115,.12)}
.btn:focus-visible,summary:focus-visible,a:focus-visible{outline:2px solid var(--champ);outline-offset:3px}

/* topo */
.top{position:absolute;inset:0 0 auto 0;z-index:3}
.top .wrap{display:flex;justify-content:space-between;align-items:center;padding-block:26px;font-size:.8rem;letter-spacing:.18em;text-transform:uppercase;color:var(--on-d-2)}
.top .sig{font-family:var(--serif);font-style:italic;font-size:1.25rem;letter-spacing:0;text-transform:none;color:var(--on-d)}

/* 1 · abertura */
.hero{padding-block:140px 110px;overflow:hidden;background:radial-gradient(90% 70% at 80% 30%,#25314F 0%,var(--night) 62%)}
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:64px;align-items:center}
.hero h1{font-size:clamp(4rem,10vw,7.6rem);line-height:.95;letter-spacing:-.02em;margin-bottom:18px}
.hero h1 em{color:var(--champ-soft)}
.hero .tag{font-size:.86rem;letter-spacing:.2em;text-transform:uppercase;color:var(--champ-soft);margin-bottom:34px}
.hero .lead{color:var(--on-d-2);max-width:540px;font-size:1.22rem}
.hero .actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:40px}
.hero .note{margin-top:22px;font-size:.92rem;color:var(--on-d-2)}
.hero{min-height:min(92vh,860px);display:flex;align-items:center}
.hero>.wrap{width:100%}
.hero-grid{grid-template-columns:minmax(0,560px)}
.hero-photo{position:absolute;top:0;right:0;bottom:0;width:52%;z-index:0;margin:0}
.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 22%;filter:saturate(.92);
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.55) 22%,#000 48%),linear-gradient(180deg,#000 70%,transparent 100%);
  -webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.55) 22%,#000 48%),linear-gradient(180deg,#000 70%,transparent 100%);mask-composite:intersect}
.hero-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,20,36,.55) 0%,rgba(14,20,36,.18) 45%,rgba(14,20,36,.05) 100%),radial-gradient(60% 50% at 70% 30%,rgba(226,205,164,.16),transparent 70%)}

/* 2 · o espelho */
.mirror{background:var(--paper);text-align:center}
.mirror .motto-big{font-family:var(--serif);font-style:italic;font-size:clamp(2.2rem,5vw,3.6rem);line-height:1.12;color:var(--navy)}
.mirror .sub{margin-top:14px;font-size:.8rem;letter-spacing:.24em;text-transform:uppercase;color:#8A6D3F;font-weight:600}
.mirror-pair{display:grid;grid-template-columns:1fr 1fr;margin-top:60px;text-align:left;border:1px solid var(--line);position:relative}
.side{padding:44px 44px 40px;min-width:0}
.side .k{font-size:.76rem;letter-spacing:.22em;text-transform:uppercase;font-weight:600}
.side h3{font-size:1.7rem;font-weight:400;margin:10px 0 18px}
.side ul{list-style:none}
.side li{padding:12px 0;border-top:1px solid var(--line)}
.side.now{background:#F0EEEA;color:var(--ink-2)}
.side.now .k{color:var(--ink-3)}
.side.now h3{color:var(--ink-2)}
.side.glass{position:relative;overflow:hidden;color:var(--ink);background:linear-gradient(135deg,#FFFDF8 0%,#F3E7D0 55%,#E9D7B4 100%)}
.side.glass::before{content:"";position:absolute;top:-40%;left:-30%;width:40%;height:180%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);transform:rotate(18deg);pointer-events:none}
.side.glass .k{color:#8A6D3F}
.side.glass h3{color:var(--navy)}
.side.glass li{border-color:rgba(138,109,63,.22)}
.side.glass>*{position:relative}
.mirror-pair::after{content:"";position:absolute;top:-14px;bottom:-14px;left:50%;width:1px;background:linear-gradient(180deg,transparent,var(--champ),transparent)}
.mirror-note{margin-top:22px;font-size:.92rem;color:var(--ink-3)}

/* 3 · tese */
.thesis-grid{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:start}
.thesis h2 em{color:#8A6D3F}
.thesis p+p{margin-top:18px}
.thesis .big{font-family:var(--serif);font-size:1.5rem;line-height:1.4;color:var(--ink)}

/* 4 · para quem */
.cards4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:52px}
.card4{background:var(--paper);border:1px solid var(--line);padding:30px 26px;min-width:0}
.card4 .q{font-family:var(--serif);font-size:2.6rem;line-height:.6;color:var(--champ)}
.card4 p{font-family:var(--serif);font-size:1.22rem;line-height:1.4;margin-top:14px;color:var(--ink)}
.after{margin-top:40px;font-size:1.1rem;color:var(--ink-2);max-width:760px}
.after b{color:var(--ink);font-weight:600}

/* 5 · o que é */
.what{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:center}
.what-img{position:relative}
.what-img img{aspect-ratio:4/5;object-fit:cover;object-position:50% 30%;width:100%}
.what-img::after{content:"";position:absolute;inset:18px -18px -18px 18px;border:1px solid var(--champ);z-index:-1}
.what p{color:var(--ink-2);margin-top:18px}
.what .motto{font-family:var(--serif);font-style:italic;font-size:1.5rem;color:var(--navy);margin-top:30px;padding-top:24px;border-top:1px solid var(--line)}

/* 6 · pilares */
.pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:56px;border-top:1px solid var(--line-d)}
.pillar{padding:34px 28px 10px 0;min-width:0}
.pillar+.pillar{padding-left:28px;border-left:1px solid var(--line-d)}
.pillar .k{font-size:.74rem;letter-spacing:.22em;text-transform:uppercase;color:var(--champ-soft);font-weight:600}
.pillar h3{font-size:1.8rem;font-weight:400;color:var(--on-d);margin:10px 0 10px}
.pillar p{font-size:1rem;line-height:1.6}

/* 7 · encontros */
.meet-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:56px}
.meet{background:var(--paper);border:1px solid var(--line);padding:46px 42px;min-width:0;position:relative}
.meet .num{font-family:var(--serif);font-size:4.4rem;line-height:1;color:var(--champ)}
.meet .k{display:block;font-size:.76rem;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-3);font-weight:600;margin:14px 0 4px}
.meet h3{font-size:2rem;font-weight:400;margin-bottom:22px}
.meet ul{list-style:none}
.meet li{padding:13px 0 13px 26px;border-top:1px solid var(--line);color:var(--ink-2);position:relative}
.meet li::before{content:"";position:absolute;left:2px;top:24px;width:8px;height:1px;background:var(--champ)}
.meet-note{margin-top:22px;font-size:.95rem;color:var(--ink-3)}

/* 8 · entregas */
.deliv{display:grid;grid-template-columns:1.1fr .9fr;gap:72px;align-items:start}
.deliv-list{display:grid;grid-template-columns:1fr 1fr;gap:0 36px;margin-top:40px}
.d-item{padding:24px 0;border-top:1px solid var(--line)}
.d-item svg{width:26px;height:26px;color:#8A6D3F;margin-bottom:12px}
.d-item h3{font-size:1.3rem;margin-bottom:4px}
.d-item p{font-size:.98rem;color:var(--ink-2);line-height:1.55}
.deliv-img{position:sticky;top:40px}
.deliv-img img{aspect-ratio:4/5;object-fit:cover;object-position:50% 35%;width:100%}
.deliv-img figcaption{margin-top:16px;font-family:var(--serif);font-style:italic;font-size:1.2rem;color:var(--ink-2)}

/* 9 · aplicação */
.apply{text-align:center;overflow:hidden;background:radial-gradient(70% 90% at 50% 0%,#25314F 0%,var(--night) 70%)}
.steps3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:56px 0 48px;text-align:left}
.s3{border:1px solid var(--line-d);padding:30px 28px;background:rgba(255,255,255,.03)}
.s3 span{font-family:var(--serif);font-size:2rem;color:var(--champ-soft)}
.s3 p{margin-top:6px;font-size:1rem}

/* 10 · quem conduz */
.bio{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:center}
.bio-img{position:relative}
.bio-img img{aspect-ratio:4/5;object-fit:cover;object-position:50% 25%;width:100%}
.bio-img::before{content:"";position:absolute;inset:-20px 20px 20px -20px;background:var(--grain),linear-gradient(160deg,#D9C29A,#A8865A);opacity:.55;z-index:-1}
.bio p{color:var(--ink-2);margin-top:16px}
.creds{list-style:none;margin-top:30px;border-top:1px solid var(--line)}
.creds li{padding:13px 0;border-bottom:1px solid var(--line);font-size:.98rem}

/* 11 · dúvidas */
.faq{margin-top:44px;border-top:1px solid var(--line)}
details{border-bottom:1px solid var(--line)}
summary{cursor:pointer;list-style:none;padding:24px 0;font-family:var(--serif);font-size:1.35rem;display:flex;justify-content:space-between;gap:20px;align-items:baseline}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";font-family:var(--sans);font-size:1.5rem;color:#8A6D3F;transition:transform .3s}
details[open] summary::after{transform:rotate(45deg)}
details p{padding:0 0 24px;color:var(--ink-2);max-width:660px}

/* 12 · fechamento */
.closing{text-align:center}
.closing h2{font-size:clamp(2.4rem,5.6vw,4.2rem)}
.closing h2 em{color:var(--champ-soft)}
.closing p{margin:20px auto 40px;max-width:540px}
footer{background:#0A0F1C;color:var(--on-d-2);padding-block:30px;font-size:.88rem}
footer .wrap{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
footer a{color:var(--champ-soft);text-decoration:none}

@media (max-width:980px){
  .cards4{grid-template-columns:1fr 1fr}
  .pillars{grid-template-columns:1fr 1fr}
  .pillar:nth-child(3){padding-left:0;border-left:0}
  .pillar{padding-bottom:28px}
}
@media (max-width:820px){
  section{padding-block:80px}
  .hero{padding-block:110px 80px}
  .hero-grid,.thesis-grid,.what,.deliv,.bio{grid-template-columns:1fr;gap:56px}
  .hero{flex-direction:column;align-items:stretch;min-height:0;padding-top:0}
  .hero-photo{position:relative;width:100%;height:68vh;max-height:560px;order:-1}
  .hero-photo img{-webkit-mask-image:linear-gradient(180deg,#000 55%,transparent 100%);mask-image:linear-gradient(180deg,#000 55%,transparent 100%)}
  .hero-photo::after{background:linear-gradient(180deg,rgba(14,20,36,.35) 0%,transparent 30%)}
  .hero .wrap{margin-top:-40px}
  .mirror-pair{grid-template-columns:1fr}
  .mirror-pair::after{display:none}
  .side{padding:34px 24px}
  .meet-grid,.steps3{grid-template-columns:1fr}
  .meet{padding:36px 26px}
  .deliv-img{position:static;max-width:420px}
  .what-img,.bio-img{max-width:420px}
}
@media (max-width:560px){
  body{font-size:17px}
  .cards4,.pillars,.deliv-list{grid-template-columns:1fr}
  .pillar,.pillar+.pillar{padding:24px 0;border-left:0;border-bottom:1px solid var(--line-d)}
  .btn{width:100%}
  .top .role{display:none}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}