:root{--bg: #f5f0e6;--bg-2: #ece4d4;--surface: #fbf6ec;--ink: #1a1410;--ink-2: #5a4c3f;--ink-3: #968775;--rule: rgba(26, 20, 16, .1);--rule-strong: rgba(26, 20, 16, .22);--accent: #d23a1a;--accent-2: #e85a2a;--accent-soft: rgba(210, 58, 26, .08);--ochre: #d9a13b;--display: "Fraunces", Georgia, serif;--body: "Inter", -apple-system, sans-serif;--mono: "JetBrains Mono", ui-monospace, monospace;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-smooth: cubic-bezier(.22, .61, .36, 1)}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);color:var(--ink);font-family:var(--body);min-height:100vh;scroll-behavior:smooth}a{color:inherit;text-decoration:none}.mono{font-family:var(--mono);font-size:11px;letter-spacing:.04em}.serif{font-family:var(--display)}.italic{font-family:var(--display);font-style:italic;font-weight:400}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:1;opacity:.22;mix-blend-mode:multiply;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.35 0 0 0 0 0.28 0 0 0 0 0.2 0 0 0 0.09 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}nav{position:sticky;top:0;z-index:30;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:48px;padding:16px max(40px,calc(50vw - 700px));border-bottom:1px solid var(--rule);background:#f5f0e6e0;backdrop-filter:blur(10px)}.nav-brand{display:flex;align-items:baseline;gap:12px}.nav-title{font-family:var(--display);font-style:italic;font-size:22px;letter-spacing:-.02em;font-weight:500}.nav-title a{transition:color .2s}.nav-title a:hover{color:var(--accent)}.nav-vol{font-family:var(--mono);color:var(--ink-3);font-size:10px;letter-spacing:.06em;text-transform:uppercase}.nav-links{display:flex;gap:22px;justify-content:center}.nav-links a{font-family:var(--display);font-style:italic;font-size:17px;letter-spacing:-.005em;position:relative;padding:4px 0;transition:color .2s}.nav-links a:after{content:"";position:absolute;left:0;right:100%;bottom:0;height:1px;background:var(--accent);transition:right .3s var(--ease-out)}.nav-links a:hover{color:var(--accent)}.nav-links a:hover:after{right:0}.nav-resume{color:var(--accent)!important}.nav-resume:hover{color:var(--accent-2)!important}.nav-social{display:flex;gap:4px;align-items:center}.soc{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;color:var(--ink-2);transition:all .2s;border:1px solid transparent}.soc:hover{color:var(--accent);background:var(--accent-soft);border-color:var(--rule)}.soc svg{width:16px;height:16px}section{padding:80px max(48px,calc(50vw - 700px))}footer{padding:40px max(48px,calc(50vw - 700px));border-top:1px solid var(--rule);display:flex;justify-content:space-between;align-items:center}footer .fin{font-family:var(--display);font-style:italic;font-size:14px;color:var(--ink-3)}.section-rule{display:flex;align-items:baseline;gap:24px;padding:24px 0 56px;border-top:1px solid var(--rule-strong);margin-bottom:0}.section-rule .num{font-family:var(--mono);font-size:11px;color:var(--accent);letter-spacing:.12em;text-transform:uppercase;font-weight:500}.section-rule .label{font-family:var(--display);font-style:italic;font-size:15px;color:var(--ink-3);white-space:nowrap}.section-rule .line{flex:1;height:1px;background:var(--rule)}.chip{font-family:var(--mono);font-size:10px;padding:3px 10px;background:var(--bg);border:1px solid var(--rule);border-radius:100px;color:var(--ink-2);letter-spacing:.06em}.reveal{opacity:0;transform:translateY(24px);transition:opacity .9s var(--ease-out),transform .9s var(--ease-out)}.reveal.in{opacity:1;transform:translateY(0)}.bg2{background:var(--bg-2)}@media(max-width:768px){nav{grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:0;row-gap:10px;padding:14px 20px}.nav-vol{display:none}.nav-links{grid-column:1 / -1;grid-row:2;justify-content:flex-start;gap:14px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:2px}.nav-links::-webkit-scrollbar{display:none}.nav-links a{font-size:15px;white-space:nowrap}section{padding:56px 20px}footer{padding:28px 20px;flex-direction:column;gap:8px;align-items:flex-start}}@media(max-width:480px){section{padding:44px 16px}footer{padding:24px 16px}}
