:root[data-theme=light]{--title-color: #1f1f1f;--text-color: #69747f;--title-card-color: #69747f;--text-card-color: #1f1f1f;--bg-color: #ffffff;--border-color: #cccccc;--bg-card-hover-color: #f0f2f3;--bg-button-normal-color: #242424;--text-button-normal-color: #b8b8b8;--bg-button-normal-hover-color: #101010;--slider-button-color: #c2c3c4;--select-slider-button-color: #202020;--bg-chip-color: #1f1f1f;--text-chip-color: #cccccc;--bg-slide-color: #e4e6e7;--bg-button-color: #e6e8e9;--button-icon-bg-color: #e8eaeb;--button-icon-hover-color: #ced1d4;--icon-color: #000000;--base: #ffffff;--bg-card-color: #e1e2e2}:root[data-theme=dark]{--title-color: #cccccc;--text-color: #626262;--title-card-color: #666666;--text-card-color: #cccccc;--bg-color: #090909;--border-color: #666666;--bg-card-hover-color: #1f1f1f;--bg-button-normal-color: #242424;--text-button-normal-color: #c9c9c9;--bg-button-normal-hover-color: #1f1f1f;--slider-button-color: #424242;--select-slider-button-color: #cccccc;--bg-chip-color: #666666;--text-chip-color: #cccccc;--bg-slide-color: #242424;--bg-button-color: #2b2b2b;--button-icon-bg-color: #242424;--button-icon-hover-color: #1c1c1c;--icon-color: #ffffff;--bg-card-color: #252424;--base: #000000}*{margin:0;padding:0;box-sizing:border-box}html{background-color:var(--bg-color)}html,body{min-height:100vh;height:auto;overflow-y:auto;overflow-x:hidden;font-family:Merriweather,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;line-height:1.6;font-variation-settings:"wgth" 100;transition:background-color .3s ease,color .3s ease}a{text-decoration:none;color:inherit}button{font-family:inherit;cursor:pointer;border:none;background:none}.section-container,.work-container,.about-container{display:flex;flex-flow:column;align-items:center;justify-content:space-evenly;min-height:100vh;padding:64px 25px;gap:96px;position:relative;overflow:hidden;outline:2px solid var(--border-color);outline-offset:-16px;border-radius:3.5rem}.exit-button,.work-exit-button,.about-exit-button{width:48px;height:48px;border-radius:50%;border:1px solid var(--border-color);cursor:pointer;transition:background-color .3s ease;color:var(--text-color);display:flex;align-items:center;justify-content:center}.exit-button:hover,.work-exit-button:hover,.about-exit-button:hover{background-color:var(--bg-button-normal-hover-color)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.hidden{display:none!important}.text-center{text-align:center}@keyframes toggle-icon-hide-left{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(-30px) scale(.5);opacity:0}}@keyframes toggle-icon-show-right{0%{transform:translate(30px) scale(.5);opacity:0}to{transform:translate(0) scale(1);opacity:1}}@keyframes toggle-icon-hide-right{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(30px) scale(.5);opacity:0}}@keyframes toggle-icon-show-left{0%{transform:translate(-30px) scale(.5);opacity:0}to{transform:translate(0) scale(1);opacity:1}}@keyframes slideDownFade{0%{opacity:0;transform:translateY(0)}to{opacity:1;transform:translateY(0)}}@keyframes slideUpFade{0%{opacity:0;transform:translateY(0)}to{opacity:1;transform:translateY(0)}}.animate-slide-down{animation:slideDownFade .5s ease-out}.animate-slide-up{animation:slideUpFade .5s ease-out}@keyframes wobble{0%,to{transform:translate(0)}15%{transform:translate(-25%) rotate(-5deg)}30%{transform:translate(20%) rotate(3deg)}45%{transform:translate(-15%) rotate(-3deg)}60%{transform:translate(10%) rotate(2deg)}75%{transform:translate(-5%) rotate(-1deg)}}.bento-grid{display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(3,minmax(clamp(200px,25vh,300px),1fr));gap:1rem;flex:1}.grid-area--presentation,.grid-area--projects,.grid-area--photo,.grid-area--toggles,.grid-area--contact,.grid-area--about,.grid-area--technologies{background-color:var(--base);opacity:1;background-image:linear-gradient(135deg,var(--bg-card-color) 25%,transparent 25%),linear-gradient(225deg,var(--bg-card-color) 25%,transparent 25%),linear-gradient(45deg,var(--bg-card-color) 25%,transparent 25%),linear-gradient(315deg,var(--bg-card-color) 25%,var(--base) 25%);background-position:4px 0,4px 0,0 0,0 0;background-size:4px 4px;background-repeat:repeat;border-radius:2rem}.grid-area--presentation{grid-column:1/3;grid-row:1}.grid-area--social{grid-column:3;grid-row:1}.grid-area--projects{grid-column:4/6;grid-row:1/3}.grid-area--photo{grid-column:1;grid-row:2}.grid-area--about{grid-column:2/4;grid-row:2}.grid-area--technologies{grid-column:1/4;grid-row:3}.grid-area--contact{grid-column:4;grid-row:3}.grid-area--toggles{grid-column:5;grid-row:3}.grid-area--about:hover{background:var(--bg-card-hover-color)}.grid-area--about:hover div{animation:wobble .8s}@media (max-width: 1200px){.bento-grid{grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(6,minmax(clamp(200px,25vh,300px),auto))}.grid-area--presentation{grid-column:1/6;grid-row:1}.grid-area--photo{grid-column:1/3;grid-row:2}.grid-area--about{grid-column:3/6;grid-row:2}.grid-area--projects{grid-column:1/6;grid-row:3/5}.grid-area--technologies{grid-column:1/6;grid-row:5}.grid-area--contact{grid-column:1/3;grid-row:6}.grid-area--toggles{grid-column:3/4;grid-row:6}.grid-area--social{grid-column:4/6;grid-row:6}}@media (max-width: 810px){.bento-grid{grid-template-columns:1fr;grid-template-rows:minmax(clamp(200px,25vh,300px),auto) minmax(clamp(200px,25vh,auto),auto) minmax(clamp(200px,40vh,auto),auto) minmax(clamp(200px,25vh,auto),auto) minmax(clamp(200px,25vh,auto),auto) minmax(clamp(200px,25vh,auto),auto) minmax(140px,auto)}.grid-area--presentation{grid-column:1;grid-row:1}.grid-area--about{grid-column:1;grid-row:2}.grid-area--projects{grid-column:1;grid-row:3}.grid-area--technologies{grid-column:1;grid-row:4}.grid-area--toggles{grid-column:1;grid-row:5}.grid-area--contact{grid-column:1;grid-row:6}.grid-area--social{grid-column:1;grid-row:7}.grid-area--photo{display:none}}@media (max-width: 485px){.bento-grid{grid-template-columns:1fr;grid-template-rows:minmax(clamp(200px,25vh,300px),auto) repeat(5,minmax(clamp(200px,25vh,auto),auto)) minmax(200px,auto)}}.layout__container{display:flex;flex-direction:column;min-height:100vh;padding:2rem}.card{display:flex;border-radius:2rem;padding:2rem;border:2px solid var(--border-color);transition:background-color .3s ease;font-weight:700;overflow:hidden}.social-networks-card{display:flex;transition:background-color .3s ease;font-weight:700;overflow:hidden;height:100%}.social-networks-card__content{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:1rem;justify-items:center;align-items:center;width:100%}.social-networks-card__btn{height:100%;width:100%;transition:background .3s ease;cursor:pointer;box-sizing:border-box;border:2px solid var(--border-color);display:flex;justify-content:center;align-items:center;background-color:var(--base);opacity:1;background-image:linear-gradient(135deg,var(--bg-card-color) 25%,transparent 25%),linear-gradient(225deg,var(--bg-card-color) 25%,transparent 25%),linear-gradient(45deg,var(--bg-card-color) 25%,transparent 25%),linear-gradient(315deg,var(--bg-card-color) 25%,var(--base) 25%);background-position:4px 0,4px 0,0 0,0 0;background-size:4px 4px;background-repeat:repeat;border-radius:2rem}.social-networks-card__btn svg{width:3rem;height:3rem;stroke:var(--text-card-color);transition:stroke .3s ease}.social-networks-card__btn:hover{background:tan}.social-networks-card__btn:hover svg{stroke:#f4f4f4}.social-networks-card__btn.linkedin:hover{background:#0d5dae}.social-networks-card__btn.github:hover{background:#333}.social-networks-card__btn.cv:hover{background:#7d3ba9}.social-networks-card__btn.mail:hover{background:#da4437}@media (max-width: 810px){.social-networks-card__content{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:110px;gap:1rem;justify-items:center;align-items:center;width:100%}}@media (max-width: 485px){.social-networks-card__content{grid-template-rows:85px}.social-networks-card__btn svg{width:2rem;height:2rem}}.presentation-card{display:flex;flex-direction:column;justify-content:center;gap:1rem}.presentation-card__title{font-size:32px;color:var(--title-color)}.presentation-card__description{font-size:24px;color:var(--text-color)}@media (max-width: 1200px){.presentation-card__title{font-size:28px}.presentation-card__description{font-size:22px}}@media (max-width: 810px){.presentation-card__title{font-size:24px}.presentation-card__description{font-size:18px}}.about-card{cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;width:100%}.about-card button{margin-left:auto}.about-card__title{font-size:16px;color:var(--title-card-color)}.about-card__description{font-size:24px;color:var(--text-card-color)}@media (max-width: 1200px){.about-card__title{font-size:18px}.about-card__description{font-size:22px}}@media (max-width: 810px){.about-card__title{font-size:16px}.about-card__description{font-size:18px}}.contact-card{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;width:100%}.contact-card__title{font-size:24px;color:var(--text-card-color)}@media (max-width: 1200px){.contact-card__title{font-size:28px}}@media (max-width: 810px){.contact-card__title{font-size:24px}}.perfil-card{display:flex;align-items:center;height:100%;border:2px solid var(--border-color);border-radius:2rem;overflow:hidden;transition:background-color .3s ease}.perfil-card__content{width:100%;height:100%}.perfil-card__image{display:block;width:100%;height:100%;object-fit:cover}.toggle-card{display:flex;border-radius:2rem;padding:2rem;border:2px solid var(--border-color);transition:background-color .3s ease;font-weight:700;overflow:hidden;height:100%}.technologies-card{display:flex;flex-direction:column;gap:2.5rem;width:100%}.technologies-card__header{display:flex;flex-direction:column;gap:1rem}.technologies-card__title{font-size:24px;color:var(--text-card-color)}.technologies-card__chips{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.technologies-card__chip{padding:.5rem 1rem;border-radius:9999px;border:2px solid var(--border-color);color:var(--text-card-color);cursor:pointer;transition:all .2s ease}.technologies-card__chip.active{color:var(--text-chip-color);background-color:var(--bg-chip-color)}.technologies-card__track{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-evenly;width:100%;transition:opacity .3s ease}.technologies-card__track.hidden{display:none}.technologies-card__item{display:flex;flex-direction:column;align-items:center}.technologies-card__item-title{text-align:center;font-size:.8rem;color:var(--text-card-color)}@media (max-width: 1200px){.technologies-card__title{font-size:28px}}@media (max-width: 810px){.technologies-card__title{font-size:18px}}.projects-card{position:relative;width:100%;height:100%;display:flex;flex-direction:column;gap:1rem;justify-content:space-between}.projects-card__input{display:none}.projects-card__content{flex:1;position:relative;display:flex;flex-direction:column;width:100%}.projects-card__image-container{position:relative;overflow:hidden;width:100%;aspect-ratio:16/9;min-width:395px;max-width:100%;border-radius:1rem;margin-block:auto}.projects-card__link{position:absolute;inset:0;display:block;border-radius:1rem;overflow:hidden;cursor:pointer;transition:transform .3s ease,opacity .5s ease;z-index:1;opacity:0;pointer-events:none}.projects-card__link:hover .projects-card__image{transform:scale(.95)}.projects-card__link:hover .projects-card__overlay{opacity:1}.projects-card__image{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .4s ease}@media (max-width: 1200px){.projects-card__image-container{min-width:clamp(390px,90vw,100%)}}@media (max-width: 768px){.projects-card__image-container{aspect-ratio:4/3;min-width:clamp(320px,95vw,100%)}}@media (max-width: 480px){.projects-card__image-container{min-width:100%;aspect-ratio:1/1}}.projects-card__link:hover .projects-card__image{transform:scale(1)}.projects-card__overlay{position:absolute;inset:0;background:linear-gradient(#14141400,#141414);color:#fff;opacity:0;display:flex;flex-direction:row;align-items:end;justify-content:center;gap:2rem;padding:1rem;transition:opacity .4s ease;backdrop-filter:blur(1px);border-radius:1rem}.projects-card__overlay-content{display:flex;flex-direction:row;align-items:center;gap:2rem}.projects-card__project-title{font-size:1.75rem;font-weight:700}.projects-card__icon{width:2rem;height:2rem;stroke:#fff}.projects-card__title{font-size:16px;color:var(--title-card-color);margin-bottom:.5rem}.projects-card__name-project{display:none;text-align:center;font-size:1.25rem;color:var(--text-card-color)}.projects-card__button-container{display:flex;justify-content:flex-end;margin-top:.5rem}.projects-card__button{display:none;padding:.5rem 1rem;background-color:var(--bg-button-normal-color);color:var(--text-button-normal-color);border-radius:1rem;font-weight:500;text-decoration:none;transition:background-color .3s ease}.projects-card__button:hover{background-color:var(--bg-button-normal-hover-color)}.projects-card__slider{display:flex;justify-content:center;gap:.75rem;margin-top:.5rem}.projects-card__dot{width:24px;height:24px;border-radius:50%;background-color:var(--slider-button-color);cursor:pointer;transition:background-color .3s ease,transform .3s ease}.projects-card__dot:hover{background-color:#888;transform:scale(1.1)}.projects-card__dot.is-active{background-color:var(--select-slider-button-color, #000)}.details-about-card{display:flex;flex-direction:column;gap:2rem}.details-about-card__history,.details-about-card__actuality{display:flex;flex-direction:column;gap:1rem}.details-about-card__history-title,.details-about-card__actuality-title{font-size:16px;color:var(--title-card-color);text-transform:uppercase}@media (max-width: 1200px){.details-about-card__history-title,.details-about-card__actuality-title{font-size:12px}}.details-about-card__history-text,.details-about-card__actuality-text{font-size:18px;color:var(--text-card-color)}.experience-card{display:flex;flex-direction:column;gap:1rem}.experience-card__title{font-size:16px;color:var(--title-card-color);text-transform:uppercase}.experience-card__content{display:flex;flex-direction:column;gap:.5rem}.experience-card__item{display:flex;flex-direction:column}.experience-card__position{font-size:18px;font-weight:700;color:var(--text-card-color)}.experience-card__date{font-size:16px;color:var(--title-card-color)}.experience-card__description{font-size:18px;color:var(--text-card-color)}.education-card{display:flex;flex-direction:column;gap:1rem}.education-card__title{font-size:16px;color:var(--title-card-color);text-transform:uppercase}.education-card__content{display:flex;flex-direction:column;gap:1rem}.education-card__career{font-size:18px;font-weight:700;color:var(--text-card-color)}.education-card__university{font-size:18px;font-weight:500;color:var(--text-card-color)}.education-card__description,.education-card__technologies{font-size:18px;color:var(--text-card-color)}.education-card__year{font-size:16px;color:var(--title-card-color)}.head-container{display:flex;flex-direction:column;align-items:center}.head-container__title{font-size:32px;color:var(--title-color)}.head-container__type{font-size:24px;color:var(--text-color)}@media (max-width: 800px){.head-container__title{font-size:24px}.head-container__type{font-size:18px}}.work-details-card{display:flex;flex-direction:column;gap:2rem}.work-details-card__section{display:flex;flex-direction:column;gap:.5rem}.work-details-card__title{font-size:14px;color:var(--title-color)}.work-details-card__text{font-size:20px;color:var(--text-color)}.work-details-card__technologies{display:flex;flex-direction:column}.work-details-card__tech{font-size:20px;color:var(--text-color)}@media (max-width: 1200px){.work-details-card__title{font-size:12px}.work-details-card__text,.work-details-card__tech{font-size:18px}}.work-frame-card{display:flex;flex-direction:column;gap:2rem}.work-frame-card__section{display:flex;flex-direction:column;gap:.5rem}.work-frame-card__title{font-size:14px;color:var(--text-color)}.work-frame-card__text{font-size:20px;color:var(--title-color)}.arrow-svg{rotate:315deg}@media (max-width: 1200px){.work-frame-card__title{font-size:12px}.work-frame-card__text{font-size:18px}}.image-card{border-radius:2rem;border:2px solid var(--border-color);display:block;width:100%;height:100%;object-position:center;object-fit:cover}.button-icon{display:flex;align-items:center;justify-content:center;flex-direction:row;width:100%;border-radius:1rem;border:1px solid var(--border-color);cursor:pointer;transition:background-color .3s ease;color:var(--text-card-color);background:var(--button-icon-bg-color);padding:1rem;font-size:18px;gap:.5rem}.button-icon svg{transition:opacity .3s ease}.button-icon:hover{background:var(--button-icon-hover-color)}.animated-icon{display:flex;justify-content:center;align-items:center;margin-left:auto;width:42px;height:42px;border-radius:50%;border:1px solid var(--border-color);cursor:pointer;transition:background-color .3s ease;color:var(--text-color)}.animated-icon svg{rotate:45deg}.icon-redes{height:42px;width:42px;object-fit:cover;color:var(--icon-color)}.theme-toggle{display:flex;justify-content:center;align-items:center;width:100%}.theme-toggle__input{width:0;height:0;visibility:hidden}.theme-toggle__input:checked+.theme-toggle__label{background:var(--bg-button-color)}.theme-toggle__input:checked+.theme-toggle__label:after{left:84px;transform:translate(-100%);background-color:#101010}.theme-toggle__input:checked+.theme-toggle__label .theme-toggle__icon--sun{display:none}.theme-toggle__input:checked+.theme-toggle__label .theme-toggle__icon--moon{display:block}.theme-toggle__input:active:after{width:260px}.theme-toggle__label{width:90px;height:54px;position:relative;display:block;border-radius:200px;background-color:var(--bg-color);cursor:pointer;transition:.3s;border:1px solid var(--border-color)}.theme-toggle__label:after{content:"";width:42px;height:42px;position:absolute;top:5px;left:6px;border-radius:180px;box-shadow:0 5px 10px #0003;transition:.3s;background-color:#101010}.theme-toggle__icon{position:absolute;width:24px;top:14px;z-index:100;color:#f4dba1;fill:#f4dba1;transition:transform .3s,opacity .3s}.theme-toggle__icon--sun{left:14px;display:block}.theme-toggle__icon--moon{left:52px;display:none}.theme-toggle__icon--hide-left{animation:toggle-icon-hide-left .3s forwards}.theme-toggle__icon--show-right{animation:toggle-icon-show-right .3s forwards}.theme-toggle__icon--hide-right{animation:toggle-icon-hide-right .3s forwards}.theme-toggle__icon--show-left{animation:toggle-icon-show-left .3s forwards}.theme-toggle__icon--visible{opacity:1;transform:translate(0) scale(1)}.theme-toggle__icon--hidden{opacity:0;transform:scale(.5)}.carousel{position:relative;width:100%;height:100%;overflow:hidden;border-radius:2rem}.carousel__track{display:flex;width:100%;height:100%;transition:transform .5s ease-in-out}.carousel__item{flex:0 0 100%;height:100%;background-size:cover;background-position:center;border-radius:2rem}.carousel__button{position:absolute;top:50%;transform:translateY(-50%);z-index:1;background-color:#0003;border:none;color:#fff;font-size:2rem;cursor:pointer;border-radius:50%;transition:background-color .3s ease;width:36px;height:36px;display:flex;align-items:center;justify-content:center}.carousel__button:hover{background-color:#000000b3}.carousel__button--prev{left:1rem}.carousel__button--next{right:1rem}@media (max-width: 800px){.carousel{height:400px}}.text-slider{display:flex;flex-direction:column;justify-content:space-between;width:100%;height:100%;overflow:hidden;position:relative;gap:1rem}.text-slider__heading{font-size:16px;color:var(--title-card-color);text-transform:uppercase}@media (max-width: 1200px){.text-slider__heading{font-size:12px}}.text-slider__container{display:flex;flex:1;transition:transform .4s ease-in-out;width:100%;max-width:100%;touch-action:pan-x}.text-slider__slide{width:100%;box-sizing:border-box;flex-shrink:0;display:flex;flex-direction:column;justify-content:center;gap:1rem;color:var(--text-card-color);word-break:break-word}.text-slider__title{font-size:1.5rem;font-weight:700;color:var(--title-card-color)}.text-slider__description{font-size:1rem;line-height:1.5}.text-slider__dots{display:flex;justify-content:center;gap:.75rem;padding:1rem 0}.text-slider__dot{width:24px;height:24px;border-radius:50%;background:var(--slider-button-color);border:none;cursor:pointer;transition:background .3s}.text-slider__dot.active{background:var(--select-slider-button-color)}.about-grid{display:grid;grid-template-rows:repeat(3,minmax(240px,auto));grid-template-columns:repeat(4,1fr);gap:1rem;max-width:min(100%,1200px);min-width:0}.about-grid__about,.about-grid__experience,.about-grid__education,.about-grid__strengths,.about-grid__hobbies,.about-grid__contact{background-color:var(--base);opacity:1;background-image:linear-gradient(135deg,var(--bg-card-color) 25%,transparent 25%),linear-gradient(225deg,var(--bg-card-color) 25%,transparent 25%),linear-gradient(45deg,var(--bg-card-color) 25%,transparent 25%),linear-gradient(315deg,var(--bg-card-color) 25%,var(--base) 25%);background-position:4px 0,4px 0,0 0,0 0;background-size:4px 4px;background-repeat:repeat;border-radius:2rem}.about-grid__about{grid-row:1/3;grid-column:1/3;border:2px solid var(--border-color);padding:2rem;border-radius:2rem}.about-grid__experience{grid-row:3;grid-column:1/3;border:2px solid var(--border-color);padding:2rem;border-radius:2rem}.about-grid__education{grid-row:2;grid-column:3/5;border:2px solid var(--border-color);padding:2rem;border-radius:2rem}.about-grid__strengths{grid-row:1;grid-column:3/5;border:2px solid var(--border-color);border-radius:2rem;height:100%;padding:2rem;width:100%;max-width:100%}.about-grid__hobbies{grid-row:3;grid-column:3/4;border:2px solid var(--border-color);border-radius:2rem;height:100%}.about-grid__contact{grid-row:3;grid-column:4/5;border:2px solid var(--border-color);padding:2rem;border-radius:2rem;display:flex}@media (max-width: 1200px){.about-grid{grid-template-rows:repeat(4,minmax(340px,auto));grid-template-columns:repeat(4,1fr)}.about-grid__about{grid-row:1/3;grid-column:1/3}.about-grid__experience{grid-row:3/4;grid-column:1/3}.about-grid__education{grid-row:2;grid-column:3/5}.about-grid__strengths{grid-row:1;grid-column:3/5}.about-grid__hobbies{grid-row:3/5;grid-column:3/5}.about-grid__contact{grid-row:4;grid-column:1/3}}@media (max-width: 800px){.about-grid{grid-template-rows:repeat(6,minmax(240px,auto));grid-template-columns:1fr}.about-grid__about{grid-row:1;grid-column:1}.about-grid__experience{grid-row:2;grid-column:1}.about-grid__education{grid-row:4;grid-column:1}.about-grid__strengths{grid-row:3;grid-column:1}.about-grid__hobbies{grid-row:5;grid-column:1}.about-grid__contact{grid-row:6;grid-column:1}}.work-grid{display:grid;grid-template-rows:repeat(2,auto);grid-template-columns:repeat(3,1fr);gap:1rem;max-width:min(100%,1200px);min-width:0}.work-grid__details,.work-grid__frame,.work-grid__image{background-color:var(--base);opacity:1;background-image:linear-gradient(135deg,var(--bg-card-color) 25%,transparent 25%),linear-gradient(225deg,var(--bg-card-color) 25%,transparent 25%),linear-gradient(45deg,var(--bg-card-color) 25%,transparent 25%),linear-gradient(315deg,var(--bg-card-color) 25%,var(--base) 25%);background-position:4px 0,4px 0,0 0,0 0;background-size:4px 4px;background-repeat:repeat;border-radius:2rem}.work-grid__details{grid-row:1;grid-column:1/2;border:2px solid var(--border-color);border-radius:2rem;padding:2rem}.work-grid__frame{grid-row:1;grid-column:2/4;border:2px solid var(--border-color);border-radius:2rem;padding:2rem}.work-grid__image{grid-row:2;grid-column:1/4;border-radius:2rem;height:65vh}@media (max-width: 810px){.work-grid{grid-template-rows:repeat(3,minmax(240px,auto));grid-template-columns:1fr}.work-grid__frame{grid-column:1;grid-row:1}.work-grid__details{grid-column:1;grid-row:2}.work-grid__image{grid-column:1;grid-row:3;height:50vh}}@media (max-width: 485px){.work-grid__image{height:35vh}}