:root{--brand-primary: #334155;--brand-primary-rgb: 51, 65, 85;--brand-bg: #f8f7f5;--brand-surface: #ffffff;--brand-surface-alt: #f3f1ed;--brand-text: #1e2128;--brand-text-muted: #5b5f68;--brand-border: #dedbd4;color-scheme:light;--bg: var(--brand-bg);--surface: var(--brand-surface);--surface-alt: var(--brand-surface-alt);--text: var(--brand-text);--muted: var(--brand-text-muted);--accent: var(--brand-primary);--accent-soft: rgba(var(--brand-primary-rgb), .16);--border: var(--brand-border);--max-width: 960px;--radius: 0px;--shadow-soft: 0 18px 40px rgba(31, 41, 55, .12);--font-sans: "Inter", "Segoe UI", "Helvetica Neue", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:var(--font-sans);font-size:16.5px;line-height:1.58;background:var(--bg);color:var(--text);overflow-x:hidden;-webkit-font-smoothing:antialiased}a{color:inherit}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.proprietary-modal{position:relative;background:var(--surface);border-radius:var(--radius);padding:2rem;max-width:500px;width:90%;box-shadow:var(--shadow-soft)}.proprietary-modal h3{margin:0 0 1rem;font-size:1.4rem;color:var(--text)}.proprietary-modal p{margin:0 0 1rem;color:var(--muted);line-height:1.6}.proprietary-modal p:last-of-type{margin-bottom:0}.modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:2rem;line-height:1;cursor:pointer;color:var(--muted);padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center}.modal-close:hover{color:var(--text)}.page{display:flex;flex-direction:column;gap:0}.page__meta{position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;padding:.85rem clamp(1.5rem,4vw,3.5rem);background:#ffffffeb;border-bottom:1px solid rgba(0,0,0,.04);z-index:2;font-size:.8rem;text-transform:uppercase;letter-spacing:.15em;box-shadow:0 10px 28px #11182712;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.page__badge{color:var(--accent)}.page__year{color:var(--muted)}.page__meta-left,.page__meta-right{display:flex;align-items:center;gap:1rem}.page__logo{height:2rem;width:auto}.page__name{color:var(--text)}.page__social-links{display:flex;gap:1rem}.page__social-links a{text-decoration:none;transition:color .25s ease}.page__social-links a:hover{color:var(--accent)}.section{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:clamp(3.5rem,9vw,6.5rem) clamp(1.5rem,8vw,6rem);position:relative;overflow:hidden}.section:first-of-type{min-height:calc(100vh - 5rem);padding:clamp(2rem,5vw,3rem) clamp(1.5rem,8vw,6rem)}@media (max-width: 640px){.section:first-of-type{min-height:calc(100vh - 6rem);padding:clamp(1.75rem,8vh,2.6rem) clamp(1.5rem,7vw,2.4rem);justify-content:flex-start;align-items:center}.section:first-of-type .section__content{padding:clamp(1.75rem,6vw,2.25rem)}}.section:not(:first-of-type):before{content:"";position:absolute;top:0;left:-10%;width:120%;height:100%;background:var(--brand-primary);z-index:10;pointer-events:none;transform:translate(calc(var(--slide-amount, 0%) * 1.1)) skew(-2deg);transform-origin:left center;box-shadow:0 24px 48px #16202c1f}.section:nth-of-type(2n):before{transform:translate(calc(-1 * var(--slide-amount, 0%) * 1.1)) skew(2deg);transform-origin:right center;background:var(--brand-primary);box-shadow:0 24px 48px #16202c1f}.section__content{position:relative;width:min(100%,var(--max-width));background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:clamp(2.6rem,6vw,4.1rem);z-index:1;box-shadow:var(--shadow-soft)}.section:first-of-type .section__content{padding:clamp(1.8rem,4vw,2.5rem)}.section:not(:first-of-type) .section__content{transform:translate(calc(25% - var(--slide-amount, 0%) * .25));opacity:clamp(0,calc(var(--slide-amount, 0%) * 2),1)}.section:nth-of-type(2n):not(:first-of-type) .section__content{transform:translate(calc(-25% + var(--slide-amount, 0%) * .25))}.section__eyebrow{margin:0 0 .75rem;color:var(--accent);font-size:.9rem;letter-spacing:.12em;text-transform:uppercase}.section__title{margin:0 0 1.75rem;font-size:clamp(2.5rem,6vw,3.8rem);font-weight:600;line-height:1.1}.section:first-of-type .section__title{margin:0 0 1rem;font-size:clamp(2rem,5vw,2.8rem)}.section__body{margin:0;color:var(--muted);font-size:clamp(1rem,2vw,1.15rem);max-width:52ch}.section__body--intro{font-size:clamp(.95rem,2vw,1.05rem)}.intro__header{display:flex;align-items:center;gap:1.25rem}.intro__headshot{flex-shrink:0}.intro__headshot-image{width:70px;height:70px;border-radius:50%;object-fit:cover;border:2px solid var(--border);box-shadow:0 4px 12px #0000001a}.tech-stacks{display:flex;gap:clamp(1.5rem,3vw,2.5rem);margin-top:1.75rem;padding-top:1.75rem;border-top:1px solid var(--border);flex-wrap:wrap}.tech-stacks__item{display:flex;flex-direction:column;align-items:center;gap:.75rem;transition:transform .25s ease}.tech-stacks__item:hover{transform:translateY(-4px)}.tech-stacks__icon{width:1.8rem;height:1.8rem;filter:grayscale(.3) opacity(.85);transition:filter .25s ease}.tech-stacks__item:hover .tech-stacks__icon{filter:grayscale(0) opacity(1)}.tech-stacks__name{font-size:.85rem;color:var(--muted);letter-spacing:.05em;text-transform:uppercase}.overview-list{display:grid;gap:1.5rem;margin:0;padding:0;list-style:none}.overview-list__item{padding:1.55rem 1.65rem;background:var(--surface-alt);border:1px solid rgba(31,41,55,.08);border-radius:0;box-shadow:0 12px 28px #1118271a;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.overview-list__item:hover,.overview-list__item:focus-within{transform:translateY(-2px);border-color:var(--accent);box-shadow:0 18px 38px #11182724}.overview-list__header{display:flex;flex-direction:column;gap:.4rem;margin-bottom:.8rem}.overview-list__link{display:block;color:inherit;text-decoration:none}.overview-list__link:focus-visible{outline:2px solid var(--accent);outline-offset:6px}.overview-list__title{margin:0;font-size:1.2rem;color:var(--text)}.overview-list__stack{color:var(--accent);font-size:.85rem;letter-spacing:.1em;text-transform:uppercase}.overview-list__summary{margin:0;font-size:.95rem;color:var(--muted);line-height:1.5}.bullet-list{margin:0;padding-left:1.25rem;color:var(--muted);font-size:clamp(1rem,2vw,1.1rem);line-height:1.6;max-width:56ch}.bullet-list__item+.bullet-list__item{margin-top:.75rem}.project{display:grid;gap:1.5rem}.project__lead{display:grid;gap:.75rem}.project__name{margin:0;font-size:clamp(2.1rem,4.5vw,3rem)}.project__headline{margin:0;color:var(--text);font-size:clamp(1.08rem,2.1vw,1.25rem);line-height:1.45}.project__highlights{display:grid;gap:.75rem;margin:0;padding:0;list-style:none}.project__highlight{padding:1.05rem 1.35rem;background:var(--bg);border-left:3px solid var(--accent);border-radius:0;line-height:1.52}.project__meta{display:flex;flex-direction:column;gap:.75rem;font-size:.98rem}.project__stack{display:inline-block;padding:.35rem .6rem;background:rgba(var(--brand-primary-rgb),.08);border:1px solid rgba(var(--brand-primary-rgb),.4);color:var(--accent);font-size:.82rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.project__actions{display:flex;gap:1rem;align-items:center}.project__badge{display:inline-block;padding:.35rem .6rem;background:#5b5f6814;border:1px solid rgba(91,95,104,.3);color:var(--muted);font-size:.72rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;margin-bottom:.75rem}.project__link{align-self:flex-start;font:inherit;color:var(--text);text-decoration:none;padding:.65rem 1.35rem;border:2px solid var(--accent);background:transparent;border-radius:0;cursor:pointer;transition:background .25s ease,color .25s ease}.project__link:hover,.project__link:focus-visible{background:var(--accent);color:#fff}.project__link--live{background:var(--accent);color:#fff;border-color:var(--accent)}.project__link--live:hover,.project__link--live:focus-visible{background:#fff;color:var(--accent)}.page__footer{padding:3rem clamp(1.5rem,4vw,3rem) 2rem;color:var(--muted);background:var(--surface);border-top:1px solid var(--border)}.page__footer-content{max-width:var(--max-width);margin:0 auto 2.5rem}.page__footer-info{display:flex;flex-direction:column;gap:1rem}.page__footer-name{margin:0;font-size:1.25rem;font-weight:600;color:var(--text)}.page__footer-location,.page__footer-email{display:flex;align-items:center;gap:.5rem;margin:0;font-size:.95rem;text-decoration:none;color:var(--muted);transition:color .25s ease}.page__footer-email:hover{color:var(--accent)}.page__footer-icon{width:1.1rem;height:1.1rem;flex-shrink:0}.page__footer-socials{display:flex;gap:.75rem;align-items:center;margin-top:.5rem}.page__footer-social{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;color:var(--muted);transition:all .25s ease;border:1px solid var(--border);background:var(--surface-alt)}.page__footer-social svg{width:1.15rem;height:1.15rem}.page__footer-social:hover{color:var(--accent);border-color:var(--accent);background:var(--surface);transform:translateY(-2px)}.page__footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid var(--border);font-size:.9rem}.page__footer-bottom p{margin:0}.page__footer-bottom a{text-decoration:none;color:var(--text);transition:color .25s ease}.page__footer-bottom a:hover{color:var(--accent)}.back-to-top{position:fixed;right:clamp(1.2rem,2vw,2rem);bottom:clamp(1.5rem,4vw,2.8rem);padding:.65rem 1.1rem;border:2px solid var(--accent);background:var(--accent);color:#fff;font-size:.82rem;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity .25s ease,transform .25s ease,box-shadow .25s ease;z-index:30}.back-to-top:hover,.back-to-top:focus-visible{box-shadow:0 14px 32px rgba(var(--brand-primary-rgb),.28)}.back-to-top:focus-visible{outline:2px solid #ffffff;outline-offset:4px}.back-to-top--visible{opacity:1;transform:translateY(0);pointer-events:auto}.modal{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;padding:clamp(1.25rem,5vw,3rem);background:#10121b8c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:40;animation:modal-fade .25s ease}.modal__dialog{width:min(960px,100%);max-height:min(90vh,880px);background:var(--surface);border:1px solid rgba(31,41,55,.18);box-shadow:0 28px 60px #11182738;overflow-y:auto;display:grid;grid-template-rows:auto 1fr auto;transform:translateY(12px);animation:modal-slide .25s ease forwards}.modal__header{display:flex;justify-content:space-between;gap:2rem;padding:clamp(1.75rem,4vw,2.75rem);border-bottom:1px solid var(--border)}.modal__eyebrow{margin:0 0 .35rem;color:var(--accent);letter-spacing:.16em;text-transform:uppercase;font-size:.78rem}.modal__title{margin:0;font-size:clamp(1.8rem,5vw,2.5rem);letter-spacing:-.01em}.modal__subtitle{margin:.85rem 0 0;color:var(--muted);font-size:clamp(1rem,2.2vw,1.15rem);line-height:1.55}.modal__close{align-self:flex-start;border:0;background:transparent;color:var(--muted);font-size:1.5rem;cursor:pointer;transition:color .2s ease}.modal__close:hover,.modal__close:focus-visible{color:var(--accent)}.modal__body{padding:0 clamp(1.8rem,5vw,2.8rem);display:grid;gap:clamp(1.75rem,3vw,2.5rem);margin:clamp(1.8rem,5vw,2.6rem) 0}.modal__section{display:grid;gap:.65rem}.modal__section-title{margin:0;font-size:.95rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.modal__note{margin:0;padding:.9rem 1.1rem;background:var(--surface-alt);border-left:3px solid var(--accent);line-height:1.55}.modal__list{margin:0;padding-left:1.1rem;color:var(--text);line-height:1.6}.modal__media-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.modal__media-item{display:grid;gap:.6rem;background:var(--surface-alt);padding:1rem;border:1px solid rgba(31,41,55,.1)}.modal__media-item iframe{width:100%;height:auto;display:block}.modal__media-item img{display:block;height:auto;width:auto;max-width:100%;margin:0 auto}.modal__media-item--video iframe{aspect-ratio:16 / 9}.modal__media-item figcaption{font-size:.85rem;color:var(--muted)}.modal__footer{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;align-items:center;padding:clamp(1.5rem,4vw,2.25rem);border-top:1px solid var(--border);background:var(--surface-alt)}.modal__stack{display:flex;flex-wrap:wrap;gap:.5rem;font-size:.9rem;color:var(--muted)}.modal__stack-label{letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.modal__extern{padding:.6rem 1.2rem;border:2px solid var(--accent);color:var(--text);text-decoration:none;transition:background .25s ease,color .25s ease}.modal__extern:hover,.modal__extern:focus-visible{background:var(--accent);color:#fff}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}@keyframes modal-slide{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.color-switcher{display:flex;gap:.5rem;align-items:center}.color-switcher__block{width:1.5rem;height:1.5rem;border:2px solid transparent;border-radius:2px;cursor:pointer;transition:all .25s ease;transform:skew(-2deg);box-shadow:0 2px 6px #00000026}.color-switcher__block:hover{transform:skew(-2deg) translateY(-2px);box-shadow:0 4px 12px #00000040}.color-switcher__block--active{border-color:var(--text);transform:skew(-2deg) scale(1.15)}.color-switcher__block--active:hover{transform:skew(-2deg) scale(1.15) translateY(-2px)}@media (max-width: 720px){.section__content{padding:2.25rem}.page__meta{font-size:.75rem;flex-direction:column;gap:1rem;align-items:flex-start}.page__meta-left,.page__meta-right{width:100%;justify-content:space-between}.page__social-links{gap:.75rem}.page__logo{height:1.5rem}.modal{padding:1rem}.modal__header{flex-direction:column;align-items:flex-start;gap:1.25rem}.modal__media-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;scroll-behavior:auto!important}}