:root{--base:#faf6ef;--surface:#fff;--ink:#15162b;--text-2:#5b5d74;--text-3:#8a8ca0;--violet:#6c63f0;--violet-tint:#edecfd;--lime:#e1e93f;--lime-tint:#fafbe0;--lime-ink:#8b9200;--pink:#f02e93;--pink-tint:#fde7f3;--green:#1c9a50;--green-tint:#e4f5e8;--teal:#0fa3a3;--teal-tint:#e3f6f6;--radius-lg:28px;--radius-md:22px;--radius-sm:14px;--radius-pill:999px;--font-sans:"IBM Plex Sans", sans-serif;--font-mono:"IBM Plex Mono", monospace;--font-hand:"Caveat", cursive;--shadow-card:0 8px 24px #15162b0f;--shadow-row:0 6px 18px #15162b0d;--shadow-photo:0 12px 30px #15162b2e;--hairline:1px solid #efebe1;--max-width:1100px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);color:var(--ink);background-color:var(--base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14.5px;line-height:1.6}img,video{max-width:100%;display:block}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--violet);outline-offset:2px;border-radius:4px}.page{max-width:var(--max-width);margin:0 auto;padding:32px 24px 80px}.section{margin-top:64px}.section-head{margin-bottom:32px}.eyebrow{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.04em;color:var(--text-2);margin-bottom:8px;font-size:13px;font-weight:700}.section-title{letter-spacing:-.01em;color:var(--ink);font-size:28px;font-weight:800}.section-subtitle{color:var(--text-2);max-width:480px;margin-top:8px;font-size:14.5px;line-height:1.6}.hero{background:var(--violet);border-radius:var(--radius-lg);color:#fff;grid-template-columns:1fr 260px;align-items:center;gap:40px;padding:56px 44px;display:grid;position:relative;overflow:hidden}.hero-circle{pointer-events:none;background:#ffffff24;border-radius:50%;width:380px;height:380px;position:absolute;top:-130px;right:-90px}.hero-eyebrow{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.04em;color:#ffffffb3;margin-bottom:16px;font-size:13px;font-weight:700}.hero h1{letter-spacing:-.02em;margin-bottom:12px;font-size:56px;font-weight:800;line-height:1.1}.hero-role{color:#ffffffd9;margin-bottom:8px;font-size:16px;font-weight:500;line-height:1.5}.hero-summary{color:#ffffffb3;max-width:460px;font-size:14.5px;line-height:1.6}.hero-pills{flex-wrap:wrap;gap:8px;margin-top:24px;display:flex}.pill-tag{font-family:var(--font-mono);color:#fff;border-radius:var(--radius-pill);background:#ffffff29;padding:6px 12px;font-size:12px;font-weight:600}.hero-links{align-items:center;gap:20px;margin-top:28px;display:flex}.hero-links a{color:#ffffffd9;align-items:center;gap:6px;font-size:14px;font-weight:600;display:inline-flex}.hero-links a:hover{color:#fff;text-decoration:underline}.hero-photo-wrapper{position:relative}.photo-frame{box-shadow:var(--shadow-photo);background:#fff;border-radius:20px;padding:6px;transform:rotate(-2deg)}.photo-frame img{object-fit:cover;border-radius:15px;width:100%;height:270px}.hand-note{font-family:var(--font-hand);color:#fff;pointer-events:none;font-size:22px;font-weight:700;position:absolute;top:-6px;left:-110px;transform:rotate(-4deg)}.hand-arrow{pointer-events:none;width:70px;position:absolute;top:34px;left:-22px;transform:rotate(8deg)}.case-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:22px;display:grid}.case-card{border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-card);overflow:hidden}.case-head{flex-direction:column;justify-content:space-between;height:140px;padding:22px;display:flex;position:relative;overflow:hidden}.case-head--violet{background:var(--violet)}.case-head--lime{background:var(--lime)}.case-head--pink{background:var(--pink)}.case-head-circle{pointer-events:none;background:#ffffff2e;border-radius:50%;width:180px;height:180px;position:absolute;top:16px;right:-50px}.case-head-top{justify-content:space-between;align-items:flex-start;display:flex}.case-badge{font-family:var(--font-mono);border-radius:var(--radius-pill);width:fit-content;padding:5px 12px;font-size:12px;font-weight:700}.case-badge--light{color:#fff;background:#ffffff38}.case-badge--dark{color:var(--ink);background:#15162b1f}.case-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.04em;align-self:flex-end;font-size:12px;font-weight:700}.case-label--light{color:#fffc}.case-label--dark{color:#15162b99}.case-body{padding:26px}.case-eyebrow{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px;font-size:12px;font-weight:700}.case-eyebrow--violet{color:var(--violet)}.case-eyebrow--lime{color:var(--lime-ink)}.case-eyebrow--pink{color:var(--pink)}.case-body h3{color:var(--ink);margin:0 0 10px;font-size:25px;font-weight:800}.case-body p{color:var(--text-2);margin-bottom:16px;font-size:14.5px;line-height:1.6}.case-tech{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.case-tech-chip{font-family:var(--font-mono);border-radius:var(--radius-pill);background:var(--violet-tint);color:var(--violet);padding:4px 10px;font-size:11px;font-weight:600}.case-links{flex-wrap:wrap;gap:16px;display:flex}.case-link{color:var(--ink);align-items:center;gap:5px;font-size:14px;font-weight:700;display:inline-flex}.case-link:hover{text-decoration:underline}.video-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:22px;display:grid}.video-card{background:var(--surface);border-radius:var(--radius-md);box-shadow:var(--shadow-card);overflow:hidden}.video-card video{aspect-ratio:16/9;object-fit:cover;width:100%;display:block}.video-card-title{color:var(--ink);padding:16px 22px 20px;font-size:16px;font-weight:700}.timeline-stack{flex-direction:column;gap:16px;max-width:720px;display:flex}.timeline-row{background:var(--surface);border-radius:var(--radius-sm);box-shadow:var(--shadow-row);border:1px solid #efebe1;grid-template-columns:24px 1fr;gap:18px;padding:22px 24px;transition:border-color .2s;display:grid}.timeline-row--violet{border-color:var(--violet)}.timeline-row--pink{border-color:var(--pink)}.timeline-row--lime{border-color:var(--lime-ink)}.timeline-row--teal{border-color:var(--teal)}.timeline-dot{border-radius:50%;flex-shrink:0;width:14px;height:14px;margin-top:4px}.timeline-dot--violet{background:var(--violet)}.timeline-dot--pink{background:var(--pink)}.timeline-dot--lime{background:var(--lime-ink)}.timeline-dot--teal{background:var(--teal)}.timeline-date{font-family:var(--font-mono);color:var(--text-2);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:700}.timeline-title{color:var(--ink);margin:4px 0 2px;font-size:18px;font-weight:700}.timeline-company{color:var(--violet);margin-bottom:6px;font-size:13.5px;font-weight:600}.timeline-desc{color:var(--text-2);font-size:14.5px;line-height:1.6}.info-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px;display:grid}.info-card{background:var(--surface);border-radius:var(--radius-sm);box-shadow:var(--shadow-row);padding:22px}.info-card .tag-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.04em;color:var(--violet);margin-bottom:8px;font-size:12px;font-weight:700}.info-card h3{color:var(--ink);margin-bottom:6px;font-size:17px;font-weight:700}.info-card p{color:var(--text-3);font-size:13.5px}.skills-section{flex-direction:column;gap:20px;display:flex}.skill-group-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.04em;color:var(--text-2);margin-bottom:8px;font-size:12px;font-weight:700}.skill-group-pills{flex-wrap:wrap;gap:10px;display:flex}.skill-pill{font-family:var(--font-mono);border-radius:var(--radius-pill);padding:8px 14px;font-size:12.5px;font-weight:700}.skill-pill--violet{background:var(--violet-tint);color:var(--violet)}.skill-pill--pink{background:var(--pink-tint);color:var(--pink)}.skill-pill--green{background:var(--green-tint);color:var(--green)}.skill-pill--lime{background:var(--lime-tint);color:var(--lime-ink)}.skill-pill--teal{background:var(--teal-tint);color:var(--teal)}.list-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:22px;display:grid}.list-card{background:var(--surface);border-radius:var(--radius-sm);box-shadow:var(--shadow-row);border:1px solid #efebe1;transition:border-color .2s;overflow:hidden}.list-card--violet{border-color:var(--violet)}.list-card--pink{border-color:var(--pink)}.list-card--lime{border-color:var(--lime-ink)}.list-card--teal{border-color:var(--teal)}.list-card-header{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.04em;color:var(--ink);margin-bottom:4px;padding:18px 22px 0;font-size:13px;font-weight:700}.list-row{align-items:center;gap:14px;padding:16px 22px;display:flex}.list-row+.list-row{border-top:var(--hairline)}.list-row-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px}.list-row-name{color:var(--ink);font-size:14px;font-weight:600}.list-row-links{font-family:var(--font-mono);color:var(--text-3);gap:10px;margin-left:auto;font-size:13px;display:flex}.list-row-links a{color:var(--violet);font-weight:600}.list-row-links a:hover{text-decoration:underline}.carousel-nav{gap:12px;display:flex}.carousel-btn{border:1px solid var(--hairline);background:var(--surface);width:40px;height:40px;color:var(--ink);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.carousel-btn:hover{border-color:var(--violet);color:var(--violet)}.rec-scroll{scrollbar-width:none;-ms-overflow-style:none;scroll-snap-type:x mandatory;gap:20px;padding-bottom:16px;display:flex;overflow-x:auto}.rec-scroll::-webkit-scrollbar{display:none}.rec-card{scroll-snap-align:start;background:var(--surface);border-radius:var(--radius-sm);min-width:300px;max-width:320px;box-shadow:var(--shadow-row);border-left:4px solid var(--pink);flex-shrink:0;padding:24px}.rec-card--violet{border-left-color:var(--violet)}.rec-card--pink{border-left-color:var(--pink)}.rec-card--lime{border-left-color:var(--lime-ink)}.rec-card--teal{border-left-color:var(--teal)}.rec-name{color:var(--ink);font-size:16px;font-weight:700}.rec-name:hover{text-decoration:underline}.rec-designation{font-family:var(--font-mono);color:var(--text-2);text-transform:uppercase;letter-spacing:.04em;margin-top:4px;font-size:12.5px;font-weight:700}.rec-intro{color:var(--text-2);margin-top:2px;font-size:13px;font-weight:500}.rec-quote{color:var(--ink);margin-top:18px;font-size:14.5px;font-style:italic;line-height:1.6}.footer{border-top:var(--hairline);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:64px;padding-top:32px;padding-bottom:40px;display:flex}.footer-copy{color:var(--text-3);font-size:13px}.footer-links{gap:20px;display:flex}.footer-links a{color:var(--text-2);font-size:14px;font-weight:600}.footer-links a:hover{color:var(--ink);text-decoration:underline}@media (width<=720px){.page{padding:20px 18px 60px}.hero{grid-template-columns:1fr;padding:40px 26px}.hero h1{font-size:42px}.hero-photo-wrapper{order:-1;justify-content:center;display:flex}.photo-frame{max-width:240px}.photo-frame img{height:220px}.hand-note,.hand-arrow{display:none}.case-grid{grid-template-columns:1fr}.timeline-row{grid-template-columns:1fr;padding:20px}.timeline-dot{display:none}}