:root{color-scheme:light;--background:#f8fcff;--surface:#ffffffc2;--surface-strong:#fff;--text:#102132;--muted:#526579;--border:#10213221;--accent:#2f83d3;--accent-strong:#164b7e;--accent-warm:#3d6892;--accent-soft:#d7ebff;--browser-chrome:#ebf5ff;--ink:#1e3352;--shadow:0 28px 80px #285c8f24;--ambient-progress:0;--safe-area-top:env(safe-area-inset-top,0px);--safe-area-right:env(safe-area-inset-right,0px);--safe-area-bottom:env(safe-area-inset-bottom,0px);--safe-area-left:env(safe-area-inset-left,0px);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background-color:var(--browser-chrome);color:var(--text);scroll-behavior:smooth;background-image:radial-gradient(circle at 12% 12%,#99ccffb8,#0000 24rem),linear-gradient(135deg,#fff 0%,#ebf5ff 24%,#d7ebff 48%,#c2e1ff 72%,#aed6ff 100%)}body{isolation:isolate;min-width:320px;min-height:100svh;margin:0;position:relative;overflow-x:hidden}body,button,input,textarea{font:inherit}a{color:inherit;text-decoration:none}p,h1,h2,h3,dl,dd{margin:0}ul{margin:0;padding:0}img{max-width:100%;display:block}.ambient-background{inset:calc(var(--safe-area-top) * -1) calc(var(--safe-area-right) * -1) calc(var(--safe-area-bottom) * -1) calc(var(--safe-area-left) * -1);pointer-events:none;z-index:0;position:fixed;overflow:hidden}.ambient-background__state{transition:opacity .36s ease-out;position:absolute;inset:-18%}.ambient-background__state--start{opacity:calc(1 - var(--ambient-progress));background:radial-gradient(circle at 50% 18%,#ffffffd6,#0000 28rem),radial-gradient(circle at 12% 12%,#99ccffb8,#0000 24rem),radial-gradient(circle at 80% 22%,#aed6ffb8,#0000 26rem),radial-gradient(circle at 48% 72%,#c2e1ffc7,#0000 32rem),linear-gradient(135deg,#fff 0%,#ebf5ff 24%,#d7ebff 48%,#c2e1ff 72%,#aed6ff 100%)}.ambient-background__state--end{opacity:var(--ambient-progress);background:radial-gradient(circle at 100% 82%,#99ccffbd,#0000 30rem),radial-gradient(at 64% 52%,#ffffffeb,#0000 32rem),radial-gradient(at 32% 26%,#ebf5ffd1,#0000 28rem),radial-gradient(circle at 8% 72%,#c2e1ffb8,#0000 30rem),linear-gradient(135deg,#aed6ff 0%,#c2e1ff 30%,#d7ebff 58%,#ebf5ff 82%,#fff 100%)}.page-shell{max-width:1180px;padding:calc(28px + var(--safe-area-top)) calc(24px + var(--safe-area-right)) calc(82px + var(--safe-area-bottom)) calc(24px + var(--safe-area-left));z-index:1;gap:176px;margin:0 auto;display:grid;position:relative}.site-header{opacity:0;padding:calc(12px + var(--safe-area-top)) calc(18px + var(--safe-area-right)) 0 calc(18px + var(--safe-area-left));pointer-events:none;z-index:10;justify-content:center;transition:opacity .18s,transform .18s;display:flex;position:fixed;top:0;left:0;right:0;transform:translateY(-12px)}.site-header--visible{opacity:1;pointer-events:auto;transform:translateY(0)}.site-header__nav{backdrop-filter:blur(20px);border:1px solid var(--border);background:#ffffffbd;border-radius:8px;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;max-width:min(100%,760px);padding:6px;display:flex;box-shadow:0 18px 58px #17202414}.site-header__nav a{color:var(--ink);border-radius:6px;padding:11px 12px;font-size:.9rem;font-weight:760;line-height:1;transition:background-color .18s,color .18s}.site-header__nav a:hover{background:var(--accent-soft);color:var(--accent-strong)}.hero{grid-template-columns:minmax(0,1fr) minmax(300px,.42fr);grid-template-areas:"content portrait""links portrait";align-content:center;align-items:center;column-gap:44px;min-height:calc(100svh - 56px);padding:30px 0 10px;scroll-margin-top:28px;display:grid}.hero__content{grid-area:content;min-width:0}.eyebrow,.section-heading p{color:var(--accent-strong);letter-spacing:0;text-transform:uppercase;font-size:.78rem;font-weight:780}.hero h1{max-width:8ch;margin-top:16px;font-size:clamp(3.75rem,10vw,7.6rem);line-height:.88}.hero__headline{color:var(--ink);max-width:860px;margin-top:24px;font-size:clamp(1.42rem,2.8vw,2.35rem);font-weight:720;line-height:1.1}.hero__subheadline{color:var(--muted);max-width:680px;margin-top:18px;font-size:clamp(1.02rem,1.7vw,1.24rem);line-height:1.65}.hero__links{flex-wrap:wrap;grid-area:links;gap:12px;margin-top:26px;display:flex}.button{backdrop-filter:blur(18px);border:1px solid var(--border);background:#ffffff9e;border-radius:8px;justify-content:center;align-items:center;min-height:46px;padding:0 18px;font-weight:760;transition:background-color .18s,border-color .18s,color .18s,transform .18s;display:inline-flex}.button:hover{background:var(--surface-strong);color:var(--accent-strong);border-color:#2f83d37a;transform:translateY(-1px)}.button--primary{background:var(--text);border-color:var(--text);color:#fff}.button--primary:hover{background:var(--accent-strong);color:#fff}.hero__portrait{box-shadow:var(--shadow);background:linear-gradient(150deg,#ffffffb8,#ebf5ff6b);border:1px solid #1720241f;border-radius:8px;grid-area:portrait;grid-template-rows:minmax(0,1fr) auto;align-self:stretch;min-height:0;padding:14px;display:grid;overflow:hidden}.portrait-frame{background:radial-gradient(circle at 50% 18%,#ebf5ff42,#0000 18rem),linear-gradient(160deg,#102132 0%,#164b7e 52%,#9cf 100%);border-radius:6px;min-height:0;position:relative;overflow:hidden}.portrait-frame picture{width:100%;height:100%;display:block}.portrait-frame img{object-fit:cover;object-position:50% 28%;width:100%;height:100%}.portrait-fallback{color:#ffffffeb;place-items:center;height:100%;min-height:0;display:grid}.portrait-fallback span{letter-spacing:0;border:1px solid #ffffff38;border-radius:50%;place-items:center;width:min(58%,260px);height:min(58%,260px);font-size:clamp(4rem,11vw,8rem);font-weight:780;display:grid}.hero__portrait p{color:var(--ink);padding:18px 6px 4px;font-size:.98rem;font-weight:720;line-height:1.45}.section{justify-self:center;gap:30px;width:100%;max-width:920px;scroll-margin-top:72px;display:grid}.section-heading{gap:12px;max-width:920px;display:grid}.section-heading h2{font-size:clamp(2.05rem,5vw,4.35rem);line-height:.98}#summary{max-width:1040px}#projects{max-width:1060px}#experience{max-width:1040px}.summary-copy{gap:18px;max-width:860px;display:grid}.project-card,.experience-card{backdrop-filter:blur(20px);background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:0 18px 58px #17202414}.summary-copy p{color:var(--ink);font-size:clamp(1.04rem,1.7vw,1.24rem);line-height:1.7}.skill-tags{flex-wrap:wrap;gap:10px;max-width:900px;margin-top:12px;display:flex}.skill-tags span{color:var(--ink);background:#ffffffad;border:1px solid #1021321a;border-radius:8px;padding:9px 12px;font-size:.92rem;font-weight:680;line-height:1}.projects-section__intro{color:var(--muted);max-width:760px;font-size:clamp(1.02rem,1.6vw,1.18rem);line-height:1.7}.project-showcase{gap:14px;display:grid}.project-card{--project-accent:var(--accent-strong);--project-soft:var(--accent-soft);align-content:start;gap:16px;display:grid;overflow:hidden}.project-card:focus-visible{outline-offset:4px;outline:3px solid #2f83d39e}.project-card--featured{background:linear-gradient(135deg,#ffffffdb 0%,#ebf5ffb8 100%);grid-template-columns:minmax(0,1.08fr) minmax(280px,.82fr);align-content:stretch;min-height:0}.project-card--compact{padding:22px}.project-card--diy{--project-accent:#76506f;--project-soft:#eaddea}.project-card--software{--project-accent:var(--accent-strong);--project-soft:var(--accent-soft);grid-template-rows:minmax(0,2fr) minmax(0,3fr);min-height:410px;padding:0}.project-card--software .project-card__body{min-height:0;padding:0 22px 22px}.project-card--stories{--project-accent:#336d65;--project-soft:#dceeea;overflow:visible}.project-card__body{align-content:start;gap:14px;display:grid}.project-card__body--story{gap:14px}.project-card__story-copy{border-left:3px solid var(--project-soft);gap:16px;padding-left:12px;display:grid}.project-card__body--featured{padding:32px}.project-card__eyebrow,.project-group__eyebrow{color:var(--project-accent,var(--accent-strong));letter-spacing:0;text-transform:uppercase;font-size:.78rem;font-weight:780;line-height:1}.project-card h3,.project-card h4,.experience-card h3{color:var(--ink);line-height:1.1}.project-card h3{max-width:8ch;font-size:clamp(2.28rem,5vw,4.3rem)}.project-card__title-row{align-items:center;gap:24px;min-width:0;display:flex}.project-card__title-row img{border-radius:14px;flex:none;width:64px;height:64px}.project-card__title-row h3{min-width:0;max-width:none}.project-card h4{font-size:1.2rem}.project-card--compact .project-card__eyebrow+h4,.project-card--compact h4+p{margin-top:-8px}.project-card--compact{--compact-card-copy-offset:-24px}.project-card--compact h4+p,.project-card--compact h4+.project-card__story-copy{margin-top:var(--compact-card-copy-offset)}.project-card--stories h4+.project-card__story-copy{margin-top:-16px}.experience-card h3{font-size:1.35rem}.project-card p,.experience-card p{color:var(--muted);line-height:1.62}.project-card__impact{font-weight:680;color:var(--text)!important}.project-card__detail-label{color:var(--project-accent);letter-spacing:0;text-transform:uppercase;margin-bottom:6px;font-size:.72rem;font-weight:780;line-height:1;display:block}.project-proof-list{gap:9px;padding-top:2px;list-style:none;display:grid}.project-proof-list li{color:var(--ink);align-items:start;gap:9px;font-weight:680;line-height:1.4;display:flex}.project-proof-list li:before{background:var(--accent);content:"";border-radius:3px;flex:none;width:8px;height:8px;margin-top:.42em}.project-card__visual{background:linear-gradient(155deg,#102132 0%,#31515b 54%,#6f8b59 100%);height:100%;min-height:100%;display:grid;position:relative;overflow:hidden}.qwertyme-video{object-fit:cover;width:100%;height:100%}.project-card__software-visual{background:linear-gradient(155deg,#102132 0%,#31515b 58%,#6f8b59 100%);min-height:0;padding:14px;display:grid;position:relative;overflow:hidden}.project-card__software-visual:before{content:"";background:linear-gradient(90deg,#ffffff29,#0000);position:absolute;inset:0}.project-card__software-visual img{object-fit:cover;z-index:1;width:100%;height:100%;position:absolute;inset:0}.software-preview{z-index:1;grid-template-columns:.58fr 1fr;align-self:end;gap:10px;display:grid;position:relative}.software-preview span{background:#ffffff2e;border:1px solid #ffffff47;border-radius:6px;min-height:36px}.software-preview span:first-child{grid-row:span 2;min-height:82px;display:grid}.software-preview span:nth-child(2),.software-preview span:nth-child(3){min-height:12px}.software-preview span:nth-child(4){grid-column:1/-1;width:76%;min-height:20px}.software-projects{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:36px;display:grid}.project-groups{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:22px;display:grid}.project-group{gap:16px;min-width:0;display:grid}.project-group--diy{--group-accent:#76506f}.project-group--stories{--group-accent:#336d65}.project-group__header{gap:8px;min-height:136px;padding-inline:4px;display:grid}.project-group__eyebrow{color:var(--group-accent)}.project-group h3{color:var(--ink);font-size:clamp(1.45rem,2.2vw,1.9rem);line-height:1.08}.project-group__header p:not(.project-group__eyebrow){color:var(--muted);line-height:1.58}.project-group__cards{gap:14px;display:grid}.project-card__thumbnail{background:linear-gradient(135deg,#f2e8f1 0%,#ad7fa6 100%);border:1px solid #76506f29;border-radius:6px;grid-template-columns:.58fr 1fr .74fr;gap:8px;min-height:118px;padding:12px;display:grid;overflow:hidden}.project-card__thumbnail span{background:#ffffff9e;border:1px solid #76506f24;border-radius:6px}.project-card__thumbnail span:nth-child(2){align-self:end;min-height:72%}.project-card__thumbnail span:nth-child(3){min-height:48%}.project-card__photo-strip{box-sizing:border-box;background:linear-gradient(135deg,#f2e8f1 0%,#ad7fa6 100%);border:1px solid #76506f29;border-radius:6px;grid-template-columns:minmax(84px,.58fr) minmax(88px,1fr) minmax(72px,.74fr);gap:8px;height:130px;padding:12px;display:grid;overflow:hidden}.project-card__photo-strip--count-2{grid-template-columns:minmax(96px,1fr) minmax(88px,.72fr)}.project-card__photo-strip--homekey-building-lobby-entry{grid-template-columns:minmax(96px,.94fr) minmax(88px,.78fr) minmax(72px,.64fr)}.project-card__photo-strip--matter-over-thread-home-retrofit{grid-template-columns:minmax(84px,.58fr) minmax(88px,.76fr) minmax(72px,1fr)}.project-card__photo{border-radius:6px;align-self:stretch;min-width:0;margin:0;position:relative;overflow:hidden}.project-card__photo-button{cursor:zoom-in;background:0 0;border:0;width:100%;height:100%;padding:0;display:block}.project-card__photo-button:focus-visible{outline-offset:-3px;outline:3px solid #ffffffc2}.project-card__photo-strip--count-3 .project-card__photo:nth-child(2){align-self:end;height:72%}.project-card__photo img{object-fit:cover;width:100%;height:100%;display:block}.project-card__photo-image--hidden{opacity:0}.project-card__photo figcaption{color:var(--project-accent,var(--accent-strong));text-transform:uppercase;white-space:nowrap;background:#ffffffd1;border:1px solid #76506f1f;border-radius:999px;max-width:calc(100% - 16px);padding:6px 8px;font-size:.72rem;font-weight:780;line-height:1;position:absolute;top:8px;left:8px}.project-photo-lightbox-active{overflow:hidden}.project-photo-lightbox{z-index:20;background:#0d141c00;transition:background .26s;position:fixed;inset:0}.project-photo-lightbox--open{background:#0d141cad}.project-photo-lightbox__image{object-fit:cover;will-change:left, top, width, height;z-index:21;border-radius:6px;transition:left .26s cubic-bezier(.2,0,0,1),top .26s cubic-bezier(.2,0,0,1),width .26s cubic-bezier(.2,0,0,1),height .26s cubic-bezier(.2,0,0,1);display:block;position:fixed;box-shadow:0 28px 80px #00000052}.project-photo-lightbox__close{cursor:pointer;z-index:22;background:#fff;border:0;border-radius:999px;justify-content:center;align-items:center;width:40px;height:40px;padding:0;transition:left .26s,top .26s,opacity .16s,transform .16s;display:flex;position:fixed}.project-photo-lightbox__close:before,.project-photo-lightbox__close:after{content:"";background:#000;border-radius:999px;width:16px;height:4px;position:absolute}.project-photo-lightbox__close:before{transform:rotate(45deg)}.project-photo-lightbox__close:after{transform:rotate(-45deg)}.project-photo-lightbox__close:hover{background:#fff;transform:translate(-50%,-50%)scale(1.08)}.project-photo-lightbox__close:active{transform:translate(-50%,-50%)scale(.98)}.project-photo-lightbox__close:focus-visible{outline-offset:2px;outline:2px solid #ffffffdb}.tag-list{flex-wrap:wrap;align-self:end;gap:8px;padding-top:8px;list-style:none;display:flex}.project-card--stories .tag-list{padding-bottom:2px}.tag-list li{background:var(--project-soft,var(--accent-soft));color:var(--project-accent,var(--accent-strong));border-radius:999px;padding:7px 10px;font-size:.84rem;font-weight:760}.experience-cards{isolation:isolate;gap:32px;padding-block:8px;display:grid;position:relative}.experience-cards:before{content:"";z-index:-1;background:linear-gradient(#0000,#164b7e6b 10% 90%,#0000);width:3px;position:absolute;inset:0 auto 0 50%;transform:translate(-50%);box-shadow:0 0 18px #2f83d342}.experience-card{gap:10px;width:min(700px,50% + 126px);padding:26px;display:grid;position:relative}.experience-card+.experience-card{margin-top:0}.experience-card--leading{justify-self:start}.experience-card--trailing{justify-self:end}.experience-card--background{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:18px;margin-top:10px;display:grid}.experience-card__background-item{border-left:3px solid #164b7e52;gap:10px;padding-left:18px;display:grid}.supports-scroll-reveal .experience-card{opacity:0;will-change:opacity, transform;transition:opacity .62s,transform .62s;transform:translateY(56px)}.supports-scroll-reveal .experience-card--visible{opacity:1;will-change:auto;transform:translateY(0)}.experience-card__role{text-transform:uppercase;font-size:.88rem;font-weight:760;line-height:1;color:var(--accent-strong)!important}.contact-panel{backdrop-filter:blur(20px);background:var(--surface);border:1px solid var(--border);border-radius:8px;grid-template-columns:minmax(0,1fr) minmax(220px,auto);align-items:stretch;gap:28px;padding:28px;display:grid;box-shadow:0 18px 58px #17202414}.contact-panel__content{gap:22px;min-width:0;display:grid}.contact-panel__intro{color:var(--ink);max-width:760px;font-size:clamp(1.06rem,1.5vw,1.2rem);font-weight:640;line-height:1.65}.contact-topics{display:grid}.contact-topic{border-top:1px solid var(--border);grid-template-columns:minmax(128px,.22fr) minmax(0,1fr);gap:18px;padding-block:16px;display:grid}.contact-topic:last-child{border-bottom:1px solid var(--border)}.contact-topic__label{color:var(--accent-strong);letter-spacing:0;text-transform:uppercase;font-size:.78rem;font-weight:780;line-height:1.2}.contact-topic p:not(.contact-topic__label){color:var(--muted);line-height:1.62}.contact-actions{border-left:1px solid var(--border);align-content:start;gap:14px;padding-left:24px;display:grid}.contact-actions__location{color:var(--muted);font-weight:720}.contact-actions__links{gap:10px;display:grid}.contact-actions .button{width:100%}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}.supports-scroll-reveal .experience-card{opacity:1;transform:none}}@media (height<=760px) and (width>=941px){.page-shell{gap:96px;padding-top:20px}.hero{padding-top:22px}}@media (width<=940px){.hero{grid-template-columns:1fr;grid-template-areas:"content""portrait""links";align-items:start;row-gap:34px;min-height:auto}.hero h1{max-width:10ch}.hero__portrait{grid-template-rows:minmax(0,1fr) auto;justify-self:center;width:min(100%,320px);max-width:320px;min-height:0}.hero__links{justify-content:center;margin-top:0}.portrait-frame,.portrait-fallback{aspect-ratio:4/5}}@media (width<=780px){.page-shell{padding:calc(52px + var(--safe-area-top)) calc(18px + var(--safe-area-right)) calc(64px + var(--safe-area-bottom)) calc(18px + var(--safe-area-left));gap:112px}.hero{row-gap:22px;min-height:auto;padding:28px 0 8px}.hero h1{font-size:clamp(3.45rem,18vw,5.8rem)}.hero__headline{font-size:clamp(1.4rem,8vw,2.35rem)}.site-header{padding-inline:calc(12px + var(--safe-area-left)) calc(12px + var(--safe-area-right))}.site-header__nav{scrollbar-width:none;justify-content:flex-start;overflow-x:auto}.site-header__nav::-webkit-scrollbar{display:none}.site-header__nav a{flex:none}.section{scroll-margin-top:126px}.project-card--featured{grid-template-columns:1fr;min-height:0}.project-card h3{max-width:10ch}.project-card__body--featured{padding:26px}.project-card__visual{min-height:260px}.software-projects{grid-template-columns:repeat(2,minmax(0,1fr))}.project-card--software{grid-template-rows:minmax(0,2fr) minmax(0,3fr);min-height:410px;padding:0}.project-groups{grid-template-columns:1fr;gap:28px}.project-group__header{min-height:0}.experience-cards{gap:18px;padding-block:0}.experience-cards:before{display:none}.experience-card{justify-self:stretch;width:100%}.experience-card--background,.contact-panel{grid-template-columns:1fr}.contact-actions{border-left:0;border-top:1px solid var(--border);padding-top:22px;padding-left:0}.experience-card+.experience-card{margin-top:0}.hero__portrait{grid-template-rows:minmax(0,1fr) auto;width:min(100%,280px);max-width:280px;min-height:0;padding:10px}.hero__portrait p{padding-top:14px;font-size:.92rem;line-height:1.38}.portrait-frame,.portrait-fallback{aspect-ratio:4/5;min-height:0}.portrait-fallback span{width:min(58%,180px);height:min(58%,180px);font-size:clamp(3rem,16vw,5.6rem)}.project-card--compact{min-height:0}.project-card__photo-strip--homekey-building-lobby-entry{margin-inline:-8px}}@media (width<=460px){.hero__links{grid-template-columns:1fr;display:grid}.button,.contact-panel .button{width:100%}.contact-panel{padding:22px}.contact-topic{grid-template-columns:1fr;gap:8px}.project-card__body--featured,.project-card--compact{padding:20px}.project-card__photo-strip--homekey-building-lobby-entry{margin-inline:-10px}.project-card__title-row{gap:18px}.project-card__title-row img{border-radius:11px;width:52px;height:52px}.project-card__visual{min-height:230px}.project-card--software{grid-template-rows:minmax(0,2fr) minmax(0,3fr);min-height:410px;padding:0}.project-card--software .project-card__body{padding:0 20px 20px}.software-projects{grid-template-columns:1fr}}