@font-face{font-family:"Inter";src:url("assets/inter-variable.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
:root{color-scheme:light;--paper:#f5f3e9;--ink:#191918;--accent:#f43a20}
*{box-sizing:border-box}html{background:var(--paper)}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Inter","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:400;-webkit-font-smoothing:antialiased}p,h1{margin:0}::selection{color:var(--paper);background:var(--ink)}
.page{min-height:100svh;max-width:2000px;margin:0 auto;padding:44px 6vw 34px;display:flex;flex-direction:column}
.identity{display:flex;align-items:center;justify-content:space-between;gap:20px}.name{font-size:30px;font-weight:400;letter-spacing:-.045em;line-height:.96}.headline-slash{color:var(--accent);font-weight:300}.role{font-size:15px;line-height:1.5;max-width:320px;text-align:right}
main{flex:1;display:flex;flex-direction:column;justify-content:center;padding:72px 0 65px}
h1{color:var(--ink);font-weight:400;font-size:clamp(48px,9.7vw,174px);line-height:1.04;letter-spacing:-.02em}.line{display:block;animation:settle 1.15s cubic-bezier(.2,.7,.2,1) both;transform-origin:left center}.line:nth-child(2){animation-name:settle-middle;animation-delay:.09s}.line:nth-child(3){animation-delay:.18s}
.message{margin-top:38px;font-size:clamp(16px,1.35vw,21px);line-height:1.6;animation:appear 1s .32s both}
footer{display:flex;justify-content:space-between;align-items:baseline;gap:18px;padding-top:24px;border-top:1px solid #cbc9bf;font-size:14px;line-height:1.5}footer a{font-size:17px;text-decoration:none;color:inherit;border-bottom:1px solid transparent;transition:border-color .2s}footer a:hover{border-color:var(--accent);color:var(--accent)}footer a:focus-visible{outline:2px solid var(--ink);outline-offset:6px}
@keyframes settle{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes settle-middle{from{opacity:0;transform:translate(25px,18px)}to{opacity:1;transform:translate(0,0)}}@keyframes appear{from{opacity:0}to{opacity:1}}
@media(min-width:1800px){.page{padding-left:108px;padding-right:108px}}
@media(max-width:700px){.page{padding:28px 6vw 28px}.identity{display:block}.name{font-size:27px}.role{font-size:14px;margin-top:18px;max-width:280px;text-align:left}main{padding:72px 0 64px}h1{font-size:12vw;line-height:1.13;letter-spacing:-.02em}.message{font-size:16px;line-height:1.65;margin-top:32px}footer{display:block;font-size:14px;padding-top:21px}footer p{max-width:300px}footer a{display:inline-block;margin-top:12px;font-size:18px}}
@media(max-width:360px){.message{font-size:15px}footer{font-size:13px}}
@media(prefers-reduced-motion:reduce){.line,.message{animation:none}footer a{transition:none}}
@media print{.page{min-height:0}main{padding:50px 0}.line,.message{animation:none}}