@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@300;500;800&display=swap";:root{color:#111;font-synthesis:none;text-rendering:optimizelegibility;scroll-behavior:smooth;background:#f3f3f3;font-family:Montserrat,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:320px;margin:0}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}::selection{color:#fff;background:#ff4e22}:root{--paper:#f3f3f3;--ink:#111;--orange:#ff4e22;--line:#11111142}main{background:var(--paper);min-height:100vh;color:var(--ink);overflow:hidden}.hero{border-inline:1px solid var(--line);max-width:96rem;margin:0 auto;position:relative;overflow:hidden}.dot-grid{opacity:.28;background-image:radial-gradient(var(--ink) .8px, transparent .8px);pointer-events:none;background-size:clamp(1.6rem,7.75vw,7rem) clamp(1.6rem,7.75vw,7rem);position:absolute;inset:0}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.cover{border-bottom:1px solid var(--line,#11111142);flex-direction:column;justify-content:space-between;min-height:clamp(18rem,38vw,30rem);padding:clamp(1.25rem,4vw,3.5rem);display:flex}.cover .top-text-area{flex-direction:column;gap:8px;display:flex}.cover .top-text-area .my-name{color:#222;opacity:.7;letter-spacing:.5px;font-size:clamp(.8rem,1.4vw,1.05rem);font-weight:400;transform:scaleY(1.05)}.cover .top-text-area .title{color:#222;letter-spacing:.5px;font-size:clamp(2.8rem,7vw,6.5rem);font-weight:800;transform:scaleY(1.05)}.cover .top-text-area .year{color:#3b7a77;font-size:clamp(1.5rem,3vw,2.8rem);font-weight:500;transform:scaleY(1.05)}.cover .bottom-identity{letter-spacing:.08em;color:#222;opacity:.7;max-width:32rem;font-size:.68rem;line-height:1.6}@media (width<=640px){.cover{min-height:18rem}}.hola{color:#222;border-bottom:1px solid var(--line,#11111142);justify-content:space-between;gap:2rem;min-height:clamp(25rem,48vw,38rem);padding-left:clamp(1.25rem,4vw,3.5rem);display:flex}.hola .left{flex-direction:column;justify-content:center;width:62%;display:flex}.hola .left .content-box{flex-direction:column;justify-content:center;gap:30px;display:flex}.hola .left .content-box .top{flex-direction:column;font-size:clamp(2rem,4vw,3.4rem);font-weight:800;display:flex;transform:scaleY(1.05)}.hola .left .content-box .top .labels_1,.hola .left .content-box .top .labels_2{align-self:stretch;align-items:center;margin-left:clamp(-3.5rem,-4vw,-1.25rem);font-size:clamp(.72rem,1.2vw,.98rem);font-weight:300;display:flex}:is(.hola .left .content-box .top .labels_1,.hola .left .content-box .top .labels_2) .label_1,:is(.hola .left .content-box .top .labels_1,.hola .left .content-box .top .labels_2) .label_2,:is(.hola .left .content-box .top .labels_1,.hola .left .content-box .top .labels_2) .label_3,:is(.hola .left .content-box .top .labels_1,.hola .left .content-box .top .labels_2) .label_4{color:#fff;box-sizing:border-box;white-space:nowrap;background-color:#3b7a77;border:2px solid #fff;border-left:0;border-top-right-radius:16px;border-bottom-right-radius:16px;padding:0 8px}:is(.hola .left .content-box .top .labels_1,.hola .left .content-box .top .labels_2) .label_1{z-index:4;position:relative}:is(.hola .left .content-box .top .labels_1,.hola .left .content-box .top .labels_2) .label_2,:is(.hola .left .content-box .top .labels_1,.hola .left .content-box .top .labels_2) .label_3,:is(.hola .left .content-box .top .labels_1,.hola .left .content-box .top .labels_2) .label_4{z-index:2;margin-left:-20px;padding-left:28px;position:relative}:is(.hola .left .content-box .top .labels_1,.hola .left .content-box .top .labels_2) .label_2{z-index:3}:is(.hola .left .content-box .top .labels_1,.hola .left .content-box .top .labels_2) .label_3{z-index:2}:is(.hola .left .content-box .top .labels_1,.hola .left .content-box .top .labels_2) .label_4{z-index:1}.hola .left .content-box .top .labels_1{margin-top:16px}.hola .left .content-box .top .labels_1 .label_1{padding-left:18px}.hola .left .content-box .top .labels_2 .label_1{padding-left:48px}.hola .left .content-box .content{color:#222;opacity:.5;max-width:38rem;font-size:clamp(.85rem,1.1vw,1rem);line-height:1.7;transform:scaleY(1.05)}.hola .left .contact{flex-direction:column;gap:12px;margin-top:24px;display:flex;transform:scaleY(1.05)}.hola .left .contact .title{color:#3b7a77;font-size:18px;font-weight:800}.hola .left .contact .link-area{flex-wrap:wrap;gap:clamp(1.44rem,2vw,1.8rem);display:flex}.hola .left .contact .link-area .contactMeInfo{color:#222;opacity:.5;align-items:center;gap:4px;margin-left:0;font-size:clamp(.72rem,1vw,.9rem);transition:all .5s;display:flex}.hola .left .contact .link-area .contactMeInfo:hover{color:#3b7a77;opacity:1}.hola .left .contact .link-area .contactIcon{font-size:16px}.hola .right{width:38%;position:relative}.hola .right img{width:100%;position:absolute;bottom:0}@media (width<=700px){.hola{flex-direction:column;gap:1rem;min-height:auto;padding-block:2.5rem 0}.hola .left,.hola .right{width:100%}.hola .left{order:1}.hola .left .content-box{gap:1.5rem}.hola .left .content-box .top{font-size:clamp(2rem,10vw,3.4rem)}.hola .left .content-box .labels_1,.hola .left .content-box .labels_2{max-width:calc(100% + 1.25rem);margin-left:-1.25rem;padding-bottom:.15rem;overflow-x:auto}.hola .left .contact{margin-top:1.25rem;padding-bottom:1.5rem}.hola .left .contact .link-area{justify-content:flex-start;column-gap:1rem}.hola .right{order:2;height:min(72vw,25rem);margin-right:0}.hola .right img{width:min(92%,24rem);margin-left:auto;bottom:0;right:0}}