@charset "UTF-8";*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#0a0a0a;color:#f5f5f5;overflow-x:hidden}.scroll-fade{opacity:0;transform:translateY(40px);transition:opacity .8s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.4,0,.2,1)}.scroll-fade.animate-in{opacity:1;transform:translateY(0)}.scroll-fade-left{opacity:0;transform:translate(-40px);transition:opacity .8s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.4,0,.2,1)}.scroll-fade-left.animate-in{opacity:1;transform:translate(0)}.scroll-fade-right{opacity:0;transform:translate(40px);transition:opacity .8s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.4,0,.2,1)}.scroll-fade-right.animate-in{opacity:1;transform:translate(0)}.scroll-scale{opacity:0;transform:scale(.9);transition:opacity .8s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.4,0,.2,1)}.scroll-scale.animate-in{opacity:1;transform:scale(1)}.nav-container{position:fixed;top:0;left:0;right:0;z-index:1000;background:#0a0a0acc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.05);animation:slideDown .8s cubic-bezier(.4,0,.2,1)}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.nav-content{max-width:1400px;margin:0 auto;padding:1.5rem 3rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(245,245,245,.4)}.nav-brand{display:flex;align-items:center;gap:2rem}.nav-brand p{font-size:1.25rem;font-weight:600;letter-spacing:-.02em;color:#f5f5f5}.nav-brand img{margin:-1.2rem;width:60px;height:60px;border-radius:50%;object-fit:cover;border:2px solid #404040;transition:transform .3s cubic-bezier(.4,0,.2,1),border-color .3s}.nav-brand img:hover{transform:scale(1.05);border-color:#f5f5f5}.nav-links{display:flex;gap:2.5rem}.nav-links a{text-decoration:none;color:#f5f5f5;font-size:.95rem;font-weight:500;position:relative;transition:color .3s}.nav-links a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:#f5f5f5;transition:width .3s cubic-bezier(.4,0,.2,1)}.nav-links a:hover{color:#f5f5f5}.nav-links a:hover:after{width:100%}.home-container{min-height:100vh;display:flex;flex-direction:column;position:relative;overflow:hidden}.hero-section{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:8rem 2rem 4rem;position:relative}.hero-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at center,rgba(255,255,255,.03) 0%,transparent 70%);pointer-events:none}.hero-titles{text-align:center;margin-bottom:4rem}.hero-titles h1{font-size:clamp(4rem,15vw,12rem);font-weight:800;line-height:.9;letter-spacing:-.04em;margin:0;opacity:0;transform:translateY(60px)}.hero-titles h1:nth-child(1){animation:titleReveal 1s cubic-bezier(.4,0,.2,1) .2s forwards;background:linear-gradient(135deg,#f5f5f5,#999);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-titles h1:nth-child(2){animation:titleReveal 1s cubic-bezier(.4,0,.2,1) .5s forwards;color:#f5f5f5}.hero-titles h1:nth-child(3){animation:titleReveal 1s cubic-bezier(.4,0,.2,1) .8s forwards;background:linear-gradient(135deg,#999,#666);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes titleReveal{to{opacity:1;transform:translateY(0)}}.hero-description{max-width:700px;text-align:center}.hero-description p{font-size:1.5rem;line-height:1.6;color:#999;font-weight:400;letter-spacing:-.01em;opacity:0;transform:translateY(30px);animation:fadeInUp 1s cubic-bezier(.4,0,.2,1) 1.2s forwards}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.scroll-indicator{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-top:3rem;opacity:0;animation:fadeInUp 1s cubic-bezier(.4,0,.2,1) 1.6s forwards}.scroll-indicator .scroll-text{font-size:.85rem;text-transform:uppercase;letter-spacing:.15em;color:#f5f5f5;font-weight:500}.scroll-indicator .arrows{display:flex;flex-direction:column;gap:.25rem}.scroll-indicator .arrows .arrow{width:24px;height:24px;border-left:2px solid #f5f5f5;border-bottom:2px solid #f5f5f5;transform:rotate(-45deg);animation:bounceArrow 2s ease-in-out infinite}.scroll-indicator .arrows .arrow:nth-child(1){animation-delay:0s;opacity:.73}.scroll-indicator .arrows .arrow:nth-child(2){animation-delay:.2s;opacity:.85}.scroll-indicator .arrows .arrow:nth-child(3){animation-delay:.4s;opacity:1}@keyframes bounceArrow{0%,to{transform:rotate(-45deg) translateY(0)}50%{transform:rotate(-45deg) translateY(8px)}}.career-experience-container{min-height:100vh;background:#0a0a0a;padding:7rem 2rem 2rem;position:relative;display:flex;flex-direction:column}.experience-header{display:flex;align-items:center;justify-content:center;text-align:center;margin-bottom:2.5rem;opacity:0;transform:translateY(30px);animation:fadeInUp .8s cubic-bezier(.4,0,.2,1) .2s forwards;gap:2rem}.experience-header h1{font-size:clamp(2.5rem,6vw,4.5rem);font-weight:800;letter-spacing:-.03em;background:linear-gradient(135deg,#f5f5f5,#999);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.experience-header img{width:190px;height:190px;border-radius:50%;object-fit:cover;border:2px solid #f5f5f5;transition:all .3s cubic-bezier(.4,0,.2,1)}.experience-header img:hover{transform:scale(1.01);box-shadow:0 0 30px #ffffff4d}.experience{max-width:1400px;margin:0 auto;position:relative;display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem}@media (min-width: 768px){.experience{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1200px){.experience{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1600px){.experience{grid-template-columns:repeat(4,1fr)}}.role{background:#1a1a1a80;border:1px solid #f5f5f5;border-radius:12px;padding:1.5rem;position:relative;overflow:hidden;opacity:0;transform:translateY(30px);animation:fadeInUp .6s cubic-bezier(.4,0,.2,1) forwards;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;height:100%}.role:nth-child(1){animation-delay:.13s}.role:nth-child(2){animation-delay:.16s}.role:nth-child(3){animation-delay:.19s}.role:nth-child(4){animation-delay:.22s}.role:nth-child(5){animation-delay:.25s}.role:nth-child(6){animation-delay:.28s}.role:nth-child(7){animation-delay:.31s}.role:nth-child(8){animation-delay:.34s}.role:nth-child(9){animation-delay:.37s}.role:nth-child(10){animation-delay:.4s}.role:nth-child(11){animation-delay:.43s}.role:nth-child(12){animation-delay:.46s}.role:nth-child(13){animation-delay:.49s}.role:nth-child(14){animation-delay:.52s}.role:nth-child(15){animation-delay:.55s}.role:nth-child(16){animation-delay:.58s}.role:nth-child(17){animation-delay:.61s}.role:nth-child(18){animation-delay:.64s}.role:nth-child(19){animation-delay:.67s}.role:nth-child(20){animation-delay:.7s}.role:nth-child(21){animation-delay:.73s}.role:nth-child(22){animation-delay:.76s}.role:nth-child(23){animation-delay:.79s}.role:nth-child(24){animation-delay:.82s}.role:nth-child(25){animation-delay:.85s}.role:nth-child(26){animation-delay:.88s}.role:nth-child(27){animation-delay:.91s}.role:nth-child(28){animation-delay:.94s}.role:nth-child(29){animation-delay:.97s}.role:nth-child(30){animation-delay:1s}.role:before{content:"";position:absolute;top:0;left:0;width:4px;height:0;background:linear-gradient(to bottom,#f5f5f5,#666);transition:height .4s cubic-bezier(.4,0,.2,1)}.role:hover{border-color:#ffffff1a;transform:translateY(-4px);background:#1a1a1acc}.role:hover:before{height:100%}.role h3{font-size:1.35rem;font-weight:700;color:#f5f5f5;margin-bottom:.5rem;letter-spacing:-.02em;line-height:1.3}.role .title{font-size:.95rem;color:#999;font-weight:500;margin-bottom:.5rem;line-height:1.4;flex-grow:1}.role .dates{font-size:.85rem;color:#666;font-weight:500;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem}details{margin-top:auto}details summary{cursor:pointer;font-size:.8rem;color:#f5f5f5;font-weight:600;text-transform:uppercase;letter-spacing:.1em;padding:.6rem .85rem;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:6px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;-webkit-user-select:none;user-select:none}details summary:after{content:"→";position:absolute;right:.85rem;transition:transform .3s cubic-bezier(.4,0,.2,1);font-size:1rem}details summary:hover{background:#ffffff0d;border-color:#ffffff1a;padding-left:1rem}details summary::-webkit-details-marker{display:none}details[open] summary{margin-bottom:1rem;background:#ffffff0d;border-color:#ffffff1a}details[open] summary:after{transform:rotate(90deg)}details ul{list-style:none;padding:0;animation:expandDown .4s cubic-bezier(.4,0,.2,1)}details ul li{color:#999;line-height:1.6;padding-left:1.25rem;position:relative;margin-bottom:.75rem;font-size:.9rem}details ul li:before{content:"";position:absolute;left:0;top:.6em;width:5px;height:5px;background:#666;border-radius:50%}details ul li:last-child{margin-bottom:0}@keyframes expandDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.career-timeline-container{min-height:100vh;background:#0a0a0a;padding:7rem 2rem 4rem;position:relative;display:flex;flex-direction:column;overflow:hidden;align-items:center}.timeline-header{display:flex;align-items:center;gap:2rem;text-align:center;margin-bottom:1rem;opacity:0;transform:translateY(30px);animation:fadeInUp .8s cubic-bezier(.4,0,.2,1) .2s forwards}.timeline-header h1{font-size:clamp(2.5rem,6vw,4.5rem);display:flex;justify-content:center;font-weight:800;letter-spacing:-.03em;background:linear-gradient(135deg,#f5f5f5,#999);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.timeline-header img{width:190px;height:190px;border-radius:50%;object-fit:cover;border:2px solid #f5f5f5;transition:all .3s cubic-bezier(.4,0,.2,1)}.timeline-header img:hover{transform:scale(1.05);box-shadow:0 0 30px #ffffff4d}.timeline-wrapper{position:relative;overflow-x:auto;overflow-y:visible;padding:12rem 2rem;margin:0 auto;width:100%;flex:1;display:flex;align-items:center}.timeline-wrapper::-webkit-scrollbar{height:8px}.timeline-wrapper::-webkit-scrollbar-track{background:#ffffff08;border-radius:4px}.timeline-wrapper::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.timeline-wrapper::-webkit-scrollbar-thumb:hover{background:#ffffff26}.timeline{position:relative;display:flex;align-items:center;min-width:max-content;height:fit-content}.timeline-line{position:absolute;top:50%;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.2) 5%,rgba(255,255,255,.2) 95%,transparent 100%);transform:translateY(-50%)}.timeline-line:before{content:"";position:absolute;top:0;left:0;height:100%;width:0;background:linear-gradient(90deg,#f5f5f5,#999);animation:lineGrow 2s cubic-bezier(.4,0,.2,1) .5s forwards}@keyframes lineGrow{to{width:100%}}.timeline-item{position:relative;display:flex;flex-direction:column;align-items:center;min-width:220px;opacity:0;animation:fadeInUp .6s cubic-bezier(.4,0,.2,1) forwards}.timeline-item:nth-child(1){animation-delay:.95s}.timeline-item:nth-child(2){animation-delay:1.1s}.timeline-item:nth-child(3){animation-delay:1.25s}.timeline-item:nth-child(4){animation-delay:1.4s}.timeline-item:nth-child(5){animation-delay:1.55s}.timeline-item:nth-child(6){animation-delay:1.7s}.timeline-item:nth-child(7){animation-delay:1.85s}.timeline-item:nth-child(8){animation-delay:2s}.timeline-item:nth-child(9){animation-delay:2.15s}.timeline-item:nth-child(10){animation-delay:2.3s}.timeline-item:nth-child(11){animation-delay:2.45s}.timeline-item:nth-child(12){animation-delay:2.6s}.timeline-item:nth-child(13){animation-delay:2.75s}.timeline-item:nth-child(14){animation-delay:2.9s}.timeline-item:nth-child(15){animation-delay:3.05s}.timeline-item:nth-child(16){animation-delay:3.2s}.timeline-item:nth-child(17){animation-delay:3.35s}.timeline-item:nth-child(18){animation-delay:3.5s}.timeline-item:nth-child(19){animation-delay:3.65s}.timeline-item:nth-child(20){animation-delay:3.8s}.timeline-item:not(:last-child){margin-right:3rem}.timeline-dot{position:relative;width:16px;height:16px;background:#0a0a0a;border:3px solid #f5f5f5;border-radius:50%;z-index:2;transition:all .3s cubic-bezier(.4,0,.2,1)}.timeline-dot:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:24px;height:24px;background:#fff3;border-radius:50%;animation:pulse 2s ease-in-out infinite}.timeline-item:hover .timeline-dot{transform:scale(1.3);border-color:#f5f5f5;box-shadow:0 0 20px #fff6}@keyframes pulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.6}50%{transform:translate(-50%,-50%) scale(1.5);opacity:0}}.timeline-connector{position:absolute;top:0;left:50%;transform:translate(-50%);width:2px;background:linear-gradient(to bottom,#f5f5f5,#ffffff4d)}.timeline-connector.connector-top{bottom:100%;height:120px}.timeline-connector.connector-bottom{top:100%;height:120px}.timeline-content{position:absolute;background:#1a1a1ae6;border:1px solid #f5f5f5;border-radius:8px;padding:1.25rem 1.5rem;min-width:200px;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.timeline-content.content-top{bottom:calc(100% + 130px)}.timeline-content.content-bottom{top:calc(100% + 130px)}.timeline-item:hover .timeline-content{background:#1a1a1a;border-color:#fff3;transform:translateY(-5px)}.timeline-content h3{font-size:1.1rem;font-weight:700;color:#f5f5f5;margin-bottom:.5rem;letter-spacing:-.01em}.timeline-content .timeline-dates{font-size:.9rem;color:#999;font-weight:500;letter-spacing:.03em}.right-sunshine-scroll{margin-top:1rem;color:#f5f5f5;margin-bottom:1.5rem}.arrows-horizontal{display:flex;flex-direction:row;justify-content:center;margin-left:-1.3rem;gap:.25rem;margin-top:-1rem}.arrows-horizontal .arrow-horizontal{width:24px;height:24px;border-right:2px solid #f5f5f5;border-bottom:2px solid #f5f5f5;transform:rotate(-45deg);animation:bounceArrowHorizontal 2s ease-in-out infinite}.arrows-horizontal .arrow-horizontal:nth-child(1){animation-delay:0s;opacity:.4}.arrows-horizontal .arrow-horizontal:nth-child(2){animation-delay:.2s;opacity:.6}.arrows-horizontal .arrow-horizontal:nth-child(3){animation-delay:.4s;opacity:1}@keyframes bounceArrowHorizontal{0%,to{transform:rotate(-45deg) translate(0)}50%{transform:rotate(-45deg) translate(8px)}}@media (max-width: 768px){.frank-lottie-container{margin-top:0;margin-bottom:1rem}}@media (max-width: 768px){.frank-header{padding:4rem 1rem 1rem}}.frank-container{min-height:100vh;background:#0a0a0a;display:flex;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;position:relative}.frank-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at top,rgba(255,255,255,.02) 0%,transparent 60%);pointer-events:none}.frank-header{position:sticky;top:0;background:#0a0a0af2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.05);padding:6rem 1.5rem 2rem;z-index:100;opacity:0;transform:translateY(30px);animation:fadeInUp .8s cubic-bezier(.4,0,.2,1) .2s forwards}.frank-header h1{font-size:clamp(2rem,5vw,3.5rem);font-weight:800;color:#f5f5f5;margin:0 0 1rem;text-align:center;letter-spacing:-.03em;background:linear-gradient(135deg,#f5f5f5,#999);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.frank-header h2{font-size:1.1rem;font-weight:400;color:#999;margin:0 auto 1.5rem;text-align:center;line-height:1.6;max-width:700px;letter-spacing:-.01em}.frank-header:after{content:"";display:block;width:60px;height:2px;background:linear-gradient(90deg,transparent,#f5f5f5,transparent);margin:1.5rem auto 0}.frank-lottie-container{display:flex;justify-content:center;align-items:center;margin-bottom:-6rem;margin-top:-6rem;opacity:0;transform:scale(.9);animation:scaleIn 1s cubic-bezier(.4,0,.2,1) .6s forwards}.frank-lottie-container .lottie-wrapper{width:450px;height:450px;position:relative}.frank-lottie-container .lottie-wrapper:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:280px;height:280px;background:radial-gradient(circle,rgba(255,255,255,.03) 0%,transparent 70%);border-radius:50%;animation:pulseGlow 3s ease-in-out infinite}@keyframes scaleIn{to{opacity:1;transform:scale(1)}}@keyframes pulseGlow{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.1)}}.frank-conversation{flex:1;overflow-y:auto;padding:2rem 1.5rem;max-width:900px;width:100%;margin:0 auto}.frank-conversation::-webkit-scrollbar{width:8px}.frank-conversation::-webkit-scrollbar-track{background:#ffffff05}.frank-conversation::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.frank-conversation::-webkit-scrollbar-thumb:hover{background:#ffffff26}.message{display:flex;margin-bottom:1.5rem;animation:messageSlideIn .4s cubic-bezier(.4,0,.2,1)}.message.user-message{justify-content:flex-end}.message.user-message .message-bubble{background:linear-gradient(135deg,#ffffff14,#ffffff0a);color:#f5f5f5;border:3px solid #f5f5f5;border-radius:18px 18px 4px}.message.user-message .message-bubble strong{color:#999}.message.ai-message{justify-content:flex-start}.message.ai-message .message-bubble{background:#1a1a1acc;color:#f5f5f5;border:3px solid #f5f5f5;border-radius:18px 18px 18px 4px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.message.ai-message .message-bubble strong{background:linear-gradient(135deg,#f5f5f5,#999);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.message-bubble{max-width:70%;padding:1rem 1.25rem;word-wrap:break-word;line-height:1.6;transition:transform .2s cubic-bezier(.4,0,.2,1)}.message-bubble:hover{transform:translateY(-2px)}.message-bubble strong{display:block;font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem;font-weight:600}.message-bubble p{margin:0;color:#ccc}.streaming-text{display:inline-block}.streaming-text:after{content:"▋";animation:blink 1s step-end infinite;margin-left:2px;color:#f5f5f5}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.frank-input-container{position:sticky;bottom:0;background:#0a0a0af2;border-top:1px solid rgba(255,255,255,.05);padding:1.5rem;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);opacity:0;transform:translateY(20px);animation:fadeInUp 1s cubic-bezier(.4,0,.2,1) 1s forwards}.frank-input-container form{max-width:900px;margin:0 auto;display:flex;gap:.75rem}.frank-input-container input{flex:1;padding:1rem 1.5rem;border:3px solid #f5f5f5;border-radius:12px;font-size:.95rem;outline:none;transition:all .3s cubic-bezier(.4,0,.2,1);background:#1a1a1a80;color:#f5f5f5;font-family:inherit}.frank-input-container input:focus{border-color:#fff9;background:#1a1a1acc;box-shadow:0 0 0 3px #ffffff0d}.frank-input-container input::placeholder{color:#666}.frank-input-container button{padding:1rem 2.5rem;background:linear-gradient(135deg,#f5f5f5,#999);color:#0a0a0a;border:none;border-radius:12px;font-size:.95rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-transform:uppercase;letter-spacing:.05em;position:relative;overflow:hidden}.frank-input-container button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#ffffff4d;border-radius:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s}.frank-input-container button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #fff3}.frank-input-container button:hover:not(:disabled):before{width:300px;height:300px}.frank-input-container button:active:not(:disabled){transform:translateY(0)}.frank-input-container button:disabled{opacity:.5;cursor:not-allowed;transform:none}@media (max-width: 1024px){.nav-content{padding:1.5rem 2rem}.nav-links{gap:1.5rem}.hero-titles h1{font-size:clamp(3rem,12vw,8rem)}.hero-description p{font-size:1.25rem}.career-experience-container,.career-timeline-container{padding:6rem 1.5rem 2rem}.experience-header h1,.timeline-header h1{font-size:clamp(2rem,5vw,3.5rem)}.experience{gap:1.25rem}.timeline-wrapper{padding:10rem 1rem}.timeline-item{min-width:200px}.timeline-item:not(:last-child){margin-right:2.5rem}.timeline-connector.connector-top,.timeline-connector.connector-bottom{height:100px}.timeline-content.content-top{bottom:calc(100% + 110px)}.timeline-content.content-bottom{top:calc(100% + 110px)}.frank-header{padding:5rem 1.5rem 1.5rem}.frank-header h1{font-size:clamp(1.75rem,4vw,3rem)}.frank-header h2{font-size:1rem}}@media (max-width: 768px){.nav-content{flex-direction:column;gap:1.5rem;padding:1rem 1.5rem}.nav-links{gap:1rem;flex-wrap:wrap;justify-content:center}.nav-links a{font-size:.9rem}.hero-section{padding:6rem 1.5rem 3rem}.hero-titles{margin-bottom:3rem}.hero-titles h1{font-size:clamp(2.5rem,10vw,6rem)}.hero-description p{font-size:1.1rem}.career-experience-container{padding:6rem 1.5rem 2rem;min-height:auto}.experience-header{margin-bottom:2rem}.experience-header h1{font-size:clamp(1.75rem,5vw,3rem)}.experience{grid-template-columns:1fr;gap:1rem}.role{padding:1.25rem}.role h3{font-size:1.25rem}.role .title{font-size:.9rem}.role:hover{transform:translateY(-2px)}details summary{font-size:.75rem;padding:.55rem .75rem}details ul li{font-size:.85rem;padding-left:1.1rem}.career-timeline-container{padding:6rem .5rem 2rem}.timeline-header{margin-bottom:2rem}.timeline-header h1{font-size:clamp(1.75rem,5vw,3rem)}.timeline-wrapper{padding:8rem .5rem}.timeline-item{min-width:180px}.timeline-item:not(:last-child){margin-right:2rem}.timeline-connector.connector-top,.timeline-connector.connector-bottom{height:80px}.timeline-content{padding:1rem 1.25rem;min-width:180px}.timeline-content.content-top{bottom:calc(100% + 90px)}.timeline-content.content-bottom{top:calc(100% + 90px)}.timeline-content h3{font-size:1rem}.timeline-content .timeline-dates{font-size:.85rem}.frank-header{padding:5rem 1rem 1.5rem}.frank-header h1{font-size:clamp(1.5rem,5vw,2.5rem)}.frank-header h2{font-size:.95rem}.frank-lottie-container .lottie-wrapper{width:150px;height:150px}.frank-lottie-container .lottie-wrapper:before{width:220px;height:220px}.frank-conversation{padding:1.5rem 1rem}.message-bubble{max-width:85%;padding:.875rem 1rem}.frank-input-container{padding:1rem}.frank-input-container form{flex-direction:column;gap:.5rem}.frank-input-container input{padding:.875rem 1.25rem}.frank-input-container button{padding:.875rem 1.5rem;width:100%}}.contact-container{min-height:100vh;background:#0a0a0a;padding:4rem 2rem;position:relative;display:flex;flex-direction:column;justify-content:center}.contact-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at center,rgba(255,255,255,.02) 0%,transparent 70%);pointer-events:none}.contact-content{max-width:1400px;margin:0 auto;width:100%;display:grid;grid-template-columns:1fr auto 1fr;gap:4rem;align-items:start}@media (max-width: 1024px){.contact-content{grid-template-columns:1fr;gap:3rem}}.contact-form-section .section-header{margin-bottom:2rem}.contact-form-section .section-header h2{font-size:clamp(2rem,4vw,3rem);font-weight:800;color:#f5f5f5;margin-bottom:.5rem;letter-spacing:-.03em;background:linear-gradient(135deg,#f5f5f5,#999);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.contact-form-section .section-header p{font-size:1.1rem;color:#999;font-weight:400}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.9rem;font-weight:600;color:#f5f5f5;text-transform:uppercase;letter-spacing:.05em}.form-group input,.form-group textarea{padding:1rem 1.25rem;background:#1a1a1a80;border:2px solid rgba(255,255,255,.1);border-radius:8px;color:#f5f5f5;font-size:1rem;font-family:inherit;transition:all .3s cubic-bezier(.4,0,.2,1)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#f5f5f5;background:#1a1a1acc;box-shadow:0 0 0 3px #ffffff0d}.form-group input::placeholder,.form-group textarea::placeholder{color:#666}.form-group textarea{resize:vertical;min-height:120px}.submit-button{padding:1rem 2.5rem;background:linear-gradient(135deg,#f5f5f5,#999);color:#0a0a0a;border:none;border-radius:8px;font-size:.95rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;margin-top:.5rem}.submit-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#ffffff4d;border-radius:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s}.submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #fff3}.submit-button:hover:not(:disabled):before{width:300px;height:300px}.submit-button:active:not(:disabled){transform:translateY(0)}.submit-button:disabled{opacity:.5;cursor:not-allowed}.success-message{background:#1a1a1acc;border:2px solid #f5f5f5;border-radius:12px;padding:3rem 2rem;text-align:center;animation:successPulse .6s cubic-bezier(.4,0,.2,1)}.success-message .success-icon{width:60px;height:60px;background:linear-gradient(135deg,#f5f5f5,#999);color:#0a0a0a;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;margin:0 auto 1.5rem}.success-message h3{font-size:1.5rem;font-weight:700;color:#f5f5f5;margin-bottom:.5rem}.success-message p{color:#999;font-size:1rem}@keyframes successPulse{0%{transform:scale(.95);opacity:0}50%{transform:scale(1.02)}to{transform:scale(1);opacity:1}}.contact-separator{position:relative;display:flex;align-items:center;justify-content:center;height:100%;min-height:400px}@media (max-width: 1024px){.contact-separator{display:none}}.separator-line{position:absolute;top:0;bottom:0;left:50%;width:2px;background:linear-gradient(to bottom,transparent 0%,rgba(255,255,255,.2) 10%,rgba(255,255,255,.3) 50%,rgba(255,255,255,.2) 90%,transparent 100%);transform:translate(-50%)}.separator-line:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:2px;height:0;background:linear-gradient(to bottom,#f5f5f5,transparent);animation:lineFlow 3s ease-in-out infinite}@keyframes lineFlow{0%{height:0;top:0}50%{height:100px;top:50%}to{height:0;top:100%}}.separator-dot{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:12px;height:12px;background:#f5f5f5;border-radius:50%;box-shadow:0 0 20px #ffffff80;z-index:2;animation:dotPulse 2s ease-in-out infinite}@keyframes dotPulse{0%,to{transform:translate(-50%,-50%) scale(1);box-shadow:0 0 20px #ffffff80}50%{transform:translate(-50%,-50%) scale(1.3);box-shadow:0 0 30px #fffc}}.contact-info-section .section-header{margin-bottom:2rem}.contact-info-section .section-header h2{font-size:clamp(2rem,4vw,3rem);font-weight:800;color:#f5f5f5;margin-bottom:.5rem;letter-spacing:-.03em;background:linear-gradient(135deg,#f5f5f5,#999);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.contact-info-section .section-header p{font-size:1.1rem;color:#999;font-weight:400}.profile-card{background:#1a1a1a80;border:2px solid rgba(255,255,255,.1);border-radius:16px;padding:2rem;transition:all .4s cubic-bezier(.4,0,.2,1)}.profile-card:hover{border-color:#fff3;background:#1a1a1acc;transform:translateY(-4px);box-shadow:0 8px 30px #0000004d}.profile-image-wrapper{margin-bottom:.5rem;display:flex;justify-content:center}.profile-image-wrapper .profile-image{margin-top:-1rem;width:190px;height:190px;border-radius:50%;object-fit:cover;border:3px solid #f5f5f5;transition:all .3s cubic-bezier(.4,0,.2,1)}.profile-image-wrapper .profile-image:hover{transform:scale(1.05);box-shadow:0 0 30px #ffffff4d}.contact-details{display:flex;flex-direction:column;gap:1.5rem}.contact-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:#ffffff05;border-radius:8px;transition:all .3s cubic-bezier(.4,0,.2,1)}.contact-item:hover{background:#ffffff0d;transform:translate(5px)}.contact-icon{width:40px;height:40px;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#f5f5f5;flex-shrink:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.contact-item:hover .contact-icon{background:linear-gradient(135deg,#f5f5f5,#999);color:#0a0a0a;transform:rotate(5deg)}.contact-text{flex:1;display:flex;flex-direction:column;gap:.25rem}.contact-text .contact-label{font-size:.75rem;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.1em}.contact-text a{color:#f5f5f5;text-decoration:none;font-size:1rem;font-weight:500;transition:color .3s}.contact-text a:hover{color:#f5f5f5;text-decoration:underline}.footer-bottom{margin-top:4rem;margin-bottom:-11rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.05);text-align:center}.footer-bottom p{color:#666;font-size:.9rem;font-weight:400}@media (max-width: 1024px){.contact-container{padding:3rem 1.5rem}.contact-content{gap:3rem}.profile-card{padding:1.5rem}}@media (max-width: 768px){.contact-container{padding:2rem 1rem}.contact-content{gap:2rem}.contact-form-section .section-header h2,.contact-info-section .section-header h2{font-size:clamp(1.5rem,5vw,2rem)}.contact-form-section .section-header p,.contact-info-section .section-header p{font-size:1rem}.profile-image-wrapper .profile-image{width:120px;height:120px}.contact-item{padding:.875rem}.footer-bottom{margin-top:3rem}}