:root{--pink: #cfa1a1;--black: #000;--white: #fff;--gray75: rgba(0,0,0,.75);--radius: 8px;--yellow: #ffc421;--gray-date: #828282;--gray-bg: #f7f7f7}html{scroll-behavior:smooth}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;color:var(--black);background:var(--white)}nav{position:sticky;top:0;z-index:100;background:var(--white);height:80px;display:flex;align-items:center;justify-content:space-between;padding:0 40px}.nav-logo{font-size:16px;text-decoration:none;color:var(--black)}.nav-name{font-weight:700;font-size:16px;position:absolute;left:50%;transform:translate(-50%);text-decoration:none;color:var(--black)}.nav-links{display:flex;gap:24px;font-size:16px}.nav-links a{text-decoration:none;color:var(--black)}.nav-links a:hover{opacity:.6}.hero{padding:128px 40px 0;min-height:calc(100vh - 80px);display:flex;flex-direction:column;align-items:flex-start;position:relative}.hero-title{font-size:64px;font-weight:700;letter-spacing:-1.28px;line-height:1.2}.hero-title .typed{display:inline;transition:color .4s ease}.cursor{display:inline-block;width:3px;height:.85em;background:var(--black);margin-left:2px;vertical-align:baseline;position:relative;top:.05em;animation:blink 1s step-end infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.hero-sub{font-size:16px;color:var(--gray75);margin-top:48px;max-width:845px;line-height:1.2}.scroll-hint{cursor:pointer;display:flex;flex-direction:column;align-items:center;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}.chevron{width:24px;height:24px;border-right:2px solid var(--black);border-bottom:2px solid var(--black);transform:rotate(45deg);animation:bounce 2s infinite}@keyframes bounce{0%,to{transform:rotate(45deg) translateY(0)}50%{transform:rotate(45deg) translateY(6px)}}.projects{padding:56px 8px 80px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-width:1496px;margin:0 auto}.card{position:relative;border-radius:var(--radius);overflow:hidden;height:456px;cursor:pointer}.card-bg{width:100%;height:100%;object-fit:cover;border-radius:var(--radius);display:block}.card-placeholder{width:100%;height:100%;border-radius:var(--radius)}.card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000059;opacity:0;transition:opacity .3s;border-radius:var(--radius);display:flex;align-items:flex-start;padding:29px 31px}.card:hover .card-overlay{opacity:1}.card-label{background:#d9d9d980;border-radius:var(--radius);padding:0 20px;height:40px;display:flex;align-items:center;font-size:16px;font-weight:700;color:var(--white)}.more-wrap{display:flex;justify-content:center;margin-top:80px}.more-btn{background:var(--pink);color:var(--white);border:none;border-radius:var(--radius);padding:14px 24px;font-size:16px;font-weight:500;font-family:Inter,sans-serif;cursor:pointer;min-width:198px;box-shadow:0 1px 2px #0000000d}.more-btn:hover{opacity:.9}footer{height:120px;position:relative;display:flex;align-items:center;justify-content:space-between;padding:0 40px}footer:before{content:"";position:absolute;top:0;left:80px;right:80px;height:1px;background:var(--black)}.footer-left{display:flex;flex-direction:column;gap:4px;font-size:16px}.footer-right{display:flex;gap:40px;font-size:16px}.footer-right a{text-decoration:none;color:var(--black)}.footer-right a:hover{opacity:.6}.project-page{width:100%}.project-hero{width:100%;height:65vh;min-height:400px;margin-top:-80px;height:calc(65vh + 80px);animation:hero-reveal 1.2s cubic-bezier(.16,1,.3,1)}.project-hero-split{display:flex;gap:0;overflow:hidden}.hero-split-img{flex:1;min-width:0;height:100%;object-fit:cover}nav.nav-transparent{background:transparent}.project-header{display:flex;justify-content:space-between;gap:40px;padding:32px 40px 0;max-width:1512px;margin:0 auto}.project-header-left{flex:1;max-width:769px;display:flex;flex-direction:column;gap:24px}.project-header-right{display:flex;flex-direction:column;align-items:flex-end;gap:24px}.project-title{font-size:32px;font-weight:700;letter-spacing:-.64px;line-height:normal}.project-title .pipe-sep,.project-title .title-sub{font-weight:300}.project-subtitle{font-size:16px;line-height:1.5}.skill-pills{display:flex;flex-wrap:wrap;gap:8px}.skill-pill{display:inline-flex;align-items:center;padding:4px 14px;border:1.5px solid var(--black);border-radius:20px;font-size:13px;font-weight:500;line-height:1.4;white-space:nowrap;transition:background .2s}.skill-pill:hover{background:#0000000a}.specs-inline{font-size:16px;font-weight:500;color:var(--gray75)}.toc-buttons{display:flex;flex-direction:column;gap:3px}.toc-btn{background:none;border:1px solid rgba(0,0,0,.2);border-radius:var(--radius);font-size:15px;font-weight:500;font-family:Inter,sans-serif;cursor:pointer;color:#222;transition:all .2s;text-align:left;position:relative;padding:5px 20px 5px 16px}.toc-btn:hover{background:var(--gray-bg);border-color:var(--toc-accent, var(--black))}.toc-num{font-weight:700;margin-right:8px;opacity:.35;font-size:13px}.header-pn{display:flex;gap:8px;align-items:center;font-size:13px;margin-top:4px}.header-pn-link{cursor:pointer;color:var(--gray-date);font-weight:500;transition:color .2s}.header-pn-link:hover{color:var(--black)}.header-pn-sep{color:#0003}.project-sections{padding:0 40px;max-width:1512px;margin:0 auto}.pill-group{padding-bottom:32px}.section-card{margin:0}.section-pill{display:inline-flex;align-items:center;gap:8px;background:var(--yellow);border-radius:var(--radius);padding:0 24px;height:60px;font-size:32px;font-weight:400;letter-spacing:-.64px;margin:80px 0 20px}.section-pill strong{font-weight:700}.pill-num{font-weight:400}.pill-sep{font-weight:400;opacity:.5}.section-heading{font-size:32px;letter-spacing:-.64px;line-height:normal;margin:64px 0 24px}.section-heading strong{font-weight:700}.section-heading .pipe-sep{font-weight:400}.section-heading .accent{font-weight:400;color:var(--yellow)}.hamburger-btn{display:none;background:none;border:none;cursor:pointer;width:32px;height:24px;position:relative;padding:0;z-index:201;flex-direction:column;justify-content:space-between}.ham-line{display:block;width:100%;height:2px;background:var(--black);border-radius:2px;transition:transform .3s,opacity .3s}.ham-line.open:nth-child(1){transform:translateY(11px) rotate(45deg)}.ham-line.open:nth-child(2){opacity:0}.ham-line.open:nth-child(3){transform:translateY(-11px) rotate(-45deg)}.mobile-menu{position:fixed;right:0;bottom:0;left:0;top:60px;z-index:200;background:#fff9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);opacity:0;pointer-events:none;transition:opacity .25s;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:none}.mobile-menu.active{opacity:1;pointer-events:auto}.mobile-menu-inner{display:flex;flex-direction:column;padding:32px 24px;gap:0;transform:translateY(-12px);transition:transform .3s}.mobile-menu.active .mobile-menu-inner{transform:translateY(0)}.mobile-menu-inner a{text-decoration:none;color:var(--black);font-size:20px;font-weight:400;padding:14px 0;border-bottom:1px solid rgba(0,0,0,.04);transition:opacity .2s}.mobile-menu-inner a:hover{opacity:.6}.mobile-menu-inner .ext{font-size:14px;opacity:.5;margin-left:4px}.mobile-menu-divider{height:1px;background:#0000001f;margin:8px 0}.body-text{font-size:16px;line-height:1.5;max-width:1427px}.body-text p{margin-bottom:12px}.body-text p:last-child{margin-bottom:0}.body-text .body-bold{font-weight:700;margin-bottom:4px}.body-text ul,.body-text ol{padding-left:24px;margin-bottom:12px}.body-text li{margin-bottom:4px}.image-placeholder{background:var(--gray-bg);border-radius:var(--radius);display:flex;align-items:flex-end;justify-content:center;padding:12px;font-size:13px;color:var(--gray-date);min-height:120px;overflow:hidden;position:relative}.image-placeholder img{width:100%;height:100%;object-fit:contain;border-radius:var(--radius);position:absolute;top:0;right:0;bottom:0;left:0}.image-placeholder.has-img{padding:0}.img-label{background:#fffc;padding:4px 12px;border-radius:4px;text-align:center;position:relative;z-index:1}.section-img{width:100%;border-radius:var(--radius);margin:36px 0;text-align:center}.section-img img{max-width:100%;height:auto;border-radius:var(--radius);display:block;margin:0 auto}.image-grid{display:grid;gap:12px;margin:36px 0}.image-grid-1{grid-template-columns:1fr}.image-grid-2{grid-template-columns:1fr 1fr}.image-grid-3{grid-template-columns:1fr 1fr 1fr}.image-grid-4{grid-template-columns:1fr 1fr 1fr 1fr}.two-col-layout{display:flex;gap:48px;margin:40px 0}.two-col-layout .col-left{flex:1;min-width:0}.two-col-layout .col-right{flex:1;min-width:0;overflow-x:auto}.two-col-layout.reverse{flex-direction:row-reverse}.col-img{max-width:100%;height:auto;border-radius:var(--radius);display:block}.iter-grid{display:flex;gap:24px}.iter-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:24px}.iter-side{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;flex-shrink:0}.proto-iteration{display:flex;align-items:flex-start;gap:16px}.iter-label{font-size:16px;font-weight:700;line-height:1.5;flex-shrink:0;margin-top:64px}.iter-imgs{display:flex;gap:16px}.iter-img{width:152px;height:152px;border-radius:var(--radius);object-fit:cover;display:block;flex-shrink:0}.iter-img.bordered{border:2px solid #15a437}.iter-notes-col{font-size:16px;line-height:3;white-space:nowrap}.image-item{display:flex;flex-direction:column;align-items:center;gap:8px}.image-item img{width:100%;height:auto;border-radius:var(--radius);display:block}.img-caption{font-size:16px;text-align:center;color:var(--black)}.gallery-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:48px}.gallery-item{position:relative;aspect-ratio:1;border-radius:var(--radius);overflow:hidden;cursor:zoom-in}.gallery-item img{width:100%;height:100%;object-fit:cover;display:block}.gallery-hover{position:absolute;top:0;left:0;padding:16px;opacity:0;transition:opacity .4s ease;pointer-events:none}.gallery-item:hover .gallery-hover{opacity:1}.gallery-title{color:var(--black);font-size:13px;font-weight:700;display:block}.gallery-desc{color:var(--gray75);font-size:12px;display:block;margin-top:2px;line-height:1.4}.additional-skills{font-size:16px;line-height:1.5;list-style:disc;padding-left:24px}.project-ending{font-size:32px;font-weight:700;letter-spacing:-.64px;text-align:right;margin:60px 0 80px}.project-nav{display:flex;gap:24px;padding:0 40px 64px;max-width:1512px;margin:0 auto}.pn-link{flex:1;padding:28px 32px;border:1px solid rgba(0,0,0,.08);border-radius:16px;cursor:pointer;transition:border-color .2s,box-shadow .2s;display:flex;flex-direction:column;gap:4px}.pn-link:hover{border-color:#0003;box-shadow:0 2px 16px #0000000f}.pn-right{text-align:right;align-items:flex-end}.pn-label{font-size:13px;font-weight:500;color:var(--gray-date);letter-spacing:.5px}.pn-name{font-size:20px;font-weight:700;letter-spacing:-.4px}.pn-sub{font-size:14px;color:var(--gray75)}.related-section{padding:0 40px 80px;max-width:1512px;margin:0 auto;overflow:hidden}.related-title{font-size:16px;margin-bottom:20px}.related-grid{display:flex;gap:56px;overflow-x:auto;padding-bottom:8px;scrollbar-width:none;-ms-overflow-style:none}.related-grid::-webkit-scrollbar{display:none}.related-card{width:440px;cursor:pointer;flex-shrink:0}.related-img{width:100%;height:400px;border-radius:var(--radius);background:var(--gray-bg);overflow:hidden;position:relative}.related-img img{width:100%;height:100%;object-fit:cover}.related-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000059;opacity:0;transition:opacity .3s;border-radius:var(--radius);display:flex;align-items:flex-start;padding:29px 31px}.related-card:hover .related-overlay{opacity:1}.related-info{display:flex;flex-direction:column;gap:4px;margin-top:24px}.related-name{font-size:20px;font-weight:500}.related-year{font-size:20px;font-weight:500;color:var(--gray-date)}@media(max-width:1200px){.proto-iteration{flex-wrap:wrap}.iter-notes-col{white-space:normal;line-height:1.8;flex-basis:100%;padding-left:32px}.iter-label{margin-top:0;align-self:center}.iter-img{width:140px;height:140px}}@media(max-width:1024px){.related-grid{gap:32px}.related-card{width:340px}.image-grid-4{grid-template-columns:1fr 1fr}.iter-grid{flex-direction:column}.iter-side{flex-direction:row;gap:16px;align-items:center}.iter-img{width:120px;height:120px}}@media(max-width:768px){html,body,.project-page{overflow-x:hidden}.project-hero{margin-top:-60px;height:calc(45vh + 60px);min-height:260px}nav{padding:0 16px;height:60px}.nav-desktop{display:none}.hamburger-btn{display:flex}.nav-name{position:static;transform:none;font-size:15px}.project-header{flex-direction:column;gap:20px;padding:24px 16px 0}.project-header-left{gap:14px}.project-header-right{align-items:flex-start;gap:16px}.project-title{font-size:22px;letter-spacing:-.44px}.pipe-sep{display:none}.project-title .title-sub{display:block;margin-top:4px;font-size:15px}.section-heading .accent{display:block;margin-top:2px}.project-subtitle{font-size:14px}.skill-pill{font-size:12px;padding:3px 10px}.specs-inline{font-size:14px}.toc-buttons{flex-direction:row;flex-wrap:wrap;gap:6px}.toc-btn{font-size:13px;padding:4px 14px}.gallery-grid{grid-template-columns:1fr 1fr;gap:6px}.gallery-hover{padding:16px}.gallery-title{font-size:15px}.gallery-desc{font-size:12px}.additional-skills{font-size:14px}.image-grid-2,.image-grid-3{grid-template-columns:1fr}.image-grid-4{grid-template-columns:1fr 1fr}.two-col-layout{flex-direction:column;gap:24px}.two-col-layout .col-right{overflow-x:visible}.col-img{border-radius:6px}.iter-grid{flex-direction:column}.iter-img{width:100px;height:100px}.iter-notes-col{line-height:1.6;padding-left:0}.related-grid{gap:20px}.related-card{width:280px}.related-img{height:200px}.related-name,.related-year{font-size:16px}.section-pill{font-size:20px;height:44px;padding:0 18px;margin:48px 0 14px}.section-heading{font-size:20px;margin:44px 0 16px}.section-img img,.image-item img,.col-img{border-radius:8px}.body-text{font-size:15px}.body-text ul,.body-text ol{padding-left:20px}.hero-title{font-size:32px}.hero-sub{font-size:14px;margin-top:32px}.nav-links{gap:16px;font-size:14px}.project-header,.project-sections,.related-section{padding-left:16px;padding-right:16px}.project-sections{max-width:100%}.project-nav{flex-direction:column;gap:12px;padding:0 16px 48px}.pn-right{text-align:left;align-items:flex-start}.pn-name{font-size:17px}.two-col-layout{gap:24px;margin:28px 0}.image-grid{margin:24px 0}.project-ending{font-size:22px;margin:40px 0 48px}footer{height:auto;padding:24px 16px;flex-direction:column;gap:16px;align-items:flex-start}footer:before{left:16px;right:16px}.footer-right{gap:24px;font-size:14px}.footer-left{font-size:14px}.project-grid{grid-template-columns:1fr;gap:6px}.card{height:280px}.projects{padding:32px 6px 48px}.more-wrap{margin-top:40px}.scroll-hint{margin:48px auto 0}}.lightbox-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#fff6;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);display:flex;flex-direction:column;align-items:center;justify-content:center;animation:lightbox-in .25s ease-out}@keyframes lightbox-in{0%{opacity:0}to{opacity:1}}.lightbox-controls{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:10;display:flex;align-items:center;gap:2px;background:#ffffffd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:12px;padding:4px;box-shadow:0 4px 24px #0000001f,0 1px 4px #0000000f;border:1px solid rgba(0,0,0,.08)}.lb-btn{width:36px;height:36px;border:none;background:none;border-radius:8px;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--black);transition:background .15s;font-family:inherit}.lb-btn:hover:not(:disabled){background:#00000012}.lb-btn:disabled{opacity:.25;cursor:default}.lb-btn.lb-close{color:#666}.lb-zoom-level{font-size:12px;font-weight:600;min-width:42px;text-align:center;color:#555;-webkit-user-select:none;user-select:none;font-variant-numeric:tabular-nums}.lb-reset{font-size:16px}.lightbox-content{width:100%;height:100%;overflow:hidden;display:flex;align-items:center;justify-content:center;animation:lightbox-zoom .3s cubic-bezier(.16,1,.3,1);touch-action:none}@keyframes lightbox-zoom{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.lightbox-content img{max-width:92vw;max-height:85vh;object-fit:contain;display:block;-webkit-user-select:none;user-select:none;transform-origin:center center;border-radius:6px;box-shadow:0 16px 64px #00000026,0 2px 8px #0000000f}.section-img img,.image-item img,.col-img,.iter-img{cursor:zoom-in}@media(max-width:768px){.lightbox-controls{bottom:16px;border-radius:10px;padding:3px}.lb-btn{width:40px;height:40px}.lightbox-content img{max-width:96vw;max-height:80vh;border-radius:4px}}.back-to-top{display:flex;align-items:center;gap:16px;margin:64px 0 0;cursor:pointer;-webkit-user-select:none;user-select:none}.btt-line{flex:1;height:1px;background:#0000001a}.btt-label{font-size:13px;font-weight:500;color:#0000004d;letter-spacing:.5px;transition:color .2s;white-space:nowrap}.back-to-top:hover .btt-label{color:#0009}.back-to-top:hover .btt-line{background:#0003}@media(max-width:480px){.hero{padding:80px 16px 0}.hero-title{font-size:26px}.image-grid-4{grid-template-columns:1fr}.project-title{font-size:20px}.project-title .title-sub{font-size:14px}.section-pill{font-size:18px;height:40px}.section-heading{font-size:18px}.skill-pill{font-size:11px;padding:2px 8px}.toc-btn{font-size:12px;padding:3px 10px}.gallery-grid{grid-template-columns:1fr}}.reveal{opacity:0;transform:translateY(30px);filter:blur(4px);transition:opacity 1.1s cubic-bezier(.22,.61,.36,1),transform 1.25s cubic-bezier(.22,.61,.36,1),filter .5s cubic-bezier(.22,.61,.36,1)}.reveal.revealed{opacity:1;transform:translateY(0);filter:blur(0)}@keyframes hero-reveal{0%{opacity:0;transform:scale(1.03)}to{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.reveal{transition:opacity .3s ease;transform:none;filter:none}.project-hero{animation:none}}