:root{--bg:#0e1013;--surface:#171a1f;--surface-2:#1d2025;--text:#f5f5f2;--text-soft:#c2c4c9;--text-muted:#9ea3a8;--warm:#ede8e0;--type-display:clamp(3.5rem, 8vw, 7rem);--type-heading:clamp(2.25rem, 5vw, 4.25rem);--type-body:clamp(1.05rem, 1.6vw, 1.25rem);--type-meta:.8rem;--leading-display:.98;--leading-heading:1.04;--leading-body:1.55;--space-1:.5rem;--space-2:1rem;--space-3:1.5rem;--space-4:2rem;--space-5:3rem;--space-6:4rem;--space-7:6rem;--space-8:8rem;--page-pad:clamp(1.25rem, 4vw, 7.5rem);--content-max:90rem;--copy-max:48rem;--radius:.75rem}*{box-sizing:border-box}html{background:var(--bg);color:var(--text)}body{background:var(--bg);color:var(--text);margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.site-shell{min-height:100svh}.site-header{padding:1.5rem var(--page-pad);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:10;background:#0e1013e0;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.site-name,.site-nav{font-size:var(--type-meta);letter-spacing:.08em;text-transform:uppercase}.site-nav{color:var(--text-muted);gap:1.25rem;display:flex}.hero{align-content:end;gap:var(--space-4);min-height:calc(100svh - 70px);padding:var(--space-7) var(--page-pad);max-width:var(--content-max);margin:0 auto;display:grid}.eyebrow{font-size:var(--type-meta);letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin:0}.display{font-size:var(--type-display);line-height:var(--leading-display);letter-spacing:-.055em;max-width:13ch;margin:0;font-weight:500}.intro{max-width:44rem;font-size:var(--type-body);line-height:var(--leading-body);color:var(--text-soft);margin:0}.work{padding:var(--space-8) var(--page-pad);max-width:var(--content-max);margin:0 auto}.section-heading{margin:0 0 var(--space-5);font-size:var(--type-heading);line-height:var(--leading-heading);letter-spacing:-.035em;font-weight:500}.project-card{border-radius:var(--radius);background:var(--surface-2);align-content:end;min-height:32rem;padding:clamp(1.5rem,4vw,3rem);display:grid;overflow:hidden}.project-meta{margin:0 0 var(--space-2);font-size:var(--type-meta);letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}.project-title{letter-spacing:-.04em;max-width:18ch;margin:0;font-size:clamp(2rem,4vw,4rem);font-weight:500;line-height:1.02}.project-description{margin:var(--space-3) 0 0;max-width:var(--copy-max);font-size:var(--type-body);line-height:var(--leading-body);color:var(--text-soft)}.footer{padding:var(--space-6) var(--page-pad);color:var(--text-muted);font-size:var(--type-meta);border-top:1px solid #ffffff14}@media (max-width:720px){.site-nav{gap:.75rem}.hero{min-height:82svh}.work{padding-top:var(--space-6)}.project-card{min-height:25rem}}.contact-actions{z-index:60;border-left:1px solid #8f8b826b;align-items:center;gap:.2rem;padding-left:1rem;display:inline-flex;position:fixed;top:1.55rem;right:clamp(1.25rem,4vw,4.5rem)}.contact-action{color:#8f8b82;border-radius:999px;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;transition:color .16s,background-color .16s;display:inline-flex}.contact-action:hover{color:#f0eee8;background:#f0eee812}.contact-action:focus-visible{color:#f0eee8;outline-offset:2px;outline:2px solid #c8563f}.contact-action svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:1.05rem;height:1.05rem}.contact-action:last-child svg{fill:currentColor;stroke:none}body:has(.contact-actions) main>header{padding-right:calc(clamp(8rem,12vw,11rem) + 1.25rem)!important}@media (max-width:620px){.contact-actions{padding-left:.65rem;top:1.15rem;right:1.1rem}.contact-action{width:2.15rem;height:2.15rem}body:has(.contact-actions) main>header{padding-right:7.5rem!important}}html{scroll-behavior:smooth}::selection{color:#11110f;background:#c8563f}a{-webkit-tap-highlight-color:#c8563f38}.contact-action{transition:color .22s cubic-bezier(.22,1,.36,1),background-color .22s cubic-bezier(.22,1,.36,1),transform .22s cubic-bezier(.22,1,.36,1)}.contact-action svg{transition:transform .22s cubic-bezier(.22,1,.36,1)}.contact-action:active{transition-duration:70ms;transform:scale(.92)}@media (hover:hover) and (pointer:fine){.contact-action:hover{transform:translateY(-1px)}.contact-action:hover svg{transform:scale(1.08)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.contact-action,.contact-action svg{transition-duration:.01ms}}.portfolio-header{z-index:70;color:#f0eee8;-webkit-backdrop-filter:blur(16px);background:#11110feb;border-bottom:1px solid #34332e;justify-content:space-between;align-items:center;min-height:5.6rem;padding:0 clamp(1.25rem,4vw,4.5rem);display:flex;position:sticky;top:0}.portfolio-header__brand,.portfolio-header__link{color:inherit;letter-spacing:.13em;text-transform:uppercase;font-size:.72rem;transition:color .18s cubic-bezier(.4,0,.2,1),transform .18s cubic-bezier(.22,1,.36,1);display:inline-flex;position:relative}.portfolio-header__nav{color:#8f8b82;align-items:center;gap:1.6rem;display:flex}.portfolio-header__link:after,.portfolio-header__brand:after{content:"";transform-origin:100%;background:#c8563f;height:1px;transition:transform .32s cubic-bezier(.22,1,.36,1);position:absolute;bottom:-.42rem;left:0;right:0;transform:scaleX(0)}.portfolio-header__link--active{color:#f0eee8}.portfolio-header__link--active:after{transform-origin:0;transform:scaleX(1)}.portfolio-header__contacts{border-left:1px solid #8f8b826b;align-items:center;gap:.2rem;padding-left:1rem;display:inline-flex}.portfolio-header__icon{color:#8f8b82;border-radius:999px;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;transition:color .22s cubic-bezier(.22,1,.36,1),background-color .22s cubic-bezier(.22,1,.36,1),transform .22s cubic-bezier(.22,1,.36,1);display:inline-flex}.portfolio-header__icon svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:1.05rem;height:1.05rem;transition:transform .22s cubic-bezier(.22,1,.36,1)}.portfolio-header__icon:last-child svg{fill:currentColor;stroke:none}.portfolio-header__brand:focus-visible,.portfolio-header__link:focus-visible,.portfolio-header__icon:focus-visible{color:#f0eee8;outline-offset:.4rem;outline:2px solid #c8563f}.portfolio-header__brand:active,.portfolio-header__link:active{color:#c8563f;transform:translateY(1px)}.portfolio-header__icon:active{transform:scale(.92)}@media (hover:hover) and (pointer:fine){.portfolio-header__brand:hover,.portfolio-header__link:hover{color:#f0eee8;transform:translateY(-1px)}.portfolio-header__brand:hover:after,.portfolio-header__brand:focus-visible:after,.portfolio-header__link:hover:after,.portfolio-header__link:focus-visible:after{transform-origin:0;transform:scaleX(1)}.portfolio-header__icon:hover{color:#f0eee8;background:#f0eee812;transform:translateY(-1px)}.portfolio-header__icon:hover svg{transform:scale(1.08)}}@media (max-width:620px){.portfolio-header{min-height:4.8rem;padding:0 1rem}.portfolio-header__brand,.portfolio-header__link{letter-spacing:.1em;font-size:.64rem}.portfolio-header__nav{gap:.65rem}.portfolio-header__contacts{gap:0;padding-left:.55rem}.portfolio-header__icon{width:2rem;height:2rem}.portfolio-header__icon svg{width:.95rem;height:.95rem}}@media (max-width:380px){.portfolio-header{padding:0 .75rem}.portfolio-header__nav{gap:.5rem}.portfolio-header__contacts{padding-left:.4rem}.portfolio-header__icon{width:1.8rem}}@media (prefers-reduced-motion:reduce){.portfolio-header *,.portfolio-header :before,.portfolio-header :after{transition-duration:.01ms!important}}