.personal-brand{letter-spacing:.23em;font-size:clamp(.875rem,1.4vw,1.4rem)}.personal-portfolio .intro-copy>.eyebrow{letter-spacing:.12em;text-transform:uppercase;margin-bottom:clamp(18px,2vw,28px);font-size:clamp(.5625rem,.8vw,.8125rem)}.personal-portfolio .intro-copy h1{letter-spacing:-.065em;font-size:clamp(3.3rem,6.2vw,8rem);line-height:1.08}.personal-portfolio .intro-copy p{max-width:30ch}.personal-portfolio .label-subtitle{font-size:.68em}.personal-portfolio .about-copy p{max-width:34ch}.personal-portfolio .footer-meta{letter-spacing:.02em;font-size:.5rem}.personal-portfolio .contact-copy{top:20%}.personal-portfolio .contact-copy h2{font-size:clamp(3.2rem,5.8vw,7rem)}.contact-direction{max-width:40ch;margin-top:20px;font-size:clamp(.8125rem,1.05vw,1rem);line-height:1.7}.website-label{background:#64464d}.website-label .label-copy{width:65%;top:36%;left:25%}.website-image .project-illustration>svg{transform:scale(.9)}.website-image.is-active .project-illustration>svg{transform:scale(.94)}.project-illustration{background:#472b40;width:100%;height:100%;position:relative;overflow:hidden}.project-illustration>svg{width:100%;max-width:none;height:100%;font-family:Manrope Variable,Arial,sans-serif;transition:transform .7s cubic-bezier(.2,.75,.3,1)}.illustration-pimfis{background:#514158}.illustration-migration{background:#3a5358}.illustration-website{background:#293e45}.illustration-schools{color:#655445;background:#e7ddcd}.identity-image .project-illustration>.school-system-svg{transform:scale(.84)}.identity-image.is-active .project-illustration>.school-system-svg{transform:scale(.87)}.identity-image .technology-detail{display:none}.image-pane.is-active .project-illustration>svg{transform:scale(1.045)}.illustration-caption{letter-spacing:.08em;opacity:.6;font-size:.5rem;position:absolute;bottom:20px;left:24px}.image-pane .illustration-caption{display:none}.personal-case .case-intro h1{max-width:12ch;font-size:clamp(3.3rem,6vw,7.2rem)}.personal-case .case-visual{height:clamp(420px,54vw,740px);max-height:none}.project-figure{margin:0}.project-figure figcaption{margin:18px var(--gutter) 0;opacity:.65;font-size:.6875rem;line-height:1.6}.project-context{padding:70px var(--gutter) 0;grid-template-columns:1fr 1.1fr;gap:8vw;display:grid}.project-role p{max-width:52ch;margin-block:18px;font-size:1rem;line-height:1.8}.project-period{opacity:.6;font-size:.6875rem;line-height:1.7}.project-context dl{justify-content:space-between;align-items:center;gap:22px;margin:0;display:flex}.project-context dl>div{flex-direction:column-reverse;gap:12px;display:flex}.project-context dt{opacity:.65;font-size:.6875rem;line-height:1.5}.project-context dd{letter-spacing:-.055em;white-space:nowrap;margin:0;font-size:clamp(1.4rem,2.8vw,3.2rem)}.project-context dl>div{flex:1;min-width:0}.project-outcome{margin:clamp(55px, 7vw, 100px) var(--gutter) 0;border-block:1px solid #f2e5c838;grid-template-columns:1fr 1.4fr;gap:22px 12vw;padding-block:clamp(30px,4vw,55px);display:grid}.project-outcome .eyebrow{color:#e7ac78;grid-column:1/-1}.project-outcome h2{letter-spacing:-.035em;font-size:clamp(1.6rem,2.8vw,3rem);font-weight:500;line-height:1.25}.project-outcome p{opacity:.85;font-size:clamp(1rem,1.3vw,1.2rem);line-height:1.9}.project-tools{opacity:.65;flex-wrap:wrap;gap:10px 18px;max-width:38ch;margin:30px 0 0;padding:0;font-size:.6875rem;line-height:1.5;list-style:none;display:flex}.case-chapter+.case-chapter{margin-top:34px}.case-chapter h3{letter-spacing:-.02em;margin-bottom:12px;font-size:1.1rem;font-weight:500}.case-links{flex-direction:column;align-items:start;gap:20px;display:flex}.profile-page{padding-top:clamp(135px,13vw,195px)}.profile-intro{padding:0 var(--gutter) clamp(60px, 7vw, 110px);grid-template-columns:1.25fr 1fr;align-items:end;gap:10vw;display:grid}.profile-intro h1{margin-top:24px;font-size:clamp(3rem,6vw,7.5rem);line-height:1.08}.profile-intro p{opacity:.8;font-size:clamp(1rem,1.4vw,1.375rem);line-height:1.9}.profile-location{opacity:.55;margin-top:25px;font-size:.6875rem;display:block}.profile-work{color:#24172d;padding:clamp(70px, 8vw, 130px) var(--gutter);clip-path:polygon(0 0,68% 4%,100% 0,100% 96%,24% 100%,0 96%);background:#e8d6b4}.profile-work>h2{letter-spacing:-.055em;margin-bottom:50px;font-size:clamp(2.2rem,4vw,4.7rem);font-weight:500}.profile-practice{grid-template-columns:repeat(3,1fr);gap:5vw;display:grid}.profile-practice h3{margin-block:18px;font-size:1.125rem;font-weight:600}.profile-practice p{opacity:.8;font-size:.9375rem;line-height:1.9}.profile-practice .eyebrow{opacity:.55}.profile-detail{padding:clamp(70px, 8vw, 130px) var(--gutter);grid-template-columns:1fr 1fr;gap:10vw;display:grid}.profile-detail h2{letter-spacing:-.045em;margin:0 0 28px;font-size:clamp(1.8rem,3vw,3rem);font-weight:500}.profile-detail p{opacity:.76;margin-bottom:22px;font-size:.9375rem;line-height:1.9}.profile-detail .underlined-link{font-size:.875rem}.profile-experiments{margin-top:44px}.profile-experiments a{border-bottom:1px solid #f2e5c840;justify-content:space-between;gap:20px;padding:16px 0;font-size:1rem;display:flex}.profile-experiments a small{opacity:.6;margin-top:5px;font-size:.6875rem;line-height:1.7;display:block}.profile-contact{padding:65px var(--gutter);background:#3d2b44;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:25px;display:flex}.profile-contact h2{letter-spacing:-.04em;font-size:clamp(1.8rem,4vw,3.5rem);font-weight:500}.profile-contact .underlined-link{font-size:1rem}.profile-next-step{padding:0 var(--gutter) clamp(65px, 8vw, 130px);max-width:1100px}.profile-next-step h2{letter-spacing:-.045em;margin-block:24px;font-size:clamp(2rem,4vw,4rem);font-weight:500}.profile-next-step p{opacity:.8;max-width:65ch;font-size:clamp(1rem,1.4vw,1.2rem);line-height:1.9}@media (width<=899px){.personal-portfolio .intro-copy h1{font-size:clamp(2.8rem,11.5vw,5.8rem)}.personal-portfolio .intro-copy>.eyebrow{margin-bottom:16px;font-size:.5625rem}.personal-portfolio .intro-copy p{margin-top:21px}.personal-portfolio .identity-label h2{font-size:clamp(.95rem,3.9vw,1.9rem)}.personal-portfolio .digital-label .label-subtitle{margin-top:4px;font-size:.64em;display:block}.personal-portfolio .digital-label h2 br{display:none}.personal-portfolio .contact-copy{top:22%}.personal-portfolio .contact-copy h2{font-size:clamp(3rem,11.5vw,5.5rem)}.contact-direction{max-width:38ch;margin-top:14px;font-size:.8125rem}.personal-portfolio .about-copy p{max-width:44ch}.website-label .label-copy{width:83%;top:37%;left:9%}.website-label h2{font-size:clamp(1.3rem,5.5vw,2.5rem)}.website-label .label-subtitle{margin-top:4px;font-size:.64em;display:block}.website-label h2 br{display:none}.website-label .project-arrow{position:absolute;top:0;right:0}.personal-case .case-intro h1{font-size:clamp(2.8rem,10.5vw,5rem)}.personal-case .case-visual{height:clamp(350px,85vw,600px)}.personal-case .school-system-svg .technology-detail{display:none}.personal-case .school-system-svg .technology-name{font-size:20px}.project-context{grid-template-columns:1fr;gap:35px;padding-top:45px}.project-outcome{grid-template-columns:1fr}.project-context dd{font-size:clamp(1.35rem,5.5vw,2.5rem)}.project-context dl{justify-content:flex-start;gap:clamp(18px,6vw,45px)}.profile-intro,.profile-detail{grid-template-columns:1fr;gap:38px}.profile-intro h1{font-size:clamp(2.8rem,10.5vw,5.5rem)}.profile-practice{grid-template-columns:1fr;gap:35px}.profile-work{clip-path:polygon(0 0,68% 1.5%,100% 0,100% 99%,24% 100%,0 99%)}}@media (width>=600px) and (width<=899px){.personal-portfolio .intro-copy h1{font-size:4.5rem}.personal-portfolio .intro-copy>.eyebrow{margin-bottom:12px}.personal-portfolio .intro-copy p{margin-top:15px}}@media (width<=379px){.project-context dl{flex-wrap:wrap;gap:24px}.project-context dl>div{flex:100px}}@media (prefers-reduced-motion:reduce){.project-illustration>svg{transition:none}}
