@import"https://fonts.googleapis.com/css2?family=Figtree:wght@400;500&display=swap";*{margin:0;padding:0;box-sizing:border-box}html{scroll-snap-type:y mandatory;scroll-behavior:smooth;overflow-y:scroll}body{font-family:Figtree,sans-serif;background-color:#f0f0f0;color:#000;margin:0;padding:0}a{color:inherit;text-decoration:none;cursor:pointer}a:hover{text-decoration:underline}html{scroll-snap-type:y mandatory;scroll-behavior:smooth}.hero-section{min-height:100vh;max-height:100vh;display:flex;flex-direction:column;padding:26px 40px 40px;gap:20px;width:100%;margin:0 auto;overflow:hidden;scroll-snap-align:start;scroll-snap-stop:always;position:relative}.header{display:flex;justify-content:space-between;align-items:center;padding:0;font-size:clamp(22px,3vw,32px);font-weight:400;width:100%;margin:0 auto}.header-left,.header-right{font-family:Figtree,sans-serif;font-size:clamp(22px,3vw,32px);font-weight:400}.header-scroll-down{cursor:pointer;display:flex;align-items:center;font-size:clamp(18px,2.4vw,26px);transition:opacity .3s}.header-scroll-down:hover{opacity:.6}.video-placeholder{width:100%;flex:1;background-color:#d9d9d9;display:flex;align-items:center;justify-content:center;font-size:clamp(14px,2vw,18px);color:#666;margin:0 auto;min-height:634px;overflow:hidden;position:relative}.video-placeholder img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.arrow-section{text-align:center;cursor:pointer;font-size:24px;margin:0 auto;animation:bounce 2s ease-in-out infinite;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}.hero-section .arrow-section{bottom:15px}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(10px)}}.projects-section{width:100%;margin:0 auto;padding:0 40px}.final-sections{width:100%;margin:0 auto;padding:20px 40px}.page-section{min-height:100vh;display:flex;flex-direction:column;justify-content:flex-start;padding:20px 0;scroll-snap-align:start;scroll-snap-stop:always;position:relative}.project-item{min-height:100vh;display:flex;flex-direction:column;justify-content:flex-start;padding-top:20px;padding-bottom:60px;scroll-snap-align:start;scroll-snap-stop:always;position:relative}.project-item-content{padding:0}.project-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;gap:20px;flex-wrap:wrap}.project-title{font-family:Figtree,sans-serif;font-size:clamp(16px,2vw,19px);font-weight:500}.project-date{font-family:Figtree,sans-serif;font-size:clamp(16px,2vw,19px);font-weight:400}.project-divider{border:none;border-top:.5px solid #000;margin:10px 0}.project-content{display:flex;gap:20px;align-items:flex-start;margin-top:20px;flex-wrap:nowrap;min-height:calc(100vh - 180px)}.project-image{width:auto;max-width:850px;height:auto;aspect-ratio:16 / 9;background-color:#d9d9d9;flex:0 1 clamp(420px,46vw,850px);min-width:0;flex-shrink:0;overflow:hidden}.project-image--portrait{width:min(630px,100%);max-width:100%;height:min(84vh,1080px);aspect-ratio:2153 / 2871;display:flex;justify-content:center;align-items:center;background-color:#d9d9d9}.project-image-media{width:100%;height:100%;object-fit:cover;transition:opacity .5s;display:block}.project-image-media--portrait{width:100%;height:100%;object-fit:cover;object-position:center}.project-description{flex:1 1 280px;min-width:0;font-family:Figtree,sans-serif;font-size:clamp(16px,2vw,18px);font-weight:400;line-height:1.6;overflow-wrap:anywhere}.project-description--landscape{flex-basis:320px}.project-description--portrait{flex-basis:460px}.project-links{display:flex;flex-direction:column;gap:10px;font-family:Figtree,sans-serif;font-size:clamp(16px,2vw,18px);font-weight:400;align-items:flex-end;text-align:right}.project-links hr{width:100%;align-self:stretch}.project-sidebar{width:170px;flex:0 0 170px;min-width:170px;align-self:stretch;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;gap:20px}.project-tech-stack{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;max-width:260px}.project-tech-chip{border:1px solid #000;padding:10px 14px;font-family:Figtree,sans-serif;font-size:14px;font-weight:400;line-height:1;background-color:transparent;white-space:nowrap}.archive-section{min-height:100vh;width:100%;margin:0 auto;padding:20px 40px;display:flex;flex-direction:column;justify-content:flex-start;scroll-snap-align:start;scroll-snap-stop:always;position:relative}.archive-header{font-family:Figtree,sans-serif;font-size:clamp(16px,2vw,19px);font-weight:500;margin-bottom:20px;margin-top:20px}.archive-images{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;margin-bottom:20px}.archive-image{width:100%;aspect-ratio:3 / 4;background-color:#d9d9d9;overflow:hidden;cursor:pointer;transition:opacity .2s}.archive-image:hover{opacity:.8}.archive-image:active{opacity:.6}.archive-image img{width:100%;height:100%;object-fit:cover;display:block}.about-section,.education-section{width:100%}.section-title{font-family:Figtree,sans-serif;font-size:clamp(16px,2vw,19px);font-weight:500;margin-bottom:10px;margin-top:20px}.section-content{font-family:Figtree,sans-serif;font-size:clamp(16px,2vw,18px);font-weight:400;line-height:1.6;margin-bottom:20px}.footer{width:100%;margin:0 auto;padding:20px;font-family:Figtree,sans-serif;font-size:clamp(16px,2vw,18px);font-weight:400;text-align:center}.footer-bottom{position:static;width:100%;padding:0}.footer-page{display:flex;flex-direction:column;justify-content:flex-start;height:100vh;min-height:100vh}.footer-page-content{width:100%;flex:1 1 auto;min-height:0;padding-top:32px;display:flex;flex-direction:column}.footer-fixed-elements{margin-top:auto;width:100%;padding-bottom:20px}.arrow-section.footer-back-to-top{top:16px;bottom:auto}@media(max-width:768px){.hero-section{gap:15px;padding:20px 10px}.project-item{padding-top:10px;padding-bottom:40px}.project-item-content{padding:8px 0 0}.project-header{margin-bottom:6px;gap:8px}.header{padding:0;gap:10px}.video-placeholder{min-height:300px}.project-content{flex-direction:column;display:flex;min-height:calc(100vh - 180px)}.project-image{max-width:100%;height:auto}.project-image--portrait{height:min(72vh,700px)}.project-description{min-width:0;font-size:14px;flex-grow:1;flex-basis:auto}.project-links{width:100%;align-items:flex-start;text-align:left;margin-top:auto}.project-sidebar{width:100%;min-width:0;align-items:flex-start;gap:16px}.project-tech-stack{justify-content:flex-start;max-width:100%}.project-tech-chip{padding:8px 12px;font-size:13px}.arrow-section{font-size:16px}.archive-images{gap:8px;grid-template-columns:repeat(3,minmax(0,1fr))}.archive-image{width:100%;aspect-ratio:3 / 4}.final-sections,.archive-section,.projects-section,.detail-content{padding-left:10px;padding-right:10px}.section-header-row{align-items:flex-start}.footer-bottom{position:static;transform:none;padding:0}.arrow-section.footer-back-to-top{top:8px;bottom:auto}}@media(min-width:769px)and (max-width:1400px){.project-content{flex-wrap:nowrap}.project-description{flex:1 1 240px}}.detail-page{background-color:#f0f0f0}.detail-hero{min-height:100vh;max-height:100vh;display:flex;flex-direction:column;padding:26px 40px 40px;gap:20px;width:100%;margin:0 auto;overflow:hidden}.detail-header{display:flex;justify-content:space-between;align-items:center;padding:0;font-size:clamp(22px,3vw,32px);font-weight:400;width:100%;margin:0 auto}.detail-header-left{font-family:Figtree,sans-serif;font-size:clamp(22px,3vw,32px);font-weight:400;display:flex;align-items:center;text-decoration:none;overflow-wrap:anywhere}.detail-header-left svg{font-size:24px}.detail-header-left:hover{text-decoration:none}.detail-header-right{font-family:Figtree,sans-serif;font-size:clamp(22px,3vw,32px);font-weight:400;text-align:right;overflow-wrap:anywhere}.detail-video-placeholder{width:100%;background-color:#d9d9d9;display:flex;align-items:center;justify-content:center;font-size:18px;color:#666;margin:0 auto;aspect-ratio:16 / 9;overflow:hidden;position:relative}.detail-video-placeholder img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.detail-project-video{width:100%;height:100%;aspect-ratio:16 / 9;object-fit:cover}.detail-video-loading-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background-color:#d9d9d9;z-index:8;color:#666;font-family:Figtree,sans-serif}.detail-video-spinner{width:40px;height:40px;border-radius:50%;border:3px solid rgba(0,0,0,.15);border-top-color:#000;animation:detail-video-spin .9s linear infinite}@keyframes detail-video-spin{to{transform:rotate(360deg)}}.detail-content{width:100%;margin:0 auto;padding:40px}.detail-section{margin-bottom:60px}.detail-setup-diagram{width:min(33.333%,420px);margin-top:16px;margin-left:auto;margin-right:auto;background-color:#f5f5f5;border:1px solid #000;overflow:hidden;cursor:pointer;transition:opacity .2s}.detail-setup-diagram--cesspool{width:min(50%,640px)}.detail-setup-diagram:hover{opacity:.85}.detail-setup-diagram:active{opacity:.7}.detail-setup-diagram img{display:block;width:100%;height:auto;object-fit:contain}@media(max-width:768px){.detail-setup-diagram{width:min(100%,280px)}.detail-setup-diagram--cesspool{width:min(100%,360px)}}.section-toggle{width:100%;display:flex;justify-content:space-between;align-items:center;background:none;border:none;padding:0;cursor:pointer;text-align:left}.section-toggle-icon{font-size:18px;transition:transform .2s ease}.section-toggle-icon.open{transform:rotate(90deg)}.transcript-images-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:10px}.transcript-image-item{width:100%;aspect-ratio:16 / 9;background-color:#d9d9d9;overflow:hidden;cursor:pointer;transition:opacity .2s}.transcript-image-item:hover{opacity:.85}.transcript-image-item:active{opacity:.7}.transcript-image-item img{width:100%;height:100%;object-fit:cover;display:block}.carousel-container{display:flex;align-items:center;gap:20px;margin-top:30px;position:relative}.carousel-images{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;flex:1;overflow:hidden}@media(max-width:1200px){.carousel-images{grid-template-columns:repeat(3,1fr)}}.carousel-image{width:100%;aspect-ratio:4 / 3;background-color:#d9d9d9}.carousel-button{background:none;border:none;font-size:24px;cursor:pointer;padding:10px;color:#000;transition:opacity .3s}.carousel-button:disabled{opacity:.3;cursor:not-allowed}.carousel-button:not(:disabled):hover{opacity:.7}@media(max-width:768px){.detail-hero{gap:15px;padding:20px 10px}.detail-header{padding:0;gap:10px}.detail-header-left,.detail-header-right{overflow-wrap:anywhere}.detail-video-placeholder{aspect-ratio:16 / 9}.carousel-images{grid-template-columns:repeat(2,1fr);gap:10px}.carousel-button{font-size:20px}.carousel-image{cursor:pointer;transition:opacity .2s}.carousel-image:active{opacity:.7}.transcript-images-grid{grid-template-columns:1fr;gap:10px}}.exhibitions-page{display:flex;flex-direction:column;gap:32px;margin-top:20px;flex:1 1 auto;min-height:0;overflow-y:auto;padding-right:8px}.exhibitions-subheading{font-family:Figtree,sans-serif;font-size:clamp(18px,2.4vw,26px);font-weight:500;margin-bottom:16px}.exhibitions-entries--columns{columns:2;column-gap:64px}.exhibition-row{display:flex;gap:20px;padding:16px 0;border-bottom:1px solid rgba(0,0,0,.12);break-inside:avoid}.exhibitions-entries .exhibition-row:first-child{padding-top:0}.exhibition-year{flex:0 0 56px;font-family:Figtree,sans-serif;font-size:clamp(15px,1.8vw,18px);font-weight:500}.exhibition-details{display:flex;flex-direction:column;gap:4px}.exhibition-venue{font-family:Figtree,sans-serif;font-size:clamp(15px,1.8vw,18px);font-weight:500}.exhibition-title{font-family:Figtree,sans-serif;font-size:clamp(14px,1.7vw,16px);font-weight:400;font-style:italic;opacity:.65}@media(max-width:768px){.exhibitions-page{gap:32px;margin-top:16px}.exhibitions-entries--columns{columns:1}.exhibition-row{padding:12px 0;gap:14px}.exhibition-year,.exhibition-venue{font-size:14px}.exhibition-title{font-size:13px}}.timeline-container{margin:16px 0 72px;display:flex;flex-direction:column;gap:16px;flex:1;min-height:0;overflow:hidden}.timeline-loading{font-family:Figtree,sans-serif;font-size:clamp(14px,1.5vw,16px);color:#666;padding:20px 0}.timeline-section{margin-bottom:0;display:flex;flex-direction:column;flex:1;min-height:0}.timeline-label,.research-label{font-family:Figtree,sans-serif;font-size:clamp(16px,2vw,18px);font-weight:500;margin-bottom:20px}.timeline-content{display:flex;gap:14px;overflow-x:auto;padding:8px 0 12px;min-height:0}.timeline-content-hidden{visibility:hidden;pointer-events:none}.timeline-year{display:flex;flex-direction:column;gap:8px;min-width:220px;max-width:220px;border:1px solid #000;padding:8px;background-color:#f8f8f8}.timeline-year-label{font-family:Figtree,sans-serif;font-size:clamp(14px,1.5vw,16px);font-weight:500;text-align:center;padding-bottom:8px;border-bottom:1px solid #000}.timeline-items{display:flex;flex-direction:column;gap:8px;max-height:260px;overflow-y:auto;padding-right:4px}.timeline-image{width:100%;min-height:108px;max-height:220px;background-color:#d9d9d9;overflow:hidden;display:flex;align-items:center;justify-content:center}.timeline-image img{width:100%;height:auto;max-height:220px;object-fit:contain;display:block}.timeline-item-card{border:1px solid #000;background-color:#fff;padding:8px}.timeline-item-card.visual{padding:0}.timeline-item-name{font-family:Figtree,sans-serif;font-size:clamp(13px,1.2vw,15px);line-height:1.4;color:#000}.timeline-item-card.visual .timeline-item-name{padding:8px 8px 4px}.timeline-item-comment{font-family:Figtree,sans-serif;font-size:12px;line-height:1.4;color:#444;padding:0 8px 8px}.timeline-year-note{font-family:Figtree,sans-serif;font-size:clamp(13px,1.2vw,15px);line-height:1.5;color:#333;padding:4px 2px}.timeline-empty{width:100%;min-height:60px;display:flex;align-items:center;justify-content:center;color:#999;font-size:20px;background-color:#f5f5f5;border:1px dashed #999}@media(max-width:768px){.timeline-year{min-width:190px;max-width:190px}.timeline-items{max-height:210px}.timeline-image{min-height:96px;max-height:190px}.timeline-image img{max-height:190px}}.research-container{padding:40px 0}.research-graph{max-width:100%}.research-node{margin-bottom:40px}@media(min-width:769px)and (max-width:1512px)and (max-height:980px){.archive-section,.projects-section,.final-sections{padding-left:24px;padding-right:24px}.archive-header,.section-title{margin-top:12px;margin-bottom:8px}.archive-section{padding-bottom:76px}.archive-images{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:6px;margin-bottom:12px}.timeline-container{margin:8px 0 44px;gap:10px}.timeline-label,.research-label{margin-bottom:10px;font-size:15px}.timeline-year{min-width:188px;max-width:188px;padding:6px}.timeline-items{max-height:185px;gap:6px}.timeline-image{min-height:80px;max-height:138px}.timeline-image img{max-height:138px}.timeline-item-name,.timeline-year-note{font-size:12px;line-height:1.3}.timeline-item-comment{font-size:11px;line-height:1.3}.research-container{padding:12px 0}.research-node{margin-bottom:14px}.research-area-title{font-size:15px!important;padding:6px 12px!important;margin-bottom:6px!important}.research-connections{margin-top:6px!important;padding-left:12px!important;gap:8px!important;padding-bottom:4px!important}.research-book-link{font-size:11px!important;padding:6px 9px!important}.section-header-row{gap:10px}.section-header-row button{padding:6px 10px!important;font-size:12px!important}.exhibitions-page{gap:28px;margin-top:12px}.exhibitions-subheading{font-size:18px;margin-bottom:10px}.exhibitions-entries--columns{column-gap:32px}.exhibition-row{padding:10px 0;gap:12px}.exhibition-year,.exhibition-venue{font-size:14px}.exhibition-title{font-size:12px}.footer{padding:12px;font-size:14px}.footer-fixed-elements{padding-bottom:8px}.arrow-section.footer-back-to-top{top:10px;bottom:auto}}@media(max-width:768px){.research-connections{margin-left:20px!important;padding-left:10px!important}.research-area-title{font-size:16px!important}}@media(max-width:480px){.video-placeholder{min-height:240px}.detail-video-placeholder{aspect-ratio:16 / 9}.archive-images{grid-template-columns:repeat(2,minmax(0,1fr))}}