:root{--projects-padding-block-start:60px;--projects-padding-block-end:30px;--hero-portrait-padding-inline:20px;--hero-portrait-offset:20px;--hero-portrait-min-width:300px;--hero-portrait-max-width:500px;--hero-portrait-name-right:0px;--hero-portrait-name-right-limit:-85px;--hero-portrait-name-screen-margin:10px}.above-fold{min-height:100svh;display:flex;flex-direction:column}.hero-section{flex:1;position:relative;background-color:var(--kawaii-silver);display:flex;flex-direction:column;justify-content:space-between;gap:40px}.hero-section .container{position:relative;z-index:1}.hero-section .container:first-of-type{padding-block-start:clamp(20px,5svh,50px)}.hero-section .container:last-of-type{position:absolute;bottom:0;left:0;right:0;padding-block-end:18px}.hero-section__info{display:flex;flex-direction:column;align-items:center;gap:15px}.hero-section__text{text-align:center}.hero-section__text h1,.hero-section__text p{font-family:var(--font-serif);font-weight:400;font-style:italic}.hero-section__text h1{color:var(--metallic-black);line-height:1.1;font-size:1.8rem;margin-block-end:2px}.hero-section__text p{color:var(--metallic-black-soft);font-size:.95rem}.hero-section__socials{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px}.hero-section__social{display:flex;align-items:center;flex-shrink:0;color:var(--dark-silver);transition:color .2s}.hero-section__social:hover{color:var(--metallic-black)}.hero-section__social svg{height:15px;width:auto;display:block}.hero-section__portrait-wrap{margin-block-start:auto;margin-block-end:calc(-1 * var(--hero-portrait-offset));align-self:center;width:calc(100% - 2 * var(--hero-portrait-padding-inline));min-width:var(--hero-portrait-min-width);max-width:var(--hero-portrait-max-width);position:relative}.hero-section__portrait-wrap::after{content:'';position:absolute;bottom:0;left:0;right:0;height:10px;background:linear-gradient(to bottom,transparent,var(--kawaii-silver));pointer-events:none}.hero-section__portrait{display:block;width:100%;height:auto}.hero-section__portrait-name{position:absolute;top:45.5%;right:max(clamp(var(--hero-portrait-name-right-limit),calc(var(--container-padding-inline) - (100vw - var(--hero-portrait-max-width))/ 2),var(--hero-portrait-name-right)),clamp(calc(var(--hero-portrait-name-screen-margin) - (100vw - var(--hero-portrait-min-width))/ 2),calc(var(--hero-portrait-name-screen-margin) - var(--hero-portrait-padding-inline)),calc(var(--hero-portrait-name-screen-margin) - (100vw - var(--hero-portrait-max-width))/ 2)));font-family:var(--font-serif);font-weight:600;font-style:normal;font-size:clamp(3.5rem, 17.35vw, 7.25rem);line-height:.9;letter-spacing:.01em;text-align:right;color:var(--kawaii-silver);mix-blend-mode:difference;pointer-events:none;z-index:1}.hero-section__scroll{display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--kawaii-silver)}.hero-section__scroll span{font-family:var(--font-sans);font-weight:500;font-size:.7rem;line-height:1;letter-spacing:.05em;text-transform:uppercase}.hero-section__scroll svg{width:12px;height:7px;display:block}.projects-section{padding-block:var(--projects-padding-block-start) var(--projects-padding-block-end)}.projects-section .container{display:flex;flex-direction:column;gap:25px}.projects-section__title{font-weight:700;font-size:1.4rem;text-transform:uppercase;letter-spacing:.04em;color:var(--cod-gray);text-align:left}.projects-section__more{font-family:var(--font-serif);font-weight:400;font-size:.875rem;letter-spacing:.02em;color:var(--metallic-black);text-align:left}.projects-section__more a{text-decoration:underline}.projects-list{display:grid;grid-template-columns:1fr;gap:20px}.project-card{display:flex;flex-direction:row;gap:14px}.project-card::before{content:'';display:block;flex-shrink:0;width:4px;background-color:var(--dark-silver);transition:background-color .2s}.project-card:hover::before{background-color:var(--metallic-black)}.project-card__content{display:flex;flex-direction:column;gap:3px;padding-block:2px}.project-card__name{font-family:var(--font-sans);font-weight:600;font-size:1rem;color:var(--cod-gray)}.project-card__description{font-weight:400;font-size:.8rem;color:var(--metallic-black)}.project-card__buttons{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;margin-block-start:auto;padding-block-start:6px}.project-card__btn{display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.7rem;font-weight:200;color:var(--metallic-black);min-width:80px;padding-inline:10px;padding-block:4px;border:1px solid var(--metallic-black-transparent);transition:background-color .2s,color .2s,font-weight .2s}.project-card__btn:hover{background-color:var(--metallic-black);color:var(--kawaii-silver);font-weight:400}@media (max-width:767px) and (min-height:1001px){.above-fold{min-height:1000px;max-height:1000px}}@media (min-width:768px){.projects-list{grid-template-columns:repeat(2,1fr);column-gap:40px}}@media (min-width:1024px){:root{--hero-info-top-fraction:0.4035;--hero-info-portrait-left-offset:clamp(-135px, calc(-9.09svh - 69px), -110px);--hero-portrait-min-height-landscape:450px;--hero-portrait-overflow-top:42px;--hero-portrait-padding-inline:70px;--hero-portrait-aspect-ratio:0.6472;--hero-portrait-name-right-limit:clamp(-135px, -10.47svh, -47px);--hero-portrait-name-screen-margin:40px;--hero-info-lang-offset:0px}.projects-list{column-gap:50px}.above-fold{min-height:max(100svh,var(--hero-portrait-min-height-landscape));overflow-x:clip}.hero-section__portrait-wrap{position:absolute;top:calc(-1 * var(--hero-portrait-overflow-top));bottom:calc(-1 * var(--hero-portrait-offset));left:0;right:0;height:calc(100% + var(--hero-portrait-offset) + var(--hero-portrait-overflow-top));width:fit-content;min-width:unset;max-width:calc(100% - 2 * var(--hero-portrait-padding-inline));margin-inline:auto}.hero-section__portrait{width:auto;height:100%}.hero-section .container:first-of-type{position:absolute;top:calc(var(--hero-info-top-fraction) * 100% - 4px);left:max(var(--container-padding-inline),calc((100vw - var(--hero-portrait-aspect-ratio) * max(100svh,var(--hero-portrait-min-height-landscape)))/ 2 + var(--hero-info-portrait-left-offset) + var(--hero-info-lang-offset)));right:auto;padding-inline:0;padding-block-start:0}.hero-section__info{align-items:flex-start;gap:clamp(11px,calc(1.45svh + 4.46px),15px)}.hero-section__text{text-align:left}.hero-section__text h1{font-size:clamp(1.32rem, calc(2.79svh + 8.55px), 1.8rem);margin-block-end:clamp(1px,calc(0.36svh - 0.64px),2px)}.hero-section__text p{font-size:clamp(.7rem, calc(1.45svh + 4.66px), .95rem)}.hero-section__socials{gap:clamp(7px,calc(1.09svh + 2.09px),10px)}.hero-section__social svg{height:clamp(11px,calc(1.45svh + 4.46px),15px)}.hero-section__portrait-name{font-size:clamp(4.23rem, 15svh, 13rem);right:max(clamp(var(--hero-portrait-name-right-limit),calc(var(--container-padding-inline) - (100vw - var(--hero-portrait-max-width))/ 2),var(--hero-portrait-name-right)),calc(var(--hero-portrait-name-screen-margin) - max(var(--hero-portrait-padding-inline),(100vw - var(--hero-portrait-aspect-ratio) * max(100svh,var(--hero-portrait-min-height-landscape)))/ 2)))}:lang(es){--hero-info-lang-offset:-15px}}@media (min-width:1024px) and (min-height:726px){.hero-section .container:first-of-type{left:max(var(--container-padding-inline),calc(50vw - 369.6px - .195 * (100svh - 725px) + var(--hero-info-lang-offset)))}}@media (min-width:1280px){.projects-list{grid-template-columns:repeat(3,1fr)}}@media (min-width:1600px){.projects-list{grid-template-columns:repeat(4,1fr)}}