:root{--black:black;--white:white}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,sans-serif;background:var(--white);color:var(--black);overflow-x:hidden}h1{font-size:clamp(3rem,8vw,8rem);font-weight:900;line-height:.95;text-transform:uppercase}h2{font-size:3.5rem;font-weight:900;text-transform:uppercase;margin-bottom:1.5rem}h3{text-transform:uppercase}p{line-height:160%;margin-bottom:1.5rem}.content{padding:8rem}.hero{background:#fff}.hero h1{margin:0 0 3rem}.hero p{max-width:760px}.project-section.dark{background:#000;color:#fff}.project-section.light{background:#fff;color:#000}.project-section header p{max-width:760px;margin-top:.75rem;opacity:.8}.horiz-gallery-strip,.horiz-gallery-wrapper{display:flex;flex-wrap:nowrap}.project{padding:2rem 8rem;box-sizing:border-box}.project.format-16-9 .viewport,.project.format-4-3 .viewport,.project.format-9-16 .viewport{height:70vh}.project.format-9-16 .viewport{aspect-ratio:9/16}.project.format-16-9 .viewport{aspect-ratio:16/9}.project.format-4-3 .viewport{aspect-ratio:4/3}.viewport{position:relative;overflow:hidden;border:3px solid currentColor;background:#fff}.fixed img{width:100%;-o-object-fit:cover;object-fit:cover}.scroll img{position:absolute;width:100%;animation:20s linear infinite alternate scrollY}@keyframes scrollY{from{transform:translateY(0)}to{transform:translateY(-40%)}}.fade{position:relative}.fade img{position:absolute;inset:0;opacity:0;width:100%}.caption{max-width:620px;margin-top:1rem;font-size:.95rem;line-height:1.45}.resume h3{margin-top:10px;font-weight:900}.footer{background:#000;color:#fff}.footer p{margin:.5rem 0}.footer a{color:#fff}.tags{display:flex;flex-wrap:wrap;gap:.4rem;padding:0;margin:0;list-style:none;max-width:760px}.tags li{font-size:.75rem;line-height:1;padding:.35rem .6rem;border-radius:999px;background:rgba(0,0,0,.1);color:#000;white-space:nowrap}.dark .tags li{background:rgba(255,255,255,.2);color:#fff}a{color:#000;text-decoration:underline;text-underline-offset:3px;transition:color .15s,text-decoration-color .15s}.dark a{color:#fff}.c-scroll-indicator{position:relative;display:block;text-align:center}.c-scroll-indicator::before{content:"";position:absolute;left:50%;top:0;width:2px;height:50px;background:#000;transform:translateX(-50%);transform-origin:top;animation:1.2s cubic-bezier(1,0,0,1) infinite cLineGrow}.c-scroll-indicator__arrow{display:block;margin:0 auto;width:10px;height:10px;position:relative}.c-scroll-indicator__arrow::after{content:"";position:absolute;bottom:0;left:50%;width:8px;height:8px;border-right:2px solid #000;border-top:2px solid #000;transform:translateX(-50%) rotate(135deg)}.c-scroll-indicator__label{display:block;margin-top:12px;font-size:.7rem;font-weight:700;letter-spacing:.1rem;text-transform:uppercase;color:#000}.c-scroll-indicator--down{padding-top:50px}.c-scroll-indicator--up{position:fixed;right:20px;bottom:20px;padding:10px 10px 60px;z-index:1000;cursor:pointer;opacity:0;pointer-events:none;transform:translateY(20px);background:rgba(255,255,255,.8)}.c-scroll-indicator--up::before{top:auto;bottom:10px;transform-origin:bottom;animation:1.2s cubic-bezier(1,0,0,1) infinite cLineGrowUp}.c-scroll-indicator--up .c-scroll-indicator__arrow::after{top:0;bottom:auto;transform:translateX(-50%) rotate(-45deg)}.c-scroll-indicator--up .c-scroll-indicator__label{margin-top:0;margin-bottom:12px}@keyframes cLineGrow{0%{transform:translateX(-50%) scaleY(0);transform-origin:top}50%{transform:translateX(-50%) scaleY(1);transform-origin:top}50.1%{transform:translateX(-50%) scaleY(1);transform-origin:bottom}100%{transform:translateX(-50%) scaleY(0);transform-origin:bottom}}@keyframes cLineGrowUp{0%{transform:translateX(-50%) scaleY(0);transform-origin:bottom}50%{transform:translateX(-50%) scaleY(1);transform-origin:bottom}50.1%{transform:translateX(-50%) scaleY(1);transform-origin:top}100%{transform:translateX(-50%) scaleY(0);transform-origin:top}}@media (max-width:768px){body{overflow-x:hidden}.content{padding:3rem 1.5rem}.hero h1{font-size:clamp(2.5rem,10vw,4rem)}.hero p{font-size:1rem;margin-top:1.5rem}.project-section h2,.resume h2{font-size:2.2rem}.horiz-gallery-wrapper{overflow:visible}.horiz-gallery-strip{flex-direction:column;transform:none!important}.project{padding:2rem 0}.project.format-4-3 .viewport,.project.format-9-16 .viewport{height:auto;width:100%}.project.format-9-16 .viewport{aspect-ratio:3/4}.project.format-4-3 .viewport{aspect-ratio:4/3}.fixed img{position:relative}.scroll img{animation-duration:14s}.fade img{animation-duration:12s}.caption{max-width:100%;font-size:.9rem;margin-top:.75rem;padding:1.5rem}.footer .content{padding:3rem 1.5rem}}@media (prefers-reduced-motion:reduce){.fade img,.scroll img{animation:none!important;transform:none!important;opacity:1!important}.horiz-gallery-strip{will-change:auto}}
/*# sourceMappingURL=style.css.map */