/* Augustin Watches — pagina de deschidere */
.deschidere{position:relative;min-height:100svh;display:flex;align-items:center;overflow:hidden}
.deschidere .fundal{position:absolute;inset:0;z-index:0}
.deschidere .film{width:100%;height:100%;object-fit:cover;display:block}
.deschidere .voal{position:absolute;inset:0;background:
  /* trei straturi, ca titlul sa ramana lizibil pe ORICE cadru al filmului */
  radial-gradient(135% 100% at 50% 38%,rgba(11,11,11,.10) 0%,rgba(11,11,11,.72) 66%,rgba(11,11,11,.95) 100%),
  linear-gradient(100deg,rgba(11,11,11,.9) 0%,rgba(11,11,11,.6) 36%,rgba(11,11,11,.12) 64%,rgba(11,11,11,0) 100%),
  linear-gradient(to bottom,rgba(11,11,11,.5) 0%,rgba(11,11,11,0) 26%,rgba(11,11,11,0) 52%,rgba(11,11,11,.96) 100%)}
.text-deschidere{position:relative;z-index:1;padding-top:112px;padding-bottom:96px}
/* .deschidere e flex: fara latime, blocul se strangea pe continut si se centra (titlul la 484 px, logo-ul la 80).
   Pe grila (brandbook 13.1), textul sta in stanga, aliniat cu antetul, iar ceasul din film ramane in dreapta. */
.text-deschidere{width:100%}
.semnatura{font:400 15px var(--ft);letter-spacing:.34em;text-transform:uppercase;color:var(--aur);margin:28px 0 0}
.promisiune{font-size:21px;color:var(--alb);max-width:38ch;margin:32px 0 48px}
.actiuni{display:flex;gap:16px;flex-wrap:wrap}
/* Pe telefon cele doua butoane se asezau unul sub altul, fiecare cu latimea
   textului lui: un bloc de 160px peste unul de 235px. Egale, se citesc ca o
   pereche, si fiecare primeste toata latimea degetului. */
@media(max-width:560px){
  .actiuni{flex-direction:column;align-items:stretch;gap:12px}
}
.coboara{position:absolute;left:50%;bottom:40px;transform:translateX(-50%);z-index:1;width:1px;height:56px;background:var(--linie)}
.coboara span{position:absolute;inset:0;background:var(--aur);transform-origin:top;animation:cade 2.4s cubic-bezier(.4,0,.2,1) infinite}
@keyframes cade{0%{transform:scaleY(0)}45%{transform:scaleY(1)}100%{transform:scaleY(1);opacity:0}}

@media(max-width:900px){.doua-coloane{grid-template-columns:1fr;gap:32px}}




/* Clipul de deschidere (17.10): pe ecran mare se construieste o data si ramane pe fotografia reala.
   La miscare redusa si pe telefon nu se incarca (brandbook 13.3): ramane fotografia reala. Pe telefon,
   varianta verticala, cu ceasul in jumatatea de jos, sub titlu. Regula de telefon sta a doua: castiga. */
@media(prefers-reduced-motion:reduce){
  .deschidere .film{display:none}
  .deschidere .fundal{background:url(img/poster-hero.jpg?v=atlantis) right center/cover}
}
/* Pe telefon (18.10, Ovidiu: «prea mult negru sus»): ceasul real sta SUS, imediat sub antet, pe toata latimea si
   nevoalat; textul vine sub el, peste marginea de jos a ceasului, care se stinge in negrul paginii. Inainte, textul
   era centrat pe inaltime si ceasul mic, jos, sub butoane: jumatate de ecran negru deasupra. */
@media(max-width:640px),(orientation:portrait){
  /* inaltimea dupa continut: cu «Site pentru desktop» Chrome deseneaza 980 px latime si ~2100 inaltime, iar 100svh lasa
     sub butoane un gol negru cat jumatate de ecran (captura lui Ovidiu, 18.10). Pe telefon, continutul e oricum ~un ecran. */
  .deschidere{align-items:flex-start;min-height:auto}
  .deschidere .film{display:none}
  .deschidere .fundal{background:url(img/hero-mobil-ceas.webp?v=1) center 64px/min(100vw,560px) auto no-repeat}
  .deschidere .voal{background:
    linear-gradient(to bottom,rgba(11,11,11,.6) 0,rgba(11,11,11,0) 120px),
    linear-gradient(to bottom,rgba(11,11,11,0) calc(64px + min(100vw,560px)*.74),rgba(11,11,11,.97) calc(64px + min(100vw,560px)*.98))}
  .text-deschidere{padding-top:calc(64px + min(100vw,560px)*.9);padding-bottom:96px}
  /* spatii mai stranse, ca butoanele sa intre in primul ecran sub ceas */
  .deschidere .semnatura{margin-top:18px}
  .deschidere .promisiune{font-size:18px;margin:22px 0 30px}
}
/* filmul are fundalul negru al paginii: incape intreg, lipit la dreapta, si nu creste peste titlu pe ecranele 4:3 */
.deschidere .film{object-fit:contain;object-position:right center}

/* ---------- Recent, in presa (20.10) ----------
   O singura aparitie: cutia de pe pagina Presa (presa.css) intinsa pe un rand lat, nu o cutie singura intr-o grila
   goala. Pe ecran lat, publicatia si data stau la stanga, linia atelierului la dreapta. */
.presa-recenta .aparitie{
  margin-top:48px;height:auto;
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:0 56px;align-items:start;
}
.presa-recenta .aparitie .cap{grid-column:1/-1;margin-bottom:6px}
.presa-recenta .aparitie .publicatie{grid-column:1;font-size:30px}
.presa-recenta .aparitie .rezumat{grid-column:2;grid-row:2;margin-top:22px;font-size:17px;max-width:60ch}
.presa-recenta .aparitie .semn{grid-column:2}
@media(max-width:820px){
  .presa-recenta .aparitie{display:flex;align-items:stretch;margin-top:36px}
  .presa-recenta .aparitie .publicatie{font-size:24px}
  .presa-recenta .aparitie .rezumat{font-size:15px;margin-top:12px}
}