*{box-sizing:border-box}html,body{margin:0}a{color:inherit}
body{background:#14110e;color:#f4ece1;font:400 18px/1.55 "Atkinson Hyperlegible",system-ui,sans-serif}
.hero{position:relative;min-height:100svh;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:24px clamp(18px,5vw,72px) 40px}
.ph{position:absolute;inset:0;background-size:cover}
header{position:relative;display:flex;justify-content:space-between;align-items:center;z-index:2}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none}
.brand img{width:52px;height:52px;border-radius:50%}
.brand b{font:700 19px/1.1 "Zilla Slab",serif}.brand small{display:block;font:400 13px "Atkinson Hyperlegible";color:#cbbfae}
header .ph-n{font-weight:700;font-size:17px;text-decoration:none}
.txt{position:relative;z-index:2;max-width:620px}
h1{font:700 clamp(50px,6.4vw,104px)/.98 "Zilla Slab",serif;letter-spacing:-.015em;margin:0 0 22px}
.lede{font-size:clamp(19px,1.5vw,21px);color:#e4d9ca;max-width:36ch;margin:0 0 26px}
.call{display:inline-flex;flex-direction:column;padding:14px 22px 12px;text-decoration:none;border-radius:3px}
.call small{font-weight:700;font-size:13px;opacity:.9}.call b{font:700 clamp(34px,3.4vw,46px)/1.05 "Zilla Slab",serif}
.meta{display:flex;flex-wrap:wrap;gap:6px 22px;margin-top:20px;font-size:15px;color:#cbbfae}
.meta b{color:#f4ece1}
.ill{position:absolute;right:16px;bottom:12px;margin:0;font-size:12px;color:rgba(244,236,225,.55);z-index:2}
.frame-note{position:fixed;left:12px;bottom:10px;margin:0;font:600 11px system-ui;color:rgba(255,255,255,.45);z-index:3}
.hero::before{content:"";position:absolute;inset:0 0 auto 0;height:150px;background:linear-gradient(180deg,rgba(20,17,14,.75),rgba(20,17,14,0));z-index:1;pointer-events:none}