*{margin:0;padding:0;box-sizing:border-box}:root{--surface-base: #1a1a1a;--surface-elevated: #2d2d2d;--surface-overlay: #3a3a3a;--surface-soft: rgba(61, 61, 61, .55);--surface-ring: rgba(204, 120, 92, .3);--surface-outline: rgba(58, 58, 58, .6);--text-primary: #f7f5f3;--text-secondary: rgba(247, 245, 243, .82);--text-muted: rgba(155, 155, 155, .65);--accent: #cc785c;--accent-alt: #d97706;--accent-soft: rgba(204, 120, 92, .12);--accent-border: rgba(204, 120, 92, .3)}body{font-family:Lato,sans-serif;background:var(--surface-base);color:var(--text-primary)}.bento-wrapper{min-height:100vh;padding:48px 24px 64px;background:radial-gradient(140% 140% at 0% -20%,#2426348c,#07070d 45%,#030307);display:flex;justify-content:center}.bento-container{width:min(1180px,100%);display:flex;flex-direction:column;gap:32px}.bento-header{display:flex;flex-direction:column;gap:16px;color:#f4f9f7e0}.identity{display:flex;flex-direction:column;gap:12px}.identity-tag{font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:#ffffff59}.identity h1{font-size:clamp(2.4rem,4vw,3.1rem);font-weight:600;color:#fff}.identity p{max-width:640px;font-size:1.05rem;line-height:1.75;color:var(--text-secondary)}.availability-chip{display:inline-flex;align-items:center;gap:10px;align-self:flex-start;padding:10px 16px;border-radius:999px;background:#363b5373;border:1px solid var(--surface-ring);color:var(--text-secondary);font-size:.9rem;letter-spacing:.01em}.status-dot{position:relative;width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px #cc785ca6;animation:pulse 2s ease-in-out infinite}.status-dot:before{content:"";position:absolute;inset:-5px;border-radius:50%;background:var(--accent);opacity:.6;animation:pulseRing 2s ease-out infinite}.header-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.header-cta-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:14px;font-weight:600;font-size:.85rem;text-decoration:none;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-alt) 100%);color:#0f1118;box-shadow:0 12px 28px -16px #cc785c8c;transition:transform .2s ease,box-shadow .2s ease}.header-cta-button:hover{transform:translateY(-2px);box-shadow:0 16px 32px -14px #cc785cb3}.header-cta-button i{font-size:.9rem}.bento-grid{display:grid;gap:24px;grid-template-columns:1fr}.bento-card{position:relative;display:flex;flex-direction:column;gap:18px;padding:28px;border-radius:24px;background:#10111be6;border:1px solid rgba(255,255,255,.02);box-shadow:0 32px 64px -48px #05060cd9;overflow:hidden;backdrop-filter:blur(18px);align-self:start}.bento-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top left,var(--accent-soft),transparent 50%);opacity:1;pointer-events:none}.bento-card>*{position:relative;z-index:1}.bento-card h2,.bento-card h3{color:var(--text-primary);font-weight:600;letter-spacing:-.01em}.bento-card p{color:var(--text-muted);line-height:1.7;font-size:.98rem}.about-card{gap:20px}.about-top{display:flex;align-items:center;gap:18px}.avatar{width:130px;height:130px;border-radius:24px;overflow:hidden;border:1px solid rgba(255,255,255,.06);background:#ffffff0a}.avatar img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.avatar:hover img{transform:scale(1.1)}.role{color:#cdcde9bf;font-weight:500;margin-top:4px}.location{font-size:.85rem;color:#b4b6cc80}.about-body{display:flex;flex-direction:column;gap:12px}.badge-row{display:flex;flex-wrap:wrap;gap:10px}.badge{display:inline-flex;align-items:center;justify-content:center;padding:8px 14px;border-radius:999px;background:#565a8629;border:1px solid var(--surface-outline);color:#e2e3f7d1;font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.pill{display:inline-flex;align-items:center;justify-content:center;padding:6px 12px;border-radius:999px;background:#52547c38;color:#e0e0f4e0;font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;font-weight:600}.card-heading{display:flex;flex-direction:column;gap:12px;align-items:flex-start}.call-card{background:linear-gradient(160deg,#1c1e2ce6,#0c0c14f2)}.column-left,.column-right{display:grid;gap:24px}.right-grid{display:grid;gap:24px;grid-template-columns:1fr}.right-grid .portfolio-card p{min-height:6.5rem}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 20px;border-radius:16px;font-weight:600;font-size:.95rem;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.primary-button{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-alt) 100%);color:#0f1118;box-shadow:0 18px 36px -20px #cc785ca6}.primary-button:hover{transform:translateY(-2px);box-shadow:0 22px 40px -18px #cc785cb3}.primary-button i,.secondary-button i{font-size:1rem}.call-meta{display:flex;gap:12px;font-size:.8rem;color:#adafc48c;text-transform:uppercase;letter-spacing:.08em}.insight-card{background:linear-gradient(150deg,#161824e6,#0a0a12f5)}.metrics{display:grid;gap:16px}.metric{display:flex;flex-direction:column;gap:4px;padding:16px;border-radius:18px;background:#17182399;border:1px solid rgba(120,121,170,.12)}.metric-value{font-size:1.4rem;font-weight:700;color:var(--accent-alt)}.metric-label{font-size:.85rem;color:#a9aac2ad;letter-spacing:.08em;text-transform:uppercase}.metric-footnote{font-size:.85rem;color:#9697b08c}.portfolio-card,.portfolio-card--project{background:linear-gradient(160deg,#181a26e6,#0a0a12f2)}.portfolio-card--partnership,.portfolio-card--experience{background:linear-gradient(160deg,#161824e6,#0a0a12f2)}.portfolio-card--platform{background:linear-gradient(160deg,#1a1c2ae6,#0c0c16f2)}.portfolio-tags{display:flex;flex-wrap:wrap;gap:8px}.secondary-button{background:#1a1b26a6;color:#e0e2f5d9;border:1px solid var(--surface-outline)}.secondary-button:hover{transform:translateY(-2px);background:#222331d9;box-shadow:0 14px 36px -24px #7173bd99}.portfolio-card--partnership ul{list-style:none;display:flex;flex-direction:column;gap:10px;padding-left:0}.portfolio-card--partnership li{position:relative;padding-left:18px;font-size:.9rem;color:#b3b5d2b3}.portfolio-card--partnership li:before{content:"";position:absolute;left:0;top:9px;width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px #cc785c80}.portfolio-card a{color:#acaffae6;text-decoration:underline;text-underline-offset:4px}.portfolio-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}.social-list{display:flex;flex-direction:column;gap:14px}.social-link{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:16px;background:#181a268c;border:1px solid rgba(118,119,145,.14);color:var(--text-muted);text-decoration:none;transition:transform .2s ease,border-color .2s ease,background .2s ease}.social-link:hover{transform:translate(4px);border-color:var(--accent-border);background:#222338bf}.social-icon{width:42px;height:42px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;background:#cc785c2e;color:#ffe6dcd9;font-size:1.2rem}.social-copy{display:flex;flex-direction:column;gap:4px;flex:1}.social-label{font-weight:600;color:#e8e8f4d9}.social-description{font-size:.85rem;color:#a8a9c099}.social-link>.bi{color:#9597e6bf;font-size:1rem}@media(min-width:768px){.bento-header{flex-direction:row;align-items:center;justify-content:space-between}.availability-chip{align-self:center}.bento-grid{grid-template-columns:minmax(0,3fr) minmax(0,7fr);grid-template-areas:"left right" "social social"}.column-left{grid-area:left}.column-right{grid-area:right}.social-card{grid-area:social}.right-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.social-list{flex-direction:row}.social-link{flex-direction:row;align-items:center;text-align:left;flex:1}.social-link:hover{transform:translateY(-2px);border-color:var(--accent-border);background:#222338bf}}@media(max-width:600px){.bento-wrapper{padding:32px 16px 48px}.bento-card{padding:24px}.social-link{padding:12px 14px}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 0 12px #cc785ca6}50%{transform:scale(1.2);box-shadow:0 0 20px #cc785ce6}}@keyframes pulseRing{0%{transform:scale(1);opacity:.6}to{transform:scale(1.1);opacity:0}}.bento-header,.bento-card,.column-left,.column-right{animation:fadeSlideUp .7s ease-out both;will-change:opacity,transform}.bento-header{animation-delay:.1s}.column-left>.about-card{animation-delay:.2s}.column-left>.call-card{animation-delay:.4s}.column-right>.card-bookwatch{animation-delay:.3s}.column-right>.right-grid{animation-delay:.5s}.column-right .right-grid>*:nth-child(1){animation-delay:.5s}.column-right .right-grid>*:nth-child(2){animation-delay:.6s}.column-right .right-grid>*:nth-child(3){animation-delay:.7s}.column-right .right-grid>*:nth-child(4){animation-delay:.8s}.social-card{animation-delay:.6s}.email-link{background:#181a268c;border:1px solid rgba(118,119,145,.14);width:100%;cursor:pointer;position:relative}.email-link:hover{border-color:var(--accent-border);background:#222338bf}.email-revealed{font-weight:600;color:#e8e8f4f2;user-select:text;cursor:text}.email-copy-btn{display:none;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:none;border-radius:10px;background:#cc785c2e;color:#ffe6dcd9;cursor:pointer;transition:all .2s ease;flex-shrink:0}.email-copy-btn:hover{background:#cc785c4d;transform:scale(1.05)}.email-copy-btn.copied{background:#5ccc7840;color:#dcffe6f2}.email-copy-btn i{font-size:.95rem}.email-copied-message{position:absolute;top:50%;right:-10px;transform:translate(100%,-50%);padding:8px 14px;border-radius:10px;background:#5ccc7840;border:1px solid rgba(92,204,120,.4);color:#dcffe6f2;font-size:.8rem;font-weight:600;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .3s ease,transform .3s ease}.email-copied-message.show{opacity:1;transform:translate(calc(100% + 10px),-50%)}@media(max-width:768px){.email-copied-message{top:auto;bottom:100%;right:50%;transform:translate(50%);margin-bottom:-10px}.email-copied-message.show{transform:translate(50%,-10px)}}