html{scroll-behavior:smooth}body{background:var(--ink);color:var(--tusk);overflow-x:hidden}
a{color:var(--boar);text-decoration:none}a:hover{color:var(--boar-deep)}
.container{width:min(1160px,calc(100% - 56px));margin:0 auto}
nav{position:sticky;top:0;z-index:40;backdrop-filter:blur(14px);background:rgba(20,17,15,.72);border-bottom:1px solid rgba(251,248,243,.08)}
nav .inner{display:flex;align-items:center;gap:20px;padding:15px 0}
nav .logo{height:26px}
nav .back{margin-left:auto;font-size:13.5px;font-weight:500;color:rgba(251,248,243,.6)}
nav .back:hover{color:var(--tusk)}
main{padding:76px 0 90px}
.wrap{max-width:720px}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:rgba(251,248,243,.62);background:rgba(251,248,243,.05);border:1px solid rgba(251,248,243,.12);padding:6px 13px;border-radius:999px}
h1{font-family:var(--font-display);font-weight:700;font-size:clamp(34px,5vw,52px);letter-spacing:-.035em;line-height:1.04;margin:20px 0 0}
.lede{font-size:16.5px;line-height:1.6;color:rgba(251,248,243,.68);margin:18px 0 0;text-wrap:pretty}
.placeholder{margin-top:36px;border:1px dashed rgba(251,248,243,.2);border-radius:var(--r-xl);padding:44px 38px;background:rgba(251,248,243,.02)}
.placeholder h2{font-family:var(--font-display);font-weight:600;font-size:20px;letter-spacing:-.015em;margin:0}
.placeholder p{font-size:14.5px;line-height:1.65;color:rgba(251,248,243,.6);margin:12px 0 0;max-width:56ch}
.aside{display:flex;align-items:flex-start;gap:13px;margin-top:34px}
.aside .mug{width:40px;height:40px;border-radius:12px;overflow:hidden;flex:none;background:rgba(251,248,243,.06);border:1px solid rgba(251,248,243,.12)}
.aside .mug img{width:100%;height:100%;object-fit:cover;transform:scale(1.18)}
.aside .say{font-style:italic;font-size:14.5px;line-height:1.55;color:rgba(251,248,243,.7)}
footer{border-top:1px solid rgba(251,248,243,.08);padding:30px 0 44px}
footer .flinks{display:flex;gap:22px;flex-wrap:wrap}
footer .flinks a{color:rgba(251,248,243,.55);font-size:13.5px;font-weight:500}
footer .flinks a:hover{color:var(--tusk)}
footer .copy{font-size:12.5px;color:rgba(251,248,243,.58);margin-top:14px}
@media(max-width:720px){.container{width:calc(100% - 40px)}main{padding:52px 0 64px}.placeholder{padding:32px 24px}}