@import url("../fonts/fonts.css");

:root{
  --bg:#F6F2EF; --paper:#fff; --ink:#3B3836; --muted:#7D7976; --rose:#C9A19B; --rose-dark:#A87C76; --line:#E5DEDA;
}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--bg);color:var(--ink);font:400 17px/1.7 Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit}
img{display:block;max-width:100%;height:auto}

.pd-header{position:absolute;top:0;left:0;right:0;z-index:5;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:22px clamp(16px,4vw,48px)}
.pd-logo{background:rgba(255,255,255,.88);backdrop-filter:blur(8px);border-radius:14px;padding:10px 16px}
.pd-logo img{width:clamp(170px,22vw,240px)}
.pd-mail{font-size:14px;color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.6);border-radius:999px;padding:9px 16px;background:rgba(0,0,0,.12);backdrop-filter:blur(6px)}
.pd-mail:hover{background:#fff;color:var(--ink)}

.pd-hero{position:relative;min-height:88svh;display:grid;place-items:center;text-align:center;color:#fff;padding:140px 16px 90px;
  background:linear-gradient(180deg,rgba(30,40,55,.25),rgba(30,40,55,.45)),var(--hero,#8fa7bf) center/cover}
.pd-hero-in{max-width:820px}
.pd-hero h1{font-family:Archivo,sans-serif;font-stretch:72%;font-weight:400;text-transform:uppercase;letter-spacing:.14em;font-size:clamp(30px,5.4vw,64px);line-height:1.1}
.pd-hero blockquote{margin-top:28px}
.pd-hero blockquote p{font-size:clamp(18px,2vw,24px);font-weight:400;font-style:italic;opacity:.95}
.pd-hero cite{display:block;margin-top:8px;font-style:normal;font-size:14px;letter-spacing:.12em;text-transform:uppercase;opacity:.8}
.pd-edit-image{position:absolute;left:16px;bottom:16px;width:260px;z-index:6}

.pd-news{padding:0 16px;margin-top:-60px;position:relative;z-index:2}
.pd-card{max-width:760px;margin:0 auto;background:var(--paper);border-radius:22px;padding:clamp(28px,5vw,56px);text-align:center;box-shadow:0 30px 60px -30px rgba(59,56,54,.35)}
.pd-kicker{display:inline-block;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--rose-dark);border:1px solid var(--rose);border-radius:999px;padding:5px 12px}
.pd-card h2{font-family:Archivo,sans-serif;font-stretch:72%;font-weight:500;text-transform:uppercase;letter-spacing:.08em;font-size:clamp(26px,3.6vw,40px);margin:18px 0 12px;line-height:1.15}
.pd-card p{color:var(--muted);font-size:18px}
.pd-btn{display:inline-block;margin-top:26px;background:var(--rose);color:#fff;text-decoration:none;border-radius:999px;padding:13px 22px;font-weight:500;transition:background .2s}
.pd-btn:hover{background:var(--rose-dark)}

.pd-text{max-width:760px;margin:0 auto;padding:150px 16px 80px}
.pd-text h1{font-family:Archivo,sans-serif;font-stretch:72%;font-weight:500;text-transform:uppercase;letter-spacing:.1em;font-size:clamp(28px,4vw,44px);margin-bottom:28px}
.pd-prose h2{font-size:19px;font-weight:600;margin:30px 0 8px}
.pd-prose p,.pd-prose li{color:var(--muted);margin-bottom:12px}
.pd-prose ul{padding-left:20px}
.pd-prose a{color:var(--rose-dark)}
body:has(.pd-text) .pd-mail{color:var(--ink);border-color:var(--line);background:var(--paper)}

.pd-footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:60px clamp(16px,4vw,48px) 34px;color:var(--muted);font-size:14px}
.pd-footer a{color:var(--muted)}
.pd-footer a:hover{color:var(--rose-dark)}
@media(max-width:560px){.pd-mail{display:none}}