*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg: #f5f3ef;--ink: #161513;--ink-2: #5a5650;--ink-3: #9e9890;--accent: #c2410c;--border: rgba(22,21,19,.12);--serif: "Instrument Serif", Georgia, serif;--sans: "Outfit", system-ui, sans-serif}html{scroll-behavior:smooth;scroll-snap-type:y mandatory;scroll-padding-top:0}body{font-family:var(--sans);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;line-height:1.6}.section{min-height:100vh;scroll-snap-align:start;display:flex;align-items:center;padding:80px;position:relative}.section-inner{width:100%;max-width:1100px;margin:0 auto}.reveal{opacity:0;transform:translateY(24px);transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1)}.reveal.visible{opacity:1;transform:translateY(0)}.d1{transition-delay:.08s}.d2{transition-delay:.16s}.d3{transition-delay:.24s}.d4{transition-delay:.32s}.d5{transition-delay:.4s}.nav{position:fixed;top:0;left:0;right:0;padding:20px 40px;display:flex;justify-content:space-between;align-items:center;z-index:100;mix-blend-mode:difference;opacity:0;transform:translateY(-20px);transition:opacity .4s ease,transform .4s ease;pointer-events:none}.nav.visible{opacity:1;transform:translateY(0);pointer-events:auto}.nav-logo{font-family:var(--sans);font-size:18px;font-weight:700;color:#fff;text-decoration:none;letter-spacing:-.5px}.nav-links{display:flex;gap:32px}.nav-links a{font-size:14px;font-weight:500;color:#fff;text-decoration:none;opacity:.7;transition:opacity .2s}.nav-links a:hover{opacity:1}.hero{background:var(--bg);position:relative;overflow:hidden}.hero-logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:var(--sans);font-size:clamp(10rem,22vw,20rem);font-weight:700;color:var(--ink);opacity:1;transition:all .8s cubic-bezier(.16,1,.3,1);z-index:10;pointer-events:none;white-space:nowrap;letter-spacing:2px}.hero-logo.shrink{top:20px;left:40px;transform:translate(0);font-size:18px;font-weight:700;letter-spacing:-.5px;opacity:0}.hero-content{position:relative;z-index:5;margin-top:35vh}.hero-label{font-size:12px;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:var(--ink-3);margin-bottom:24px}.hero h1{font-family:var(--serif);font-size:clamp(2.5rem,5vw,4rem);line-height:1.1;letter-spacing:-1.5px;margin-bottom:16px}.hero h1 em{font-style:italic;color:var(--accent)}.hero-sub{font-size:18px;font-weight:300;color:var(--ink-2);max-width:480px;line-height:1.6;margin-bottom:32px}.hero-cta{display:flex;gap:12px}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;font-size:15px;font-weight:600;text-decoration:none;cursor:pointer;border:none;transition:all .2s}.btn-primary{background:var(--ink);color:var(--bg)}.btn-primary:hover{background:var(--accent)}.btn-ghost{background:transparent;color:var(--ink);border:1px solid var(--border)}.btn-ghost:hover{border-color:var(--ink)}.hero-scroll{position:absolute;bottom:40px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--ink-3);font-size:11px;letter-spacing:2px;text-transform:uppercase;animation:float 2.5s ease-in-out infinite}.hero-scroll .arrow{width:16px;height:16px;border-right:1.5px solid var(--ink-3);border-bottom:1.5px solid var(--ink-3);transform:rotate(45deg)}@keyframes float{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(6px)}}.about{background:var(--bg)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}.about-label{font-size:12px;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:var(--ink-3);margin-bottom:24px}.about h2{font-family:var(--serif);font-size:clamp(2rem,4vw,3.5rem);line-height:1.1;letter-spacing:-1px;margin-bottom:24px}.about p{font-size:16px;color:var(--ink-2);line-height:1.8;margin-bottom:16px}.about-quote{font-family:var(--serif);font-size:22px;font-style:italic;color:var(--ink);line-height:1.5;margin-top:32px;padding-left:24px;border-left:3px solid var(--accent)}.stats{display:flex;gap:48px;margin-top:48px}.stat-num{font-family:var(--serif);font-size:48px;line-height:1}.stat-label{font-size:13px;color:var(--ink-3);margin-top:4px}.work{background:var(--bg)}.work-label{font-size:12px;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:var(--ink-3);margin-bottom:24px}.work h2{font-family:var(--serif);font-size:clamp(2rem,4vw,3rem);letter-spacing:-1px;margin-bottom:48px}.projects{display:flex;flex-direction:column;gap:0}.project{display:grid;grid-template-columns:120px 1fr auto;gap:32px;align-items:center;padding:40px 0;border-bottom:1px solid var(--border);text-decoration:none;color:inherit;transition:all .3s;cursor:pointer}.project:first-child{border-top:1px solid var(--border)}.project:hover{padding-left:16px}.project-num{font-family:var(--serif);font-size:48px;color:#1615131a}.project h3{font-family:var(--serif);font-size:22px;margin-bottom:8px}.project p{font-size:15px;color:var(--ink-2);line-height:1.6}.project-tags{display:flex;gap:8px;margin-top:12px}.project-tag{font-size:12px;color:var(--ink-3);padding:2px 10px;border:1px solid var(--border)}.project-arrow{font-size:24px;color:var(--ink-3);transition:all .3s}.project:hover .project-arrow{color:var(--accent);transform:translate(8px)}.skills{background:#eeeae4}.skills-label{font-size:12px;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:var(--ink-3);margin-bottom:24px}.skills h2{font-family:var(--serif);font-size:clamp(2rem,4vw,3rem);letter-spacing:-1px;margin-bottom:48px}.skills-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.skill-card{padding:32px 28px;background:var(--bg);border:1px solid var(--border)}.skill-card h3{font-size:17px;font-weight:700;margin-bottom:8px;letter-spacing:-.25px}.skill-card p{font-size:14px;color:var(--ink-2);line-height:1.6}.skill-tools{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px}.skill-tool{font-size:12px;color:var(--ink-3);padding:2px 8px;border:1px solid var(--border)}.contact{background:var(--bg);text-align:center}.contact-inner{max-width:520px;margin:0 auto}.contact h2{font-family:var(--serif);font-size:clamp(2rem,4vw,3.5rem);letter-spacing:-1px;margin-bottom:16px}.contact p{font-size:16px;color:var(--ink-2);line-height:1.7;margin-bottom:32px}.contact-links{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-bottom:48px}.footer-line{color:var(--ink-3);font-size:13px;border-top:1px solid var(--border);padding-top:20px}.footer-line a{color:var(--ink-3);text-decoration:none;transition:color .2s}.footer-line a:hover{color:var(--accent)}@media(max-width:900px){.section{padding:60px 32px}.about-grid{grid-template-columns:1fr;gap:40px}.skills-grid{grid-template-columns:1fr}.project{grid-template-columns:60px 1fr auto;gap:16px}.project-num{font-size:32px}.nav{padding:16px 24px}.nav-links{gap:20px}.hero-logo{letter-spacing:-3px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.hero-logo,.nav{transition:none}}