:root{--bg:#f3f1ec;--surface:#fff;--text:#161616;--muted:#6e6c67;--line:#d9d6cf;--accent:#3e5ee8;--soft:#e9edff;--radius:18px;--shadow:0 18px 55px rgba(25,24,21,.08);--sans:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--serif:Georgia,"Times New Roman",serif}html[data-theme="dark"]{--bg:#171717;--surface:#222;--text:#f4f1ea;--muted:#aaa59d;--line:#3a3936;--accent:#93a6ff;--soft:#282d42;--shadow:0 18px 55px rgba(0,0,0,.2)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);transition:background .25s,color .25s}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}img{display:block;max-width:100%}::selection{background:var(--accent);color:#fff}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.wrap{width:min(1180px,calc(100% - 48px));margin-inline:auto}.progress{position:fixed;z-index:100;top:0;left:0;right:0;height:3px}.progress span{display:block;width:0;height:100%;background:var(--accent)}.site-header{position:sticky;z-index:50;top:0;height:78px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 max(24px,calc((100% - 1180px)/2));background:color-mix(in srgb,var(--bg) 92%,transparent);border-bottom:1px solid transparent;backdrop-filter:blur(14px);transition:border-color .25s}.site-header.scrolled{border-color:var(--line)}.logo{font-size:20px;font-weight:750;letter-spacing:-.04em}.logo span{color:var(--accent)}nav{display:flex;gap:30px}nav a{position:relative;color:var(--muted);font-size:13px;font-weight:600}nav a:hover,nav a.active{color:var(--text)}nav a.active::after{content:"";position:absolute;left:0;right:0;bottom:-12px;height:2px;background:var(--accent)}.theme-button{justify-self:end;width:38px;height:38px;border:1px solid var(--line);border-radius:50%;background:var(--surface);cursor:pointer}.theme-button:hover{border-color:var(--accent)}.menu-button{display:none}.banner{margin-top:24px;padding:0;border-radius:var(--radius);overflow:hidden;background:#000;box-shadow:var(--shadow)}.banner img{width:100%;aspect-ratio:2005/1154;object-fit:cover}.welcome{display:grid;grid-template-columns:1.2fr .8fr;gap:8vw;padding-top:100px;padding-bottom:115px}.kicker{margin:0 0 16px;color:var(--accent);font-size:12px;font-weight:750;text-transform:uppercase;letter-spacing:.12em}.welcome h1{margin:0;font-size:clamp(44px,6vw,78px);font-weight:650;letter-spacing:-.06em;line-height:1.02}.welcome-copy{align-self:end}.welcome-copy p{margin:0 0 15px;color:var(--muted);font-size:17px;line-height:1.7}.welcome-copy a{display:flex;justify-content:space-between;margin-top:38px;padding:15px 0;border-top:1px solid var(--line);font-size:13px;font-weight:700}.welcome-copy a span{color:var(--accent)}.section{padding:110px 0}.section-header{display:grid;grid-template-columns:1.4fr .6fr;align-items:end;gap:60px;margin-bottom:58px}.section-header>div{display:flex;align-items:baseline;gap:20px}.number{color:var(--accent);font-size:12px;font-weight:750}.section-header h2{margin:0;font-size:clamp(42px,5vw,68px);font-weight:650;letter-spacing:-.055em}.section-header>p{margin:0;color:var(--muted);font-size:15px;line-height:1.65}.photography-section{background:var(--surface)}.photo-grid{display:grid;grid-template-columns:1.45fr 1fr;grid-template-rows:repeat(2,320px);gap:16px}.photo-card{position:relative;padding:0;border:0;border-radius:14px;overflow:hidden;background:#111;cursor:zoom-in}.photo-card img{width:100%;height:100%;object-fit:cover;filter:grayscale(1);transition:transform .5s,filter .35s}.photo-card:hover img{transform:scale(1.025);filter:grayscale(.15)}.photo-card span{position:absolute;left:16px;bottom:16px;padding:7px 10px;border-radius:20px;background:rgba(0,0,0,.7);color:#fff;font-size:11px}.photo-large{grid-row:1/3}.section-note{margin:24px 0 0;color:var(--muted);font-size:12px}.music-section{background:#161616;color:#f5f3ed}.music-section .section-header>p{color:#aaa}.music-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}.album-art{position:relative;aspect-ratio:1;border-radius:14px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(135deg,#252525,#090909)}.album-art img{width:80%;opacity:.95}.album-art span{position:absolute;left:18px;top:18px;color:#aaa;font-size:10px;font-weight:700;letter-spacing:.13em}.track-list{border-top:1px solid #3b3b3b}.track{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;padding:22px 0;border-bottom:1px solid #3b3b3b}.track button{width:42px;height:42px;border:1px solid #555;border-radius:50%;background:transparent;color:#bbb}.track strong,.track span{display:block}.track strong{font-size:15px}.track span{margin-top:5px;color:#888;font-size:12px}.track time{color:#888;font-size:12px}.track-list>p{max-width:480px;margin:28px 0 0;color:#888;font-size:12px;line-height:1.6}.software-section{background:var(--soft)}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.project{min-height:420px;padding:28px;border:1px solid color-mix(in srgb,var(--accent) 18%,var(--line));border-radius:14px;background:var(--surface);display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s}.project:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.project-top{display:flex;justify-content:space-between;color:var(--muted);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.project-top b{color:var(--accent)}.project h3{margin:55px 0 18px;font-size:29px;line-height:1.05;letter-spacing:-.045em}.project p{margin:0;color:var(--muted);font-size:13px;line-height:1.65}.tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:24px}.tags span{padding:6px 9px;border-radius:20px;background:var(--soft);color:var(--muted);font-size:10px}.project>a{display:flex;justify-content:space-between;margin-top:auto;padding-top:20px;border-top:1px solid var(--line);font-size:12px;font-weight:700}.project>a b{color:var(--accent)}.blog-section{background:var(--surface)}.post-list{border-top:1px solid var(--line)}.post{display:grid;grid-template-columns:170px 1fr auto;gap:40px;align-items:center;padding:32px 0;border-bottom:1px solid var(--line)}.post time,.post>div>span{color:var(--muted);font-size:11px}.post>div>span{color:var(--accent);font-weight:700;text-transform:uppercase;letter-spacing:.08em}.post h3{margin:8px 0 6px;font-family:var(--serif);font-size:25px;font-weight:500}.post p{margin:0;color:var(--muted);font-size:13px}.post>a{display:grid;place-items:center;width:45px;height:45px;border:1px solid var(--line);border-radius:50%;color:var(--accent);transition:.2s}.post:hover>a{background:var(--accent);border-color:var(--accent);color:white}.contact{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:50px;padding-top:110px;padding-bottom:110px}.contact h2{margin:0;font-size:clamp(38px,4vw,58px);letter-spacing:-.05em}.contact>a{display:flex;justify-content:space-between;padding:18px 0;border-bottom:1px solid var(--line);color:var(--muted);font-size:18px}.contact>a span{color:var(--accent)}footer{padding:32px 0;background:#111;color:#aaa}footer .wrap{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;font-size:11px}footer p{margin:0}footer div div{display:flex;gap:24px}footer .wrap>a{justify-self:end}footer a:hover{color:#fff}.reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease}.reveal.visible{opacity:1;transform:none}#lightbox{width:100vw;height:100vh;max-width:none;max-height:none;padding:0;border:0;background:rgba(0,0,0,.96);color:#fff}#lightbox::backdrop{background:#000}#lightbox img{width:100%;height:calc(100% - 56px);object-fit:contain}#lightbox p{margin:17px 25px;color:#aaa;font-size:11px}#lightbox button{position:fixed;z-index:2;top:20px;right:22px;width:42px;height:42px;border:1px solid #777;border-radius:50%;background:#111;color:#fff;font-size:22px;cursor:pointer}@media(max-width:800px){.site-header{grid-template-columns:1fr auto auto;gap:12px;padding-inline:24px}.menu-button{display:block;width:38px;height:38px;padding:10px;border:1px solid var(--line);border-radius:50%;background:var(--surface)}.menu-button span{display:block;height:1px;margin:4px 0;background:var(--text)}nav{position:fixed;top:78px;left:0;right:0;display:none;flex-direction:column;gap:0;padding:12px 24px 24px;background:var(--bg);border-bottom:1px solid var(--line)}nav.open{display:flex}nav a{padding:13px 0;border-bottom:1px solid var(--line);font-size:15px}nav a.active::after{display:none}.welcome,.section-header,.music-layout,.contact{grid-template-columns:1fr}.welcome{gap:40px;padding-block:75px}.section{padding:80px 0}.section-header{gap:20px;margin-bottom:40px}.project-grid{grid-template-columns:1fr}.project{min-height:360px}.photo-grid{grid-template-rows:420px 250px}.post{grid-template-columns:110px 1fr auto;gap:20px}footer .wrap{grid-template-columns:1fr auto;gap:20px}footer .wrap>div{grid-row:2}footer .wrap>a{grid-column:2;grid-row:2}}@media(max-width:520px){.wrap{width:min(100% - 28px,1180px)}.banner{margin-top:14px;border-radius:10px}.welcome h1{font-size:11.5vw}.section-header>div{display:block}.number{display:block;margin-bottom:9px}.photo-grid{display:block}.photo-card{width:100%;height:300px;margin-bottom:12px}.photo-large{height:330px}.music-layout{gap:30px}.post{grid-template-columns:1fr auto}.post time{grid-column:1/3}.post p{display:none}.post>a{grid-column:2;grid-row:2}.contact{gap:30px}.contact>a{font-size:14px}footer .wrap{display:flex;flex-direction:column;align-items:flex-start;gap:20px}footer .wrap>a{align-self:flex-start}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}