.echo-site .echo-profile-hero h1,.echo-site .echo-profile-about-hero h1{letter-spacing:normal}.echo-site .echo-profile-heading,.echo-site .echo-profile-leading-none{line-height:1}.echo-profile-section-title{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.echo-profile-stack .echo-stack{align-items:center;gap:17px}.echo-profile-stack .echo-stack-item{flex-shrink:0;width:100px;height:100px}.echo-profile-stack .echo-stack-item:focus-visible svg{color:var(--brand-color)}.echo-profile-tooltip{--foreground:oklch(14.1% 0 0);--background:oklch(100% 0 0);border-radius:12px;font-family:Funnel Sans Variable,Funnel Sans,sans-serif;font-weight:500;animation:none}.dark .echo-profile-tooltip{--foreground:oklch(98.5% 0 0);--background:oklch(14.1% 0 0)}.echo-profile-about p,.echo-profile-about-hero p{line-height:28px}.echo-profile-home-copy{width:100%;margin-inline:auto}.echo-profile-photos{margin-top:44px}.echo-profile-photos .echo-photo-strip{margin-top:0;padding:0}.echo-photo-image{border-radius:24px;width:250px;height:250px;position:relative;overflow:hidden}.echo-profile-photos .echo-photo-emoji{box-shadow:0 1px 2px #0000000d}.echo-profile-photos .echo-photo-coding{top:-28px;right:-16px}.echo-profile-photos .echo-photo-bridge{top:auto;bottom:-28px;right:-16px}.echo-profile-photos .echo-photo-dog{top:-28px;left:32px;right:auto}.echo-profile-popup{z-index:50;border:1px solid var(--border);background:var(--card);text-align:center;border-radius:24px;flex-direction:column;gap:24px;width:100%;max-width:448px;padding:24px;font-size:16px;display:flex;position:absolute;top:-24px;left:50%;translate:0 -100%;box-shadow:0 1px 2px #0000000d}.echo-profile-popup-actions{justify-content:center;align-items:center;gap:12px;display:flex}.echo-profile-popup-actions a,.echo-profile-popup-actions button{cursor:pointer;border-radius:6px;justify-content:center;align-items:center;min-height:36px;padding:8px 16px;font-size:14px;display:inline-flex}.echo-profile-popup-actions a{background:var(--foreground);color:var(--background)}.echo-profile-popup-actions button:hover{background:var(--muted)}.echo-site .echo-profile-about-hero{padding-bottom:50px}.echo-profile-about-cover{aspect-ratio:16/9;border:1px solid var(--border);background:var(--card);border-radius:24px;overflow:hidden;box-shadow:0 1px 2px #0000000d}.echo-site .echo-profile-about-hero h2,.echo-site .echo-profile-favorites-row h2{line-height:32px}.echo-profile-favorites>.echo-profile-favorites-row+.echo-profile-favorites-row{margin-top:60px}.echo-profile-favorite{transition:opacity .3s}.echo-profile-favorite-image{top:0;left:0}@media (width>=768px){.echo-site .echo-profile-hero h1,.echo-site .echo-profile-about-hero h1{line-height:40px}.echo-profile-home-copy{max-width:880px;padding-inline:20px}.echo-profile-photos{margin-top:84px}.echo-site .echo-profile-about-hero{padding-bottom:60px}.echo-profile-favorites>.echo-profile-favorites-row+.echo-profile-favorites-row{margin-top:80px}}@media (width>=1024px){.echo-site .echo-profile-about-hero{padding-bottom:75px}}.echo-work-grid{gap:40px 20px;display:grid;position:relative}.echo-work-card{display:block}.echo-work-cover,.echo-project-cover{border:1px solid var(--border);background:var(--card);border-radius:24px;flex-direction:column;justify-content:center;align-items:center;display:flex;overflow:hidden;box-shadow:0 1px 2px #0000000d}.echo-work-cover{height:248px}.echo-work-caption{margin-top:24px;padding-inline:12px}.echo-site .echo-work-caption h3{align-items:center;gap:12px;font-size:18px;line-height:18px;display:flex}.echo-work-caption h3 svg{flex-shrink:0}.echo-work-caption p{margin-top:12px;font-size:18px;line-height:28px}.echo-selected-projects.echo-section{padding-top:0}.echo-selected-work-heading{justify-content:space-between;align-items:center;margin-bottom:40px;display:flex}.echo-site .echo-selected-work-heading h2{font-size:24px;line-height:24px}.echo-selected-work-heading a{font-size:18px;line-height:18px}.echo-projects-page-heading{flex-direction:column;gap:20px;display:flex}.echo-projects-page-heading p{font-size:18px;line-height:18px}.echo-project-browser{flex-direction:column;gap:8px;display:flex}.echo-project-tabs-shell{margin-top:60px;margin-bottom:56px}.echo-project-filter-root{scrollbar-width:none;width:100%;overflow-x:auto}.echo-project-filter-root::-webkit-scrollbar{display:none}.echo-project-filter-list{justify-content:center;align-items:center;gap:12px;width:max-content;display:inline-flex}.echo-project-filter{border:1px solid var(--border);background:var(--background);height:36px;color:var(--foreground);white-space:nowrap;cursor:pointer;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;line-height:20px;transition:all .15s;display:inline-flex;box-shadow:0 1px 2px #0000000d}.echo-project-filter:hover,.echo-project-filter[data-active]{background:var(--muted);color:oklch(21% 0 0)}.echo-site .echo-project-filter:focus-visible{border-color:var(--foreground);box-shadow:0 0 0 3px color-mix(in oklab, var(--foreground) 50%, transparent);outline:none}.dark .echo-project-filter{background:color-mix(in oklab, var(--border) 30%, transparent)}.dark .echo-project-filter:hover,.dark .echo-project-filter[data-active]{background:color-mix(in oklab, var(--border) 50%, transparent);color:var(--foreground)}.echo-project-filter svg{pointer-events:none;flex-shrink:0}.echo-project-heading{flex-direction:column;gap:32px;display:flex}.echo-project-links{align-items:center;gap:16px;font-size:18px;line-height:18px;display:flex}.echo-project-link-divider{background:var(--border);width:1px;height:16px}.echo-project-cover-container{margin-block:60px}.echo-project-cover{aspect-ratio:16/9}.echo-project-long-description,.echo-project-additional-description{font-size:18px;line-height:28px}.echo-project-stack.echo-section{padding-top:0;padding-bottom:60px}.echo-project-details.echo-section{padding-top:0}.echo-project-image-stack,.echo-project-middle-images{flex-direction:column;gap:60px;display:flex}.echo-project-figure{flex-direction:column;gap:20px;display:flex}.echo-project-detail-image{border:1px solid var(--border);background:var(--card);border-radius:24px;flex-direction:column;justify-content:flex-end;align-items:center;gap:24px;padding-block:24px;display:flex;overflow:clip;box-shadow:0 1px 2px #0000000d}.echo-project-image-content{padding-inline:24px;position:relative}.echo-project-figure figcaption{text-align:center;font-size:16px;line-height:24px}.echo-project-middle-images.echo-hero{padding-top:0}.echo-project-image-pair{gap:40px;display:grid}.echo-site .echo-project-highlights h2{font-size:24px;line-height:24px}.echo-project-highlights ul{margin-top:40px;margin-inline-start:28px;font-size:18px;line-height:28px;list-style:outside}.echo-project-highlights li+li{margin-top:8px}.echo-more-projects>h2{margin-bottom:40px}@media (width>=640px){.echo-work-cover{height:320px}}@media (width>=768px){.echo-work-grid,.echo-project-image-pair{grid-template-columns:repeat(2,minmax(0,1fr))}.echo-work-caption{padding-inline:24px}.echo-selected-work-heading,.echo-project-tabs-shell{width:100%;max-width:880px;margin-inline:auto;padding-inline:20px}.echo-project-tabs-shell{margin-top:72px;margin-bottom:68px}.echo-project-heading{gap:40px}.echo-project-cover-container{margin-block:72px}.echo-project-image-stack,.echo-project-middle-images{gap:72px}.echo-project-detail-image{justify-content:center;height:320px}.echo-project-stack.echo-section{padding-bottom:80px}}@media (width>=1024px){.echo-work-caption{padding-inline:41px}.echo-project-stack.echo-section{padding-bottom:120px}}
