@font-face {
  font-family: "Ginka Regular";
  src: url("../fonts/Ginka/Ginka-Regular.woff2") format("woff2"), url("../fonts/Ginka/Ginka-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Ginka Italic";
  src: url("../fonts/Ginka/Ginka-Italic.woff2") format("woff2"), url("../fonts/Ginka/Ginka-Italic.woff") format("woff");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Ginka Medium";
  src: url("../fonts/Ginka/Ginka-Medium.woff2") format("woff2"), url("../fonts/Ginka/Ginka-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Ginka Medium Italic";
  src: url("../fonts/Ginka/Ginka-Medium_Italic.woff2") format("woff2"), url("../fonts/Ginka/Ginka-Medium_Italic.woff") format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
:root {
  --FS13: 13.5px;
  --LH13: 15.1/13.5;
  --FS16: 16px;
  --LH16: 1.2;
  --FS18: 18px;
  --LH18: 1.2;
  --FS20: 20px;
  --LH20: 1.2;
  --FS22: 22px;
  --LH22: 1.2;
  --FS26: 26px;
  --LH26: 1.2;
  --FS30: 30px;
  --LH30: 1.2;
  --FS32: 32px;
  --LH32: 1.2;
  --FS35: 35px;
  --LH35: 1.2;
  --FS45: 45px;
  --LH45: 1.2;
  --FS72: 72px;
  --LH72: 1.2;
  --FS92: 92px;
  --LH92: 1.2;
}

@media (max-width: 1280px) {
  :root {
    --FS13: calc(13.5 * 0.0454545455rem);
    --FS16: calc(16 * 0.0454545455rem);
    --FS18: calc(18 * 0.0454545455rem);
    --FS20: calc(20 * 0.0454545455rem);
    --FS22: calc(22 * 0.0454545455rem);
    --FS26: calc(26 * 0.0454545455rem);
    --FS30: calc(30 * 0.0454545455rem);
    --FS32: calc(32 * 0.0454545455rem);
    --FS35: calc(35 * 0.0454545455rem);
    --FS45: calc(45 * 0.0454545455rem);
    --FS72: calc(72 * 0.0454545455rem);
    --FS92: calc(92 * 0.0454545455rem);
  }
}
:root {
  --FS50: calc(50 * 0.0454545455rem);
  --LH50: 1.2;
  --FS66: calc(66 * 0.0454545455rem);
  --LH66: 1.2;
}

:root {
  --GRID_MARGIN: 0px;
  --GRID_GUTTER: 20px;
  --P5: 5px;
  --P8: 8px;
  --P10: 10px;
  --P12: 12px;
  --P15: 15px;
  --P18: 18px;
  --P20: 20px;
  --P24: 24px;
  --P28: 28px;
  --P32: 32px;
  --P36: 36px;
  --P46: 46px;
  --P52: 52px;
  --P60: 60px;
  --P68: 68px;
  --P78: 78px;
  --P90: 90px;
  --P95: 95px;
  --P100: 100px;
  --P120: 120px;
  --P138: 138px;
  --P144: 144px;
  --P160: 160px;
}

@media (max-width: 1280px) {
  :root {
    --GRID_MARGIN: calc(0 * 0.0454545455rem);
    --GRID_GUTTER: calc(20 * 0.0454545455rem);
    --P5: calc(5 * 0.0454545455rem);
    --P8: calc(8 * 0.0454545455rem);
    --P10: calc(10 * 0.0454545455rem);
    --P12: calc(12 * 0.0454545455rem);
    --P15: calc(15 * 0.0454545455rem);
    --P18: calc(18 * 0.0454545455rem);
    --P20: calc(20 * 0.0454545455rem);
    --P24: calc(24 * 0.0454545455rem);
    --P28: calc(28 * 0.0454545455rem);
    --P32: calc(32 * 0.0454545455rem);
    --P36: calc(36 * 0.0454545455rem);
    --P46: calc(46 * 0.0454545455rem);
    --P52: calc(52 * 0.0454545455rem);
    --P60: calc(60 * 0.0454545455rem);
    --P68: calc(68 * 0.0454545455rem);
    --P78: calc(78 * 0.0454545455rem);
    --P90: calc(90 * 0.0454545455rem);
    --P95: calc(95 * 0.0454545455rem);
    --P100: calc(100 * 0.0454545455rem);
    --P120: calc(120 * 0.0454545455rem);
    --P138: calc(138 * 0.0454545455rem);
    --P144: calc(144 * 0.0454545455rem);
    --P160: calc(160 * 0.0454545455rem);
  }
}
@media (max-width: 720px) {
  :root {
    --HEADER_HEIGHT: calc(118 * 0.0454545455rem);
    --P50: calc(50 * 0.0454545455rem);
    --P162: calc(162 * 0.0454545455rem);
    --P276: calc(276 * 0.0454545455rem);
    --P360: calc(360 * 0.0454545455rem);
    --P442: calc(442 * 0.0454545455rem);
  }
}
@media (max-width: 720px) {
  header {
    height: var(--HEADER_HEIGHT);
    background-color: #FFFFFF;
    overflow: hidden;
    border-bottom: 1px solid #000000;
  }
  header.open {
    overflow: visible;
  }
  header.open #header-banner {
    height: 100dvh;
  }
  header #studiomuro-logo {
    padding: var(--P20);
    box-sizing: border-box;
  }
  header #header-menu {
    flex-direction: column;
    padding: 0;
  }
  header #header-menu #nav-main {
    width: 100%;
    flex-direction: column;
    gap: 0;
  }
  header #header-menu #nav-main a {
    padding: var(--P20);
    width: 100%;
    background-color: var(--color);
    border: 0;
    border-radius: 0;
  }
  header #header-menu #lang-switch {
    position: absolute;
    top: 50%;
    left: 50%;
    width: fit-content;
    transform: translateX(-50%) translateY(-50%);
  }
  header #header-menu #mobile-menu {
    display: block;
    position: absolute;
    top: 50%;
    right: var(--P20);
    transform: translateY(-50%);
    font-family: "Ginka Medium";
    font-size: var(--FS22);
    line-height: 1;
    border-top: 5px solid var(--vert-ovni);
    border-bottom: 5px solid var(--violet-cool);
    padding: var(--P8) 0;
  }
  header #header-banner {
    padding: 0;
    padding-bottom: var(--P20);
    border: 0;
    background-color: #FFFFFF;
  }
  header #header-banner #nav-banner {
    flex-direction: column;
    width: 100%;
    margin: 0;
  }
  header #header-banner #nav-banner h3 {
    display: block;
    font-family: "Ginka Medium";
    font-size: var(--FS20);
    line-height: 1;
    border-bottom: 1px solid #000000;
    padding: var(--P20);
  }
  header #header-banner #nav-banner a {
    padding: var(--P10) var(--P20);
    border-bottom: 1px solid #000000;
    margin-right: 0;
    font-size: var(--FS20);
  }
  footer {
    justify-content: flex-start;
    flex-direction: column;
    padding: var(--P20);
    font-size: var(--FS20);
    line-height: var(--LH20);
  }
  footer .col:not(:last-child) {
    margin-right: 0;
    margin-bottom: var(--P20);
  }
  footer #nav-footer {
    align-items: flex-start;
  }
  .template-error #section-intro img {
    width: calc(380 * 0.0454545455rem);
    margin-top: var(--P36);
  }
  #cookie-banner {
    width: 100%;
    right: 0;
    bottom: 0;
  }
}
@media (max-width: 720px) {
  .template-template-home #section-intro {
    font-size: var(--FS32) !important;
    line-height: var(--LH32);
    padding: var(--P20) var(--P20);
    margin: 0;
  }
  .template-template-home #section-intro .pellet {
    top: 0.1em;
  }
  .template-template-home #section-projects {
    padding-bottom: var(--P60);
  }
  .template-template-home #section-projects h2 {
    font-size: var(--FS22);
    padding: var(--P20);
    text-align: left;
  }
  .template-template-home #section-projects #anim-eyes {
    top: var(--P28);
    right: var(--P20);
    width: var(--P60);
  }
  .template-template-home #section-projects .container a.project article {
    display: block;
  }
  .template-template-home #section-projects .container a.project article .description {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    font-size: var(--FS30);
    line-height: var(--LH30);
    padding: var(--P20);
  }
  .template-template-home #section-projects .container a.project article .description *:not(:last-child) {
    margin-bottom: 0;
  }
  .template-template-home #section-projects .container a.project article .description .date {
    order: 0;
  }
  .template-template-home #section-projects .container a.project article .description .skills {
    margin-top: var(--P10);
  }
  .template-template-home #section-projects .container a.project article .description .domains {
    position: absolute;
    top: 100%;
    right: var(--P20);
    order: 1;
  }
  .template-template-home #section-projects .container a.project article .description .domains .domain {
    margin-top: var(--P10);
    background-color: var(--color);
  }
  .template-template-home #section-projects .container a.project:nth-child(2n+2) article .description {
    order: 0;
  }
  .template-template-home #section-projects .container a.project:nth-child(2n+2) article picture {
    order: 1;
  }
  .template-template-home #section-projects .more-projects {
    font-size: var(--FS22);
    padding: var(--P20) var(--P20);
    transform: translateX(-50%) translateY(-50%) scale(1);
  }
  .template-template-home #section-projects .more-projects svg {
    height: var(--P20);
    margin-right: var(--P10);
  }
  .template-template-home #anim-home #logo-anim-home {
    transform: translateX(-50%) translateY(-50%) scale(0.8);
  }
}
@media (max-width: 720px) {
  .template-template-legals #main {
    padding: calc(var(--header-height) + var(--P24)) var(--P20);
  }
}
@media (max-width: 720px) {
  .template-template-method #main {
    margin: unset;
  }
  .template-template-method .mini-pellet img {
    width: calc(var(--P95) * 0.6947368421);
  }
  .template-template-method #section-title {
    display: flex;
    align-items: flex-start;
    font-size: var(--FS66);
    line-height: 1;
    padding-top: calc(var(--header-height));
  }
  .template-template-method #section-title h1 {
    padding: var(--P20) var(--P20);
    margin-right: var(--P36);
    box-sizing: border-box;
  }
  .template-template-method #section-title img {
    transform: translateY(0.3725490196em);
  }
  .template-template-method .section-method {
    display: flex;
    flex-direction: column;
    padding: var(--P50) var(--P20);
    padding-top: var(--P100);
  }
  .template-template-method .section-method:nth-last-child(2) {
    padding-bottom: var(--P50);
    padding-top: var(--P50);
    margin-top: var(--P50);
  }
  .template-template-method .section-method h2 {
    order: 0 !important;
    font-size: var(--FS50);
    line-height: var(--LH50);
    margin-bottom: var(--P20);
    padding-top: 0 !important;
  }
  .template-template-method .section-method h2 br {
    display: none;
  }
  .template-template-method .section-method picture.pellet {
    width: 100%;
    padding: 0;
    margin-top: var(--P50);
    order: 2 !important;
  }
  .template-template-method .section-method picture.pellet > img {
    position: relative;
    width: var(--P276);
    margin: auto;
  }
  .template-template-method .section-method .col {
    width: 100%;
    order: 1 !important;
  }
  .template-template-method .section-method .img-0,
  .template-template-method .section-method .img-1,
  .template-template-method .section-method .img-2 {
    order: 3 !important;
  }
  .template-template-method .section-method .img-0 img,
  .template-template-method .section-method .img-1 img,
  .template-template-method .section-method .img-2 img {
    position: relative !important;
    width: 100% !important;
    height: auto !important;
  }
  .template-template-method .section-method.col-2 .col {
    margin-top: 0;
  }
  .template-template-method .section-method.col-2.mod-0 h2 {
    width: fit-content;
  }
  .template-template-method .section-method.col-2.mod-0 h2 .mini-pellet {
    top: calc(-1 * var(--P50));
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
  }
  .template-template-method .section-method.col-2.mod-0 .col {
    margin-bottom: 1em;
  }
  .template-template-method .section-method.col-2.mod-0 .img-0 {
    width: var(--P162);
    margin-top: var(--P50);
    margin-left: var(--P20);
    order: 4 !important;
  }
  .template-template-method .section-method.col-2.mod-0 .img-1 {
    width: var(--P360);
    margin-top: var(--P100);
    align-self: flex-end;
    transform: translateX(var(--P20));
    order: 3 !important;
  }
  .template-template-method .section-method.col-2.mod-0 .img-1 .mini-pellet {
    top: 160%;
    width: calc(var(--P95) * 0.6947368421) !important;
    transform: translateY(-50%);
    left: 50%;
  }
  .template-template-method .section-method.col-2.mod-1 h2 {
    width: fit-content;
  }
  .template-template-method .section-method.col-2.mod-1 h2 .mini-pellet {
    top: calc(-1 * var(--P50));
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
  }
  .template-template-method .section-method.col-2.mod-1 .col {
    margin-bottom: 1em;
  }
  .template-template-method .section-method.col-2.mod-1 .pellet {
    padding-top: 0;
    margin-top: var(--P50) !important;
  }
  .template-template-method .section-method.col-2.mod-1 .img-0 {
    width: var(--P360);
    margin-top: var(--P100);
    margin-left: 0;
    transform: translateX(calc(-1 * var(--P20)));
    order: 3 !important;
  }
  .template-template-method .section-method.col-2.mod-1 .img-1 {
    width: var(--P162);
    margin-top: var(--P50);
    margin-right: var(--P20);
    align-self: flex-end;
    order: 4 !important;
  }
  .template-template-method .section-method.col-2.mod-1 .img-1 .mini-pellet {
    top: 100%;
    width: calc(var(--P95) * 0.6947368421) !important;
    transform: translateX(-50%) translateY(-50%);
    left: -100%;
  }
  .template-template-method .section-method.col-1.mod-0 h2 {
    margin-top: 0;
  }
  .template-template-method .section-method.col-1.mod-0 .pellet {
    margin-top: var(--P50);
  }
  .template-template-method .section-method.col-1.mod-0 .pellet .mini-pellet {
    display: none;
  }
  .template-template-method .section-method.col-1.mod-0 .col {
    margin-top: 0;
    margin-bottom: 1em;
  }
  .template-template-method .section-method.col-1.mod-0 .img-0 {
    width: var(--P276);
    margin-top: var(--P100);
    transform: translateX(calc(-1 * var(--P20)));
  }
  .template-template-method .section-method.col-1.mod-0 .img-0 .mini-pellet {
    top: 50%;
    left: 135%;
    transform: translateX(-50%) translateY(-50%);
    width: calc(var(--P95) * 0.6947368421) !important;
  }
  .template-template-method .section-method.col-1.mod-0 .img-1 {
    width: var(--P162);
    margin-top: var(--P50);
    margin-right: var(--P20);
    align-self: flex-end;
  }
  .template-template-method .section-method.col-1.mod-0 .img-2 {
    order: 4 !important;
    width: var(--P442);
    margin-top: var(--P50);
    transform: translateX(calc(-1 * var(--P20)));
  }
  .template-template-method .section-method.col-1.mod-0 > .mini-pellet {
    position: relative;
    order: 3 !important;
  }
  .template-template-method .section-method.col-1.mod-0 > .mini-pellet img {
    position: absolute;
    left: 25%;
    bottom: calc(var(--P50));
    transform: translateX(-50%) translateY(-50%);
    width: calc(var(--P95) * 0.6947368421) !important;
  }
  .template-template-method .section-method.col-1.mod-1 .pellet {
    margin-top: var(--P50);
  }
  .template-template-method .section-method.col-1.mod-1 .col {
    margin-top: 0;
  }
}
@media (max-width: 720px) {
  .template-template-project, .template-template-service {
    overflow-x: clip;
  }
  .template-template-project #section-title h1, .template-template-service #section-title h1 {
    padding: var(--P20);
  }
  .template-template-project #section-gallery, .template-template-service #section-gallery {
    padding: var(--P20) 0;
    padding-bottom: 0;
  }
  .template-template-project #section-gallery .row, .template-template-service #section-gallery .row {
    display: block;
  }
  .template-template-project #section-gallery .row:not(:last-child), .template-template-service #section-gallery .row:not(:last-child) {
    margin-bottom: var(--P20);
  }
  .template-template-project #section-gallery .row:last-child .col:last-child picture:last-child,
  .template-template-project #section-gallery .row:last-child .col:last-child .video-container:last-child, .template-template-service #section-gallery .row:last-child .col:last-child picture:last-child,
  .template-template-service #section-gallery .row:last-child .col:last-child .video-container:last-child {
    margin-bottom: 0;
  }
  .template-template-project #section-gallery .row picture:not(:last-child),
  .template-template-project #section-gallery .row .video-container:not(:last-child), .template-template-service #section-gallery .row picture:not(:last-child),
  .template-template-service #section-gallery .row .video-container:not(:last-child) {
    margin-bottom: var(--P68);
  }
  .template-template-project #section-gallery .row .col-1,
  .template-template-project #section-gallery .row .col-2, .template-template-service #section-gallery .row .col-1,
  .template-template-service #section-gallery .row .col-2 {
    display: block;
  }
  .template-template-project #section-gallery .row .col-1 picture,
  .template-template-project #section-gallery .row .col-1 .video-container,
  .template-template-project #section-gallery .row .col-2 picture,
  .template-template-project #section-gallery .row .col-2 .video-container, .template-template-service #section-gallery .row .col-1 picture,
  .template-template-service #section-gallery .row .col-1 .video-container,
  .template-template-service #section-gallery .row .col-2 picture,
  .template-template-service #section-gallery .row .col-2 .video-container {
    width: 100%;
    margin-bottom: var(--P20);
    margin-top: 0 !important;
  }
  .template-template-project #section-gallery .row .col-1 picture img, .template-template-project #section-gallery .row .col-1 picture video,
  .template-template-project #section-gallery .row .col-1 .video-container img,
  .template-template-project #section-gallery .row .col-1 .video-container video,
  .template-template-project #section-gallery .row .col-2 picture img,
  .template-template-project #section-gallery .row .col-2 picture video,
  .template-template-project #section-gallery .row .col-2 .video-container img,
  .template-template-project #section-gallery .row .col-2 .video-container video, .template-template-service #section-gallery .row .col-1 picture img, .template-template-service #section-gallery .row .col-1 picture video,
  .template-template-service #section-gallery .row .col-1 .video-container img,
  .template-template-service #section-gallery .row .col-1 .video-container video,
  .template-template-service #section-gallery .row .col-2 picture img,
  .template-template-service #section-gallery .row .col-2 picture video,
  .template-template-service #section-gallery .row .col-2 .video-container img,
  .template-template-service #section-gallery .row .col-2 .video-container video {
    margin-top: 0 !important;
  }
  .template-template-project #section-gallery .row.row-2:has(.col-2:first-child > .large) .col-2:first-child, .template-template-service #section-gallery .row.row-2:has(.col-2:first-child > .large) .col-2:first-child {
    margin-right: 0;
  }
  .template-template-project #section-gallery .row.row-2:has(.col-2:last-child > .large) .col-2:last-child, .template-template-service #section-gallery .row.row-2:has(.col-2:last-child > .large) .col-2:last-child {
    margin-left: 0;
  }
  .template-template-project #section-description, .template-template-service #section-description {
    width: calc(var(--P68));
  }
  .template-template-project #section-description.open::before, .template-template-service #section-description.open::before {
    width: 100vw;
  }
  .template-template-project #section-description .absolute-container, .template-template-service #section-description .absolute-container {
    width: 100vw;
  }
  .template-template-project #section-description .head, .template-template-service #section-description .head {
    height: calc(var(--P68));
  }
  .template-template-project #section-description .text, .template-template-service #section-description .text {
    padding: var(--P90) var(--P20);
    padding-left: calc(var(--P68) + var(--P20));
  }
}
@media (max-width: 720px) {
  .template-template-projects #section-filters {
    justify-content: space-between;
    padding: var(--P20) var(--P20);
  }
  .template-template-projects #section-filters details {
    margin-right: 0;
    padding: 0;
  }
  .template-template-projects #section-filters details > div > div {
    padding: var(--P5);
  }
  .template-template-projects #section-projects .container {
    flex-direction: column;
  }
  .template-template-projects #section-projects .container .project {
    width: 100%;
    padding-bottom: var(--P20);
  }
  .template-template-projects #section-projects .container .project article .header {
    padding: var(--P20) var(--P20);
    position: relative;
  }
  .template-template-projects #section-projects .container .project article .header .workshop {
    top: 100%;
    right: 0;
  }
  .template-template-projects #section-projects .container .project article .domain-s,
  .template-template-projects #section-projects .container .project article .skills-s {
    padding: 0 var(--P20);
  }
}
@media (max-width: 720px) {
  .template-template-team section h2 {
    width: 100%;
    padding: var(--P10) var(--P20);
  }
  .template-template-team section#section-intro {
    display: block;
    padding: 0 var(--P20);
    padding-top: calc(var(--header-height) + var(--P52));
    padding-bottom: var(--P78);
  }
  .template-template-team section#section-intro p {
    width: 100%;
    padding: 0;
  }
  .template-template-team section#section-intro picture {
    margin-bottom: var(--P24);
  }
  .template-template-team section#section-intro .contact {
    padding-top: 0;
    margin-bottom: var(--P78);
  }
  .template-template-team section#section-intro .contact .address {
    margin-bottom: var(--P24);
  }
  .template-template-team section#section-intro .contact a {
    margin-bottom: var(--P24);
  }
  .template-template-team section#section-intro .contact a:hover {
    background-color: #FFFFFF;
  }
  .template-template-team section#section-intro .contact a:hover.insta {
    background-color: #FFFFFF;
  }
  .template-template-team section#section-studio .container .item, .template-template-team section#section-collabs .container .item, .template-template-team section#section-press .container .item {
    display: block;
  }
  .template-template-team section#section-studio .container .item .name, .template-template-team section#section-collabs .container .item .name, .template-template-team section#section-press .container .item .name {
    width: 100%;
    padding: var(--P20) var(--P20);
  }
  .template-template-team section#section-studio .container .item .bio,
  .template-template-team section#section-studio .container .item .article, .template-template-team section#section-collabs .container .item .bio,
  .template-template-team section#section-collabs .container .item .article, .template-template-team section#section-press .container .item .bio,
  .template-template-team section#section-press .container .item .article {
    width: 100%;
    padding: var(--P20) var(--P20);
    padding-top: 0;
  }
  .template-template-team section#section-studio .container .item details summary,
  .template-template-team section#section-studio .container .item details p, .template-template-team section#section-collabs .container .item details summary,
  .template-template-team section#section-collabs .container .item details p, .template-template-team section#section-press .container .item details summary,
  .template-template-team section#section-press .container .item details p {
    padding-right: 1.4em;
    box-sizing: border-box;
  }
  .template-template-team section#section-studio .container .item details::after, .template-template-team section#section-collabs .container .item details::after, .template-template-team section#section-press .container .item details::after {
    top: 0;
    right: var(--P20);
    transform: translateX(0);
  }
  .template-template-team section#section-studio .container .item details[open], .template-template-team section#section-collabs .container .item details[open], .template-template-team section#section-press .container .item details[open] {
    margin-bottom: var(--P20);
  }
  .template-template-team section#section-studio .container .item details[open] summary, .template-template-team section#section-collabs .container .item details[open] summary, .template-template-team section#section-press .container .item details[open] summary {
    margin-bottom: var(--P20);
  }
  .template-template-team section#section-press .container .item .article details {
    margin-top: 0;
  }
  .template-template-team section#section-press .container .item .article details .sizer {
    padding-right: 0;
  }
  .template-template-team section#section-press .container .item .article picture {
    padding-right: calc(var(--P20) * 2);
    top: calc(var(--LH26) * 1.5em);
  }
  .template-template-team section#section-sponsors .container {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--P10);
    padding: var(--P20) var(--P20);
  }
  .template-template-team section#section-skills .container, .template-template-team section#section-domain .container {
    padding: var(--P20) var(--P20);
  }
  .template-template-team section#section-skills .container .item, .template-template-team section#section-domain .container .item {
    margin-bottom: var(--P10);
    margin-right: var(--P10);
  }
}