@media (width>=900px){.page-home .bg-top{z-index:2;background-color:#050505;width:172.8rem;height:111.7rem;position:absolute;top:0;left:0}.page-home .bg-bottom{z-index:1;background-color:#050505;width:172.8rem;height:377.1rem;position:absolute;top:146.1rem;left:0}.page-home .site-header__name{white-space:nowrap;color:#fff;z-index:6;font-size:3.5rem;font-weight:500;line-height:4.2rem;position:absolute;top:4.4rem;left:10rem}.page-home .site-header__link--about{white-space:nowrap;color:#fff;z-index:8;font-size:3rem;font-weight:500;line-height:3.6rem;position:absolute;top:0;left:0}.page-home .site-header__link--projects{white-space:nowrap;color:#fff;z-index:9;font-size:3rem;font-weight:500;line-height:3.6rem;position:absolute;top:0;left:21.6rem}.page-home .site-header__link--contact{white-space:nowrap;color:#fff;z-index:10;font-size:3rem;font-weight:500;line-height:3.6rem;position:absolute;top:0;left:39.7rem}.page-home .site-header__nav{z-index:7;width:51.3rem;height:3.6rem;position:absolute;top:4.5rem;left:111.5rem}.page-home .site-header__rule{transform-origin:0;z-index:11;background-color:#fff;width:152.801rem;height:.1rem;position:absolute;top:9.25rem;left:10rem;rotate:.1839deg}.page-home .hero__avatar{z-index:102;width:71.1rem;height:75.9rem;position:absolute;top:15.3rem;left:7.8rem}.page-home .hero__role{white-space:nowrap;color:#fff;z-index:4;font-size:4rem;font-weight:500;line-height:4.8rem;position:absolute;top:26.5rem;left:86.7rem}.page-home .hero__title{color:#fff;z-index:3;width:71.8rem;font-size:20rem;font-weight:800;line-height:22rem;position:absolute;top:30.4rem;left:86.4rem}.page-home .hero__star{z-index:25;width:21.7rem;height:21.7rem;position:absolute;top:52.1rem;left:127.7rem}.page-home .hero__name{white-space:nowrap;color:#fff;z-index:5;font-size:3.5rem;font-weight:500;line-height:4.2rem;position:absolute;top:73.8rem;left:87.2rem}.page-home .about__card{z-index:22;background-color:#fff;border-radius:2rem;width:160.8rem;height:65.2rem;position:absolute;top:97.9rem;left:6rem;box-shadow:0 0 5.74rem 0 #00000059}.page-home .about__title{white-space:nowrap;color:#050505;z-index:24;width:58.2rem;font-size:10rem;font-weight:800;line-height:22rem;position:absolute;top:101.2rem;left:20.4rem}.page-home .about__text{color:#060606;z-index:40;width:126.3rem;font-size:3rem;font-weight:500;line-height:3.6rem;position:absolute;top:123.1rem;left:21.3rem}.page-home .about__avatar{z-index:103;width:42.9rem;height:44.95rem;position:absolute;top:143.986rem;left:129.914rem}.page-home .skills__bg{z-index:41;background-color:#fff;width:172.8rem;height:80.8rem;position:absolute;top:172.4rem;left:0}.page-home .skills__title{color:#050505;z-index:42;width:82.7rem;font-size:10rem;font-weight:800;line-height:10rem;position:absolute;top:177.6rem;left:9.4rem}.page-home .skills__star{z-index:43;width:9.3rem;height:9.3rem;position:absolute;top:177.6rem;left:90.3rem}.page-home .skills__rule{transform-origin:0;z-index:45;background-color:#000;width:54.901rem;height:.1rem;position:absolute;top:193.75rem;left:86.4rem;rotate:89.6869deg}.page-home .skills__label--skills{white-space:nowrap;color:#000;z-index:46;width:11.8rem;font-size:4rem;font-weight:700;line-height:9rem;position:absolute;top:193.8rem;left:11.1rem}.page-home .skills__label--tools{white-space:nowrap;color:#000;z-index:47;width:11.8rem;font-size:4rem;font-weight:700;line-height:9rem;position:absolute;top:193.8rem;left:91.7rem}.page-home .skills__pill--1{z-index:63;background-color:#491a82;border-radius:4rem;width:33.2rem;height:9rem;position:absolute;top:206.9rem;left:9.4rem}.page-home .skills__pill--2{z-index:65;background-color:#491a82;border-radius:4rem;width:33.2rem;height:9rem;position:absolute;top:206.9rem;left:44.6rem}.page-home .skills__pill--3{z-index:67;background-color:#491a82;border-radius:4rem;width:33.2rem;height:9rem;position:absolute;top:219.8rem;left:9.4rem}.page-home .skills__pill--4{z-index:69;background-color:#491a82;border-radius:4rem;width:33.2rem;height:9rem;position:absolute;top:219.8rem;left:44.6rem}.page-home .skills__pill--5{z-index:71;background-color:#491a82;border-radius:4rem;width:33.2rem;height:9rem;position:absolute;top:232.7rem;left:9.4rem}.page-home .skills__pill--6{z-index:73;background-color:#491a82;border-radius:4rem;width:33.2rem;height:9rem;position:absolute;top:232.7rem;left:44.6rem}.page-home .skills__pill{color:#fff;font-size:3rem;font-weight:600;line-height:9rem}.page-home .tool__icon--figma{z-index:49;width:11.2rem;height:11.2rem;position:absolute;top:202.9rem;left:114.5rem}.page-home .tool__icon--photoshop{z-index:76;width:11rem;height:11rem;position:absolute;top:203rem;left:134.4rem}.page-home .tool__icon--github{z-index:82;width:11rem;height:11rem;position:absolute;top:225.6rem;left:107.4rem}.page-home .tool__icon--vscode{z-index:88;width:11rem;height:11rem;position:absolute;top:225.6rem;left:125.2rem}.page-home .tool__icon--illustrator{z-index:97;width:11rem;height:11rem;position:absolute;top:225.6rem;left:143rem}.page-home .tool__label--figma{white-space:nowrap;color:#000;text-align:center;z-index:61;width:11.2rem;font-size:3rem;font-weight:600;line-height:9rem;position:absolute;top:212.1rem;left:114.5rem}.page-home .tool__label--photoshop{color:#000;z-index:79;width:16.2rem;font-size:3rem;font-weight:600;line-height:5rem;position:absolute;top:214.3rem;left:131.8rem}.page-home .tool__label--github{color:#000;z-index:86;width:11rem;font-size:3rem;font-weight:600;line-height:5rem;position:absolute;top:236.9rem;left:107.4rem}.page-home .tool__label--vscode{color:#000;z-index:95;width:12.2rem;font-size:3rem;font-weight:600;line-height:5rem;position:absolute;top:236.9rem;left:124.6rem}.page-home .tool__label--illustrator{color:#000;z-index:101;width:14.2rem;font-size:3rem;font-weight:600;line-height:5rem;position:absolute;top:236.9rem;left:141.4rem}.page-home .projects__title{white-space:nowrap;color:#fff;z-index:23;width:95.7rem;font-size:10rem;font-weight:800;line-height:18rem;position:absolute;top:259.1rem;left:7.8rem}.page-home .projects__subtitle{white-space:nowrap;color:#dbdbdb;z-index:12;width:62.6rem;font-size:4rem;font-weight:400;line-height:9rem;position:absolute;top:271.7rem;left:7.8rem}.page-home .projects__waves{z-index:27;width:172.8rem;height:104rem;position:absolute;top:318rem;left:0}.page-home .project-card{z-index:29;border-radius:5rem;width:59.1rem;height:58.9rem;position:absolute;top:299.1rem;left:104.8rem;overflow:hidden}.page-home .project-card__bg{z-index:30;background-color:#111;border-radius:5rem;width:59.1rem;height:63rem;position:absolute;top:-.3rem;left:0}.page-home .project-card__title{white-space:nowrap;color:#dbdbdb;z-index:32;width:51rem;font-size:3.5rem;font-weight:700;line-height:7rem;position:absolute;top:4.6rem;left:6.3rem}.page-home .project-card__text{color:#dbdbdb;z-index:31;width:51rem;font-size:3rem;font-weight:500;line-height:6rem;position:absolute;top:14.4rem;left:6.3rem}.page-home .project-card__button{z-index:34;background-color:#1e1e1e;border-radius:7rem;width:43.2rem;height:11rem;position:absolute;top:43.9rem;left:8rem;box-shadow:inset 0 .2rem .492rem 0 #525252,0 0 1.64rem 0 #0003}.page-home .project-card__arrow{z-index:35;width:10.3rem;height:8.5rem;position:absolute;top:1.2rem;left:31.6523rem}.page-home .project-card__cta{white-space:nowrap;color:#dbdbdb;z-index:39;width:17.4162rem;font-size:3rem;font-weight:600;line-height:7rem;position:absolute;top:2rem;left:9.2432rem}.page-home .projects__phone--back{z-index:104;width:64.5rem;height:94.8rem;position:absolute;top:292.1rem;left:44.8rem}.page-home .projects__phone--front{z-index:105;width:60.9rem;height:107.6rem;position:absolute;top:282.9rem;left:8.6rem}}.page-home{background:#050505}@media (width>=900px){.page-home .canvas{background:#dbdbdb;height:429rem}.page-home .hero{height:97.9rem}.page-home .about{height:74.5rem}.page-home .skills{height:80.8rem}.page-home .projects{height:175.8rem}.skills__pill{color:#fff;justify-content:center;align-items:center;display:flex}.projects__waves{overflow:visible}}.project-card__bg{background-color:#111;background-image:linear-gradient(to bottom left,#1e1e1e33,#56565633)}.project-card__arrow{transition:transform .35s cubic-bezier(.34,1.56,.64,1)}.project-card__button:hover .project-card__arrow,.project-card__button:focus-visible .project-card__arrow{transform:translate(.8rem)}.project-card__button{transition:filter .3s}.project-card__button:hover{filter:brightness(1.15)}.skills__pill{transition:translate .3s}.skills__pill:hover{translate:0 -.4rem}@media (width<=899.98px){.page-home .bg-top,.page-home .bg-bottom,.skills__bg{display:none}.hero{padding:3.2rem var(--gutter) 6.4rem;color:#fff;flex-direction:column;align-items:center;display:flex}.hero__avatar{width:min(78vw,38rem);height:auto}.hero__text{--t:clamp(7.2rem, 26vw, 11rem);width:calc(var(--t) * 3.15);margin-top:2.4rem;position:relative}.hero__role{margin-left:calc(var(--t) * .015);font-size:calc(var(--t) * .2);font-weight:500;line-height:calc(var(--t) * .24)}.hero__title{margin-top:calc(var(--t) * -.045);font-size:var(--t);font-weight:800;line-height:1.1}.hero__title .ln{display:block}.hero__star{left:calc(var(--t) * 2.065);top:calc(var(--t) * 1.28);width:calc(var(--t) * 1.085);height:auto;position:absolute}.hero__name{margin:calc(var(--t) * -.03) 0 0 calc(var(--t) * .04);font-size:calc(var(--t) * .175);font-weight:500;line-height:calc(var(--t) * .21)}.about{margin:0 var(--gutter);color:#060606;padding:3.2rem 2.4rem 4.8rem;position:relative}.about__card{background:#fff;border-radius:2rem;position:absolute;inset:0}.about__title{color:#050505;margin-bottom:1.6rem;font-size:clamp(3.6rem,11vw,5.6rem);font-weight:800;line-height:1.1;position:relative}.about__text{font-size:1.6rem;font-weight:500;line-height:1.5;position:relative}.about__avatar{z-index:2;width:12.8rem;height:auto;position:absolute;bottom:-7.2rem;right:-1.6rem}.skills{padding:5.6rem var(--gutter) 6.4rem;color:#000;background:#fff;margin-top:8rem;position:relative}.skills__head{align-items:flex-start;gap:.4rem;display:flex}.skills__title{color:#050505;white-space:nowrap;font-size:min(9.6vw,6.4rem);font-weight:800;line-height:1}.skills__star{width:min(8.9vw,6rem);height:auto}.skills__label{margin:3.2rem 0 1.6rem;font-size:2.2rem;font-weight:700;line-height:1.2}.skills__pills{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.skills__pill{color:#fff;text-align:center;background:#491a82;border-radius:2.4rem;justify-content:center;align-items:center;min-height:4.8rem;padding:.8rem 1rem;font-size:1.5rem;font-weight:600;line-height:1.2;display:flex}.skills__rule{background:#000;height:1px;margin-top:4rem;display:block}.tools{grid-template-columns:repeat(6,1fr);row-gap:2.4rem;max-width:36rem;margin:0 auto;display:grid}.tool{flex-direction:column;grid-column:span 2;align-items:center;gap:.6rem;display:flex}.tool:first-child{grid-column:2/span 2}.tool__icon{width:5.6rem;height:5.6rem}.tool__label{font-size:1.4rem;font-weight:600;line-height:1.2}.projects{padding:5.6rem var(--gutter) 0;color:#fff;flex-direction:column;display:flex;position:relative;overflow:hidden}.projects__title{font-size:clamp(4rem,12vw,6.4rem);font-weight:800;line-height:1.1}.projects__subtitle{color:#dbdbdb;margin-top:.4rem;font-size:1.8rem;line-height:1.4}.projects__phones{aspect-ratio:1007/1076;order:1;width:100%;max-width:44rem;margin:2.4rem auto 0;position:relative}.projects__phone{height:auto;position:absolute}.projects__phone--back{width:64.052%;top:8.55%;left:35.948%}.projects__phone--front{width:60.477%;top:0;left:0}.project-card{border-radius:3.2rem;order:2;margin-top:2.4rem;padding:2.8rem 2.4rem 3.2rem;position:relative;overflow:hidden}.project-card__bg{position:absolute;inset:0}.project-card__title{color:#dbdbdb;font-size:2.2rem;font-weight:700;line-height:1.4;position:relative}.project-card__text{color:#dbdbdb;margin-top:1.2rem;font-size:1.6rem;font-weight:500;line-height:1.75;position:relative}.project-card__button{background:#1e1e1e;border-radius:3.2rem;justify-content:space-between;align-items:center;height:6.4rem;margin-top:2.4rem;padding:0 .6rem 0 2.4rem;display:flex;position:relative;box-shadow:inset 0 .2rem .6rem #525252,0 0 2rem #0003}.project-card__cta{color:#dbdbdb;font-size:1.7rem;font-weight:600}.project-card__arrow{width:6.2rem;height:auto}.projects__waves{width:calc(100% + 2 * var(--gutter));height:auto;margin:4rem calc(-1 * var(--gutter)) 2.4rem;order:3}}