.bento{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:24px 16px;background:var(--c-gray-bg);position:relative}.bento:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(0,0,0,.03) 1px,transparent 1px);background-size:24px 24px;pointer-events:none}.bento-grid{position:relative;display:grid;gap:14px;width:100%;max-width:1140px;grid-template-columns:1fr 1fr;grid-auto-rows:minmax(180px,auto)}@media(min-width:640px){.bento-grid{grid-template-columns:repeat(3,1fr);gap:16px;grid-auto-rows:minmax(220px,auto)}}@media(min-width:1024px){.bento-grid{grid-template-columns:repeat(6,1fr);grid-template-rows:auto auto auto auto;gap:18px;grid-template-areas:"hero  hero  hero  hero  stack stack" "hero  hero  hero  hero  li    gh" "w0    w0    w1    w1    w2    w2" "w3    w3    w4    w4    cont  cont"}.b-hero{grid-area:hero}.b-stack{grid-area:stack}.b-li{grid-area:li}.b-gh{grid-area:gh}.b-w0{grid-area:w0}.b-w1{grid-area:w1}.b-w2{grid-area:w2}.b-w3{grid-area:w3}.b-w4{grid-area:w4}.b-contact{grid-area:cont}}.cell{border-radius:24px;position:relative;overflow:hidden;padding:24px;display:flex;flex-direction:column;animation:cell-in .6s var(--ease-out) both}@media(min-width:640px){.cell{border-radius:28px}}@keyframes cell-in{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.cell:nth-child(1){animation-delay:0s}.cell:nth-child(2){animation-delay:.05s}.cell:nth-child(3){animation-delay:.08s}.cell:nth-child(4){animation-delay:.11s}.cell:nth-child(5){animation-delay:.14s}.cell:nth-child(6){animation-delay:.17s}.cell:nth-child(7){animation-delay:.2s}.cell:nth-child(8){animation-delay:.23s}.cell:nth-child(9){animation-delay:.26s}.cell:nth-child(10){animation-delay:.29s}.cell-white{background:#fff;box-shadow:0 1px 3px #00000005,0 8px 28px #0000000f;border:1px solid rgba(0,0,0,.04)}.cell-orange{background:linear-gradient(145deg,#ff8a1f,#ff7900,#e86e00);box-shadow:0 2px 8px #ff79001f,0 12px 36px #ff790038}.cell-pink{background:linear-gradient(145deg,#ff5296,#ff3885,#e83078);box-shadow:0 2px 8px #ff38851f,0 12px 36px #ff388538}.cell-green{background:linear-gradient(145deg,#1abf1a,#00a800,#009800);box-shadow:0 2px 8px #00a8001f,0 12px 36px #00a80038}.cell-blue{background:linear-gradient(145deg,#1a8cc7,#0072b1,#0065a0);box-shadow:0 2px 8px #0072b11f,0 12px 36px #0072b13d}.cell-dark{background:linear-gradient(145deg,#2d343a,#24292e,#1b2025);box-shadow:0 2px 8px #0000001a,0 12px 36px #0000003d}.cell-hover{transition:transform .45s var(--ease-spring),box-shadow .4s var(--ease-smooth)}.cell-hover:hover{transform:scale(1.018) translateY(-5px)}.cell-white.cell-hover:hover{box-shadow:0 2px 8px #0000000a,0 24px 56px #0000001a;border-color:#0000000f}.cell-orange.cell-hover:hover{box-shadow:0 4px 14px #ff79002e,0 28px 64px #ff790052}.cell-pink.cell-hover:hover{box-shadow:0 4px 14px #ff38852e,0 28px 64px #ff388552}.cell-green.cell-hover:hover{box-shadow:0 4px 14px #00a8002e,0 28px 64px #00a80052}.cell-blue.cell-hover:hover{box-shadow:0 4px 14px #0072b12e,0 28px 64px #0072b159}.cell-dark.cell-hover:hover{box-shadow:0 4px 14px #0003,0 28px 64px #00000059}.b-hero{padding:32px}@media(min-width:1024px){.b-hero{padding:40px}}.hero-content{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;height:100%;gap:20px}@media(min-width:640px){.hero-content{flex-direction:row;align-items:center;gap:32px}}.hero-avatar{width:90px;height:90px;flex-shrink:0}@media(min-width:1024px){.hero-avatar{width:120px;height:120px}}.hero-text{flex:1}.hero-greeting{font-family:var(--f-bold);font-size:.88rem;font-weight:600;color:var(--c-gray);letter-spacing:.05em;text-transform:uppercase;margin:0 0 8px}.hero-name{font-family:var(--f-display);font-size:2.6rem;line-height:1.02;letter-spacing:-.03em;color:var(--c-black);margin:0 0 14px}@media(min-width:1024px){.hero-name{font-size:3.4rem}}.hero-desc{font-family:var(--f-bold);font-size:1.08rem;font-weight:400;line-height:1.6;color:var(--c-gray-2);margin:0;letter-spacing:-.01em}.hero-arrow{position:absolute;bottom:24px;right:24px;width:40px;height:40px;border-radius:50%;background:var(--c-green);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:16px;box-shadow:0 3px 12px #00a80047;transition:transform .35s var(--ease-spring),box-shadow .3s ease}@media(min-width:1024px){.hero-arrow{bottom:32px;right:32px}}.cell-hover:hover .hero-arrow{transform:scale(1.12) rotate(-8deg);box-shadow:0 6px 20px #00a80059}.work-cell{padding:0;text-decoration:none;min-height:240px;background:var(--accent);box-shadow:0 2px 8px color-mix(in srgb,var(--accent) 14%,transparent),0 12px 36px color-mix(in srgb,var(--accent) 24%,transparent)}.work-cell.cell-hover:hover{box-shadow:0 4px 14px color-mix(in srgb,var(--accent) 20%,transparent),0 28px 64px color-mix(in srgb,var(--accent) 38%,transparent)}.work-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease-out),filter .4s ease}.work-cell:hover .work-bg{transform:scale(1.06)}.b-w3 .work-bg{object-position:top center}.work-gradient{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 20%,color-mix(in srgb,var(--accent) 30%,transparent) 55%,color-mix(in srgb,var(--accent) 80%,transparent) 80%,var(--accent) 100%);pointer-events:none;transition:opacity .4s ease}.work-bottom{position:relative;z-index:1;margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:22px 24px}.work-title{font-family:var(--f-display);font-size:1.3rem;line-height:1.15;letter-spacing:-.02em;color:#fff;margin:0;text-shadow:0 1px 8px rgba(0,0,0,.2)}@media(min-width:1024px){.work-title{font-size:1.5rem}}.work-arrow{flex-shrink:0;width:34px;height:34px;border-radius:50%;background:#fff3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;font-weight:600;transition:background .25s ease,transform .35s var(--ease-spring)}.cell-hover:hover .work-arrow{background:#ffffff61;transform:scale(1.1) rotate(-8deg)}.b-stack{padding:22px;text-align:center;cursor:default;user-select:none}.stack-title{font-family:var(--f-display);font-size:1.4rem;color:#fff;margin:0 0 16px;letter-spacing:-.02em}.stack-chips{display:flex;flex-wrap:wrap;gap:7px;justify-content:center}.stack-chip{padding:7px 15px;border-radius:980px;font-family:var(--f-bold);font-size:.82rem;font-weight:600;background:#ffffffed;color:var(--c-black);letter-spacing:-.01em;transition:transform .25s var(--ease-spring),box-shadow .2s ease;box-shadow:0 1px 4px #0000000a}.stack-chip:hover{transform:translateY(-2px);box-shadow:0 3px 10px #00000014}.social-cell{justify-content:center;align-items:center;gap:10px;text-decoration:none}.social-icon{opacity:.92;transition:transform .4s var(--ease-spring),opacity .2s ease}.cell-hover:hover .social-icon{opacity:1;transform:scale(1.06)}.social-handle{font-family:var(--f-bold);font-size:.88rem;font-weight:600;color:#ffffffb3;letter-spacing:.02em;transition:color .2s ease}.cell-hover:hover .social-handle{color:#fffc}.b-contact{justify-content:center;align-items:center;text-align:center}.contact-title{font-family:var(--f-display);font-size:1.6rem;color:#fff;margin:0 0 8px;letter-spacing:-.02em}.contact-sub{font-family:var(--f-bold);font-size:1rem;font-weight:500;color:#ffffffe0;margin:0 0 22px;line-height:1.5}@media(max-width:639px){.b-hero,.b-stack,.b-w0,.b-w1,.b-w4,.b-contact{grid-column:span 2}}@media(min-width:640px)and (max-width:1023px){.b-hero{grid-column:span 3}.b-stack{grid-column:span 2}.b-w2{grid-column:span 3}.b-w3{grid-column:span 2}.b-contact{grid-column:span 3}}