:root{--paper: oklch(.97 .008 85);--ink: oklch(.19 .01 60);--oxblood: oklch(.38 .09 25);--oxblood-hover: oklch(.28 .07 25);--muted: oklch(.34 .015 60);--muted-label: oklch(.45 .02 60);--hairline: oklch(.19 .01 60 / .2);--toggle-border: oklch(.19 .01 60 / .35);--card-margin: clamp(14px, 3vw, 36px);--font-display: "Libre Caslon Display", Georgia, serif;--font-body: "Libre Caslon Text", Georgia, serif;--font-ui: Helvetica, Arial, sans-serif}html{scroll-behavior:smooth}body{margin:0;padding:var(--card-margin);background:var(--paper);color:var(--ink);font-family:var(--font-body)}a{color:var(--oxblood);text-decoration:none}a:hover{color:var(--oxblood-hover)}.page{border:1px solid var(--toggle-border);box-sizing:border-box;min-height:calc(100vh - 2 * var(--card-margin));display:flex;flex-direction:column}.mark{height:auto;mix-blend-mode:multiply}.nav{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:24px;padding:26px 6vw;border-bottom:1px solid var(--hairline)}.nav-brand{display:flex;align-items:center;gap:16px}.nav-brand .mark{width:64px}.nav-brand-name{font-family:var(--font-display);font-size:19px;white-space:nowrap}.nav-links{display:flex;align-items:center;gap:34px;font-family:var(--font-ui);font-size:9.5px;letter-spacing:.26em;text-transform:uppercase}.lang-toggle{display:flex;border:1px solid var(--toggle-border)}.lang-btn{font-family:var(--font-ui);font-size:9px;letter-spacing:.14em;padding:7px 12px;border:none;cursor:pointer;background:transparent;color:var(--ink)}.lang-btn.active{background:var(--ink);color:var(--paper)}@media(max-width:640px){.nav{padding-top:16px;padding-bottom:16px;gap:16px}.nav-links{gap:22px}.nav-links a{padding:12px 0}.lang-btn{padding:12px 15px}}.hero{padding:13vh 6vw 11vh;display:flex;flex-direction:column;align-items:center;text-align:center;gap:34px}.hero .mark{width:min(680px,80vw)}.hero h1{font-family:var(--font-display);font-size:clamp(44px,6vw,76px);line-height:1.05;letter-spacing:.02em;font-weight:400;margin:0}.hero-divider{width:72px;height:1px;background:var(--oxblood)}.hero-motto{font-size:18px;font-style:italic;letter-spacing:.06em;margin:-8px 0 0;color:var(--muted)}@media(max-width:480px){.hero h1{font-size:36px}}.portfolio{border-top:1px solid var(--hairline);padding:11vh 6vw;display:flex;flex-direction:column;align-items:center;text-align:center;gap:28px}.contact{border-top:1px solid var(--hairline);padding:10vh 6vw;display:flex;flex-direction:column;align-items:center;text-align:center;gap:22px;margin-top:auto}.kicker{font-family:var(--font-ui);font-size:9px;letter-spacing:.3em;text-transform:uppercase;color:var(--oxblood)}.nm-preview{width:min(1100px,100%);margin-top:6px;--nm-bg: rgb(8, 9, 44);--nm-accent: rgb(111, 151, 216);--nm-font: system-ui, -apple-system, "Segoe UI", sans-serif;box-sizing:border-box;padding:clamp(64px,14vh,130px) clamp(24px,4vw,64px);background-color:var(--nm-bg);background-image:radial-gradient(110% 75% at 50% 0%,#6f97d84d,#08092c00 65%);color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:34px}.nm-lockup{font-family:var(--nm-font);font-weight:700;font-size:clamp(34px,4.5vw,60px);line-height:1.08;letter-spacing:-.045em;margin:0;color:#fff}.nm-lockup-tagline{display:block;color:var(--nm-accent)}.nm-cta{font-family:var(--nm-font);font-size:15px;font-weight:600;padding:15px 34px;border-radius:999px;background-color:var(--nm-accent);color:var(--nm-bg);transition:background-color .15s ease}.nm-cta:hover{background-color:#8bafe6;color:var(--nm-bg)}@media(max-width:640px){.nm-preview{padding:84px 20px;gap:32px;border-radius:24px}.nm-lockup{font-size:clamp(21px,6.4vw,28px)}}.contact h2{font-family:var(--font-display);font-weight:400;font-size:clamp(28px,3vw,38px);line-height:1.2;margin:0}.btn{font-family:var(--font-ui);font-size:10px;letter-spacing:.3em;text-transform:uppercase;border:1px solid var(--oxblood);padding:16px 38px;color:var(--oxblood);transition:background-color .15s ease,color .15s ease}.btn:hover{background-color:var(--oxblood);color:var(--paper)}.contact .btn{margin-top:6px}@media(max-width:420px){.btn{letter-spacing:.18em;padding:15px 20px;max-width:100%;box-sizing:border-box}}.footer{border-top:1px solid var(--hairline);padding:40px 6vw;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}.footer-brand{display:flex;align-items:center;gap:14px}.footer-brand .mark{width:56px}.footer-brand-name{font-family:var(--font-display);font-size:16px}.footer-meta{font-family:var(--font-ui);font-size:8.5px;letter-spacing:.26em;text-transform:uppercase;color:var(--muted-label)}