@import "https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Space+Grotesk:wght@400;500;700&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:auto}body{color:#e1e0d9;background:0 0;font-family:Space Grotesk,Helvetica Neue,Arial,sans-serif;overflow-x:hidden}.slide-up{opacity:0;transition:opacity .98s cubic-bezier(.22,1,.36,1),transform .98s cubic-bezier(.22,1,.36,1);transform:translateY(30px)}.slide-up.in-view{opacity:1;transform:translateY(0)}:root{--bg:transparent;--text:#e1e0d9;--text-muted:#f4f4ec99;--purple:#c4a8e8;--blue:#9ab8f0;--cream:#f4f4ec1f;--rule:#f4f4ec33}.header{padding:70px 80px 0}.name-row{justify-content:space-between;align-items:flex-end;padding-bottom:16px;display:flex}.name-first,.name-last{letter-spacing:-.02em;color:#e1e0d9;font-family:DM Serif Display,Georgia,serif;font-size:clamp(58px,8vw,118px);font-weight:400;line-height:.9}.name-last{font-style:italic}.meta-row{border-top:1px solid var(--rule);justify-content:space-between;align-items:center;padding:14px 0;display:flex}.meta-item{letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);font-size:11px;font-weight:700}.meta-item a{color:inherit;border-bottom:1px solid var(--rule);padding-bottom:1px;text-decoration:none;transition:border-color .2s}.meta-item a:hover{border-color:var(--text)}.hero{margin:30px 80px 0;position:relative}.type-row{border-bottom:1px solid var(--rule);align-items:center;display:flex;position:relative;overflow:visible}.type-word{color:#e1e0d9;letter-spacing:-.03em;white-space:nowrap;flex-shrink:0;padding:36px 40px;font-family:Space Grotesk,Helvetica Neue,Arial,sans-serif;font-size:clamp(51px,7.6vw,118px);font-weight:700;line-height:1}.row-1{justify-content:center;min-height:120px;padding:0 0 70px}.row-1 .type-word{text-align:center;flex:1;padding:36px 0;font-family:DM Serif Display,Georgia,serif;font-size:clamp(51px,7.2vw,110px);font-style:normal;font-weight:400}.nav-card{cursor:pointer;z-index:10;border-radius:0 0 34px;flex-direction:column;justify-content:flex-end;align-items:flex-start;min-width:200px;min-height:110px;padding:14px 18px;text-decoration:none;transition:transform .25s cubic-bezier(.34,1.56,.64,1);display:flex;position:absolute;overflow:hidden}.nav-card:after{content:"";z-index:0;background:#e1e0d9d9;height:0;transition:height .56s cubic-bezier(.22,1,.36,1);position:absolute;bottom:0;left:0;right:0}.nav-card:hover:after{height:100%}.nav-card-content{z-index:1;flex-direction:row;justify-content:space-between;align-items:flex-end;width:100%;display:flex;position:relative}.nav-card-number{letter-spacing:.1em;opacity:.5;font-size:11px;font-weight:700;transition:color .3s}.nav-card-label{letter-spacing:.04em;color:#e1e0d9;font-size:13px;font-weight:700;transition:color .3s}.nav-card:hover .nav-card-label,.nav-card:hover .nav-card-number{color:#626262}.nav-card:hover .nav-card-number{opacity:1}.card-about{color:#e1e0d9;background:#939393d9;top:calc(50% - 23px);left:0;transform:translateY(-50%)}.card-about:hover{transform:translateY(calc(-50% - 4px))scale(1.02)}.card-about.slide-left{transform:translateY(-50%)translate(-60px)}.card-about.slide-left.in-view{transform:translateY(-50%)translate(0)}.card-about.slide-left.in-view:hover{transform:translateY(calc(-50% - 4px))scale(1.02)}.card-projects{color:#e1e0d9;background:#9078a8d9;min-width:240px;top:calc(50% - 23px);right:0;transform:translateY(-50%)}.card-projects:hover{transform:translateY(calc(-50% - 4px))scale(1.02)}.card-projects.slide-right{transform:translateY(-50%)translate(60px)}.card-projects.slide-right.in-view{transform:translateY(-50%)translate(0)}.card-projects.slide-right.in-view:hover{transform:translateY(calc(-50% - 4px))scale(1.02)}.card-contact{color:#e1e0d9;background:#8fa3c9d9;min-width:220px;top:50%;left:calc(50% - 45px);transform:translate(-50%)translateY(-50%)}.card-contact:hover{transform:translate(-50%)translateY(calc(-50% - 4px))scale(1.02)}.card-contact.slide-right{transform:translate(calc(60px - 50%))translateY(-50%)}.card-contact.slide-right.in-view{transform:translate(-50%)translateY(-50%)}.card-contact.slide-right.in-view:hover{transform:translate(-50%)translateY(calc(-50% - 4px))scale(1.02)}.row-2{padding:0}.row-3{padding:0;position:relative}.row-2-inner,.row-3-inner{justify-content:space-between;align-items:center;width:100%;display:flex;position:relative}.bio{border-bottom:1px solid var(--rule);grid-template-columns:1fr 1fr;gap:40px;margin:30px 80px 0;padding:60px 0;display:grid}.bio-left{color:#e1e0d9;font-family:DM Serif Display,Georgia,serif;font-size:clamp(28px,3.5vw,46px);line-height:1.15}.bio-left em{color:var(--purple);font-style:italic}.bio-right{color:var(--text-muted);padding-top:8px;font-size:15px;line-height:1.75}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes slideFromLeft{0%{opacity:0;transform:translate(-60px)}to{opacity:1;transform:translate(0)}}@keyframes slideFromRight{0%{opacity:0;transform:translate(60px)}to{opacity:1;transform:translate(0)}}.anim{opacity:0;animation:.7s cubic-bezier(.22,1,.36,1) forwards fadeUp}.delay-1{animation-delay:50ms}.delay-2{animation-delay:.15s}.delay-3{animation-delay:.25s}.delay-4{animation-delay:.35s}.delay-5{animation-delay:.45s}.delay-6{animation-delay:.55s}.delay-7{animation-delay:.65s}.slide-left,.slide-right{opacity:0;transition:opacity .98s cubic-bezier(.22,1,.36,1),transform .98s cubic-bezier(.22,1,.36,1)}.slide-left{transform:translate(-60px)}.slide-right{transform:translate(60px)}.slide-left.in-view,.slide-right.in-view{opacity:1;transform:translate(0)}.slide-delay-1{transition-delay:50ms}.slide-delay-2{transition-delay:.15s}.slide-delay-3{transition-delay:.25s}.card-emerge{opacity:0;transition:opacity .98s cubic-bezier(.22,1,.36,1),transform .98s cubic-bezier(.22,1,.36,1)}.card-about.card-emerge{transform:translateY(calc(80px - 50%))}.card-about.card-emerge.in-view{opacity:1;transform:translateY(-50%)}.card-about.card-emerge.in-view:hover{transform:translateY(calc(-50% - 4px))scale(1.02)}.card-projects.card-emerge{transform:translateY(calc(80px - 50%))}.card-projects.card-emerge.in-view{opacity:1;transform:translateY(-50%)}.card-projects.card-emerge.in-view:hover{transform:translateY(calc(-50% - 4px))scale(1.02)}.card-contact.card-emerge{transform:translate(-50%)translateY(calc(80px - 50%))}.card-contact.card-emerge.in-view{opacity:1;transform:translate(-50%)translateY(-50%)}.card-contact.card-emerge.in-view:hover{transform:translate(-50%)translateY(calc(-50% - 4px))scale(1.02)}.hero-social{justify-content:flex-end;gap:16px;padding:14px 0 0;display:flex}.social-link{color:#e1e0d9;opacity:.7;align-items:center;transition:opacity .2s,color .2s;display:flex}.social-link:hover{color:#888;opacity:1}.about-section{min-height:unset;padding:100px 80px;display:block}.about-inner{grid-template-columns:.6fr 1fr;align-items:start;gap:80px;display:grid}.about-text{flex-direction:column;gap:24px;padding-top:138px;display:flex}.about-label{letter-spacing:.14em;text-transform:uppercase;color:#f4f4ec66;font-size:11px;font-weight:700}.about-body{color:#f4f4ecbf;font-family:Space Grotesk,Helvetica Neue,sans-serif;font-size:16px;line-height:1.8}.about-body a{color:#e1e0d9;border-bottom:1px solid #f4f4ec4d;padding-bottom:1px;text-decoration:none;transition:border-color .2s}.about-body a:hover{border-color:#e1e0d9}.about-photos{flex-direction:column;gap:0;display:flex}.about-collage{width:75%;margin-left:auto;display:block}.exp-section{min-height:unset;padding:80px 80px 100px;display:block;overflow:visible}.exp-header{border-bottom:1px solid #e1e0d933;margin-bottom:0;padding-bottom:32px}.exp-label{letter-spacing:.14em;text-transform:uppercase;color:#f4f4ec66;font-size:11px;font-weight:700}.exp-row{cursor:pointer;isolation:isolate;clip-path:inset(0 -100vw);border-bottom:1px solid #e1e0d933;position:relative}.exp-wipe{z-index:1;will-change:transform;background:#e1e0d9d9;position:absolute;inset:0 -100vw;transform:translateY(-101%)}.exp-row-inner{z-index:2;pointer-events:none;grid-template-columns:1.2fr .6fr 1.2fr;align-items:center;gap:24px;padding:28px 0;display:grid;position:relative}.exp-left{flex-direction:column;gap:5px;display:flex}.exp-job-title{letter-spacing:-.01em;color:#e1e0d9;font-family:DM Serif Display,Georgia,serif;font-size:clamp(18px,2vw,26px);font-weight:400;transition:color .2s}.exp-company{color:#e1e0d980;letter-spacing:.02em;font-size:13px;font-weight:500;transition:color .2s}.exp-period{color:#e1e0d980;letter-spacing:.06em;text-align:center;font-size:12px;font-weight:500;transition:color .2s}.exp-right{justify-content:flex-end;display:flex}.exp-description{text-align:right;max-width:380px}.exp-description p{color:#e1e0d900;opacity:0;margin-bottom:10px;font-family:Space Grotesk,sans-serif;font-size:13px;line-height:1.7;transition:color .35s cubic-bezier(.22,1,.36,1),opacity .35s cubic-bezier(.22,1,.36,1),transform .35s cubic-bezier(.22,1,.36,1);transform:translate(24px)}.exp-description p:last-child{margin-bottom:0}.exp-row.hovered .exp-job-title{color:#2a2a2a}.exp-row.hovered .exp-company,.exp-row.hovered .exp-period{color:#2a2a2a8c}.exp-row.hovered .exp-description p{color:#2a2a2abf;opacity:1;transform:translate(0)}.proj-section{padding:0 80px 60px}.proj-header{border-bottom:1px solid #e1e0d933;padding-bottom:32px}.proj-label{letter-spacing:.14em;text-transform:uppercase;color:#f4f4ec66;font-size:11px;font-weight:700}.proj-grid{grid-template-rows:392px 392px 392px 392px 392px;grid-template-columns:repeat(5,1fr);gap:0;display:grid}.proj-card-1{grid-area:1/1/auto/4}.proj-card-2{grid-area:1/4/auto/6}.proj-card-3{grid-area:2/1/auto/3}.proj-card-4{grid-area:2/3/auto/5}.proj-gap{grid-area:2/5/auto/6}.proj-card-5{grid-area:3/1/auto/4}.proj-card-6{grid-area:3/4/auto/6}.proj-card-7{grid-area:4/1/auto/3}.proj-card-8{grid-area:4/3/auto/5}.proj-card-9{grid-area:5/1/auto/4}.proj-card{cursor:pointer;border:.5px solid #0000001f;border-bottom-right-radius:80px;text-decoration:none;position:relative;overflow:hidden}.proj-dark{color:#e1e0d9;background:#2a2926d9}.proj-purple{color:#f0eaf7;background:#9078a8d9}.proj-blue{color:#e6f1fb;background:#8fa3c9d9}.proj-grey{color:#f1efe8;background:#939393d9}.proj-top-right{z-index:2;flex-direction:column;align-items:flex-end;gap:4px;display:flex;position:absolute;top:20px;right:24px}.proj-year{letter-spacing:.08em;color:#e1e0d9;opacity:1;font-size:11px;font-weight:500}.proj-tag{letter-spacing:.12em;text-transform:uppercase;opacity:0;text-align:right;font-size:10px;font-weight:700;transition:opacity .5s cubic-bezier(.76,0,.24,1),transform .5s cubic-bezier(.76,0,.24,1);transform:translate(20px)}.proj-card:hover .proj-tag{opacity:.75;transform:translate(0)}.proj-desc{opacity:0;z-index:2;max-width:55%;font-size:12px;line-height:1.6;transition:opacity .5s cubic-bezier(.76,0,.24,1),transform .5s cubic-bezier(.76,0,.24,1);position:absolute;top:20px;left:24px;transform:translate(-16px)}.proj-card:hover .proj-desc{opacity:.8;transform:translate(0)}.proj-name-small{letter-spacing:-.01em;font-family:DM Serif Display,Georgia,serif;font-size:clamp(28px,3vw,36px);font-weight:700;line-height:1.2;transition:transform .5s cubic-bezier(.76,0,.24,1);position:absolute;bottom:20px;left:24px;right:24px;transform:translateY(0)}.proj-card:hover .proj-name-small{transform:translateY(300%)}.proj-marquee-wrap{transition:transform .5s cubic-bezier(.76,0,.24,1);position:absolute;bottom:-20px;left:0;right:0;overflow:hidden;transform:translateY(100%)}.proj-card:hover .proj-marquee-wrap{transform:translateY(0)}.proj-marquee-track{white-space:nowrap;will-change:transform;display:flex}.proj-marquee-text{white-space:nowrap;flex-shrink:0;padding-right:80px;font-family:Space Grotesk,sans-serif;font-size:clamp(141px,17.9vw,205px);font-weight:700;line-height:1}.contact-footer{padding:0 80px 36px}.contact-rule{border-top:1px solid #e1e0d933}.contact-inner{justify-content:space-between;align-items:flex-start;padding-top:32px;display:flex}.contact-left{flex-direction:column;gap:6px;display:flex}.contact-name{color:#e1e0d9;letter-spacing:-.01em;font-family:DM Serif Display,Georgia,serif;font-size:22px;font-weight:400}.contact-email{color:#e1e0d980;letter-spacing:.02em;font-size:13px;font-weight:500;text-decoration:none;transition:color .2s}.contact-email:hover{color:#e1e0d9}.contact-right{align-items:center;gap:24px;display:flex}.contact-link{color:#e1e0d999;letter-spacing:.03em;align-items:center;gap:7px;font-size:13px;font-weight:500;text-decoration:none;transition:color .2s;display:flex}.contact-link:hover{color:#e1e0d9}.contact-copy{text-align:center;letter-spacing:.08em;color:#e1e0d94d;padding-top:32px;font-size:11px;font-weight:500}
