:root{--hero-fade:1;--hero-shift:0px;--scroll-dark:0;--water-shift:0px}html{scroll-behavior:smooth}body{overflow-x:hidden;overflow-y:auto}.home{position:fixed;inset:0;min-height:0;height:100svh}.home::after{content:'';position:absolute;inset:0;background:#03080b;opacity:var(--scroll-dark);pointer-events:none;z-index:0}#water{touch-action:pan-y}.navigation{position:fixed;top:0;left:0;right:0;z-index:60;background:linear-gradient(#04101550,transparent);transition:background .5s}.navigation .wordmark{font-size:22px;letter-spacing:-1px}.navigation a[aria-current=page]{text-decoration:underline;text-underline-offset:8px}.hero-copy{opacity:var(--hero-fade);transform:translateY(calc(-41% + var(--hero-shift)));will-change:transform,opacity;z-index:1;pointer-events:none}.hero-copy a{pointer-events:auto}.home-meta{z-index:2}.home-meta .water-hint{transition:opacity .4s}body:not([data-view=home]) .water-hint{opacity:0}.time-panel{position:fixed;z-index:70}#content.story{position:relative;inset:auto;overflow:visible;top:auto;margin-top:100svh;background:transparent;z-index:5;outline:none;pointer-events:none}.story>*{pointer-events:auto}.story-chapter{min-height:125svh;padding:17svh 6.2vw 20svh;position:relative;background:linear-gradient(180deg,#03080b00 0%,#03080bba 14%,#03080b8c 82%,#03080b00 100%)}#portfolio-story{padding-top:20svh}#bio-story{min-height:115svh;background:linear-gradient(#03080b00,#03080be8 16%,#03080bf7 82%,#03080b);padding-top:22svh}.floating-section{max-width:1500px;margin:auto}.floating-title{margin-left:2vw;margin-bottom:95px}.floating-title h2,.bio-heading h2{font:500 clamp(42px,4.5vw,70px)/1.08 'Manrope',sans-serif;letter-spacing:-.055em;margin:0}.floating-title h2 em,.bio-heading h2 em{font:italic 400 1.05em Georgia,serif}.floating-title .eyebrow,.bio-heading .eyebrow{font-size:11px;letter-spacing:2.5px}.section-description{font-size:14px;color:#d8e3e2b9;margin-top:18px}.folder-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;align-items:center;perspective:1600px}.folder-card{display:block;position:relative;outline-offset:15px!important;transform:translateY(var(--parallax,0));transition:transform .25s linear;opacity:1!important}.folder-object{position:relative;width:100%;aspect-ratio:1.28;transform-style:preserve-3d;perspective:1000px;filter:drop-shadow(0 22px 20px #0004)}.folder-back{position:absolute;inset:10% 2% 0;background:linear-gradient(120deg,#ffffffbc,#d9e2e29e);border-radius:10px;clip-path:polygon(0 0,31% 0,37% 14%,100% 14%,100% 100%,0 100%);box-shadow:inset 0 1px 1px #fff9;transform:rotateX(-5deg)}.folder-files{position:absolute;inset:0;transform-style:preserve-3d}.folder-file{position:absolute;left:10%;top:24%;width:80%;height:65%;border-radius:6px;box-shadow:0 0 0 1px #cad2d4,0 8px 18px #0004;background:#fff;overflow:hidden;transform-origin:center 100%;transition:transform .8s cubic-bezier(.18,.9,.2,1.1);opacity:1;will-change:transform;display:flex;flex-direction:column}.folder-file img{width:100%;height:88%;object-fit:cover;object-position:top;opacity:1}.folder-file span{display:block;font-size:8px;line-height:1;padding:5px 7px;color:#253337;background:#fff;white-space:nowrap;overflow:hidden}.file-0{transform:translate(-11%,-16%) rotate(-12deg);z-index:1}.file-1{transform:translate(1%,-21%) rotate(-2deg);z-index:2}.file-2{transform:translate(12%,-15%) rotate(11deg);z-index:3}.folder-front{position:absolute;left:0;right:0;bottom:0;height:68%;background:linear-gradient(130deg,#ffffff75,#cbd6d445);border:1px solid #ffffff88;box-shadow:inset 0 1px 2px #ffffffe0,inset 0 -4px 5px #4d62503d,0 7px 15px #0002;border-radius:10px 10px 13px 13px;backdrop-filter:blur(12px);transform-origin:bottom center;transform:rotateX(-8deg);transition:transform .75s cubic-bezier(.2,.85,.2,1),background .75s;z-index:5;display:flex;flex-direction:column;justify-content:end;padding:19px;color:#fff;text-shadow:0 1px 7px #12333080}.folder-project{font-size:clamp(16px,1.4vw,23px);font-weight:500;letter-spacing:-.5px;white-space:nowrap}.folder-type{font-size:8px;letter-spacing:1.15px;margin-top:8px;color:#ffffffd6}.folder-icon{position:absolute;top:12px;right:15px;font-size:19px;opacity:.7}.folder-card:hover .folder-front,.folder-card:focus-visible .folder-front{transform:rotateX(-31deg) translateY(5px);background:linear-gradient(130deg,#ffffff8f,#cbd6d465)}.folder-card:hover .file-0,.folder-card:focus-visible .file-0{transform:translate(-25%,-64%) rotate(-18deg)}.folder-card:hover .file-1,.folder-card:focus-visible .file-1{transform:translate(0,-82%) rotate(-2deg);transition-delay:45ms}.folder-card:hover .file-2,.folder-card:focus-visible .file-2{transform:translate(26%,-58%) rotate(18deg);transition-delay:80ms}.folder-caption{display:flex;gap:10px;align-items:center;margin-top:28px;color:#fff;font-size:13px}.folder-caption span:first-child{font-size:10px;color:#ffffff7d}.folder-caption span:last-child{margin-left:auto;font-size:11px;opacity:.6}.bio-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:9vw;align-items:start}.bio-glass{border-top:1px solid #ffffff4a;padding-top:28px}.bio-lead{font:400 clamp(24px,2.5vw,39px)/1.4 'Manrope';letter-spacing:-1px;margin:0 0 27px}.bio-lead em{font-family:Georgia}.bio-glass>p:not(.bio-lead){font-size:16px;line-height:1.9;color:#dbe2e2bd;max-width:650px}.bio-tags{display:flex;flex-wrap:wrap;gap:9px;margin:26px 0 30px}.bio-tags span{font-size:11px;border:1px solid #ffffff40;border-radius:20px;padding:8px 13px}.bio-links{display:flex;flex-direction:column;gap:12px;font-size:15px}.bio-links a{width:max-content;border-bottom:1px solid #ffffff55;padding-bottom:4px}.footer-art{min-height:440px;padding-top:65px;gap:15px}.footer-email{font-size:19px;width:max-content;border-bottom:1px solid #ffffff80;padding-bottom:9px;margin-top:18px}.footer-line{margin-top:40px}.modal-open{overflow:hidden}.modal-open .home-meta{opacity:0}#project-overlay{position:fixed;inset:0;background:#061015de;backdrop-filter:blur(20px);z-index:100;overflow-y:auto;overscroll-behavior:contain;scroll-behavior:smooth}.project-detail{max-width:1450px;margin:auto;padding:34px 7vw 0;animation:detail-enter .55s cubic-bezier(.2,.8,.2,1)}.detail-topline{display:flex;align-items:center;gap:25px;font-size:12px;position:sticky;top:0;z-index:4;padding:13px 0;background:#0a151ade;backdrop-filter:blur(20px)}.detail-topline>span{margin-left:auto;font-size:10px;letter-spacing:1.5px;opacity:.6}.detail-close{font-size:30px;margin-left:20px}.detail-intro{display:grid;grid-template-columns:1.2fr 1fr;align-items:end;gap:7vw;margin:55px 0}.detail-intro h1{font:500 clamp(42px,6vw,88px)/1.1 'Manrope';letter-spacing:-.06em;margin:0}.detail-intro h2{font:400 21px Georgia;margin:22px 0 0}.detail-intro>p{font-size:16px;line-height:1.9;color:#d1ddddd1;margin:0}.detail-visual{background:#cad6d512;padding:30px;border-radius:8px;border:1px solid #ffffff22;margin-bottom:27px}.detail-visual img{display:block;width:100%;max-height:680px;object-fit:contain;border-radius:3px;opacity:1;box-shadow:0 15px 35px #0005}.detail-visual>span{display:block;margin-top:18px;font-size:12px;color:#becbcc}.detail-gallery{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin:45px 0 80px}.detail-gallery figure{margin:0}.detail-gallery img{width:100%;aspect-ratio:1.5;object-fit:contain;background:#c6d9d410;padding:15px;border:1px solid #ffffff20;opacity:1;border-radius:5px}.detail-gallery h3{font-size:16px;font-weight:500}.detail-gallery p{font-size:14px;line-height:1.7;color:#bfcccc}.case-body p,.case-body li{color:#c2ceced1}.project-detail .footer-art{margin:60px -7vw 0}.next-project{border-top:1px solid #ffffff30;padding-top:28px}.next-project a{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#bfcccc}.next-project span{font:500 28px 'Manrope';letter-spacing:-1px;color:white}.solid-link{display:inline-block;background:white;color:#163139;border-radius:24px;padding:13px 22px;font-size:14px}.scroll-cue{position:absolute;left:50%;bottom:73px;transform:translateX(-50%);font-size:10px;letter-spacing:1.6px;text-transform:uppercase;opacity:var(--hero-fade);z-index:3}.scroll-cue span{display:block;text-align:center;font-size:20px;line-height:1.8;animation:scroll-arrow 2s ease-in-out infinite}@keyframes scroll-arrow{50%{transform:translateY(5px)}}@keyframes detail-enter{from{opacity:0;transform:translateY(35px)}to{opacity:1;transform:none}}@media(min-width:1800px){.folder-grid{gap:50px}}@media(max-width:1000px){.folder-grid{grid-template-columns:1fr 1fr;gap:85px 50px;max-width:760px;margin:auto}.folder-project{font-size:25px}.folder-type{font-size:10px}.folder-file span{font-size:10px}.story-chapter{padding-left:8vw;padding-right:8vw;min-height:130svh}.floating-title{margin-bottom:110px}.bio-section{gap:5vw}.bio-lead{font-size:28px}}@media(max-width:700px){.navigation .wordmark{font-size:16px;letter-spacing:-.7px}.navigation .asterisk{font-size:21px}.navigation{gap:15px}.navigation nav{font-size:13px;gap:17px}.clock{width:34px;height:34px}.folder-grid{gap:70px 23px}.folder-front{padding:12px;border-radius:7px}.folder-project{font-size:15px}.folder-type{font-size:6px;letter-spacing:.5px;margin-top:5px}.folder-icon{top:8px;right:10px;font-size:15px}.folder-caption{margin-top:20px;gap:6px;font-size:11px}.folder-caption span:last-child{display:none}.folder-file span{font-size:6px;padding:3px}.folder-file{border-radius:3px}.story-chapter{padding:18svh 7vw 17svh;min-height:110svh}.floating-title{margin-left:0;margin-bottom:70px}.floating-title h2,.bio-heading h2{font-size:47px}.section-description{font-size:13px}.bio-section{grid-template-columns:1fr;gap:37px}.bio-lead{font-size:28px}.bio-glass>p:not(.bio-lead){font-size:15px}.bio-links{font-size:14px}#bio-story{padding-top:17svh}.detail-intro{grid-template-columns:1fr;gap:27px;margin:34px 0}.detail-intro h1{font-size:51px}.detail-intro h2{font-size:19px}.detail-intro>p{font-size:15px}.detail-topline>span{display:none}.detail-close{margin-left:auto}.detail-visual{padding:12px}.detail-gallery{grid-template-columns:1fr;gap:20px}.case-body{grid-template-columns:1fr;gap:25px}.project-detail{padding:15px 6vw 0}.project-detail .footer-art{margin-left:-6vw;margin-right:-6vw}.next-project span{font-size:20px}.footer-email{font-size:16px}.footer-line{flex-wrap:wrap}.home-meta>span:first-child{max-width:130px}.scroll-cue{bottom:82px;font-size:8px;white-space:nowrap}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.folder-file,.folder-front,.folder-card{transition:none}.scroll-cue span{animation:none}.project-detail{animation:none}}