:root{--ink: #0b0b0d;--ink-soft: #3a3a40;--paper: #fbfaf7;--paper-dim: #f1efe8;--surface: #ffffff;--accent: #4b47eb;--accent-soft: #e3e1ff;--lime: #c8ff4d;--coral: #ff5c39;--sun: #ffb84d;--muted: #6f6d68;--line: rgba(11, 11, 13, .08);--line-strong: rgba(11, 11, 13, .14);--hero-bg: #4b47eb;--hero-bg-soft: #6a63f2;--hero-text: #b8ecfa;--hero-grid-line: rgba(255, 255, 255, .07);--glass-bg: linear-gradient(160deg, rgba(255, 255, 255, .3), rgba(255, 255, 255, .08));--glass-border: rgba(255, 255, 255, .35);--accent-1: #ff3b7c;--accent-2: #ff7a1a;--accent-3: #4b47eb;--accent-4: #2fbf71;--accent-5: #3b6ff6;--font-display: "Baloo 2", "General Sans", sans-serif;--font-body: "General Sans", -apple-system, sans-serif;--font-mono: "JetBrains Mono", monospace;--radius-lg: 32px;--radius-md: 20px;--radius-sm: 12px;--ease: cubic-bezier(.16, 1, .3, 1);--shadow-soft: 0 2px 8px rgba(11, 11, 13, .04);--shadow-card: 0 20px 50px -20px rgba(11, 11, 13, .18);--shadow-lift: 0 30px 70px -20px rgba(11, 11, 13, .28)}:root[data-theme=dark]{--ink: #f2f1ed;--ink-soft: #c9c8c3;--paper: #121214;--paper-dim: #1a1a1e;--surface: #1e1e23;--accent: #6c67ff;--accent-soft: #29275c;--muted: #918f8a;--line: rgba(255, 255, 255, .1);--line-strong: rgba(255, 255, 255, .18);--shadow-soft: 0 2px 8px rgba(0, 0, 0, .2);--shadow-card: 0 20px 50px -20px rgba(0, 0, 0, .55);--shadow-lift: 0 30px 70px -20px rgba(0, 0, 0, .65)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.5;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font-family:inherit;background:none;border:none;cursor:pointer;color:inherit}img{display:block;max-width:100%}.container{width:min(1240px,90vw);margin:0 auto}.eyebrow{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.h-display{font-family:var(--font-display);font-weight:700;letter-spacing:-.01em;line-height:1.02}.pill{display:inline-flex;align-items:center;gap:.45rem;background:var(--surface);color:var(--ink);border-radius:999px;padding:.55rem 1rem;font-size:.85rem;font-weight:500;box-shadow:var(--shadow-card)}.pill-link{cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.pill-link:hover{transform:translateY(-1px);box-shadow:0 6px 18px -6px #0b0b0d59}.pill-cta{position:relative;z-index:1;cursor:pointer;background:linear-gradient(120deg,#ffe066,#ff9f1c,#ffe066);background-size:220% 100%;color:#0b0b0d;font-weight:700;transition:transform .15s ease,box-shadow .15s ease;animation:pill-cta-sheen 3.5s linear infinite,pill-cta-bob 2.2s ease-in-out infinite,pill-cta-glow 2.2s ease-in-out infinite}.pill-cta:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 12px 26px -6px #00000073;animation-play-state:paused}@keyframes pill-cta-sheen{0%{background-position:0% 50%}to{background-position:220% 50%}}@keyframes pill-cta-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes pill-cta-glow{0%,to{box-shadow:0 8px 20px -6px #00000059,0 0 #ff9f1c73}50%{box-shadow:0 8px 20px -6px #00000059,0 0 14px 2px #ff9f1c66}}@media (prefers-reduced-motion: reduce){.pill-cta{animation:none}}::selection{background:var(--lime);color:#0b0b0d}.text-outline{color:transparent;-webkit-text-stroke:1.5px var(--ink)}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:2px}.hero-section{position:relative;background:var(--hero-bg);overflow:hidden;padding-top:8rem;padding-bottom:4rem;min-height:100svh;display:flex;flex-direction:column;justify-content:center}.hero-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--hero-grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--hero-grid-line) 1px,transparent 1px);background-size:44px 44px;z-index:0}.hero-layout{position:relative;z-index:1;display:grid;grid-template-columns:1.35fr .65fr;gap:clamp(2rem,5vw,4rem);align-items:start}.hero-stack{display:flex;flex-direction:column}.hero-status-dot{width:8px;height:8px;border-radius:50%;background:#8b85f5;box-shadow:0 0 #8b85f599;animation:hero-status-pulse 2s ease-out infinite;flex-shrink:0}@keyframes hero-status-pulse{0%{box-shadow:0 0 #8b85f599}70%{box-shadow:0 0 0 8px #8b85f500}to{box-shadow:0 0 #8b85f500}}.hero-word{font-family:var(--font-display);font-weight:800;color:var(--hero-text);font-size:clamp(3.2rem,9vw,7.5rem);line-height:.94;letter-spacing:-.01em}.hero-word--payoff{color:var(--lime)}.hero-word--typed{min-height:1em}.hero-typed-inner{display:inline-block;transform-origin:left center}.hero-typewriter-cursor{display:inline-block;width:.08em;margin-left:.05em;height:.82em;background:currentColor;vertical-align:-.05em;animation:hero-cursor-blink 1s step-end infinite}@keyframes hero-cursor-blink{0%,to{opacity:1}50%{opacity:0}}@media (prefers-reduced-motion: reduce){.hero-typewriter-cursor{animation:none;opacity:0}}.hero-badge-anchor{position:absolute;z-index:4;transform:translate(-50%,-50%)}.hero-skill-badge{display:inline-flex;align-items:center;gap:.5rem;background:var(--surface);color:var(--ink);font-weight:600;font-size:.85rem;padding:.55rem 1rem;border-radius:999px;box-shadow:var(--shadow-card);cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;white-space:nowrap}.hero-skill-badge:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--badge-color);flex-shrink:0}.hero-skill-badge:active{cursor:grabbing}@media (max-width: 900px){.hero-badge-anchor{display:none}}.hero-cta{display:inline-flex;align-items:center;gap:.6rem;background:var(--surface);color:var(--ink);font-weight:600;border-radius:999px;padding:.85rem .85rem .85rem 1.5rem;box-shadow:var(--shadow-card);transition:transform .3s var(--ease),box-shadow .3s var(--ease)}.hero-cta:hover{transform:translateY(-2px);box-shadow:var(--shadow-lift)}.hero-cta-arrow{width:32px;height:32px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1rem}.hero-photo-wrap{position:relative;width:min(400px,100%);margin-left:auto;margin-top:32px}.hero-photo-card{position:relative;border-radius:var(--radius-lg);overflow:hidden;aspect-ratio:4 / 5;background:linear-gradient(155deg,var(--accent-5),var(--hero-text));box-shadow:0 30px 70px -18px #0b083c80}.hero-photo-card img{width:100%;height:100%;object-fit:cover}.hero-photo-badge{position:absolute;left:1.3rem;right:1.3rem;bottom:1.3rem;background:linear-gradient(160deg,#14102859,#14102899);border:1px solid var(--glass-border);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);border-radius:var(--radius-md);padding:1.1rem 1.3rem;box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:.15rem}.hero-card-name{font-family:var(--font-display);font-weight:700;color:#fff;font-size:1.3rem;line-height:1.1;text-transform:capitalize}.hero-card-role{display:inline-flex;align-items:center;gap:.45rem;flex-wrap:wrap;color:#fffc;font-size:.85rem}.hero-card-role-link{color:inherit}@media (max-width: 900px){.hero-layout{grid-template-columns:1fr}.hero-photo-wrap{width:min(320px,100%);margin:2rem auto 0}}@media (max-width: 640px){.hero-section{padding-top:7rem}}.route-transition{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:var(--hero-bg);pointer-events:none}.transition-face{position:absolute;top:0;right:0;bottom:0;left:0}.transition-eye-anchor{position:absolute;top:50%;left:50%;width:64px;height:64px;transform:translate(-50%,-50%)}.transition-eye{width:100%;height:100%;border-radius:50%;background:#fff;box-shadow:0 10px 26px -8px #0b083c66}.transition-pupil-orbit{position:relative;display:block;width:100%;height:100%}.transition-pupil{position:absolute;top:7px;left:50%;width:16px;height:16px;border-radius:50%;background:#0b0b0d;transform:translate(-50%)}@media (prefers-reduced-motion: reduce){.route-transition{display:none}}.case-hero{background:linear-gradient(155deg,var(--case-color),var(--case-color-soft));padding:9rem 0 4rem;color:#fff}.case-hero-back{display:inline-block;color:#ffffffbf;margin-bottom:1.5rem}.case-hero-meta{display:flex;gap:.75rem;flex-wrap:wrap;margin:1.5rem 0 2.5rem}.case-hero-image{border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 2px 10px #0000001f;background:#ffffff14;display:flex;align-items:flex-end;justify-content:center;padding:2.5rem 2rem}.case-hero-image img,.case-hero-image video{max-height:520px;width:auto;object-fit:contain}.case-hero-image video{border-radius:28px;box-shadow:0 20px 50px -18px #00000073}.case-hero-image img.case-hero-shot{border-radius:28px;box-shadow:0 20px 50px -18px #00000073}.case-hero-image img.case-hero-illustration{position:relative;z-index:2;max-height:480px;margin-right:-3rem;filter:drop-shadow(0 18px 24px rgba(0,0,0,.3))}.case-layout{display:grid;grid-template-columns:200px 1fr;gap:4rem;align-items:start;padding:4rem 0 6rem}.case-nav{position:sticky;top:6.5rem;display:flex;flex-direction:column;gap:.1rem}.case-nav-item{font-size:.85rem;color:var(--muted);padding:.55rem 0 .55rem 1rem;border-left:2px solid var(--line);transition:color .25s var(--ease),border-color .25s var(--ease)}.case-nav-item:hover{color:var(--ink)}.case-nav-item.is-active{color:var(--ink);font-weight:600;border-left-color:var(--case-color)}.case-nav-item.is-featured{color:var(--case-color);font-weight:700}.case-content{max-width:820px;min-width:0}.case-section{scroll-margin-top:6.5rem;padding-bottom:5rem}.case-section:last-child{padding-bottom:0}.case-section-label{color:var(--case-color);margin-bottom:.75rem}.case-heading{font-size:clamp(1.5rem,3vw,2.1rem);margin-bottom:1.25rem}.case-body{color:var(--ink-soft);line-height:1.8;margin-bottom:1.25rem}.case-body:last-child{margin-bottom:0}.case-stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1.25rem;margin:1.75rem 0}.case-stat-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);padding:1.5rem}.case-stat-value{font-family:var(--font-display);font-weight:700;font-size:clamp(1.5rem,2.5vw,2rem);color:var(--case-color)}.case-stat-label{color:var(--muted);font-size:.85rem;margin-top:.35rem}.case-compare-grid{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1.25rem;margin:1.75rem 0}.case-compare-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);padding:1.75rem 1.5rem;text-align:center}.case-compare-icon{color:var(--case-color, var(--accent));margin-bottom:.5rem}.case-compare-label{color:var(--muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;font-family:var(--font-mono)}.case-compare-value{font-family:var(--font-display);font-weight:700;font-size:clamp(1.8rem,3.5vw,2.6rem);color:var(--case-color);margin:.5rem 0}.case-compare-sub{color:var(--ink-soft);font-size:.9rem;line-height:1.4}.case-compare-vs{font-family:var(--font-mono);font-size:.8rem;text-transform:uppercase;color:var(--muted);letter-spacing:.06em}@media (max-width: 640px){.case-compare-grid{grid-template-columns:1fr}.case-compare-vs{justify-self:center}}.case-signal-board{display:flex;flex-direction:column;gap:.75rem;margin:1.75rem 0;padding:1.5rem;border-radius:var(--radius-md);background:var(--paper-dim)}.case-signal-row{display:grid;grid-template-columns:auto 1fr auto 1fr;align-items:center;gap:1rem;padding:.85rem 1rem;background:var(--surface);border-radius:var(--radius-sm)}.case-signal-pulse{width:8px;height:8px;border-radius:50%;background:var(--case-color, var(--accent));box-shadow:0 0 #0000;animation:case-signal-ping 2s ease-out infinite;flex-shrink:0}@keyframes case-signal-ping{0%{box-shadow:0 0 color-mix(in srgb,var(--case-color, var(--accent)) 60%,transparent)}70%{box-shadow:0 0 0 8px color-mix(in srgb,var(--case-color, var(--accent)) 0%,transparent)}to{box-shadow:0 0 color-mix(in srgb,var(--case-color, var(--accent)) 0%,transparent)}}.case-signal-headline{color:var(--ink-soft);font-size:.9rem;font-style:italic}.case-signal-arrow{color:var(--case-color, var(--accent));font-weight:700}.case-signal-tag{justify-self:start;background:var(--case-color-soft, var(--accent-soft));color:#fff;font-size:.8rem;font-weight:600;padding:.35rem .75rem;border-radius:999px;white-space:nowrap}@media (max-width: 640px){.case-signal-row{grid-template-columns:1fr;text-align:left}.case-signal-arrow{display:none}.case-signal-tag{justify-self:start}}.case-image-frame{position:relative;z-index:1;display:block;width:100%;border:none;border-radius:var(--radius-lg);box-shadow:0 1px 4px #0b0b0d0d;background:var(--paper-dim);margin:1.75rem 0;padding:1.25rem;text-align:inherit;font:inherit;color:inherit;cursor:zoom-in}.case-image-frame img{width:100%;display:block;border-radius:var(--radius-sm);pointer-events:none}.case-pending-frame{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;min-height:220px;margin:1.75rem 0;padding:2rem;border:1.5px dashed var(--line-strong);border-radius:var(--radius-lg);background:var(--paper-dim);text-align:center}.case-pending-badge{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--case-color, var(--accent));background:#0000000a;padding:.3rem .7rem;border-radius:999px}.case-pending-frame p{max-width:480px;color:var(--muted);font-size:.9rem;line-height:1.5}.case-nda-banner{margin-top:2rem;padding:1rem 1.25rem;border-radius:var(--radius-md);background:#ffffff1f;border:1px solid rgba(255,255,255,.25);color:#ffffffe6;font-size:.85rem;line-height:1.5;max-width:640px}.case-nda-banner strong{color:#fff}.case-caption{color:var(--muted);font-size:.85rem;margin-top:.6rem;text-align:center}.case-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;background:#0b0b0de0;overflow:auto;cursor:zoom-out}.case-lightbox-scroll{min-height:100%;min-width:100%;width:max-content;display:flex;align-items:center;justify-content:center;padding:clamp(1.5rem,5vw,4rem)}.case-lightbox img{display:block;width:auto;height:auto;max-width:none;border-radius:var(--radius-md);box-shadow:0 30px 80px -20px #0009;cursor:default}.case-lightbox-close{position:fixed;top:1.5rem;right:1.5rem;width:44px;height:44px;border-radius:50%;background:#ffffff26;color:#fff;font-size:1.1rem;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.case-quote{border-left:4px solid var(--case-color);padding-left:1.5rem;font-family:var(--font-display);font-weight:600;font-size:clamp(1.1rem,2vw,1.4rem);color:var(--ink);margin:2rem 0;line-height:1.4}.case-quote-attr{display:block;font-family:var(--font-body);font-weight:400;font-size:.85rem;color:var(--muted);margin-top:.6rem}.case-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:1.75rem;margin:1.75rem 0}.case-gallery--phones{grid-template-columns:repeat(3,1fr)}.case-gallery--phones .case-image-frame img{border-radius:0}@media (max-width: 900px){.case-gallery--phones{grid-template-columns:repeat(2,1fr)}}.case-persona-card{display:flex;gap:1.5rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:1.75rem;margin:1.75rem 0;flex-wrap:wrap}.case-persona-col{flex:1;min-width:200px}.case-persona-col h4{font-family:var(--font-display);font-weight:700;margin-bottom:.6rem;font-size:.95rem}.case-persona-col ul{list-style:none;display:flex;flex-direction:column;gap:.5rem;font-size:.9rem;color:var(--ink-soft)}@media (max-width: 1000px){.case-layout{grid-template-columns:1fr;gap:2rem}.case-nav{position:static;flex-direction:row;overflow-x:auto;padding-bottom:1rem;border-bottom:1px solid var(--line);-webkit-overflow-scrolling:touch}.case-nav-item{border-left:none;border-bottom:2px solid transparent;white-space:nowrap;padding:.5rem .9rem}.case-nav-item.is-active{border-left-color:transparent;border-bottom-color:var(--case-color)}.case-gallery{grid-template-columns:1fr}}.nav-pill-bar{display:flex;align-items:center;gap:.3rem;background:linear-gradient(160deg,#ffffffbf,#ffffff73);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border-radius:999px;padding:.4rem;box-shadow:var(--shadow-card);border:1px solid rgba(255,255,255,.5)}.nav-pill-item{padding:.55rem 1.1rem;border-radius:999px;font-weight:500;font-size:.9rem;color:var(--ink);white-space:nowrap;transition:background .3s var(--ease),color .3s var(--ease)}@media (max-width: 480px){.nav-pill-bar{max-width:calc(100vw - 1.5rem);overflow-x:auto;scrollbar-width:none}.nav-pill-bar::-webkit-scrollbar{display:none}.nav-pill-item{padding:.5rem .75rem;font-size:.78rem}}.nav-pill-item:hover{background:var(--accent-soft);color:var(--accent)}.nav-pill-item.is-active{color:var(--accent);font-weight:700}.nav-pill-item.is-cta{display:inline-flex;align-items:center;gap:.45rem;background:var(--accent);color:#fff}.nav-cta-arrow{width:18px;height:18px;border-radius:50%;background:#ffffff40;display:flex;align-items:center;justify-content:center;font-size:.7rem;flex-shrink:0}.nav-pill-item.is-cta:hover{background:#0b0b0d;color:#fff}:root[data-theme=dark] .nav-pill-bar{background:linear-gradient(160deg,#202026cc,#12121699);border:1px solid rgba(255,255,255,.12)}.theme-toggle{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--ink);flex-shrink:0;transition:background .2s var(--ease),color .2s var(--ease)}.theme-toggle:hover{background:var(--accent-soft);color:var(--accent)}.work-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:4rem}@media (max-width: 720px){.work-grid{grid-template-columns:1fr}}.project-card{display:block;height:100%;border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:transform .45s var(--ease),box-shadow .45s var(--ease);will-change:transform}.project-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lift)}.project-card-inner{position:relative;border-radius:var(--radius-lg);overflow:hidden;background:linear-gradient(155deg,var(--card-color) 0%,var(--card-color-soft) 120%);padding:2rem 2rem 0;min-height:460px;height:100%;display:flex;flex-direction:column}.project-card-glow{position:absolute;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.4),transparent 70%);transform:translate(-50%,-50%);pointer-events:none;filter:blur(6px);z-index:1}.project-card-top{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:1rem}.project-card-wordmark{color:var(--card-ink, #fff);font-size:clamp(1.3rem,2.3vw,1.9rem)}.project-card-nda-badge{font-family:var(--font-mono);font-size:.65rem;font-weight:600;letter-spacing:.1em;color:var(--card-ink, #fff);background:transparent;border:1px dashed rgba(255,255,255,.55);padding:.32rem .6rem;border-radius:6px;white-space:nowrap}.project-card-impact{position:relative;z-index:2;display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;margin-top:.35rem}.project-card-impact-pill{background:#ffffff29;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.3);color:var(--card-ink, #fff);font-size:.75rem;padding:.35rem .7rem;border-radius:999px;white-space:nowrap}.project-card-impact-pill strong{font-family:var(--font-display);font-weight:700}.project-card-product-logo{flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:var(--radius-sm);padding:.4rem;box-shadow:var(--shadow-card)}.project-card-product-logo img{height:34px;width:auto;object-fit:contain}.project-card-product-logo img.invert{filter:invert(1)}.project-card-brand-logo{height:clamp(28px,4vw,40px);width:auto;max-width:70%;object-fit:contain}.project-card-mockup{position:relative;z-index:2;flex:1;display:flex;align-items:flex-start;justify-content:center;margin:1.85rem 0 -6rem}.mockup-image{position:absolute;top:0;left:50%;transform:translate(-50%);width:min(300px,88%);object-fit:contain;filter:drop-shadow(0 24px 40px rgba(0,0,0,.35))}.mockup-image--compact{width:min(150px,44%);border-radius:10px}.mockup-image--zoom{width:min(300px,100%)}.mockup-image--large{width:min(390px,104%);transform:translate(calc(-65% + 96px))}.mockup-image--laptop{width:min(370px,118%)}.mockup-image--rounded{width:min(200px,98%);border-radius:38px}.mockup-frame{width:min(190px,56%);aspect-ratio:9 / 18.5;background:var(--surface);border-radius:24px;border:5px solid var(--ink);box-shadow:0 30px 60px -18px #0006;overflow:hidden;display:flex;flex-direction:column}.mockup-frame--web{width:min(310px,92%);aspect-ratio:16 / 12;border-radius:12px;border-width:3px}.mockup-browser-bar{display:flex;align-items:center;gap:.5rem;padding:.5rem .6rem;background:var(--paper-dim);border-bottom:1px solid var(--line)}.mockup-browser-dots{display:flex;gap:4px;flex-shrink:0}.mockup-browser-dots span{width:6px;height:6px;border-radius:50%;background:var(--line-strong)}.mockup-browser-url{flex:1;height:12px;border-radius:4px;background:var(--surface)}.mockup-status{display:flex;justify-content:space-between;align-items:center;padding:.6rem 1rem .3rem;font-family:var(--font-mono);font-size:.6rem;font-weight:500;color:var(--ink)}.mockup-status-icons{display:flex;gap:4px;align-items:center}.mockup-status-icons span{display:block;border-radius:1px;background:var(--ink)}.mockup-screen{padding:.6rem .9rem 1rem;display:flex;flex-direction:column;gap:.55rem;flex:1}.mockup-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.2rem}.mockup-avatar{position:relative;width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--card-color),var(--card-color-soft));flex-shrink:0;overflow:hidden}.mockup-line{position:relative;height:8px;border-radius:5px;background:var(--paper-dim);overflow:hidden}.mockup-block{position:relative;flex:1;min-height:60px;border-radius:14px;background:linear-gradient(135deg,var(--card-color-soft),var(--card-color));opacity:.35;margin-top:.2rem;overflow:hidden}.mockup-avatar:after,.mockup-line:after,.mockup-block:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.75),transparent);transform:translate(-100%);opacity:0}.project-card:hover .mockup-avatar:after,.project-card:hover .mockup-line:after,.project-card:hover .mockup-block:after{opacity:1;animation:mockup-shimmer 1.5s ease-in-out infinite}.project-card:hover .mockup-header .mockup-line:nth-child(1):after{animation-delay:.06s}.project-card:hover .mockup-screen>.mockup-line:nth-of-type(1):after{animation-delay:.12s}.project-card:hover .mockup-screen>.mockup-line:nth-of-type(2):after{animation-delay:.18s}@keyframes mockup-shimmer{0%{transform:translate(-100%)}60%,to{transform:translate(100%)}}.project-card-footer{position:relative;z-index:3;overflow:hidden;flex-shrink:0;height:67.5px;margin:-1.75rem 0 1.1rem;background:linear-gradient(160deg,#ffffffeb,#fffc);border:1px solid rgba(255,255,255,.5);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border-radius:var(--radius-md);padding:1.1rem 1.1rem 1.1rem 1.4rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;box-shadow:0 22px 40px -25px #00000073;transition:box-shadow .45s var(--ease)}.project-card:hover .project-card-footer{box-shadow:0 22px 40px -25px #00000073,0 0 0 2px #fff9 inset}.project-card-footer-fill{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:var(--card-color);transform:scaleX(0);transform-origin:right;transition:transform .3s var(--ease);pointer-events:none}.project-card:hover .project-card-footer-fill{transform:scaleX(1);transition:transform .25s var(--ease)}.project-card-pill-stack{position:relative;z-index:1;flex:1;min-width:0}.project-card-pill-title{color:#0b0b0d}.project-card-pill-subtitle{color:#3a3a40}.project-card-pill-default{opacity:1;transform:translateY(0);transition:opacity .2s var(--ease) .3s,transform .2s var(--ease) .3s}.project-card:hover .project-card-pill-default{opacity:0;transform:translateY(-6px);pointer-events:none;transition:opacity .15s var(--ease),transform .15s var(--ease)}.project-card-pill-hover{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;opacity:0;transform:translateY(6px);pointer-events:none;transition:opacity .15s var(--ease),transform .15s var(--ease)}.project-card:hover .project-card-pill-hover{opacity:1;transform:translateY(0);transition:opacity .2s var(--ease) .25s,transform .2s var(--ease) .25s}.project-card-badge-pill{background:#fff;color:#0b0b0d;font-size:.8rem;font-weight:600;padding:.45rem .85rem;border-radius:999px;white-space:nowrap}.project-card-arrow{position:relative;z-index:1;flex-shrink:0;width:46px;height:46px;border-radius:999px;background:var(--card-color);color:var(--card-ink, #fff);display:flex;align-items:center;justify-content:center;font-size:1.2rem;transition:width .45s var(--ease),transform .3s var(--ease)}.project-card:hover .project-card-arrow{width:60px;transform:rotate(45deg)}@media (max-width: 640px){.project-card-inner{padding:1.5rem 1.5rem 0;min-height:320px}.project-card-footer{padding:1rem}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.connection-demo{display:flex;flex-direction:column;align-items:center;gap:1.1rem;border-radius:var(--radius-lg);background:var(--paper-dim);box-shadow:0 1px 4px #0b0b0d0d;padding:2.5rem 1.5rem;margin:1.75rem 0}.connection-demo-stage{display:flex;align-items:center;justify-content:center;gap:.5rem}.connection-demo-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background:var(--surface);color:var(--case-color, var(--accent));box-shadow:0 2px 10px #0b0b0d1a,inset 0 0 0 1.5px var(--line);flex-shrink:0}.connection-demo-link{position:relative;width:110px;height:56px;display:flex;align-items:center;justify-content:center}.connection-demo-track{position:absolute;left:6px;right:6px;height:2px;border-radius:2px;background:repeating-linear-gradient(90deg,var(--case-color, var(--accent)) 0 6px,transparent 6px 12px)}.connection-demo-pulse{position:absolute;width:44px;height:44px;border-radius:50%;border:2px solid var(--case-color, var(--accent))}.connection-demo-check{position:relative;width:30px;height:30px;border-radius:50%;background:var(--case-color, var(--accent));color:#fff;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700}.connection-demo-label{font-size:.95rem;font-weight:600;color:var(--ink-soft)}.connection-demo-dots{display:flex;gap:.4rem}.connection-demo-dot{width:6px;height:6px;border-radius:50%;background:var(--line-strong)}.connection-demo-dot.is-active{background:var(--case-color, var(--accent))}.principles-list{display:flex;flex-direction:column}.principles-item{display:flex;align-items:baseline;gap:1.1rem;padding:.85rem 0;border-bottom:1px solid var(--line)}.principles-item:last-child{border-bottom:none}.principles-index{font-family:var(--font-mono);font-size:.78rem;font-weight:700;color:var(--accent);flex-shrink:0;width:22px}.principles-text{font-family:var(--font-display);font-weight:600;font-size:1.05rem;color:var(--ink)}.about-photo-row{display:grid;grid-template-columns:1fr 1.4fr;gap:1.25rem}.about-photo-row img{width:100%;height:260px;object-fit:cover;border-radius:var(--radius-md);box-shadow:var(--shadow-card)}@media (max-width: 700px){.about-photo-row{grid-template-columns:1fr}.about-photo-row img{height:220px}}.hobbies-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.hobbies-item{position:relative;aspect-ratio:1;border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-card)}.hobbies-item img{width:100%;height:100%;object-fit:cover}@media (max-width: 700px){.hobbies-grid{grid-template-columns:repeat(2,1fr)}}.layers-app{border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-lift);overflow:hidden}.layers-app-bar{display:flex;align-items:center;gap:1.25rem;padding:.7rem 1.1rem;border-bottom:1px solid var(--line);background:var(--paper-dim);font-family:var(--font-mono);font-size:.78rem;color:var(--muted)}.layers-app-bar-title{margin-left:auto;color:var(--ink-soft)}.layers-devmode-toggle{display:inline-flex;align-items:center;gap:.3rem;font-family:var(--font-mono);font-size:.72rem;padding:.3rem .65rem;border-radius:999px;border:1px solid var(--line-strong);background:var(--surface);color:var(--muted);transition:background .15s var(--ease),color .15s var(--ease),border-color .15s var(--ease)}.layers-devmode-toggle:hover{color:var(--ink)}.layers-devmode-toggle.is-active{background:#8b5cf6;border-color:#8b5cf6;color:#fff}.layers-app.is-dev-mode .layers-app-bar{background:#efe9fe;color:#6b6b78}.layers-app.is-dev-mode .layers-app-bar-title{color:#3a3a40}.layers-app-body{display:grid;grid-template-columns:var(--sidebar-w, 200px) 6px 1fr 200px;height:min(680px,calc(100vh - 200px));min-height:420px;position:relative}.layers-sidebar-resize{cursor:col-resize;position:relative}.layers-sidebar-resize:after{content:"";position:absolute;top:0;bottom:0;left:2px;width:2px;border-radius:2px;background:var(--line-strong);transition:background .15s var(--ease)}.layers-sidebar-resize:hover:after{background:var(--accent)}.layers-sidebar{border-right:1px solid var(--line);padding:1rem .75rem;background:var(--paper-dim);overflow-y:auto}.layers-sidebar-title{font-family:var(--font-mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding:0 .4rem .6rem}.layers-row{display:flex;align-items:center;gap:.5rem;padding:.5rem .4rem;border-radius:var(--radius-sm);cursor:grab;color:var(--ink-soft);transition:background .15s var(--ease),opacity .15s var(--ease)}.layers-row:hover{background:var(--accent-soft)}.layers-row.is-over{outline:1.5px dashed var(--accent);outline-offset:-2px}.layers-row.is-hidden{opacity:.4}.layers-row.is-selected{background:var(--accent-soft)}.layers-row.is-selected .layers-row-name{color:var(--accent);font-weight:600}.layers-row-handle{color:var(--muted);font-size:.8rem;line-height:1}.layers-row-icon{display:flex;color:var(--muted);flex-shrink:0}.layers-row-name{font-size:.85rem;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layers-row-eye{color:var(--muted);display:flex;padding:.2rem;flex-shrink:0}.layers-row-eye:hover{color:var(--ink)}.layers-sidebar-hint{font-size:.72rem;color:var(--muted);padding:.85rem .4rem .2rem;line-height:1.5}.layers-canvas{position:relative;padding:2rem;display:flex;flex-direction:column;gap:1.75rem;background-image:radial-gradient(var(--line-strong) 1px,transparent 1px);background-size:16px 16px;overflow-x:hidden;overflow-y:auto}.layers-canvas-empty{color:var(--muted);font-family:var(--font-mono);font-size:.9rem;margin:auto}.layers-canvas-row{display:grid;grid-template-columns:3fr 7fr;gap:1.25rem;align-items:flex-start;flex-shrink:0}.layers-canvas-row .layers-canvas-block{min-width:0}.layers-canvas-row .layers-canvas-block.is-photo{z-index:2}.layers-canvas-row .layer-block--photo img{max-height:180px;object-position:center 72%}@media (max-width: 600px){.layers-canvas-row{grid-template-columns:1fr}.layers-canvas-row .layer-block--photo img{max-height:320px}}.layers-canvas-block{position:relative;z-index:0;flex-shrink:0;border-radius:var(--radius-md);transition:box-shadow .15s var(--ease);cursor:default}.layers-canvas-block:not(.is-photo){padding:1.5rem;background:var(--surface);border:1px solid var(--line)}.layers-canvas-content{position:relative;z-index:2}.layers-canvas-tint{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;opacity:.16;border-radius:var(--radius-md);pointer-events:none;transition:background .2s var(--ease),opacity .2s var(--ease)}.layers-canvas-block.is-photo .layers-canvas-content{z-index:1}.layers-canvas-block.is-photo .layers-canvas-tint{z-index:2;opacity:.5}.layers-canvas-block.is-selected{box-shadow:0 0 0 2px #2f8fe0}.layers-canvas-block.is-selected:before{content:"Selected";position:absolute;top:-1.5rem;left:0;font-family:var(--font-mono);font-size:.68rem;color:#fff;background:#2f8fe0;padding:.15rem .5rem;border-radius:4px 4px 0 0;z-index:2}.layers-canvas.is-dev-mode .layers-canvas-block{cursor:crosshair}.layers-canvas.is-dev-mode .layers-canvas-block.is-selected{box-shadow:0 0 0 2px #8b5cf6}.layers-canvas.is-dev-mode .layers-canvas-block.is-selected:before{content:"Inspecting";background:#8b5cf6}.layer-block--photo{position:relative}.layer-block--photo img{width:100%;max-height:400px;object-fit:cover;object-position:center 60%;border-radius:var(--radius-md)}.layer-block--easter{border-radius:var(--radius-md)}.layer-block-easter-tag{font-family:var(--font-mono);font-size:.9rem;color:var(--muted);margin-bottom:.5rem}.layer-block-easter-text{font-size:1.05rem}.layers-caret{display:inline-block;width:2px;height:.9em;background:var(--ink);margin-left:1px;vertical-align:text-bottom;animation:layers-caret-blink .9s steps(1) infinite}@keyframes layers-caret-blink{50%{opacity:0}}.layer-block-easter-link{display:inline-block;margin-top:.85rem;font-family:var(--font-mono);font-size:.85rem;font-weight:600;color:var(--accent)}.layer-block-easter-link:hover{text-decoration:underline}.layers-cursor{position:absolute;z-index:5;display:flex;align-items:center;gap:.4rem;pointer-events:none}.layers-cursor-label{font-family:var(--font-mono);font-size:.68rem;color:#0b0b0d;background:var(--lime);padding:.15rem .5rem;border-radius:999px;white-space:nowrap}.layers-cursor-note{font-size:.78rem;color:var(--ink);background:var(--surface);border:1px solid var(--line-strong);box-shadow:var(--shadow-card);padding:.35rem .65rem;border-radius:var(--radius-sm);white-space:nowrap}.layers-inspector{border-left:1px solid var(--line);padding:1rem .9rem;background:var(--paper-dim);font-size:.8rem;overflow-y:auto}.layers-inspector-empty{color:var(--muted);font-family:var(--font-mono);font-size:.78rem;line-height:1.5}.layers-inspector-head{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem;margin-bottom:.85rem}.layers-inspector-title{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layers-inspector-reset{font-family:var(--font-mono);font-size:.68rem;color:var(--accent);flex-shrink:0}.layers-inspector-reset:hover{text-decoration:underline}.layers-inspector-fill{display:flex;align-items:center;gap:.55rem;color:var(--muted);margin-bottom:.6rem;position:relative}.layers-inspector-swatch{width:18px;height:18px;border-radius:5px;border:1px solid var(--line-strong);flex-shrink:0;cursor:pointer}.layers-inspector-swatch:hover{transform:scale(1.08)}.layers-inspector-palette{display:grid;grid-template-columns:repeat(5,1fr);gap:.4rem;margin-bottom:.9rem;padding:.6rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm)}.layers-inspector-swatch-option{width:100%;aspect-ratio:1;border-radius:5px;border:1px solid rgba(0,0,0,.08);cursor:pointer}.layers-inspector-swatch-option.is-active{box-shadow:0 0 0 2px var(--surface),0 0 0 3.5px var(--ink)}.layers-inspector-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:.85rem}.layers-inspector-grid label{font-family:var(--font-mono);font-size:.68rem;color:var(--muted);display:flex;flex-direction:column;gap:.25rem}.layers-inspector-grid input{font-family:var(--font-mono);font-size:.78rem;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:4px;padding:.3rem .4rem;width:100%}.layers-inspector-row{display:flex;justify-content:space-between;padding:.4rem 0;border-top:1px solid var(--line);color:var(--ink-soft)}.layers-devcode-tab{font-family:var(--font-mono);font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;color:#8b5cf6;font-weight:700;margin-bottom:.6rem}.layers-devcode-block{font-family:var(--font-mono);font-size:.72rem;line-height:1.65;color:#d4d4dc;background:#16161a;border:1px solid var(--line-strong);border-radius:var(--radius-sm);padding:.85rem .9rem;white-space:pre-wrap;word-break:break-word;overflow-x:auto}.layers-inspector-slider{width:100%;margin:.5rem 0 .9rem;accent-color:var(--accent)}.layers-inspector-select{width:100%;font-family:var(--font-mono);font-size:.78rem;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:4px;padding:.4rem .5rem;margin-top:.5rem}@media (max-width: 900px){.layers-app-body{grid-template-columns:var(--sidebar-w, 190px) 6px 1fr}.layers-inspector{display:none}}@media (max-width: 700px){.layers-app-body{grid-template-columns:1fr;height:auto}.layers-sidebar-resize{display:none}.layers-sidebar{border-right:none;border-bottom:1px solid var(--line);max-height:240px}.layers-canvas{padding:1.5rem 1.25rem;overflow:visible}}.ask-assistant{position:fixed;right:1.5rem;bottom:1.5rem;z-index:90;display:flex;flex-direction:column;align-items:flex-end;gap:.75rem}.ask-assistant-trigger{width:52px;height:52px;border-radius:50%;border:1px solid var(--line-strong);background:#0b0b0d;color:var(--lime);font-family:var(--font-display);font-weight:800;font-size:1.3rem;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow-card)}.ask-assistant-trigger:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ask-assistant-trigger.is-hinting{animation:ask-assistant-pulse 1.8s ease-out infinite}@keyframes ask-assistant-pulse{0%{box-shadow:var(--shadow-card),0 0 #c8ff4d8c}70%{box-shadow:var(--shadow-card),0 0 0 10px #c8ff4d00}to{box-shadow:var(--shadow-card),0 0 #c8ff4d00}}@media (prefers-reduced-motion: reduce){.ask-assistant-trigger.is-hinting{animation:none}}.ask-assistant-panel{width:min(320px,calc(100vw - 2.5rem));max-height:min(440px,calc(100vh - 8rem));display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-card);overflow:hidden}.ask-assistant-head{display:flex;align-items:center;justify-content:space-between;padding:.9rem 1rem;border-bottom:1px solid var(--line);font-family:var(--font-display);font-weight:700;font-size:.9rem;color:var(--ink)}.ask-assistant-close{border:none;background:none;color:var(--muted);cursor:pointer;font-size:.85rem;padding:.25rem;line-height:1}.ask-assistant-close:hover{color:var(--ink)}.ask-assistant-messages{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.6rem}.ask-assistant-msg{max-width:88%;padding:.55rem .8rem;border-radius:14px;font-size:.85rem;line-height:1.5}.ask-assistant-msg--bot{align-self:flex-start;background:var(--paper-dim);color:var(--ink);border-bottom-left-radius:4px}.ask-assistant-msg--user{align-self:flex-end;background:var(--accent);color:#fff;border-bottom-right-radius:4px}.ask-assistant-msg--thinking{display:flex;gap:4px;align-items:center;padding:.7rem .9rem}.ask-assistant-msg--thinking span{width:5px;height:5px;border-radius:50%;background:var(--muted);animation:ask-assistant-dot 1.2s ease-in-out infinite}.ask-assistant-msg--thinking span:nth-child(2){animation-delay:.15s}.ask-assistant-msg--thinking span:nth-child(3){animation-delay:.3s}@keyframes ask-assistant-dot{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-2px)}}.ask-assistant-suggestions{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.25rem}.ask-assistant-chip{border:1px solid var(--line-strong);background:var(--surface);color:var(--ink-soft);border-radius:999px;padding:.4rem .7rem;font-size:.76rem;cursor:pointer;text-align:left}.ask-assistant-chip:hover{border-color:var(--accent);color:var(--ink)}.ask-assistant-form{display:flex;gap:.5rem;padding:.75rem;border-top:1px solid var(--line)}.ask-assistant-form input{flex:1;border:1px solid var(--line-strong);background:var(--paper);color:var(--ink);border-radius:999px;padding:.55rem .9rem;font-size:.85rem;font-family:var(--font-body)}.ask-assistant-form input:focus{outline:none;border-color:var(--accent)}.ask-assistant-form button{width:36px;height:36px;flex-shrink:0;border-radius:50%;border:none;background:#0b0b0d;color:var(--lime);font-size:1rem;cursor:pointer}.ask-assistant-form button:disabled{opacity:.4;cursor:default}@media (max-width: 480px){.ask-assistant{right:1rem;bottom:1rem}}.password-gate{min-height:70vh;display:flex;align-items:center;justify-content:center;padding:6rem 1.5rem 4rem}.password-gate-card{width:min(420px,100%);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-lift);padding:2.5rem 2rem;text-align:center}.password-gate-title{font-size:clamp(1.4rem,3vw,1.8rem);margin:.5rem 0 .75rem}.password-gate-body{color:var(--ink-soft);line-height:1.6;margin-bottom:1.75rem}.password-gate-form{display:flex;gap:.6rem}.password-gate-form input{flex:1;min-width:0;border:1px solid var(--line-strong);background:var(--paper);color:var(--ink);border-radius:999px;padding:.7rem 1.1rem;font-size:.95rem;font-family:var(--font-body)}.password-gate-form input:focus{outline:none;border-color:var(--accent)}.password-gate-form button{border:none;background:var(--accent);color:#fff;border-radius:999px;padding:.7rem 1.4rem;font-weight:600;cursor:pointer;white-space:nowrap}.password-gate-error{color:var(--coral);font-size:.85rem;margin-top:.9rem}.password-gate-link{display:inline-block;margin-top:1.5rem;font-size:.85rem;color:var(--muted)}.password-gate-link:hover{color:var(--accent)}