/* Dra. Fernanda Alves · sistema visual (ver 02-conceito/sistema.md) */
:root{
  --preto:#0c0906; --preto-2:#141009; --carvao:#1b140d; --carvao-2:#241a11;
  --ambar:#d98a2b; --ambar-claro:#f0b765; --ambar-luz:#ffe2b0; --cobre:#8f4a1c;
  --rose:#e7c1b3; --carmim:#a3122c;
  --marfim:#f3e9dc; --marfim-2:rgba(243,233,220,.74); --marfim-3:rgba(243,233,220,.52);
  --linha:rgba(240,183,101,.26);
  --papel:#f4ecdf; --papel-2:#eadcc8; --tinta:#1d140c; --tinta-2:#5b4a3a; --ouro:#8a5a16;
  --linha-papel:rgba(138,90,22,.28);

  /* manuscrita: pedido do usuário foi a Birthnight (NoahType), livre só para uso pessoal.
     Com a licença comercial, declarar o @font-face e pôr "Birthnight" na frente. */
  --f-mao:"Satisfy","Brush Script MT",cursive;
  --f-titulo:"Gilda Display","Cormorant Garamond",Georgia,serif;
  --f-texto:"Outfit","Helvetica Neue",Arial,sans-serif;

  --margem:clamp(1.5rem,4.6vw,4.5rem);
  --secao:clamp(5rem,11vw,9.5rem);
  --ease:cubic-bezier(.2,.7,.2,1);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:1rem;-webkit-text-size-adjust:100%}
html,body{margin:0}
body{background:var(--preto);color:var(--marfim);font-family:var(--f-texto);font-weight:300;line-height:1.62;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
:focus-visible{outline:2px solid var(--ambar-claro);outline-offset:3px;border-radius:2px}
::selection{background:var(--ambar);color:#1a0f04}

/* granulado único e fixo */
body::after{content:"";position:fixed;inset:0;z-index:90;pointer-events:none;opacity:.05;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 1 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}

/* peças comuns */
.s-secao{position:relative;padding:var(--secao) var(--margem);isolation:isolate;overflow:hidden}
.s-secao--papel{background:var(--papel);color:var(--tinta)}
.s-olho{margin:0 0 1.2rem;font-size:.76rem;font-weight:400;letter-spacing:.3em;text-transform:uppercase;color:var(--ambar-claro);display:flex;align-items:center;gap:.9rem}
.s-olho::before{content:"";width:2.2rem;height:1px;background:linear-gradient(to right in oklab,transparent,currentColor)}
.s-secao--papel .s-olho{color:var(--ouro)}
.s-titulo{margin:0;font-family:var(--f-mao);font-weight:400;font-size:clamp(2.4rem,5.2vw,4.8rem);line-height:1.12;letter-spacing:0}
.s-luz{color:transparent;background:linear-gradient(100deg in oklab,var(--ambar-luz) 0%,var(--ambar-claro) 40%,var(--ambar) 85%);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 16px rgba(217,138,43,.5));padding:.05em .14em .14em .04em;margin:-.05em -.14em -.14em -.04em}
.s-secao--papel .s-luz{background:linear-gradient(100deg in oklab,#b87418,var(--ouro));-webkit-background-clip:text;background-clip:text;filter:none}
.s-texto{font-size:clamp(1rem,1.18vw,1.14rem);color:var(--marfim-2);max-width:34rem}
.s-secao--papel .s-texto{color:var(--tinta-2)}
.s-btn{display:inline-flex;align-items:center;gap:.7rem;padding:1rem 1.6rem;border-radius:999px;font-size:1rem;font-weight:500;letter-spacing:.02em;text-decoration:none;color:#1a0f04;background:linear-gradient(100deg in oklab,var(--ambar-claro),var(--ambar));box-shadow:0 0 0 1px rgba(255,230,189,.35) inset,0 10px 36px -10px rgba(217,138,43,.65);transition:transform .3s var(--ease),box-shadow .3s}
.s-btn:hover,.s-btn:focus-visible{transform:translateY(-2px);box-shadow:0 0 0 1px rgba(255,230,189,.6) inset,0 16px 44px -10px rgba(217,138,43,.85)}
.s-btn svg{width:1.15rem;height:1.15rem;flex:none}
.s-link{color:var(--ambar-claro);text-decoration:none;border-bottom:1px solid var(--linha);padding-bottom:.15em;transition:border-color .25s}
.s-link:hover,.s-link:focus-visible{border-color:var(--ambar-claro)}
.s-secao--papel .s-link{color:var(--ouro);border-color:var(--linha-papel)}
.s-fio{height:1px;border:0;margin:0;background:linear-gradient(to right in oklab,transparent,var(--ambar-claro) 30%,var(--ambar) 60%,transparent)}

/* entrada na rolagem: [data-rev] sobe; --d atrasa */
[data-rev]{opacity:0;transform:translateY(16px);transition:opacity .9s var(--ease) var(--d,0s),transform .9s var(--ease) var(--d,0s)}
[data-rev].is-vista{opacity:1;transform:none}
.sem-js [data-rev]{opacity:1;transform:none}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-delay:0s!important;animation-iteration-count:1!important;transition-duration:.01ms!important;transition-delay:0s!important}
  [data-rev]{opacity:1;transform:none}
}