.experience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;position:relative;margin-top:76px}.experience-grid:before{content:'';position:absolute;top:21px;left:0;right:0;height:1px;background:var(--coral)}.experience-card{position:relative;display:block;min-width:0;padding:0 24px 34px;border:0;border-left:1px solid var(--line);background:transparent;transition:background .25s,transform .25s}.experience-card:last-child{border-right:1px solid var(--line)}.experience-card:hover,.experience-card:focus-within{padding-left:24px;background:rgba(255,255,255,.4);transform:translateY(-8px)}.experience-marker{position:relative;display:flex;align-items:center;gap:14px;margin-top:0;margin-bottom:30px;padding:0;border:0;min-height:44px}.experience-marker:before{content:'';position:relative;left:auto;top:auto;flex:0 0 10px;width:10px;height:10px;border-radius:50%;background:var(--coral);box-shadow:0 0 0 5px var(--cream);order:2}.experience-marker img{width:42px;height:42px;object-fit:contain;background:var(--paper);padding:5px;order:1;box-shadow:0 3px 12px rgba(16,44,58,.12)}.experience-date{font-size:11px;line-height:1.4;color:var(--muted);order:3}.experience-summary h3{font-size:22px;line-height:1.2;margin:0 0 6px}.experience-summary .period{margin-top:6px}.experience-detail{color:var(--muted);font-size:13px;max-height:0;overflow:hidden;opacity:0;transform:translateY(8px);transition:max-height .35s ease,opacity .3s ease,transform .3s ease}.experience-card:hover .experience-detail,.experience-card:focus-within .experience-detail{max-height:300px;opacity:1;transform:none;margin-top:22px}.experience-detail p{margin:0}.experience-detail ul{margin:14px 0 0;padding-left:18px}.skill-item{display:inline-flex;align-items:center;gap:7px}.skill-item i{font-size:17px;color:var(--coral)}
@media(max-width:800px){.nav-links{display:none!important}.nav-links.is-open{display:flex!important}.experience-grid{display:grid;grid-template-columns:1fr;margin-top:42px}.experience-grid:before{top:0;bottom:0;left:5px;width:1px;height:auto;right:auto}.experience-card,.experience-card:hover,.experience-card:focus-within{border:0;border-bottom:1px solid var(--line);padding:0 0 34px 34px;margin-bottom:34px;transform:none;background:transparent}.experience-card:last-child{border-right:0}.experience-marker{margin:0 0 24px -34px;padding:0;gap:14px}.experience-marker:before{order:0}.experience-date{margin-left:auto}.experience-detail,.experience-card:hover .experience-detail,.experience-card:focus-within .experience-detail{max-height:none;opacity:1;transform:none;margin-top:20px}.section-heading{display:block}.section-note{max-width:100%;margin-top:20px}.skills-container{grid-template-columns:1fr 1fr}.projects-grid,.blog-grid{grid-template-columns:1fr}.project-card:first-child,.blog-card:first-child{grid-column:auto!important}.ai-layout,.contact-layout,.two-column{grid-template-columns:1fr}.footer-layout{grid-template-columns:1fr 1fr}.copyright{grid-column:span 2}}
@media(max-width:480px){.skills-container{grid-template-columns:1fr}.footer-layout{grid-template-columns:1fr}.copyright{grid-column:auto}}
@media(prefers-reduced-motion:reduce){.experience-detail{transition:none}}
.ocean{overflow:hidden}.ocean:before,.ocean:after{content:'';position:absolute;left:-10%;width:120%;height:32px;border-top:2px solid rgba(245,239,223,.32);border-radius:50%;animation:wave-drift 9s ease-in-out infinite alternate}.ocean:before{top:24%;transform:rotate(-2deg)}.ocean:after{top:62%;opacity:.55;animation-duration:13s;animation-direction:alternate-reverse}@keyframes wave-drift{from{transform:translateX(-3%) rotate(-2deg)}to{transform:translateX(4%) rotate(1deg)}}.bird{animation:bird-cross 18s linear infinite}.bird-two{animation-delay:-8s;animation-duration:24s}@keyframes bird-cross{0%{margin-left:-8vw;opacity:0}12%,82%{opacity:.75}100%{margin-left:108vw;opacity:0}}.hero-landscape{transform-style:preserve-3d}.hill-back{transform:rotate(-5deg) translateZ(-20px)}.hill-front{transform:rotate(-5deg) translateZ(10px)}