/* Pagani — shared identity. Quiet, Italian-style: thin Persian headings, generous space.
   Type: Kalameh (fontiran.com, self-hosted in /fonts) for all Persian text — ExtraLight for headings,
   Regular/Medium for text; Bodoni Moda for small Latin labels. */
@font-face{font-family:'Bodoni Moda';src:url(../fonts/BodoniModa-400.woff2) format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Bodoni Moda';src:url(../fonts/BodoniModa-500.woff2) format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:Kalameh;src:url(../fonts/Kalameh-ExtraLight.woff2) format('woff2');font-weight:200;font-display:swap}
@font-face{font-family:Kalameh;src:url(../fonts/Kalameh-Light.woff2) format('woff2');font-weight:300;font-display:swap}
@font-face{font-family:Kalameh;src:url(../fonts/Kalameh-Regular.woff2) format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Kalameh;src:url(../fonts/Kalameh-Medium.woff2) format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:Kalameh;src:url(../fonts/Kalameh-SemiBold.woff2) format('woff2');font-weight:600;font-display:swap}

:root{
  /* palette sampled from the Pagani wordmark card: chocolate paper #4a3a2a, debossed letters #2a2110 */
  --bg:#ece7df; --surface:#f7f4ef; --ink:#2a2110; --mute:#6f6558; --line:#dad3c8;
  --brass:#946f2e; --brassSoft:rgba(148,111,46,.12); --onInk:#f7f4ef;
  --brand:#4a3a2a; --brandDeep:#2a2110; --onBrand:#eee5d6;
  --stage1:#f7f4ef; --stage2:#d6cfc4;
  --latin:"Bodoni Moda","Didot","Times New Roman",serif;
  --display:"Kalameh",Tahoma,sans-serif;
  --body:"Kalameh",Tahoma,sans-serif;
  color-scheme:light;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --bg:#16120d; --surface:#1f1913; --ink:#eee6da; --mute:#a5998a; --line:#362d23;
  --brass:#cfa85c; --brassSoft:rgba(207,168,92,.14); --onInk:#16120d;
  --brand:#4a3a2a; --brandDeep:#2a2110; --onBrand:#eee5d6;
  --stage1:#2c251d; --stage2:#100d09; color-scheme:dark}}
:root[data-theme="dark"]{
  --bg:#16120d; --surface:#1f1913; --ink:#eee6da; --mute:#a5998a; --line:#362d23;
  --brass:#cfa85c; --brassSoft:rgba(207,168,92,.14); --onInk:#16120d;
  --brand:#4a3a2a; --brandDeep:#2a2110; --onBrand:#eee5d6;
  --stage1:#2c251d; --stage2:#100d09; color-scheme:dark}

*{box-sizing:border-box}
[hidden]{display:none!important}
html,body{margin:0}
body{background:var(--bg);color:var(--ink);font:400 16px/1.8 var(--body)}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
button{font:inherit;color:inherit}
b,strong{font-weight:500}
:focus-visible{outline:2px solid var(--brass);outline-offset:3px}

/* Pagani wordmark (official vector); colour follows currentColor */
.logo{display:inline-block;height:26px;aspect-ratio:991/311;background:currentColor;
  -webkit-mask:url(../img/pagani-logo.svg) no-repeat center/contain;mask:url(../img/pagani-logo.svg) no-repeat center/contain}
/* the brand card: chocolate paper with grain, letters pressed into it */
.paper{background-color:var(--brand);color:var(--onBrand);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 .22 0'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23n)'/%3E%3C/svg%3E")}
.deboss{color:var(--brandDeep);filter:drop-shadow(0 1px 0 rgba(255,236,205,.16)) drop-shadow(0 -1px 0 rgba(0,0,0,.45))}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:2px;padding:14px 26px;
  background:var(--ink);color:var(--onInk);font:400 15px/1 var(--body);text-decoration:none;cursor:pointer;white-space:nowrap}
.btn:hover{background:var(--brass);color:#fff}
.btn.line{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
.btn.line:hover{box-shadow:inset 0 0 0 1px var(--brass);color:var(--brass);background:transparent}
.eyebrow{font:400 12px/1.2 var(--latin);letter-spacing:.32em;color:var(--brass);text-transform:uppercase;direction:ltr;display:inline-block}

@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}