@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;0,700;1,400;1,600&family=Inter:wght@300;400;500;600&family=Space+Mono:wght@400;700&display=swap";:root{--bg:#f4f3f0;--ink:#111110;--muted:#7a7875;--rule:#dddbd7;--accent:#e8410a;--surface:#eceae6;--font-display:"Cormorant Garamond", Georgia, serif;--font-body:"Inter", system-ui, sans-serif;--font-mono:"Space Mono", monospace}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light only;scroll-behavior:smooth;background:#f4f3f0}body{font-family:var(--font-body);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.6;overflow-x:hidden;color:#111110!important;background:#f4f3f0!important}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.ticker-wrap{background:#111110;border-bottom:1px solid #111110;width:100%;padding:9px 0;overflow:hidden}.ticker-track{width:max-content;animation:28s linear infinite ticker;display:flex}.ticker-track span{font-family:var(--font-mono);color:#f4f3f0;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;padding:0 24px;font-size:10px}.ticker-track span.dot{color:#e8410a;padding:0 4px}@keyframes ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}.site-wrap{max-width:560px;margin:0 auto;padding:0 24px}.nav{justify-content:space-between;align-items:center;padding:20px 0 0;display:flex}.nav-name{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ink);font-size:10px}.lang-toggle{border:1px solid var(--rule);background:#f4f3f0;border-radius:100px;gap:0;display:flex;overflow:hidden}.lang-btn{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);cursor:pointer;background:0 0;border:none;padding:5px 14px;font-size:9px;transition:background .2s,color .2s}.lang-btn.active{background:var(--ink);color:#f4f3f0}.hero{text-align:left;padding:64px 0 0}.hero-eyebrow{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-bottom:12px;font-size:10px;display:block}.hero-name{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);margin-bottom:32px;font-size:clamp(72px,22vw,110px);font-weight:700;line-height:.9;display:block}.avatar-wrap{margin:0 0 32px}.avatar-ring{border:1.5px solid var(--rule);background:var(--surface);border-radius:50%;justify-content:center;align-items:center;width:88px;height:88px;display:flex;overflow:hidden}.avatar-initial{font-family:var(--font-display);color:var(--muted);font-size:32px;font-weight:600}.hero-tagline{font-family:var(--font-display);color:var(--ink);max-width:400px;margin-bottom:28px;font-size:clamp(18px,4.5vw,22px);font-style:italic;font-weight:400;line-height:1.5}.hero-tagline strong{font-style:normal;font-weight:600}.badge-row{flex-wrap:wrap;gap:8px;margin-bottom:56px;display:flex}.badge{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--ink);color:var(--ink);border-radius:100px;padding:5px 12px;font-size:9px}.badge.accent{background:var(--ink);color:#f4f3f0}.section{border-top:1px solid var(--rule);padding:56px 0}.section-eyebrow{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-bottom:28px;font-size:9px;display:block}.section-title{font-family:var(--font-display);letter-spacing:-.01em;color:var(--ink);margin-bottom:32px;font-size:clamp(32px,9vw,48px);font-weight:600;line-height:1.1}.pills{flex-wrap:wrap;gap:8px;display:flex}.pill{font-family:var(--font-body);border:1px solid var(--rule);color:var(--ink);background:#f4f3f0;border-radius:100px;padding:7px 16px;font-size:12px;font-weight:400;transition:border-color .2s,background .2s,color .2s}.pill:hover{border-color:var(--ink)}.link-list{flex-direction:column;display:flex}.link-row{border-bottom:1px solid var(--rule);cursor:pointer;color:var(--ink);justify-content:space-between;align-items:center;gap:16px;padding:20px 0;text-decoration:none;display:flex;position:relative;overflow:hidden}.link-row:before{content:"";background:var(--accent);width:0;height:1px;transition:width .35s cubic-bezier(.16,1,.3,1);position:absolute;bottom:0;left:0}.link-row:hover:before{width:100%}.link-row:first-child{border-top:1px solid var(--rule)}.link-left{flex:1;align-items:center;gap:14px;min-width:0;display:flex}.link-icon-wrap{border:1px solid var(--rule);background:var(--surface);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:16px;transition:border-color .2s;display:flex}.link-row:hover .link-icon-wrap{border-color:var(--ink)}.link-text-wrap{min-width:0}.link-title{font-family:var(--font-body);color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.link-sub{color:var(--muted);margin-top:1px;font-size:11px}.link-arrow{color:var(--muted);flex-shrink:0;font-size:16px;transition:transform .2s,color .2s}.link-row:hover .link-arrow{color:var(--accent);transform:translate(3px,-3px)}.link-row.featured .link-title{font-weight:600}.link-row.featured .link-arrow{color:var(--accent)}.social-row{flex-wrap:wrap;gap:10px;display:flex}.social-btn{border:1px solid var(--rule);width:42px;height:42px;color:var(--ink);background:#f4f3f0;border-radius:10px;justify-content:center;align-items:center;font-size:17px;transition:border-color .2s,background .2s,transform .2s;display:flex}.social-btn:hover{border-color:var(--ink);background:var(--ink);color:#f4f3f0;transform:translateY(-2px)}.about-stack{flex-direction:column;gap:0;display:flex}.about-block{border-bottom:1px solid var(--rule);padding:24px 0}.about-block:first-child{border-top:1px solid var(--rule)}.about-label{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-bottom:16px;font-size:9px;display:block}.expand-wrap{will-change:transform;border-radius:12px;overflow:hidden}.expand-inner{will-change:transform;width:100%;height:100%}.project-card{border:1px solid var(--rule);color:inherit;cursor:pointer;background:#fff;border-radius:12px;flex-direction:column;text-decoration:none;transition:border-color .2s,transform .2s;display:flex;overflow:hidden}.project-card:hover{border-color:var(--ink);transform:translateY(-2px)}.project-card-visual{width:100%;height:200px;overflow:hidden}.project-card-img{object-fit:cover;width:100%;height:100%;display:block}.project-card-body{padding:20px}.project-name{font-family:var(--font-display);color:var(--ink);margin-bottom:4px;font-size:18px;font-weight:600;line-height:1.2}.project-desc{color:var(--muted);margin-bottom:14px;font-size:12px}.project-card-footer{justify-content:space-between;align-items:center;display:flex}.project-badge{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;background:var(--accent);color:#fff;border-radius:100px;padding:3px 10px;font-size:8px;display:inline-block}.project-card-arrow{color:var(--muted);font-size:16px;transition:transform .2s,color .2s}.project-card:hover .project-card-arrow{color:var(--accent);transform:translate(3px,-3px)}.book-list{flex-direction:column;gap:12px;display:flex}.book-card{border:1px solid var(--rule);color:var(--ink);background:#fff;border-radius:12px;align-items:center;gap:14px;padding:16px;text-decoration:none;transition:border-color .2s;display:flex}.book-card:hover{border-color:var(--ink)}.book-cover{object-fit:cover;background:var(--rule);border:1px solid var(--rule);border-radius:4px;flex-shrink:0;width:42px;height:60px}.book-title{font-family:var(--font-display);margin-bottom:2px;font-size:14px;font-weight:600;line-height:1.3}.book-author{color:var(--muted);margin-bottom:8px;font-size:11px}.book-status{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;background:var(--ink);color:#f4f3f0;border-radius:100px;padding:3px 8px;font-size:8px;display:inline-block}.book-status.next{background:var(--muted)}.music-embed{border-radius:10px;overflow:hidden}.music-embed iframe{border:none;width:100%;display:block}.form-wrap{flex-direction:column;gap:10px;display:flex}.form-desc{color:var(--muted);margin-bottom:4px;font-size:13px;line-height:1.6}.form-input{background:var(--surface);border:1px solid var(--rule);font-family:var(--font-body);color:var(--ink);border-radius:8px;outline:none;width:100%;padding:13px 16px;font-size:13px;transition:border-color .2s}.form-input::placeholder{color:var(--muted)}.form-input:focus{border-color:var(--ink)}.form-submit{background:var(--ink);color:#f4f3f0;font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;border:none;border-radius:8px;padding:14px;font-size:10px;transition:background .2s}.form-submit:hover{background:var(--accent)}.portfolio-grid{flex-direction:column;gap:16px;display:flex}.portfolio-card{text-align:left;border:1px solid var(--rule);cursor:pointer;background:#fff;border-radius:12px;width:100%;padding:24px;transition:border-color .2s,transform .2s;display:block}.portfolio-card:hover{border-color:var(--ink);transform:translateY(-2px)}.portfolio-card-title{font-family:var(--font-display);color:var(--ink);margin-bottom:4px;font-size:clamp(18px,4vw,22px);font-weight:600;line-height:1.2}.portfolio-card-client{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:14px;font-size:9px}.portfolio-card-desc{color:var(--muted);margin-bottom:20px;font-size:13px;line-height:1.6}.portfolio-card-footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.portfolio-card-tags{flex-wrap:wrap;gap:6px;display:flex}.portfolio-tag{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--rule);color:var(--muted);background:var(--bg);border-radius:100px;padding:4px 10px;font-size:8px}.portfolio-card-arrow{color:var(--muted);flex-shrink:0;font-size:18px;transition:transform .2s,color .2s}.portfolio-card:hover .portfolio-card-arrow{color:var(--accent);transform:translate(3px,-3px)}.footer{border-top:1px solid var(--rule);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:32px 0 48px;display:flex}.footer-name{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:9px}.reveal{opacity:0;transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);transform:translateY(24px)}.reveal.visible{opacity:1;transform:translateY(0)}.site-nav{z-index:100;padding:0 24px;transition:background .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s;position:fixed;top:0;left:0;right:0}.site-nav--scrolled{-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--rule);background:#f4f3f0e0}.site-nav-inner{justify-content:space-between;align-items:center;max-width:560px;height:56px;margin:0 auto;display:flex}.site-wordmark{font-family:var(--font-mono);letter-spacing:.16em;text-transform:lowercase;color:var(--ink);font-size:10px;text-decoration:none}.hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;flex-shrink:0;justify-content:space-between;width:32px;height:24px;padding:0;display:flex}.hamburger span{background:var(--ink);transform-origin:50%;width:100%;height:1.5px;transition:transform .3s cubic-bezier(.16,1,.3,1),opacity .2s;display:block}.hamburger--close span:first-child{background:#f4f3f0;transform:translateY(11px)rotate(45deg)}.hamburger--close span:last-child{background:#f4f3f0;transform:translateY(-11px)rotate(-45deg)}.hero{padding-top:120px}.fullmenu{z-index:200;pointer-events:none;opacity:0;background:#111110;flex-direction:column;transition:opacity .35s cubic-bezier(.16,1,.3,1),transform .35s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;inset:0;transform:translateY(-16px)}.fullmenu--open{opacity:1;pointer-events:all;transform:translateY(0)}.fullmenu-inner{flex-direction:column;width:100%;max-width:560px;height:100%;margin:0 auto;padding:0 24px;display:flex}.fullmenu-bar{flex-shrink:0;justify-content:space-between;align-items:center;height:56px;display:flex}.fullmenu-wordmark{font-family:var(--font-mono);letter-spacing:.16em;text-transform:lowercase;color:#f4f3f066;font-size:10px}.fullmenu-nav{flex-direction:column;flex:1;justify-content:center;gap:0;padding:24px 0;display:flex}.fullmenu-link{font-family:var(--font-display);color:#f4f3f0;letter-spacing:-.01em;opacity:0;border-bottom:1px solid #f4f3f01a;align-items:center;gap:16px;padding:14px 0;font-size:clamp(32px,9vw,52px);font-weight:600;line-height:1.1;text-decoration:none;transition:opacity .4s cubic-bezier(.16,1,.3,1),transform .4s cubic-bezier(.16,1,.3,1),color .2s;display:flex;transform:translateY(20px)}.fullmenu--open .fullmenu-link{opacity:1;transform:translateY(0)}.fullmenu-link:hover{color:#e8410a}.fullmenu-link-num{font-family:var(--font-mono);color:#f4f3f04d;letter-spacing:.1em;flex-shrink:0;margin-top:4px;font-size:10px}.fullmenu-link-arrow{opacity:.3;flex-shrink:0;margin-left:auto;font-size:20px}.fullmenu-link:hover .fullmenu-link-arrow{opacity:1;color:#e8410a}.fullmenu-bottom{border-top:1px solid #f4f3f01a;flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:24px 0 32px;display:flex}.fullmenu-social{flex-wrap:wrap;gap:16px;display:flex}.fullmenu-social a{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:#f4f3f066;font-size:9px;text-decoration:none;transition:color .2s}.fullmenu-social a:hover{color:#f4f3f0}.fullmenu-lang{font-family:var(--font-mono);letter-spacing:.12em;color:#f4f3f04d;align-items:center;gap:8px;font-size:9px;display:flex}.fullmenu-lang button{cursor:pointer;font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:#f4f3f04d;background:0 0;border:none;padding:0;font-size:9px;transition:color .2s}.fullmenu-lang button.active,.fullmenu-lang button:hover{color:#f4f3f0}