.intro{position:relative;padding:9rem 4rem 4rem;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:4rem;background-color:var(--color-fore);.intro-left{flex:1.1;max-width:680px;z-index:20}.intro-right{flex:1.3;z-index:20}.hero-perspective-container,.intro-right{display:flex;justify-content:flex-end;align-items:center;overflow:visible}.hero-perspective-container{perspective:1000px;width:100%}.hero-image-tilt-wrapper{transform-style:preserve-3d;width:100%;display:flex;justify-content:flex-end;overflow:visible}.intro-image{max-width:100%;width:100%;height:auto;-o-object-fit:contain;object-fit:contain;transform:translate(-30px);animation:heroFloat 18s ease-in-out infinite;will-change:transform}h1{font-size:4rem;margin-bottom:1.5rem;text-wrap:balance;color:var(--color-white)}p{font-size:1.25rem;font-weight:400;line-height:2.25rem;text-wrap:pretty;color:var(--color-white);span{font-weight:900}}}@keyframes heroFloat{0%{transform:translate(-30px) scale(1) rotate(0deg)}25%{transform:translate(-36px,-10px) scale(1.015) rotate(-.8deg)}50%{transform:translate(-24px,8px) scale(1.03) rotate(.8deg)}75%{transform:translate(-32px,-8px) scale(1.015) rotate(-.4deg)}to{transform:translate(-30px) scale(1) rotate(0deg)}}@media (prefers-reduced-motion:reduce){.intro .intro-image{animation:none}}@media (min-width:768px){.intro{min-height:calc(100dvh - var(--skills-pad-top) - var(--hero-peek))}}@media (max-width:992px){.intro{gap:2rem;padding:7.5rem 2rem 4rem;h1{font-size:3rem}}}@media (max-width:768px){.intro{flex-direction:column;align-items:center;padding:5.5rem 1.5rem 3.5rem;gap:1.75rem;.intro-left{width:100%;order:2;display:flex;flex-direction:column;align-items:center;text-align:center}.intro-right{width:100%;justify-content:center;order:1;margin-bottom:.5rem}.intro-image{max-width:75%;max-height:220px;width:auto;height:auto;-o-object-fit:contain;object-fit:contain;transform:none;animation:none}h1{font-size:2.25rem;margin-bottom:1rem}p{font-size:1.1rem;line-height:1.85rem}}}.skills-section{display:flex;flex-direction:column;justify-content:center;background:var(--color-fore);padding:var(--skills-pad-top) 4rem 6rem;h2{font-size:2.5rem;font-family:var(--font-family-headline);font-weight:800;text-align:center;margin-bottom:3rem;color:var(--color-white)}.skills{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem;list-style:none;margin:0 auto 2rem;padding:0;max-width:1200px;width:100%;.skill{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;background:#ffffff;border:1px solid rgba(15,23,42,.08);border-radius:12px;padding:1.25rem 1.5rem;min-width:110px;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:default;span{font-size:.85rem;font-weight:600;color:var(--color-white)}img{max-width:44px;height:auto;-o-object-fit:contain;object-fit:contain}}.skill:hover{transform:translateY(-4px);border-color:rgba(15,23,42,.15)}}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;max-width:1600px;margin:0 auto;&>div{display:flex;height:100%}.skill-card{background:#ffffff;padding:2.25rem 2rem;border-radius:16px;border:1px solid rgba(15,23,42,.08);transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;height:100%;width:100%;h3{font-size:1.25rem;font-family:var(--font-family-headline);font-weight:700;color:var(--color-white);margin-bottom:1.5rem;padding-left:.75rem;line-height:1.2}.skill-list{list-style:none;display:flex;flex-wrap:wrap;align-items:flex-start;align-content:flex-start;gap:.5rem;padding:0;margin:0;flex-grow:1;li{font-size:.85rem;font-weight:500;line-height:1;padding:.35rem .85rem;background:rgba(15,23,42,.04);border:1px solid rgba(15,23,42,.08);border-radius:999px;color:var(--color-white);transition:all .2s cubic-bezier(.4,0,.2,1);cursor:default}}}.skill-card:hover{transform:translateY(-6px);border-color:rgba(15,23,42,.15)}&>div:first-child{.skill-card h3{border-left:3px solid var(--color-primary)}.skill-list li:hover{background-color:var(--color-primary);border-color:var(--color-primary);color:#ffffff;transform:scale(1.05)}}&>div:nth-child(2){.skill-card h3{border-left:3px solid var(--color-secondary)}.skill-list li:hover{background-color:var(--color-secondary);border-color:var(--color-secondary);color:#ffffff;transform:scale(1.05)}}&>div:nth-child(3){.skill-card h3{border-left:3px solid #6366f1}.skill-list li:hover{background-color:#6366f1;border-color:#6366f1;color:#ffffff;transform:scale(1.05)}}&>div:nth-child(4){.skill-card h3{border-left:3px solid #f59e0b}.skill-list li:hover{background-color:#f59e0b;border-color:#f59e0b;color:#ffffff;transform:scale(1.05)}}}}@media (max-width:1260px){.skills-section{.skills-grid{grid-template-columns:1fr 1fr}}}@media (max-width:992px){.skills-section{padding-left:2rem;padding-right:2rem}}@media (max-width:768px){.skills-section{padding:4rem 1.5rem;h2{margin-bottom:2.5rem}.skills{margin-bottom:3rem;gap:1rem;.skill{padding:1rem 1.25rem;min-width:95px;img{max-width:36px}}}.skills-grid{grid-template-columns:1fr}}}.photo-interlude-1{z-index:0;position:relative;height:auto}.skills-section:has(+.photo-interlude-1){padding-bottom:2rem}.photo-interlude-1+.projects{padding-top:2rem}.photo-interlude-2{z-index:0;position:relative;height:640px}@media (max-width:500px){.photo-interlude-2{height:440px}}.projects{display:flex;flex-direction:column;justify-content:center;padding:4rem;background:var(--color-fore);h2{width:-moz-fit-content;width:fit-content;font-size:2.5rem;margin:0 auto 2rem}}@media (max-width:992px){.projects{padding-left:2rem;padding-right:2rem}}@media (max-width:768px){.projects{padding:4rem 1.5rem}}.project-section{display:flex;flex-direction:row;gap:8px;height:100%;color:var(--color-white);padding:2rem;border:1px solid rgba(0,0,0,.15);align-items:center;justify-content:center;border-radius:1rem;&.vertical{flex-direction:column;align-items:flex-start}}.project-content{display:flex;flex-direction:column;padding-right:1rem;flex-grow:1}.project-title{font-size:2rem;margin-bottom:.5rem}.project-subtitle{text-transform:uppercase;font-size:1rem;margin-bottom:1rem}.project-description{margin-bottom:1rem;font-size:.9rem;flex-grow:1}.skill-list{display:flex;gap:.5rem;margin-bottom:2rem;flex-wrap:wrap}.skill-list li{padding:.25rem .75rem;font-size:.75rem;font-family:var(--font-family-headline);font-weight:700;background-color:var(--color-primary);color:#ffffff;border-radius:999px}.project-media{flex-grow:1;display:flex}.project-image,.project-video{width:100%;height:auto;min-width:380px;border-radius:12px;border:1px solid rgba(15,23,42,.12)}@media (max-width:860px){.project-image,.project-video{min-width:unset}}.project-image-bordered{border:1px solid rgba(0,0,0,.08)}.project-video-borderless{border:none}.project-section.vertical .project-media{align-self:stretch;width:100%}.project-section.vertical .project-media>*{flex:1;width:100%}.project-section.vertical .project-image,.project-section.vertical .project-video{min-width:0}.offsite-button{padding:.75rem 1.5rem;font-family:var(--font-family-headline);text-transform:uppercase;font-size:.8rem;font-weight:700;background-color:var(--color-secondary);color:var(--color-black);transition:background-color .3s;border-radius:1.5rem;&:hover{background-color:var(--color-primary);color:#fff}}@media (max-width:768px){.project-section{flex-direction:column;.project-content{order:2}.project-media{order:1;width:100%;margin-bottom:1rem;video{max-height:60vh}}}}