@import url(../main.css);@import url(../components/navigation.css);@import url(../components/covers.css);@import url(../components/form-validation.css);@import url(../components/buttons.css);@import url(../components/mainfooter.css);@import url(../base-style.css);#Banner {--content-gap: 4;aspect-ratio: 16 / 9;margin-top: var(--page-margin);width: 100%;}#Banner > .content {display: flex;flex-direction: column;align-items: center;justify-content: center;gap: calc(var(--base-size) * var(--content-gap));grid-column: pre-division 1 / pos-division 3;grid-row: pos-first / pre-last;align-self: end;text-align: center;}#Access {--rows: 3;background-color: var(--background);}#Access > * {grid-column: pos-first / pre-last;text-align: center;}#Access .header {grid-row: pos-first / pre-row 1;}#Access .content {--card-gap: 2;--columns: 4;--rows: 1;grid-row: pos-row 1 / pre-row 2;display: grid;grid-template-columns: repeat(var(--columns), 1fr);grid-template-rows: repeat(calc(var(--rows) * 3), auto);gap: calc(var(--base-size) * var(--card-gap));justify-content: center;}#Access .footer {grid-row: pos-row 2 / pre-last;display: flex;justify-content: center;}#Access .card {--icon-size: 4;--padding: 2;display: grid;grid-template-rows: subgrid;grid-column: span 1;grid-row: span 3;align-items: start;justify-items: center;padding: calc(var(--base-size) * var(--padding));border: 1px solid var(--text-color);box-sizing: border-box;border-radius: var(--base-size);}#Access .card > [class*="icon-ns-"] {--font-size: calc(var(--base-size) * var(--icon-size));color: var(--text-color);margin-bottom: var(--base-size);width: max-content;}#Subscribe .header {text-align: center;grid-row: pos-first / pre-row 1;grid-column: pos-first / pre-last;}#Subscribe .content {--form-gap: 2;grid-row: pos-row 1 / pre-last;grid-column: pre-division 1 / pos-division 3;display: flex;flex-direction: column;gap: calc(var(--base-size) * var(--form-gap));justify-content: center;overflow: hidden;}#Subscribe input {width: 100%;border-radius: 100px;border: 1px solid var(--text-color);padding: calc(var(--base-size) * .5) calc(var(--base-size) * 1.5);box-sizing: border-box;color: var(--field-color);}#Subscribe .button {margin: auto;}#About {--rows: 3;}#About::before {grid-column: division 2 / pos-last;}#About > * {grid-column: pos-first / pre-division 2;}#About .header {grid-row: pos-first / pre-row 1;}#About .content {--card-gap: 2;--columns: 2;--rows: 2;grid-row: pos-row 1 / pre-row 2;display: grid;grid-template-columns: repeat(var(--columns), auto 1fr);grid-template-rows: repeat(calc(var(--rows) * 2), auto);gap: calc(var(--base-size) * var(--card-gap));}#About .card {--padding: 2;--icon-size: 2;display: grid;grid-template-columns: subgrid;grid-template-rows: subgrid;grid-column: span 2;grid-row: span 2;padding: calc(var(--base-size) * var(--padding));border: 1px solid var(--text-color);box-sizing: border-box;border-radius: var(--base-size);}#About .card > * {grid-row: span 1;grid-column: 2;}#About .card::before {content: '\6f';font-family: var(--vg-ns);font-size: calc(var(--base-size) * var(--icon-size));color: var(--text-color);margin-bottom: var(--base-size);grid-row: span 2;}#About .footer {grid-row: pos-row 2 / pre-last;}#Map{height: calc(var(--vw-fr) * 3);}.square {background-color: aqua;position: absolute;width: var(--base-size);aspect-ratio: 1 / 1;display: none;}@media (max-width: 1280px) {#About .content {--columns: 1;--rows: 4;}}@media (max-width: 960px) {#Banner {aspect-ratio: 4 / 3;}#Access .content {--columns: 2;--rows: 2;}#About::before {display: none;background-image: none;}#About > * {grid-column: pos-first / pre-last;}#About .content {--columns: 2;--rows: 2;}#About .footer {text-align: center;}#About .footer .button {margin: auto;}#Map{height: calc(var(--vw-fr) * 6);}}@media (max-width: 480px) {#Banner {aspect-ratio: 9 / 16;background-color: var(--background);}#Banner::before {-webkit-mask-image: linear-gradient(to bottom, black 50%, transparent 100%);mask-image: linear-gradient(to bottom, black 50%, transparent 100%);}#Banner > .content {grid-column: pos-first / pre-last;}#Access .content {--columns: 1;--rows: 4;}#Subscribe .content {grid-column: pos-first / pre-last;}#Subscribe input {--field-color: var(--background);background-color: var(--text-color);color: var(--field-color);}#About .content {--columns: 1;--rows: 4;}#Map {height: calc(var(--vw-fr) * 9);}}