:root{--canvas:#f0efe9;--ink:#11110f;--accent:#bd3624;--ease:cubic-bezier(.22, 1, .36, 1)}*,:before,:after{box-sizing:border-box}html,body{width:100%;min-width:320px;height:100%;margin:0;overflow:hidden}html{background:var(--canvas)}body{color:var(--ink);background:var(--canvas);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Inter,Helvetica Neue,Helvetica,Arial,sans-serif}a{color:inherit}a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}img,svg{display:block}main,.hero{height:100dvh;min-height:0}.skip-link{z-index:10;color:var(--canvas);background:var(--ink);padding:10px 14px;position:fixed;top:12px;left:12px;transform:translateY(calc(-100% - 24px))}.skip-link:focus{transform:translateY(0)}.privacy-link{z-index:2;right:max(18px, env(safe-area-inset-right));bottom:max(14px, env(safe-area-inset-bottom));color:color-mix(in srgb, var(--ink) 62%, transparent);text-underline-offset:3px;padding:6px;font-size:12px;line-height:1;position:fixed}.privacy-link:hover,.privacy-link:focus-visible{color:var(--accent)}.legal-page{height:auto;min-height:100%;overflow:auto}main.legal-content{width:min(100% - 40px,680px);height:auto;min-height:100dvh;margin-inline:auto;padding:clamp(64px,10vw,112px) 0 96px}.legal-content h1,.legal-content h2,.legal-content p{margin-top:0}.legal-content h1{letter-spacing:-.06em;margin-bottom:32px;font-size:clamp(48px,10vw,76px);line-height:.95}.legal-content h2{letter-spacing:-.025em;margin:36px 0 10px;font-size:20px}.legal-content p{color:color-mix(in srgb, var(--ink) 82%, transparent);margin-bottom:18px;font-size:16px;line-height:1.65}.legal-content .legal-kicker{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px;font-size:13px;font-weight:760}.hero{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:clamp(24px,3.5vw,52px);width:min(100%,1320px);margin-inline:auto;padding:clamp(30px,6.4vh,58px) clamp(34px,7vw,104px);display:grid;position:relative}.hero-copy{flex-direction:column;grid-column:1;gap:clamp(32px,5vh,52px);min-width:0;display:flex}.hero h1{letter-spacing:-.075em;text-wrap:balance;max-width:460px;margin:0;font-size:clamp(64px,5.9vw,92px);font-weight:760;line-height:.88}.hero-annotation{color:var(--accent);letter-spacing:.02em;white-space:nowrap;transform-origin:0 100%;margin-left:.28em;font-size:clamp(14px,1.15vw,18px);font-weight:720;line-height:1;display:inline-block;transform:rotate(-8deg)translateY(-.85em)}.social-links{align-items:center;gap:18px;display:flex}.social-link{width:54px;height:54px;transition:color .18s var(--ease), transform .18s var(--ease);border-radius:50%;place-items:center;text-decoration:none;display:grid}.social-link:hover,.social-link:focus-visible{color:var(--accent);transform:translateY(-3px)}.social-link svg{fill:currentColor;width:26px;height:26px}.profile{flex-direction:column;grid-column:2;justify-self:center;align-items:center;gap:clamp(14px,2vh,20px);display:flex}.profile-name{letter-spacing:-.035em;text-align:center;margin:0;font-size:clamp(18px,1.6vw,24px);font-weight:720;line-height:1}.avatar{aspect-ratio:1;background:#d9d9d6;border-radius:50%;width:clamp(220px,22vw,320px);margin:0;overflow:hidden;box-shadow:0 0 0 1px #11110f14}.avatar img{object-fit:cover;object-position:center;width:100%;height:100%}@media (width<=700px){.privacy-link{right:max(10px, env(safe-area-inset-right));bottom:max(8px, env(safe-area-inset-bottom))}.hero{padding:max(18px, env(safe-area-inset-top)) clamp(20px, 7vw, 30px) max(18px, env(safe-area-inset-bottom));grid-template-rows:auto auto auto;grid-template-columns:1fr;align-content:center;justify-items:center;gap:clamp(14px,2.8vh,24px)}.hero-copy{display:contents}.hero h1{letter-spacing:-.07em;text-align:left;align-self:end;width:100%;max-width:350px;margin-bottom:clamp(24px,4vh,34px);font-size:clamp(42px,13.5vw,58px);line-height:.9;translate:0 -4px}.hero-annotation{margin-left:.2em;font-size:clamp(12px,3.6vw,15px);transform:rotate(-7deg)translateY(-.6em)}.profile{grid-area:2/1;place-self:center;gap:clamp(10px,1.8vh,14px)}.profile-name{font-size:clamp(17px,5vw,20px)}.avatar{width:clamp(152px,46vw,208px)}.social-links{grid-row:3;justify-self:center;gap:18px}}@media (width>=701px) and (height<=680px){.hero{gap:clamp(24px,4vw,64px);padding-block:16px}.hero h1{font-size:clamp(44px,12vh,80px)}.avatar{width:clamp(180px,min(23vw,44dvh),320px)}}@media (width<=700px) and (height<=740px){.hero h1{font-size:clamp(38px,12.5vw,48px)}.avatar{width:clamp(136px,min(44vw,30dvh),188px)}.profile{gap:8px}.social-links{gap:12px}}@media (prefers-reduced-motion:reduce){.social-link{transition:none}}
