.about-page{min-height:100%;background:transparent}.about-hero{position:relative;isolation:isolate;min-height:calc(100svh - var(--navigation-height) - var(--shell-footer-height) - (var(--shell-surface-gap) * 4));display:grid;align-items:center;overflow:hidden;background:transparent}.about-hero:before{content:"";position:absolute;inset:var(--space-lg);z-index:-1;border:var(--shell-surface-border);border-radius:var(--shell-surface-radius);background:var(--shell-surface-background);box-shadow:var(--shell-surface-shadow);-webkit-backdrop-filter:var(--shell-surface-blur);backdrop-filter:var(--shell-surface-blur);pointer-events:none}.about-hero__content{position:relative;display:grid;grid-template-columns:minmax(20rem,.82fr) minmax(32rem,1.18fr);gap:clamp(var(--space-lg),3vw,var(--space-2xl)) clamp(var(--space-2xl),6vw,7rem);align-items:start;padding-block:clamp(var(--space-2xl),5vw,var(--space-4xl))}.about-intro{display:grid;gap:var(--space-xl)}.about-intro__copy{display:grid;gap:var(--space-sm)}.about-intro h1{font:var(--type-hero)}.about-intro__tagline{color:var(--color-gold-primary);font-weight:var(--font-weight-semibold);line-height:1.45}.about-intro__tagline{margin-top:var(--space-xs)}.about-intro__body{max-width:32rem;margin-top:0;color:var(--color-text-secondary);font-size:1.125rem;line-height:1.65}.mission-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-lg);align-items:center;width:min(100%,32rem);padding:var(--space-lg);border:1px solid rgba(212,175,55,.18);border-radius:var(--radius-lg);background:linear-gradient(135deg,#1c1c1fd1,#0a1116b8);box-shadow:inset 0 1px #ffffff08,var(--shadow-soft)}.mission-card h2{margin-bottom:var(--space-xs);color:var(--color-gold-primary);font-size:1.35rem;line-height:1.2}.mission-card p{max-width:26rem;line-height:1.55}.background-panel{display:grid;gap:var(--space-xl);padding-top:var(--space-xs)}.about-section{grid-column:1 / -1;display:grid;gap:var(--space-lg);padding-top:var(--space-md)}.about-section__header{display:grid;gap:var(--space-sm)}.about-section__header--line,.about-section__header--inline{display:flex;align-items:center;gap:var(--space-sm)}.about-section__header--line:after{content:"";height:1px;flex:1 1 auto;background:linear-gradient(90deg,#d4af3794,#d4af370a)}.background-panel .about-section__header--line{transform:translateY(var(--space-md))}.about-section__header--inline{flex-wrap:wrap}.about-section__header--inline p{margin-left:var(--space-sm);color:var(--color-text-secondary)}.about-section__icon{width:1.75rem;height:1.75rem;flex:0 0 auto;color:var(--color-gold-primary)}.about-section__header h2{color:var(--color-gold-primary);font-size:1.35rem;line-height:1.2}.certifications-header{display:flex;align-items:center;gap:var(--space-sm)}.certifications-header p{margin-left:var(--space-sm);color:var(--color-text-secondary)}.about-page__eyebrow{color:var(--color-gold-muted);font:var(--type-navigation)}.about-icon{display:inline-block}.about-image-icon{display:block;object-fit:contain}.about-icon:before{content:"";display:block;width:100%;height:100%;background:currentColor;-webkit-mask-image:var(--about-icon-url);-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain;mask-image:var(--about-icon-url);mask-position:center;mask-repeat:no-repeat;mask-size:contain}.mission-card__icon:before{width:2.35rem;height:2.35rem}.mission-card__icon{width:3.75rem;height:3.75rem;display:grid;place-items:center;color:var(--color-gold-primary);border:3px solid rgba(212,175,55,.72);border-radius:50%}.background-timeline{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(var(--space-lg),3vw,var(--space-2xl));padding-top:var(--space-sm)}.background-timeline:before{content:"";position:absolute;top:5.65rem;left:7%;right:7%;height:2px;background:linear-gradient(90deg,rgba(212,175,55,.12),var(--color-gold-primary),rgba(212,175,55,.12))}.timeline-item{position:relative;display:grid;grid-template-rows:auto auto 4.2rem auto;justify-items:center;align-items:start;gap:var(--space-sm);text-align:center}.timeline-item__icon{width:3rem;height:3rem;color:var(--color-gold-primary)}.timeline-item:not(:first-child) .timeline-item__icon{width:2.45rem}.timeline-item__dot{position:relative;z-index:1;width:.875rem;height:.875rem;margin-block:.55rem var(--space-sm);border-radius:50%;background:#f0b844;box-shadow:0 0 0 3px #f0b8442e,0 0 1rem #f0b84461}.timeline-item h3{width:min(100%,12.5rem);min-height:4.2rem;display:grid;align-items:start;justify-items:center;color:var(--color-text-primary);font-size:1.1rem;line-height:1.25}.timeline-item:nth-child(2) h3{transform:translateY(.8rem)}.timeline-item p{width:min(100%,13rem);color:var(--color-text-secondary);font-size:.9375rem;line-height:1.5}.technology-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--space-md)}.technology-group{min-height:22.25rem;display:grid;align-content:start;gap:var(--space-xl);padding:var(--space-xl);border:1px solid rgba(212,175,55,.18);border-radius:var(--radius-lg);background:linear-gradient(145deg,#1c1c1fe6,#081218c7);box-shadow:inset 0 1px #ffffff09,var(--shadow-soft);transition:var(--motion-transition-card)}.technology-group:hover{border-color:color-mix(in srgb,currentColor 45%,rgba(255,255,255,.08));transform:var(--motion-hover-raise)}.technology-group--violet{color:#b77cff}.technology-group--blue{color:#42c6ff}.technology-group--green{color:#8ccc4a}.technology-group--gold{color:var(--color-gold-primary)}.technology-group--pink{color:#ff4fa3}.technology-group__header{position:relative;display:grid;gap:var(--space-md);align-items:start;min-width:0;padding-bottom:var(--space-lg)}.technology-group__header:before,.technology-group__header:after{content:"";position:absolute;left:0;right:0;bottom:0}.technology-group__header:after{height:1px;background:linear-gradient(90deg,#ffffff0a,#ffffff47,#ffffff0a);transition:background var(--motion-duration-base) var(--motion-ease-standard)}.technology-group__header:before{z-index:1;width:5px;height:5px;left:50%;right:auto;border-radius:50%;background:#fff6;box-shadow:0 0 0 1px #0b0b0db8;transform:translate(-50%,50%);transition:background-color var(--motion-duration-base) var(--motion-ease-standard),box-shadow var(--motion-duration-base) var(--motion-ease-standard)}.technology-group:hover .technology-group__header:after{background:linear-gradient(90deg,color-mix(in srgb,currentColor 0%,transparent),color-mix(in srgb,currentColor 62%,transparent),color-mix(in srgb,currentColor 0%,transparent))}.technology-group:hover .technology-group__header:before{background:currentColor;box-shadow:0 0 0 1px #0b0b0dc7,0 0 .45rem color-mix(in srgb,currentColor 34%,transparent)}.technology-group__icon{width:2.45rem;height:2.45rem}.technology-group h3{color:currentColor;font-size:1rem;line-height:1.25}.technology-group ul{display:grid;gap:.35rem}.technology-group li{position:relative;padding-left:var(--space-md);color:var(--color-text-secondary);font-size:.875rem;line-height:1.5}.technology-group li:before{content:"";position:absolute;top:.72em;left:0;width:.2rem;height:.2rem;border-radius:50%;background:currentColor}.certificate-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-lg)}.certificate-card{width:100%;min-height:100%;display:grid;align-content:start;gap:var(--space-xl);padding:var(--space-lg);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);background:linear-gradient(135deg,#1c1c1fd1,#0a1116b8);box-shadow:inset 0 1px #ffffff08,var(--shadow-soft);text-align:left}.certificate-card__main{display:grid;grid-template-columns:minmax(14rem,1.05fr) minmax(12rem,.95fr);gap:var(--space-lg);align-items:start}.certificate-card__media{width:100%;min-height:0;aspect-ratio:16 / 9;display:grid;place-items:center;overflow:hidden;border-radius:var(--radius-md);background:var(--color-background-secondary);border:1px solid rgba(212,175,55,.34);box-shadow:inset 0 0 0 1px #0b0b0d6b,0 0 0 1px #d4af3714;transition:var(--motion-transition-card)}.certificate-card__media:hover,.certificate-card__media:focus-visible{border-color:#e2c15ad1;background:var(--color-surface-hover);box-shadow:inset 0 0 0 1px #0b0b0d52,0 0 0 1px #e2c15a47,0 0 1.1rem #e2c15a29;transform:var(--motion-hover-raise) scale(var(--motion-hover-scale))}.certificate-card__media:active{transform:scale(var(--motion-active-scale))}.certificate-card__media img{width:100%;height:100%;object-fit:cover;object-position:top center;transition:var(--motion-transition-media)}.certificate-card__content{display:grid;align-content:start;gap:var(--space-sm)}.certificate-card__issuer{width:3.25rem;height:3.25rem;display:grid;place-items:center}.certificate-card__issuer img{max-width:3rem;max-height:3rem;object-fit:contain}.certificate-card__issuer img[src*=ibm]{filter:invert(100%) brightness(112%)}.certificate-card__title{color:var(--color-text-primary);font:var(--type-h4);line-height:1.15}.certificate-card__type{color:var(--color-gold-primary);font:var(--type-body);font-weight:var(--font-weight-semibold);line-height:1.3}.certificate-card__issued{display:flex;align-items:center;gap:var(--space-md);margin-top:var(--space-xs);padding-top:var(--space-md);border-top:1px solid rgba(255,255,255,.1)}.certificate-card__issued-text{display:grid}.certificate-card__issued-label{color:var(--color-text-secondary);font:var(--type-small)}.certificate-card__issued-date{color:var(--color-text-primary);font-weight:var(--font-weight-semibold);line-height:1.25}.certificate-card__details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid rgba(255,255,255,.1)}.certificate-card__detail-column{min-height:6rem;display:grid;align-content:start;gap:var(--space-sm)}.certificate-card__detail-column+.certificate-card__detail-column{padding-left:var(--space-lg);border-left:1px solid rgba(255,255,255,.1)}.certificate-card__detail-column h4{display:flex;align-items:center;gap:var(--space-sm);color:var(--color-gold-primary);font-size:1rem;line-height:1.25}.certificate-card__detail-column h4 img{width:1.75rem;height:1.75rem;filter:invert(72%) sepia(54%) saturate(626%) hue-rotate(7deg) brightness(88%) contrast(89%)}.certificate-card__detail-column h4 img[src*=code]{filter:none}.certificate-card__detail-intro{color:var(--color-text-secondary);font-size:.875rem;line-height:1.5}.certificate-card__detail-column ul{display:grid;gap:var(--space-xs)}.certificate-card__detail-column li{position:relative;padding-left:var(--space-md);color:var(--color-text-secondary);font-size:.875rem;line-height:1.5}.certificate-card__detail-column li:before{content:"";position:absolute;top:.72em;left:0;width:.2rem;height:.2rem;border-radius:50%;background:currentColor}.certificate-card__check-list{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--space-md)}.certificate-card__check-list li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-xs);align-items:start;padding-left:0}.certificate-card__check-list li:before{content:none}.certificate-card__check-list li img{width:.9rem;height:.9rem;margin-top:.25rem;filter:invert(77%) sepia(89%) saturate(607%) hue-rotate(359deg) brightness(91%) contrast(84%)}@media(max-width:76rem){.about-hero__content{grid-template-columns:1fr}.background-panel{padding-top:0}.technology-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:64rem){.background-timeline{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:var(--space-2xl)}.background-timeline:before{display:none}.timeline-item h3{min-height:auto}.certificate-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.certificate-card__main,.certificate-card__details{grid-template-columns:1fr}.certificate-card__detail-column+.certificate-card__detail-column{padding-left:0;padding-top:var(--space-lg);border-top:1px solid rgba(255,255,255,.1);border-left:0}.certificate-card__check-list{grid-template-columns:1fr}}@media(max-width:48rem){.about-hero{min-height:auto}.about-hero:before{inset:var(--space-md)}.about-hero__content,.about-intro{gap:var(--space-xl)}.about-hero__content{padding-block:var(--space-2xl)}.about-intro h1{font:var(--type-h1);max-width:12ch}.about-intro__body{font-size:1rem}.mission-card{align-items:start;padding:var(--space-md)}.background-timeline,.technology-grid,.certificate-grid{grid-template-columns:1fr}.timeline-item{justify-items:start;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;text-align:left}.timeline-item__icon{grid-row:span 3;width:2.5rem;height:2.5rem;margin-top:.1rem}.timeline-item:not(:first-child) .timeline-item__icon{width:2.05rem}.timeline-item__dot{display:none}.timeline-item h3,.timeline-item p{width:100%;max-width:100%}.technology-group,.certificate-card{min-height:auto;padding:var(--space-md)}.about-section__header--inline{display:grid;grid-template-columns:auto minmax(0,1fr)}.about-section__header--inline p{grid-column:1 / -1;margin-left:0}.certifications-header{display:grid;grid-template-columns:auto minmax(0,1fr)}.certifications-header p{grid-column:1 / -1;margin-left:0}.certificate-card__media{min-height:0;aspect-ratio:16 / 9}}@media(max-width:30rem){.about-hero:before{inset:var(--space-sm)}.mission-card{grid-template-columns:1fr}.mission-card__icon{width:3.25rem;height:3.25rem}.about-section,.certificate-card{gap:var(--space-md)}.certificate-card__media{min-height:0}}.contact-page{min-height:100%;background:transparent}.contact-hero{position:relative;isolation:isolate;min-height:calc(100svh - var(--navigation-height) - var(--shell-footer-height) - (var(--shell-surface-gap) * 4));display:grid;align-items:center;overflow:hidden;background:transparent}.contact-hero:before{content:"";position:absolute;inset:var(--space-lg);z-index:-1;border:var(--shell-surface-border);border-radius:var(--shell-surface-radius);background:var(--shell-surface-background);box-shadow:var(--shell-surface-shadow);-webkit-backdrop-filter:var(--shell-surface-blur);backdrop-filter:var(--shell-surface-blur);pointer-events:none}.contact-hero__content{position:relative;display:grid;gap:var(--space-xl);align-content:center;align-items:center;padding-block:0 clamp(var(--space-xl),5vh,var(--space-3xl))}.contact-hero__copy{--contact-connect-fade-color: rgba(11, 11, 13, 1);--contact-connect-fade-left: 8rem;--contact-connect-fade-right: 8rem;--contact-connect-fade-top: 4rem;position:relative;isolation:isolate;display:grid;justify-items:start;gap:var(--space-md);overflow:hidden;margin-inline:calc(var(--container-gutter) * -1);padding:clamp(var(--space-3xl),8vh,6rem) var(--container-gutter) clamp(var(--space-3xl),7vh,5rem);text-align:left}.contact-hero__copy:before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,var(--contact-connect-fade-color) 0,rgba(11,11,13,0) var(--contact-connect-fade-left),rgba(11,11,13,0) calc(100% - var(--contact-connect-fade-right)),var(--contact-connect-fade-color) 100%),linear-gradient(180deg,var(--contact-connect-fade-color) 0,rgba(11,11,13,0) var(--contact-connect-fade-top)),linear-gradient(90deg,#03080e1a,#03080e1a 52%,#03080e1a),linear-gradient(180deg,#03080e,#03080e1a),url(/assets/contact-connect-background-Cr6dE-JJ.webp);background-position:center;background-size:cover;background-repeat:no-repeat}.contact-hero__copy:after{content:"";position:absolute;left:0;right:0;bottom:0;z-index:-1;height:1px;background:radial-gradient(circle at center,var(--color-gold-hover) 0 .22rem,transparent .24rem),linear-gradient(90deg,transparent,rgba(226,193,90,.4),var(--color-gold-hover),rgba(226,193,90,.4),transparent);box-shadow:0 0 1.25rem #e2c15a9e}.contact-hero h1{position:relative;max-width:100%;padding-bottom:var(--space-sm);font:var(--type-hero);text-shadow:0 .5rem 2rem rgba(0,0,0,.36)}.contact-hero h1:after{content:"";position:absolute;left:0;bottom:0;width:4.75rem;height:1px;background:var(--color-gold-hover);box-shadow:0 0 .75rem #e2c15a85}.contact-hero__introduction{max-width:26rem;margin-top:var(--space-xs);padding:0;border-left:0;color:var(--color-text-primary);font:var(--type-body-large)}.contact-page__eyebrow{color:var(--color-gold-muted);font:var(--type-navigation);text-transform:uppercase;letter-spacing:.18em}.contact-methods{display:grid;gap:0;padding-left:0;border-left:0}.contact-methods__header{display:none;gap:var(--space-sm)}.contact-methods__header h2{font:var(--type-h3)}.contact-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-lg)}.contact-card{min-height:10.75rem;display:grid;grid-template-rows:auto 1fr auto;gap:var(--space-sm);padding:var(--space-md);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-soft);transition:var(--motion-transition-card)}.contact-card--linkedin,.contact-card--github,.contact-card--email,.contact-card--resume{--contact-card-background-image: none;position:relative;isolation:isolate;min-height:21.5rem;grid-template-rows:auto minmax(8.5rem,1fr) auto;justify-items:center;align-content:stretch;gap:var(--space-lg);padding:var(--space-xl) var(--space-lg) var(--space-lg);overflow:hidden;border-color:#d4af37bd;background:radial-gradient(circle at 50% 118%,rgba(226,193,90,.34),transparent 17%),radial-gradient(circle at 50% 8%,rgba(19,54,86,.32),transparent 42%),linear-gradient(145deg,#030c160d,#0a0e16cc),var(--contact-card-background-image);background-position:center;background-size:cover;background-repeat:no-repeat;box-shadow:inset 0 -.125rem #e2c15a85,0 .875rem 1.75rem #00000057;text-align:center}.contact-card--linkedin{--contact-card-background-image: url(/assets/contact-linkedin-background-BYWNJiFT.webp);background-position:center,center,center,center -.1rem;background-size:auto,auto,cover,120% auto}.contact-card--github{--contact-card-background-image: url(/assets/contact-github-background-aWnNknOr.webp);background-position:center,center,center,center -.1rem;background-size:auto,auto,cover,120% auto}.contact-card--email{--contact-card-background-image: url(/assets/contact-email-background-DWGinWri.webp);background-position:center,center,center,center -1.25rem;background-size:auto,auto,cover,105% auto}.contact-card--resume{--contact-card-background-image: url(/assets/contact-resume-background-BahT6LIC.webp)}.contact-card--linkedin:after,.contact-card--github:after,.contact-card--email:after,.contact-card--resume:after{content:"";position:absolute;inset:auto 29% -.125rem;z-index:-1;height:.35rem;border-radius:var(--radius-pill);background:var(--color-gold-hover);filter:blur(.35rem);opacity:.96}.contact-card__icon{width:2.5rem;height:2.5rem;display:grid;place-items:center;border:1px solid rgba(212,175,55,.16);border-radius:var(--radius-md);background:var(--color-background-secondary)}.contact-card__icon img{width:1.15rem;height:1.15rem;filter:invert(97%) sepia(5%) saturate(116%) hue-rotate(354deg) brightness(97%) contrast(96%);transition:var(--motion-transition-media)}.contact-card--linkedin .contact-card__icon,.contact-card--github .contact-card__icon,.contact-card--email .contact-card__icon,.contact-card--resume .contact-card__icon{width:5.25rem;height:5.25rem;border-color:#e2c15abd;border-radius:50%;background:radial-gradient(circle at 34% 28%,rgba(226,193,90,.16),transparent 14%),linear-gradient(145deg,#0e1620f5,#040a12f5);box-shadow:inset 0 0 1.25rem #e2c15a14}.contact-card--linkedin .contact-card__icon img,.contact-card--github .contact-card__icon img{width:2.75rem;height:2.75rem;filter:invert(77%) sepia(62%) saturate(612%) hue-rotate(359deg) brightness(99%) contrast(94%)}.contact-card--email .contact-card__icon img,.contact-card--resume .contact-card__icon img{width:2.75rem;height:2.75rem;filter:none}.contact-card__content{display:grid;align-content:start;gap:var(--space-xs)}.contact-card__content h2{font:var(--type-h4)}.contact-card__content p{color:var(--color-text-secondary)}.contact-card__value{-webkit-user-select:text;user-select:text;overflow-wrap:anywhere;color:var(--color-text-primary);font:var(--type-small)}.contact-card--linkedin .contact-card__content,.contact-card--github .contact-card__content,.contact-card--email .contact-card__content,.contact-card--resume .contact-card__content{align-content:start;justify-items:center;gap:var(--space-md)}.contact-card--linkedin .contact-card__content h2,.contact-card--github .contact-card__content h2,.contact-card--email .contact-card__content h2,.contact-card--resume .contact-card__content h2{position:relative;padding-bottom:var(--space-sm);font:var(--type-h3)}.contact-card--linkedin .contact-card__content h2:after,.contact-card--github .contact-card__content h2:after,.contact-card--email .contact-card__content h2:after,.contact-card--resume .contact-card__content h2:after{content:"";position:absolute;left:50%;bottom:0;width:2.25rem;height:1px;background:var(--color-gold-primary);transform:translate(-50%)}.contact-card--linkedin .contact-card__content p,.contact-card--github .contact-card__content p,.contact-card--email .contact-card__content p,.contact-card--resume .contact-card__content p{max-width:14.5rem;color:var(--color-text-primary);font:var(--type-body)}.contact-card--email .contact-card__content p:not(.contact-card__value){order:3}.contact-card--email .contact-card__content .contact-card__value{order:2;color:var(--color-gold-primary);font:var(--type-button)}.contact-card__action{min-height:2.75rem;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);border:1px solid var(--color-border-default);border-radius:var(--radius-md);background:var(--color-background-secondary);color:var(--color-text-primary);font:var(--type-button);text-decoration:none;transition:var(--motion-transition-interactive)}.contact-card__action-icon{width:1rem;height:1rem;flex:0 0 auto;color:currentColor;transition:color var(--motion-duration-fast) var(--motion-ease-standard),opacity var(--motion-duration-base) var(--motion-ease-standard),transform var(--motion-duration-base) var(--motion-ease-standard)}.contact-card__action:hover,.contact-card__action:focus-visible{border-color:var(--color-border-hover);background:var(--color-surface-hover);color:var(--color-gold-hover);text-decoration:none;transform:var(--motion-hover-raise)}.contact-card__action:active{transform:scale(var(--motion-active-scale))}.contact-card--linkedin .contact-card__action,.contact-card--github .contact-card__action,.contact-card--email .contact-card__action,.contact-card--resume .contact-card__action{width:fit-content;max-width:100%;min-height:3rem;gap:var(--space-xs);padding:var(--space-sm) var(--space-lg);border-color:var(--color-border-default);background:var(--color-surface);color:var(--color-text-primary);box-shadow:var(--shadow-gold-soft)}.contact-card--linkedin .contact-card__action-icon,.contact-card--github .contact-card__action-icon,.contact-card--email .contact-card__action-icon,.contact-card--resume .contact-card__action-icon{order:-1;width:1.2rem;height:1.2rem}.contact-card--linkedin .contact-card__action:hover,.contact-card--linkedin .contact-card__action:focus-visible,.contact-card--github .contact-card__action:hover,.contact-card--github .contact-card__action:focus-visible,.contact-card--email .contact-card__action:hover,.contact-card--email .contact-card__action:focus-visible,.contact-card--resume .contact-card__action:hover,.contact-card--resume .contact-card__action:focus-visible{border-color:var(--color-border-hover);background:var(--color-surface-hover);color:var(--color-gold-hover)}@media(max-width:72rem){.contact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:48rem){.contact-hero{min-height:auto;align-items:start}.contact-hero:before{inset:var(--space-md)}.contact-hero__content{gap:var(--space-xl);padding-block:var(--space-3xl)}.contact-hero__copy{gap:var(--space-md)}.contact-hero h1{font:var(--type-h1);max-width:100%}.contact-hero__introduction{max-width:100%;font:var(--type-body)}.contact-methods{gap:0;padding-top:0}.contact-grid{grid-template-columns:1fr}.contact-card{min-height:auto;padding:var(--space-md)}.contact-card__action{min-height:3rem}}@media(max-width:30rem){.contact-hero:before{inset:var(--space-sm)}.contact-hero__content{padding-block:var(--space-2xl)}.contact-hero h1{max-width:100%}.contact-hero__introduction{padding-left:0}.contact-card{gap:var(--space-md)}.contact-card__action{width:100%}}.app-grid{justify-self:end;align-self:center;width:min(34vw,28rem);min-width:18rem;pointer-events:none}.app-grid__container{position:relative;width:100%}.app-grid__underlayer{position:relative;z-index:0;display:block;width:100%;height:auto;opacity:.28;-webkit-mask-image:radial-gradient(circle at center,rgba(0,0,0,.82) 0%,rgba(0,0,0,.76) 34%,rgba(0,0,0,.48) 68%,rgba(0,0,0,.08) 100%);mask-image:radial-gradient(circle at center,#000000d1,#000000c2,#0000007a 68%,#00000014);-webkit-user-select:none;user-select:none}.app-grid__active-icons{position:absolute;inset:0;z-index:1;margin:0;padding:0;list-style:none;pointer-events:none}.app-grid__active-icon{position:absolute;top:var(--app-icon-y);left:var(--app-icon-x);width:var(--app-icon-size, 18.6%);transform-origin:center;transform:translate(-50%,-50%);opacity:.14;animation:app-grid-active-icon-enter .92s cubic-bezier(.16,1,.3,1) var(--app-icon-delay, 0ms) both;cursor:pointer;outline:none;pointer-events:auto;will-change:opacity,transform}.app-grid__active-icon:focus-visible{outline:1px solid rgba(212,175,55,.72);outline-offset:.25rem;border-radius:.75rem}.app-grid__active-icon--replay{animation:app-grid-active-icon-enter 10s cubic-bezier(.16,1,.3,1) 0ms both}.app-grid__active-icon-image{display:block;width:100%;height:auto;transform:scaleX(1.09);transform-origin:center;transition:transform var(--motion-duration-fast) var(--motion-ease-standard);-webkit-user-select:none;user-select:none}.app-grid__active-icon:hover .app-grid__active-icon-image,.app-grid__active-icon:focus-visible .app-grid__active-icon-image{transform:translateY(-.25rem) scaleX(1.09)}@keyframes app-grid-active-icon-enter{0%{opacity:.14;transform:translate(-50%,-50%) scale(.88)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@media(prefers-reduced-motion:reduce){.app-grid__active-icon{opacity:1;animation:none;will-change:auto}}@media(max-width:76rem)and (min-width:48.01rem){.app-grid{width:min(30vw,22rem);min-width:14rem}}@media(max-width:48rem){.app-grid{display:none}}.home-page{min-height:100%;background:transparent}.home-hero{position:relative;isolation:isolate;min-height:calc(100svh - var(--navigation-height) - var(--shell-footer-height) - (var(--shell-surface-gap) * 4));display:grid;align-items:center;overflow:hidden;background:transparent}.home-hero:before{content:"";position:absolute;inset:var(--space-lg);z-index:-1;border:var(--shell-surface-border);border-radius:var(--shell-surface-radius);background:var(--shell-surface-background);box-shadow:var(--shell-surface-shadow);-webkit-backdrop-filter:var(--shell-surface-blur);backdrop-filter:var(--shell-surface-blur);pointer-events:none}.home-hero__content{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(var(--space-2xl),7vw,8rem);align-items:center;align-content:center;padding-block:clamp(var(--space-4xl),12vh,8rem)}.home-hero__copy{display:grid;gap:var(--space-md);justify-items:start;max-width:46rem}.home-hero__eyebrow{color:var(--color-gold-muted);font:var(--type-navigation)}.home-hero h1{max-width:25ch;font:var(--type-hero);text-shadow:0 .5rem 2rem rgba(0,0,0,.36)}.home-hero__introduction{max-width:42rem;color:var(--color-text-secondary);font:var(--type-body-large);margin-top:var(--space-xs);margin-bottom:var(--space-sm);padding:var(--space-sm) 0 var(--space-sm) var(--space-lg);border-left:.1rem solid var(--color-border-hover)}.home-hero__mission{max-width:36rem;margin-top:var(--space-xs);padding:var(--space-md) 0 var(--space-md) var(--space-lg);border-left:1px solid var(--color-border-hover)}.home-hero__mission p{color:var(--color-text-primary);font:var(--type-h4)}.home-hero__cta{width:fit-content;min-height:3rem;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-lg);border:1px solid var(--color-border-default);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-primary);font:var(--type-button);text-decoration:none;box-shadow:var(--shadow-gold-soft);transition:var(--motion-transition-interactive)}.home-hero__cta-icon{width:1rem;height:1rem;flex:0 0 auto;color:currentColor;transition:color var(--motion-duration-fast) var(--motion-ease-standard),transform var(--motion-duration-base) var(--motion-ease-standard)}.home-hero__cta:hover,.home-hero__cta:focus-visible{border-color:var(--color-border-hover);background:var(--color-surface-hover);color:var(--color-gold-hover);text-decoration:none;transform:var(--motion-hover-raise)}.home-hero__cta:active{transform:scale(var(--motion-active-scale))}@media(max-width:48rem){.home-hero{min-height:auto;align-items:start}.home-hero:before{inset:var(--space-md)}.home-hero__content{grid-template-columns:1fr;gap:var(--space-md);padding-block:var(--space-3xl)}.home-hero h1{font:var(--type-h1);max-width:12ch}.home-hero__introduction,.home-hero__mission{max-width:100%}.home-hero__mission p{font:var(--type-body-large)}.home-hero__cta{min-height:3.25rem}}@media(max-width:30rem){.home-hero:before{inset:var(--space-sm)}.home-hero__content{padding-block:var(--space-2xl)}.home-hero h1{max-width:11ch}.home-hero__mission{padding-left:var(--space-md)}.home-hero__cta{width:100%}}.projects-page{min-height:100%;background:transparent}.projects-page--detail{padding-block:var(--space-3xl) var(--space-4xl);background:var(--color-background-primary)}.projects-page--overview{background:transparent}.project-overview-hero{position:relative;isolation:isolate;min-height:calc(100svh - var(--navigation-height) - var(--shell-footer-height) - (var(--shell-surface-gap) * 4));display:grid;align-items:center;overflow:hidden;background:transparent}.project-overview-hero:before{content:"";position:absolute;inset:var(--space-lg);z-index:-1;border:var(--shell-surface-border);border-radius:var(--shell-surface-radius);background:var(--shell-surface-background);box-shadow:var(--shell-surface-shadow);-webkit-backdrop-filter:var(--shell-surface-blur);backdrop-filter:var(--shell-surface-blur);pointer-events:none}.project-overview-hero__content{--project-overview-group-offset-y: -1rem;position:relative;display:grid;align-content:center;min-height:0;padding-block:clamp(var(--space-lg),3vh,var(--space-2xl));transform:translateY(var(--project-overview-group-offset-y))}.project-overview-hero .project-overview{padding-block:0}.projects-hero{--projects-hero-bottom-gap-close: 0rem;position:relative;isolation:isolate;min-height:calc(100svh - var(--navigation-height) - var(--shell-footer-height) - (var(--shell-surface-gap) * 4));margin-bottom:calc(var(--projects-hero-bottom-gap-close) * -1);display:grid;align-items:center;overflow:hidden;background:transparent}.projects-hero:before{content:"";position:absolute;inset:var(--space-lg) var(--space-lg) calc(var(--space-lg) + var(--projects-hero-bottom-gap-close)) var(--space-lg);z-index:-1;border:var(--shell-surface-border);border-radius:var(--shell-surface-radius);background:var(--shell-surface-background);box-shadow:var(--shell-surface-shadow);-webkit-backdrop-filter:var(--shell-surface-blur);backdrop-filter:var(--shell-surface-blur);pointer-events:none}.projects-hero__content{--projects-hero-content-padding-bottom: var(--space-4xl);--projects-landscape-width: calc(var(--container-page) + 30rem);--projects-landscape-content-inset: clamp(5rem, 0vw, 16rem);--projects-landscape-display-height: clamp(0rem, 5vw, 17rem);--projects-landscape-image-position-y: 69%;--projects-title-controls-offset-y: 0rem;--projects-title-offset-x: 7rem;--projects-title-offset-y: -3rem;--projects-controls-offset-x: 7rem;--projects-controls-offset-y: 1.1rem;--projects-landscape-track-gap: var(--space-xl);position:relative;box-sizing:border-box;display:grid;align-content:center;gap:var(--projects-landscape-track-gap);padding-block:clamp(var(--space-3xl),8vh,6rem) var(--projects-hero-content-padding-bottom)}.projects-hero .projects-hero__content.page-container{width:calc(100% - (var(--space-lg) * 2))}.projects-hero__summary{--projects-landscape-fade-color: rgba(11, 11, 13, 1);--projects-landscape-fade-left: 8rem;--projects-landscape-fade-right: 8rem;--projects-landscape-fade-top: 4rem;--projects-landscape-offset-y: -2.5rem;--projects-landscape-collapse-gap: -2rem;position:relative;isolation:isolate;width:min(100%,var(--projects-landscape-width));height:var(--projects-landscape-display-height);box-sizing:border-box;display:grid;justify-items:start;gap:var(--space-lg);overflow:hidden;margin-inline:auto;padding:clamp(var(--space-3xl),8vh,6rem) var(--projects-landscape-content-inset) clamp(var(--space-3xl),7vh,5rem);text-align:left;margin-bottom:var(--projects-landscape-collapse-gap);transform:translateY(var(--projects-landscape-offset-y))}.projects-hero__summary:before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,var(--projects-landscape-fade-color) 0,rgba(11,11,13,0) var(--projects-landscape-fade-left),rgba(11,11,13,0) calc(100% - var(--projects-landscape-fade-right)),var(--projects-landscape-fade-color) 100%),linear-gradient(180deg,var(--projects-landscape-fade-color) 0,rgba(11,11,13,0) var(--projects-landscape-fade-top)),linear-gradient(90deg,#03080e1a,#03080e1a 52%,#03080e1a),linear-gradient(180deg,#03080e,#03080e1a),url(/assets/digital-landscape-DJJcRM68.webp);background-position:center var(--projects-landscape-image-position-y);background-size:cover;background-repeat:no-repeat}.projects-hero__summary:after{content:"";position:absolute;left:0;right:0;bottom:0;z-index:-1;height:1px;background:radial-gradient(circle at center,var(--color-gold-hover) 0 .22rem,transparent .24rem),linear-gradient(90deg,transparent,rgba(226,193,90,.4),var(--color-gold-hover),rgba(226,193,90,.4),transparent);box-shadow:0 0 1.25rem #e2c15a9e}.projects-hero h1{--projects-title-underline-offset: 0;position:relative;width:fit-content;max-width:16ch;margin-left:var(--projects-title-offset-x);transform:translateY(calc(var(--projects-title-offset-y) + var(--projects-title-controls-offset-y)));padding-bottom:var(--space-sm);font:var(--type-hero);text-shadow:0 .5rem 2rem rgba(0,0,0,.36)}.projects-hero h1:after{content:"";position:absolute;left:0;bottom:var(--projects-title-underline-offset);width:0rem;height:1px;background:var(--color-gold-hover);box-shadow:0 0 .75rem #e2c15a85}.projects-hero__summary>p:last-child{max-width:48rem;font:var(--type-body-large);margin-top:var(--space-xs);padding:var(--space-sm) 0 var(--space-sm) var(--space-lg);border-left:.1rem solid var(--color-border-hover)}.projects-page__eyebrow{color:var(--color-gold-muted);font:var(--type-navigation)}.project-library{width:100%;display:grid;gap:var(--space-lg);margin-inline:auto;padding:0}.project-library__header{position:absolute;top:calc(clamp(var(--space-3xl),8vh,6rem) + .625rem);right:max(var(--projects-landscape-content-inset),calc(((100% - min(100%,var(--projects-landscape-width))) / 2) + var(--projects-landscape-content-inset)));z-index:1;display:flex;align-items:center;justify-content:flex-end;gap:var(--space-lg);transform:translate(calc(var(--projects-controls-offset-x) * -1),calc(var(--projects-controls-offset-y) + var(--projects-title-controls-offset-y)))}.project-library__header>div:first-child{display:grid;gap:var(--space-xs)}.project-library__controls{display:grid;grid-auto-flow:column;grid-auto-columns:max-content;grid-template-columns:none;align-items:center;justify-content:flex-end;width:auto;min-width:calc(5.5rem + var(--space-sm));gap:var(--space-sm)}.project-library__controls button,.project-action,.showcase-repository{min-height:2.75rem;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);border:1px solid var(--color-border-default);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-primary);font:var(--type-button);text-decoration:none;transition:var(--motion-transition-interactive)}.project-library__controls button:hover,.project-library__controls button:focus-visible,.project-action:hover,.project-action:focus-visible,.showcase-repository:hover,.showcase-repository:focus-visible{border-color:var(--color-border-hover);background:var(--color-surface-hover);color:var(--color-gold-hover);text-decoration:none;transform:var(--motion-hover-raise)}.project-library__controls button:active,.project-action:active,.showcase-repository:active{transform:scale(var(--motion-active-scale))}.project-library__controls .project-library__icon-button{width:2.75rem;height:2.75rem;flex:0 0 2.75rem;padding:0;color:var(--color-text-primary);box-shadow:var(--shadow-gold-soft)}.project-action img,.showcase-repository img{width:1rem;height:1rem;filter:invert(97%) sepia(5%) saturate(116%) hue-rotate(354deg) brightness(97%) contrast(96%);transition:var(--motion-transition-media)}.project-action:hover img,.project-action:focus-visible img,.showcase-repository:hover img,.showcase-repository:focus-visible img{filter:invert(82%) sepia(58%) saturate(436%) hue-rotate(1deg) brightness(95%) contrast(88%)}.project-library__icon-button img{display:none}.project-library__icon-button:before{content:"";width:1.125rem;height:1.125rem;background:currentColor;transition:var(--motion-transition-media);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}.project-library__icon-button--previous:before{-webkit-mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23D4AF37'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='lucide%20lucide-arrow-left-icon%20lucide-arrow-left'%3e%3cpath%20d='m12%2019-7-7%207-7'/%3e%3cpath%20d='M19%2012H5'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23D4AF37'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='lucide%20lucide-arrow-left-icon%20lucide-arrow-left'%3e%3cpath%20d='m12%2019-7-7%207-7'/%3e%3cpath%20d='M19%2012H5'/%3e%3c/svg%3e")}.project-library__icon-button--next:before{-webkit-mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23D4AF37'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='lucide%20lucide-arrow-right-icon%20lucide-arrow-right'%3e%3cpath%20d='M5%2012h14'/%3e%3cpath%20d='m12%205%207%207-7%207'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23D4AF37'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='lucide%20lucide-arrow-right-icon%20lucide-arrow-right'%3e%3cpath%20d='M5%2012h14'/%3e%3cpath%20d='m12%205%207%207-7%207'/%3e%3c/svg%3e")}.project-track{display:flex;align-items:flex-start;gap:var(--space-lg);overflow-x:auto;overscroll-behavior-x:contain;padding:var(--space-xs) 0 var(--space-lg);scroll-padding-inline:var(--space-xs);scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;cursor:grab;touch-action:pan-x;-webkit-user-select:none;user-select:none;scroll-margin-top:calc(var(--navigation-height) + var(--space-lg));transition:var(--motion-transition-interactive)}.project-track::-webkit-scrollbar{display:none}.project-track:active{cursor:grabbing;transform:scale(var(--motion-drag-scale))}.project-card{flex:0 0 min(14.875rem,82vw);height:35.5rem;min-height:18.5rem;display:grid;grid-template-rows:22.75rem minmax(0,1fr);overflow:hidden;border:1px solid var(--color-border-default);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-soft);scroll-snap-align:start;scroll-margin-top:calc(var(--navigation-height) + var(--space-lg));cursor:pointer;text-decoration:none;transition:var(--motion-transition-card)}.project-card:hover,.project-card:focus-visible,.project-card--active,.project-card--selected{border-color:var(--color-border-hover);background:var(--color-surface-hover);color:var(--color-text-primary);text-decoration:none}.project-card:hover,.project-card:focus-visible{transform:var(--motion-hover-raise) scale(var(--motion-hover-scale))}.project-card--active:hover,.project-card--active:focus-visible{border-color:#e2c15aeb;box-shadow:0 0 0 1px #e2c15a2b,0 0 .5rem #e2c15a36,0 0 .5rem #e2c15a1c,inset 0 0 0 1px #e2c15a33}.project-card:active{transform:scale(var(--motion-active-scale))}.project-card--selected{box-shadow:var(--shadow-medium),var(--shadow-gold-soft)}.project-card__artwork{min-height:0;overflow:hidden;background:var(--color-background-secondary)}.project-card__artwork img{width:100%;height:100%;object-fit:cover;transition:var(--motion-transition-media)}.project-card__content{position:relative;min-height:8.75rem;display:grid;align-content:center;gap:var(--space-sm);padding:calc(var(--space-md) + .375rem) var(--space-md) var(--space-md);background:linear-gradient(135deg,#1c1c1fd1,#0a1116b8)}.project-card__content:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,#e2c15a2e,#e2c15ac7 50%,#e2c15a2e)}.project-card--placeholder .project-card__content{align-content:start;padding-top:calc(var(--space-lg) + .375rem)}.project-card__title{color:var(--color-text-primary);font:var(--type-h3)}.project-card__title-image{display:block;width:min(8rem,72%);height:auto;object-fit:contain}.project-card__description{max-width:14rem;color:var(--color-text-secondary);font:var(--type-body);line-height:1.45}.project-card__status{width:fit-content;display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-2xs) var(--space-md);border:1px solid rgba(212,175,55,.16);border-radius:var(--radius-pill);color:var(--color-text-secondary);font:var(--type-small)}.project-card__status:after{content:"";width:.4rem;height:.4rem;border-radius:50%;background:currentColor}.project-card__status--released{border-color:#74d6743d;color:#74d674}.project-card__status--development{border-color:#50a9ff47;color:#50a9ff}.showcase-hero{display:grid;grid-template-columns:minmax(18rem,.95fr) minmax(0,1fr);gap:var(--space-2xl);align-items:center}.project-overview{--project-overview-shell-height: min( 45rem, calc( 100svh - var(--navigation-height) - var(--shell-footer-height) - (var(--shell-surface-gap) * 4) - 1.5rem ) );--project-overview-header-height: 5.5rem;--project-overview-logo-width: min(17rem, 34vw);--project-overview-breakout-width: 118rem;--project-overview-breakout-margin: calc(50% - 59rem) ;--project-overview-header-offset-y: 1.25rem;--project-overview-sidebar-width: minmax(13rem, 16rem);--project-overview-thumbnail-width: clamp(8rem, 12vw, 13rem);display:grid;grid-template-rows:auto minmax(0,1fr);align-content:center;gap:var(--space-md);width:min(100%,86rem);height:var(--project-overview-shell-height);min-height:0;margin-inline:auto;padding-block:0}.project-overview__header{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"nav logo";align-items:center;gap:var(--space-lg);width:100%;min-height:var(--project-overview-header-height);max-width:none;margin-inline:auto;transform:translateY(var(--project-overview-header-offset-y))}.project-overview__header-nav{grid-area:nav;display:flex;align-items:center;gap:var(--space-lg);min-width:0}.project-overview__section-nav{display:flex;align-items:center;gap:var(--space-xs);min-width:0}.project-overview__header-nav>.project-action{flex:0 0 auto;min-height:3rem;gap:var(--space-xs);padding:var(--space-sm) var(--space-lg);width:fit-content;box-shadow:var(--shadow-gold-soft)}.project-overview__header-nav>.project-action:before{content:"";width:1rem;height:1rem;flex:0 0 auto;background:currentColor;transition:color var(--motion-duration-fast) var(--motion-ease-standard),transform var(--motion-duration-base) var(--motion-ease-standard);-webkit-mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23D4AF37'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='lucide%20lucide-arrow-left-icon%20lucide-arrow-left'%3e%3cpath%20d='m12%2019-7-7%207-7'/%3e%3cpath%20d='M19%2012H5'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23D4AF37'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='lucide%20lucide-arrow-left-icon%20lucide-arrow-left'%3e%3cpath%20d='m12%2019-7-7%207-7'/%3e%3cpath%20d='M19%2012H5'/%3e%3c/svg%3e");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}.project-overview__header-nav>.project-action img{display:none}.project-overview__masthead{grid-area:logo;justify-self:end;display:grid;place-items:center;min-width:min(21rem,42vw);padding:0;background:transparent}.project-overview__masthead img{display:block;width:var(--project-overview-logo-width);height:auto;object-fit:contain}.project-overview__hero{display:grid;align-content:center;gap:var(--space-lg);min-height:0}.project-overview__artwork,.showcase-hero__artwork,.showcase-placeholder{overflow:hidden;border:1px solid var(--color-border-default);border-radius:var(--radius-lg);background:var(--color-background-secondary);box-shadow:var(--shadow-soft);transition:var(--motion-transition-card)}.project-overview__artwork img,.showcase-hero__artwork img,.showcase-placeholder img{width:100%;height:100%;object-fit:cover}.project-overview__content,.showcase-hero__content,.project-empty-state{display:grid;gap:var(--space-md)}.project-overview__content{order:1}.project-overview__content .projects-page__eyebrow{display:none}.project-overview__content h1,.showcase-hero__content h1,.project-empty-state h1{font:var(--type-hero)}.project-overview__content h1{font:var(--type-h1)}.project-overview__artwork{order:2;height:clamp(15rem,33vh,20.5rem)}.project-overview__content p,.showcase-hero__content p,.project-empty-state p{max-width:48rem;font:var(--type-body-large)}.project-overview__content p{font:var(--type-body)}.project-meta{display:grid;gap:var(--space-md)}.project-meta div{display:grid;gap:var(--space-2xs);padding-block:var(--space-md);border-top:1px solid var(--color-border-default)}.project-meta dt{display:inline-flex;align-items:center;flex-wrap:wrap;gap:var(--space-xs);color:var(--color-gold-muted);font:var(--type-caption);text-transform:uppercase}.project-meta dd{display:inline-flex;align-items:center;flex-wrap:wrap;gap:var(--space-xs);color:var(--color-text-primary)}.project-meta dt img,.project-meta dd img{width:.875rem;height:.875rem;flex:0 0 auto;filter:invert(82%) sepia(58%) saturate(436%) hue-rotate(1deg) brightness(95%) contrast(88%)}.project-actions{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.project-overview__content .project-actions{order:-1}.project-overview__workspace{min-height:0;display:grid;height:100%;overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none}.project-overview__tab-list{display:flex;flex-wrap:nowrap;gap:var(--space-xs);min-width:0;width:fit-content}.project-overview__tab{position:relative;min-height:2.75rem;padding:var(--space-xs) var(--space-lg);border:0;border-radius:var(--radius-md) var(--radius-md) 0 0;background:transparent;color:var(--color-text-secondary);font:var(--type-navigation);transition:var(--motion-transition-interactive)}.project-overview__tab:after{content:"";position:absolute;left:var(--space-md);right:var(--space-md);bottom:0;height:1px;background:transparent;box-shadow:none;transition:var(--motion-transition-interactive)}.project-overview__tab:hover,.project-overview__tab:focus-visible{color:var(--color-gold-hover);background:#e2c15a0f}.project-overview__tab[aria-selected=true]{color:var(--color-gold-hover)}.project-overview__tab[aria-selected=true]:after{background:var(--color-gold-hover);box-shadow:0 0 .75rem #e2c15a85}.project-overview__tab--external{display:inline-flex;align-items:center;gap:var(--space-xs);min-height:2.75rem;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);color:var(--color-text-secondary);text-decoration:none}.project-overview__tab--external:before{content:"";width:1rem;height:1rem;flex:0 0 auto;background:#3dc2ff;transition:var(--motion-transition-media);-webkit-mask:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Uploaded%20to:%20SVG%20Repo,%20www.svgrepo.com,%20Generator:%20SVG%20Repo%20Mixer%20Tools%20--%3e%3csvg%20fill='%23000000'%20width='800px'%20height='800px'%20viewBox='0%200%2032%2032'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M32.032%2016c0-8.501-6.677-15.472-15.072-15.969-0.173-0.019-0.346-0.032-0.523-0.032-0.052%200-0.104%200.005-0.156%200.007-0.093-0.002-0.186-0.007-0.281-0.007-8.84%200-16.032%207.178-16.032%2016.001s7.192%2016.001%2016.032%2016.001c0.094%200%200.188-0.006%200.281-0.008%200.052%200.002%200.104%200.008%200.156%200.008%200.176%200%200.349-0.012%200.523-0.032%208.395-0.497%2015.072-7.468%2015.072-15.969zM29.049%2021.151c-0.551-0.16-1.935-0.507-4.377-0.794%200.202-1.381%200.313-2.84%200.313-4.357%200-1.196-0.069-2.354-0.197-3.469%203.094-0.37%204.45-0.835%204.54-0.867l-0.372-1.050c0.695%201.659%201.080%203.478%201.080%205.386%200%201.818-0.352%203.555-0.987%205.151zM8.921%2016c0-1.119%200.074-2.212%200.21-3.263%201.621%200.127%203.561%200.222%205.839%200.243v6.939c-2.219%200.021-4.114%200.111-5.709%200.234-0.22-1.319-0.34-2.715-0.34-4.154zM16.967%202.132c2.452%200.711%204.552%204.115%205.492%208.628-1.512%200.12-3.332%200.209-5.492%200.229v-8.857zM14.971%202.156v8.832c-2.136-0.021-3.965-0.109-5.502-0.226%200.96-4.457%203.076-7.836%205.502-8.606zM14.971%2021.913l0%207.929c-2.263-0.718-4.256-3.705-5.293-7.719%201.492-0.11%203.253-0.189%205.292-0.21zM16.967%2029.868l-0-7.955c2.061%200.020%203.814%200.102%205.288%200.217-1.019%204.067-3%207.076-5.288%207.738zM16.967%2019.92l0-6.939c2.291-0.021%204.218-0.118%205.818-0.25%200.131%201.053%200.203%202.147%200.203%203.268%200%201.442-0.116%202.84-0.329%204.16-1.575-0.128-3.462-0.219-5.692-0.24zM28.588%209.81c-0.302%200.094-1.564%200.453-4.094%200.751-0.564-2.998-1.584-5.561-2.91-7.412%203.048%201.325%205.535%203.697%207.005%206.661zM11.213%202.831c-1.632%201.873-2.963%204.568-3.691%207.754-2.265-0.245-3.623-0.534-4.166-0.665%201.585-3.27%204.407-5.836%207.856-7.088zM2.614%2011.787c0.385%200.104%201.841%200.467%204.549%200.766-0.155%201.107-0.24%202.26-0.24%203.447%200%201.509%200.136%202.96%200.383%204.334-2.325%200.251-3.755%200.552-4.396%200.706-0.607-1.566-0.944-3.264-0.944-5.041%200-1.467%200.228-2.883%200.649-4.213zM3.784%2022.886c0.727-0.154%202.029-0.39%203.956-0.591%200.759%202.803%201.993%205.175%203.473%206.874-3.16-1.148-5.79-3.398-7.429-6.282v0zM21.583%2028.849c1.195-1.665%202.14-3.907%202.728-6.525%201.982%200.227%203.226%200.494%203.853%200.652-1.5%202.596-3.808%204.669-6.581%205.873z'%3e%3c/path%3e%3c/svg%3e") center / contain no-repeat;mask:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Uploaded%20to:%20SVG%20Repo,%20www.svgrepo.com,%20Generator:%20SVG%20Repo%20Mixer%20Tools%20--%3e%3csvg%20fill='%23000000'%20width='800px'%20height='800px'%20viewBox='0%200%2032%2032'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M32.032%2016c0-8.501-6.677-15.472-15.072-15.969-0.173-0.019-0.346-0.032-0.523-0.032-0.052%200-0.104%200.005-0.156%200.007-0.093-0.002-0.186-0.007-0.281-0.007-8.84%200-16.032%207.178-16.032%2016.001s7.192%2016.001%2016.032%2016.001c0.094%200%200.188-0.006%200.281-0.008%200.052%200.002%200.104%200.008%200.156%200.008%200.176%200%200.349-0.012%200.523-0.032%208.395-0.497%2015.072-7.468%2015.072-15.969zM29.049%2021.151c-0.551-0.16-1.935-0.507-4.377-0.794%200.202-1.381%200.313-2.84%200.313-4.357%200-1.196-0.069-2.354-0.197-3.469%203.094-0.37%204.45-0.835%204.54-0.867l-0.372-1.050c0.695%201.659%201.080%203.478%201.080%205.386%200%201.818-0.352%203.555-0.987%205.151zM8.921%2016c0-1.119%200.074-2.212%200.21-3.263%201.621%200.127%203.561%200.222%205.839%200.243v6.939c-2.219%200.021-4.114%200.111-5.709%200.234-0.22-1.319-0.34-2.715-0.34-4.154zM16.967%202.132c2.452%200.711%204.552%204.115%205.492%208.628-1.512%200.12-3.332%200.209-5.492%200.229v-8.857zM14.971%202.156v8.832c-2.136-0.021-3.965-0.109-5.502-0.226%200.96-4.457%203.076-7.836%205.502-8.606zM14.971%2021.913l0%207.929c-2.263-0.718-4.256-3.705-5.293-7.719%201.492-0.11%203.253-0.189%205.292-0.21zM16.967%2029.868l-0-7.955c2.061%200.020%203.814%200.102%205.288%200.217-1.019%204.067-3%207.076-5.288%207.738zM16.967%2019.92l0-6.939c2.291-0.021%204.218-0.118%205.818-0.25%200.131%201.053%200.203%202.147%200.203%203.268%200%201.442-0.116%202.84-0.329%204.16-1.575-0.128-3.462-0.219-5.692-0.24zM28.588%209.81c-0.302%200.094-1.564%200.453-4.094%200.751-0.564-2.998-1.584-5.561-2.91-7.412%203.048%201.325%205.535%203.697%207.005%206.661zM11.213%202.831c-1.632%201.873-2.963%204.568-3.691%207.754-2.265-0.245-3.623-0.534-4.166-0.665%201.585-3.27%204.407-5.836%207.856-7.088zM2.614%2011.787c0.385%200.104%201.841%200.467%204.549%200.766-0.155%201.107-0.24%202.26-0.24%203.447%200%201.509%200.136%202.96%200.383%204.334-2.325%200.251-3.755%200.552-4.396%200.706-0.607-1.566-0.944-3.264-0.944-5.041%200-1.467%200.228-2.883%200.649-4.213zM3.784%2022.886c0.727-0.154%202.029-0.39%203.956-0.591%200.759%202.803%201.993%205.175%203.473%206.874-3.16-1.148-5.79-3.398-7.429-6.282v0zM21.583%2028.849c1.195-1.665%202.14-3.907%202.728-6.525%201.982%200.227%203.226%200.494%203.853%200.652-1.5%202.596-3.808%204.669-6.581%205.873z'%3e%3c/path%3e%3c/svg%3e") center / contain no-repeat}.project-overview__tab--external:after{display:none}.project-overview__tab--external:hover,.project-overview__tab--external:focus-visible{background:var(--color-surface);color:var(--color-gold-hover);text-decoration:none;transform:var(--motion-hover-raise)}.project-overview__tab--external:hover:before,.project-overview__tab--external:focus-visible:before{background:var(--color-gold-hover)}.project-overview__tab-panel{min-height:0;display:grid}.project-overview__tab-panel[hidden]{display:none}.project-overview__tab-window{min-height:0;overflow:visible;padding:0}.project-overview__dashboard{min-height:0;height:100%;display:grid;gap:var(--space-md)}.project-overview__dashboard--features{grid-template-columns:var(--project-overview-sidebar-width) minmax(0,1fr) var(--project-overview-sidebar-width)}#project-panel-features{width:var(--project-overview-breakout-width);height:100%;max-width:none;justify-self:stretch;margin-inline:var(--project-overview-breakout-margin)}.project-overview__dashboard--overview{grid-template-columns:minmax(0,1.7fr) minmax(14rem,.58fr);align-items:start;gap:var(--space-xl)}.project-overview__dashboard--summary,.project-overview__panel-grid{display:grid;grid-template-columns:minmax(16rem,1fr) minmax(14rem,.8fr);gap:var(--space-md)}.project-overview__dashboard--summary .project-detail-card:first-child{grid-row:span 2}.project-overview__dashboard--single{grid-template-columns:minmax(0,1fr);align-items:start}.project-detail-card{display:grid;align-content:start;gap:var(--space-sm);min-height:0;padding:var(--space-md);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);background:linear-gradient(135deg,#1c1c1fd1,#0a1116b8);box-shadow:inset 0 1px #ffffff08,var(--shadow-soft)}.project-detail-card--scroll{overflow:auto}.project-detail-card--wide{grid-column:1 / -1}.project-detail-card h2{display:inline-flex;align-items:center;gap:var(--space-xs);color:var(--color-gold-primary);font:var(--type-h4)}.project-detail-card h3{color:var(--color-text-primary);font:var(--type-navigation)}.project-detail-card h2 img{width:1rem;height:1rem;filter:invert(82%) sepia(58%) saturate(436%) hue-rotate(1deg) brightness(95%) contrast(88%)}.project-detail-card p{max-width:52rem;color:var(--color-text-secondary);font:var(--type-small)}.project-walkthrough-card{gap:var(--space-md)}.project-walkthrough-card h2{padding-bottom:var(--space-xs);border-bottom:1px solid rgba(212,175,55,.32)}.project-walkthrough-card__content{display:grid;gap:var(--space-sm)}.project-walkthrough-card__content h3{color:var(--color-text-primary);font:var(--type-h4)}.project-walkthrough-card__summary-title{width:fit-content;margin-top:0;padding-bottom:.3rem;border-bottom:1px solid var(--color-gold-hover);color:var(--color-gold-hover);font:var(--type-navigation);background:transparent;box-shadow:0 .45rem .85rem -.8rem #e2c15ab3}.project-walkthrough-card__content p:not(.project-walkthrough-card__summary-title){max-width:20rem;color:var(--color-text-secondary);font:var(--type-body);line-height:1.55}.project-release-notes{--project-release-notes-viewer-height: min(38rem, calc(100svh - 25rem) );gap:var(--space-lg);max-height:var(--project-release-notes-viewer-height);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:rgba(255,255,255,.42) transparent;scrollbar-width:thin}.project-release-notes::-webkit-scrollbar{width:.7rem}.project-release-notes::-webkit-scrollbar-track{border-radius:999px;background:#ffffff0a}.project-release-notes::-webkit-scrollbar-thumb{border:.18rem solid transparent;border-radius:999px;background:#ffffff6b;background-clip:padding-box}.project-release-notes::-webkit-scrollbar-thumb:hover{background:var(--color-gold-hover);background-clip:padding-box}.project-release-notes__header{display:flex;align-items:end;justify-content:space-between;gap:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid var(--color-border-default)}.project-release-notes__eyebrow,.project-release-notes__date{color:var(--color-gold-muted);font:var(--type-navigation)}.project-release-notes__date{color:var(--color-text-secondary);white-space:nowrap}.project-release-notes__intro{max-width:82rem}.project-release-notes__sections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-md);align-items:stretch}.project-release-notes__section,.project-release-notes__license{display:grid;align-content:start;align-items:start;gap:var(--space-xs);min-height:0;padding:var(--space-md);border:1px solid var(--color-border-default);border-radius:var(--radius-md);background:#050a0e3d}.project-release-notes__section h3,.project-release-notes__license h3{color:var(--color-gold-primary);font:var(--type-h4)}.project-release-notes__section h4{color:var(--color-text-primary);font:var(--type-navigation)}.project-release-notes__section p,.project-release-notes__license p{margin:0}.project-release-notes__section ul,.project-release-notes__group ul{display:grid;gap:.45rem;margin:0;padding:0;list-style:none}.project-release-notes__section li,.project-release-notes__group li{position:relative;padding-left:1.05rem;color:var(--color-text-secondary);font:var(--type-small)}.project-release-notes__section li:before,.project-release-notes__group li:before{content:"";position:absolute;left:0;top:.72em;width:.32rem;height:.32rem;border-radius:999px;background:var(--color-gold-primary);box-shadow:0 0 .7rem #d4af3773}.project-release-notes__groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:var(--space-lg);margin-top:var(--space-xs)}.project-release-notes__group{display:grid;align-content:start;align-items:start;gap:var(--space-xs)}.project-release-notes__license{border-color:#22d3ee47}.project-lessons{--project-lessons-viewer-height: min(38rem, calc(100svh - 25rem) );gap:var(--space-lg);max-height:var(--project-lessons-viewer-height);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:rgba(255,255,255,.42) transparent;scrollbar-width:thin}.project-lessons::-webkit-scrollbar{width:.7rem}.project-lessons::-webkit-scrollbar-track{border-radius:999px;background:#ffffff0a}.project-lessons::-webkit-scrollbar-thumb{border:.18rem solid transparent;border-radius:999px;background:#ffffff6b;background-clip:padding-box}.project-lessons::-webkit-scrollbar-thumb:hover{background:var(--color-gold-hover);background-clip:padding-box}.project-lessons__header{display:flex;align-items:end;justify-content:space-between;gap:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid var(--color-border-default)}.project-lessons__eyebrow,.project-lessons__author{color:var(--color-gold-muted);font:var(--type-navigation)}.project-lessons__author{color:var(--color-text-secondary);white-space:nowrap}.project-lessons__overview{display:grid;gap:var(--space-sm);max-width:88rem}.project-lessons__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-md)}.project-lessons__item,.project-lessons__support{display:grid;align-content:start;gap:var(--space-sm);min-height:0;padding:var(--space-md);border:1px solid var(--color-border-default);border-radius:var(--radius-md);background:#050a0e3d}.project-lessons__number{width:fit-content;margin-bottom:var(--space-2xs);color:var(--color-gold-primary);font:var(--type-navigation);opacity:.76}.project-lessons__item h3,.project-lessons__support h3{color:var(--color-gold-primary);font:var(--type-h4)}.project-lessons__item ul,.project-lessons__support ul{display:grid;gap:var(--space-2xs);margin:0;padding:0;list-style:none}.project-lessons__item li,.project-lessons__support li{position:relative;padding-left:1.05rem;color:var(--color-text-secondary);font:var(--type-small)}.project-lessons__item li:before,.project-lessons__support li:before{content:"";position:absolute;left:0;top:.72em;width:.32rem;height:.32rem;border-radius:999px;background:var(--color-gold-primary);box-shadow:0 0 .7rem #d4af3773}.project-lessons__footer-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:var(--space-md)}.project-lessons__support--reflection{border-color:#22d3ee47}.project-detail-card h3,.project-detail-card p,.project-glance-list dd,.project-feature-thumbnail span{font-size:1.125rem;line-height:1.65}.project-overview__brand-preview,.project-feature-stage{min-height:0;display:grid;overflow:hidden;border:1px solid var(--color-border-default);border-radius:var(--radius-lg);background:var(--color-background-secondary);box-shadow:var(--shadow-soft)}.project-overview__brand-preview{width:min(98%,62rem);height:min(100%,41rem);align-self:start;grid-template-rows:auto minmax(0,1fr);align-items:center;gap:var(--space-lg);padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.project-overview__brand-preview>img:not(.project-overview__brand-title){display:block;width:100%;height:100%;object-fit:cover;object-position:center bottom;border:1px solid var(--color-border-default);border-radius:var(--radius-md)}.project-overview__brand-title{display:block;width:min(18rem,72%);height:auto;margin-inline:auto;object-fit:contain}.project-glance-list{display:grid;gap:0}.project-detail-card--glance{align-self:start}.project-detail-card--glance h2{margin-left:.55rem}.project-glance-list__row{--glance-icon-color: var(--color-gold-hover);position:relative;display:grid;grid-template-columns:2.875rem minmax(0,1fr);column-gap:var(--space-md);row-gap:var(--space-2xs);padding-block:var(--space-md);border-bottom:1px solid var(--color-border-default);transition:border-color var(--motion-duration-base) var(--motion-ease-standard),color var(--motion-duration-base) var(--motion-ease-standard)}.project-glance-list__row:before{content:"";grid-column:1;grid-row:1 / span 2;align-self:start;justify-self:center;width:2.625rem;height:2.625rem;border:1px solid rgba(255,255,255,.07);border-radius:50%;background:radial-gradient(circle at center,color-mix(in srgb,var(--glance-icon-color) 20%,transparent),transparent 62%),#ffffff09;box-shadow:inset 0 1px #ffffff0a;transition:border-color var(--motion-duration-base) var(--motion-ease-standard),background var(--motion-duration-base) var(--motion-ease-standard),box-shadow var(--motion-duration-base) var(--motion-ease-standard),transform var(--motion-duration-base) var(--motion-ease-standard)}.project-glance-list__row:after{content:"";grid-column:1;grid-row:1 / span 2;align-self:start;justify-self:center;width:1.125rem;height:1.125rem;margin-top:.75rem;background:var(--glance-icon-color);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;transition:background-color var(--motion-duration-base) var(--motion-ease-standard),transform var(--motion-duration-base) var(--motion-ease-standard)}.project-glance-list__row:hover{border-bottom-color:color-mix(in srgb,var(--glance-icon-color) 55%,transparent)}.project-glance-list__row:hover:before{border-color:color-mix(in srgb,var(--glance-icon-color) 38%,rgba(255,255,255,.08));background:radial-gradient(circle at center,color-mix(in srgb,var(--glance-icon-color) 30%,transparent),transparent 64%),#ffffff0b;box-shadow:inset 0 1px #ffffff0d,0 0 .65rem color-mix(in srgb,var(--glance-icon-color) 24%,transparent);transform:translateY(-1px)}.project-glance-list__row:hover:after{transform:translateY(-1px) scale(1.08)}.project-glance-list__row:last-child{border-bottom:0}.project-glance-list dt{grid-column:2;grid-row:1;align-self:end;color:var(--color-text-muted);font:var(--type-caption);text-transform:uppercase}.project-glance-list dd{grid-column:2;grid-row:2;min-width:0;color:var(--color-text-primary);font:var(--type-small)}.project-detail-card--glance h2:before{content:"";width:1.8rem;height:1.8rem;flex:0 0 auto;background:currentColor;-webkit-mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Uploaded%20to:%20SVG%20Repo,%20www.svgrepo.com,%20Generator:%20SVG%20Repo%20Mixer%20Tools%20--%3e%3csvg%20width='800px'%20height='800px'%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%20aria-labelledby='eyeIconTitle'%20stroke='%23000000'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20fill='none'%20color='%23000000'%3e%3ctitle%20id='eyeIconTitle'%3eVisible%20(eye)%3c/title%3e%3cpath%20d='M22%2012C22%2012%2019%2018%2012%2018C5%2018%202%2012%202%2012C2%2012%205%206%2012%206C19%206%2022%2012%2022%2012Z'/%3e%3ccircle%20cx='12'%20cy='12'%20r='3'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Uploaded%20to:%20SVG%20Repo,%20www.svgrepo.com,%20Generator:%20SVG%20Repo%20Mixer%20Tools%20--%3e%3csvg%20width='800px'%20height='800px'%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%20aria-labelledby='eyeIconTitle'%20stroke='%23000000'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20fill='none'%20color='%23000000'%3e%3ctitle%20id='eyeIconTitle'%3eVisible%20(eye)%3c/title%3e%3cpath%20d='M22%2012C22%2012%2019%2018%2012%2018C5%2018%202%2012%202%2012C2%2012%205%206%2012%206C19%206%2022%2012%2022%2012Z'/%3e%3ccircle%20cx='12'%20cy='12'%20r='3'/%3e%3c/svg%3e");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}.project-glance-list__row--status{--glance-icon-color: var(--color-text-primary)}.project-glance-list__row--released{--glance-icon-color: rgb(116, 214, 116)}.project-glance-list__row--development{--glance-icon-color: rgb(80, 169, 255)}.project-glance-list__row--type{--glance-icon-color: var(--color-gold-hover)}.project-glance-list__row--architecture{--glance-icon-color: rgb(61, 194, 255)}.project-glance-list__row--highlights{--glance-icon-color: rgb(177, 111, 255)}.project-glance-list__row--version{--glance-icon-color: rgb(30, 210, 235)}.project-glance-list__row--status:after{-webkit-mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='lucide%20lucide-rocket-icon%20lucide-rocket'%3e%3cpath%20d='M12%2015v5s3.03-.55%204-2c1.08-1.62%200-5%200-5'/%3e%3cpath%20d='M4.5%2016.5c-1.5%201.26-2%205-2%205s3.74-.5%205-2c.71-.84.7-2.13-.09-2.91a2.18%202.18%200%200%200-2.91-.09'/%3e%3cpath%20d='M9%2012a22%2022%200%200%201%202-3.95A12.88%2012.88%200%200%201%2022%202c0%202.72-.78%207.5-6%2011a22.4%2022.4%200%200%201-4%202z'/%3e%3cpath%20d='M9%2012H4s.55-3.03%202-4c1.62-1.08%205%20.05%205%20.05'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='lucide%20lucide-rocket-icon%20lucide-rocket'%3e%3cpath%20d='M12%2015v5s3.03-.55%204-2c1.08-1.62%200-5%200-5'/%3e%3cpath%20d='M4.5%2016.5c-1.5%201.26-2%205-2%205s3.74-.5%205-2c.71-.84.7-2.13-.09-2.91a2.18%202.18%200%200%200-2.91-.09'/%3e%3cpath%20d='M9%2012a22%2022%200%200%201%202-3.95A12.88%2012.88%200%200%201%2022%202c0%202.72-.78%207.5-6%2011a22.4%2022.4%200%200%201-4%202z'/%3e%3cpath%20d='M9%2012H4s.55-3.03%202-4c1.62-1.08%205%20.05%205%20.05'/%3e%3c/svg%3e")}.project-glance-list__row--type:after{-webkit-mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Uploaded%20to:%20SVG%20Repo,%20www.svgrepo.com,%20Generator:%20SVG%20Repo%20Mixer%20Tools%20--%3e%3csvg%20width='800px'%20height='800px'%20viewBox='0%200%2016%2016'%20xmlns='http://www.w3.org/2000/svg'%20version='1.1'%20fill='none'%20stroke='%23000000'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='1.5'%3e%3cpath%20d='m1.75%2011%206.25%203.25%206.25-3.25m-12.5-3%206.25%203.25%206.25-3.25m-6.25-6.25-6.25%203.25%206.25%203.25%206.25-3.25z'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Uploaded%20to:%20SVG%20Repo,%20www.svgrepo.com,%20Generator:%20SVG%20Repo%20Mixer%20Tools%20--%3e%3csvg%20width='800px'%20height='800px'%20viewBox='0%200%2016%2016'%20xmlns='http://www.w3.org/2000/svg'%20version='1.1'%20fill='none'%20stroke='%23000000'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='1.5'%3e%3cpath%20d='m1.75%2011%206.25%203.25%206.25-3.25m-12.5-3%206.25%203.25%206.25-3.25m-6.25-6.25-6.25%203.25%206.25%203.25%206.25-3.25z'/%3e%3c/svg%3e")}.project-glance-list__row--architecture:after{-webkit-mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23D4AF37'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='lucide%20lucide-code-xml-icon%20lucide-code-xml'%3e%3cpath%20d='m18%2016%204-4-4-4'/%3e%3cpath%20d='m6%208-4%204%204%204'/%3e%3cpath%20d='m14.5%204-5%2016'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23D4AF37'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='lucide%20lucide-code-xml-icon%20lucide-code-xml'%3e%3cpath%20d='m18%2016%204-4-4-4'/%3e%3cpath%20d='m6%208-4%204%204%204'/%3e%3cpath%20d='m14.5%204-5%2016'/%3e%3c/svg%3e")}.project-glance-list__row--highlights:after{-webkit-mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='lucide%20lucide-star-icon%20lucide-star'%3e%3cpath%20d='M11.525%202.295a.53.53%200%200%201%20.95%200l2.31%204.679a2.123%202.123%200%200%200%201.595%201.16l5.166.756a.53.53%200%200%201%20.294.904l-3.736%203.638a2.123%202.123%200%200%200-.611%201.878l.882%205.14a.53.53%200%200%201-.771.56l-4.618-2.428a2.122%202.122%200%200%200-1.973%200L6.396%2021.01a.53.53%200%200%201-.77-.56l.881-5.139a2.122%202.122%200%200%200-.611-1.879L2.16%209.795a.53.53%200%200%201%20.294-.906l5.165-.755a2.122%202.122%200%200%200%201.597-1.16z'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='lucide%20lucide-star-icon%20lucide-star'%3e%3cpath%20d='M11.525%202.295a.53.53%200%200%201%20.95%200l2.31%204.679a2.123%202.123%200%200%200%201.595%201.16l5.166.756a.53.53%200%200%201%20.294.904l-3.736%203.638a2.123%202.123%200%200%200-.611%201.878l.882%205.14a.53.53%200%200%201-.771.56l-4.618-2.428a2.122%202.122%200%200%200-1.973%200L6.396%2021.01a.53.53%200%200%201-.77-.56l.881-5.139a2.122%202.122%200%200%200-.611-1.879L2.16%209.795a.53.53%200%200%201%20.294-.906l5.165-.755a2.122%202.122%200%200%200%201.597-1.16z'/%3e%3c/svg%3e")}.project-glance-list__row--version:after{-webkit-mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Uploaded%20to:%20SVG%20Repo,%20www.svgrepo.com,%20Generator:%20SVG%20Repo%20Mixer%20Tools%20--%3e%3csvg%20width='800px'%20height='800px'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M4%205C4%204.44772%204.44772%204%205%204H11.1716C11.4368%204%2011.6911%204.10536%2011.8787%204.29289L19.8787%2012.2929C20.2692%2012.6834%2020.2692%2013.3166%2019.8787%2013.7071L13.7071%2019.8787C13.3166%2020.2692%2012.6834%2020.2692%2012.2929%2019.8787L4.29289%2011.8787C4.10536%2011.6911%204%2011.4368%204%2011.1716V5ZM5%202C3.34315%202%202%203.34315%202%205L2%2011.1716C2%2011.9672%202.31607%2012.7303%202.87868%2013.2929L10.8787%2021.2929C12.0503%2022.4645%2013.9497%2022.4645%2015.1213%2021.2929L21.2929%2015.1213C22.4645%2013.9497%2022.4645%2012.0503%2021.2929%2010.8787L13.2929%202.87868C12.7303%202.31607%2011.9672%202%2011.1716%202H5ZM8%2010C9.10457%2010%2010%209.10457%2010%208C10%206.89543%209.10457%206%208%206C6.89543%206%206%206.89543%206%208C6%209.10457%206.89543%2010%208%2010Z'%20fill='%23000000'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Uploaded%20to:%20SVG%20Repo,%20www.svgrepo.com,%20Generator:%20SVG%20Repo%20Mixer%20Tools%20--%3e%3csvg%20width='800px'%20height='800px'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M4%205C4%204.44772%204.44772%204%205%204H11.1716C11.4368%204%2011.6911%204.10536%2011.8787%204.29289L19.8787%2012.2929C20.2692%2012.6834%2020.2692%2013.3166%2019.8787%2013.7071L13.7071%2019.8787C13.3166%2020.2692%2012.6834%2020.2692%2012.2929%2019.8787L4.29289%2011.8787C4.10536%2011.6911%204%2011.4368%204%2011.1716V5ZM5%202C3.34315%202%202%203.34315%202%205L2%2011.1716C2%2011.9672%202.31607%2012.7303%202.87868%2013.2929L10.8787%2021.2929C12.0503%2022.4645%2013.9497%2022.4645%2015.1213%2021.2929L21.2929%2015.1213C22.4645%2013.9497%2022.4645%2012.0503%2021.2929%2010.8787L13.2929%202.87868C12.7303%202.31607%2011.9672%202%2011.1716%202H5ZM8%2010C9.10457%2010%2010%209.10457%2010%208C10%206.89543%209.10457%206%208%206C6.89543%206%206%206.89543%206%208C6%209.10457%206.89543%2010%208%2010Z'%20fill='%23000000'/%3e%3c/svg%3e")}.project-glance-list__row--version:has(.project-glance-list__github:hover),.project-glance-list__row--version:has(.project-glance-list__github:focus-visible){border-bottom-color:var(--color-border-default)}.project-glance-list__row--version:has(.project-glance-list__github:hover):before,.project-glance-list__row--version:has(.project-glance-list__github:focus-visible):before{border-color:#ffffff12;background:radial-gradient(circle at center,color-mix(in srgb,var(--glance-icon-color) 20%,transparent),transparent 62%),#ffffff09;box-shadow:inset 0 1px #ffffff0a;transform:none}.project-glance-list__row--version:has(.project-glance-list__github:hover):after,.project-glance-list__row--version:has(.project-glance-list__github:focus-visible):after{transform:none}.project-glance-list__inline{display:flex;flex-wrap:wrap;align-items:center;column-gap:var(--space-sm);row-gap:var(--space-2xs)}.project-glance-list__inline span{position:relative}.project-glance-list__inline span+span{padding-left:.65rem}.project-glance-list__inline span+span:before{content:"";position:absolute;top:50%;left:.18rem;width:.25rem;height:.25rem;border-radius:50%;background:var(--glance-icon-color);transform:translate(-50%,-50%)}.project-glance-list__architecture{display:flex;flex-wrap:wrap;align-items:center;column-gap:.35rem;row-gap:var(--space-2xs)}.project-glance-list__architecture-item{display:inline-flex;align-items:center;gap:.35rem}.project-glance-list__architecture-dot{width:.25rem;height:.25rem;border-radius:50%;background:var(--glance-icon-color)}.project-glance-list__version{display:flex;align-items:center;gap:var(--space-md);width:100%}.project-glance-list__github{min-height:2.35rem;display:inline-flex;align-items:center;gap:var(--space-xs);margin-left:auto;margin-right:var(--space-xs);padding:var(--space-2xs) var(--space-sm);border-radius:var(--radius-md);color:var(--color-text-secondary);font:var(--type-navigation);text-decoration:none;transition:var(--motion-transition-interactive)}.project-glance-list__github img{width:1rem;height:1rem;filter:invert(89%) sepia(8%) saturate(101%) hue-rotate(201deg) brightness(89%) contrast(86%);transition:var(--motion-transition-media)}.project-glance-list__github:hover,.project-glance-list__github:focus-visible{background:var(--color-surface);color:var(--color-gold-hover);text-decoration:none;transform:var(--motion-hover-raise)}.project-glance-list__github:hover img,.project-glance-list__github:focus-visible img{filter:invert(82%) sepia(58%) saturate(436%) hue-rotate(1deg) brightness(95%) contrast(88%)}.project-glance-list__bullets{display:grid;gap:var(--space-2xs);margin:0;padding-left:0;list-style:none;color:var(--color-text-primary)}.project-glance-list__bullets li{position:relative;padding-left:var(--space-md)}.project-glance-list__bullets li:before{content:"";position:absolute;top:.78em;left:0;width:.3rem;height:.3rem;border-radius:50%;background:var(--glance-icon-color);transform:translateY(-50%)}.project-highlight-list{display:grid;gap:var(--space-sm)}.project-highlight-list li{display:grid;gap:var(--space-2xs);padding-left:var(--space-lg);color:var(--color-text-secondary);font:var(--type-small)}.project-highlight-list li::marker{color:var(--color-gold-hover)}.project-highlight-list span{color:var(--color-text-primary);font:var(--type-navigation)}.project-feature-stage{grid-template-rows:minmax(0,1fr)}.project-feature-stage__image{min-height:0;display:grid;place-items:center;overflow:hidden;border:0;background:transparent}.project-feature-stage__image img{width:100%;height:100%;object-fit:contain;object-position:top center}.project-feature-thumbnails{display:grid;grid-auto-flow:row;grid-auto-rows:max-content;gap:var(--space-xs);overflow-x:hidden;overflow-y:auto;scrollbar-color:rgba(255,255,255,.42) transparent;scrollbar-width:thin}.project-feature-thumbnails::-webkit-scrollbar{width:.625rem}.project-feature-thumbnails::-webkit-scrollbar-track{margin-block:var(--space-xs);border-radius:var(--radius-md);background:transparent}.project-feature-thumbnails::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:var(--radius-md);background:#ffffff6b;background-clip:padding-box}.project-feature-thumbnail{display:grid;gap:var(--space-2xs);min-width:0;padding:var(--space-2xs);border:1px solid var(--color-border-default);border-radius:var(--radius-sm);background:linear-gradient(135deg,#1c1c1fd1,#0a1116b8);color:var(--color-text-secondary);font:var(--type-caption);text-align:left;transition:var(--motion-transition-interactive)}.project-feature-thumbnail:hover,.project-feature-thumbnail:focus-visible,.project-feature-thumbnail[aria-current=true]{border-color:var(--color-border-hover);color:var(--color-gold-hover)}.project-feature-thumbnail span{color:var(--color-text-primary);font:var(--type-navigation)}.project-feature-thumbnail:hover span,.project-feature-thumbnail:focus-visible span,.project-feature-thumbnail[aria-current=true] span{color:var(--color-gold-hover)}.project-feature-thumbnail img{width:100%;aspect-ratio:16 / 9;object-fit:cover;object-position:top center;border-radius:calc(var(--radius-sm) - 2px)}.project-action--primary,.showcase-hero .showcase-repository{border-color:var(--color-border-hover);box-shadow:var(--shadow-gold-soft)}.project-showcase{display:grid;gap:var(--space-2xl)}.showcase-hero{padding-block:var(--space-3xl);border-bottom:1px solid var(--color-border-default)}.showcase-section{display:grid;gap:var(--space-lg);padding-block:var(--space-2xl);border-bottom:1px solid var(--color-border-default)}.showcase-section>p{max-width:52rem;font:var(--type-body-large)}.showcase-meta-grid{max-width:52rem}.screenshot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-lg)}.screenshot-card{width:100%;min-height:100%;display:grid;grid-template-rows:minmax(0,auto) 1fr;overflow:hidden;border:1px solid var(--color-border-default);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-soft);text-align:left;transition:var(--motion-transition-card)}.screenshot-card:hover,.screenshot-card:focus-visible{border-color:var(--color-border-hover);background:var(--color-surface-hover);transform:var(--motion-hover-raise) scale(var(--motion-hover-scale))}.screenshot-card:active{transform:scale(var(--motion-active-scale))}.screenshot-card__media{display:grid;place-items:center;overflow:hidden;background:var(--color-background-secondary)}.screenshot-card__media img{width:100%;aspect-ratio:16 / 10;object-fit:cover;object-position:top center;transition:var(--motion-transition-media)}.screenshot-card__content{display:grid;gap:var(--space-xs);padding:var(--space-md);color:var(--color-text-secondary);font:var(--type-small)}.screenshot-card__title{color:var(--color-text-primary);font:var(--type-h4)}.showcase-placeholder{width:min(100%,54rem);display:grid;grid-template-columns:minmax(12rem,.75fr) 1fr;align-items:center}.showcase-placeholder img{min-height:16rem}.showcase-placeholder p{display:grid;gap:var(--space-sm);padding:var(--space-xl);font:var(--type-body-large)}.showcase-placeholder__status{display:inline-flex;align-items:center;gap:var(--space-xs);color:var(--color-gold-muted);font:var(--type-navigation)}.showcase-placeholder__status img{width:1rem;height:1rem;filter:invert(82%) sepia(58%) saturate(436%) hue-rotate(1deg) brightness(95%) contrast(88%)}.showcase-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-md)}.showcase-list li{min-height:7rem;display:grid;align-content:start;gap:var(--space-sm);padding:var(--space-lg);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);background:var(--color-surface);color:var(--color-text-secondary);box-shadow:var(--shadow-soft);transition:var(--motion-transition-card)}.showcase-list li:hover{border-color:var(--color-border-hover);background:var(--color-surface-hover);box-shadow:var(--shadow-medium);transform:var(--motion-hover-raise)}.showcase-list__title{color:var(--color-text-primary);font:var(--type-h4)}.showcase-list__description{color:var(--color-text-secondary);font:var(--type-small)}.showcase-repository{width:fit-content;justify-content:space-between}.showcase-repository--placeholder{cursor:default}.showcase-repository--placeholder:hover{border-color:var(--color-border-default);background:var(--color-surface);color:var(--color-text-primary);transform:none}.showcase-repository span{display:inline-flex;align-items:center;gap:var(--space-xs)}.project-empty-state{padding-block:var(--space-4xl)}@media(max-width:64rem){.projects-page--detail{padding-block:var(--space-2xl) var(--space-3xl)}.project-overview__hero,.showcase-hero{grid-template-columns:1fr;gap:var(--space-xl);align-items:start}.project-overview{grid-template-columns:1fr;width:min(100%,42rem);height:auto;min-height:0}.project-overview__workspace{height:auto;min-height:28rem}.project-overview__dashboard--features{grid-template-columns:1fr}.project-overview__artwork,.showcase-hero__artwork{width:min(100%,42rem)}.showcase-list{grid-template-columns:repeat(2,minmax(0,1fr))}.project-overview__panel-grid,.project-highlight-list{grid-template-columns:1fr}}@media(max-width:48rem){.projects-page--detail{padding-block:var(--space-xl) var(--space-2xl)}#project-tab-features,#project-panel-features{display:none}.project-overview-hero{min-height:auto;align-items:start}.project-overview-hero:before{inset:var(--space-md)}.project-overview-hero__content{padding-block:var(--space-3xl)}.projects-hero{min-height:auto;align-items:start}.projects-hero:before{inset:var(--space-md)}.projects-hero__content{gap:var(--space-xl);padding-block:var(--space-3xl)}.projects-hero__summary{gap:var(--space-md)}.projects-hero h1,.project-overview__content h1,.showcase-hero__content h1,.project-empty-state h1{font:var(--type-h1);max-width:100%}.projects-hero h1{margin-left:0}.projects-hero__summary>p:last-child{max-width:100%;font:var(--type-body)}.project-library__header{position:static;align-items:start;flex-direction:column;transform:none}.project-library__controls{width:max-content;justify-content:flex-start}.project-library__controls button{min-height:3rem}.project-track{gap:var(--space-md);margin-inline:calc(var(--container-gutter) * -1);padding-inline:var(--container-gutter);scroll-padding-inline:var(--container-gutter)}.project-card{flex-basis:min(14.875rem,84vw);height:35.5rem;min-height:18.5rem;grid-template-rows:22.75rem minmax(0,1fr)}.project-card__content{min-height:8.75rem;padding:var(--space-md)}.project-overview,.showcase-hero{padding-block:var(--space-2xl)}.project-overview__content p,.showcase-hero__content p,.project-empty-state p,.showcase-section>p,.showcase-placeholder p{font:var(--type-body)}.project-actions{align-items:stretch}.project-action,.showcase-repository{min-height:3rem}.screenshot-grid,.showcase-list,.showcase-placeholder{grid-template-columns:1fr}.showcase-section{padding-block:var(--space-xl)}.showcase-list li{min-height:auto;padding:var(--space-md)}}@media(max-width:30rem){.project-overview-hero:before{inset:var(--space-sm)}.project-overview-hero__content{padding-block:var(--space-2xl)}.projects-hero:before{inset:var(--space-sm)}.projects-hero__content{padding-block:var(--space-2xl)}.project-library{gap:var(--space-lg)}.project-library__controls{width:100%}.project-library__controls button:not(.project-library__icon-button):first-child,.project-action,.showcase-repository{width:100%}.project-library__controls .project-library__icon-button{flex:0 0 3rem}.project-card{flex-basis:min(14.875rem,86vw);min-height:18.5rem}.project-overview,.showcase-hero{gap:var(--space-lg)}.project-overview__artwork,.showcase-hero__artwork,.showcase-placeholder{border-radius:var(--radius-md)}.showcase-placeholder p{padding:var(--space-md)}}.app-shell{--navigation-height: 4.5rem;--page-background-image: none;--page-background-opacity: .74;--shell-surface-gap: var(--space-lg);--shell-surface-background: rgba(11, 11, 13, .62);--shell-surface-border: 1px solid var(--color-border-default);--shell-surface-radius: var(--radius-lg);--shell-surface-shadow: var(--shadow-soft);--shell-surface-blur: blur(1rem);--shell-footer-height: calc(4rem + 2px) }.app-shell--shared-background{--page-background-image: url(/assets/background-DUDPIJJx.webp)}.app-shell--with-page-background{position:relative;isolation:isolate;background:transparent}.app-shell--with-page-background:before{content:"";position:fixed;inset:0;z-index:-2;background-image:var(--page-background-image);background-position:center;background-size:cover;background-repeat:no-repeat;opacity:var(--page-background-opacity);pointer-events:none}.app-shell__content{padding-top:calc(var(--navigation-height) + (var(--shell-surface-gap) * 2))}.site-header{position:fixed;inset:var(--shell-surface-gap) 0 auto;z-index:10;min-height:var(--navigation-height);background:transparent;pointer-events:none}.site-header:before{content:"";position:absolute;inset:0;width:min(calc(100% - (var(--container-gutter) * 2)),var(--container-page));margin-inline:auto;border:var(--shell-surface-border);border-radius:var(--shell-surface-radius);background:var(--shell-surface-background);box-shadow:var(--shell-surface-shadow);-webkit-backdrop-filter:var(--shell-surface-blur);backdrop-filter:var(--shell-surface-blur);pointer-events:none}.site-nav{position:relative;z-index:1;min-height:var(--navigation-height);display:flex;align-items:center;gap:var(--space-xl);pointer-events:auto}.site-nav__brand{display:inline-flex;align-items:center;gap:var(--space-sm);height:2.625rem;flex:0 0 auto;color:var(--color-gold-muted);text-decoration:none;border-radius:var(--radius-lg)}.site-nav__brand:hover,.site-nav__brand:focus-visible{color:var(--color-gold-muted);text-decoration:none}.site-nav__brand img{width:2.625rem;height:2.625rem}.site-nav__brand-label{color:var(--color-gold-muted);font:var(--type-navigation);white-space:nowrap}.site-nav__brand:hover .site-nav__brand-label,.site-nav__brand:focus-visible .site-nav__brand-label{color:var(--color-gold-muted)}.site-nav__menu{flex:1;display:flex;align-items:center;justify-content:flex-end;gap:var(--space-lg)}.site-nav__links,.site-nav__external-links{display:flex;align-items:center;gap:var(--space-sm)}.site-nav__link,.site-nav__external-link{position:relative;min-height:2.75rem;display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);color:var(--color-text-secondary);font:var(--type-navigation);text-decoration:none;transition:var(--motion-transition-interactive)}.site-nav__link:hover,.site-nav__link:focus-visible{color:var(--color-gold-hover);text-decoration:none}.site-nav__link:after{content:"";position:absolute;left:var(--space-sm);right:var(--space-sm);bottom:.45rem;height:1px;background:currentColor;opacity:0;transform:scaleX(.35);transform-origin:center;transition:var(--motion-transition-interactive)}.site-nav__link:hover:after,.site-nav__link:focus-visible:after,.site-nav__link--active:after{opacity:1;transform:scaleX(1)}.site-nav__external-link:hover,.site-nav__external-link:focus-visible{background:var(--color-surface);color:var(--color-gold-hover);text-decoration:none;transform:var(--motion-hover-raise)}.site-nav__link--active{color:var(--color-gold-primary)}.site-nav__external-link img{width:1rem;height:1rem;filter:invert(89%) sepia(8%) saturate(101%) hue-rotate(201deg) brightness(89%) contrast(86%);transition:var(--motion-transition-media)}.site-nav__external-link:hover img,.site-nav__external-link:focus-visible img{filter:invert(82%) sepia(58%) saturate(436%) hue-rotate(1deg) brightness(95%) contrast(88%)}.site-nav__toggle{display:none;width:2.75rem;height:2.75rem;align-items:center;justify-content:center;border:1px solid var(--color-border-default);border-radius:var(--radius-md);background:var(--color-surface);transition:var(--motion-transition-interactive)}.site-nav__toggle:hover,.site-nav__toggle:focus-visible{border-color:var(--color-border-hover);background:var(--color-surface-hover);transform:var(--motion-hover-raise)}.site-nav__toggle img{width:1.25rem;height:1.25rem;filter:invert(97%) sepia(5%) saturate(116%) hue-rotate(354deg) brightness(97%) contrast(96%);transition:var(--motion-transition-media)}.site-footer{position:relative;margin-block:var(--shell-surface-gap);background:transparent}.site-footer:before{content:"";position:absolute;inset:0;width:min(calc(100% - (var(--container-gutter) * 2)),var(--container-page));margin-inline:auto;border:var(--shell-surface-border);border-radius:var(--shell-surface-radius);background:var(--shell-surface-background);box-shadow:var(--shell-surface-shadow);-webkit-backdrop-filter:var(--shell-surface-blur);backdrop-filter:var(--shell-surface-blur);pointer-events:none}.site-footer .page-container{position:relative;z-index:1;min-height:4rem;display:flex;align-items:center}.site-footer p{color:var(--color-text-muted);font:var(--type-small)}.site-footer__brand{color:var(--color-gold-muted)}@media(max-width:64rem){.site-nav,.site-nav__menu{gap:var(--space-md)}.site-nav__links,.site-nav__external-links{gap:var(--space-xs)}.site-nav__link,.site-nav__external-link{padding-inline:var(--space-xs)}}@media(max-width:48rem){.app-shell{--navigation-height: 4rem;--shell-surface-gap: var(--space-md)}.site-nav{justify-content:space-between}.site-nav__toggle{display:inline-flex}.site-nav__menu{position:absolute;top:100%;left:var(--container-gutter);right:var(--container-gutter);display:none;flex-direction:column;align-items:stretch;gap:var(--space-md);max-height:calc(100vh - var(--navigation-height) - var(--space-lg));overflow-y:auto;padding:var(--space-md);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);background:var(--color-background-secondary);box-shadow:var(--shadow-medium)}.site-nav__menu[data-open=true]{display:flex;animation:dialog-enter var(--motion-duration-base) var(--motion-ease-standard) both}.site-nav__links,.site-nav__external-links{flex-direction:column;align-items:stretch;gap:var(--space-xs)}.site-nav__link,.site-nav__external-link{width:100%;justify-content:space-between;min-height:3rem;padding:var(--space-sm) var(--space-md)}}:root{color-scheme:dark;--font-family-base: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--color-background-primary: #0B0B0D;--color-background-secondary: #141416;--color-surface: #1C1C1F;--color-surface-hover: #232327;--color-gold-primary: #D4AF37;--color-gold-hover: #E2C15A;--color-gold-muted: #B8912F;--color-text-primary: #F4F4F2;--color-text-secondary: #B6B6B8;--color-text-muted: #8A8A8D;--color-success: #4CAF50;--color-warning: #F0A43A;--color-development: #4A90E2;--color-border-default: rgba(212, 175, 55, .2);--color-border-hover: rgba(212, 175, 55, .55);--color-focus-ring: rgba(226, 193, 90, .72);--font-size-hero: 3.5rem;--font-size-h1: 2.5rem;--font-size-h2: 2rem;--font-size-h3: 1.5rem;--font-size-h4: 1.25rem;--font-size-body-large: 1.125rem;--font-size-body: 1rem;--font-size-small: .875rem;--font-size-caption: .75rem;--font-size-navigation: .9375rem;--font-size-button: .9375rem;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-heading: 1.2;--line-height-body: 1.6;--type-hero: var(--font-weight-bold) var(--font-size-hero) / var(--line-height-heading) var(--font-family-base);--type-h1: var(--font-weight-bold) var(--font-size-h1) / var(--line-height-heading) var(--font-family-base);--type-h2: var(--font-weight-semibold) var(--font-size-h2) / var(--line-height-heading) var(--font-family-base);--type-h3: var(--font-weight-semibold) var(--font-size-h3) / var(--line-height-heading) var(--font-family-base);--type-h4: var(--font-weight-semibold) var(--font-size-h4) / var(--line-height-heading) var(--font-family-base);--type-body-large: var(--font-weight-regular) var(--font-size-body-large) / var(--line-height-body) var(--font-family-base);--type-body: var(--font-weight-regular) var(--font-size-body) / var(--line-height-body) var(--font-family-base);--type-small: var(--font-weight-regular) var(--font-size-small) / var(--line-height-body) var(--font-family-base);--type-caption: var(--font-weight-regular) var(--font-size-caption) / var(--line-height-body) var(--font-family-base);--type-navigation: var(--font-weight-medium) var(--font-size-navigation) / var(--line-height-heading) var(--font-family-base);--type-button: var(--font-weight-semibold) var(--font-size-button) / var(--line-height-heading) var(--font-family-base);--space-2xs: .25rem;--space-xs: .5rem;--space-sm: .75rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 6rem;--radius-xs: .125rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-pill: 999rem;--shadow-soft: 0 .75rem 1.5rem rgba(0, 0, 0, .24);--shadow-medium: 0 1rem 2.25rem rgba(0, 0, 0, .32);--shadow-gold-soft: 0 0 1.5rem rgba(212, 175, 55, .1);--container-page: 90rem;--container-content: 72rem;--container-narrow: 48rem;--container-gutter: clamp(var(--space-lg), 4vw, var(--space-3xl));--motion-duration-fast: .14s;--motion-duration-base: .22s;--motion-duration-slow: .36s;--motion-ease-standard: cubic-bezier(.2, 0, 0, 1);--motion-ease-emphasized: cubic-bezier(.16, 1, .3, 1);--motion-hover-lift: .125rem;--motion-hover-scale: 1.01;--motion-active-scale: .99;--motion-drag-scale: .995;--motion-page-enter-distance: .375rem;--motion-overlay-enter-distance: .5rem;--motion-hover-raise: translateY(calc(var(--motion-hover-lift) * -1));--motion-transition-link: color var(--motion-duration-fast) var(--motion-ease-standard), text-decoration-color var(--motion-duration-fast) var(--motion-ease-standard);--motion-transition-interactive: background-color var(--motion-duration-fast) var(--motion-ease-standard), border-color var(--motion-duration-fast) var(--motion-ease-standard), box-shadow var(--motion-duration-fast) var(--motion-ease-standard), color var(--motion-duration-fast) var(--motion-ease-standard), filter var(--motion-duration-fast) var(--motion-ease-standard), opacity var(--motion-duration-fast) var(--motion-ease-standard), transform var(--motion-duration-fast) var(--motion-ease-standard);--motion-transition-card: background-color var(--motion-duration-base) var(--motion-ease-standard), border-color var(--motion-duration-base) var(--motion-ease-standard), box-shadow var(--motion-duration-base) var(--motion-ease-standard), color var(--motion-duration-base) var(--motion-ease-standard), transform var(--motion-duration-base) var(--motion-ease-standard);--motion-transition-media: filter var(--motion-duration-base) var(--motion-ease-standard), opacity var(--motion-duration-base) var(--motion-ease-standard), transform var(--motion-duration-base) var(--motion-ease-standard);font-family:var(--font-family-base);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}html{min-height:100%;background:var(--color-background-primary);overflow-x:clip;scrollbar-gutter:stable}body,#root{min-height:100vh}body{margin:0;min-width:320px;background:var(--color-background-primary);color:var(--color-text-primary);font:var(--type-body);overflow-x:clip}h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}h1,h2,h3,h4{color:var(--color-text-primary)}h1{font:var(--type-h1)}h2{font:var(--type-h2)}h3{font:var(--type-h3)}h4{font:var(--type-h4)}p{color:var(--color-text-secondary)}a{color:inherit;text-decoration-color:transparent;text-underline-offset:.2em;transition:var(--motion-transition-link)}a:hover{color:var(--color-gold-hover);text-decoration-color:currentColor}ul,ol{margin:0;padding:0;list-style:none}img,picture,svg,video,canvas{display:block;max-width:100%}button,input,textarea,select{font:inherit}button{border:0;padding:0;background:transparent;color:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:3px}::selection{background:var(--color-gold-primary);color:var(--color-background-primary)}.app-shell{min-height:100vh;display:flex;flex-direction:column;background:var(--color-background-primary)}.app-shell__content{flex:1}.home-page,.about-page,.projects-page,.contact-page{animation:page-enter var(--motion-duration-base) var(--motion-ease-standard) both}@keyframes page-enter{0%{opacity:0;transform:translateY(var(--motion-page-enter-distance))}to{opacity:1;transform:translateY(0)}}@keyframes overlay-enter{0%{opacity:0}to{opacity:1}}@keyframes dialog-enter{0%{opacity:0;transform:translateY(var(--motion-overlay-enter-distance)) scale(var(--motion-active-scale))}to{opacity:1;transform:translateY(0) scale(1)}}.page-container{width:min(100%,var(--container-page));margin-inline:auto;padding-inline:var(--container-gutter)}.content-container{width:min(100%,var(--container-content));margin-inline:auto;padding-inline:var(--container-gutter)}.content-container--narrow{width:min(100%,var(--container-narrow))}.image-viewer{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:var(--space-xl);background:#0b0b0de0;animation:overlay-enter var(--motion-duration-base) var(--motion-ease-standard) both}.image-viewer__dialog{width:min(100%,70rem);max-height:min(88vh,62rem);display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden;border:1px solid var(--color-border-hover);border-radius:var(--radius-lg);background:var(--color-background-secondary);box-shadow:var(--shadow-medium);animation:dialog-enter var(--motion-duration-base) var(--motion-ease-emphasized) both}.image-viewer--screenshot .image-viewer__dialog{width:min(100%,88rem)}.image-viewer__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg);padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-border-default)}.image-viewer__title{min-width:0;font:var(--type-h3)}.image-viewer__control{width:2.75rem;height:2.75rem;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--color-border-default);border-radius:var(--radius-md);background:var(--color-surface);transition:var(--motion-transition-interactive)}.image-viewer__control:hover,.image-viewer__control:focus-visible{border-color:var(--color-border-hover);background:var(--color-surface-hover);transform:var(--motion-hover-raise)}.image-viewer__control:active{transform:scale(var(--motion-active-scale))}.image-viewer__close,.image-viewer__nav{border-color:var(--color-border-default);background:var(--color-surface);color:var(--color-text-primary);box-shadow:var(--shadow-gold-soft)}.image-viewer__close:hover,.image-viewer__close:focus-visible,.image-viewer__nav:hover,.image-viewer__nav:focus-visible{border-color:var(--color-border-hover);background:var(--color-surface-hover);color:var(--color-gold-hover);box-shadow:var(--shadow-gold-soft)}.image-viewer__control img{width:1.125rem;height:1.125rem;filter:invert(97%) sepia(5%) saturate(116%) hue-rotate(354deg) brightness(97%) contrast(96%);transition:var(--motion-transition-media)}.image-viewer__close img,.image-viewer__nav img{display:none}.image-viewer__control:hover img,.image-viewer__control:focus-visible img{filter:invert(82%) sepia(58%) saturate(436%) hue-rotate(1deg) brightness(95%) contrast(88%)}.image-viewer__close:hover img,.image-viewer__close:focus-visible img{filter:none}.image-viewer__close:before,.image-viewer__nav:before{content:"";width:1.125rem;height:1.125rem;background:currentColor;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain;mask-position:center;mask-repeat:no-repeat;mask-size:contain;transition:var(--motion-transition-media)}.image-viewer__close:before{-webkit-mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23D4AF37'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='lucide%20lucide-x-icon%20lucide-x'%3e%3cpath%20d='M18%206%206%2018'/%3e%3cpath%20d='m6%206%2012%2012'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23D4AF37'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='lucide%20lucide-x-icon%20lucide-x'%3e%3cpath%20d='M18%206%206%2018'/%3e%3cpath%20d='m6%206%2012%2012'/%3e%3c/svg%3e")}.image-viewer__nav--previous:before{-webkit-mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23D4AF37'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='lucide%20lucide-arrow-left-icon%20lucide-arrow-left'%3e%3cpath%20d='m12%2019-7-7%207-7'/%3e%3cpath%20d='M19%2012H5'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23D4AF37'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='lucide%20lucide-arrow-left-icon%20lucide-arrow-left'%3e%3cpath%20d='m12%2019-7-7%207-7'/%3e%3cpath%20d='M19%2012H5'/%3e%3c/svg%3e")}.image-viewer__nav--next:before{-webkit-mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23D4AF37'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='lucide%20lucide-arrow-right-icon%20lucide-arrow-right'%3e%3cpath%20d='M5%2012h14'/%3e%3cpath%20d='m12%205%207%207-7%207'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23D4AF37'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='lucide%20lucide-arrow-right-icon%20lucide-arrow-right'%3e%3cpath%20d='M5%2012h14'/%3e%3cpath%20d='m12%205%207%207-7%207'/%3e%3c/svg%3e")}.image-viewer__body{height:100%;min-height:0;overflow:auto;padding:var(--space-lg);background:var(--color-background-primary)}.image-viewer__body--with-navigation{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-md);overflow:hidden}.image-viewer__image-frame{max-height:100%;min-width:0;min-height:0;overflow:auto;border-radius:var(--radius-sm)}.image-viewer__body--with-navigation .image-viewer__image-frame{height:100%}.image-viewer__image-frame img{width:min(100%,64rem);margin-inline:auto;border-radius:var(--radius-sm)}.image-viewer--screenshot .image-viewer__image-frame img{width:auto;max-width:none}.section{padding-block:var(--space-4xl)}.section--compact{padding-block:var(--space-2xl)}.centered-content{display:grid;place-items:center;text-align:center}.stack-xs{display:grid;gap:var(--space-xs)}.stack-sm{display:grid;gap:var(--space-sm)}.stack-md{display:grid;gap:var(--space-md)}.stack-lg{display:grid;gap:var(--space-lg)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.text-gold{color:var(--color-gold-primary)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:64rem){:root{--font-size-hero: 3rem;--font-size-h1: 2.25rem;--font-size-h2: 1.75rem;--font-size-h3: 1.375rem;--container-gutter: clamp(var(--space-lg), 5vw, var(--space-2xl))}.section{padding-block:var(--space-3xl)}}@media(max-width:48rem){:root{--font-size-hero: 2.5rem;--font-size-h1: 2rem;--font-size-h2: 1.625rem;--font-size-h3: 1.25rem;--font-size-body-large: 1rem;--container-gutter: clamp(var(--space-md), 5vw, var(--space-lg))}.section{padding-block:var(--space-2xl)}.image-viewer{padding:var(--space-md)}.image-viewer__dialog{max-height:calc(100vh - (var(--space-md) * 2))}.image-viewer__header{align-items:flex-start;gap:var(--space-md);padding:var(--space-md)}.image-viewer__title{font:var(--type-h4)}.image-viewer__body{padding:var(--space-md)}.image-viewer__body--with-navigation{grid-template-columns:1fr 1fr}.image-viewer__body--with-navigation .image-viewer__image-frame{grid-column:1 / -1;grid-row:1}.image-viewer__nav{width:100%}.image-viewer__nav--previous{grid-column:1;grid-row:2}.image-viewer__nav--next{grid-column:2;grid-row:2}}@media(max-width:30rem){:root{--font-size-hero: 2.125rem;--font-size-h1: 1.75rem;--font-size-h2: 1.5rem;--container-gutter: var(--space-md)}}@media(prefers-reduced-motion:reduce){:root{--motion-hover-lift: 0rem;--motion-hover-scale: 1;--motion-active-scale: 1;--motion-drag-scale: 1;--motion-page-enter-distance: 0rem;--motion-overlay-enter-distance: 0rem;--motion-hover-raise: translateY(0)}*,*:before,*:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}.home-page,.about-page,.projects-page,.contact-page,.image-viewer,.image-viewer__dialog{animation:none!important}}