*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #ffffff;--bg2: #f7f7f7;--text: #000000;--text-secondary: #4d4d4d;--muted: #888888;--pink: rgb(247, 37, 219);--purple: rgb(102, 112, 255);--border: rgba(0, 0, 0, .08)}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:Public Sans,sans-serif;font-size:16px;line-height:1.6;overflow-x:hidden}nav.site-nav{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:100}.nav-inner{display:flex;align-items:center;gap:4px;background:#fff;border-radius:24px;padding:6px;box-shadow:#00000014 0 5px 20px;position:relative}.nav-pill-bg{position:absolute;height:calc(100% - 12px);background:var(--pink);border-radius:96px;transition:left .3s cubic-bezier(.4,0,.2,1),width .3s cubic-bezier(.4,0,.2,1);top:6px;pointer-events:none}.nav-link{color:#4d4d4d;text-decoration:none;font-size:14px;font-weight:400;padding:8px 18px;border-radius:96px;transition:color .2s;position:relative;z-index:1;white-space:nowrap;background:none;border:none;cursor:pointer;font-family:inherit}.nav-link.active{color:#fff}.nav-link:hover:not(.active){color:#000}#home{min-height:100vh;display:grid;grid-template-columns:1fr 420px 1fr;overflow:hidden;position:relative}.img-column{display:flex;flex-direction:column;align-items:center;gap:20px;padding:20px 12px;height:100vh;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 12% 88%,#0000);mask-image:linear-gradient(#0000,#000 12% 88%,#0000)}.img-column:first-child{justify-items:end}.img-column:last-child{justify-items:start}.img-column-inner{display:flex;flex-direction:column;gap:20px;animation-timing-function:linear;animation-iteration-count:infinite}.col-up{animation-name:colScrollUp}.col-down{animation-name:colScrollDown}@keyframes colScrollUp{0%{transform:translateY(0)}to{transform:translateY(-50%)}}@keyframes colScrollDown{0%{transform:translateY(-50%)}to{transform:translateY(0)}}.col-img{width:100%;max-width:260px;height:260px;border-radius:20px;object-fit:cover;flex-shrink:0;display:block}.hero-content{display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center;padding:100px 48px 60px;position:relative;z-index:2}.hero-title{font-family:Public Sans,sans-serif;font-size:clamp(40px,4vw,52px);font-weight:500;line-height:1.1;letter-spacing:-1.5px;margin-bottom:28px}.hero-title em{font-family:"PT Serif",serif;font-style:italic;font-weight:700}.roles-box{background:#ffffff45;border:1px solid rgba(255,255,255,.9);border-radius:24px;padding:18px 22px;display:flex;flex-direction:column;gap:2px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);margin-bottom:36px;max-width:280px;box-shadow:#6670ff0f 0 4px 24px,#0000000a 0 1px 3px}.role-item{font-size:14px;color:var(--text-secondary);font-weight:400;padding:5px 0;border-bottom:1px solid rgba(0,0,0,.06)}.role-item:last-child{border-bottom:none}.profile-card-wrap{perspective:1200px;width:300px;height:400px}.profile-card{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .4s ease}.profile-front{position:absolute;inset:0;border-radius:48px;box-shadow:#0000001a 0 20px 30px;background:var(--purple);overflow:hidden}.profile-front img{width:100%;height:100%;object-fit:cover;border-radius:48px}#about{background:var(--bg2);padding:100px 80px;position:relative;overflow:hidden}.about-deco{position:absolute;right:100px;top:50px;display:flex;align-items:flex-start;pointer-events:none;opacity:.65}.about-deco img:first-child{width:120px}.about-deco img:last-child{width:100px;margin-left:-30px;margin-top:40px}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;max-width:1200px}.about-bio{font-size:16px;color:var(--text-secondary);line-height:1.8;font-weight:300}.about-bio strong{color:var(--text);font-weight:600}.about-bio+.about-bio{margin-top:16px}.about-cards{display:flex;flex-direction:column;gap:20px}.about-card{background:#6670ff0d;border-radius:32px;padding:28px 32px;border:1px solid rgba(102,112,255,.1)}.about-card h3{font-size:10px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--purple);margin-bottom:16px}.exp-row{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid rgba(0,0,0,.06)}.exp-row:last-child{border-bottom:none;padding-bottom:0}.exp-row:first-of-type{padding-top:0}.exp-logo{width:36px;height:36px;border-radius:8px;object-fit:cover}.exp-name{font-weight:500;font-size:13px;color:var(--text);line-height:1.3}.exp-sub{font-size:12px;color:var(--muted);margin-top:1px}.exp-date{font-size:11px;color:var(--muted);white-space:nowrap;text-align:right}#projects{padding:100px 80px;background:var(--bg)}.section-label{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-bottom:10px;font-weight:400}h2{font-family:Public Sans,sans-serif;font-size:clamp(30px,3.5vw,44px);font-weight:500;letter-spacing:-1.5px;line-height:1.1;margin-bottom:44px}h2 em{font-family:"PT Serif",serif;font-style:italic}.projects-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}.project-card{background:var(--bg2);border-radius:20px;overflow:hidden;transition:transform .3s,box-shadow .3s;text-decoration:none;color:inherit;display:block;border:1px solid var(--border);cursor:pointer}.project-card:hover{transform:translateY(-5px);box-shadow:#0000001a 0 20px 40px}.project-card.wide{grid-column:span 2}.project-card.half{grid-column:span 3}.project-card.third{grid-column:span 2}.project-img-wrap{overflow:hidden;position:relative}.project-card-badge{position:absolute;top:12px;right:12px;background:#0a0a0cb8;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:5px 10px;border-radius:20px;pointer-events:none;white-space:nowrap;z-index:2}.project-img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;transition:transform .5s}.project-card.wide .project-img{aspect-ratio:16/8}.project-card.half .project-img{aspect-ratio:2/1}.project-card:hover .project-img{transform:scale(1.04)}.project-info{padding:18px 22px 22px}.project-tag{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:5px}.project-title{font-size:17px;font-weight:500;letter-spacing:-.3px;line-height:1.3}#contact{background:var(--bg2);padding:100px 80px 60px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin-bottom:80px}.contact-heading{font-family:Public Sans,sans-serif;font-size:clamp(36px,5vw,60px);font-weight:500;letter-spacing:-2px;line-height:1.05}.contact-heading em{font-family:"PT Serif",serif;font-style:italic}.contact-block h4{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-bottom:10px;margin-top:24px;font-weight:400}.contact-block h4:first-child{margin-top:0}.contact-link{display:flex;align-items:center;justify-content:space-between;color:var(--text);text-decoration:none;font-size:15px;font-weight:400;padding:13px 0;border-bottom:1px solid var(--border);transition:color .2s}.contact-link:hover{color:var(--pink)}.contact-link:after{content:"↗";font-size:13px}.footer-bottom{border-top:1px solid var(--border);padding-top:28px;display:flex;justify-content:space-between;font-size:13px;color:var(--muted)}.fade-up{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s ease}.fade-up.visible{opacity:1;transform:none}.about-bio-page{padding:100px 80px 80px;max-width:1200px;margin:0 auto}.abp-divider{height:1px;background:var(--border);margin:72px 0}.abp-intro{display:grid;grid-template-columns:1fr 340px;gap:60px;align-items:start}.abp-name{font-family:Public Sans,sans-serif;font-size:clamp(36px,5vw,60px);font-weight:500;letter-spacing:-2px;line-height:1.05;margin-bottom:24px}.abp-name em{font-family:"PT Serif",serif;font-style:italic}.abp-lead{font-size:16px;color:var(--text-secondary);line-height:1.8;font-weight:300}.abp-intro-photos{display:flex;flex-direction:column;gap:12px}.abp-section{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}.abp-section-flip{direction:rtl}.abp-section-flip>*{direction:ltr}.abp-h2{font-family:Public Sans,sans-serif;font-size:clamp(22px,2.5vw,32px);font-weight:500;letter-spacing:-.8px;line-height:1.15;margin-bottom:18px}.abp-body{font-size:15px;color:var(--text-secondary);line-height:1.8;font-weight:300;margin-bottom:14px}.abp-body:last-child{margin-bottom:0}.abp-section-photos{display:grid;grid-template-columns:1fr 1fr;gap:10px}.abp-photos-grid3{grid-template-columns:1fr 1fr 1fr}.abp-photo{width:100%;border-radius:14px;object-fit:cover;display:block;aspect-ratio:1 / 1}.abp-photo-tall,.abp-photo-wide{grid-column:span 2;aspect-ratio:16 / 9}.abp-photo-sq{aspect-ratio:1 / 1}@media(max-width:860px){.about-bio-page{padding:100px 24px 60px}.abp-intro{grid-template-columns:1fr}.abp-intro-photos{flex-direction:row}.abp-intro-photos img:last-child{display:none}.abp-section,.abp-section-flip{grid-template-columns:1fr;direction:ltr}.abp-section-flip>*{direction:ltr}}.project-page{min-height:100vh;background:var(--bg)}.project-hero{padding:120px 80px 60px;max-width:1200px;margin:0 auto}.project-hero-tag{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--purple);font-weight:600;margin-bottom:18px}.project-hero h1{font-family:Public Sans,sans-serif;font-size:clamp(36px,5vw,64px);font-weight:500;letter-spacing:-2px;line-height:1.05;margin-bottom:24px}.project-hero h1 em{font-family:"PT Serif",serif;font-style:italic}.project-meta{display:flex;gap:40px;flex-wrap:wrap;padding:28px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-bottom:60px}.project-meta-item label{display:block;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-bottom:4px}.project-meta-item span{font-size:14px;font-weight:500;color:var(--text)}.project-cover{width:100%;max-width:1200px;margin:0 auto 80px;padding:0 80px}.project-cover img{width:100%;border-radius:24px;display:block;object-fit:cover;max-height:600px}.project-body{max-width:900px;margin:0 auto;padding:0 80px 100px}.project-section{margin-bottom:72px}.project-section-label{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--purple);font-weight:600;margin-bottom:12px}.project-section h2{font-size:clamp(22px,2.5vw,30px);font-weight:500;letter-spacing:-.8px;margin-bottom:20px}.project-section p{font-size:16px;color:var(--text-secondary);line-height:1.8;font-weight:300;margin-bottom:16px}.project-section p:last-child{margin-bottom:0}.project-images{display:grid;gap:16px;margin:40px 0}.project-images.two-col{grid-template-columns:1fr 1fr}.project-images.three-col{grid-template-columns:repeat(3,1fr)}.project-images img{width:100%;border-radius:16px;object-fit:cover;display:block}.back-btn{display:inline-flex;align-items:center;gap:8px;color:var(--muted);text-decoration:none;font-size:14px;font-weight:400;padding:10px 0;margin-bottom:40px;transition:color .2s;background:none;border:none;cursor:pointer}.back-btn:hover{color:var(--text)}.coming-soon-box{background:var(--bg2);border-radius:32px;padding:80px 40px;text-align:center;border:1px solid var(--border);margin:40px 0}.coming-soon-box p{font-size:15px;color:var(--muted);margin-top:12px}@media(max-width:1100px){#home{grid-template-columns:1fr 380px 1fr}}@media(max-width:860px){#home{grid-template-columns:1fr;min-height:auto}.img-column{display:none}.hero-content{padding:100px 24px 60px}#about,#projects,#contact{padding:72px 24px}.about-grid,.contact-grid{grid-template-columns:1fr;gap:40px}.projects-grid{grid-template-columns:1fr}.project-card.wide,.project-card.half,.project-card.third{grid-column:span 1}.profile-card-wrap{display:none}nav.site-nav{width:auto;left:50%;transform:translate(-50%)}.project-hero{padding:100px 24px 40px}.project-cover{padding:0 24px}.project-body{padding:0 24px 80px}.project-meta{gap:20px}.project-images.two-col,.project-images.three-col{grid-template-columns:1fr}}.theme-dark{--bg: #0d0d0f;--bg2: #141417;--text: #f0f0f0;--text-secondary: #a0a0a8;--muted: #555560;--border: rgba(255, 255, 255, .08);background:var(--bg);color:var(--text)}.theme-dark .nav-inner{background:#1a1a1f;box-shadow:#0006 0 5px 20px}.theme-dark .back-btn{background:#ffffff0f;color:var(--text-secondary);border-color:var(--border)}.theme-dark .back-btn:hover{color:var(--text);background:#ffffff1a}