*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px}:root,html[data-theme=dark]{--bg-primary: #01020a;--bg-secondary: #0a0b14;--text-primary: #F8F8FD;--text-secondary: rgba(245, 245, 255, .55);--text-tertiary: rgba(245, 245, 255, .4);--border-color: #1a1b24;--project-bg: #0f1018}html[data-theme=light]{--bg-primary: ##fff;--bg-secondary: #FAFAFD;--text-primary: #01020A;--text-secondary: rgba(1, 2, 10, .6);--text-tertiary: rgba(1, 2, 10, .42);--border-color: rgba(1, 2, 10, .12);--project-bg: #E1E1E2}body{font-family:ArticulatCF,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6}header{position:fixed;top:0;width:100%;padding:2rem 4rem;display:flex;justify-content:center;align-items:center;background:transparent;z-index:1000}header>*{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:1600px}.logo{font-size:1.5rem;font-weight:600;letter-spacing:-.5px;text-decoration:none;color:var(--text-primary);transition:color .3s}.logo:hover{color:var(--text-secondary)}nav{display:flex;align-items:center;justify-content:flex-end;gap:2rem}nav a{text-decoration:none;color:var(--text-primary);font-size:1.125rem;font-family:ArticulatCF,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;transition:color .3s}nav a:hover{color:var(--text-secondary)}nav .nav-link{text-decoration:none;color:var(--text-primary);font-size:1.125rem;font-family:ArticulatCF,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;position:relative;display:inline-flex;align-items:center;gap:.5rem;transition:none;padding:.5rem .75rem;white-space:nowrap}.nav-link-text{display:inline-block;position:relative;overflow:hidden;height:1.2em;line-height:1.2;flex-shrink:0}.nav-link-label{display:block;transition:transform .3s cubic-bezier(.76,0,.24,1)}.nav-link-label:first-child{color:var(--text-primary)}.nav-link-label:last-child{position:absolute;top:100%;left:0;color:var(--text-secondary)}.nav-link:hover .nav-link-label:first-child{transform:translateY(-100%)}.nav-link:hover .nav-link-label:last-child{transform:translateY(-100%)}.nav-arrow{width:10px;height:10px;opacity:0;transform:translate(-8px) scaleX(0);transition:opacity .3s cubic-bezier(.76,0,.24,1),transform .3s cubic-bezier(.76,0,.24,1);flex-shrink:0;display:block;margin-left:0;transform-origin:left center}.nav-link:hover .nav-arrow{opacity:1;transform:translate(0) scaleX(1)}.nav-link-simple{display:block;color:var(--text-primary);transition:color .3s cubic-bezier(.76,0,.24,1)}.nav-link-mailto:hover .nav-link-simple{color:var(--text-secondary)}#theme-toggle{background:none;border:none;cursor:pointer;padding:.5rem;display:inline-flex;align-items:center;justify-content:center;color:var(--text-primary);transition:color .3s,transform .3s;border-radius:50%}#theme-toggle:hover{color:var(--text-secondary);transform:rotate(20deg)}#theme-toggle svg{transition:opacity .3s,transform .3s}html[data-theme=dark] .sun-icon,html[data-theme=light] .moon-icon{display:none}html[data-theme=dark] .moon-icon,html[data-theme=light] .sun-icon{display:block}:root .sun-icon{display:none}:root .moon-icon{display:block}.hero{display:flex;align-items:flex-start;justify-content:flex-start;padding:12rem 4rem 5rem}.hero h1{font-size:clamp(3rem,8vw,8rem);font-weight:200;letter-spacing:-.02em;line-height:1.1;max-width:100%;font-family:Zodiak,Georgia,serif}.work-grid{padding:0 4rem;display:grid;grid-template-columns:repeat(2,1fr);gap:3rem;scroll-margin-top:120px}.project{cursor:pointer;text-decoration:none;color:inherit;display:block;position:relative;background:var(--project-bg);border-radius:24px;overflow:hidden;aspect-ratio:4/3;transition:background .4s ease}.project:hover{background:#2a2a2a}html[data-theme=light] .project:hover{background:#3a3a3a}.project-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease,opacity .4s ease}.project:hover .project-image img{transform:scale(1.05);opacity:.3}.project h3{position:absolute;bottom:2rem;left:2rem;font-size:1.5rem;font-weight:500;color:#fff;margin:0;opacity:0;transform:translateY(10px);transition:opacity .4s ease,transform .4s ease;display:flex;align-items:center;gap:.75rem}.project h3:after{content:"";display:inline-block;width:1.25rem;height:1.25rem;background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20id='Layer_1'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2017.07%2013.15'%3e%3cdefs%3e%3cstyle%3e.cls-1{fill:none;stroke:%231a1a1a;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;}%3c/style%3e%3c/defs%3e%3cline%20class='cls-1'%20x1='16.32'%20y1='6.58'%20x2='.75'%20y2='6.69'/%3e%3cpolyline%20class='cls-1'%20points='10.49%20.75%2016.32%206.58%2010.49%2012.4'/%3e%3c/svg%3e");background-size:contain;background-repeat:no-repeat;background-position:center;filter:invert(1)}.project:hover h3{opacity:1;transform:translateY(0)}.project p{display:none}.about{max-width:800px;margin:8rem auto;padding:0 2rem;text-align:center}.about h2{font-size:2.5rem;font-weight:300;margin-bottom:2rem}.about p{font-size:1.125rem;color:var(--text-secondary);margin-bottom:1.5rem}footer{padding:8rem 4rem 3rem;margin-top:8rem;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:60vh}footer>*{width:100%;max-width:1600px}.footer-content{display:flex;flex-direction:column;gap:2rem}.footer-heading{font-size:4rem;font-weight:300;letter-spacing:-2px;line-height:1.2;margin:0;font-family:Zodiak,Georgia,serif;max-width:600px}.footer-cta{font-size:1rem;color:var(--text-secondary)}.footer-label{color:var(--text-secondary)}.footer-link{color:var(--text-primary);text-decoration:none;transition:color .3s ease}.footer-link:hover{color:var(--text-secondary)}.footer-copyright{font-size:.875rem;color:var(--text-secondary);margin:0}@media (max-width: 1024px){header{padding:2rem}.hero{padding:12rem 2rem 5rem}.work-grid{padding:0 2rem;gap:2rem}.about{padding:0 2rem}footer{padding:8rem 2rem 3rem}.footer-heading{font-size:3rem}}@media (max-width: 768px){header{position:relative;padding:2rem;flex-direction:row;justify-content:space-between;align-items:center;gap:1rem}.logo svg{width:32px;height:32px}nav{width:auto;flex-direction:row;gap:1.5rem;flex-wrap:nowrap;align-items:center}nav a{margin-left:0;font-size:1.125rem}nav .nav-link{margin-left:0;font-size:1.125rem;padding:0}nav .nav-link-mailto{margin-left:auto;color:var(--text-primary)}nav .nav-link-mailto:after{display:none}nav .nav-link-mailto .nav-arrow{width:12px;height:12px;opacity:1;transform:translate(0);margin-left:.25rem}#theme-toggle{margin-left:0;display:none}.hero{padding:1rem 1.5rem 4rem}.work-grid{padding:0 1.5rem;grid-template-columns:1fr;gap:2rem}.about h2{font-size:2rem}footer{padding:4rem 2rem 2rem;min-height:auto}.footer-heading{font-size:2.5rem;letter-spacing:-1px}.footer-cta{font-size:.95rem}.footer-copyright{margin-top:3rem}}.reveal-text{opacity:0;transform:translateY(-24px);transition:opacity 1.2s cubic-bezier(.16,1,.3,1),transform 1.2s cubic-bezier(.16,1,.3,1)}.reveal-text.revealed{opacity:1;transform:translateY(0)}.reveal-text[data-reveal-delay="1"]{transition-delay:.1s}.reveal-text[data-reveal-delay="2"]{transition-delay:.2s}.reveal-text[data-reveal-delay="3"]{transition-delay:.3s}.reveal-text[data-reveal-delay="4"]{transition-delay:.4s}.reveal-text[data-reveal-delay="5"]{transition-delay:.5s}@media (prefers-reduced-motion: reduce){.reveal-text{opacity:1;transform:none;transition:none}}