@import"https://api.fontshare.com/v2/css?f[]=clash-display@400,500,600,700&display=swap";:root{--bg: #F2EDE4;--bg2: #EAE4D9;--ink: #0D0D0D;--ink2: #3A3A3A;--muted: rgba(13,13,13,.38);--pink: #FF2D55;--yellow: #FFE500;--surface: #E4DDD2;--border: rgba(13,13,13,.12);--display: "Clash Display", sans-serif;--serif: "Instrument Serif", serif;--mono: "Space Mono", monospace;--ease: cubic-bezier(.4, 0, .2, 1);--spring: cubic-bezier(.34, 1.56, .64, 1);--r: 10px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{overflow-x:hidden}body{font-family:var(--serif);background:var(--bg);color:var(--ink);overflow-x:hidden;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}button{font-family:inherit;cursor:pointer;border:none;background:none}::selection{background:var(--pink);color:#fff}#loader{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--ink);z-index:9000;display:flex;align-items:center;justify-content:center;overflow:hidden}.loader-word{font-family:var(--display);font-size:clamp(3.5rem,10vw,8rem);font-weight:700;color:var(--bg);letter-spacing:.04em;display:flex;gap:.04em}.loader-letter{display:inline-block;transform:translateY(120px);opacity:0}.loader-bar-wrap{position:absolute;bottom:48px;left:48px;right:48px;height:2px;background:#ffffff1a;border-radius:2px;overflow:hidden}.loader-bar{height:100%;width:0%;background:var(--pink);transition:width .06s linear}.loader-num{position:absolute;bottom:64px;right:48px;font-family:var(--mono);font-size:.65rem;color:#ffffff4d;letter-spacing:.12em}.nav{position:fixed;top:0;left:0;right:0;z-index:500;padding:22px 48px;display:flex;align-items:center;justify-content:space-between;mix-blend-mode:multiply}.nav.scrolled{background:#f2ede4eb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);mix-blend-mode:normal}.nav-logo{font-family:var(--display);font-size:1.4rem;font-weight:700;letter-spacing:.04em;color:var(--ink)}.nav-logo span{color:var(--pink)}.nav-links{display:flex;gap:32px;align-items:center}.nav-link{font-family:var(--mono);font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink2);transition:color .2s;display:flex;align-items:center;gap:6px;position:relative}.nav-link:hover,.nav-link.active{color:var(--pink)}.nav-dot{width:5px;height:5px;border-radius:50%;background:var(--pink);flex-shrink:0;animation:pulse-dot 2s ease infinite}.nav-cta{padding:9px 20px;background:var(--ink);color:var(--bg);font-family:var(--mono);font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;border-radius:var(--r);transition:background .2s,color .2s}.nav-cta:hover{background:var(--pink);color:#fff}.hero{padding:72px 48px 80px;display:flex;flex-direction:column;justify-content:flex-start;position:relative;overflow:hidden}.hero-bg-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:var(--display);font-size:clamp(10rem,28vw,28rem);font-weight:700;color:transparent;-webkit-text-stroke:1px rgba(13,13,13,.06);letter-spacing:-.02em;white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0}.hero-status{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:20px;opacity:0;position:relative;z-index:2}.status-dot{width:6px;height:6px;border-radius:50%;background:#22c55e;animation:pulse-dot 2.4s ease infinite}@keyframes pulse-dot{0%,to{box-shadow:0 0 #22c55e80}50%{box-shadow:0 0 0 5px #22c55e00}}.hero-name{position:relative;z-index:2;overflow:visible;margin-bottom:4px;line-height:1}.hero-greeting{font-family:var(--serif);font-size:clamp(1rem,2vw,1.6rem);font-style:italic;color:var(--muted);margin-bottom:0;letter-spacing:.01em;line-height:1.6}.hero-name-stack{position:relative}.hero-name-inner{font-family:var(--display);font-size:clamp(5.5rem,16vw,16rem);font-weight:700;line-height:.9;letter-spacing:-.02em;color:var(--ink);display:flex;gap:.04em;position:relative}.hero-name-front{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;pointer-events:none}.hero-name-letter{display:inline-block;cursor:pointer;position:relative;z-index:5}.hero-tagline-wrap{overflow:hidden;margin-bottom:40px;margin-top:6px}.hero-tagline{font-family:var(--display);font-size:clamp(2rem,4.5vw,5rem);font-weight:400;line-height:1.05;letter-spacing:-.01em;color:var(--ink2);transform:translateY(110%);white-space:nowrap}.hero-tagline em{color:var(--pink);font-style:italic}.tagline-pill{display:inline-flex;align-items:center;background:var(--pink);color:#fff;border-radius:100px;padding:4px 20px 6px;font-size:.38em;font-family:var(--mono);font-weight:400;letter-spacing:.1em;text-transform:uppercase;vertical-align:middle;position:relative;top:-4px}.hero-bottom{position:relative;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:40px;flex-wrap:wrap;opacity:0;transform:translateY(20px)}.hero-desc{font-family:var(--serif);font-size:1.15rem;font-style:italic;color:var(--ink2);line-height:1.75;max-width:380px}.hero-desc strong{font-style:normal;color:var(--ink)}.hero-actions{display:flex;gap:12px;flex-shrink:0}.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:14px 30px;background:var(--ink);color:var(--bg);font-family:var(--mono);font-size:.62rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;border-radius:var(--r);transition:background .2s,transform .2s}.btn-primary:hover{background:var(--pink);transform:translateY(-2px)}.btn-primary .btn-arrow{display:inline-block;transition:transform .25s var(--spring)}.btn-primary:hover .btn-arrow{transform:translateY(3px)}.btn-outline{display:inline-flex;align-items:center;gap:8px;padding:14px 30px;border:1.5px solid var(--border);color:var(--ink2);font-family:var(--mono);font-size:.62rem;font-weight:400;letter-spacing:.12em;text-transform:uppercase;border-radius:var(--r);transition:border-color .2s,color .2s,transform .2s}.btn-outline:hover{border-color:var(--ink);color:var(--ink);transform:translateY(-2px)}.btn-outline .btn-arrow{display:inline-block;transition:transform .25s var(--spring)}.btn-outline:hover .btn-arrow{transform:translate(4px)}.ticker-wrap{position:absolute;left:-10%;right:-10%;top:44%;transform:translateY(-50%) rotate(-3deg);overflow:hidden;z-index:5;pointer-events:none;border-top:1.5px solid rgba(255,255,255,.2);border-bottom:1.5px solid rgba(255,255,255,.2);padding:10px 0;background:#1b4fe4}.ticker-track{display:flex;gap:32px;white-space:nowrap;font-family:var(--mono);font-size:.62rem;letter-spacing:.16em;color:#fff;text-transform:uppercase;animation:ticker 20s linear infinite}.ticker-track span{flex-shrink:0}.ticker-track em{color:var(--yellow);font-style:normal;margin:0 4px}@keyframes ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}.section{padding:120px 48px;position:relative}.section+.section{border-top:1px solid var(--border)}.s-label{font-family:var(--mono);font-size:.58rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);display:block;margin-bottom:16px}.s-heading{font-family:var(--display);font-size:clamp(2.8rem,6vw,6rem);font-weight:700;line-height:1;letter-spacing:-.01em;color:var(--ink);margin-bottom:64px;overflow:hidden}.s-heading .line{display:block;overflow:hidden}.s-heading .line-inner{display:block;transform:translateY(110%)}.s-heading em{color:var(--pink);font-style:italic}.marquee-divider{border-top:1px solid var(--border);border-bottom:1px solid var(--border);overflow:hidden;background:var(--bg2)}.marquee-row{display:flex;gap:40px;white-space:nowrap;font-family:var(--mono);font-size:.72rem;letter-spacing:.14em;color:var(--ink2);text-transform:uppercase;padding:14px 0;animation:mq1 22s linear infinite}.marquee-row.reverse{animation:mq2 22s linear infinite}.marquee-row em{color:var(--pink);font-style:normal;font-size:.45rem}@keyframes mq1{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes mq2{0%{transform:translate(-50%)}to{transform:translate(0)}}.marquee-divider:hover .marquee-row{animation-play-state:paused}.projects-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.proj-card{border-radius:16px;padding:40px;position:relative;overflow:hidden;border:1px solid var(--border);background:var(--surface);transition:transform .4s var(--spring),box-shadow .4s;cursor:pointer;opacity:0;transform:translateY(40px)}.proj-card:hover{transform:translateY(-6px) scale(1.01);box-shadow:0 24px 60px #0d0d0d1f}.proj-card.featured{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.proj-card-bg{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .4s;pointer-events:none}.proj-card:hover .proj-card-bg{opacity:1}.proj-num{font-family:var(--mono);font-size:.55rem;letter-spacing:.1em;color:var(--muted);margin-bottom:24px;display:flex;align-items:center;gap:10px}.proj-num:after{content:"";flex:1;height:1px;background:var(--border)}.proj-cat{font-family:var(--mono);font-size:.55rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);display:block;margin-bottom:10px}.proj-title{font-family:var(--display);font-size:clamp(1.8rem,3vw,2.8rem);font-weight:700;letter-spacing:-.01em;color:var(--ink);margin-bottom:14px;line-height:1.05;transition:color .2s}.proj-card:hover .proj-title{color:var(--pink)}.proj-desc{font-family:var(--serif);font-size:.95rem;font-style:italic;color:var(--ink2);line-height:1.7;margin-bottom:24px}.proj-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:28px}.proj-tags span{font-family:var(--mono);font-size:.5rem;padding:4px 10px;border:1px solid var(--border);border-radius:4px;color:var(--muted);letter-spacing:.06em;transition:all .2s}.proj-card:hover .proj-tags span{border-color:var(--pink);color:var(--pink)}.proj-link{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:.58rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink);transition:color .2s}.proj-link:hover{color:var(--pink)}.proj-link .btn-arrow{display:inline-block;transition:transform .25s var(--spring)}.proj-link:hover .btn-arrow{transform:translate(3px,-3px)}.proj-icon-wrap{display:flex;align-items:center;justify-content:center;height:200px;border-radius:12px;background:#0d0d0d0d;transition:background .3s,transform .3s;overflow:hidden}.proj-card:hover .proj-icon-wrap{transform:scale(1.04) rotate(-2deg)}.proj-svg-icon{width:100px;height:100px;opacity:.7;transition:opacity .3s,transform .3s var(--spring)}.proj-card:hover .proj-svg-icon{opacity:1;transform:scale(1.08) rotate(-4deg)}.about-deco{position:absolute;bottom:40px;right:48px;font-family:var(--display);font-size:clamp(6rem,14vw,14rem);font-weight:700;color:transparent;-webkit-text-stroke:1.5px rgba(13,13,13,.06);line-height:1;pointer-events:none;-webkit-user-select:none;user-select:none;opacity:0}.about-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:80px;align-items:center}.about-what{font-family:var(--serif);font-size:clamp(1.2rem,2vw,1.5rem);font-style:italic;color:var(--ink);line-height:1.55;margin-bottom:28px;border-left:3px solid var(--pink);padding-left:20px}.about-body p{font-family:var(--serif);font-size:1rem;color:var(--ink2);line-height:1.85;margin-bottom:16px}.about-right{display:flex;flex-direction:column;gap:16px}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:28px 24px;transition:transform .3s var(--spring)}.stat-card:hover{transform:translateY(-4px)}.stat-num{font-family:var(--display);font-size:3.5rem;font-weight:700;color:var(--pink);line-height:1;margin-bottom:6px}.stat-label{font-family:var(--mono);font-size:.58rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.about-highlight{background:var(--ink);color:var(--bg);border-radius:14px;padding:24px}.about-highlight p{font-family:var(--serif);font-size:.9rem;font-style:italic;line-height:1.6;color:#f2ede4b3}.about-highlight strong{color:var(--yellow);font-style:normal}.contact-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:80px;align-items:center}.contact-heading{font-family:var(--display);font-size:clamp(2.8rem,5vw,5.5rem);font-weight:700;line-height:.95;letter-spacing:-.02em;color:var(--ink);margin-bottom:20px;overflow:hidden}.contact-heading .line{display:block;overflow:hidden}.contact-heading .line-inner{display:block;transform:translateY(110%)}.contact-heading em{color:var(--pink);font-style:italic}.contact-blurb{font-family:var(--serif);font-size:1rem;font-style:italic;color:var(--ink2);line-height:1.75;margin-bottom:32px;max-width:340px}.contact-links{display:flex;flex-direction:column}.ci-row{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid var(--border);font-family:var(--serif);font-size:1rem;color:var(--ink2);transition:color .2s}.ci-row:first-child{border-top:1px solid var(--border)}.ci-row:hover{color:var(--pink)}.ci-arrow{transition:transform .25s var(--spring);font-style:normal}.ci-row:hover .ci-arrow{transform:translate(3px,-3px)}.contact-right{display:flex;align-items:center;justify-content:center}.contact-form{display:flex;flex-direction:column;gap:12px;width:100%}.cf-field input,.cf-field textarea{width:100%;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r);padding:14px 18px;color:var(--ink);font-family:var(--serif);font-size:.95rem;transition:border-color .2s;outline:none}.cf-field input::placeholder,.cf-field textarea::placeholder{color:var(--muted);font-style:italic}.cf-field input:focus,.cf-field textarea:focus{border-color:var(--pink);background:#ff2d550a}.cf-field textarea{resize:vertical;min-height:110px}.btn-send{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px 32px;background:var(--ink);color:var(--bg);font-family:var(--mono);font-size:.62rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;border-radius:var(--r);border:none;width:100%;transition:background .2s,transform .2s}.btn-send:hover{background:var(--pink);transform:translateY(-2px)}.footer{border-top:1px solid var(--border);padding:20px 48px;display:flex;justify-content:space-between;align-items:center;font-family:var(--mono);font-size:.55rem;letter-spacing:.1em;color:var(--muted)}.footer a{transition:color .2s}.footer a:hover{color:var(--ink)}.footer-msg{cursor:pointer;transition:color .2s;-webkit-user-select:none;user-select:none}.footer-msg:hover{color:var(--pink)}.footer-hint{opacity:.4;font-size:.9em;transition:opacity .2s}.footer-msg:hover .footer-hint{opacity:1}@media(max-width:900px){.nav{padding:16px 20px}.nav-link:not(.nav-cta){display:none}.hero{padding:64px 20px 48px}.section,.about-section{padding:80px 20px}.projects-grid,.proj-card.featured{grid-template-columns:1fr}.about-grid{grid-template-columns:1fr;gap:40px}.about-right{flex-direction:column}.about-deco{display:none}.contact-layout{grid-template-columns:1fr;gap:40px}.contact-blurb{max-width:100%}.footer{padding:16px 20px;flex-direction:column;gap:8px;text-align:center}}@media(max-width:600px){.hero{padding:60px 16px 40px}.hero-name-inner{font-size:clamp(4rem,20vw,8rem)}.hero-tagline{font-size:clamp(1.6rem,6vw,3rem);white-space:normal}.hero-greeting{font-size:1rem}.hero-bottom{flex-direction:column;align-items:flex-start;gap:24px}.hero-actions{flex-direction:column;width:100%}.btn-primary,.btn-outline{width:100%;justify-content:center}.section{padding:60px 16px}.s-heading{font-size:clamp(2.2rem,8vw,3.5rem);margin-bottom:40px}.proj-card{padding:24px 20px}.proj-title{font-size:1.6rem}.proj-icon-wrap{height:140px}.proj-mono{font-size:3.5rem}.contact-heading,.contact-big{font-size:clamp(2rem,8vw,3.5rem)}.about-what{font-size:1rem}.footer{padding:16px;font-size:.5rem}.loader-bar-wrap{left:20px;right:20px}.loader-num{right:20px}}