.playground{border:1px solid var(--border);background:radial-gradient(circle at 64% 44%,#d99a9e0e,#0000 35%),#fff9f2ad;border-radius:20px;min-height:520px;overflow:hidden}.playground-scene{cursor:crosshair;isolation:isolate;width:100%;min-height:520px;position:relative;overflow:hidden}.mini-terminal{border:1px solid var(--border);z-index:20;background:#fff9f2f0;border-radius:7px;width:170px;padding:15px 15px 13px;position:absolute;top:26px;left:25px;box-shadow:0 4px 18px #29232609}.mini-terminal-header{font-family:var(--font-mono), monospace;color:var(--charcoal);letter-spacing:.03em;border-bottom:1px solid #d8cac38c;justify-content:space-between;align-items:center;margin-bottom:5px;padding-bottom:10px;font-size:10px;font-weight:600;display:flex}.terminal-status-dot{border:1px solid var(--mulberry);background:var(--rose);transform-origin:50%;border-radius:50%;width:7px;height:7px}.mini-terminal-body{font-family:var(--font-mono), monospace;color:var(--charcoal);font-size:10px;line-height:1.45}.mini-terminal-body p{margin:6px 0}.mini-terminal-body button{width:100%;color:var(--charcoal);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;margin:3px 0;padding:1px 0;transition:color .15s,transform .15s;display:block}.mini-terminal-body button:hover{color:var(--mulberry);transform:translate(2px)}.terminal-command{color:var(--mulberry)}.terminal-muted{color:var(--muted);font-size:9px}.terminal-input{color:var(--mulberry);align-items:center;gap:4px;display:flex}.terminal-block{background:var(--charcoal);width:5px;height:8px;animation:1s step-end infinite cursorBlink;display:inline-block}.playground-art{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;inset:0}.playground-path{fill:none;stroke:#74686d6b;stroke-width:1.15px;stroke-linecap:round;stroke-dasharray:4 7}.playground-path.active{stroke:#c85f7ca3}.playground-shape{transform-box:fill-box;transform-origin:50%}.shape-line{fill:#fff9f22e;stroke-width:1px;vector-effect:non-scaling-stroke}.shape-line.rose{stroke:#8d315d78}.shape-line.neutral{stroke:#74686d61}.static-node{stroke-width:1px;vector-effect:non-scaling-stroke;transform-box:fill-box;transform-origin:50%}.static-node.neutral{fill:#eadbcd;stroke:var(--muted)}.static-node.rose{fill:#c85f7c80;stroke:var(--rose)}.static-node.violet{fill:var(--violet);stroke:var(--violet)}.permanent-sparkle{font-family:var(--font-mono), monospace;opacity:.82;transform-box:fill-box;transform-origin:50%;font-size:11px}.permanent-sparkle.rose{fill:var(--rose)}.permanent-sparkle.violet{fill:var(--violet)}.permanent-sparkle.soft{fill:var(--soft-rose)}.permanent-sparkle.tiny{font-size:7px}.navigation-node-wrap{z-index:10;position:absolute;transform:translate(-50%,-50%)}.navigation-node-float{transform-origin:50%;width:34px;height:34px;position:relative}.navigation-node{cursor:pointer;background:#fff9f2eb;border-radius:50%;place-items:center;width:34px;height:34px;padding:0;display:grid;position:relative;box-shadow:0 0 0 5px #c85f7c0e,0 5px 14px #2923260b}.navigation-node.mulberry{border:1.5px solid var(--mulberry)}.navigation-node.rose{border:1.5px solid var(--rose)}.navigation-node.violet{border:1.5px solid var(--violet)}.navigation-node.soft{border:1.5px solid var(--soft-rose)}.navigation-node.neutral{border:1px solid var(--muted)}.navigation-node-core{border-radius:50%;width:17px;height:17px}.navigation-node.mulberry .navigation-node-core{background:var(--mulberry)}.navigation-node.rose .navigation-node-core{background:var(--rose)}.navigation-node.violet .navigation-node-core{background:var(--violet)}.navigation-node.soft .navigation-node-core{background:#d99a9e8c}.navigation-node.neutral .navigation-node-core{background:#eadbcd;width:13px;height:13px}.node-tooltip{border:1px solid var(--border);width:132px;color:var(--charcoal);font-family:var(--font-mono), monospace;pointer-events:none;z-index:30;background:#fff9f2f7;border-radius:6px;flex-direction:column;gap:3px;padding:11px 12px;font-size:10px;display:flex;position:absolute;box-shadow:0 6px 18px #2923260b}.node-tooltip strong{color:var(--charcoal);font-size:11px;font-weight:600}.node-tooltip>span:not(.node-tooltip-dot){color:var(--muted)}.node-tooltip-dot{background:var(--rose);border-radius:50%;width:6px;height:6px;position:absolute;top:9px;right:9px}.tooltip-bottom{top:calc(100% + 14px);left:50%;translate:-50%}.tooltip-top{bottom:calc(100% + 14px);left:50%;translate:-50%}.tooltip-left{top:50%;right:calc(100% + 14px);translate:0 -50%}.tooltip-right{top:50%;left:calc(100% + 14px);translate:0 -50%}.node-click-burst{pointer-events:none;width:1px;height:1px;color:var(--rose);z-index:50;position:absolute}.node-click-burst span{color:inherit;font-family:var(--font-mono), monospace;line-height:1;position:absolute;top:0;left:0}.playground-hint{border:1px solid var(--border);color:var(--muted);font-family:var(--font-mono), monospace;pointer-events:none;z-index:8;background:#fff9f2e0;border-radius:6px;padding:8px 10px;font-size:9px;position:absolute;bottom:16px;right:18px}@keyframes cursorBlink{0%,45%{opacity:1}46%,to{opacity:0}}@media (max-width:900px){.playground,.playground-scene{min-height:500px}.mini-terminal{width:154px;padding:13px;top:20px;left:20px}.node-projects{top:28%!important;left:43%!important}.node-about{top:47%!important;left:64%!important}.node-contact{top:54%!important;left:82%!important}.node-cv{top:17%!important;left:59%!important}.node-current{top:76%!important;left:56%!important}.node-tooltip{width:122px}}@media (max-width:640px){.playground,.playground-scene{min-height:455px}.mini-terminal{width:132px;padding:11px;top:14px;left:14px;transform:none}.mini-terminal-header{font-size:9px}.mini-terminal-body{font-size:8.5px}.terminal-muted{font-size:8px}.navigation-node-float,.navigation-node{width:30px;height:30px}.navigation-node-core{width:15px;height:15px}.navigation-node.neutral .navigation-node-core{width:11px;height:11px}.node-projects{top:30%!important;left:47%!important}.node-about{top:48%!important;left:66%!important}.node-contact{top:58%!important;left:80%!important}.node-cv{top:17%!important;left:65%!important}.node-current{top:77%!important;left:57%!important}.node-tooltip{width:108px;padding:9px 10px;font-size:9px}.node-tooltip strong{font-size:10px}.node-projects .node-tooltip{top:calc(100% + 12px);left:50%;right:auto;transform:translate(-50%)}.node-contact .node-tooltip{top:50%;left:auto;right:calc(100% + 10px);transform:translateY(-50%)}.playground-hint{font-size:8px;bottom:12px;right:12px}}
.hero-snapshot{max-width:1200px;margin:72px auto 0;padding-bottom:74px;position:relative}.snapshot-card{border:1px solid var(--border);background:#fff9f27a;border-radius:14px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1.18fr);align-items:stretch;padding:22px 26px;display:grid;position:relative}.snapshot-item{min-width:0;padding:4px 24px}.snapshot-item:first-child{padding-left:6px}.snapshot-item p{font-family:var(--font-mono), monospace;color:var(--charcoal);margin:8px 0 0;font-size:12px;line-height:1.65}.snapshot-label{font-family:var(--font-mono), monospace;color:var(--violet);letter-spacing:.06em;font-size:11px;font-weight:600}.snapshot-divider{background:#d8cac3b8;width:1px}.snapshot-location{justify-content:space-between;align-items:center;gap:20px;padding-right:6px;display:flex}.snapshot-globe{fill:none;stroke:#74686d94;stroke-width:1.1px;flex-shrink:0;width:48px;height:48px}.snapshot-footer{z-index:3;flex-direction:column;align-items:center;margin-top:34px;display:flex;position:relative}.scroll-explore{font-family:var(--font-mono), monospace;color:var(--rose);align-items:center;gap:9px;font-size:12px;font-weight:500;transition:color .16s;display:inline-flex}.scroll-explore:hover{color:var(--mulberry)}.scroll-sparkle{font-size:11px}.scroll-arrow{color:var(--rose);font-family:var(--font-mono), monospace;margin-top:5px;font-size:24px;line-height:1}.snapshot-flow-lines{pointer-events:none;opacity:.33;width:430px;height:100px;position:absolute;bottom:-4px;left:-56px;overflow:hidden}.snapshot-flow-lines svg{width:100%;height:100%}.snapshot-flow-lines path{fill:none;stroke:#c85f7c6b;stroke-width:1px;stroke-linecap:round}.snapshot-flow-lines circle{fill:var(--violet)}@media (max-width:900px){.hero-snapshot{margin-top:54px}.snapshot-card{grid-template-columns:1fr 1fr;gap:0;padding:8px 10px}.snapshot-divider{display:none}.snapshot-item{padding:18px}.snapshot-item:first-child,.snapshot-item:nth-child(3){border-bottom:1px solid #d8cac39e}.snapshot-item:first-child,.snapshot-item:nth-child(5){border-right:1px solid #d8cac39e}.snapshot-location{padding-right:18px}}@media (max-width:640px){.hero-snapshot{margin-top:44px;padding-bottom:60px}.snapshot-card{grid-template-columns:1fr}.snapshot-item{border-bottom:1px solid #d8cac39e;padding:18px 12px;border-right:0!important}.snapshot-item:last-child{border-bottom:0}.snapshot-location{padding-right:12px}.snapshot-flow-lines{opacity:.26;width:350px;left:-90px}}
.hero-shell{background:var(--canvas);min-height:100vh;padding:28px 56px 48px}.nav{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:32px;max-width:1200px;min-height:72px;margin:0 auto;display:flex}.brand{font-family:var(--font-mono), monospace;letter-spacing:-.02em;color:var(--charcoal);flex-shrink:0;align-items:center;gap:8px;font-size:20px;font-weight:600;display:inline-flex}.brand-sparkle{color:var(--rose);font-size:17px;line-height:1;transition:transform .22s,color .22s;display:inline-block;transform:translateY(-1px)}.brand:hover .brand-sparkle{color:var(--mulberry);transform:translateY(-1px)rotate(8deg)scale(1.08)}.nav-links{font-family:var(--font-mono), monospace;align-items:center;gap:30px;font-size:14px;display:flex}.nav-links a{transition:color .18s,transform .18s;position:relative}.nav-links a:hover{color:var(--mulberry)}.nav-links a:not(.cv-link):hover{transform:translateY(-1px)}.cv-link{border:1px solid var(--mulberry);color:var(--mulberry);border-radius:8px;padding:10px 16px;transition:color .18s,background .18s,border-color .18s,transform .18s}.nav-links a.cv-link:hover{background:var(--mulberry);border-color:var(--mulberry);color:var(--surface);transform:translateY(-2px)}.hero-grid{grid-template-columns:1fr .95fr;align-items:center;gap:64px;max-width:1200px;margin:0 auto;padding-top:64px;display:grid}.hero-copy{min-width:0}.terminal-line{font-family:var(--font-mono), monospace;color:var(--mulberry);letter-spacing:-.01em;margin:0 0 28px;font-size:17px}.hero-copy h1{font-family:var(--font-display), sans-serif;letter-spacing:-.055em;color:var(--charcoal);margin:0;font-size:clamp(54px,6vw,88px);font-weight:600;line-height:.98}.hero-copy h1 span{color:var(--mulberry)}.hero-description{max-width:520px;font-family:var(--font-body), sans-serif;color:var(--muted);margin:32px 0 0;font-size:19px;line-height:1.65}.hero-actions{align-items:center;gap:16px;margin-top:32px;display:flex}.primary-btn,.secondary-btn{min-height:48px;font-family:var(--font-mono), monospace;border-radius:10px;justify-content:center;align-items:center;padding:0 20px;font-size:14px;font-weight:500;transition:transform .18s,border-color .18s,background .18s,color .18s;display:inline-flex}.primary-btn{border:1px solid var(--mulberry);background:var(--mulberry);color:var(--surface)}.secondary-btn{border:1px solid var(--mulberry);color:var(--mulberry);background:0 0}.primary-btn:hover,.secondary-btn:hover{transform:translateY(-2px)}.primary-btn:hover{background:var(--rose);border-color:var(--rose)}.secondary-btn:hover{background:#8d315d0d}.primary-btn:active,.secondary-btn:active{transform:scale(.985)}.status{font-family:var(--font-mono), monospace;color:var(--muted);margin:32px 0 0;font-size:14px}.status strong{color:var(--violet);font-weight:500}@media (max-width:900px){.hero-shell{padding:20px 24px 40px}.nav-links{gap:14px}.hero-grid{grid-template-columns:1fr;gap:40px;padding-top:48px}.hero-copy{max-width:720px}}@media (max-width:640px){.hero-shell{padding:18px 20px 36px}.nav{min-height:64px}.brand{gap:6px;font-size:17px}.brand-sparkle{font-size:15px}.nav-links{gap:10px}.nav-links a:not(.cv-link){display:none}.cv-link{padding:8px 12px;font-size:12px}.hero-grid{padding-top:42px}.terminal-line{margin-bottom:22px;font-size:15px}.hero-copy h1{font-size:clamp(44px,13vw,58px)}.hero-description{margin-top:26px;font-size:17px}.hero-actions{flex-direction:column;align-items:stretch;margin-top:28px}.primary-btn,.secondary-btn{width:100%}.status{margin-top:28px;font-size:12px}}
.about-section{background:var(--canvas);padding:120px 56px 100px;position:relative;overflow:hidden}.about-inner{max-width:1200px;margin:0 auto;position:relative}.about-heading-row{margin-bottom:56px}.about-kicker{font-family:var(--font-mono), monospace;color:var(--mulberry);margin:0 0 14px;font-size:12px}.about-heading-row h2{font-family:var(--font-display), sans-serif;letter-spacing:-.055em;color:var(--charcoal);margin:0;font-size:clamp(62px,8vw,112px);font-weight:600;line-height:.9;display:inline-block;position:relative}.about-heading-sparkle{font-family:var(--font-mono), monospace;color:var(--rose);font-size:18px;position:absolute;top:4px;right:-34px}.about-grid{grid-template-columns:.9fr 1.1fr;align-items:center;gap:72px;display:grid}.about-visual{border:1px solid var(--border);background:radial-gradient(circle at 55% 45%,#6f50910f,#0000 34%),#fff9f299;border-radius:18px;min-height:410px;padding:22px;position:relative}.about-visual-label{font-family:var(--font-mono), monospace;color:var(--violet);font-size:10px}.about-orbit{width:100%;height:300px;margin-top:12px;position:relative}.orbit{border:1px dashed #74686d59;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.orbit-one{width:240px;height:150px;transform:translate(-50%,-50%)rotate(-12deg)}.orbit-two{width:180px;height:240px;transform:translate(-50%,-50%)rotate(25deg)}.about-center-node{border:1px solid var(--mulberry);background:var(--surface);width:64px;height:64px;color:var(--mulberry);font-family:var(--font-mono), monospace;border-radius:50%;place-items:center;font-size:14px;font-weight:600;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 8px #8d315d0d}.about-chip{border:1px solid var(--border);font-family:var(--font-mono), monospace;color:var(--charcoal);background:#fff9f2f2;border-radius:6px;padding:7px 9px;font-size:11px;position:absolute}.chip-web{top:24%;left:12%}.chip-mobile{top:17%;right:10%}.chip-ai{bottom:18%;right:9%}.chip-design{bottom:17%;left:11%}.about-star{font-family:var(--font-mono), monospace;pointer-events:none;position:absolute}.star-one{color:var(--rose);top:14%;left:31%}.star-two{color:var(--violet);top:42%;right:29%}.star-three{color:var(--soft-rose);bottom:13%;left:35%}.about-visual-footer{font-family:var(--font-mono), monospace;color:var(--muted);margin:0;font-size:11px;position:absolute;bottom:18px;left:22px}.about-copy{max-width:590px}.about-copy p{color:var(--muted);font-family:var(--font-body), sans-serif;margin:0 0 24px;font-size:18px;line-height:1.75}.about-copy .about-lead{color:var(--charcoal);font-family:var(--font-display), sans-serif;letter-spacing:-.03em;margin-bottom:28px;font-size:clamp(30px,3vw,44px);line-height:1.15}.about-lead span{color:var(--mulberry)}.about-mini-facts{flex-wrap:wrap;gap:10px 18px;margin-top:34px;display:flex}.about-mini-facts span{font-family:var(--font-mono), monospace;color:var(--violet);font-size:13px}.about-next{width:fit-content;color:var(--rose);font-family:var(--font-mono), monospace;cursor:pointer;align-items:flex-start;margin:72px 0 0 auto;display:flex;position:relative}.about-next-text{padding-top:6px;font-size:12px}.about-next-sparkle{margin:3px 6px 0;font-size:10px}.about-next-arrow{fill:none;width:110px;height:65px;stroke:var(--rose);stroke-width:1.2px;stroke-linecap:round;stroke-linejoin:round}@media (max-width:900px){.about-section{padding:96px 24px 80px}.about-grid{grid-template-columns:1fr;gap:48px}.about-visual{width:100%;max-width:620px}.about-copy{max-width:650px}}@media (max-width:640px){.about-section{padding-top:76px}.about-heading-row{margin-bottom:40px}.about-visual{min-height:350px}.about-orbit{height:245px}.orbit-one{width:190px;height:125px}.orbit-two{width:145px;height:195px}.about-copy p{font-size:16px}.about-next{margin-top:54px}}
.build-section{background:var(--surface);padding:120px 56px 110px;position:relative;overflow:hidden}.build-inner{z-index:2;max-width:1200px;margin:0 auto;position:relative}.build-heading{max-width:760px;margin-bottom:70px}.build-kicker{color:var(--violet);font-family:var(--font-mono), monospace;margin:0 0 14px;font-size:12px}.build-heading h2{color:var(--charcoal);font-family:var(--font-display), sans-serif;letter-spacing:-.055em;margin:0;font-size:clamp(58px,7vw,104px);font-weight:600;line-height:.92;display:inline-block;position:relative}.build-heading h2 span{color:var(--rose);font-family:var(--font-mono), monospace;font-size:17px;position:absolute;top:4px;right:-32px}.build-intro{max-width:660px;color:var(--muted);font-family:var(--font-body), sans-serif;margin:30px 0 0;font-size:18px;line-height:1.7}.build-grid{border-top:1px solid var(--border);border-left:1px solid var(--border);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.build-card{border-right:1px solid var(--border);border-bottom:1px solid var(--border);min-height:290px;padding:28px 30px 32px;transition:background .22s,transform .22s;position:relative;overflow:hidden}.build-card:hover{background:#f7f1e899}.build-card-top{justify-content:space-between;align-items:center;margin-bottom:58px;display:flex}.build-number{font-family:var(--font-mono), monospace;letter-spacing:.18em;color:var(--muted);font-size:11px}.build-marker{font-family:var(--font-mono), monospace;font-size:9px}.build-card h3{font-family:var(--font-display), sans-serif;letter-spacing:-.045em;margin:0;font-size:clamp(36px,4vw,62px);font-weight:600;line-height:.98}.build-card.mulberry h3,.build-card.mulberry .build-marker{color:var(--mulberry)}.build-card.rose h3,.build-card.rose .build-marker{color:var(--rose)}.build-card.violet h3,.build-card.violet .build-marker{color:var(--violet)}.build-card.soft h3,.build-card.soft .build-marker{color:var(--soft-rose)}.build-line{width:58px;margin:24px 0 18px;overflow:hidden}.build-line span{background:var(--border);width:100%;height:1px;transition:width .22s;display:block}.build-card:hover .build-line span{width:68%}.build-card p{max-width:440px;color:var(--muted);font-family:var(--font-mono), monospace;margin:0;font-size:11px;line-height:1.75}.build-card-sparkle{color:var(--soft-rose);font-family:var(--font-mono), monospace;opacity:0;font-size:10px;transition:opacity .18s,transform .18s;position:absolute;bottom:20px;right:24px;transform:translateY(4px)}.build-card:hover .build-card-sparkle{opacity:1;transform:translateY(0)}.build-card:after{content:"";pointer-events:none;border:1px dashed #d8cac3b3;border-radius:50%;width:74px;height:74px;position:absolute;top:-37px;right:-37px}.build-next{width:fit-content;color:var(--mulberry);font-family:var(--font-mono), monospace;align-items:center;gap:8px;margin:66px 0 0 auto;font-size:12px;display:flex}.build-next-arrow{color:var(--rose);margin-left:4px;font-size:20px}.build-doodle{opacity:.22;pointer-events:none;width:280px;position:absolute;top:95px;right:-35px}.build-doodle svg{width:100%}.build-doodle path{fill:none;stroke:var(--rose);stroke-width:1px;stroke-linecap:round}.build-doodle circle{fill:var(--violet)}@media (max-width:900px){.build-section{padding:96px 24px 88px}.build-grid{grid-template-columns:1fr}.build-card{min-height:250px}.build-doodle{opacity:.16}}@media (max-width:640px){.build-section{padding-top:78px}.build-heading{margin-bottom:50px}.build-intro{font-size:16px}.build-card{min-height:auto;padding:24px 22px 28px}.build-card-top{margin-bottom:44px}.build-card h3{font-size:42px}.build-next{margin-top:52px}}
.recall-demo{flex-direction:column;gap:14px;width:100%;padding-bottom:12px;display:flex}.recall-browser{border:1px solid var(--border);background:var(--surface);border-radius:16px;width:100%;overflow:hidden;box-shadow:0 18px 50px #29232611}.recall-browser-top{border-bottom:1px solid var(--border);min-height:42px;font-family:var(--font-mono), monospace;background:#f7f1e8e6;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:0 14px;display:grid}.recall-browser-dots{align-items:center;gap:6px;display:flex}.recall-browser-dots span{background:var(--soft-rose);border-radius:50%;width:7px;height:7px}.recall-browser-dots span:nth-child(2){background:var(--rose)}.recall-browser-dots span:nth-child(3){background:var(--violet)}.recall-browser-title{letter-spacing:.03em;color:var(--muted);justify-self:center;font-size:11px}.recall-browser-controls{justify-self:end;align-items:center;gap:12px;display:flex}.recall-mode-toggle{border:1px solid var(--border);background:#fff9f2b3;border-radius:6px;align-items:center;padding:2px;display:inline-flex}.recall-mode-toggle button{min-width:44px;font-family:var(--font-mono), monospace;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:4px;padding:5px 8px;font-size:8px;transition:background .18s,color .18s}.recall-mode-toggle button.active{color:var(--mulberry);background:#c85f7c1f}@media (hover:hover) and (pointer:fine){.recall-mode-toggle button:hover{color:var(--mulberry)}}.recall-mode-toggle button:focus-visible{outline:1px solid var(--violet);outline-offset:2px}.recall-browser-status{color:var(--mulberry);align-items:center;gap:6px;font-size:9px;display:inline-flex}.recall-browser-status-dot{background:var(--rose);border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #c85f7c14}.recall-screen-viewport{aspect-ratio:16/10;isolation:isolate;background:#f7f1e8b8;width:100%;position:relative;overflow:hidden}.recall-screen{object-fit:cover;object-position:center top;-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.recall-screen-scroll{object-position:center center}.recall-demo-cursor{pointer-events:none;z-index:20;width:24px;height:24px;position:absolute;translate:-3px -3px}.recall-demo-cursor-icon{filter:drop-shadow(0 2px 4px #29232624);width:100%;height:100%;display:block;overflow:visible}.recall-demo-cursor-icon path{fill:#c59bd7;stroke:#281f22;stroke-width:1.8px;stroke-linejoin:round;stroke-linecap:round}.recall-click-pulse{border:1px solid var(--rose);pointer-events:none;z-index:-1;background:#c85f7c1a;border-radius:50%;width:15px;height:15px;position:absolute;top:9px;left:10px}.recall-demo-progress{grid-template-columns:repeat(7,1fr);gap:0;margin-top:-2px;margin-bottom:8px;padding:0 4px;display:grid;position:relative}.recall-progress-step{min-width:0;font-family:var(--font-mono), monospace;color:var(--muted);cursor:pointer;appearance:none;background:0 0;border:0;border-radius:5px;flex-direction:column;align-items:center;gap:7px;padding:0 4px 4px;transition:color .18s,opacity .18s;display:flex;position:relative}.recall-progress-step:before{content:"";z-index:0;background:#d8cac3cc;width:100%;height:1px;position:absolute;top:4px;left:0}.recall-progress-step:first-child:before{width:50%;left:50%}.recall-progress-step:last-child:before{width:50%}.recall-progress-dot{border:1px solid var(--border);background:var(--surface);z-index:2;border-radius:50%;width:9px;height:9px;transition:background .22s,border-color .22s,box-shadow .22s,transform .22s;position:relative}.recall-progress-label{font-size:9px;line-height:1;transition:color .22s}.recall-progress-step.complete .recall-progress-dot{border-color:var(--soft-rose);background:var(--soft-rose)}.recall-progress-step.complete .recall-progress-label{color:var(--muted)}.recall-progress-step.active .recall-progress-dot{border-color:var(--mulberry);background:var(--rose);transform:scale(1.08);box-shadow:0 0 0 4px #c85f7c17}.recall-progress-step.active .recall-progress-label{color:var(--mulberry)}@media (hover:hover) and (pointer:fine){.recall-progress-step:hover .recall-progress-dot{border-color:var(--rose);transform:scale(1.18)}.recall-progress-step:hover .recall-progress-label{color:var(--mulberry)}.recall-progress-step.active:hover .recall-progress-dot{transform:scale(1.18)}}.recall-progress-step:focus-visible{outline:1px solid var(--violet);outline-offset:4px}.recall-demo:has(.recall-mode-toggle button:nth-child(2).active) .recall-demo-progress{grid-template-columns:repeat(4,1fr)}@media (max-width:900px){.recall-browser-top{grid-template-columns:auto 1fr auto;min-height:40px;padding:0 12px}.recall-browser-title{justify-self:center}.recall-browser-controls{gap:8px}.recall-mode-toggle button{min-width:40px;padding:4px 6px;font-size:7.5px}.recall-browser-title,.recall-browser-status{font-size:8px}.recall-demo-cursor{width:22px;height:22px}.recall-demo-progress{margin-bottom:6px}}@media (max-width:640px){.recall-demo{gap:12px;padding-bottom:10px}.recall-browser{border-radius:12px}.recall-browser-top{grid-template-columns:auto 1fr;gap:8px;min-height:40px;padding:5px 10px}.recall-browser-dots{gap:4px}.recall-browser-dots span{width:5px;height:5px}.recall-browser-title{display:none}.recall-browser-controls{justify-self:end;gap:7px}.recall-mode-toggle{padding:2px}.recall-mode-toggle button{min-width:38px;padding:4px 6px;font-size:7px}.recall-browser-status{gap:4px;font-size:7px}.recall-browser-status-dot{width:5px;height:5px}.recall-screen-viewport{aspect-ratio:16/10}.recall-demo-cursor{width:19px;height:19px}.recall-click-pulse{width:12px;height:12px;top:7px;left:8px}.recall-demo-progress{margin-top:0;margin-bottom:4px;padding:0}.recall-progress-step{gap:6px;padding:0 2px 4px}.recall-progress-dot{width:8px;height:8px}.recall-progress-label{font-size:7px}}@media (max-width:420px){.recall-browser-status{display:none}.recall-browser-controls{gap:0}.recall-mode-toggle button{min-width:36px;padding:4px 5px}.recall-progress-label{font-size:6.5px}}@media (prefers-reduced-motion:reduce){.recall-progress-dot,.recall-progress-label,.recall-progress-step,.recall-mode-toggle button{transition:none}.recall-demo-cursor,.recall-click-pulse{display:none}}
.eunora-demo{background:radial-gradient(circle at 50% 42%,#d99a9e14,#0000 45%),#fff9f266;flex-direction:column;gap:14px;width:100%;padding:22px 24px 14px;display:flex}.eunora-window{border:1px solid var(--border);background:var(--surface);border-radius:14px;width:100%;overflow:hidden;box-shadow:0 16px 42px #2923260f}.eunora-window-top{border-bottom:1px solid var(--border);min-height:40px;font-family:var(--font-mono), monospace;background:#f7f1e8eb;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;padding:0 13px;display:grid}.eunora-window-dots{align-items:center;gap:5px;display:flex}.eunora-window-dots span{background:var(--soft-rose);border-radius:50%;width:7px;height:7px}.eunora-window-dots span:nth-child(2){background:var(--rose)}.eunora-window-dots span:nth-child(3){background:var(--violet)}.eunora-window-title{letter-spacing:.03em;color:var(--muted);justify-self:center;font-size:11px}.eunora-window-status{color:var(--mulberry);justify-self:end;align-items:center;gap:6px;font-size:9px;display:inline-flex}.eunora-window-status-dot{background:var(--rose);border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #c85f7c14}.eunora-screen-stage{isolation:isolate;background:radial-gradient(circle,#6f50910b,#0000 52%),#f7f1e894;place-items:center;height:340px;padding:26px;display:grid;position:relative;overflow:hidden}.eunora-screen{object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none;z-index:2;background:#fff;border:1px solid #d8cac3d1;border-radius:8px;width:auto;max-width:88%;height:auto;max-height:290px;display:block;position:relative;box-shadow:0 12px 30px #29232612}.eunora-demo-cursor{pointer-events:none;z-index:10;width:23px;height:23px;position:absolute;translate:-3px -3px}.eunora-demo-cursor-icon{filter:drop-shadow(0 2px 4px #29232624);width:100%;height:100%;display:block;overflow:visible}.eunora-demo-cursor-icon path{fill:#c59bd7;stroke:#281f22;stroke-width:1.8px;stroke-linejoin:round;stroke-linecap:round}.eunora-click-pulse{border:1px solid var(--rose);pointer-events:none;z-index:-1;background:#c85f7c1a;border-radius:50%;width:15px;height:15px;position:absolute;top:9px;left:10px}.eunora-demo-progress{grid-template-columns:repeat(6,1fr);gap:0;margin-bottom:4px;padding:0 2px;display:grid;position:relative}.eunora-progress-step{min-width:0;font-family:var(--font-mono), monospace;color:var(--muted);cursor:pointer;appearance:none;background:0 0;border:0;border-radius:5px;flex-direction:column;align-items:center;gap:7px;padding:0 3px 4px;transition:color .18s,opacity .18s;display:flex;position:relative}.eunora-progress-step:before{content:"";z-index:0;background:#d8cac3cc;width:100%;height:1px;position:absolute;top:4px;left:0}.eunora-progress-step:first-child:before{width:50%;left:50%}.eunora-progress-step:last-child:before{width:50%}.eunora-progress-dot{border:1px solid var(--border);background:var(--surface);z-index:2;border-radius:50%;width:9px;height:9px;transition:background .22s,border-color .22s,box-shadow .22s,transform .22s;position:relative}.eunora-progress-label{white-space:nowrap;font-size:8px;line-height:1;transition:color .22s}.eunora-progress-step.complete .eunora-progress-dot{border-color:var(--soft-rose);background:var(--soft-rose)}.eunora-progress-step.complete .eunora-progress-label{color:var(--muted)}.eunora-progress-step.active .eunora-progress-dot{border-color:var(--mulberry);background:var(--rose);transform:scale(1.08);box-shadow:0 0 0 4px #c85f7c17}.eunora-progress-step.active .eunora-progress-label{color:var(--mulberry)}@media (hover:hover) and (pointer:fine){.eunora-progress-step:hover .eunora-progress-dot{border-color:var(--rose);transform:scale(1.18)}.eunora-progress-step:hover .eunora-progress-label{color:var(--mulberry)}}.eunora-progress-step:focus-visible{outline:1px solid var(--violet);outline-offset:4px}@media (max-width:900px){.eunora-demo{padding:20px 18px 12px}.eunora-window-top{min-height:38px;padding:0 11px}.eunora-window-title,.eunora-window-status{font-size:8px}.eunora-screen-stage{height:320px;padding:22px}.eunora-screen{max-width:92%;max-height:270px}.eunora-demo-cursor{width:21px;height:21px}}@media (max-width:640px){.eunora-demo{gap:12px;padding:16px 12px 10px}.eunora-window{border-radius:11px}.eunora-window-top{grid-template-columns:auto 1fr auto;gap:8px;min-height:35px;padding:0 9px}.eunora-window-dots{gap:4px}.eunora-window-dots span{width:5px;height:5px}.eunora-window-title{white-space:nowrap;text-overflow:ellipsis;justify-self:start;max-width:135px;font-size:7px;overflow:hidden}.eunora-window-status{gap:4px;font-size:7px}.eunora-window-status-dot{width:5px;height:5px}.eunora-screen-stage{height:270px;padding:18px 10px}.eunora-screen{max-width:94%;max-height:230px}.eunora-demo-cursor{width:18px;height:18px}.eunora-click-pulse{width:12px;height:12px;top:7px;left:8px}.eunora-demo-progress{grid-template-columns:repeat(3,1fr);row-gap:14px;padding:0}.eunora-progress-step:nth-child(3):before,.eunora-progress-step:nth-child(6):before{width:50%}.eunora-progress-step:nth-child(4):before{width:50%;left:50%}.eunora-progress-label{font-size:7px}}@media (max-width:420px){.eunora-window-status{display:none}.eunora-window-top{grid-template-columns:auto 1fr}.eunora-window-title{justify-self:end}.eunora-screen-stage{height:245px}.eunora-screen{max-height:210px}.eunora-progress-label{font-size:6.5px}}@media (prefers-reduced-motion:reduce){.eunora-progress-dot,.eunora-progress-label,.eunora-progress-step{transition:none}.eunora-demo-cursor,.eunora-click-pulse{display:none}}
.e2ee-demo{background:radial-gradient(circle at 50% 44%,#6f509112,#0000 48%),#fff9f26b;flex-direction:column;gap:14px;width:100%;padding:22px 24px 14px;display:flex}.e2ee-window{border:1px solid var(--border);background:var(--surface);border-radius:14px;width:100%;overflow:hidden;box-shadow:0 16px 42px #2923260f}.e2ee-window-top{border-bottom:1px solid var(--border);min-height:40px;font-family:var(--font-mono), monospace;background:#f7f1e8eb;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;padding:0 13px;display:grid}.e2ee-window-dots{align-items:center;gap:5px;display:flex}.e2ee-window-dots span{background:var(--soft-rose);border-radius:50%;width:7px;height:7px}.e2ee-window-dots span:nth-child(2){background:var(--rose)}.e2ee-window-dots span:nth-child(3){background:var(--violet)}.e2ee-window-title{letter-spacing:.03em;color:var(--muted);justify-self:center;font-size:11px}.e2ee-window-status{color:var(--mulberry);justify-self:end;align-items:center;gap:6px;font-size:9px;display:inline-flex}.e2ee-window-status-dot{background:var(--rose);border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #c85f7c14}.e2ee-video-stage{isolation:isolate;background:radial-gradient(circle,#c85f7c0a,#0000 50%),#f7f1e894;place-items:center;height:340px;padding:24px;display:grid;position:relative;overflow:hidden}.e2ee-video{object-fit:contain;z-index:2;background:#fff;border:1px solid #d8cac3d9;border-radius:9px;width:100%;height:100%;display:block;position:relative;box-shadow:0 14px 32px #29232613}.e2ee-video-glow{filter:blur(42px);pointer-events:none;z-index:1;background:#6f50910f;border-radius:50%;width:62%;height:54%;position:absolute}.e2ee-demo-footer{font-family:var(--font-mono), monospace;justify-content:space-between;align-items:center;gap:16px;padding:0 2px;display:flex}.e2ee-demo-flow{min-width:0;color:var(--muted);align-items:center;gap:7px;font-size:11px;line-height:1;display:flex}.e2ee-demo-flow span:nth-child(2n){color:var(--soft-rose)}.e2ee-demo-flow span:first-child,.e2ee-demo-flow span:last-child{color:var(--mulberry)}.e2ee-demo-caption{color:var(--muted);flex-shrink:0;font-size:10px;line-height:1}@media (max-width:900px){.e2ee-demo{padding:20px 18px 12px}.e2ee-window-top{min-height:38px;padding:0 11px}.e2ee-window-title,.e2ee-window-status{font-size:8px}.e2ee-video-stage{height:320px;padding:22px}.e2ee-demo-footer{gap:12px}.e2ee-demo-flow,.e2ee-demo-caption{font-size:7.5px}}@media (max-width:640px){.e2ee-demo{gap:12px;padding:16px 12px 10px}.e2ee-window{border-radius:11px}.e2ee-window-top{grid-template-columns:auto 1fr auto;gap:8px;min-height:35px;padding:0 9px}.e2ee-window-dots{gap:4px}.e2ee-window-dots span{width:5px;height:5px}.e2ee-window-title{white-space:nowrap;text-overflow:ellipsis;justify-self:start;max-width:150px;font-size:7px;overflow:hidden}.e2ee-window-status{gap:4px;font-size:7px}.e2ee-window-status-dot{width:5px;height:5px}.e2ee-video-stage{height:270px;padding:16px 10px}.e2ee-video{border-radius:7px}.e2ee-demo-footer{flex-direction:column;align-items:flex-start;gap:8px}.e2ee-demo-flow{justify-content:space-between;gap:4px;width:100%;font-size:7px}.e2ee-demo-caption{font-size:7px}}@media (max-width:420px){.e2ee-window-status{display:none}.e2ee-window-top{grid-template-columns:auto 1fr}.e2ee-window-title{justify-self:end;max-width:175px}.e2ee-video-stage{height:245px;padding:14px 8px}.e2ee-demo-flow,.e2ee-demo-caption{font-size:6.5px}}@media (prefers-reduced-motion:reduce){.e2ee-video-glow{display:none}}
.emotion-demo{background:radial-gradient(circle at 50% 42%,#6f509114,#0000 46%),#fff9f26b;flex-direction:column;gap:14px;width:100%;padding:22px 24px 14px;display:flex}.emotion-terminal{border:1px solid var(--border);background:#211d20;border-radius:14px;width:100%;overflow:hidden;box-shadow:0 16px 42px #29232613}.emotion-terminal-top{min-height:40px;font-family:var(--font-mono), monospace;background:#292326f5;border-bottom:1px solid #ffffff14;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;padding:0 13px;display:grid}.emotion-terminal-dots{align-items:center;gap:5px;display:flex}.emotion-terminal-dots span{background:var(--soft-rose);border-radius:50%;width:7px;height:7px}.emotion-terminal-dots span:nth-child(2){background:var(--rose)}.emotion-terminal-dots span:nth-child(3){background:var(--violet)}.emotion-terminal-title{letter-spacing:.03em;color:#fff9f2ad;justify-self:center;font-size:10px}.emotion-terminal-status{color:var(--soft-rose);justify-self:end;align-items:center;gap:6px;font-size:10px;display:inline-flex}.emotion-status-dot{background:var(--rose);border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #c85f7c1f}.emotion-terminal-body{font-family:var(--font-mono), monospace;color:#fff9f2e6;background:radial-gradient(circle at 10% 0,#6f509114,#0000 35%),#211d20;flex-direction:column;gap:16px;padding:20px;display:flex}.emotion-command{color:#fff9f2d1;align-items:center;gap:8px;font-size:11px;line-height:1.4;display:flex}.emotion-prompt{color:var(--rose)}.emotion-models{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.emotion-model{background:#ffffff06;border:1px solid #ffffff14;border-radius:10px;min-width:0;padding:14px}.emotion-model.best{background:#c85f7c0e;border-color:#c85f7c57}.emotion-model-heading{color:#fff9f2eb;justify-content:space-between;align-items:center;gap:10px;margin-bottom:13px;font-size:10px;line-height:1.25;display:flex}.emotion-best-label{letter-spacing:.02em;color:var(--soft-rose);background:#d99a9e14;border:1px solid #d99a9e47;border-radius:4px;flex-shrink:0;padding:4px 6px;font-size:8px}.emotion-metrics{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:14px;display:grid}.emotion-metrics div{flex-direction:column;gap:5px;display:flex}.emotion-metrics span{color:#fff9f273;font-size:9px;line-height:1}.emotion-metrics strong{color:var(--surface);font-size:14px;font-weight:500}.emotion-score{flex-direction:column;gap:7px;display:flex}.emotion-score-label{color:#fff9f27a;justify-content:space-between;align-items:center;gap:10px;font-size:9px;display:flex}.emotion-score-label span:last-child{color:var(--soft-rose)}.emotion-score-track{background:#ffffff14;border-radius:999px;width:100%;height:5px;position:relative;overflow:hidden}.emotion-score-fill{border-radius:inherit;background:linear-gradient(90deg, var(--mulberry), var(--rose), var(--soft-rose));height:100%}.emotion-divider{background:#ffffff12;width:100%;height:1px}.emotion-prediction{background:#00000014;border:1px solid #ffffff12;border-radius:9px;flex-direction:column;gap:8px;padding:13px 14px;display:flex}.emotion-input-label{text-transform:uppercase;letter-spacing:.06em;color:var(--violet);font-size:9px;line-height:1}.emotion-prediction p{color:#fff9f2b8;margin:0;font-size:10px;line-height:1.55}.emotion-result{color:#fff9f294;align-items:center;gap:8px;margin-top:2px;font-size:10px;display:flex}.emotion-result strong{color:var(--soft-rose);background:#c85f7c17;border:1px solid #c85f7c42;border-radius:5px;padding:4px 7px;font-size:10px;font-weight:500}.emotion-meta{font-family:var(--font-mono), monospace;justify-content:space-between;align-items:center;gap:14px;padding:2px;display:flex}.emotion-classes{flex-wrap:wrap;gap:6px;display:flex}.emotion-classes span{border:1px solid var(--border);color:var(--muted);background:#fff9f280;border-radius:5px;padding:5px 8px;font-size:10px;line-height:1.2}.emotion-test-size{color:var(--muted);flex-shrink:0;font-size:10px;line-height:1.2}@media (max-width:900px){.emotion-demo{padding:20px 18px 12px}.emotion-terminal-top{min-height:38px;padding:0 11px}.emotion-terminal-title,.emotion-terminal-status{font-size:9px}.emotion-terminal-body{gap:14px;padding:18px}.emotion-model{padding:12px}.emotion-metrics strong{font-size:13px}.emotion-classes span,.emotion-test-size{font-size:9.5px}}@media (max-width:640px){.emotion-demo{gap:12px;padding:16px 12px 10px}.emotion-terminal{border-radius:11px}.emotion-terminal-top{grid-template-columns:auto 1fr auto;gap:8px;min-height:35px;padding:0 9px}.emotion-terminal-dots{gap:4px}.emotion-terminal-dots span{width:5px;height:5px}.emotion-terminal-title{white-space:nowrap;text-overflow:ellipsis;justify-self:start;max-width:150px;font-size:8px;overflow:hidden}.emotion-terminal-status{gap:4px;font-size:8px}.emotion-status-dot{width:5px;height:5px}.emotion-terminal-body{gap:13px;padding:14px}.emotion-command{font-size:9px}.emotion-models{grid-template-columns:1fr}.emotion-model-heading{font-size:9px}.emotion-best-label,.emotion-metrics span,.emotion-score-label{font-size:8px}.emotion-metrics strong{font-size:12px}.emotion-input-label{font-size:8px}.emotion-prediction p,.emotion-result,.emotion-result strong{font-size:9px}.emotion-meta{flex-direction:column;align-items:flex-start;gap:9px}.emotion-classes span,.emotion-test-size{font-size:9px}}@media (max-width:420px){.emotion-terminal-status{display:none}.emotion-terminal-top{grid-template-columns:auto 1fr}.emotion-terminal-title{justify-self:end;max-width:175px}.emotion-terminal-body{padding:12px}.emotion-metrics{gap:8px}.emotion-prediction{padding:11px 12px}.emotion-classes span,.emotion-test-size{font-size:8px}}@media (prefers-reduced-motion:reduce){.emotion-score-fill{transition:none}}
.projects-section{background:var(--canvas);padding:130px 56px 120px;position:relative;overflow:hidden}.projects-inner{max-width:1200px;margin:0 auto}.projects-heading{max-width:720px;margin-bottom:72px}.projects-kicker{font-family:var(--font-mono), monospace;color:var(--mulberry);margin:0 0 14px;font-size:12px}.projects-heading h2{font-family:var(--font-display), sans-serif;letter-spacing:-.055em;color:var(--charcoal);margin:0;font-size:clamp(62px,8vw,112px);font-weight:600;line-height:.9;display:inline-block;position:relative}.projects-heading h2 span{font-family:var(--font-mono), monospace;color:var(--rose);font-size:17px;position:absolute;top:3px;right:-34px}.projects-heading>p:last-child{max-width:590px;font-family:var(--font-body), sans-serif;color:var(--muted);margin:30px 0 0;font-size:18px;line-height:1.7}.projects-layout{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;display:grid}.project-card{border:1px solid var(--border);background:#fff9f29e;border-radius:18px;transition:transform .22s,border-color .22s;overflow:hidden}.project-card:hover{border-color:#8d315d85;transform:translateY(-3px)}.project-card.featured{grid-column:1/-1;grid-template-columns:1.15fr .85fr;min-height:540px;display:grid}.project-card-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.project-number,.project-type{font-family:var(--font-mono), monospace;letter-spacing:.08em;font-size:9px}.project-number{color:var(--violet)}.project-type{color:var(--muted)}.project-visual{min-height:300px;position:relative;overflow:hidden}.featured .project-visual{grid-row:2}.recall-placeholder,.project-placeholder{background:radial-gradient(circle at 70% 35%, #6f509114, transparent 34%), var(--surface);width:100%;height:100%;min-height:350px;position:relative}.recall-placeholder{border-right:1px solid var(--border);font-family:var(--font-mono), monospace;flex-direction:column;justify-content:center;padding:42px;display:flex}.recall-placeholder>span:first-child{color:var(--violet);margin-bottom:22px;font-size:11px}.recall-search{border:1px solid var(--border);color:var(--muted);background:#f7f1e8b8;border-radius:9px;justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.recall-result{border:1px solid var(--border);color:var(--charcoal);background:#fff9f2e6;border-radius:9px;justify-content:space-between;margin-top:14px;padding:16px 18px;font-size:9px;display:flex}.project-visual-sparkle{font-family:var(--font-mono), monospace;color:var(--rose);position:absolute}.project-visual-sparkle.one{top:20%;right:17%}.project-visual-sparkle.two{color:var(--violet);font-size:9px;bottom:17%;left:12%}.project-placeholder{min-height:280px;font-family:var(--font-mono), monospace;color:var(--muted);place-items:center;font-size:11px;display:grid}.placeholder-cross{color:var(--soft-rose);font-size:18px;position:absolute;top:18px;right:22px}.project-copy{flex-direction:column;padding:30px;display:flex}.featured .project-copy{grid-area:2/2;justify-content:center;padding:48px 42px}.project-copy h3{font-family:var(--font-display), sans-serif;letter-spacing:-.045em;color:var(--charcoal);margin:0;font-size:clamp(38px,4vw,60px);font-weight:600;line-height:1}.featured .project-copy h3{color:var(--mulberry);font-size:clamp(52px,5vw,78px)}.project-copy>p{font-family:var(--font-body), sans-serif;color:var(--muted);margin:24px 0 0;font-size:16px;line-height:1.7}.project-stack{font-family:var(--font-mono), monospace;color:var(--violet);margin-top:26px;font-size:12px;line-height:1.8}.project-link{width:fit-content;font-family:var(--font-mono), monospace;color:var(--mulberry);align-items:center;gap:8px;margin-top:30px;font-size:12px;display:inline-flex}.project-link:after{content:"";width:0;position:absolute}.project-link span:last-child{transition:transform .18s}.project-link:hover span:last-child{transform:translate(3px,-3px)}.projects-footer{border-top:1px solid var(--border);font-family:var(--font-mono), monospace;color:var(--muted);justify-content:space-between;align-items:center;margin-top:44px;padding-top:20px;font-size:14px;display:flex}.projects-footer a{color:var(--mulberry)}@media (max-width:900px){.projects-section{padding:100px 24px 90px}.projects-layout{grid-template-columns:1fr}.project-card.featured{grid-column:auto;grid-template-columns:1fr}.featured .project-visual,.featured .project-copy{grid-area:auto}.recall-placeholder{border-right:0}}@media (max-width:640px){.projects-section{padding-top:80px}.projects-heading{margin-bottom:52px}.projects-heading>p:last-child{font-size:16px}.recall-placeholder{padding:26px}.recall-result{flex-direction:column;gap:5px}.featured .project-copy,.project-copy{padding:26px 22px}.projects-footer{flex-direction:column;align-items:flex-start;gap:12px}}
.contact-section{background:var(--canvas);padding:130px 56px 120px;position:relative;overflow:hidden}.contact-inner{grid-template-columns:1.05fr .95fr;align-items:center;gap:80px;max-width:1200px;margin:0 auto;display:grid}.contact-kicker{font-family:var(--font-mono), monospace;color:var(--violet);margin:0 0 16px;font-size:12px}.contact-copy h2{font-family:var(--font-display), sans-serif;letter-spacing:-.055em;color:var(--charcoal);margin:0;font-size:clamp(54px,7vw,100px);font-weight:600;line-height:.92}.contact-copy h2 span{color:var(--mulberry);margin-left:10px;display:inline-block}.contact-lead{max-width:590px;font-family:var(--font-body), sans-serif;color:var(--muted);margin:32px 0 0;font-size:18px;line-height:1.75}.contact-socials{flex-wrap:wrap;gap:12px;margin-top:34px;display:flex}.contact-social{border:1px solid var(--border);min-height:44px;font-family:var(--font-mono), monospace;background:#fff9f2b8;border-radius:10px;align-items:center;gap:9px;padding:10px 14px;font-size:13px;text-decoration:none;transition:color .18s,border-color .18s,background .18s,transform .18s,box-shadow .18s;display:inline-flex;box-shadow:0 3px 12px #29232606}.contact-social-github{color:var(--charcoal)}.contact-social-linkedin{color:var(--violet)}.contact-social:hover{background:#fff9f2f5;border-color:#8d315d57;transform:translateY(-2px);box-shadow:0 6px 18px #2923260b}.contact-social-github:hover{color:var(--mulberry)}.contact-social-linkedin:hover{color:var(--rose)}.contact-social-icon{width:19px;height:19px;color:inherit;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.contact-social-icon svg{width:100%;height:100%;display:block}.contact-social-arrow{opacity:.72;margin-left:2px;font-size:11px;transition:transform .18s,opacity .18s}.contact-social:hover .contact-social-arrow{opacity:1;transform:translate(2px,-2px)}.contact-details{border-top:1px solid var(--border);flex-wrap:wrap;gap:34px;margin-top:28px;padding-top:22px;display:flex}.contact-detail{flex-direction:column;gap:6px;display:flex}.contact-detail-label{font-family:var(--font-mono), monospace;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:11px}.contact-detail a{font-family:var(--font-mono), monospace;color:var(--charcoal);font-size:14px;transition:color .18s}.contact-detail a:hover{color:var(--mulberry)}.contact-side{position:relative}.contact-terminal{border:1px solid var(--border);background:radial-gradient(circle at 68% 32%,#6f509112,#0000 34%),#fff9f2b8;border-radius:18px;min-height:410px;padding:22px;position:relative;overflow:hidden}.contact-terminal-top{border-bottom:1px solid var(--border);font-family:var(--font-mono), monospace;color:var(--muted);justify-content:space-between;align-items:center;padding-bottom:14px;font-size:9px;display:flex}.contact-terminal-dots{gap:5px;display:flex}.contact-terminal-dots span{background:var(--soft-rose);transform-origin:50%;border-radius:50%;width:6px;height:6px}.contact-terminal-dots span:nth-child(2){background:var(--rose)}.contact-terminal-dots span:nth-child(3){background:var(--violet)}.contact-terminal-body{z-index:2;margin-top:36px;position:relative}.contact-terminal-content{min-height:290px}.contact-terminal-body p{font-family:var(--font-mono), monospace;color:var(--charcoal);margin:0 0 10px;font-size:11px}.contact-terminal-body p>span{color:var(--mulberry)}.contact-terminal-body .terminal-response{color:var(--muted);margin:0 0 26px 18px}.contact-terminal-cursor-mark{color:var(--mulberry);transform-origin:50%;display:inline-block}.contact-form{flex-direction:column;gap:18px;min-height:290px;display:flex}.contact-field{flex-direction:column;gap:7px;display:flex}.contact-field>span{font-family:var(--font-mono), monospace;color:var(--charcoal);font-size:13px}.contact-field>span strong{color:var(--mulberry);font-weight:400}.contact-field input,.contact-field textarea{border:1px solid var(--border);width:100%;font-family:var(--font-mono), monospace;color:var(--charcoal);resize:none;background:#fff9f294;border-radius:8px;outline:none;padding:10px 12px;font-size:14px;line-height:1.5;transition:border-color .18s,background .18s,box-shadow .18s}.contact-field input::placeholder,.contact-field textarea::placeholder{color:#74686db8}.contact-field input:focus,.contact-field textarea:focus{background:#fff9f2e6;border-color:#8d315da6;box-shadow:0 0 0 3px #8d315d0f}.contact-field textarea{min-height:96px}.contact-form-actions{align-items:center;gap:18px;margin-top:2px;display:flex}.contact-send{border:1px solid var(--mulberry);background:var(--mulberry);font-family:var(--font-mono), monospace;color:var(--surface);cursor:pointer;border-radius:8px;padding:10px 13px;font-size:12px;transition:transform .18s,background .18s}.contact-send:hover{background:var(--rose);transform:translateY(-2px)}.contact-terminal-action{font-family:var(--font-mono), monospace;align-items:center;gap:8px;margin-top:30px;font-size:12px;display:flex}.contact-terminal-prompt{color:var(--mulberry);flex-shrink:0}.contact-terminal-message-btn{font-family:var(--font-mono), monospace;color:var(--mulberry);cursor:pointer;background:#fff9f2b8;border:1px solid #8d315d6b;border-radius:7px;padding:8px 11px;font-size:11px;transition:color .18s,border-color .18s,background .18s,transform .18s}.contact-terminal-message-btn:hover{color:var(--surface);border-color:var(--mulberry);background:var(--mulberry);transform:translateY(-1px)}.contact-terminal-action .contact-terminal-cursor-mark{margin-left:1px}.contact-sparkle{font-family:var(--font-mono), monospace;pointer-events:none;transform-origin:50%;display:inline-block;position:absolute}.contact-sparkle.sparkle-one{color:var(--rose);top:25%;right:17%}.contact-sparkle.sparkle-two{color:var(--violet);font-size:11px;bottom:17%;left:12%}.contact-curve{fill:none;stroke:#c85f7c5c;stroke-width:1px;pointer-events:none;width:190px;position:absolute;bottom:8px;right:-18px}.contact-curve path{stroke-linecap:round;stroke-linejoin:round}.contact-curve circle{fill:var(--violet);stroke:none;transform-box:fill-box;transform-origin:50%}@media (max-width:900px){.contact-section{padding:100px 24px 90px}.contact-inner{grid-template-columns:1fr;gap:58px}.contact-copy{max-width:700px}.contact-terminal{max-width:620px}.contact-details{gap:26px}}@media (max-width:640px){.contact-section{padding-top:82px}.contact-copy h2 span{margin-left:0}.contact-lead{font-size:16px}.contact-socials{gap:10px;margin-top:28px}.contact-social{min-height:42px;padding:9px 12px;font-size:12px}.contact-social-icon{width:18px;height:18px}.contact-details{flex-direction:column;gap:16px}.contact-terminal{min-height:410px}.contact-terminal-body{margin-top:28px}.contact-form,.contact-terminal-content{min-height:300px}.contact-field input,.contact-field textarea{font-size:16px}.contact-terminal-action{gap:7px;font-size:11px}.contact-terminal-message-btn{padding:8px 10px;font-size:11px}}
.site-footer{background:var(--surface);border-top:1px solid var(--border);padding:26px 56px 30px}.footer-inner{grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;max-width:1200px;margin:0 auto;display:grid}.footer-left{font-family:var(--font-mono), monospace;color:var(--muted);align-items:center;gap:16px;font-size:11px;display:flex}.footer-left span:first-child{color:var(--charcoal)}.footer-center{font-family:var(--font-mono), monospace;color:var(--muted);margin:0;font-size:11px}.back-to-top{font-family:var(--font-mono), monospace;color:var(--mulberry);cursor:pointer;background:0 0;border:0;justify-self:end;align-items:center;gap:8px;padding:0;font-size:11px;transition:color .18s;display:inline-flex}.back-to-top-arrow{color:var(--rose);font-size:15px;line-height:1;display:inline-block}.back-to-top:hover{color:var(--rose)}.back-to-top:hover .back-to-top-arrow{color:var(--mulberry)}@media (max-width:760px){.site-footer{padding:24px}.footer-inner{grid-template-columns:1fr auto;grid-template-areas:"left top""center center";gap:14px 20px}.footer-left{grid-area:left}.footer-center{grid-area:center;justify-self:start;margin-top:4px}.back-to-top{grid-area:top}}@media (max-width:480px){.footer-left{flex-direction:column;align-items:flex-start;gap:4px}.footer-center{font-size:10px;line-height:1.5}.back-to-top span:first-child{display:none}.back-to-top-arrow{font-size:17px}}