@font-face{ font-family:'NHD'; src:url('../../alissa-coo/content-ideen/dn-templates/fonts/NeueHaasDisplayRoman.ttf') format('truetype'); font-weight:400; font-style:normal; font-display:swap; }
@font-face{ font-family:'NHD'; src:url('../../alissa-coo/content-ideen/dn-templates/fonts/NeueHaasDisplayMediu.ttf') format('truetype'); font-weight:500; font-style:normal; font-display:swap; }
@font-face{ font-family:'NHD'; src:url('../../alissa-coo/content-ideen/dn-templates/fonts/NeueHaasDisplayBold.ttf') format('truetype'); font-weight:700; font-style:normal; font-display:swap; }
:root{ --bg:#FDFDFB; --text:#1A1A1A; --mid:#5A5A5A; --read:#333333; --dim:#999999; --rule:#D2D2D2; --hl:#F1422D; }
*{ margin:0; padding:0; box-sizing:border-box; }
body{ background:var(--bg); color:var(--text); font-family:'NHD',-apple-system,'Helvetica Neue',Arial,sans-serif; font-weight:400; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; }
.bar{ max-width:720px; margin:0 auto; padding:26px 24px 0; display:flex; justify-content:space-between; align-items:center; }
.bar a{ font-size:12px; letter-spacing:0.14em; text-transform:uppercase; color:var(--mid); text-decoration:none; }
.bar a:hover{ color:var(--text); }
article{ max-width:720px; margin:0 auto; padding:7vh 24px 4vh; }
.kick{ font-size:12px; letter-spacing:0.2em; text-transform:uppercase; color:var(--mid); }
h1{ margin:20px 0 20px; font-weight:500; font-size:clamp(1.55rem,3.8vw,2.5rem); letter-spacing:0.015em; line-height:1.18; text-transform:uppercase; }
.meta{ font-size:13px; letter-spacing:0.03em; color:var(--dim); margin-bottom:6vh; }
.lead{ font-size:clamp(1.2rem,2vw,1.45rem); font-weight:400; line-height:1.5; color:var(--text); margin-bottom:4vh; }
h2{ font-size:clamp(1.05rem,1.8vw,1.3rem); font-weight:500; letter-spacing:0.05em; line-height:1.32; margin:5vh 0 14px; text-transform:uppercase; }
p{ font-size:1.08rem; line-height:1.75; color:var(--read); margin-bottom:20px; }
p a{ color:var(--read); text-decoration:underline; text-decoration-color:var(--hl); text-decoration-thickness:1.5px; text-underline-offset:4px; }
.u{ text-decoration:underline; text-decoration-color:var(--hl); text-decoration-thickness:2px; text-underline-offset:4px; }
.pull{ font-size:clamp(1.35rem,2.5vw,1.9rem); font-weight:500; line-height:1.32; letter-spacing:-0.02em; color:var(--text); margin:6vh 0; padding-left:22px; border-left:2px solid var(--text); }
.note{ margin-top:8vh; padding-top:24px; border-top:1px solid var(--rule); font-size:13px; line-height:1.6; color:var(--dim); }
.cta{ margin:8vh 0 0; padding:34px; background:#fff; border:1px solid var(--rule); border-radius:14px; }
.cta p{ margin-bottom:14px; font-size:1.05rem; color:var(--read); }
.cta a{ font-size:12px; letter-spacing:0.14em; text-transform:uppercase; color:var(--text); text-decoration:none; border-bottom:1.5px solid var(--text); padding-bottom:3px; }
.cta a:hover{ color:var(--mid); border-color:var(--mid); }
footer{ max-width:720px; margin:0 auto; padding:6vh 24px 12vh; display:flex; gap:18px; flex-wrap:wrap; font-size:12px; letter-spacing:0.05em; color:var(--dim); border-top:1px solid var(--rule); }
footer a{ color:var(--mid); text-decoration:none; }
footer a:hover{ color:var(--text); }