*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--color-bg: #e8ddd3;--color-surface: #f5f0eb;--color-surface-alt: #ece5dd;--color-card: #faf7f4;--color-text: #2c2420;--color-text-secondary: #6b5e54;--color-text-muted: #9a8e84;--color-accent: #3d2e1e;--color-accent-warm: #8b5e3c;--color-border: #d9cfc5;--color-tag-bg: rgba(139, 94, 60, .12);--color-tag-text: #6b4226;--color-dark: #2c2420;--color-dark-surface: #3a322c;--font-serif: "DM Serif Display", Georgia, "Times New Roman", serif;--font-sans: "DM Sans", system-ui, -apple-system, sans-serif;--max-width: 1100px;--radius: 16px;--radius-sm: 10px;--radius-full: 100px;--hero-gradient: linear-gradient(135deg, #c7e0f4 0%, #f0d4c8 30%, #e8b89d 50%, #d4a989 70%, #b8cfe0 100%);--hero-overlay-1: rgba(220, 120, 80, .4);--hero-overlay-2: rgba(180, 210, 240, .5);--wave-fill-1: rgba(255,255,255,.18);--wave-fill-2: rgba(255,255,255,.12);--wave-fill-3: rgba(255,255,255,.08);--card-hover-shadow: rgba(0, 0, 0, .06)}[data-theme=dark]{--color-bg: #1a1714;--color-surface: #242019;--color-surface-alt: #2e2921;--color-card: #302b23;--color-text: #f0e8df;--color-text-secondary: #b8aa9a;--color-text-muted: #8a7d72;--color-accent: #d4b896;--color-accent-warm: #c49160;--color-border: #3e3830;--color-tag-bg: rgba(196, 145, 96, .15);--color-tag-text: #c9a47a;--color-dark: #f0e8df;--color-dark-surface: #3a322c;--hero-gradient: linear-gradient(135deg, #2a3a4a 0%, #3e2e24 30%, #4a3328 50%, #3a2e22 70%, #2a3540 100%);--hero-overlay-1: rgba(180, 90, 50, .3);--hero-overlay-2: rgba(100, 140, 180, .25);--wave-fill-1: rgba(255,255,255,.08);--wave-fill-2: rgba(255,255,255,.05);--wave-fill-3: rgba(255,255,255,.03);--card-hover-shadow: rgba(0, 0, 0, .2)}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-text);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .3s,color .3s}a{color:var(--color-accent);text-decoration:none;transition:color .2s}a:hover{color:var(--color-accent-warm)}::selection{background-color:var(--color-accent-warm);color:#fff}.nav{padding:0 4rem}.nav-inner{display:flex;justify-content:space-between;align-items:center;height:80px}.nav-logo{font-family:var(--font-serif);font-size:2.2rem;color:var(--color-text);letter-spacing:-.02em;line-height:1}.nav-cta{display:inline-flex;align-items:center;padding:.55rem 1.2rem;background:var(--color-dark);color:#fff;font-size:.82rem;font-weight:500;border-radius:var(--radius-full);border:none;cursor:pointer;transition:background .2s}.nav-cta:hover{background:var(--color-accent-warm);color:#fff}[data-theme=dark] .nav-cta,[data-theme=dark] .nav-cta:hover{color:#1a1714}.main-card{max-width:var(--max-width);margin:0 auto;background:var(--color-surface);border-radius:var(--radius);overflow:hidden;min-height:100vh;display:flex;flex-direction:column}.hero{padding:0 4rem 2rem}.hero-visual{width:100%;height:320px;border-radius:var(--radius);overflow:hidden;position:relative;background:var(--hero-gradient)}.hero-visual-overlay{position:absolute;inset:0;background:radial-gradient(circle at 60% 70%,var(--hero-overlay-1) 0%,transparent 50%),radial-gradient(circle at 30% 40%,var(--hero-overlay-2) 0%,transparent 50%)}.hero-waves{position:absolute;inset:0;overflow:hidden}.hero-wave{position:absolute;width:200%;min-width:1400px;bottom:0;left:-25%}.hero-wave-1{animation:wave-1 6s ease-in-out infinite}.hero-wave-2{animation:wave-2 8s ease-in-out infinite}.hero-wave-3{animation:wave-3 10s ease-in-out infinite}@keyframes wave-1{0%{transform:translate(0) scaleY(1)}50%{transform:translate(-8%) scaleY(1.15)}to{transform:translate(0) scaleY(1)}}@keyframes wave-2{0%{transform:translate(0) scaleY(1)}50%{transform:translate(10%) scaleY(.85)}to{transform:translate(0) scaleY(1)}}@keyframes wave-3{0%{transform:translate(0) scaleY(1)}33%{transform:translate(-6%) scaleY(1.1)}66%{transform:translate(6%) scaleY(.9)}to{transform:translate(0) scaleY(1)}}.projects{padding:0 4rem 4rem}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.project-card{background:var(--color-card);border-radius:var(--radius);padding:2rem;display:flex;flex-direction:column;gap:.6rem;transition:transform .2s,box-shadow .2s;cursor:default}.project-card:hover{transform:translateY(-3px);box-shadow:0 8px 30px var(--card-hover-shadow)}.project-tag{display:inline-flex;align-self:flex-start;font-size:.7rem;font-weight:500;padding:.25rem .7rem;border-radius:var(--radius-full);background:var(--color-tag-bg);color:var(--color-tag-text);letter-spacing:.02em}.project-name{font-family:var(--font-serif);font-size:1.5rem;font-weight:400;color:var(--color-text);margin:.25rem 0 0}.project-role{font-size:.85rem;font-weight:500;color:var(--color-text);margin:0}.project-desc{font-size:.85rem;color:var(--color-text-secondary);line-height:1.55;margin:0;flex:1}.project-period{font-size:.75rem;color:var(--color-text-muted);margin-top:.25rem}.footer{margin-top:auto;padding:2rem 4rem;display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.8rem;color:var(--color-text-muted);border-top:1px solid var(--color-border)}.footer a{color:var(--color-text-secondary);transition:color .2s}.footer a:hover{color:var(--color-text)}.footer-dot{opacity:.4}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:1px solid var(--color-border);background:transparent;cursor:pointer;color:var(--color-text);font-size:1.1rem;transition:background .2s,border-color .2s;line-height:1}.theme-toggle:hover{background:var(--color-surface-alt);border-color:var(--color-text-muted)}.nav-actions{display:flex;align-items:center;gap:.6rem}@media(max-width:900px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.nav{padding:0 1.5rem}.hero{padding:0 1.5rem 1.5rem}.hero-visual{height:200px}.projects{padding:0 1.5rem 3rem}.projects-grid{grid-template-columns:1fr}.footer{padding:1.5rem;flex-wrap:wrap;gap:.4rem}}