:root{--radius: 0.75rem;--radius-sm: 0.375rem;--radius-md: 0.5rem;--radius-lg: 0.75rem;--radius-xl: 1rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--background: oklch(0.99 0.003 90);--foreground: oklch(0.22 0.04 40);--surface: oklch(0.98 0.004 85);--surface-elevated: oklch(1 0 0);--card: oklch(1 0 0);--card-foreground: oklch(0.22 0.04 40);--primary: oklch(0.66 0.22 35);--primary-foreground: oklch(0.99 0.005 90);--accent: oklch(0.82 0.17 75);--accent-foreground: oklch(0.22 0.04 40);--secondary: oklch(0.94 0.04 75);--secondary-foreground: oklch(0.28 0.06 40);--muted: oklch(0.95 0.025 80);--muted-foreground: oklch(0.48 0.06 45);--border: oklch(0.85 0.05 70 / 70%);--input: oklch(0.9 0.04 75);--ring: oklch(0.66 0.22 35);--gradient-primary: linear-gradient(135deg, oklch(0.88 0.18 95), oklch(0.78 0.2 60), oklch(0.62 0.24 28));--gradient-radial: radial-gradient(ellipse at top, oklch(0.78 0.2 60 / 0.35), transparent 60%);--gradient-mesh: radial-gradient(at 20% 20%, oklch(0.88 0.18 95 / 0.12) 0px, transparent 50%), radial-gradient(at 80% 0%, oklch(0.78 0.2 60 / 0.10) 0px, transparent 50%), radial-gradient(at 80% 80%, oklch(0.66 0.22 35 / 0.07) 0px, transparent 50%);--gradient-text: linear-gradient(135deg, oklch(0.78 0.2 80) 0%, oklch(0.7 0.22 50) 50%, oklch(0.6 0.24 28) 100%);--shadow-glow: 0 0 60px oklch(0.78 0.2 60 / 0.45);--shadow-glow-violet: 0 0 80px oklch(0.66 0.22 35 / 0.40);--shadow-elevated: 0 20px 60px -20px oklch(0.5 0.18 40 / 0.25), 0 0 40px oklch(0.78 0.2 60 / 0.18);--ease-smooth: cubic-bezier(0.22, 1, 0.36, 1);--font-display: "Space Grotesk", sans-serif;--font-sans: "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace}*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background-color:var(--background);color:var(--foreground);font-family:var(--font-sans);font-feature-settings:"ss01","cv11";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:var(--gradient-mesh);background-attachment:fixed;line-height:1.5}h1,h2,h3,h4,h5,h6{margin:0;font-family:var(--font-display);letter-spacing:-0.025em;line-height:1.1}p{margin:0}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}ul,ol{margin:0;padding:0;list-style:none}button{cursor:pointer;border:none;background:none;font-family:inherit}dl{margin:0}dd{margin:0}::selection{background:oklch(.78 .2 60/.35);color:var(--foreground)}.hidden{display:none}.container{width:100%;max-width:72rem;margin-inline:auto;padding-inline:1.5rem}.text-gradient{background:var(--gradient-text);-webkit-background-clip:text;background-clip:text;color:rgba(0,0,0,0)}.section-label{display:block;font-family:var(--font-mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--primary);margin-bottom:.75rem}.btn{display:inline-flex;align-items:center;gap:.5rem;border-radius:9999px;font-size:.875rem;font-weight:500;font-family:var(--font-sans);text-decoration:none;cursor:pointer;transition:transform .2s var(--ease-smooth),background-color .2s,border-color .2s,color .2s}.btn--primary{padding:.875rem 1.75rem;background:var(--gradient-primary);color:var(--primary-foreground);box-shadow:var(--shadow-glow);border:none}.btn--primary:hover{transform:scale(1.05);color:var(--primary-foreground)}.btn--outline{padding:.875rem 1.75rem;background:oklch(1 0 0/.5);color:var(--foreground);border:1px solid var(--border)}.btn--outline:hover{border-color:oklch(.66 .22 35/.5);background:oklch(1 0 0);color:var(--foreground)}.btn--sm{padding:.375rem 1rem;font-size:.8125rem}.tech-tag{display:inline-flex;align-items:center;padding:.25rem .625rem;background:oklch(.94 .04 75/.6);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:.75rem;color:var(--muted-foreground)}.glass{background:oklch(.99 .012 85/.7);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.noise{position:relative}.noise::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.04;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox=%270 0 200 200%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cfilter id=%27n%27%3E%3CfeTurbulence type=%27fractalNoise%27 baseFrequency=%270.9%27 /%3E%3C/filter%3E%3Crect width=%27100%25%27 height=%27100%25%27 filter=%27url%28%23n%29%27 /%3E%3C/svg%3E")}.page-heading{font-size:clamp(3rem,7vw,4.5rem);font-weight:700;letter-spacing:-0.025em}.page-intro{margin-top:1.5rem;max-width:42rem;font-size:1.125rem;line-height:1.75;color:var(--muted-foreground)}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes glow-pulse{0%,100%{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes fade-up{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.animate-float{animation:float 6s ease-in-out infinite}.animate-glow-pulse{animation:glow-pulse 4s ease-in-out infinite}.animate-fade-up{animation:fade-up .8s var(--ease-smooth) both}.site-header{position:sticky;top:0;z-index:50;border-bottom:1px solid oklch(.85 .05 70/.35);background:oklch(.99 .012 85/.7);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.site-header__inner{display:flex;align-items:center;justify-content:space-between;padding-block:1rem}.site-header__cta{display:none}@media(min-width: 768px){.site-header__cta{display:inline-flex}}.site-logo{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-display);font-size:1.125rem;font-weight:700;color:var(--foreground);text-decoration:none}.site-logo__dot{position:relative;display:inline-block;width:.625rem;height:.625rem;border-radius:50%;background:var(--gradient-primary);animation:glow-pulse 4s ease-in-out infinite;flex-shrink:0}.site-logo__accent{color:var(--primary)}.site-nav{display:none;align-items:center;gap:.25rem}@media(min-width: 768px){.site-nav{display:flex}}.site-nav__link{padding:.5rem 1rem;font-size:.875rem;color:var(--muted-foreground);border-radius:var(--radius-md);text-decoration:none;transition:color .2s,background-color .2s}.site-nav__link:hover{color:var(--foreground)}.site-nav__link--active{color:var(--foreground);background-color:oklch(.94 .04 75/.6)}.mobile-menu-btn{display:flex;flex-direction:column;justify-content:center;gap:5px;padding:.5rem;background:none;border:none;cursor:pointer;color:var(--muted-foreground);transition:color .2s}@media(min-width: 768px){.mobile-menu-btn{display:none}}.mobile-menu-btn:hover{color:var(--foreground)}.mobile-menu-btn__bar{display:block;width:20px;height:2px;background:currentColor;border-radius:2px;transition:transform .25s ease,opacity .2s ease;transform-origin:center}.site-header.menu-open .mobile-menu-btn{color:var(--foreground)}.site-header.menu-open .mobile-menu-btn .mobile-menu-btn__bar:nth-child(1){transform:translateY(7px) rotate(45deg)}.site-header.menu-open .mobile-menu-btn .mobile-menu-btn__bar:nth-child(2){opacity:0;transform:scaleX(0)}.site-header.menu-open .mobile-menu-btn .mobile-menu-btn__bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-nav{max-height:0;overflow:hidden;transition:max-height .3s ease}@media(min-width: 768px){.mobile-nav{display:none !important}}.mobile-nav__inner{padding:.75rem 0 1.25rem;display:flex;flex-direction:column;gap:.125rem;border-top:1px solid oklch(.85 .05 70/.35)}.mobile-nav__link{display:block;padding:.625rem .75rem;font-size:.9375rem;color:var(--muted-foreground);text-decoration:none;border-radius:var(--radius-md);transition:color .2s,background-color .2s}.mobile-nav__link:hover{color:var(--foreground)}.mobile-nav__link--active{color:var(--foreground);background-color:oklch(.94 .04 75/.6)}.site-header.menu-open .mobile-nav{max-height:80vh}.site-footer{margin-top:8rem;border-top:1px solid oklch(.85 .05 70/.5)}.site-footer__main{padding-block:3rem}.site-footer__content{display:flex;flex-direction:column;gap:1.5rem}@media(min-width: 768px){.site-footer__content{flex-direction:row;align-items:center;justify-content:space-between}}.site-footer__tagline{font-family:var(--font-display);font-size:1.5rem;font-weight:600}.site-footer__sub{margin-top:.5rem;font-size:.875rem;color:var(--muted-foreground)}.site-footer__nav{display:flex;align-items:center;gap:1.5rem;font-size:.875rem;color:var(--muted-foreground)}.site-footer__nav a{color:inherit;text-decoration:none;transition:color .2s}.site-footer__nav a:hover{color:var(--foreground)}.site-footer__bar{border-top:1px solid oklch(.85 .05 70/.5)}.site-footer__bar-inner{display:flex;align-items:center;justify-content:space-between;padding-block:1.5rem;font-family:var(--font-mono);font-size:.75rem;color:var(--muted-foreground)}.project-card{display:flex;flex-direction:column;flex:1;position:relative;overflow:hidden;border-radius:1rem;border:1px solid oklch(.85 .05 70/.6);background-color:var(--card);box-shadow:var(--shadow-elevated);transition:border-color .5s,transform .5s var(--ease-smooth)}.project-card:hover{border-color:oklch(.66 .22 35/.4);transform:translateY(-4px)}.project-card__image-wrap{position:relative;aspect-ratio:16/10;overflow:hidden;-webkit-mask-image:linear-gradient(to top, transparent, black 35%);mask-image:linear-gradient(to top, transparent, black 35%)}.project-card__image{width:100%;height:100%;object-fit:cover;will-change:transform;transition:transform .7s var(--ease-smooth)}.project-card:hover .project-card__image{transform:scale(1.05)}.project-card__badge{z-index:2;position:absolute;top:1rem;left:1rem;display:inline-flex;align-items:center;padding:.25rem .75rem;background:oklch(.99 .003 90/.7);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:1px solid oklch(.66 .22 35/.3);border-radius:9999px;font-family:var(--font-mono);font-size:.75rem;color:var(--primary)}.project-card__body{display:flex;flex-direction:column;flex:1;padding:1.5rem}.project-card__meta{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.project-card__title{font-family:var(--font-display);font-size:1.25rem;font-weight:600;color:var(--foreground);transition:color .2s}.project-card:hover .project-card__title{color:var(--primary)}.project-card__year{font-family:var(--font-mono);font-size:.75rem;color:var(--muted-foreground);flex-shrink:0}.project-card__client{margin-top:.25rem;font-size:.875rem;color:var(--muted-foreground)}.project-card__summary{margin-top:1rem;font-size:.875rem;line-height:1.625;color:var(--muted-foreground)}.project-card__tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:auto;padding-top:1.25rem}.project-card-link{display:flex;flex-direction:column;text-decoration:none;color:inherit;border-radius:1rem}.project-card-link:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.project-card-link[hidden]{display:none}.hero{position:relative;overflow:hidden}.hero__bg-orb-top{position:absolute;top:-10rem;left:50%;transform:translateX(-50%);width:50rem;height:31.25rem;border-radius:50%;background:oklch(.82 .17 75/.2);filter:blur(120px);pointer-events:none}.hero__bg-orb-right{position:absolute;top:10rem;right:0;width:25rem;height:25rem;border-radius:50%;background:oklch(.66 .22 35/.15);filter:blur(120px);pointer-events:none}.hero__grid-bg{position:absolute;inset:0;background-image:linear-gradient(oklch(50% 0.18 40deg / 0.07) 1px, transparent 1px),linear-gradient(90deg, oklch(50% 0.18 40deg / 0.07) 1px, transparent 1px);background-size:56px 56px;opacity:.5;-webkit-mask-image:radial-gradient(ellipse at center, black, transparent 70%);mask-image:radial-gradient(ellipse at center, black, transparent 70%);pointer-events:none}.hero__inner{position:relative;padding-top:6rem;padding-bottom:8rem}@media(min-width: 768px){.hero__inner{padding-top:9rem;padding-bottom:10rem}}.hero__heading{font-size:clamp(3rem,8vw,6rem);font-weight:700;line-height:1.02;letter-spacing:-0.025em;animation:fade-up .8s var(--ease-smooth) both;animation-delay:.1s}.hero__body{margin-top:2rem;max-width:42rem;font-size:1.125rem;line-height:1.75;color:var(--muted-foreground);animation:fade-up .8s var(--ease-smooth) both;animation-delay:.2s}@media(min-width: 768px){.hero__body{font-size:1.25rem}}.hero__body .highlight{color:var(--foreground)}.hero__cta{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;margin-top:2.5rem;animation:fade-up .8s var(--ease-smooth) both;animation-delay:.3s}.hero__stats{display:grid;grid-template-columns:repeat(2, 1fr);gap:1px;overflow:hidden;border-radius:1rem;border:1px solid var(--border);background-color:oklch(.85 .05 70/.6);margin-top:5rem;animation:fade-up .8s var(--ease-smooth) both;animation-delay:.4s}@media(min-width: 768px){.hero__stats{grid-template-columns:repeat(4, 1fr)}}.hero__stat{background-color:oklch(1 0 0/.8);padding:1.5rem}.hero__stat-label{font-family:var(--font-mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted-foreground)}.hero__stat-value{margin-top:.5rem;font-family:var(--font-display);font-size:1.875rem;font-weight:600}.skills-section{padding-block:6rem}.skills-section__header{display:flex;align-items:flex-end;justify-content:space-between;gap:1.5rem;margin-bottom:3rem}.skills-section__heading{font-size:clamp(2.25rem,5vw,3rem);font-weight:600;margin-top:0}.skills-section__grid{display:grid;gap:1.5rem}@media(min-width: 768px){.skills-section__grid{grid-template-columns:repeat(2, 1fr)}}.skills-section__note{margin-top:2.5rem;font-size:.875rem;color:var(--muted-foreground);max-width:42rem}.skill-card{position:relative;overflow:hidden;border-radius:1rem;border:1px solid var(--border);background-color:var(--card);padding:2rem;transition:border-color .3s,transform .3s var(--ease-smooth)}.skill-card::before{content:"";position:absolute;top:-3rem;right:-3rem;width:10rem;height:10rem;border-radius:50%;background:oklch(.66 .22 35/.1);filter:blur(2rem);opacity:0;transition:opacity .3s;pointer-events:none}.skill-card:hover{border-color:oklch(.66 .22 35/.4);transform:translateY(-4px)}.skill-card:hover::before{opacity:1}.skill-card__tag{font-family:var(--font-mono);font-size:.75rem;color:var(--muted-foreground)}.skill-card__title{margin-top:1rem;font-family:var(--font-display);font-size:1.5rem;font-weight:600;letter-spacing:-0.02em}.skill-card__desc{margin-top:.75rem;font-size:.875rem;line-height:1.625;color:var(--muted-foreground)}.skill-card__items{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.25rem}.featured-work{padding-block:6rem}.featured-work__header{display:flex;align-items:flex-end;justify-content:space-between;gap:1.5rem;margin-bottom:3rem}.featured-work__heading{font-size:clamp(2.25rem,5vw,3rem);font-weight:600;margin-top:0}.featured-work__view-all{display:none;font-size:.875rem;color:var(--muted-foreground);text-decoration:none;flex-shrink:0;transition:color .2s}.featured-work__view-all:hover{color:var(--primary)}@media(min-width: 768px){.featured-work__view-all{display:inline-flex}}.featured-work__grid{display:grid;gap:1.5rem}@media(min-width: 768px){.featured-work__grid{grid-template-columns:repeat(2, 1fr)}}@media(min-width: 1024px){.featured-work__grid{grid-template-columns:repeat(3, 1fr)}}.home-cta{padding-block:6rem}.home-cta__card{position:relative;overflow:hidden;border-radius:1.5rem;border:1px solid var(--border);background-color:var(--card);padding:3rem 2rem;text-align:center}@media(min-width: 768px){.home-cta__card{padding:5rem}}.home-cta__card::before{content:"";position:absolute;inset:0;background:var(--gradient-mesh);opacity:.6;pointer-events:none}.home-cta__inner{position:relative}.home-cta__heading{font-size:clamp(2.25rem,6vw,3.75rem);font-weight:600;letter-spacing:-0.025em}.home-cta__body{margin-top:1.5rem;max-width:36rem;margin-inline:auto;font-size:1.125rem;color:var(--muted-foreground)}.home-cta__btn{display:inline-flex;margin-top:2.5rem}.work-page{padding-top:5rem;padding-bottom:3rem}.work-page__filters{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:3rem}.work-page__grid{display:grid;gap:1.5rem;margin-top:3rem}@media(min-width: 768px){.work-page__grid{grid-template-columns:repeat(2, 1fr)}}@media(min-width: 1024px){.work-page__grid{grid-template-columns:repeat(3, 1fr)}}.filter-btn{display:inline-flex;align-items:center;padding:.5rem 1.25rem;font-size:.875rem;font-family:var(--font-sans);border-radius:9999px;border:none;cursor:pointer;transition:color .2s,box-shadow .2s}.filter-btn--inactive{background:oklch(1 0 0/.5);color:var(--muted-foreground);box-shadow:inset 0 0 0 1px var(--border)}.filter-btn--inactive:hover{color:var(--foreground);box-shadow:inset 0 0 0 1px oklch(.66 .22 35/.4)}.filter-btn--active{background:var(--gradient-primary);color:var(--primary-foreground);font-weight:500;box-shadow:var(--shadow-glow)}.about-page{padding-top:5rem;padding-bottom:3rem}.about-page__bio{margin-top:2.5rem;display:flex;flex-direction:column;gap:1.5rem;font-size:1.125rem;line-height:1.75;color:var(--muted-foreground)}.about-page__bio .highlight{color:var(--foreground)}.about-page__section-title{font-family:var(--font-display);font-size:1.875rem;font-weight:600;margin-bottom:2rem;letter-spacing:-0.02em}.timeline{margin-top:5rem}.timeline__list{position:relative;border-left:1px solid var(--border);margin-left:.75rem}.timeline__item{position:relative;padding-left:2rem;padding-bottom:2.5rem}.timeline__item:last-child{padding-bottom:0}.timeline__dot{position:absolute;left:-0.4375rem;top:.5rem;width:.875rem;height:.875rem;border-radius:50%;background:var(--gradient-primary);box-shadow:var(--shadow-glow)}.timeline__year{font-family:var(--font-mono);font-size:.75rem;color:var(--primary)}.timeline__title{margin-top:.25rem;font-family:var(--font-display);font-size:1.25rem;font-weight:600;color:var(--foreground)}.timeline__desc{margin-top:.25rem;color:var(--muted-foreground)}.stack-section{margin-top:5rem}.stack-section__tags{display:flex;flex-wrap:wrap;gap:.5rem}.stack-section__tag{display:inline-flex;align-items:center;padding:.375rem .75rem;border:1px solid var(--border);border-radius:var(--radius-md);background:oklch(1 0 0/.6);font-family:var(--font-mono);font-size:.875rem;color:var(--muted-foreground)}.about-cta{margin-top:5rem;border-radius:1rem;border:1px solid var(--border);background-color:var(--card);padding:2rem;text-align:center}@media(min-width: 768px){.about-cta{padding:2.5rem}}.about-cta__heading{font-family:var(--font-display);font-size:1.5rem;font-weight:600}.about-cta__btn{display:inline-flex;margin-top:1.5rem}.contact-page{padding-top:5rem;padding-bottom:3rem}.contact-form-wrap{margin-top:3rem;border-radius:1rem;border:1px solid var(--border);background-color:var(--card);padding:2rem}@media(min-width: 768px){.contact-form-wrap{padding:2.5rem}}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.contact-form__field-group{display:flex;flex-direction:column}.contact-form__label{font-family:var(--font-mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted-foreground);margin-bottom:.75rem}.contact-form__focus-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.contact-form__focus-btn{display:inline-flex;align-items:center;padding:.375rem 1rem;font-size:.875rem;font-family:var(--font-sans);border-radius:9999px;cursor:pointer;transition:all .2s}.contact-form__focus-btn--inactive{background:none;color:var(--muted-foreground);border:1px solid var(--border)}.contact-form__focus-btn--inactive:hover{color:var(--foreground)}.contact-form__focus-btn--active{background:var(--gradient-primary);color:var(--primary-foreground);border:none}.contact-form__row{display:grid;gap:1.5rem}@media(min-width: 768px){.contact-form__row{grid-template-columns:repeat(2, 1fr)}}.contact-form__input,.contact-form__textarea{width:100%;padding:.75rem 1rem;border-radius:var(--radius-lg);border:1px solid var(--border);background:oklch(.99 .003 90/.4);color:var(--foreground);font-family:var(--font-sans);font-size:1rem;transition:border-color .2s,box-shadow .2s}.contact-form__input::placeholder,.contact-form__textarea::placeholder{color:var(--muted-foreground)}.contact-form__input:focus,.contact-form__textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px oklch(.66 .22 35/.2)}.contact-form__textarea{resize:none;min-height:9rem}.contact-form__field-error{margin-top:.375rem;font-size:.8125rem;color:oklch(.55 .22 25);margin-left:.25rem}.contact-form__error{text-align:center;font-size:.875rem;color:oklch(.55 .22 25)}.contact-form__input--error,.contact-form__textarea--error{border-color:oklch(.55 .22 25)}.contact-form__input--error:focus,.contact-form__textarea--error:focus{border-color:oklch(.55 .22 25);box-shadow:0 0 0 3px oklch(.55 .22 25/.2)}.contact-form__submit{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.75rem;border-radius:9999px;background:var(--gradient-primary);color:var(--primary-foreground);font-size:.875rem;font-weight:500;font-family:var(--font-sans);box-shadow:var(--shadow-glow);transition:transform .2s var(--ease-smooth);cursor:pointer;border:none}.contact-form__submit:hover{transform:scale(1.02)}.contact-form__submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.contact-success{display:none;border-radius:1rem;border:1px solid oklch(.66 .22 35/.4);background-color:var(--card);padding:2.5rem;text-align:center;box-shadow:var(--shadow-glow);margin-top:3rem}.contact-success--visible{display:block}.contact-success__icon{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:50%;background:var(--gradient-primary);color:var(--primary-foreground);font-size:1.25rem;margin:0 auto 1rem}.contact-success__heading{font-family:var(--font-display);font-size:1.5rem;font-weight:600}.contact-success__body{margin-top:.5rem;color:var(--muted-foreground)}.contact-info{display:flex;flex-direction:column;gap:2rem;margin-top:3rem;font-size:.875rem;color:var(--muted-foreground)}@media(min-width: 768px){.contact-info{flex-direction:row}}.contact-info__label{display:block;font-family:var(--font-mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--primary);margin-bottom:.5rem}.contact-info__value{color:var(--foreground);text-decoration:none;transition:color .2s}.contact-info__value:hover{color:var(--primary)}.project-detail{position:relative}.project-detail a{text-decoration:underline}.project-detail__header{padding-top:4rem;padding-bottom:2rem}.project-detail__back{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.875rem;color:var(--muted-foreground);text-decoration:none;transition:color .2s}.project-detail__back:hover{color:var(--primary)}.project-detail__meta{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:2rem}.project-detail__category{display:inline-flex;align-items:center;padding:.25rem .75rem;border:1px solid oklch(.66 .22 35/.3);border-radius:9999px;background:oklch(.99 .003 90/.6);font-family:var(--font-mono);font-size:.75rem;color:var(--primary)}.project-detail__year{font-family:var(--font-mono);font-size:.75rem;color:var(--muted-foreground)}.project-detail__title{margin-top:1rem;font-size:clamp(2.25rem,6vw,3.75rem);font-weight:700;letter-spacing:-0.025em}.project-detail__client{margin-top:.75rem;font-size:1.125rem;color:var(--muted-foreground)}.project-detail__summary{margin-top:1.5rem;max-width:48rem;font-size:1.125rem;line-height:1.75;color:var(--muted-foreground)}.project-detail__spec{display:grid;gap:1.5rem;border-top:1px solid oklch(.85 .05 70/.6);border-bottom:1px solid oklch(.85 .05 70/.6);padding-block:1.5rem;margin-top:2.5rem}@media(min-width: 640px){.project-detail__spec{grid-template-columns:repeat(3, 1fr)}}.project-detail__spec dt{font-family:var(--font-mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--primary)}.project-detail__spec dd{margin:.25rem 0 0;font-size:.875rem;color:var(--foreground)}.project-detail__spec-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.25rem}.project-detail__hero-image img{width:100%;object-fit:cover;border-radius:1rem;border:1px solid oklch(.85 .05 70/.6);box-shadow:var(--shadow-elevated)}.project-detail__content{max-width:48rem;margin-inline:auto;padding-block:4rem}.project-detail__content>section+section{margin-top:3.5rem}.project-detail__content h2{font-family:var(--font-display);font-size:1.5rem;font-weight:600}.project-detail__content p{margin-top:1rem;color:var(--muted-foreground);line-height:1.75}.project-detail__content ul{margin-top:1rem;padding:0;list-style:none;display:flex;flex-direction:column;gap:.75rem}.project-detail__content ul li{position:relative;padding-left:18px;color:var(--muted-foreground);line-height:1.75}.project-detail__content ul li::before{content:"";position:absolute;left:0;top:12px;width:6px;height:6px;border-radius:50%;background:var(--primary)}.project-detail__list{margin-top:1rem;list-style:none;padding:0;display:flex;flex-direction:column;gap:.75rem}.project-detail__list li{display:flex;gap:.75rem;color:var(--muted-foreground);line-height:1.75}.project-detail__list-dot{margin-top:.625rem;width:.375rem;height:.375rem;border-radius:50%;background:var(--primary);flex-shrink:0}.project-detail__gallery{padding-bottom:5rem}.project-detail__gallery h2{font-family:var(--font-display);font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}.project-detail__gallery-grid{display:grid;gap:1.5rem}@media(min-width: 768px){.project-detail__gallery-grid{grid-template-columns:repeat(2, 1fr)}}.project-detail__gallery-grid img{width:100%;object-fit:cover;border-radius:1rem;border:1px solid oklch(.85 .05 70/.6);box-shadow:var(--shadow-elevated);cursor:zoom-in;transition:transform .3s var(--ease-smooth)}.project-detail__gallery-grid img:hover{transform:scale(1.02)}.project-detail__related{padding-bottom:6rem}.project-detail__related h2{font-family:var(--font-display);font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}.project-detail__related-grid{display:grid;gap:1.5rem}@media(min-width: 768px){.project-detail__related-grid{grid-template-columns:repeat(2, 1fr)}}@media(min-width: 1024px){.project-detail__related-grid{grid-template-columns:repeat(3, 1fr)}}.lightbox{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:oklch(.08 0 0/.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);cursor:zoom-out}.lightbox[hidden]{display:none}.lightbox__img{max-width:min(90vw,1200px);max-height:90vh;width:auto;height:auto;border-radius:.75rem;box-shadow:0 32px 80px oklch(0 0 0/.5);cursor:default;object-fit:contain;display:block;will-change:transform,opacity}.lightbox__close,.lightbox__prev,.lightbox__next{position:fixed;border-radius:50%;background:oklch(1 0 0/.08);border:1px solid oklch(1 0 0/.15);color:oklch(1 0 0/.8);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s}.lightbox__close:hover,.lightbox__prev:hover,.lightbox__next:hover{background:oklch(1 0 0/.18);color:oklch(1 0 0)}.lightbox__close[hidden],.lightbox__prev[hidden],.lightbox__next[hidden]{display:none}.lightbox__close{top:1.25rem;right:1.25rem;width:2.5rem;height:2.5rem;font-size:1.375rem;line-height:1}.lightbox__prev,.lightbox__next{top:50%;transform:translateY(-50%);width:3rem;height:3rem;font-size:1.5rem}.lightbox__prev{left:1.25rem}.lightbox__next{right:1.25rem}.not-found{display:flex;align-items:center;justify-content:center;min-height:60vh;padding:4rem 1.5rem;text-align:center}.not-found__inner{max-width:28rem}.not-found__code{font-family:var(--font-mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--primary);margin-bottom:1rem}.not-found__heading{font-family:var(--font-display);font-size:clamp(2rem,5vw,3rem);font-weight:600;letter-spacing:-0.025em}.not-found__body{margin-top:1rem;color:var(--muted-foreground)}.not-found__action{margin-top:2rem}