*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--color-bg: #fafaf9;--color-bg-alt: #f5f5f4;--color-surface: #ffffff;--color-text: #1c1917;--color-text-secondary: #78716c;--color-text-tertiary: #a8a29e;--color-accent: #292524;--color-tech: #22d3ee;--color-border: #e7e5e4;--color-border-light: #f0efee;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-display: "Playfair Display", Georgia, serif;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1)}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{text-decoration:none;color:inherit}img{display:block;max-width:100%}:focus-visible{outline:2px solid var(--color-tech);outline-offset:3px;border-radius:2px}.skip-link{position:absolute;left:1rem;top:-100px;z-index:1100;padding:.65rem 1.1rem;background:var(--color-text);color:var(--color-bg);font-size:.8125rem;font-weight:500;letter-spacing:.02em;border-radius:8px;transition:top .2s var(--ease-out)}.skip-link:focus{top:1rem}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.nav{position:fixed;top:0;left:0;right:0;z-index:1000;padding:.9rem 0;background:#fafaf9cc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid transparent;transition:padding .4s var(--ease-out),background .4s var(--ease-out),border-color .4s var(--ease-out),box-shadow .4s var(--ease-out)}.nav.scrolled{background:#fafaf9eb;border-bottom-color:var(--color-border-light);box-shadow:0 1px 24px #1c19170a;padding:.65rem 0}.nav-inner{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;align-items:center;justify-content:space-between}.nav-logo{display:flex;align-items:center;gap:.6rem}.nav-logo-icon{width:30px;height:30px;flex-shrink:0;border-radius:8px;transition:transform .3s var(--ease-out)}.nav-logo:hover .nav-logo-icon{transform:translateY(-1px)}.nav-logo-text{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1rem;font-weight:600;letter-spacing:-.02em;color:var(--color-text)}.nav-logo-cursor{width:8px;height:1.05em;margin-left:1px;background:var(--color-tech);border-radius:1px;animation:cursorBlink 1.1s steps(1) infinite}@keyframes cursorBlink{0%,50%{opacity:1}50.01%,to{opacity:0}}@media(prefers-reduced-motion:reduce){.nav-logo-cursor{animation:none}}.nav-links{display:flex;gap:2.5rem}.nav-link{font-size:.8125rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-secondary);transition:color .3s ease;position:relative}.nav-link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--color-tech);transition:width .3s var(--ease-out)}.nav-link:hover{color:var(--color-text)}.nav-link:hover:after{width:100%}.nav-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px}.nav-toggle span{display:block;width:24px;height:1.5px;background:var(--color-text);transition:all .3s var(--ease-out)}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;background:var(--color-bg);overflow:hidden}.hero:before{content:"";position:absolute;top:-50%;right:-20%;width:800px;height:800px;border-radius:50%;background:radial-gradient(circle,rgba(168,162,158,.08) 0%,transparent 70%);pointer-events:none}.hero-content{text-align:center;padding:2rem}.hero-mark{width:60px;height:60px;margin:0 auto 1.75rem;display:block;opacity:0;transform:translateY(20px);animation:fadeUp .8s var(--ease-out) .1s forwards}.hero-greeting{font-size:.8125rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--color-text-tertiary);margin-bottom:1.5rem;opacity:0;transform:translateY(20px);animation:fadeUp .8s var(--ease-out) .2s forwards}.hero-title{font-family:var(--font-display);font-size:clamp(3rem,8vw,6rem);font-weight:400;letter-spacing:-.02em;line-height:1.05;margin-bottom:1rem;opacity:0;transform:translateY(30px);animation:fadeUp .8s var(--ease-out) .4s forwards}.hero-subtitle{font-size:1.125rem;font-weight:300;color:var(--color-text-secondary);letter-spacing:.05em;margin-bottom:2rem;opacity:0;transform:translateY(20px);animation:fadeUp .8s var(--ease-out) .6s forwards}.hero-divider{width:48px;height:2px;background:linear-gradient(90deg,#818cf8,var(--color-tech));border-radius:2px;margin:0 auto 2rem;opacity:0;animation:fadeUp .8s var(--ease-out) .7s forwards}.hero-desc{font-size:1rem;color:var(--color-text-secondary);max-width:420px;margin:0 auto 2.5rem;line-height:1.7;opacity:0;transform:translateY(20px);animation:fadeUp .8s var(--ease-out) .8s forwards}.hero-cta{display:inline-block;font-size:.8125rem;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:var(--color-text);border:1px solid var(--color-text);padding:.875rem 2.5rem;transition:all .3s var(--ease-out);opacity:0;transform:translateY(20px);animation:fadeUp .8s var(--ease-out) 1s forwards}.hero-cta:hover{background:var(--color-text);color:var(--color-bg)}.hero-scroll-indicator{position:absolute;bottom:2.5rem;left:50%;transform:translate(-50%);opacity:0;animation:fadeUp .8s var(--ease-out) 1.2s forwards}.scroll-line{width:1px;height:48px;background:linear-gradient(to bottom,var(--color-text-tertiary),transparent);animation:scrollPulse 2s ease-in-out infinite}.section{padding:8rem 0}.section-alt{background:var(--color-bg-alt)}.section-header{margin-bottom:4rem}.section-label{display:inline-block;font-size:.75rem;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:var(--color-text-tertiary);margin-bottom:1rem}.section-title{font-family:var(--font-display);font-size:clamp(2rem,4vw,3rem);font-weight:400;letter-spacing:-.01em;margin-bottom:.75rem}.section-desc{font-size:1.0625rem;color:var(--color-text-secondary);max-width:480px}.section-footer{margin-top:2rem;text-align:right}.section-all-link{display:inline-flex;align-items:center;gap:.35em;font-family:var(--font-sans);font-size:.875rem;font-weight:500;color:var(--color-secondary);text-decoration:none;letter-spacing:.02em;transition:color .2s}.section-all-link:hover{color:var(--color-tech)}.section-all-link .arrow{transition:transform .2s}.section-all-link:hover .arrow{transform:translate(3px)}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.card-grid-2{grid-template-columns:repeat(2,1fr)}.card-grid-1{grid-template-columns:1fr;max-width:500px}.card{display:block;background:var(--color-surface);border-radius:12px;overflow:hidden;border:1px solid var(--color-border-light);transition:all .5s var(--ease-out);opacity:0;transform:translateY(40px)}.card.visible{opacity:1;transform:translateY(0)}.card:hover{transform:translateY(-6px);box-shadow:0 20px 60px #00000014;border-color:var(--color-border)}.card-visual{height:220px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.card-visual-overlay{position:absolute;inset:0;opacity:0;transition:opacity .5s var(--ease-out)}.card:hover .card-visual-overlay{opacity:.05;background:var(--color-text)}.card-visual-brand{display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1;text-align:center;padding:1.5rem}.card-brand-tagline{font-family:var(--font-display);font-size:1.5rem;font-weight:500;color:#fffffff2;line-height:1.2;letter-spacing:-.01em}.card-brand-script{font-family:var(--font-display);font-size:1.75rem;font-weight:400;font-style:italic;color:#fffffff2;line-height:1.2}.card-visual-logo{width:75%;max-width:280px;height:auto;z-index:1;object-fit:contain;transition:transform .5s var(--ease-out)}.card:hover .card-visual-logo{transform:scale(1.05)}.travel-visual-2{background:linear-gradient(160deg,#2d3a3a,#3d4f4f,#4a5e5e)}.travel-visual-2 .card-brand-tagline{font-size:2rem;letter-spacing:.05em;text-transform:uppercase;font-family:var(--font-sans);font-weight:600;color:#ffffffe6}.travel-visual-2 .card-brand-tagline.accent{color:#d4a853;font-size:2rem}.travel-visual-3{background:linear-gradient(160deg,#1a1a2e,#16213e,#1a1a2e)}.travel-visual-3:after{content:"★";position:absolute;top:20px;right:24px;font-size:1.25rem;color:#d4af3799}.travel-visual-3 .card-brand-tagline{color:#ffffffd9;font-size:1.25rem}.travel-visual-3 .card-brand-tagline.accent{color:#d4af37;font-size:1.75rem}.hobby-visual-1{background:linear-gradient(160deg,#0a0a0a,#1a1a1a,#0f0f0f)}.hobby-visual-1 .photo-brand{font-family:var(--font-sans);font-weight:300;letter-spacing:.15em;text-transform:uppercase;font-size:1.125rem;color:#ffffffd9}.hobby-visual-1 .photo-brand.accent{color:#fff;font-weight:500;font-size:1.25rem}.hobby-visual-2{background:#000}.family-visual-1{background:repeating-linear-gradient(90deg,#fff 0px 18px,#e8d0e4 18px 36px)}.family-visual-1 .card-brand-script{color:#1e1b4b;font-style:italic}.family-visual-1 .card-brand-script.accent{color:#1e1b4b;font-style:normal}.card-content{padding:1.5rem}.card-date{font-size:.75rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-tertiary)}.card-title{font-family:var(--font-display);font-size:1.375rem;font-weight:500;margin:.375rem 0 .5rem}.card-desc{font-size:.9375rem;color:var(--color-text-secondary);margin-bottom:1rem}.card-link-text{font-size:.8125rem;font-weight:500;letter-spacing:.05em;color:var(--color-text);display:inline-flex;align-items:center;gap:.5rem}.card-link-text .arrow{transition:transform .3s var(--ease-out)}.card:hover .card-link-text .arrow{transform:translate(4px);color:var(--color-tech)}.about{padding-top:11rem}.about-layout{align-items:start}.about .contact-photo-wrapper{position:sticky;top:8rem}.text-link{color:var(--color-text);border-bottom:1px solid var(--color-border);transition:border-color .3s ease}.text-link:hover{border-color:var(--color-tech)}.about-cta{opacity:1;transform:none;animation:none}@media(max-width:768px){.about{padding-top:8rem}.about .contact-photo-wrapper{position:static}}.section-contact{background:var(--color-bg);padding:8rem 0}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.contact-photo-wrapper{border-radius:16px;overflow:hidden;opacity:0;transform:translateY(40px)}.contact-photo-wrapper.visible{opacity:1;transform:translateY(0);transition:all .8s var(--ease-out)}.contact-photo{width:100%;height:auto;display:block}.contact-info{opacity:0;transform:translateY(40px)}.contact-info.visible{opacity:1;transform:translateY(0);transition:all .8s var(--ease-out) .15s}.contact-text{font-size:1.0625rem;color:var(--color-text-secondary);line-height:1.7;margin-bottom:2rem;max-width:400px}.social-links{display:flex;gap:1rem;margin-bottom:2rem}.social-link{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;border:1px solid var(--color-border);color:var(--color-text-secondary);transition:all .3s var(--ease-out)}.social-link svg{width:20px;height:20px}.social-link:hover{background:var(--color-text);color:var(--color-bg);border-color:var(--color-text);transform:translateY(-2px)}.contact-email{font-size:.9375rem;color:var(--color-text-secondary);border-bottom:1px solid var(--color-border);padding-bottom:2px;transition:all .3s ease}.contact-email:hover{color:var(--color-text);border-color:var(--color-text)}.footer{background:var(--color-accent);padding:3rem 0}.footer-inner{display:flex;align-items:center;justify-content:space-between}.footer-left{display:flex;flex-direction:column;gap:.65rem}.footer-brand{display:flex;align-items:center;gap:.5rem}.footer-brand-icon{width:42px;height:auto;transition:transform .3s var(--ease-out)}.footer-brand:hover .footer-brand-icon{transform:translate(2px)}.footer-brand-text{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.95rem;font-weight:600;letter-spacing:-.02em;color:#ffffffeb}.footer-copy{font-size:.8125rem;color:#fff6}.footer-social{display:flex;align-items:center;gap:1rem}.footer-social-link{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;color:#ffffff80;transition:all .3s var(--ease-out)}.footer-social-link svg{width:18px;height:18px}.footer-social-link:hover{color:var(--color-tech)}.footer-email{font-size:.8125rem;color:#fff6;border-left:1px solid rgba(255,255,255,.15);padding-left:1rem;transition:color .3s ease}.footer-email:hover{color:var(--color-tech)}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}@keyframes scrollPulse{0%,to{opacity:.4;transform:scaleY(1)}50%{opacity:1;transform:scaleY(1.2);transform-origin:top}}@media(max-width:1024px){.card-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.nav-links{display:none;position:fixed;inset:0;background:#fafaf9fa;backdrop-filter:blur(20px);flex-direction:column;align-items:center;justify-content:center;gap:2rem;z-index:999}.nav-links.open{display:flex}.nav-links .nav-link{font-size:1.25rem;letter-spacing:.1em}.nav-toggle{display:flex;z-index:1001}.nav-toggle.active span:nth-child(1){transform:rotate(45deg) translate(4px,4px)}.nav-toggle.active span:nth-child(2){opacity:0}.nav-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(4px,-4px)}.section{padding:5rem 0}.card-grid,.card-grid-2{grid-template-columns:1fr}.contact-layout{grid-template-columns:1fr;gap:3rem;text-align:center}.contact-photo-wrapper{max-width:350px;margin:0 auto}.contact-info{display:flex;flex-direction:column;align-items:center}.contact-text{text-align:center}.social-links{justify-content:center}.footer-inner{flex-direction:column;gap:1.5rem;text-align:center}.footer-left{align-items:center}.footer-social{justify-content:center;flex-wrap:wrap}.footer-email{border-left:none;padding-left:0}.section-header{margin-bottom:3rem}}@media(max-width:480px){.container{padding:0 1.25rem}.hero-title{font-size:2.5rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.hero-mark,.hero-greeting,.hero-title,.hero-subtitle,.hero-divider,.hero-desc,.hero-cta,.hero-scroll-indicator,.card,.contact-photo-wrapper,.contact-info{opacity:1!important;transform:none!important}}