:root{--background:#fff;--foreground:#000;--text-passive:#585858;--menu-surface:#ededed;--space-4:4px;--space-12:12px;--space-16:16px;--space-22:22px;--space-26:26px;--space-32:32px}*{box-sizing:border-box}html{background:var(--background);scroll-behavior:smooth;scroll-snap-type:y proximity}body{background:var(--background);color:var(--foreground);font-family:var(--font-inter), Inter, Helvetica, Arial, sans-serif;text-rendering:geometricprecision;margin:0}body.menu-open{overflow:hidden}button,a{color:inherit}button{font:inherit}a{text-decoration:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.portfolio-section{width:min(100%,1152px);min-height:max(700px,100svh);padding:var(--space-22);gap:var(--space-32);scroll-snap-align:start;flex-direction:column;margin:0 auto;display:flex;overflow:clip}.section-header{justify-content:space-between;align-items:flex-start;gap:var(--space-16);width:100%;display:flex}.section-header h2{letter-spacing:-.02em;overflow-wrap:anywhere;min-width:0;margin:0;font-size:40px;font-weight:700;line-height:44px}.menu-button{cursor:pointer;background:0 0;border:0;flex:0 0 46px;width:46px;height:44px;padding:9px 0 10px}.menu-button img{width:46px;height:25px;display:block}.project-content,.summary-content{align-items:flex-start;gap:var(--space-32);flex-wrap:wrap;width:100%;display:flex}.project-column,.summary-content>*{min-width:0;padding-inline:23px}.project-column-phone,.summary-navigation{flex:1 1 0;min-width:280px;max-width:368px}.project-column-desktop,.summary-copy{flex:1 1 0;min-width:260px}.project-column{align-items:stretch;gap:var(--space-12);flex-direction:column;display:flex}.media{background:#f2f3f3;width:100%;position:relative;overflow:hidden}.media-phone{aspect-ratio:322/426}.media-desktop{aspect-ratio:662/426}.preview-video{object-fit:cover;border:0;width:100%;height:100%;display:block;position:absolute;inset:0}.project-navigation{flex-direction:column;width:100%;display:flex}.project-navigation a{width:100%;padding-block:var(--space-12);color:var(--text-passive);font-size:16px;font-weight:400;line-height:20px;transition:color .16s}:is(.project-navigation a:hover,.project-navigation a:focus-visible,.project-navigation a.is-active){color:var(--foreground)}.project-navigation a.is-active{font-weight:700}.project-details,.summary-columns{align-items:flex-start;gap:16px var(--space-26);flex-wrap:wrap;width:100%;display:flex}.implementation,.summary-letter{flex:1 1 0;min-width:220px}.project-link,.portfolio-link{flex:1 1 0;min-width:160px}.implementation{gap:var(--space-4);flex-direction:column;display:flex}.implementation h3{margin:0;font-size:16px;font-weight:700;line-height:20px}.implementation p,.project-link,.summary-letter,.portfolio-link{color:var(--text-passive);margin:0;font-size:12px;font-weight:400;line-height:16px}.project-link,.portfolio-link{flex-direction:column;display:flex}.project-link a,.project-link strong,.portfolio-link a{color:var(--foreground);font-weight:700}:is(.project-link a:hover,.project-link a:focus-visible,.portfolio-link a:hover,.portfolio-link a:focus-visible){text-underline-offset:2px;text-decoration:underline}.page-number{width:100%;color:var(--foreground);text-align:center;margin:0;font-size:12px;font-weight:700;line-height:16px}.summary-copy{flex-direction:column;gap:12px;display:flex}.summary-letter{flex-direction:column;gap:16px;display:flex}.summary-letter p{margin:0}.menu-overlay{z-index:100;visibility:hidden;pointer-events:none;position:fixed;inset:0}.menu-overlay.is-open{visibility:visible;pointer-events:auto}.menu-backdrop{opacity:0;cursor:pointer;background:#00000075;border:0;width:100%;height:100%;padding:0;transition:opacity .18s;position:absolute;inset:0}.menu-panel{background:var(--menu-surface);width:min(360px,100%);padding:22px 28px 28px;transition:transform .22s cubic-bezier(.22,1,.36,1);position:absolute;inset:0 0 0 auto;transform:translate(100%)}.menu-overlay.is-open .menu-backdrop{opacity:1}.menu-overlay.is-open .menu-panel{transform:translate(0)}.menu-close{text-align:right;cursor:pointer;background:0 0;border:0;width:100%;padding:0;font-size:40px;font-weight:700;line-height:44px;display:block}.menu-panel nav{flex-direction:column;gap:12px;margin-top:18px;display:flex}.menu-panel nav a{color:var(--foreground);font-size:16px;font-weight:400;line-height:20px}:is(.menu-panel nav a.is-active,.menu-panel nav a:hover,.menu-panel nav a:focus-visible){font-weight:700}:focus-visible{outline-offset:4px;outline:2px solid}@media (max-width:615px){html{scroll-snap-type:none}.portfolio-section{min-height:700px}.project-content,.summary-content{flex-direction:column}.project-column,.summary-content>*{width:100%;max-width:none}}@media (max-width:359px){.portfolio-section,.project-column,.summary-content>*{padding-inline:18px}.project-column-phone,.summary-navigation{min-width:0}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.menu-backdrop,.menu-panel{transition:none}}