@font-face{font-family:Karla;src:url('assets/karla.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:'Unica One';src:url('assets/unica-one.ttf') format('truetype');font-weight:400;font-display:swap}
:root{--red:#dd0000;--ink:#171717;--muted:#656565}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:#fff;color:var(--ink);font-family:Karla,Arial,sans-serif;-webkit-font-smoothing:antialiased}.header{background:#fff;border-top:5px solid var(--red)}.header-inner{max-width:1280px;margin:auto;padding:24px 48px;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{width:300px;height:auto}.header-years{font-family:'Unica One',sans-serif;font-size:24px;letter-spacing:2px;color:#555}.header-years span{color:var(--red);padding:0 14px}.hero{position:relative;background:#111;color:#fff;min-height:650px;display:flex;align-items:center;overflow:hidden}.hero-photo,.hero-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 53%}.hero-shade{background:linear-gradient(90deg,rgba(0,0,0,.86),rgba(0,0,0,.6) 47%,rgba(0,0,0,.12)),linear-gradient(0deg,rgba(0,0,0,.55),transparent 30%)}.hero-content{position:relative;width:100%;max-width:1280px;margin:auto;padding:75px 48px 110px}.eyebrow{text-transform:uppercase;font-size:13px;letter-spacing:3px;display:block;margin:0 0 25px}.hero .eyebrow:before{content:'';display:inline-block;width:35px;height:3px;background:var(--red);vertical-align:middle;margin-right:15px}h1,h2{font-family:'Unica One','Arial Narrow',sans-serif;font-weight:400}h1{font-size:clamp(58px,6.5vw,92px);line-height:1.04;text-transform:uppercase;letter-spacing:-1px;margin:0 0 25px}h1 span{color:#ef1818}.hero-intro{font-size:21px;line-height:1.6;color:#e4e4e4;margin:0 0 30px}.read-more{color:#fff;text-decoration:none;display:inline-flex;gap:35px;align-items:center;padding:12px 0;border-bottom:2px solid var(--red);font-size:15px}.read-more:hover{border-color:white}.read-more:focus-visible{outline:2px solid white;outline-offset:8px}.read-more span{font-size:23px}.hero-bottom{position:absolute;bottom:25px;left:48px;right:48px;display:flex;justify-content:space-between;max-width:1184px;margin:auto;color:#ccc;font-size:11px;text-transform:uppercase;letter-spacing:2px}.letter{max-width:1184px;margin:auto;display:grid;grid-template-columns:1fr 1.25fr;gap:90px;padding:100px 0 90px}.red{color:#b90000}.letter h2{font-size:45px;line-height:1.15;margin:0}.years{display:flex;gap:20px;align-items:center;margin-top:40px;font-family:'Unica One',sans-serif;font-size:25px;color:#777}.years i{height:1px;width:70px;background:#ccc}.letter-text{font-size:18px;line-height:1.75}.letter-text p{margin:0 0 22px}.salutation{font-weight:bold}.signature{padding-top:10px}.signature strong{font-weight:400;font-family:'Unica One',sans-serif;font-size:25px;display:inline-block;margin-top:5px}.closure{display:flex;gap:14px;border-top:1px solid #ddd;margin-top:32px;padding-top:22px}.closure-mark{width:7px;height:7px;background:var(--red);margin-top:11px;flex-shrink:0}.closure p{font-size:14px;line-height:1.7;margin:0}.closure p span{color:var(--muted)}.farewell{text-align:center;background:#f3f3f1;padding:58px 24px 62px;border-bottom:4px solid var(--red)}.farewell p{font-family:'Unica One',sans-serif;font-size:clamp(27px,3vw,40px);margin:0 0 12px}.farewell span{font-size:16px;color:#646464}footer{background:#111;color:#b8b8b8;display:flex;justify-content:space-between;gap:15px;padding:28px 48px;font-size:12px}@media(min-width:1440px){.hero{min-height:700px}}@media(max-width:1279px){.letter{padding:80px 48px;gap:60px}}@media(max-width:760px){.header-inner{padding:20px 24px}.logo{width:235px;max-width:75%}.header-years{font-size:16px;letter-spacing:0;white-space:nowrap}.header-years span{padding:0 3px}.hero{min-height:590px}.hero-content{padding:65px 24px 100px}.hero-photo{object-position:57% center}.hero-shade{background:linear-gradient(90deg,rgba(0,0,0,.86),rgba(0,0,0,.44))}.hero-intro{font-size:18px}.hero-bottom{left:24px;right:24px;font-size:9px;letter-spacing:1px}.eyebrow{font-size:11px;letter-spacing:2px}.letter{display:block;padding:60px 24px}.letter-side{margin-bottom:36px}.letter h2{font-size:38px}.years{margin-top:24px}.letter-text{font-size:17px}.farewell{padding:45px 24px}footer{padding:25px 24px;flex-direction:column;gap:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
