@supports ((-webkit-backdrop-filter:blur(1px))){.portfolio-refinement :is(.pro-button,.pro-quiet-link,.profile-cv-link,.pro-project-link,.hero-project-nav){-webkit-backdrop-filter:blur(16px)saturate(125%)}@media (prefers-reduced-transparency:reduce),(prefers-contrast:more){.portfolio-refinement :is(.pro-button,.pro-quiet-link,.profile-cv-link,.pro-project-link,.hero-project-nav){-webkit-backdrop-filter:none}}}.portfolio-refinement .pro-hero h1{letter-spacing:-.05em}.portfolio-refinement .pro-hero-copy>p{max-width:38ch;font-size:15px;line-height:1.8}.portfolio-refinement .pro-hero-actions{flex-wrap:wrap;gap:12px}.portfolio-refinement .pro-button,.portfolio-refinement .pro-quiet-link,.portfolio-refinement .profile-cv-link,.portfolio-refinement .pro-project-link{color:#203042;backdrop-filter:blur(16px)saturate(125%);min-height:48px;transition:background-color .18s ease, box-shadow .18s ease, transform .18s var(--pro-ease);background:linear-gradient(165deg,#ffffff52,#ffffff0d 48%,#d0deef1f);border:1px solid #ffffff8a;border-radius:14px;justify-content:center;align-items:center;padding:12px 19px;font-size:12px;font-weight:550;text-decoration:none;display:inline-flex;box-shadow:inset 0 1px #ffffffb3,inset 1px 0 #ffffff26,inset 0 -1px #74849a1a,0 8px 18px -14px #172b3a66}.portfolio-refinement .pro-button{gap:21px}.portfolio-refinement .pro-button-light{color:#f7fbff;background:linear-gradient(155deg,#dbeaff33,#b9d4ed12 52%,#eff7ff24);border-color:#d4e8ff73;box-shadow:inset 0 1px #eff7ff73,inset 1px 0 #e6f2ff26,inset 0 -1px #c4dfff1a,0 8px 20px -12px #020c1680}.portfolio-refinement .pro-quiet-link{color:#e0eaf4;background:linear-gradient(155deg,#dfedff12,#c0d8f203 55%,#b5cde910);border-color:#c4d9eb38;box-shadow:inset 0 1px #e2efff30,inset 0 -1px #c6daeb0a,0 7px 16px -13px #020c1666}.portfolio-refinement .pro-button>svg{flex-shrink:0}.portfolio-refinement .hero-project-nav{backdrop-filter:blur(16px)saturate(125%);background:linear-gradient(145deg,#d7eaff0f,#061b2b2e 65%,#b2d1e90a);border:1px solid #d2e6f238;border-radius:16px;gap:6px;padding:5px;box-shadow:inset 0 1px #eff8ff26,inset 0 -1px #07172566,0 7px 18px -12px #020c1673}.portfolio-refinement .hero-project-nav button{min-height:44px;padding-inline:15px;font-size:11px}.portfolio-refinement .hero-project-nav [aria-pressed=true]{background:linear-gradient(150deg,#daeaff1f,#daeaff05 60%,#b8d3f015);border-color:#d5eaff3d;box-shadow:inset 0 1px #e8f4ff30,0 5px 14px -10px #020c1666}.portfolio-refinement .pro-hero-bottom{min-height:95px}.portfolio-refinement .hero-product-exhibit>figcaption{row-gap:6px}.portfolio-refinement .hero-product-exhibit>figcaption>small{opacity:1;margin-left:0}.portfolio-refinement .pro-work{padding-top:94px;scroll-margin-top:-64px}.portfolio-refinement .pro-section-heading{grid-template-columns:1fr 330px;gap:50px;margin-bottom:40px}.portfolio-refinement .pro-section-heading h2,.portfolio-refinement .pro-about h2{letter-spacing:-.04em;line-height:1.12}.portfolio-refinement .pro-section-heading h2{max-width:17ch}.portfolio-refinement .pro-section-note{max-width:37ch;font-size:14px}.portfolio-refinement .project-selector{background:#cdd0d61a;border:1px solid #a8aeb633;border-radius:19px;gap:6px;margin-bottom:30px;padding:5px;box-shadow:inset 0 1px 2px #5b647308,0 1px #ffffff40}.portfolio-refinement .project-selector>button{border:1px solid #0000;border-radius:14px;align-items:center;min-height:84px;padding:13px 22px}.portfolio-refinement .project-selector [aria-selected=true]{color:var(--foreground);background:linear-gradient(155deg,#ffffff4d,#ffffff08 58%,#e3ebf526);border-color:#ffffff80;box-shadow:inset 0 1px #ffffffa3,inset 0 -2px #31546d,0 6px 16px -12px #253b5b40}.portfolio-refinement .project-selector b{letter-spacing:-.025em;font-size:20px;font-weight:480}.portfolio-refinement .project-selector small{margin-top:7px;font-size:11px;line-height:1.5}.portfolio-refinement .project-selector>button:not([aria-selected=true]){color:var(--muted-foreground)}.portfolio-refinement .project-exhibit{gap:clamp(35px,4.4vw,64px)}.portfolio-refinement .project-story{padding-block:4px}.portfolio-refinement .project-context{margin-bottom:17px;font-size:12px}.portfolio-refinement .project-story h3{letter-spacing:-.035em;max-width:20ch;font-size:clamp(30px,2.6vw,39px);line-height:1.16}.portfolio-refinement .project-description{font-size:16px;line-height:1.7}.portfolio-refinement .project-detail{font-size:14px;line-height:1.75}.portfolio-refinement .project-role{gap:6px;margin-top:22px;font-size:12px}.portfolio-refinement .project-tools{gap:5px 14px;margin-top:14px}.portfolio-refinement .project-tools>span{background:0 0;border:0;border-radius:0;padding:0;font-size:11px;line-height:1.65}.portfolio-refinement .project-tools>span:not(:last-child):after{content:"/";color:var(--muted-foreground);opacity:.6;padding-left:14px}.portfolio-refinement .pro-project-link{gap:20px;margin-top:23px;font-size:13px}.portfolio-refinement .project-process{border:0;border-top:1px solid var(--border);background:0 0;border-radius:0;margin-top:27px;padding:22px 0 0}.portfolio-refinement .project-process>div{font-size:12px;line-height:1.6}.portfolio-refinement .project-process svg{color:var(--muted-foreground)}.portfolio-refinement .project-privacy{justify-content:flex-start;margin-top:15px;font-size:11px}.portfolio-refinement .pro-about{gap:clamp(38px,6.5vw,100px);padding-top:104px;scroll-margin-top:-74px}.portfolio-refinement .portrait-inset{aspect-ratio:.9;border-width:4px;border-radius:15px}.portfolio-refinement .portrait-caption b{letter-spacing:-.035em;font-size:30px}.portfolio-refinement .portrait-caption span{font-size:12px}.portfolio-refinement .portrait-location{padding:14px 2px 0;font-size:11px}.portfolio-refinement .pro-about-copy>p:not(.pro-section-label){max-width:49ch;margin-top:20px;font-size:15px;line-height:1.8}.portfolio-refinement .pro-about-copy>p.about-main-copy{margin-top:26px;font-size:20px;line-height:1.6}.portfolio-refinement .profile-cv-link{margin-top:25px;font-size:14px;font-weight:500}.portfolio-refinement .pro-experience{gap:clamp(38px,6.5vw,100px);padding-block:52px 96px}.portfolio-refinement .experience-intro{border-top:1px solid var(--border);padding-top:28px}.portfolio-refinement .experience-intro h2{letter-spacing:-.04em;max-width:13ch;font-size:clamp(31px,3.1vw,43px);line-height:1.12}.portfolio-refinement .experience-intro>p:last-child{max-width:35ch;margin-top:18px;font-size:14px}.portfolio-refinement .experience-row{gap:20px;padding-block:25px}.portfolio-refinement .experience-row>div>span{font-size:11px}.portfolio-refinement .experience-row h3{letter-spacing:-.03em;margin-top:7px;font-size:24px;font-weight:480}.portfolio-refinement .experience-row p{margin-top:7px;font-size:13px;line-height:1.6}@media (hover:hover) and (pointer:fine){.portfolio-refinement .project-selector>button:hover:not([aria-selected=true]){color:var(--foreground);background:#ffffff30}.portfolio-refinement :is(.pro-button,.pro-quiet-link,.profile-cv-link,.pro-project-link):hover{transform:translateY(-2px)}.portfolio-refinement :is(.profile-cv-link,.pro-project-link):hover{color:#183d78}}.portfolio-refinement :is(.pro-button,.pro-quiet-link,.profile-cv-link,.pro-project-link):active{transition-duration:80ms;transform:translateY(1px)}.portfolio-refinement .pro-hero :is(.pro-button,.pro-quiet-link):focus-visible{outline-color:#d2e6ff}@media (max-width:1100px){.portfolio-refinement .pro-section-heading{grid-template-columns:1fr 290px;gap:35px}.portfolio-refinement .project-selector>button{padding-inline:16px}.portfolio-refinement .project-selector small{font-size:10px;display:block}.portfolio-refinement .project-selector b{font-size:18px}.portfolio-refinement .project-story h3{font-size:30px}.portfolio-refinement .project-description{font-size:15px}.portfolio-refinement .project-detail{font-size:13px}.portfolio-refinement .pro-about-copy>p:not(.pro-section-label){font-size:14px}.portfolio-refinement .pro-about-copy>p.about-main-copy{font-size:18px}}@media (max-width:760px){.portfolio-refinement .pro-hero h1{letter-spacing:-.045em}.portfolio-refinement .pro-hero-copy>p{max-width:42ch;font-size:14px}.portfolio-refinement .pro-hero-actions{gap:11px}.portfolio-refinement .hero-project-nav{border-radius:13px;gap:2px;padding:4px}.portfolio-refinement .hero-project-nav button{min-height:44px;padding-inline:7px;font-size:10px}.portfolio-refinement .pro-hero-bottom{gap:15px;padding-block:12px 19px}.portfolio-refinement .pro-work{padding-top:68px;scroll-margin-top:-38px}.portfolio-refinement .pro-section-heading{grid-template-columns:1fr;gap:19px;margin-bottom:25px}.portfolio-refinement .pro-section-heading h2{max-width:17ch;font-size:clamp(32px,6.5vw,45px)}.portfolio-refinement .pro-section-note{max-width:44ch;font-size:13px}.portfolio-refinement .project-selector{grid-template-columns:repeat(2,1fr);gap:5px;margin-bottom:24px}.portfolio-refinement .project-selector>button{min-height:87px;padding:13px 15px}.portfolio-refinement .project-selector b{font-size:18px}.portfolio-refinement .project-selector small{font-size:10px;line-height:1.5}.portfolio-refinement .project-exhibit{gap:0}.portfolio-refinement .project-story{padding:28px 0 0}.portfolio-refinement .project-context{font-size:11px}.portfolio-refinement .project-story h3{font-size:30px}.portfolio-refinement .project-detail{font-size:14px}.portfolio-refinement .project-tools>span{font-size:10px}.portfolio-refinement .project-role{font-size:12px}.portfolio-refinement .project-process{gap:12px;margin-top:24px;padding-top:18px}.portfolio-refinement .project-process>div{gap:7px;font-size:11px}.portfolio-refinement .project-process>div:not(:first-child){padding-left:0}.portfolio-refinement .pro-about{gap:30px;padding-top:68px;scroll-margin-top:-38px}.portfolio-refinement .portrait-inset{aspect-ratio:.93}.portfolio-refinement .portrait-location{padding-top:12px;font-size:11px}.portfolio-refinement .pro-about h2{font-size:clamp(32px,6.6vw,44px)}.portfolio-refinement .pro-about-copy>p:not(.pro-section-label){font-size:14px}.portfolio-refinement .pro-about-copy>p.about-main-copy{margin-top:22px;font-size:19px}.portfolio-refinement .profile-cv-link{margin-top:20px;font-size:13px}.portfolio-refinement .pro-experience{gap:29px;padding-block:48px 65px}.portfolio-refinement .experience-intro{padding-top:26px}.portfolio-refinement .experience-intro h2{max-width:none;font-size:33px}.portfolio-refinement .experience-row{padding-block:22px}.portfolio-refinement .experience-row h3{font-size:22px}.portfolio-refinement .experience-row p{font-size:12px}}@media (max-width:390px){.portfolio-refinement .pro-hero h1{font-size:clamp(36px,11vw,43px)}.portfolio-refinement .pro-hero-copy>p{font-size:13px}.portfolio-refinement .pro-hero-actions{gap:10px}.portfolio-refinement .pro-button,.portfolio-refinement .pro-quiet-link{gap:9px;padding-inline:10px;font-size:11px}.portfolio-refinement .hero-project-nav button{padding-inline:6px;font-size:9px}.portfolio-refinement .project-selector>button{padding-inline:11px}.portfolio-refinement .project-selector small,.portfolio-refinement .project-process>div{font-size:10px}}@media (prefers-reduced-motion:reduce){.portfolio-refinement :is(.pro-button,.pro-quiet-link,.profile-cv-link,.pro-project-link){transition:none}.portfolio-refinement :is(.pro-button,.pro-quiet-link,.profile-cv-link,.pro-project-link):is(:hover,:active){transform:none}}@media (prefers-reduced-transparency:reduce){.portfolio-refinement :is(.pro-button,.profile-cv-link,.pro-project-link),.portfolio-refinement .project-selector [aria-selected=true]{backdrop-filter:none;background:#f0f2f5}.portfolio-refinement .pro-quiet-link{backdrop-filter:none;background:#263e52}.portfolio-refinement .pro-button-light{color:#f7fbff;background:#2a4257}.portfolio-refinement .hero-project-nav{backdrop-filter:none;background:#102b40}.portfolio-refinement .hero-project-nav [aria-pressed=true]{background:#263e52}}@media (prefers-contrast:more){.portfolio-refinement :is(.pro-button,.profile-cv-link,.pro-project-link),.portfolio-refinement .project-selector [aria-selected=true]{color:#172b3a;box-shadow:none;backdrop-filter:none;background:#fff;border-color:#526171}.portfolio-refinement .pro-quiet-link{color:#fff;box-shadow:none;backdrop-filter:none;background:#173045;border-color:#d1e1ef}.portfolio-refinement .pro-button-light{color:#172b3a;background:#fff}.portfolio-refinement .hero-project-nav{box-shadow:none;backdrop-filter:none;background:#0c2233;border-color:#91afc5}.portfolio-refinement .hero-project-nav [aria-pressed=true]{color:#fff;background:#263e52;border-color:#d1e1ef}.portfolio-refinement .project-selector{border-color:#69727d}}
