@layer components{.ticket[data-astro-cid-oaf5dr2c]{--ticket-color:var(--color-dark-greyblue);--ticket-text-color:var(--color-yellow);--ticket-side-color:hsl(from var(--ticket-color) h s calc(l - 15));--cut-size:.6rem;font-family:var(--ff-work-sans);font-size:var(--fz-small);color:var(--ticket-text-color);filter:drop-shadow(0 .1rem 0 var(--ticket-side-color)) drop-shadow(0 .2rem 0 var(--color-shadow));padding:.4rem 1.2rem;font-weight:600;display:inline-block;position:relative;&:before{content:"";background-color:var(--ticket-color);border-radius:calc(var(--border-radius) / 2);width:100%;height:100%;mask:radial-gradient(circle at left center, transparent var(--cut-size), black var(--cut-size)) left, radial-gradient(circle at right center, transparent var(--cut-size), black var(--cut-size)) right;z-index:-1;display:block;position:absolute;top:0;left:0;mask-repeat:no-repeat;mask-composite:intersect}}}@layer page{.section--hero{min-height:clamp(30rem,16.364rem + 36.364vw,55rem);& .container{padding-top:var(--space-l);padding-bottom:var(--space-xl)}& .ticket{--ticket-color:var(--color-yellow);--ticket-text-color:var(--color-text);margin-bottom:var(--space-m);font-size:var(--fz-3);color:var(--color-text);padding:0 1.5rem;font-weight:500;transform:rotate(-5deg);@media (width>=768px){top:var(--space-xl);position:absolute}}& .h1{max-width:60rem;z-index:var(--zi-title);position:relative}& .decor{width:100%;max-width:1400px;height:100%;z-index:var(--zi-decor);position:absolute;top:0;left:50%;transform:translate(-50%);& .plane{width:15rem;position:absolute;top:0;right:10%;@media (width>=768px){width:30rem;top:50%;right:0}@media (width>=1200px){right:10%}}& .clouds{width:10rem;position:absolute;@media (width>=768px){width:20rem}}& .clouds--1{top:10%;right:0;transform:translate(30%)}& .clouds--2{top:65%;right:20%;@media (width>=768px){top:50%;right:30%}}}}.section--intro{z-index:1;position:relative;& .job{width:calc(100% + var(--space-padding-sm));max-width:60rem;margin-left:calc(0rem - var(--space-padding-sm) / 2);margin-top:calc(0rem - var(--space-l));color:var(--color-white);justify-content:space-between;align-items:center;padding:1.5rem;display:flex;@media (width>=768px){width:100%;margin-left:0;margin-top:-var(--space-l);padding:var(--space-padding-sm)}& h2{font-size:var(--fz-4);font-weight:var(--fw-medium);@media (width>=768px){font-size:var(--fz-3)}}& a{--box-color:var(--color-yellow);background-image:url(../icons/envelope-red.svg);background-position:50%;background-repeat:no-repeat;background-size:60%;flex-shrink:0;width:clamp(5rem,4.091rem + 2.424vw,7rem);height:clamp(5rem,4.091rem + 2.424vw,7rem);margin-left:.8rem;display:block;@media (width>=768px){margin-left:1.5rem}}}& .text-intro{max-width:60rem;padding-top:var(--space-l);& p{margin-bottom:1em}& p:first-child{font-family:var(--ff-ibm-plex-sans);font-size:var(--fz-3);font-weight:500}}}.section--games{margin-top:var(--space-xxl);& h2{@media (width>=768px){margin-bottom:var(--space-m)}}& .games-list{gap:var(--space-m);flex-wrap:wrap;display:flex;@media (width>=768px){gap:var(--space-l);flex-direction:row-reverse}& .game{width:100%;@media (width>=768px){width:calc((100% - var(--space-l)) / 2);&:nth-child(odd){transform:translateY(-50%)}}&.game--text-start{--box-color:var(--color-yellow);height:fit-content;padding:var(--space-padding-sm);font-size:var(--fz-small);flex-direction:column;display:flex;& p{margin-bottom:1em;&:last-child{margin-bottom:0}}}&.game--text-end{height:fit-content;margin-top:var(--space-m);flex-direction:column;align-items:center;display:flex;@media (width>=768px){transform:translateY(-100%)}}}}}.section--projects{margin-top:var(--space-xl);@media (width>=768px){margin-top:var(--space-l)}& .intro{max-width:60rem;margin:0 auto;& .h1{margin-bottom:var(--space-m)}& .description{font-family:var(--ff-ibm-plex-sans);font-size:var(--fz-3);margin-bottom:var(--space-xl)}}& .projects-list{gap:var(--space-l);padding-bottom:var(--space-xl);color:var(--color-white);display:grid;position:relative;@media (width>=768px){grid-template-columns:repeat(2,1fr)}@media (width>=1200px){grid-template-columns:repeat(3,1fr)}&:before{content:"";top:var(--space-xl);width:100vw;height:calc(100% - var(--space-xl));background:var(--color-dark-greyblue);z-index:-1;display:block;position:absolute;left:50%;transform:translate(-50%)}&:after{content:"";bottom:calc(100% - var(--space-xl));mix-blend-mode:soft-light;opacity:.7;z-index:-1;background-image:url(../images/pattern.png);background-position:0 0;background-size:clamp(35px,19.091px + 4.242vw,70px);width:100vw;height:30rem;display:block;position:absolute;left:50%;transform:translate(-50%);mask:linear-gradient(#0000 0%,#000 100%)}& .project{width:100%;&.draft{position:relative;&:after{content:"DRAFT";opacity:.3;color:#000;width:calc(100% + 2rem);height:calc(100% + 2rem);font-size:var(--fz-0);font-weight:var(--fw-bold);border-radius:var(--border-radius);pointer-events:none;background-color:#fff;justify-content:center;align-items:center;display:flex;position:absolute;top:-1rem;left:-1rem}}& .project__image{width:100%;height:auto;margin-bottom:var(--space-m);--box-color:var(--color-white)}&.relic .project__image,&.pixel .project__image{--box-color:var(--color-red)}&.centrallo .project__image{--box-color:var(--color-blue)}& .project__title{margin-bottom:var(--space-xs);font-size:var(--fz-3);font-weight:600;& small{font-size:var(--fz-small);font-weight:var(--fw-regular)}}& .project__links{margin-bottom:var(--space-m);& li{margin-bottom:var(--space-xs)}}& .project__description{margin-bottom:var(--space-m)}& .project__techs{flex-wrap:wrap;display:flex;& .ticket{--ticket-color:var(--color-pale-yellow);--ticket-text-color:var(--color-text);margin-right:var(--space-s);margin-bottom:var(--space-s);&:last-child{margin-right:0}}}& .project__partners{flex-wrap:wrap;display:flex;& li{&:after{content:",";display:inline}&:first-child{margin-right:.5em;font-weight:600}&:first-child,&:last-child{&:after{display:none}}}}}}}}