:root{color-scheme:light;--page:#f2f2f2;--ink:#000000a8;--ink-strong:#000000c7;--white-glass:#ffffff3d;--line:#ffffff8c;--pink:#ff5e97;--orange:#f6904f;--gradient:linear-gradient(90deg, var(--pink), var(--orange));--container:min(100% - 12rem, 1184px)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--page);color:var(--ink);margin:0;font-family:Jost,Inter,system-ui,sans-serif}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.site-shell{position:relative;overflow:hidden}.section-pad{width:var(--container);margin-inline:auto;position:relative}.orb{z-index:-1;aspect-ratio:1;filter:blur(34px);opacity:.8;transform-origin:50%;will-change:transform, opacity;background:radial-gradient(circle at 35% 30%,#ff5e97c7,#0000 30%),radial-gradient(circle at 64% 60%,#f6904fb8,#0000 32%);border-radius:999px;width:clamp(20rem,45vw,46rem);animation:4s ease-in-out infinite alternate orb-drift-a;position:absolute;transform:translate(0,0)rotate(-22deg)scale(1)}@keyframes orb-drift-a{0%{opacity:.72;transform:translate(-1.1rem,.4rem)rotate(-24deg)scale(.98)}42%{opacity:.84;transform:translate(.8rem,-.9rem)rotate(-18deg)scale(1.03)}to{opacity:.78;transform:translate(1.4rem,.7rem)rotate(-21deg)scale(1.01)}}@keyframes orb-drift-b{0%{opacity:.66;transform:translate(.9rem,-.5rem)rotate(-28deg)scale(1.02)}48%{opacity:.82;transform:translate(-.7rem,1rem)rotate(-20deg)scale(.97)}to{opacity:.74;transform:translate(-1.3rem,-.2rem)rotate(-25deg)scale(1.04)}}@keyframes orb-drift-c{0%{opacity:.7;transform:translate(-.4rem,-1rem)rotate(-16deg)scale(1)}36%{opacity:.86;transform:translate(1.2rem,.2rem)rotate(-23deg)scale(1.05)}to{opacity:.76;transform:translate(.2rem,1.1rem)rotate(-19deg)scale(.98)}}.hero{align-items:center;min-height:min(46rem,82vh);display:grid}.hero-title-lock{width:fit-content;display:inline-block;position:relative}.hero h1{color:#0000;-webkit-text-fill-color:transparent;letter-spacing:0;background:linear-gradient(#111 0%,#666 100%) text;margin:0;font-size:clamp(5.2rem,21vw,18.75rem);font-weight:400;line-height:.94}.hero-o{color:#0000;-webkit-text-fill-color:transparent;background:linear-gradient(#111 0%,#666 100%) text;display:inline-block;position:relative}.hero-seal{pointer-events:none;width:110%;max-width:none;height:auto;position:absolute;top:58%;left:7%}.orb-hero{animation-duration:5s;top:4rem;right:-11rem}.intro{padding-block:3rem 9rem}.eyebrow{background:var(--gradient);color:#0000;background-clip:text;margin:0 0 .25rem;font-size:clamp(1.55rem,3vw,2.5rem)}.intro h2,.skills h2,.project-heading h2,.project-copy h2,.project-copy h3,.profile-card h2{color:var(--ink-strong);margin:0;font-size:clamp(2.6rem,7vw,6.25rem);line-height:1}.intro-copy{max-width:49rem;margin:1.2rem 0 5.8rem;font-size:clamp(1rem,1.7vw,1.25rem);font-weight:500;line-height:1.6}.orb-intro-a{animation-name:orb-drift-b;animation-duration:4s;animation-delay:-1.6s;top:22rem;left:-23rem}.orb-intro-b{animation-name:orb-drift-c;animation-duration:7s;animation-delay:-3.2s;bottom:-11rem;right:-22rem}.stats-grid,.skills-grid{grid-template-columns:repeat(3,1fr);gap:clamp(1rem,3vw,2.75rem);display:grid}.glass-card{border:1px solid var(--line);background:var(--white-glass);backdrop-filter:blur(18px);border-radius:25px;min-height:8.4rem;box-shadow:0 24px 70px #ff5e970f}.stat-card{padding:1.25rem 1.35rem;position:relative}.stat-card img,.skill-card img{object-fit:contain;width:3.35rem;height:3.35rem}.stat-card strong{color:var(--ink-strong);font-size:1.4rem;position:absolute;top:1rem;right:1.35rem}.stat-card h3,.skill-card h3{color:var(--ink);text-transform:uppercase;margin:1rem 0 .25rem;font-size:1rem;font-weight:500}.stat-card p{margin:0;font-size:.78rem;font-weight:500}.skills{text-align:center;padding-block:5rem 10rem}.skills h2{font-size:clamp(2rem,4vw,2.1rem)}.tool-row{justify-content:center;align-items:center;gap:clamp(1.8rem,5vw,3.5rem);margin:1.8rem 0 8rem;display:flex}.tool-row img,.tool-icon{aspect-ratio:1;object-fit:cover;filter:drop-shadow(0 10px 18px #0000001a);width:clamp(4.1rem,8vw,6.75rem)}.tool-icon{background-repeat:no-repeat;background-size:auto 100%;display:block}.tool-figma{background-image:url(figma-logo.9a3bda99.webp);background-position:0;background-size:220%}.skill-card{text-align:left;min-height:8.4rem;padding:1.25rem}.orb-skills-a{animation-name:orb-drift-b;animation-duration:6s;animation-delay:-4.4s;top:5rem;right:-16rem}.orb-skills-b{animation-name:orb-drift-c;animation-duration:3s;animation-delay:-.8s;bottom:-9rem;left:-19rem}.project{padding-block:3rem 8rem}.project-heading{justify-content:space-between;align-items:end;gap:1.5rem;margin-bottom:2rem;display:flex}.project-heading h2{font-size:clamp(2rem,4vw,2.1rem)}.project-tabs{flex-wrap:wrap;justify-content:flex-end;gap:.65rem;display:flex}.project-tab{border:1px solid var(--line);color:#0000009e;cursor:pointer;text-transform:uppercase;background:#ffffff47;border-radius:999px;min-height:2.35rem;padding:.35rem 1rem;font-family:Manrope,sans-serif;font-size:.75rem;font-weight:700;transition:background .16s,color .16s,transform .16s}.project-tab:hover,.project-tab:focus-visible{background:#ffffffa6;transform:translateY(-1px)}.project-tab[aria-selected=true]{background:var(--gradient);color:#fff;border-color:#0000}.project-gallery{grid-template-columns:minmax(0,min(100%,38rem));gap:1.5rem;margin-bottom:4rem;display:grid}.project-gallery figure{background:#fff;border-radius:25px;height:clamp(15rem,27vw,24.25rem);margin:0;overflow:hidden}.project-gallery img{object-fit:cover;width:100%;height:100%}.project-copy{max-width:40rem}.project-copy h2,.project-copy h3{margin-bottom:1.25rem;font-size:clamp(2rem,4vw,2.1rem)}.project-copy p{color:#000000ad;margin:0;font-size:clamp(1.05rem,2vw,1.38rem);line-height:1.45}.tags{flex-wrap:wrap;gap:.75rem;margin-top:1.45rem;display:flex}.tags span,.cta{color:#000000a6;text-transform:uppercase;background:#ffffff47;border-radius:12px;min-height:1.5rem;padding:.25rem 1rem;font-family:Manrope,sans-serif;font-size:.75rem;font-weight:700;line-height:1.35}.browser-window{aspect-ratio:1183/692;background:#fff;border-radius:10px 10px 4px 4px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 28px 90px #ff5e9729}.browser-chrome{align-items:center;gap:.38rem;height:1.75rem;padding-inline:1rem;display:flex}.browser-chrome span{border-radius:99px;width:.5rem;height:.5rem}.browser-chrome span:first-child{background:#ff5f56}.browser-chrome span:nth-child(2){background:#ffbd2e}.browser-chrome span:nth-child(3){background:#27c93f}.browser-window img{object-fit:cover;object-position:top center;width:100%;height:100%;min-height:0}.project-carousel{--carousel-pad:max(1.5rem, calc((100vw - 1184px) / 2));width:100%;padding-top:2rem}.carousel-header{padding-inline:var(--carousel-pad);justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.6rem;display:flex}.carousel-header h2{color:var(--ink-strong);margin:0;font-size:clamp(2rem,4vw,2.1rem);line-height:1}.carousel-controls{gap:.75rem;display:flex}.carousel-btn{border:1px solid var(--line);color:#0000009e;cursor:pointer;background:#ffffff61;border-radius:999px;width:2.75rem;height:2.75rem;font:400 2rem/1 Jost,sans-serif;transition:background .16s,transform .16s}.carousel-btn:hover{background:#ffffffad;transform:translateY(-1px)}.carousel-viewport{scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;overflow:auto hidden}.carousel-viewport::-webkit-scrollbar{display:none}.carousel-track{display:flex}.carousel-slide{min-width:0;padding-inline:var(--carousel-pad);scroll-snap-align:start;scroll-snap-stop:always;flex:0 0 100%}.carousel-slide .project-copy{margin-top:3rem}.carousel-dots{padding-inline:var(--carousel-pad);justify-content:center;gap:.75rem;margin-top:2.2rem;display:flex}.carousel-dots button{cursor:pointer;background:#0003;border:0;border-radius:999px;width:.55rem;height:.55rem;padding:0}.carousel-dots button[aria-current]{background:var(--gradient);width:1.8rem}.orb-devialize{animation-name:orb-drift-b;animation-duration:7s;animation-delay:-2.7s;bottom:-9rem;right:-21rem}.profile-section{place-items:center;min-height:55rem;padding-block:6rem 9rem;display:grid}.profile-card{backdrop-filter:blur(24px);text-align:center;background:#ffffff2e;border:1px solid #ffffff85;border-radius:90px;width:min(100%,47.3rem);min-height:50rem;box-shadow:0 36px 100px #f6904f1c}.profile-photo{object-fit:cover;border-radius:999px;width:15.75rem;height:15.75rem;margin:7.6rem auto 2rem}.profile-card h2{background:var(--gradient);color:#0000;-webkit-text-fill-color:transparent;background-clip:text;padding-bottom:.08em;font-size:clamp(2rem,4vw,2.5rem);line-height:1.16}.profile-card p{background:var(--gradient);color:#0000;text-align:left;background-clip:text;max-width:37rem;margin:7.6rem auto 1rem;font-size:clamp(1rem,2vw,1.25rem);font-weight:500;line-height:1.45}.cta{background:var(--gradient);color:#fff;justify-content:center;align-items:center;margin-right:20rem;display:inline-flex}.orb-profile-a{animation-name:orb-drift-c;animation-duration:5s;animation-delay:-3.8s;bottom:3rem;left:-18rem}.orb-profile-b{animation-duration:6s;animation-delay:-1.9s;top:5rem;right:-21rem}.site-footer{color:#fff;background:linear-gradient(90deg,#ff5e97bd,#f6904f9e);justify-content:space-between;align-items:center;min-height:24.5rem;padding:5rem max(7vw,1.5rem);display:flex}.site-footer h2,.site-footer p{margin:0 0 .8rem;font-size:1rem}.site-footer h2{text-transform:uppercase;font-weight:700}.site-footer address{gap:.2rem;margin:.2rem 0 1.25rem;font-family:Inter,system-ui,sans-serif;font-style:normal;line-height:1.4;display:grid}.social-links{gap:1.25rem;display:flex}.social-links img{width:1.5rem;height:1.5rem}.footer-logo{opacity:.86;width:min(11rem,28vw)}@media (width<=980px){:root{--container:min(100% - 3rem, 44rem)}.hero{min-height:34rem}.intro{padding-block:1rem 5.5rem}.intro-copy{margin-bottom:3rem}.stats-grid,.skills-grid,.project-gallery{grid-template-columns:1fr}.stat-card,.skill-card{min-height:7.8rem}.skills{padding-block:3rem 5.5rem}.tool-row{margin-bottom:4rem}.project{padding-block:2rem 5.5rem}.project-gallery{gap:1rem}.project-heading{gap:1.25rem;display:grid}.project-tabs{justify-content:flex-start}.project-gallery figure{aspect-ratio:1.18;height:auto}.browser-window{border-radius:10px}.carousel-header{align-items:flex-end}.profile-section{min-height:auto;padding-block:3rem 5rem}.profile-card{border-radius:44px;min-height:auto;padding:4rem 1.5rem}.profile-photo{width:11rem;height:11rem;margin:0 auto 1.6rem}.profile-card p{text-align:center;margin:3rem auto 1.5rem}.cta{margin-right:0}}@media (width<=560px){:root{--container:min(100% - 1.5rem, 34rem)}.orb{filter:blur(28px);opacity:.62;width:22rem}.hero{min-height:21rem}.hero h1{font-size:clamp(4.2rem,24vw,6.6rem)}.eyebrow{font-size:1.15rem}.intro h2{font-size:clamp(3rem,16vw,4.5rem)}.intro-copy{font-size:1rem;line-height:1.55}.stat-card h3,.skill-card h3{font-size:.95rem}.tool-row{gap:1.1rem}.project-gallery figure,.glass-card{border-radius:18px}.carousel-header{display:grid}.carousel-controls{justify-self:end}.carousel-btn{width:2.4rem;height:2.4rem;font-size:1.7rem}.tags span,.cta{text-align:center;justify-content:center;width:100%}.profile-card{border-radius:32px}.site-footer{gap:3rem;min-height:20rem;display:grid}.footer-logo{justify-self:end}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.carousel-track{transition:none;animation:none}}
/*# sourceMappingURL=juliapenna.com.80ec9314.css.map */