.pageRoot{min-height:100vh;color:var(--ink,#050505);background:#fff}.designHero{width:100%;background:#fff}.designTitleSection{display:grid;min-height:54vh;min-height:54dvh;place-items:center;padding:clamp(86px,12vw,170px) 18px clamp(62px,8vw,110px)}.designPageTitle{position:absolute;z-index:3;top:clamp(28px,4vh,58px);left:50%;width:min(88vw,1100px);margin:0;padding:.28em .45em .25em;border:5px solid var(--tech-black);border-radius:18px;color:var(--tech-black);background:rgba(255,255,255,.72);font-size:clamp(30px,9vw,150px);line-height:.92;letter-spacing:-.065em;text-align:center;text-wrap:balance;transform:translateX(-50%);animation:technicalTitleReveal .7s cubic-bezier(.22,1,.36,1) .36s both}.designPageDesc{margin-top:100px;text-align:center}.designPageCaveat{text-align:center;color:var(--half-muted)}.designProjectList{width:100%}.designProjectRow{display:grid;min-height:min(74vh,820px);min-height:min(74dvh,820px);grid-template-columns:minmax(0,1.12fr) minmax(340px,.88fr);grid-template-areas:"video copy";opacity:0;transform:translateY(30px);animation:designRowReveal .76s cubic-bezier(.22,1,.36,1) var(--row-delay,0s) both}.designProjectRow.isReversed{grid-template-columns:minmax(340px,.88fr) minmax(0,1.12fr);grid-template-areas:"copy video"}.designVideoBlock{position:relative;grid-area:video;min-width:0;min-height:460px;overflow:hidden;background:#111}.designProjectVideo,.designVideoScrim{position:absolute;inset:0;width:100%;height:100%}.designProjectVideo{display:block;object-fit:cover;filter:saturate(.92) contrast(1.04);transform:scale(1.002);transition:transform .8s cubic-bezier(.22,1,.36,1),filter .5s ease}.designVideoScrim{pointer-events:none;background:linear-gradient(135deg,rgba(0,0,0,.03),rgba(0,0,0,.24));transition:background .45s ease}.designProjectRow:hover .designProjectVideo{filter:saturate(1.04) contrast(1.06);transform:scale(1.035)}.designProjectRow:hover .designVideoScrim{background:rgba(0,0,0,.07)}.designTextBlock{display:flex;grid-area:copy;align-items:center;padding:clamp(22px,7vw,30px);color:#050505;background:#fff}.designTextInner{width:min(100%,560px);margin-inline:auto}.designProjectNumber{margin:0 0 clamp(22px,3vw,42px);font-size:clamp(11px,.95vw,14px);letter-spacing:.22em;line-height:1}.designTextBlock h2{max-width:90%;margin:0;font-size:clamp(24px,5.6vw,32px);line-height:.92;letter-spacing:-.055em;text-wrap:balance}.designTextBlock p:not(.designProjectNumber){max-width:38rem;margin:clamp(24px,3vw,40px) 0 0;font-size:clamp(12px,1.5vw,16px);line-height:1.5;text-wrap:pretty}.designProjectDescription{white-space:pre-line;max-width:650px;margin:30px auto 0;color:black;font-size:clamp(14px,1.4vw,18px);line-height:1.6;text-wrap:pretty}.mobileNav{position:fixed;top:14px;left:14px;z-index:9999;pointer-events:none;opacity:0;transition:opacity .22s ease}.mobileNav.isVisible{pointer-events:auto;opacity:.9}.mobileNavBtn{position:relative;left:-3px;z-index:10000;width:44px;height:44px;border:0;border-radius:999px;color:transparent;background:transparent;cursor:pointer;transform:translateZ(0);transform-origin:center;transition:transform .22s ease;will-change:transform}.mobileNavBtn[aria-expanded=true]{transform:rotate(90deg)}.mobileNavBtn:focus-visible{outline:2px solid currentColor;outline-offset:4px}.mobileNavIcon{position:absolute;inset:0;display:block;width:45px;height:45px;margin:auto;pointer-events:none;transform:translateZ(0);transition:opacity .22s ease,transform .22s ease;backface-visibility:hidden}.iconClosed{opacity:1}.iconOpen,.mobileNavBtn[aria-expanded=true] .iconClosed{opacity:0}.mobileNavBtn[aria-expanded=true] .iconOpen{opacity:1}.mobileNavMenu{position:absolute;z-index:9999}.mobileNavBackdrop{position:fixed;inset:0;z-index:9998;padding:0;border:0;outline:0;background:transparent;cursor:default;appearance:none}.mobileNavItem{display:flex;align-items:center;gap:10px;margin-top:10px;padding:10px;border:0;color:rgba(11,11,11,.92);background:#fff;font-size:14px;text-decoration:none;cursor:pointer;animation:navTextIn .75s ease forwards}.mobileNavItem:hover{background:#38b6ff}.navBullet{width:8px;height:8px;border-radius:999px;background:rgba(11,11,11,.9)}.mobileNavItem.isActive .navBullet{background:rgb(47,116,199)}.mobileNavMenu .navBullet{animation:bulletFall .42s cubic-bezier(.22,1,.36,1) both;will-change:transform}.mobileNavItem:first-child .navBullet{animation-delay:20ms}.mobileNavItem:nth-child(2) .navBullet{animation-delay:60ms}.mobileNavItem:nth-child(3) .navBullet{animation-delay:.1s}.mobileNavMenu .navText{opacity:0;animation:navTextIn .28s ease forwards}.mobileNavItem:first-child .navText{animation-delay:.14s}.mobileNavItem:nth-child(2) .navText{animation-delay:.18s}.mobileNavItem:nth-child(3) .navText{animation-delay:.22s}.mobileNavGroup,.mobileNavSubmenu{display:flex;flex-direction:column}.mobileNavSubmenu{gap:6px;margin-top:0;margin-left:18px}.mobileNavSubItem{padding:8px 10px;font-size:12.5px;opacity:.95}.resumeSheet{position:relative;z-index:2;margin:0;border-radius:100px 100px 0 0;color:var(--ink,#050505);background:#fff;scroll-margin-top:0}.resumeSheetInner{width:min(1080px,calc(100% - 36px));margin:0 auto;padding:25px 0 24px}.resumeIntro{max-width:700px;margin:0 auto;text-align:center}.resumeIntro h2{margin-top:0}.resumeIntro p{margin-top:1.15em;line-height:1.6}.p2{color:var(--half-muted,#666)}.perfLink{color:#000}@keyframes designTitleReveal{to{opacity:1;transform:translateY(0) scale(1)}}@keyframes designRowReveal{to{opacity:1;transform:translateY(0)}}@keyframes bulletFall{0%{transform:translateY(-44px)}to{transform:translateY(0)}}@keyframes navTextIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (max-width:900px){.designTitleSection{min-height:45vh;min-height:45dvh}.designPageTitle{border:5px solid #050505;border-radius:18px;font-size:clamp(34px,12vw,68px)}.designPageDesc{text-align:center}.designProjectRow,.designProjectRow.isReversed{min-height:0;grid-template-columns:1fr;grid-template-areas:"video" "copy"}.designVideoBlock{min-height:min(68vw,560px)}.designTextBlock{min-height:360px;padding:clamp(42px,10vw,74px) clamp(24px,7vw,54px)}.designTextBlock h2{max-width:15ch}}@media (prefers-reduced-motion:reduce){.designPageTitle,.designProjectRow{opacity:1;transform:none;animation:none}.designProjectVideo,.designVideoScrim,.mobileNavBtn,.mobileNavIcon{transition:none}.mobileNavItem,.mobileNavMenu .navBullet,.mobileNavMenu .navText{opacity:1;transform:none;animation:none}}