:root{--bg: #ffffff;--bg-secondary: #f7f7f7;--text: #0a0a0a;--text-muted: #666666;--border: #e8e8e8;--card-bg: #f2f2f2;--tag-bg: #e8e8e8;--tag-text: #333333;--accent: #0a0a0a;--hover-opacity: .6;--transition: .2s ease}[data-theme=dark]{--bg: #0a0a0a;--bg-secondary: #111111;--text: #f0f0f0;--text-muted: #888888;--border: #1e1e1e;--card-bg: #141414;--tag-bg: #1e1e1e;--tag-text: #aaaaaa;--accent: #f0f0f0;--hover-opacity: .6}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background-color:var(--bg);color:var(--text);line-height:1.6;font-size:15px;transition:background-color var(--transition),color var(--transition);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{cursor:pointer;border:none;background:none;font-family:inherit}.container{max-width:960px;margin:0 auto;padding:0 32px}section{padding:96px 0}.section-label{font-size:11px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin-bottom:48px}h1,h2,h3{font-weight:400;letter-spacing:-.02em;line-height:1.15}.divider{width:100%;height:1px;background:var(--border)}.theme-toggle{display:flex;align-items:center;gap:8px;padding:4px;border-radius:100px;transition:opacity var(--transition);color:var(--text-muted);font-size:12px}.theme-toggle:hover{opacity:var(--hover-opacity)}.theme-toggle__track{width:32px;height:18px;border-radius:100px;background:var(--border);border:1px solid var(--border);position:relative;display:block;transition:background var(--transition)}[data-theme=dark] .theme-toggle__track{background:#2a2a2a;border-color:#333}.theme-toggle__thumb{position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:var(--text);transition:transform .2s ease,background var(--transition)}.theme-toggle__thumb--dark{transform:translate(14px)}.theme-toggle__icon{font-size:11px;-webkit-user-select:none;user-select:none}.navbar{position:fixed;top:0;left:0;right:0;z-index:100;padding:24px 0;transition:padding var(--transition),background var(--transition),border-color var(--transition);border-bottom:1px solid transparent}.navbar--scrolled{padding:16px 0;background:var(--bg);border-bottom-color:var(--border)}.navbar__inner{display:flex;align-items:center;justify-content:space-between}.navbar__logo{font-size:13px;font-weight:600;letter-spacing:.05em;color:var(--text);transition:opacity var(--transition)}.navbar__logo:hover{opacity:var(--hover-opacity)}.navbar__links{display:flex;gap:36px}.navbar__links a{font-size:13px;font-weight:400;color:var(--text-muted);transition:color var(--transition)}.navbar__links a:hover{color:var(--text)}@media (max-width: 600px){.navbar__links{gap:20px}}.hero{min-height:100vh;display:flex;align-items:center;padding-top:100px;padding-bottom:96px}.hero__inner{display:flex;align-items:flex-end;justify-content:space-between;gap:48px;width:100%}.hero__eyebrow{font-size:12px;font-weight:400;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:28px}.hero__title{font-size:clamp(40px,6vw,68px);font-weight:300;letter-spacing:-.03em;line-height:1.1;margin-bottom:32px;color:var(--text)}.hero__title em{font-style:italic;font-weight:300}.hero__sub{font-size:15px;color:var(--text-muted);line-height:1.7;margin-bottom:48px;max-width:420px}.hero__actions{display:flex;gap:12px;align-items:center}.btn{display:inline-flex;align-items:center;font-size:13px;font-weight:500;padding:10px 24px;border-radius:2px;transition:opacity var(--transition),background var(--transition),color var(--transition),border-color var(--transition);letter-spacing:.01em}.btn--primary{background:var(--text);color:var(--bg)}.btn--primary:hover{opacity:.75}.btn--ghost{border:1px solid var(--border);color:var(--text-muted)}.btn--ghost:hover{border-color:var(--text-muted);color:var(--text)}.hero__badge{flex-shrink:0;position:relative;width:120px;height:120px;display:flex;align-items:center;justify-content:center;align-self:flex-end;margin-bottom:8px}.hero__badge-ring{width:120px;height:120px;border-radius:50%;border:1px solid var(--border);position:relative;animation:spin 18s linear infinite;display:flex;align-items:center;justify-content:center}.hero__badge-ring span{position:absolute;width:100%;height:100%;font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted);display:flex;align-items:center;justify-content:center}.hero__badge-dot{position:absolute;width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 2px var(--bg),0 0 0 3px #22c55e}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hero__br{display:none}@media (max-width: 700px){.hero__inner{flex-direction:column;align-items:flex-start}.hero__badge{display:none}.hero__br{display:inline}}.work__list{display:flex;flex-direction:column}.work-card{display:grid;grid-template-columns:72px 1fr;gap:0 32px;padding:40px 0;border-top:1px solid var(--border);cursor:pointer;transition:background var(--transition)}.work-card:last-child{border-bottom:1px solid var(--border)}.work-card__meta{display:flex;flex-direction:column;gap:4px;padding-top:2px}.work-card__num{font-size:11px;font-weight:500;color:var(--text-muted);letter-spacing:.05em}.work-card__year{font-size:11px;color:var(--text-muted)}.work-card__body{display:flex;flex-direction:column;gap:16px}.work-card__header{display:flex;align-items:flex-start;justify-content:space-between}.work-card__title{font-size:22px;font-weight:400;letter-spacing:-.02em;color:var(--text);margin-bottom:4px;transition:opacity var(--transition)}.work-card:hover .work-card__title{opacity:.6}.work-card__cat{font-size:12px;color:var(--text-muted)}.work-card__arrow{font-size:18px;color:var(--text-muted);transition:transform var(--transition),color var(--transition);flex-shrink:0;margin-top:2px}.work-card:hover .work-card__arrow{transform:translate(3px,-3px);color:var(--text)}.work-card__desc{font-size:14px;color:var(--text-muted);line-height:1.7;max-width:600px}.work-card__tags{display:flex;flex-wrap:wrap;gap:8px}.tag{font-size:11px;font-weight:500;letter-spacing:.04em;padding:4px 10px;border-radius:2px;background:var(--tag-bg);color:var(--tag-text)}@media (max-width: 600px){.work-card{grid-template-columns:1fr;gap:12px}.work-card__meta{flex-direction:row;gap:12px}}.about__grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}.about__heading{font-size:clamp(26px,3.5vw,38px);font-weight:300;letter-spacing:-.025em;line-height:1.2;margin-bottom:32px;color:var(--text)}.about__text{font-size:14px;color:var(--text-muted);line-height:1.8;margin-bottom:16px}.about__text:last-child{margin-bottom:0}.about__skills{display:flex;flex-direction:column;gap:28px}.skill-group__label{font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin-bottom:10px}.skill-group__list{list-style:none;display:flex;flex-direction:column;gap:6px}.skill-group__list li{font-size:13px;color:var(--text);padding-left:12px;position:relative}.skill-group__list li:before{content:"—";position:absolute;left:0;color:var(--text-muted);font-size:11px}@media (max-width: 768px){.about__grid{grid-template-columns:1fr;gap:48px}}.contact{padding-top:0;padding-bottom:64px}.contact__top{margin-bottom:64px}.contact__inner{display:grid;grid-template-columns:200px 1fr;gap:48px;margin-bottom:96px}.contact__heading{font-size:clamp(32px,5vw,56px);font-weight:300;letter-spacing:-.03em;line-height:1.15;margin-bottom:24px;color:var(--text)}.contact__sub{font-size:14px;color:var(--text-muted);line-height:1.7;max-width:420px;margin-bottom:48px}.contact__links{list-style:none;display:flex;flex-direction:column;gap:0}.contact__links li{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-top:1px solid var(--border);max-width:440px}.contact__links li:last-child{border-bottom:1px solid var(--border)}.contact__link-label{font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);min-width:80px}.contact__link-value{font-size:13px;color:var(--text);display:flex;align-items:center;gap:6px;transition:opacity var(--transition)}.contact__link-value:hover{opacity:var(--hover-opacity)}.contact__link-arrow{font-size:11px;color:var(--text-muted);transition:transform var(--transition)}.contact__link-value:hover .contact__link-arrow{transform:translate(2px,-2px)}.contact__footer{display:flex;justify-content:space-between;align-items:center;padding-top:24px;border-top:1px solid var(--border)}.contact__footer p{font-size:11px;color:var(--text-muted);letter-spacing:.04em}@media (max-width: 768px){.contact__inner{grid-template-columns:1fr;gap:32px}}@media (max-width: 500px){.contact__footer{flex-direction:column;gap:8px;text-align:center}}