:root{--color-bg:#363636;--color-bg-raised:#474747;--color-text-primary:#f0ede8;--color-text-muted:#a8a7a7;--color-text-disabled:#9e9e9e;--color-accent:#e8175d;--color-accent-soft:#d4607f;--color-btn-primary-bg:#e8175d;--color-btn-primary-text:#1a1a1a;--color-btn-ghost-text:#a8a7a7;--color-btn-ghost-border:#474747;--color-border:#474747;--font-display:"Syne", sans-serif;--font-body:"Montserrat", sans-serif;--text-xs:clamp(.625rem, 1vw, .75rem);--text-sm:clamp(.75rem, 1.2vw, .875rem);--text-base:clamp(.875rem, 1.5vw, 1rem);--text-lg:clamp(1rem, 2vw, 1.25rem);--text-xl:clamp(1.5rem, 3vw, 2rem);--text-2xl:clamp(2rem, 4.5vw, 3.2rem);--tracking-tight:-.02em;--tracking-normal:.01em;--tracking-wide:.08em;--tracking-wider:.12em;--leading-tight:1.08;--leading-normal:1.6;--leading-loose:1.8;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-7:2rem;--space-8:2.5rem;--space-9:3rem;--space-10:4rem;--space-11:5rem;--space-12:6rem;--section-padding:clamp(2rem, 8vw, 3.5rem);--container-padding:clamp(1.5rem, 5vw, 3rem);--navbar-height:5.313em;--border-radius-sm:2px;--border-radius-md:4px}html{scroll-behavior:smooth;-webkit-tap-highlight-color:transparent;scrollbar-gutter:stable}body{color:var(--color-text-primary);font-family:var(--font-body);font-size:var(--text-base);background-color:var(--color-bg);line-height:1.5}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}h1,h2,h3,h4{overflow-wrap:break-word;font-family:var(--font-display);line-height:1.08}.container{width:min(1440px,100%);padding:var(--container-padding);margin-inline:auto}.section-eyebrow{align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);display:flex}.section-eyebrow-dot{background-color:var(--color-accent);border-radius:50%;flex-shrink:0;width:6px;height:6px}.section-eyebrow-text{font-size:var(--text-xs);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--color-accent-soft);font-weight:400}.section-heading{font-size:var(--text-xl);font-weight:800;line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);margin-bottom:var(--space-9)}.accent-text{color:var(--color-accent)}.no-transition *{transition:none!important}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}*,:before,:after{box-sizing:border-box;margin:0;padding:0}ul,ol{list-style:none}a{color:inherit;text-decoration:none}img,picture,video,canvas,svg{max-width:100%;display:block}button,input,textarea,select{font:inherit}button{cursor:pointer;background:0 0;border:none}textarea{resize:vertical}.nav{z-index:1000;padding-inline:var(--container-padding);height:var(--navbar-height);border-bottom:.5px solid var(--color-border);background-color:var(--color-bg);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.nav-logo img{width:auto;height:52px}.nav-list{gap:var(--space-8);display:flex}.nav-link{letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-text-muted);font-weight:400;transition:color .15s}.nav-link:hover,.nav-link:focus-visible,.nav-link[aria-current=page]{color:var(--color-text-primary)}.nav-link-cta{color:var(--color-accent-soft);border:.5px solid var(--color-accent);padding:var(--space-2) var(--space-4);border-radius:var(--border-radius-sm);letter-spacing:var(--tracking-wide)}.nav-link-cta:hover,.nav-link-cta:focus-visible{background-color:var(--color-accent);color:var(--color-btn-primary-text)}.nav-toggle{cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:2.5em;height:2.5em;display:none}.bar{background-color:var(--color-accent);border-radius:4px;width:100%;height:3px;transition:transform .35s,opacity .25s}.bar-top,.bar-bottom{width:70%}@media (width<=768px){.nav-toggle{display:flex}.nav-list{top:var(--navbar-height);padding:var(--space-4) var(--container-padding);background-color:var(--color-bg);opacity:0;visibility:hidden;pointer-events:none;flex-direction:column;align-items:center;transition:opacity .3s,transform .3s,visibility 0s .3s;position:absolute;left:0;right:0;transform:translateY(-8px)}.nav-list.is-open{opacity:1;visibility:visible;pointer-events:auto;height:100vh;transition:opacity .3s,transform .3s,visibility;transform:translateY(0)}.nav-toggle[aria-expanded=true] .bar-top{transform:translateY(9px)rotate(45deg)}.nav-toggle[aria-expanded=true] .bar-middle{opacity:0}.nav-toggle[aria-expanded=true] .bar-bottom{transform:translateY(-9px)rotate(-45deg)}}.banner{padding-block:var(--section-padding);position:relative;overflow:hidden}.banner:before{content:"";pointer-events:none;background:#e8175d18;border-radius:50%;width:320px;height:320px;position:absolute;top:-20px;right:-20px}.banner:after{content:"";pointer-events:none;background:#cc527a12;border-radius:50%;width:180px;height:180px;position:absolute;bottom:-80px;right:120px}.banner-eyebrow{margin-bottom:var(--space-6)}.banner-headline{font-size:var(--text-2xl);letter-spacing:var(--tracking-tight);margin-bottom:var(--space-2);font-weight:800}.banner-headline-muted{color:var(--color-text-disabled)}.banner-divider{background-color:var(--color-accent);border-radius:var(--border-radius-sm);width:32px;height:2px;margin-bottom:var(--space-5)}.banner-description{font-size:var(--text-base);font-weight:300;line-height:var(--leading-loose);color:var(--color-text-muted);max-width:35em;margin-bottom:var(--space-8)}.banner-description strong{color:var(--color-text-primary);font-weight:400}.banner-cta{align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.btn{font-family:var(--font-body);font-size:var(--text-sm);letter-spacing:var(--tracking-wide);text-transform:uppercase;padding:var(--space-4) var(--space-8);border-radius:var(--border-radius-sm);font-weight:500;transition:background-color .2s,border-color .2s,transform .2s;display:inline-flex}.btn-primary{background-color:var(--color-btn-primary-bg);color:var(--color-btn-primary-text);border:.5px solid var(--color-btn-primary-bg)}.btn-ghost{color:var(--color-btn-ghost-text);border:.5px solid var(--color-btn-ghost-border);background-color:#0000}.btn-primary:hover,.btn-primary:focus-visible{background-color:var(--color-accent-soft);border-color:var(--color-accent-soft)}.btn-ghost:hover,.btn-ghost:focus-visible{color:var(--color-text-primary);border-color:var(--color-text-primary)}.about{padding-block:var(--section-padding)}.about-grid{flex-direction:column;display:flex}.about-layout{grid-template-columns:minmax(280px,420px) 1fr;align-items:center;gap:clamp(2rem,6vw,5rem);display:grid}.about-photo-wrap{position:relative}.about-photo-wrap:before{content:"";border:2px solid var(--color-accent);border-radius:var(--border-radius-md);z-index:-1;position:absolute;inset:0;transform:translate(12px,12px)}.about-photo{border-radius:var(--border-radius-md);aspect-ratio:4/5;object-fit:cover;width:100%}.about-text{font-size:var(--text-base);font-weight:300;line-height:var(--leading-loose);color:var(--color-text-muted);margin-bottom:var(--space-4)}.about-text strong{color:var(--color-text-primary);font-weight:400}.about-stats{gap:var(--space-8);margin-top:var(--space-8);padding-top:var(--space-6);border-top:.5px solid var(--color-border);display:flex}.about-stat-value{font-family:var(--font-display);font-size:var(--text-lg);color:var(--color-accent);font-weight:800}.about-stat-label{font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-text-muted);margin-top:var(--space-1);font-weight:400}.about-stat-link{cursor:pointer;transition:color var(--transition-fast)}.about-stat-link:hover,.about-stat-link:focus-visible{color:var(--color-accent-soft)}@media (width<=768px){.about-layout{gap:var(--space-8);grid-template-columns:1fr}.about-photo-wrap{width:100%;max-width:340px}.about-stats{justify-content:space-around;gap:var(--space-4)}}.skills{padding-block:var(--section-padding)}.skills-grid{gap:var(--space-6);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.skills-category{border:.5px solid var(--color-border);border-radius:var(--border-radius-md);padding:var(--space-6)}.skills-category-title{font-size:var(--text-sm);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-text-muted);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:.5px solid var(--color-border);font-weight:400}.skills-tags{gap:var(--space-2);flex-wrap:wrap;display:flex}.skills-tag{font-size:var(--text-sm);color:var(--color-text-primary);background-color:var(--color-bg);border:.5px solid var(--color-border);padding:var(--space-3) var(--space-4);border-radius:var(--border-radius-sm);font-weight:400}.skills-tag-featured{color:var(--color-accent-soft);border-color:var(--color-accent)}@media (width<=768px){.skills-grid{grid-template-columns:minmax(0,1fr)}}.work{padding-block:var(--section-padding)}.project-list{flex-direction:column;display:flex}.project-row{align-items:center;gap:var(--space-6);padding-block:var(--space-5);border-bottom:.5px solid var(--color-border);grid-template-columns:40px 1fr auto auto;transition:background .15s;display:grid}.project-row:first-child{border-top:.5px solid var(--color-border)}.project-row:hover,.project-row:focus-visible{background:#ffffff05}.project-row:hover .project-num,.project-row:focus-visible .project-num{color:var(--color-accent)}.project-row:hover .project-name,.project-row:focus-visible .project-name{color:var(--color-text-primary)}.project-num{font-family:var(--font-display);font-size:var(--text-sm);color:var(--color-text-disabled);font-weight:800;transition:color .15s}.project-info{gap:var(--space-1);flex-direction:column;display:flex}.project-name{font-family:var(--font-display);font-size:var(--text-lg);color:var(--color-text-muted);font-weight:800;transition:color .15s}.project-desc{font-size:var(--text-xs);color:var(--color-text-disabled);font-weight:300}.project-tags{gap:var(--space-2);flex-wrap:wrap;justify-content:flex-end;display:flex}.project-tag{font-size:var(--text-xs);color:var(--color-text-muted);border:.5px solid var(--color-border);padding:var(--space-1) var(--space-2);border-radius:var(--border-radius-sm)}.project-tag-client{color:var(--color-accent-soft);background:#e8175d14;border-color:#e8175d4d}.project-tag-progress{color:var(--color-text-primary);background:#e8175d14;border-color:#e8175d4d;font-style:italic}.project-links{gap:var(--space-4);flex-shrink:0;display:flex}.project-link{font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-accent);white-space:nowrap;font-weight:500}.project-link:hover,.project-link:focus-visible{text-decoration:underline}.project-link-muted{color:var(--color-text-disabled)}@media (width<=768px){.project-row{gap:var(--space-3);grid-template-rows:auto auto;grid-template-columns:32px 1fr auto}.project-tags{grid-column:2/-1;justify-content:flex-start}.project-links{grid-area:1/3}}@media (width<=480px){.project-row{gap:var(--space-2);grid-template-rows:auto auto auto;grid-template-columns:28px 1fr}.project-links{grid-area:auto/2}.project-tags{grid-column:2;justify-content:flex-start}}@media (prefers-reduced-motion:reduce){.project-row,.project-num,.project-name{transition:none}}.contact{padding-block:var(--section-padding)}.contact-grid{gap:var(--space-12);grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);display:grid}.contact-heading{margin-bottom:var(--space-4)}.contact-lead{font-size:var(--text-base);font-weight:300;line-height:var(--leading-loose);color:var(--color-text-muted);max-width:26rem;margin-bottom:var(--space-8)}.contact-info-list{justify-content:space-between;gap:var(--space-4);flex-direction:column;display:flex}.contact-info-item{gap:var(--space-1);flex-direction:column;display:flex}.contact-info-label{font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-text-muted);font-weight:400}.contact-form{gap:var(--space-5);flex-direction:column;display:flex}.contact-field{gap:var(--space-2);flex-direction:column;display:flex}.contact-label{font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-text-muted);font-weight:400}.contact-input,.contact-textarea{background-color:var(--color-bg);border:.5px solid var(--color-border);border-radius:var(--border-radius-sm);padding:var(--space-3) var(--space-4);font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text-primary)}.contact-input-caret{caret-color:var(--color-accent)}.contact-input:focus,.contact-textarea:focus{border-color:var(--color-accent);outline:none}.contact-input[aria-invalid=true],.contact-textarea[aria-invalid=true]{border-color:var(--color-accent)}.contact-error{font-size:var(--text-xs);color:var(--color-accent-soft);min-height:1em;display:none}.contact-error.is-visible{display:block}.contact-honeypot{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.contact-submit{background-color:var(--color-btn-primary-bg);color:var(--color-btn-primary-text);border:.5px solid var(--color-btn-primary-bg);padding:var(--space-4) var(--space-10);font-family:var(--font-body);font-size:var(--text-sm);letter-spacing:var(--tracking-wide);text-transform:uppercase;border-radius:var(--border-radius-sm);align-self:flex-start;font-weight:500;transition:background-color .2s,border-color .2s,transform .2s}.contact-submit:hover,.contact-submit:focus-visible{background-color:var(--color-accent-soft);border-color:var(--color-accent-soft)}.contact-submit:disabled{opacity:.6;cursor:not-allowed}.contact-status{font-size:var(--text-sm);padding:var(--space-3) var(--space-4);border-radius:var(--border-radius-sm);border:.5px solid #0000;display:none}.contact-status.is-visible{display:block}.contact-status-success{color:#97c459;background-color:#97c45914;border-color:#639922}.contact-status-error{color:var(--color-accent-soft);border-color:var(--color-accent);background-color:#e8175d14}@media (width<=768px){.contact-grid{gap:var(--space-8);grid-template-columns:1fr}}.footer{border-top:.5px solid var(--color-border);padding-block:var(--space-8)}.footer-wrap{align-items:center;gap:var(--space-4);flex-direction:column;display:flex}.footer-meta{font-size:var(--text-sm);color:var(--color-text-muted);flex-direction:column;align-items:center;display:flex}.vertical-slider{gap:var(--space-2);display:flex}.vertical-slider-track{width:1em;height:1em;display:inline-block;position:relative;overflow:hidden}.vertical-slider-track .svg{width:1em;height:1em;color:var(--color-accent);position:absolute;top:0;left:0}.footer-socials{gap:var(--space-3);display:flex}.footer-socials a{border:1px solid #0000;border-radius:2.625em;justify-content:center;align-items:center;width:32px;height:32px;transition:background .4s,border-color .4s,border-radius .4s;display:flex}.footer-socials a:hover{background:linear-gradient(var(--color-bg), var(--color-bg)) padding-box, linear-gradient(135deg, var(--color-accent), var(--color-bg)) border-box;border:1px solid #0000;border-radius:50%}.social-icon{width:16px;height:16px;color:var(--color-text-muted)}.footer-top{font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-accent);font-weight:500}.top:hover,.top:focus-visible{text-decoration:underline}