/* ——— Ateliê de Cortinas Thatyane — base styles ——— */

:root {
  --cream: #F9F7F2;
  --paper: #F2EEE6;
  --ink:   #363636;
  --mute:  #8A8579;
  --bronze:#A86E56;
  --copper:#C48A72;
  --line:  #D9D2C5;
}

html, body {
  background: var(--cream);
  overflow-x: hidden;
  max-width: 100%;
}

/* Lenis controls scroll — disable native smooth */
html.lenis, html.lenis body { height: auto; }
.lenis.lenis-smooth { scroll-behavior: auto !important; }
.lenis.lenis-smooth [data-lenis-prevent] { overscroll-behavior: contain; }
.lenis.lenis-stopped { overflow: hidden; }

/* hairline rule used across sections */
.rule { height: 1px; background: var(--line); }
.rule-ink { height: 1px; background: var(--ink); opacity: 0.6; }

/* selection */
::selection { background: rgba(168, 110, 86, 0.18); color: var(--ink); }

/* utility — tabular small caps label */
.eyebrow {
  font-family: 'Manrope', sans-serif;
  font-weight: 400;
  font-size: 11px;
  letter-spacing: 0.32em;
  text-transform: uppercase;
  color: var(--mute);
}

/* paper/grain — extremely subtle, baked into background of large surfaces */
.grain {
  position: relative;
  isolation: isolate;
}
.grain::after {
  content: "";
  position: absolute; inset: 0;
  pointer-events: none;
  opacity: 0.045;
  mix-blend-mode: multiply;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.21  0 0 0 0 0.21  0 0 0 0 0.21  0 0 0 0.6 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");
}

/* slow drift for the hero curtain — barely perceptible */
@keyframes drift {
  0%, 100% { transform: translate3d(0,0,0); }
  50%      { transform: translate3d(-0.6%, 0.3%, 0); }
}

/* configurator curtain — light wash that drifts horizontally across the cloth */
@keyframes light-pass {
  0%   { transform: translateX(-30%); opacity: 0; }
  20%  { opacity: 0.45; }
  60%  { opacity: 0.45; }
  100% { transform: translateX(130%); opacity: 0; }
}
.curtain-light {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(100deg,
    transparent 38%,
    rgba(255, 240, 215, 0.18) 50%,
    transparent 62%);
  mix-blend-mode: screen;
  animation: light-pass 14s ease-in-out infinite;
  animation-delay: 2s;
}

/* Mobile: hero scrollytelling mais curto para não deixar gap enorme */
@media (max-width: 767px) {
  #top { height: 140vh !important; }
}

@media (prefers-reduced-motion: reduce) {
  .curtain-light { animation: none; }
}

/* configurator swatch — outline only, wallet-thin */
.swatch-ring {
  box-shadow: 0 0 0 1px var(--line) inset;
  transition: box-shadow 240ms ease, transform 240ms ease;
}
.swatch-ring--on {
  box-shadow: 0 0 0 1px var(--ink) inset, 0 0 0 6px var(--cream), 0 0 0 7px var(--ink);
}

/* hide scrollbar in webkit but keep functional */
::-webkit-scrollbar { width: 0; height: 0; }