/* DONOSTIA · site v2 · 2026-11-03 · só azul e creme, só tipografia */
@font-face{font-family:"Caslon Display";src:url("fonts/caslon-display.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Caslon Text";src:url("fonts/caslon-text.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Caslon Text";src:url("fonts/caslon-text-italic.woff2") format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"Caslon Text";src:url("fonts/caslon-text-bold.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}

:root{
  --azul:#0A1B3A;
  --creme:#F3EEE3;
  --creme-70:rgba(243,238,227,.7);
  --creme-40:rgba(243,238,227,.4);
  --fio:rgba(243,238,227,.28);
  --margem:clamp(20px,6vw,96px);
  --texto:"Caslon Text","Libre Caslon Text",Georgia,serif;
  --display:"Caslon Display","Libre Caslon Display",Georgia,serif;
}
*{box-sizing:border-box}
html{background:var(--azul);color:var(--creme);-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;overflow-x:clip;font-family:var(--texto);font-size:17px;line-height:1.6;background:var(--azul);color:var(--creme);-webkit-font-smoothing:antialiased;min-height:100svh}
a{color:inherit;text-decoration:none}
a:focus-visible{outline:1px solid var(--creme);outline-offset:6px}
.salto{position:absolute;left:-999px;top:0}
.salto:focus{left:var(--margem);top:12px;background:var(--creme);color:var(--azul);padding:6px 10px;z-index:9}

/* miúdas em versaletes espaçadas */
.eti{font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--creme-70);font-feature-settings:"kern"}
.lig{display:inline-block;padding-bottom:4px;border-bottom:1px solid var(--creme-40);transition:border-color .25s}
.lig:hover{border-color:var(--creme)}

/* cabeçalho */
.nav{position:fixed;inset:0 0 auto 0;display:flex;align-items:center;justify-content:space-between;padding:26px var(--margem);z-index:5;mix-blend-mode:normal}
.nav .marca{font-size:14px;letter-spacing:.34em;text-transform:uppercase;color:var(--creme)}
.nav ul{list-style:none;margin:0;padding:0;display:flex;gap:26px;align-items:center}
.nav li a{font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--creme-70)}
.nav li a:hover,.nav li a[aria-current]{color:var(--creme)}
.nav li.lingua a{letter-spacing:.18em}
.nav li.lingua a[aria-current]{border-bottom:1px solid var(--creme-40);padding-bottom:2px}

/* hero */
.hero{min-height:100svh;display:grid;grid-template-rows:1fr auto;padding:0 var(--margem) 44px}
.hero h1{align-self:center;margin:120px 0 0;font-family:var(--texto);font-style:italic;font-weight:400;font-size:clamp(56px,11.5vw,184px);line-height:.98;letter-spacing:-.01em;max-width:11ch;text-wrap:balance}
.hero .rodape-hero{display:flex;justify-content:flex-end;align-items:flex-end;gap:40px;flex-wrap:wrap}
.hero .rodape-hero .bloco{text-align:right;display:grid;gap:14px;justify-items:end}

/* secções */
section.sec{padding:clamp(96px,14vh,180px) var(--margem)}
.sec .eti{display:block;margin-bottom:34px}
.carta{max-width:34ch;font-size:clamp(22px,2.6vw,34px);line-height:1.45;margin:0}
.carta p{margin:0 0 1.1em}
.carta p:first-child::first-letter{font-family:var(--display);font-size:2.4em;line-height:.8;float:left;padding:.08em .08em 0 0}
.assin{margin-top:40px}

.lista{list-style:none;margin:0;padding:0;max-width:46ch}
.lista li{display:grid;grid-template-columns:3.2em 1fr;align-items:baseline;padding:18px 0;border-top:1px solid var(--fio);font-size:clamp(18px,1.9vw,24px)}
.lista li:last-child{border-bottom:1px solid var(--fio)}
.lista li .n{font-size:11px;letter-spacing:.24em;color:var(--creme-70)}
.lista li small{display:block;font-size:14px;color:var(--creme-70);margin-top:4px}
.nota{margin:40px 0 0;max-width:46ch;font-size:15px;line-height:1.7;color:var(--creme-70)}

.marcar{text-align:left}
.marcar .grande{font-family:var(--texto);font-style:italic;font-weight:400;font-size:clamp(34px,5.2vw,76px);line-height:1.05;margin:0 0 44px;max-width:16ch}
.marcar .contactos{display:grid;gap:18px;justify-items:start}
.marcar .contactos a{font-size:clamp(17px,1.6vw,21px)}
.marcar .contactos .eti{margin-top:18px}

footer{padding:40px var(--margem) 44px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;border-top:1px solid var(--fio)}
footer .eti{color:var(--creme-40)}
footer .ml{display:inline-flex;align-items:center;gap:10px;color:var(--creme-40)}
footer .ml img{height:14px;width:auto;opacity:.5}

@media (max-width:720px){
  .nav{padding:18px var(--margem)}
  .nav ul{gap:16px}
  .nav li.sec-link{display:none}
  .hero{padding-bottom:36px}
  .hero h1{margin-top:96px;font-size:clamp(40px,12.5vw,92px);max-width:none}
  .hero .rodape-hero{justify-content:flex-start}
  .hero .rodape-hero .bloco{text-align:left;justify-items:start}
  section.sec{padding:84px var(--margem)}
  .lista li{grid-template-columns:2.6em 1fr}
  footer{flex-direction:column;align-items:flex-start}
}