#cookie-notice{position:fixed;min-width:100%;height:auto;z-index:100000;font-size:13px;letter-spacing:0;line-height:20px;left:0;text-align:center;font-weight:400;font-family:-apple-system,BlinkMacSystemFont,Arial,Roboto,"Helvetica Neue",sans-serif}#cookie-notice,#cookie-notice *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#cookie-notice.cn-animated{-webkit-animation-duration:0.5s!important;animation-duration:0.5s!important;-webkit-animation-fill-mode:both;animation-fill-mode:both}#cookie-notice.cn-animated.cn-effect-none{-webkit-animation-duration:0.001s!important;animation-duration:0.001s!important}#cookie-notice .cookie-notice-container{display:block}#cookie-notice.cookie-notice-hidden .cookie-notice-container{display:none}#cookie-notice .cookie-revoke-container{display:block}#cookie-notice.cookie-revoke-hidden .cookie-revoke-container{display:none}.cn-position-top{top:0}.cn-position-bottom{bottom:0}.cookie-notice-container{padding:15px 30px;text-align:center;width:100%;z-index:2}.cookie-revoke-container{padding:15px 30px;width:100%;z-index:1}.cn-close-icon{position:absolute;right:15px;top:50%;margin-top:-10px;width:15px;height:15px;opacity:.5;padding:10px;outline:none;cursor:pointer}.cn-close-icon:hover{opacity:1}.cn-close-icon:before,.cn-close-icon:after{position:absolute;content:' ';height:15px;width:2px;top:3px;background-color:rgba(128,128,128,1)}.cn-close-icon:before{transform:rotate(45deg)}.cn-close-icon:after{transform:rotate(-45deg)}#cookie-notice .cn-revoke-cookie{margin:0}#cookie-notice .cn-button{margin:0 0 0 10px;display:inline-block}#cookie-notice .cn-button:not(.cn-button-custom){font-family:-apple-system,BlinkMacSystemFont,Arial,Roboto,"Helvetica Neue",sans-serif;font-weight:400;font-size:13px;letter-spacing:.25px;line-height:20px;margin:0 0 0 10px;text-align:center;text-transform:none;display:inline-block;cursor:pointer;touch-action:manipulation;white-space:nowrap;outline:none;box-shadow:none;text-shadow:none;border:none;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;text-decoration:none;padding:8.5px 10px;line-height:1;color:inherit}.cn-text-container{margin:0 0 6px 0}.cn-text-container,.cn-buttons-container{display:inline-block}#cookie-notice.cookie-notice-visible.cn-effect-none,#cookie-notice.cookie-revoke-visible.cn-effect-none{-webkit-animation-name:fadeIn;animation-name:fadeIn}#cookie-notice.cn-effect-none{-webkit-animation-name:fadeOut;animation-name:fadeOut}#cookie-notice.cookie-notice-visible.cn-effect-fade,#cookie-notice.cookie-revoke-visible.cn-effect-fade{-webkit-animation-name:fadeIn;animation-name:fadeIn}#cookie-notice.cn-effect-fade{-webkit-animation-name:fadeOut;animation-name:fadeOut}#cookie-notice.cookie-notice-visible.cn-effect-slide,#cookie-notice.cookie-revoke-visible.cn-effect-slide{-webkit-animation-name:slideInUp;animation-name:slideInUp}#cookie-notice.cn-effect-slide{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}#cookie-notice.cookie-notice-visible.cn-position-top.cn-effect-slide,#cookie-notice.cookie-revoke-visible.cn-position-top.cn-effect-slide{-webkit-animation-name:slideInDown;animation-name:slideInDown}#cookie-notice.cn-position-top.cn-effect-slide{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@-webkit-keyframes fadeOut{from{opacity:1}to{opacity:0}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}@-webkit-keyframes slideInUp{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInUp{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes slideOutDown{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@-webkit-keyframes slideInDown{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInDown{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes slideOutUp{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@media all and (max-width:900px){.cookie-notice-container #cn-notice-text{display:block}.cookie-notice-container #cn-notice-buttons{display:block}#cookie-notice .cn-button{margin:0 5px 5px 5px}}@media all and (max-width:480px){.cookie-notice-container,.cookie-revoke-container{padding:15px 25px}}.container,
.cookie-notice-container {
width: 100%;
padding-right: 1.5rem;
padding-left: 1.5rem;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 576px) {
.container,
.cookie-notice-container {
max-width: 540px;
}
}
@media (min-width: 768px) {
.container,
.cookie-notice-container {
max-width: 720px;
}
}
@media (min-width: 992px) {
.container,
.cookie-notice-container {
max-width: 940px;
}
}
@media (min-width: 1130px) {
.container,
.cookie-notice-container {
max-width: 1070px;
}
}
@media (min-width: 1260px) {
.container,
.cookie-notice-container {
max-width: 1200px;
}
}
@media (min-width: 1700px) {
.container,
.cookie-notice-container {
max-width: 1405px;
}
}
.container-fluid {
width: 100%;
padding-right: 1.5rem;
padding-left: 1.5rem;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 350px) {
[class*=col-],
.container,
.cookie-notice-container {
padding-left: 1.5rem;
padding-right: 3.5rem;
}
}
@font-face {
font-family: "Gilroy";
src: url(//przestrzenie.pl/wp-content/themes/przestrzenie-theme/assets/dist/fonts/Gilroy-Regular.woff2);
src: url(//przestrzenie.pl/wp-content/themes/przestrzenie-theme/assets/dist/fonts/Gilroy-Regular.woff2) format("woff2"), url(//przestrzenie.pl/wp-content/themes/przestrzenie-theme/assets/dist/fonts/Gilroy-Regular.ttf) format("truetype");
font-weight: 400;
font-display: swap;
}
@font-face {
font-family: "Gilroy";
src: url(//przestrzenie.pl/wp-content/themes/przestrzenie-theme/assets/dist/fonts/Gilroy-Medium.woff2);
src: url(//przestrzenie.pl/wp-content/themes/przestrzenie-theme/assets/dist/fonts/Gilroy-Medium.woff2) format("woff2"), url(//przestrzenie.pl/wp-content/themes/przestrzenie-theme/assets/dist/fonts/Gilroy-Medium.ttf) format("truetype");
font-weight: 500;
font-display: swap;
}
@font-face {
font-family: "Gilroy";
src: url(//przestrzenie.pl/wp-content/themes/przestrzenie-theme/assets/dist/fonts/Gilroy-Semibold.woff2);
src: url(//przestrzenie.pl/wp-content/themes/przestrzenie-theme/assets/dist/fonts/Gilroy-Semibold.woff2) format("woff2"), url(//przestrzenie.pl/wp-content/themes/przestrzenie-theme/assets/dist/fonts/Gilroy-Semibold.ttf) format("truetype");
font-weight: 600;
font-display: swap;
}
@font-face {
font-family: "Gilroy";
src: url(//przestrzenie.pl/wp-content/themes/przestrzenie-theme/assets/dist/fonts/Gilroy-Bold.woff2);
src: url(//przestrzenie.pl/wp-content/themes/przestrzenie-theme/assets/dist/fonts/Gilroy-Bold.woff2) format("woff2"), url(//przestrzenie.pl/wp-content/themes/przestrzenie-theme/assets/dist/fonts/Gilroy-Bold.ttf) format("truetype");
font-weight: 700;
font-display: swap;
}
@font-face {
font-family: "Benzin";
src: url(//przestrzenie.pl/wp-content/themes/przestrzenie-theme/assets/dist/fonts/Benzin-Medium.woff2);
src: url(//przestrzenie.pl/wp-content/themes/przestrzenie-theme/assets/dist/fonts/Benzin-Medium.woff2) format("woff2"), url(//przestrzenie.pl/wp-content/themes/przestrzenie-theme/assets/dist/fonts/Benzin-Medium.ttf) format("truetype");
font-weight: 500;
font-display: swap;
}
html,
body,
textarea {
font-family: "Gilroy", sans-serif;
font-weight: 400;
}
:root {
--primary: #ffaa00;
--white: #ffffff;
--bg: #1b1c1e;
--black: #1b1c1e;
--color-1: #7b7b7b;
--color-2: #676767;
--color-3: #a3a3a3;
--color-4: #be8809;
--color-5: #a1a1a1;
--color-6: #9d9d9d;
--color-7: #262627;
--color-8: #a2a2a2;
--color-9: #707070;
--color-10: #282829;
--white-to-dark: #ffffff;
--white-to-black: #fff;
--dark-to-white: #1b1c1e;
--primary-to-text: #ffffff;
}
.light-mode {
--white-to-dark: #1b1c1e;
--white-to-black: #000;
--dark-to-white: #ffffff;
--color-7: #f6f6f6;
--color-10: #a3a3a3;
--primary-to-text: #1b1c1e;
}
body .mb-0 {
margin-bottom: 0;
}
body .d-flex {
display: flex;
}
body .d-none {
display: none;
}
@media (min-width: 992px) {
body .d-lg-block {
display: block;
}
}
@media (min-width: 576px) {
body .d-sm-block {
display: block;
}
}
@media (min-width: 992px) {
body .d-lg-flex {
display: flex;
}
}
@media (min-width: 992px) {
body .d-lg-none {
display: none;
}
}
@media (min-width: 576px) {
body .d-sm-none {
display: none;
}
}
body .mx-0 {
margin-left: 0;
margin-right: 0;
}
*,
:after,
:before {
box-sizing: border-box;
}
* {
margin-block-start: 0;
margin-block-end: 0;
margin-inline-start: 0;
margin-inline-end: 0;
padding-block-start: 0;
padding-block-end: 0;
padding-inline-start: 0;
padding-inline-end: 0;
}
html {
font-size: 62.5%;
line-height: 1.15;
-webkit-text-size-adjust: 100%;
transition-property: font-size;
scroll-behavior: smooth;
scroll-padding-top: var(--header-height);
}
body {
font-size: 1.6rem;
background-color: var(--dark-to-white);
overflow-x: hidden;
}
body.lock {
overflow: hidden;
}
@media (min-width: 992px) {
body {
padding-left: max(10rem, 7%);
position: relative;
}
}
@media (min-width: 1700px) {
body {
padding-left: max(10rem, 14.5%);
position: relative;
}
body:before {
content: "";
position: absolute;
left: calc(14.5% - 0.1rem);
top: 0;
width: 0.1rem;
height: 100%;
background-color: var(--color-1);
opacity: 0.9;
}
}
html,
body {
color: var(--primary);
font-weight: 400;
}
::-webkit-scrollbar {
width: 1.2rem;
background-color: #fff;
}
::-webkit-scrollbar-thumb {
background-color: var(--primary);
}
button,
input,
select {
outline: none;
border: none;
background-color: transparent;
padding: 0;
}
button:focus,
input:focus,
select:focus {
outline: none;
}
ul {
padding-left: 0;
list-style: none;
}
img,
svg,
video,
iframe {
max-width: 100%;
height: auto;
}
a {
text-decoration: none;
transition: all 0.3s ease-in-out;
will-change: color;
color: var(--primary);
}
a:hover {
text-decoration: none;
}
a:not([href]):not([tabindex]):hover,
a:not([href]):not([tabindex]):focus {
color: var(--primary);
}
.screen-reader-text,
.screen-reader-response {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
word-wrap: normal !important;
}
.screen-reader-text:focus,
.screen-reader-response:focus {
background-color: #eee;
clip: auto !important;
clip-path: none;
color: #444;
display: block;
font-size: 1em;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
}
.wp-container-1 {
justify-content: center;
}
.justify {
text-align: justify;
}
.justify-left {
text-align: left;
}
.justify-right {
text-align: right;
}
.justify-center {
text-align: center;
}
.wp-block-embed__wrapper {
height: 0;
padding-top: 56.25%;
position: relative;
}
.wp-block-embed__wrapper iframe {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
@media (min-width: 768px) {
.mobile-only {
display: none;
}
}
h1 u,
h2 u,
h3 u {
text-decoration: none;
}
h1 u,
h2 u,
h3 u {
position: relative;
z-index: 1;
overflow: hidden;
display: inline-grid;
}
h1 u:before,
h2 u:before,
h3 u:before {
height: 1.1rem;
bottom: 0.4rem;
content: "";
position: absolute;
left: 0;
width: 100%;
pointer-events: none;
z-index: -1;
background-color: var(--primary);
will-change: transform;
transition-property: transform;
transition: transform 0.65s ease-in-out;
transform: scaleX(0);
transform-origin: left center;
}
@media (min-width: 992px) {
h1 u:before,
h2 u:before,
h3 u:before {
height: 1.8rem;
bottom: 1rem;
}
}
h1 u.active:before,
h2 u.active:before,
h3 u.active:before {
transform: scaleX(1);
}  .alignnone {
margin-left: 0;
margin-right: 0;
max-width: 100%;
height: auto;
}
.aligncenter {
display: block;
margin: 1.5rem auto;
height: auto;
}
.alignleft,
.alignright {
margin-bottom: 1.5rem;
height: auto;
}
@media (min-width: 576px) {
.alignleft {
float: left;
margin-right: 1.5rem;
}
.alignright {
float: right;
margin-left: 1.5rem;
}
}
.mega-menu {
background-color: var(--primary);
opacity: 0;
pointer-events: none;
will-change: opacity;
transition: opacity 0.3s ease-in-out;
top: 0;
left: 0;
width: 100%;
height: 100%;
position: fixed;
padding: 8rem 0 0 0;
z-index: 98;
}
.mega-menu__container {
height: 100%;
display: flex;
flex-direction: column;
padding-top: 1rem;
}
.mega-menu__column {
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.mega-menu .color-toggler {
margin: 0 0 1.5rem auto;
}
.mega-menu__nav {
margin-bottom: 2.5rem;
}
.mega-menu__menu {
flex-direction: column;
gap: 1rem 0;
}
.mega-menu__menu a {
font-size: 2rem;
line-height: 1.3;
color: var(--black);
font-family: "Benzin", serif;
font-weight: 500;
}
.mega-menu__menu a:hover {
color: var(--white);
}
.mega-menu.open {
opacity: 1;
pointer-events: all;
}
.mega-menu__address * {
color: var(--black);
}
@media (min-width: 375px) {
.mega-menu__menu a {
font-size: 3rem;
line-height: 1.2;
}
}
@media (max-width: 991.98px) {
.mega-menu .color-toggler {
order: 1;
}
.mega-menu__column {
order: 2;
}
.mega-menu__column--data {
order: 3;
height: auto;
padding-bottom: 2rem;
}
}
@media (min-width: 992px) {
.mega-menu {
padding: 22rem 0 6rem;
height: 100%;
}
.mega-menu .color-toggler {
display: none;
}
.mega-menu__container {
flex-direction: row;
max-width: 138rem;
overflow: unset;
justify-content: space-between;
padding-top: 0;
}
.mega-menu__list-title {
font-size: 2.5rem;
line-height: 1.4;
letter-spacing: 0.015rem;
font-weight: 500;
margin-bottom: 1.5rem;
text-transform: uppercase;
color: var(--black);
}
.mega-menu__list {
display: flex;
flex-direction: column;
gap: 1.5rem 0;
margin-bottom: 2.5rem;
}
.mega-menu__link {
font-size: 2.5rem;
line-height: 1.48;
font-weight: 500;
color: var(--black);
}
.mega-menu__link:hover {
color: var(--white);
}
.mega-menu__address {
color: var(--black);
font-size: 2.5rem;
line-height: 1.4;
letter-spacing: 0.015rem;
font-weight: 500;
margin-top: auto;
}
.mega-menu__address p {
margin-bottom: 2.5rem;
}
.mega-menu__address p:last-child {
margin-bottom: 0;
}
.mega-menu__nav {
margin-bottom: 2rem;
}
.mega-menu__menu {
gap: 1.1rem 0;
}
}
@media (min-width: 1700px) {
.mega-menu {
padding: 28rem 0 6rem;
}
.mega-menu__list-title {
margin-bottom: 4.5rem;
}
.mega-menu__list {
gap: 3.5rem 0;
margin-bottom: 5rem;
}
.mega-menu__menu a {
font-size: 4.5rem;
line-height: 1.4;
}
}
.mega-menu-links {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 1rem;
padding-bottom: 2rem;
}
.mega-menu-links .mega-menu-links__link {
color: var(--black);
font-size: 1.4rem;
line-height: 1.5;
letter-spacing: 0.015rem;
}
.mega-menu-links .mega-menu-links__link:hover {
color: var(--white);
}
@media (min-width: 992px) {
.mega-menu-links {
padding-bottom: 0;
margin-top: auto;
gap: 1.8rem 2rem;
}
.mega-menu-links .mega-menu-links__link {
font-size: 2.5rem;
line-height: 1.4;
}
}
.wp-block-button:not(.is-style-arrow) .wp-block-button__link {
font-size: 2rem;
line-height: 1.1;
font-family: "Benzin", serif;
font-weight: 500;
color: var(--primary);
border: 0.2rem solid var(--primary);
background-color: var(--primary);
transition-property: background-color, color;
will-change: background-color, color;
transition: all 0.3s ease-in-out;
padding: 1.8rem 2.9rem 1.6rem;
border-radius: 0;
color: var(--black);
display: table;
}
.wp-block-button:not(.is-style-arrow) .wp-block-button__link:visited {
color: var(--black);
}
.wp-block-button:not(.is-style-arrow) .wp-block-button__link:hover {
background-color: transparent;
color: var(--primary);
}
.wp-block-button:not(.is-style-arrow).is-style-reverse .wp-block-button__link {
background-color: var(--black);
color: var(--white);
border: 0.2rem solid var(--black);
}
.wp-block-button:not(.is-style-arrow).is-style-reverse .wp-block-button__link:hover {
background-color: transparent;
color: var(--white);
}
.wp-block-button.is-style-arrow .wp-block-button__link, .wp-block-button.is-style-arrow-bottom .wp-block-button__link {
padding: 0;
display: block;
width: 6.5rem;
height: 5.8rem;
color: transparent;
background-color: var(--white-to-dark);
-webkit-mask: url(//przestrzenie.pl/wp-content/themes/przestrzenie-theme/assets/src/img/arrow.svg);
-webkit-mask-position: center;
-webkit-mask-size: cover;
-webkit-mask-repeat: no-repeat;
mask: url(//przestrzenie.pl/wp-content/themes/przestrzenie-theme/assets/src/img/arrow.svg);
mask-position: center;
mask-size: cover;
mask-repeat: no-repeat;
will-change: transform, background-color;
transition-property: transform, background-color;
transition: all 0.3s ease-in-out;
}
.wp-block-button.is-style-arrow .wp-block-button__link:hover, .wp-block-button.is-style-arrow-bottom .wp-block-button__link:hover {
transform: translateX(0.5rem);
background-color: var(--primary);
}
.wp-block-button.is-style-arrow-bottom .wp-block-button__link {
transform: rotate(90deg);
}
.wp-block-button.is-style-arrow-bottom .wp-block-button__link:hover {
transform: rotate(90deg) translateX(0.5rem);
}
#cookie-notice:not(.cookie-notice-hidden) {
background-color: var(--dark-to-white) !important;
border-top: 0.1rem solid var(--color-1);
}
#cookie-notice:not(.cookie-notice-hidden) .cookie-notice-container {
margin: 0 auto;
padding-top: 1.25rem;
padding-bottom: 1.25rem;
display: flex !important;
flex-direction: column;
}
#cookie-notice:not(.cookie-notice-hidden) .cookie-notice-container .cn-text-container {
margin-bottom: 1rem;
color: var(--white-to-dark);
font-size: 1.5rem;
line-height: 2rem;
}
#cookie-notice:not(.cookie-notice-hidden) .cookie-notice-container a {
text-decoration: underline;
color: var(--primary);
}
#cookie-notice:not(.cookie-notice-hidden) .cookie-notice-container a:hover {
color: var(--primary-to-text);
}
#cookie-notice:not(.cookie-notice-hidden) .cookie-notice-container .cn-button {
font-size: 1.5rem;
line-height: 2rem;
font-weight: 700;
color: var(--primary);
border: 0.2rem solid var(--primary);
background-color: var(--primary) !important;
transition-property: background-color, color;
will-change: background-color, color;
transition: all 0.3s ease-in-out;
padding: 0.5rem 1.5rem;
border-radius: 0;
color: var(--black);
display: table;
text-decoration: none;
margin: 0 auto;
}
#cookie-notice:not(.cookie-notice-hidden) .cookie-notice-container .cn-button:visited {
color: var(--black);
}
#cookie-notice:not(.cookie-notice-hidden) .cookie-notice-container .cn-button:hover {
background-color: transparent !important;
color: var(--primary);
}
#cookie-notice:not(.cookie-notice-hidden) .cn-close-icon {
will-change: opacity;
transition: opacity 0.35s ease-in-out;
}
#cookie-notice:not(.cookie-notice-hidden) .cn-close-icon:before, #cookie-notice:not(.cookie-notice-hidden) .cn-close-icon:after {
background-color: var(--color-3);
}
@media (max-width: 991.98px) {
#cookie-notice:not(.cookie-notice-hidden) .cn-close-icon {
top: 1.5rem;
right: 0.75rem;
}
}
@media (min-width: 992px) {
#cookie-notice:not(.cookie-notice-hidden) .cookie-notice-container {
justify-content: space-between;
flex-direction: row;
align-items: center;
padding: 1rem 1.5rem;
}
#cookie-notice:not(.cookie-notice-hidden) .cookie-notice-container .cn-text-container {
margin: 0 1rem 0 0;
text-align: left;
}
}
.social-links__link {
text-decoration: underline;
font-size: 2.5rem;
line-height: 1.32;
font-weight: 500;
}
.social-links__link:hover {
text-decoration: underline;
}
@media (min-width: 992px) {
.social-links__link {
font-size: 2rem;
line-height: 1.35;
}
}
@media (min-width: 1700px) {
.social-links__link {
font-size: 2.5rem;
line-height: 1.32;
}
}
.scroll-btn {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
margin: 0 auto;
cursor: pointer;
}
.scroll-btn--bottom .scroll-btn__icon {
transform: scale(-1);
}
.scroll-btn__icon {
width: 8rem;
height: 8rem;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 2.4rem;
background-color: var(--primary);
}
.scroll-btn__icon path {
stroke: var(--color-1);
}
.scroll-btn__text {
font-size: 2rem;
line-height: 1.35;
color: var(--color-1);
}
@media (min-width: 992px) {
.scroll-btn__icon {
background-color: transparent;
border: 0.2rem solid var(--color-1);
position: relative;
z-index: 1;
margin-bottom: 1.6rem;
width: 6rem;
height: 6rem;
}
.scroll-btn__icon:before {
border-radius: 50%;
background-color: var(--primary);
border-radius: 50%;
width: 100%;
height: 100%;
content: "";
position: absolute;
left: 0;
top: 0;
outline: 0.2rem solid var(--primary);
z-index: -1;
pointer-events: none;
will-change: opacity;
opacity: 0;
transition: opacity 0.3s ease-in-out;
}
.scroll-btn:hover .scroll-btn__icon:before {
opacity: 1;
}
.scroll-btn__text {
font-size: 1.5rem;
line-height: 1.3333333333;
}
}
@media (min-width: 1700px) {
.scroll-btn__icon {
width: 8rem;
height: 8rem;
margin-bottom: 2.4rem;
}
.scroll-btn__text {
font-size: 2rem;
line-height: 1.35;
}
}
@media (min-width: 992px) {
.page-scrollers {
background-color: var(--dark-to-white);
position: absolute;
flex-direction: column;
left: 0;
height: 100%;
width: calc(max(10rem, 7%) - 0.1rem);
justify-content: space-between;
align-items: center;
padding: 20rem 0 10.5rem;
z-index: 1;
}
}
@media (min-width: 1700px) {
.page-scrollers {
width: calc(max(10rem, 14.5%) - 0.1rem);
padding: 65vh 0 10.5rem;
}
}
@media (min-width: 992px) {
.custom-cursor {
width: 9.7rem;
height: 9.7rem;
background-color: var(--primary);
border-radius: 50%;
align-items: center;
justify-content: center;
opacity: 0;
will-change: opacity;
position: absolute;
transition: opacity 0.3s ease-in-out;
transform: translate(-50%, -50%);
pointer-events: none;
user-select: none;
visibility: hidden;
}
.custom-cursor.active {
opacity: 1;
visibility: visible;
}
.custom-cursor__text {
font-size: 1.9rem;
line-height: 1;
font-weight: 600;
color: var(--black);
}
}
@media (min-width: 992px) {
.hide-cursor {
cursor: none;
}
}
.phone {
position: fixed;
background-color: var(--primary);
border-radius: 50%;
bottom: 1rem;
right: 1rem;
width: 4.8rem;
height: 4.8rem;
display: flex;
align-items: center;
justify-content: center;
z-index: 97;
border: 0.2rem solid var(--primary);
transition: background-color 0.3s ease-in-out;
}
.phone g {
fill: var(--white-to-dark);
will-change: fill;
transition: fill 0.3s ease-in-out;
}
.phone:hover g {
fill: var(--dark-to-white);
}
@media (min-width: 992px) {
.phone {
width: 6.5rem;
height: 6.5rem;
bottom: 3.5rem;
right: 3.5rem;
}
.phone svg {
width: 2.5rem;
}
}
.header {
padding: 1.5rem 0;
position: fixed;
top: 0;
left: 0;
right: 0;
width: 100%;
z-index: 99;
background-color: var(--dark-to-white);
transition: all 0.3s ease-in-out;
}
.header.sticky {
background-color: var(--dark-to-white);
}
.header.active {
background-color: var(--primary);
}
.header__wrapper {
display: flex;
justify-content: space-between;
align-items: center;
}
.header__brand {
width: 16rem;
display: block;
position: relative;
z-index: 1;
will-change: transform;
transition: transform 0.3s ease-in-out;
}
.header__logo {
will-change: filter, opacity;
transition-property: filter, opacity;
transition: all 0.3s ease-in-out;
}
.header.active .header__brand {
filter: invert(1);
}
.header.active .header-icon__line {
background-color: var(--black);
}
@media (max-width: 991.98px) {
.header .color-toggler,
.header .header-links {
display: none;
}
.header.active {
padding-bottom: 0;
}
.header.active.sticky {
padding-bottom: 0;
}
.header #text {
display: none;
}
}
@media (min-width: 992px) {
.header {
padding: 2.5rem 0;
}
.header__brand {
width: 9.5rem;
}
.header__brand #text {
will-change: opacity, transform;
transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
}
.header__brand #logo {
will-change: transform;
transition: transform 0.5s ease-in-out;
}
.header.sticky {
padding: 1.5rem 0;
}
.header.sticky .header__controls {
transform: translateX(50vw);
}
.header.sticky .header__brand #text {
opacity: 0;
transform: translateX(-52%);
}
.header.sticky .header__brand #logo {
transform: translateX(32%);
}
.header__menu {
will-change: opacity;
transition: opacity 0.3s ease-in-out;
}
.header__controls {
will-change: opacity, transform;
transition-property: opacity, transform;
transition: all 0.3s ease-in-out;
}
.header.active .header__menu,
.header.active .header__controls {
opacity: 0;
pointer-events: none;
}
.header__wrapper {
max-width: 133rem;
margin: 0 auto;
justify-content: flex-start;
}
.header__menu {
display: flex;
flex-direction: row;
gap: 0 1.5rem;
padding-left: 7.5%;
}
.header__menu a {
font-size: 2rem;
line-height: 1.35;
letter-spacing: 0.02rem;
color: var(--white-to-dark);
font-weight: 500;
padding-bottom: 0.75rem;
position: relative;
white-space: nowrap;
z-index: 1;
display: inline-block;
}
.header__menu a:before {
content: "";
position: absolute;
left: 0;
bottom: 1.15rem;
width: 100%;
height: 0.9rem;
background-color: var(--primary);
opacity: 0;
will-change: opacity;
z-index: -1;
transition: opacity 0.3s ease-in-out;
}
.header__menu a:hover:before {
opacity: 1;
}
.header__menu .current_page_item > a:before {
opacity: 1;
}
.header__wrapper {
position: relative;
}
.header .header-icon {
margin-left: auto;
}
.header__controls {
position: absolute;
top: 15.5rem;
right: 3.5rem;
display: flex;
flex-direction: column;
}
.header__controls .color-toggler {
margin-bottom: 6.5rem;
}
}
@media (min-width: 1300px) {
.header__brand {
width: 18rem;
}
}
@media (min-width: 1260px) {
.header__menu {
gap: 0 3.5rem;
}
}
@media (min-width: 1700px) {
.header__menu {
padding-left: 10%;
gap: 0 7rem;
}
.header__menu a {
font-size: 2.5rem;
line-height: 1.32;
}
}
@media (min-width: 1820px) {
.header .header__wrapper {
max-width: 176rem;
}
}
.header-icon {
width: 4.5rem;
height: 3.5rem;
display: flex;
flex-direction: column;
position: relative;
cursor: pointer;
z-index: 1;
}
.header-icon__line {
position: absolute;
width: 100%;
height: 0.2rem;
background-color: var(--white-to-dark);
left: 0;
will-change: transform;
transition: transform 0.3s ease-in-out;
}
.header-icon__line:first-of-type {
top: 0.7rem;
}
.header-icon__line:nth-child(2) {
bottom: 0.7rem;
}
.header-icon.active .header-icon__line:first-of-type {
transform: rotate(45deg) translate(0.8rem, 0.6rem);
}
.header-icon.active .header-icon__line:nth-child(2) {
transform: rotate(-45deg) translate(0.8rem, -0.6rem);
}
@media (min-width: 992px) {
.header-icon {
height: 4.5rem;
}
.header-icon.active .header-icon__line:first-of-type {
transform: rotate(45deg) translate(1.3rem, 0.9rem);
}
.header-icon.active .header-icon__line:nth-child(2) {
transform: rotate(-45deg) translate(1.3rem, -0.9rem);
}
}
@media (min-width: 992px) and (max-width: 1200px) {
.header-icon {
width: 5.7rem;
}
}
@media (min-width: 1200px) {
.header-icon {
width: 9.7rem;
}
}
.light-mode .color-toggler__slider {
transform: translateX(1rem) translateY(-50%);
}
.light-mode .color-toggler__text:first-child {
opacity: 0;
}
.light-mode .color-toggler__text:last-child {
opacity: 1;
}
.light-mode .header__brand {
filter: invert(1);
}
@media (min-width: 992px) {
.light-mode .color-toggler__slider {
transform: translateX(0.8rem) translateY(-50%);
}
}
.color-toggler {
text-align: center;
width: 6rem;
}
.color-toggler__texts {
position: relative;
}
.color-toggler__text {
font-size: 1.4rem;
line-height: 1.5;
color: var(--black);
will-change: opacity;
transition: opacity 0.3s ease-in-out;
display: block;
width: 100%;
}
.color-toggler__text:first-child {
opacity: 1;
}
.color-toggler__text:last-child {
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
opacity: 0;
}
.color-toggler__switch {
border-radius: 1.9rem;
background-color: var(--black);
width: 100%;
height: 2.5rem;
display: block;
position: relative;
cursor: pointer;
padding: 0 1rem;
margin-bottom: 0.5rem;
}
.color-toggler__input {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
visibility: hidden;
}
.color-toggler__slider {
position: absolute;
width: 1.5rem;
height: 1.5rem;
display: block;
border-radius: 50%;
background-color: var(--primary);
left: 0;
top: 50%;
transform: translateY(-50%) translateX(3.75rem);
will-change: transform;
transition: transform 0.3s ease-in-out;
}
@media (min-width: 992px) {
.color-toggler {
width: 9.6rem;
}
.color-toggler__text {
color: var(--white-to-dark);
text-align: center;
font-size: 2rem;
line-height: 1.35;
}
.color-toggler__switch {
background-color: transparent;
border: 0.2rem solid var(--white-to-dark);
height: 3.7rem;
margin-bottom: 1.6rem;
}
.color-toggler__slider {
transform: translateY(-50%) translateX(6.2rem);
width: 2.3rem;
height: 2.3rem;
}
}
@media (min-width: 992px) {
.header-links {
display: flex;
flex-direction: column;
gap: 7.5rem 0;
}
.header-links__link {
text-decoration: underline;
writing-mode: vertical-rl;
text-orientation: mixed;
display: block;
margin: 0 auto;
}
.header-links__link:hover {
text-decoration: underline;
color: var(--primary-to-text);
}
}
.footer {
padding: 0 0 5rem;
}
.footer .header__brand {
width: 100%;
padding-bottom: 6.8rem;
margin: 0 auto 7.8rem;
border-bottom: 0.1rem solid var(--color-1);
display: flex;
align-items: center;
justify-content: center;
z-index: 0;
position: unset;
}
.footer .header__brand svg {
min-width: 13.5rem;
}
.footer .header__logo {
opacity: 1;
}
.footer .header__logo--second {
display: none;
}
.footer__title {
color: var(--white-to-dark);
margin-bottom: 5rem;
font-size: 3.5rem;
line-height: 1;
font-weight: 500;
}
.footer__address {
font-size: 2rem;
line-height: 1.25;
font-weight: 500;
margin-bottom: 6.5rem;
}
.footer__address * {
color: var(--white-to-dark);
}
.footer__address p {
margin-bottom: 3.2rem;
}
.footer__address p:last-child {
margin-bottom: 0;
}
.footer__address a:hover {
color: var(--primary);
}
.footer__newsletter {
margin-bottom: 3rem;
}
.footer__newsletter-title {
color: var(--primary);
display: block;
margin-bottom: 4rem;
font-size: 2rem;
line-height: 1.35;
letter-spacing: 0.015rem;
text-transform: uppercase;
font-weight: 400;
}
.footer__newsletter-subtitle {
font-size: 1.3rem;
line-height: 1.3076923077;
letter-spacing: 0.015rem;
color: var(--color-2);
font-weight: 400;
margin-bottom: 2rem;
}
.footer form br {
display: none;
}
.footer form p {
margin-bottom: 0;
}
.footer form .wp-block-button button.wp-block-button__link {
font-size: 1.2rem;
line-height: 1.0833333333;
font-weight: 700;
height: 4rem;
width: 11rem;
padding: 0;
}
.footer form .wpcf7-not-valid-tip {
display: block;
margin: 1rem 0;
}
.footer form .wpcf7-not-valid-tip,
.footer form .wpcf7-response-output {
color: var(--white-to-dark);
font-size: 1.3rem;
line-height: 1.5384615385;
letter-spacing: 0.015rem;
}
.footer input {
background-color: transparent;
border-radius: 0;
color: var(--white-to-dark);
height: 4rem;
border: 0.1rem solid var(--white-to-dark);
padding: 0 1.5rem;
width: 100%;
color: var(--white-to-dark);
font-size: 1.3rem;
line-height: 1.5384615385;
letter-spacing: 0.015rem;
}
.footer .form-row {
display: grid;
grid-template-columns: 1fr 11rem;
gap: 0 0.4rem;
}
.footer__copy {
font-size: 1.5rem;
line-height: 1.3333333333;
letter-spacing: 0.0225rem;
color: var(--color-1);
margin-bottom: 3.8rem;
display: block;
}
.footer__copy a {
color: var(--color-1);
}
.footer__copy a:hover {
color: var(--primary);
}
@media (min-width: 992px) {
.footer {
padding: 0 0 10.5rem;
position: relative;
}
.footer__row {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 7rem 0;
}
.footer .header__brand {
border-bottom: 0;
padding: 0;
margin-bottom: 8.5rem;
display: flex;
gap: 0 15%;
align-items: center;
justify-content: space-between;
}
.footer .header__brand:before, .footer .header__brand:after {
content: "";
display: flex;
background-color: var(--color-2);
width: 100%;
height: 0.1rem;
}
.footer__title {
font-size: 5.5rem;
line-height: 1.1818181818;
margin-bottom: 0;
}
.footer__address {
margin: 0 auto 0;
}
.footer__inner-row {
width: 100%;
display: flex;
flex-direction: row;
justify-content: space-between;
gap: 0 3.5rem;
align-items: flex-end;
}
.footer__newsletter {
max-width: 50%;
width: 100%;
margin-bottom: 0;
}
.footer__newsletter-form {
max-width: 70%;
}
.footer__copy {
margin: 0;
}
.footer form .wp-block-button button.wp-block-button__link {
width: 15.5rem;
font-size: 1.5rem;
line-height: 0.8666666667;
}
}
@media (min-width: 1700px) {
.footer {
padding: 0 0 20rem;
}
.footer__row {
gap: 10.5rem 0;
}
.footer__title {
font-size: 7.5rem;
line-height: 1.1333333333;
}
.footer__address {
font-size: 2.5rem;
line-height: 1.4;
}
.footer form input {
height: 4.8rem;
}
.footer form .wp-block-button button.wp-block-button__link {
height: 4.8rem;
}
.footer__scroll-top {
bottom: 8rem;
}
}
.footer-socials {
display: flex;
flex-direction: column;
gap: 4rem;
margin-bottom: 7rem;
}
.footer-socials__link {
font-size: 2rem;
line-height: 1.75;
letter-spacing: 0.015rem;
font-weight: 500;
}
.footer-socials__link:hover {
color: var(--primary-to-text);
}
@media (min-width: 992px) {
.footer-socials {
gap: 2rem 0;
margin-bottom: 0;
}
}
@media (min-width: 992px) {
.footer-socials {
gap: 3.4rem 0;
}
.footer-socials__link {
font-size: 2.5rem;
}
}
.ml-form-successBody {
position: relative;
margin: 1.5rem 0;
width: 100%;
height: 100%;
}
.section-404 {
padding: 22.5rem 0 3.8rem;
}
.section-404__content {
display: flex;
flex-direction: column;
gap: 4rem 0;
}
.section-404__title {
color: var(--white-to-dark);
font-size: 2.8rem;
line-height: 1.25;
font-family: "Benzin", serif;
font-weight: 500;
}
@media (min-width: 992px) {
.section-404 {
padding: 31rem 0 8rem;
}
.section-404__content {
gap: 6rem 0;
}
.section-404__title {
font-size: 3rem;
line-height: 1.2333333333;
max-width: 70%;
}
}
@media (min-width: 1700px) {
.section-404 {
padding: 31rem 0 12.25rem;
}
.section-404__title {
font-size: 4.5rem;
line-height: 1.2222222222;
}
}:root {
--primary: #ffaa00;
--white: #ffffff;
--bg: #1b1c1e;
--black: #1b1c1e;
--color-1: #7b7b7b;
--color-2: #676767;
--color-3: #a3a3a3;
--color-4: #be8809;
--color-5: #a1a1a1;
--color-6: #9d9d9d;
--color-7: #262627;
--color-8: #a2a2a2;
--color-9: #707070;
--color-10: #282829;
--white-to-dark: #ffffff;
--white-to-black: #fff;
--dark-to-white: #1b1c1e;
--primary-to-text: #ffffff;
}
.light-mode {
--white-to-dark: #1b1c1e;
--white-to-black: #000;
--dark-to-white: #ffffff;
--color-7: #f6f6f6;
--color-10: #a3a3a3;
--primary-to-text: #1b1c1e;
}
.hero {
padding: 9.5rem 0 3.8rem;
}
.hero__content {
color: var(--white-to-dark);
}
.hero__content h1,
.hero__content h2 {
font-family: "Benzin", serif;
font-weight: 500;
font-size: 3rem;
line-height: 1.1666666667;
}
.hero__content p {
margin-top: 6rem;
font-size: 2rem;
line-height: 1.25;
letter-spacing: 0.015rem;
}
@media (min-width: 575px) {
.hero__content h1,
.hero__content h2 {
font-size: 4.5rem;
line-height: 1.1111111111;
}
.hero__content p {
margin-top: 11rem;
}
}
@media (max-width: 575.98px) {
.hero__content h1 br,
.hero__content h2 br {
display: none;
}
}
@media (min-width: 992px) {
.hero {
padding: 16rem 0 6rem;
}
.hero__content h1,
.hero__content h2 {
font-size: 7rem;
line-height: 1;
}
.hero__content h1 br,
.hero__content h2 br {
display: block;
}
.hero__content p {
margin-top: 6.5rem;
max-width: 80rem;
}
}
@media (min-width: 1700px) {
.hero {
padding: 20rem 0 12.25rem;
}
.hero__content h1,
.hero__content h2 {
font-size: 9rem;
line-height: 1.3;
}
.hero__content p {
font-size: 2.5rem;
line-height: 1.4;
margin-top: 8rem;
max-width: 114rem;
}
}:root {
--primary: #ffaa00;
--white: #ffffff;
--bg: #1b1c1e;
--black: #1b1c1e;
--color-1: #7b7b7b;
--color-2: #676767;
--color-3: #a3a3a3;
--color-4: #be8809;
--color-5: #a1a1a1;
--color-6: #9d9d9d;
--color-7: #262627;
--color-8: #a2a2a2;
--color-9: #707070;
--color-10: #282829;
--white-to-dark: #ffffff;
--white-to-black: #fff;
--dark-to-white: #1b1c1e;
--primary-to-text: #ffffff;
}
.light-mode {
--white-to-dark: #1b1c1e;
--white-to-black: #000;
--dark-to-white: #ffffff;
--color-7: #f6f6f6;
--color-10: #a3a3a3;
--primary-to-text: #1b1c1e;
}
.video {
padding: 3.8rem 0;
}
.video__wrapper {
position: relative;
}
.video__wrapper.active .video__play {
opacity: 0;
}
.video__wrapper.active .video__play:hover {
opacity: 1;
}
.video__item {
width: 100%;
object-fit: cover;
min-height: 12rem;
}
.video__play {
background-color: var(--primary);
border-radius: 50%;
width: 8rem;
height: 8rem;
cursor: pointer;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
font-size: 1.9rem;
line-height: 1.3684210526;
font-weight: 600;
display: flex;
align-items: center;
justify-content: center;
color: var(--black);
will-change: opacity, filter;
transition-property: opacity, filter;
transition: all 0.3s ease-in-out;
}
.video__play:hover, .video__play:active {
filter: brightness(1.1);
}
@media (min-width: 992px) {
.video {
padding: 8rem 0 4rem;
}
.video__item {
max-height: 60rem;
}
}
@media (min-width: 1700px) {
.video {
padding: 12.25rem 0 5.5rem;
}
.video__play {
width: 9.7rem;
height: 9.7rem;
}
.video__item {
max-height: 70rem;
}
.video--left .video__wrapper {
padding: 0;
transform: translateX(calc(var(--container-half-space) * -1));
}
.video--left video {
width: calc(100% + var(--container-half-space) / 2);
}
.video:not(.video--left) .video__wrapper {
padding-right: 0;
max-width: calc(100% - var(--container-half-space));
margin: 0 0 0 auto;
}
}:root {
--primary: #ffaa00;
--white: #ffffff;
--bg: #1b1c1e;
--black: #1b1c1e;
--color-1: #7b7b7b;
--color-2: #676767;
--color-3: #a3a3a3;
--color-4: #be8809;
--color-5: #a1a1a1;
--color-6: #9d9d9d;
--color-7: #262627;
--color-8: #a2a2a2;
--color-9: #707070;
--color-10: #282829;
--white-to-dark: #ffffff;
--white-to-black: #fff;
--dark-to-white: #1b1c1e;
--primary-to-text: #ffffff;
}
.light-mode {
--white-to-dark: #1b1c1e;
--white-to-black: #000;
--dark-to-white: #ffffff;
--color-7: #f6f6f6;
--color-10: #a3a3a3;
--primary-to-text: #1b1c1e;
}
.two-columns {
padding: 3.8rem 0 4.8rem;
}
.two-columns__title {
font-size: 3rem;
line-height: 1.1666666667;
font-weight: 500;
margin-bottom: 4rem;
color: var(--white-to-dark);
position: relative;
z-index: 2;
}
.two-columns__content {
margin-bottom: 9.8rem;
}
.two-columns__description {
margin-bottom: 10.5rem;
color: var(--white-to-dark);
font-size: 1.8rem;
line-height: 1.3;
letter-spacing: 0.015rem;
font-weight: 500;
}
@media (min-width: 576px) {
.two-columns__description {
font-size: 2rem;
line-height: 1.3;
letter-spacing: 0.015rem;
}
}
.two-columns__description p {
margin-bottom: 2rem;
}
.two-columns__description p:last-child {
margin-bottom: 0;
}
.two-columns__image-wrapper {
margin-bottom: 3.6rem;
}
.two-columns__image-wrapper:last-of-type {
margin-bottom: 0;
}
@media (min-width: 992px) {
.two-columns {
padding: 4rem 0 6.5rem;
}
.two-columns__container {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 0 9rem;
justify-content: space-between;
align-items: flex-start;
width: 100%;
position: relative;
}
.two-columns__title {
font-size: 5.5rem;
line-height: 1.1818181818;
font-weight: 500;
margin-bottom: 10.5rem;
}
.two-columns__content {
margin-bottom: 8.5rem;
}
.two-columns__title, .two-columns__content, .two-columns__image-wrapper {
max-width: calc(50% - 4.5rem);
width: 100%;
}
.two-columns__description {
margin-bottom: 7.5rem;
}
.two-columns__image {
object-fit: cover;
}
.two-columns__image-wrapper--first img {
max-height: 59rem;
object-position: center;
}
.two-columns__image-wrapper--second {
margin-left: auto;
}
.two-columns__image-wrapper--second img {
width: auto;
}
}
@media (min-width: 1700px) {
.two-columns {
padding: 5.5rem 0;
}
.two-columns__container {
gap: 0 14.5rem;
}
.two-columns__title, .two-columns__content, .two-columns__image-wrapper {
max-width: calc(50% - 7.25rem);
}
.two-columns__title {
font-size: 7.5rem;
line-height: 1.1333333333;
}
.two-columns__description {
font-size: 2.5rem;
line-height: 1.4;
margin-bottom: 13rem;
}
.two-columns__content {
margin-bottom: 14.5rem;
}
.two-columns__image-wrapper--first img {
max-height: 85rem;
}
}:root {
--primary: #ffaa00;
--white: #ffffff;
--bg: #1b1c1e;
--black: #1b1c1e;
--color-1: #7b7b7b;
--color-2: #676767;
--color-3: #a3a3a3;
--color-4: #be8809;
--color-5: #a1a1a1;
--color-6: #9d9d9d;
--color-7: #262627;
--color-8: #a2a2a2;
--color-9: #707070;
--color-10: #282829;
--white-to-dark: #ffffff;
--white-to-black: #fff;
--dark-to-white: #1b1c1e;
--primary-to-text: #ffffff;
}
.light-mode {
--white-to-dark: #1b1c1e;
--white-to-black: #000;
--dark-to-white: #ffffff;
--color-7: #f6f6f6;
--color-10: #a3a3a3;
--primary-to-text: #1b1c1e;
}
.portfolio-item {
display: block;
position: relative;
line-height: 0;
}
.portfolio-item__image {
height: 100%;
min-height: 30rem;
}
.portfolio-item:hover:before {
opacity: 0.8;
}
.portfolio-item:hover .portfolio-item__title {
opacity: 0;
}
.portfolio-item:hover .portfolio-item__icon {
opacity: 1;
}
.portfolio-item:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
opacity: 0;
z-index: 1;
will-change: opacity;
transition: opacity 0.3s ease-in-out;
}
.portfolio-item__image {
object-fit: cover;
width: 100%;
}
.portfolio-item__meta {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 2.4rem 2rem;
display: flex;
flex-direction: column;
}
.portfolio-item__title {
color: var(--white);
font-size: 2rem;
line-height: 1.35;
letter-spacing: 0.02rem;
font-weight: 500;
text-align: center;
display: block;
margin-top: auto;
margin-bottom: 0;
opacity: 1;
will-change: opacity;
transition: opacity 0.3s ease-in-out;
}
.portfolio-item__terms {
text-align: right;
margin-top: auto;
}
.portfolio-item__term {
text-transform: uppercase;
font-size: 2rem;
line-height: 1.75;
letter-spacing: 0.015rem;
font-weight: 600;
color: var(--white);
position: relative;
z-index: 1;
will-change: color;
transition: color 0.3s ease-in-out;
}
.portfolio-item__term:after {
content: ", ";
}
.portfolio-item__term:last-child:after {
display: none;
}
.portfolio-item__icon {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
z-index: 1;
opacity: 0;
will-change: opacity;
transition: opacity 0.3s ease-in-out;
width: 6.5rem;
height: 5.8rem;
}
.portfolio-item__icon path {
stroke: var(--dark-to-white);
}
@media (max-width: 991.98px) {
.portfolio-item--style-2 .portfolio-item__title,
.portfolio-item--style-2 .portfolio-item__terms {
margin-top: 0;
text-align: left;
display: block;
}
.portfolio-item--style-2 .portfolio-item__meta {
align-items: flex-start;
justify-content: flex-end;
}
.portfolio-item--style-2 .portfolio-item__title {
will-change: color;
transition: color 0.3s ease-in-out;
position: relative;
z-index: 1;
font-weight: 500;
}
.portfolio-item--style-2 .portfolio-item__title,
.portfolio-item--style-2 .portfolio-item__term {
font-size: 1.8rem;
line-height: 1.3333333333;
letter-spacing: 0.02rem;
}
.portfolio-item--style-2:hover .portfolio-item__title {
color: var(--black);
opacity: 1;
}
}
@media (min-width: 992px) {
.portfolio-item__image {
min-height: 54.5rem;
}
.portfolio-item__meta {
padding: 4rem;
flex-direction: row;
align-items: flex-end;
justify-content: space-between;
}
.portfolio-item__title {
font-size: 1.8rem;
line-height: 1.3333333333;
margin: 0;
}
.portfolio-item__terms {
margin: 0;
}
.portfolio-item__term {
font-size: 1.8rem;
line-height: 1.4444444444;
}
}
@media (min-width: 1700px) {
.portfolio-item__image {
max-height: 70rem;
height: 100%;
}
.portfolio-item__meta {
padding: 5rem;
}
.portfolio-item__title, .portfolio-item__term {
font-size: 2.5rem;
line-height: 1.32;
}
}
.accordions {
padding: 4.8rem 0 5.3rem;
}
.accordions--last {
padding-bottom: 9.5rem;
}
.accordions--bottom-border {
margin-bottom: 4rem;
padding-bottom: 0;
}
.accordions--bottom-border .accordions__list {
padding-bottom: 9rem;
position: relative;
}
.accordions--bottom-border .accordions__list:before {
content: "";
position: absolute;
left: 0;
width: 100%;
height: 0.1rem;
bottom: -0.1rem;
background-color: var(--color-1);
}
.accordions__title {
color: var(--primary);
display: block;
margin-bottom: 4rem;
font-size: 2rem;
line-height: 1.35;
letter-spacing: 0.02rem;
text-transform: uppercase;
}
.accordions__item {
border-bottom: 0.1rem solid var(--white-to-dark);
padding-bottom: 3rem;
margin-bottom: 2.4rem;
}
.accordions__item:last-child {
margin-bottom: 0;
}
.accordions__item.is-active .accordions__item-title {
color: var(--primary);
}
.accordions__item.is-active .accordions__icon {
transform: rotate(135deg);
}
.accordions__item.is-active .accordions__icon path {
stroke: var(--primary);
}
.accordions__item__link {
color: var(--white-to-black);
text-decoration: underline;
font-size: 2.5rem;
line-height: 1.4;
letter-spacing: 0.02rem;
transition: all 0.3s ease-in-out;
text-transform: uppercase;
float: right;
margin-top: 15px;
}
.accordions__item__link:hover {
text-decoration: underline;
color: var(--primary);
}
.accordions__count {
display: none;
}
.accordions__trigger {
cursor: pointer;
display: grid;
grid-template-columns: 1fr 2.2rem;
gap: 0 1rem;
align-items: center;
width: 100%;
}
.accordions__item-title {
color: var(--white-to-dark);
font-size: 2.5rem;
line-height: 1.32;
font-weight: 500;
margin-bottom: 0;
text-align: left;
will-change: color;
transition: color 0.3s ease-in-out;
}
.accordions__icon {
display: block;
width: 2.2rem;
min-width: 2.2rem;
will-change: transform;
transition: transform 0.3s ease-in-out;
}
.accordions__icon path {
will-change: stroke;
transition: stroke 0.3s ease-in-out;
stroke: var(--white-to-dark);
}
.accordions__description {
padding: 4rem 0 5.5rem;
color: var(--color-3);
font-size: 2rem;
line-height: 1.25;
letter-spacing: 0.015rem;
font-weight: 500;
}
.accordions .wp-block-button {
margin-top: 4rem;
}
.accordions .wp-block-button__link {
margin: 0 auto;
}
@media (min-width: 992px) {
.accordions {
padding: 6.5rem 0 7rem;
}
.accordions--last {
padding-bottom: 14rem;
}
.accordions--bottom-border {
margin-bottom: 8.5rem;
}
.accordions--bottom-border .accordions__list {
padding-bottom: 16rem;
}
.accordions--bottom-border .accordions__list:before {
width: 108%;
left: -8%;
}
.accordions__title {
margin-bottom: 7.5rem;
font-size: 2.5rem;
line-height: 1.4;
}
.accordions__list {
max-width: 92%;
margin-left: auto;
}
.accordions__item {
margin-bottom: 2.5rem;
padding-bottom: 2.5rem;
border-bottom: none;
position: relative;
}
.accordions__item:before {
content: "";
right: 0;
width: calc(100% - 19rem);
height: 0.1rem;
background-color: var(--color-3);
position: absolute;
bottom: 0;
}
.accordions__item.is-active .accordions__trigger .accordions__icon {
transform: rotate(135deg);
}
.accordions__header {
display: grid;
grid-template-columns: 5rem 1fr;
gap: 0 14rem;
align-items: center;
}
.accordions__item-title {
font-size: 4.5rem;
line-height: 1.4;
}
.accordions__count {
display: block;
color: var(--color-3);
font-size: 3.6rem;
line-height: 1.0555555556;
}
.accordions__trigger {
grid-template-columns: 1fr 6.5rem;
}
.accordions__trigger:hover .accordions__icon {
transform: translateX(0.5rem);
}
.accordions__icon {
width: 5.5rem;
min-width: 5.5rem;
}
.accordions__description {
padding: 4.5rem 0 0 0;
}
.accordions__body {
max-width: calc(100% - 19rem);
width: 100%;
margin-left: auto;
}
.accordions .wp-block-button {
margin-top: 8rem;
}
.accordions .wp-block-button__link {
margin: 0 auto;
}
}
@media (min-width: 1700px) {
.accordions--last {
padding-bottom: 20rem;
}
.accordions--bottom-border .accordions__list:before {
left: -50%;
width: 150%;
}
.accordions__header {
gap: 0 6.8rem;
}
.accordions__item-title {
font-size: 5.5rem;
line-height: 1.3272727273;
}
.accordions__item:before {
width: calc(100% - 11.8rem);
}
.accordions__body {
max-width: calc(100% - 11.8rem);
}
.accordions__description {
font-size: 2.5rem;
line-height: 1.4;
}
.accordions__body {
padding-bottom: 7.4rem;
}
}:root {
--primary: #ffaa00;
--white: #ffffff;
--bg: #1b1c1e;
--black: #1b1c1e;
--color-1: #7b7b7b;
--color-2: #676767;
--color-3: #a3a3a3;
--color-4: #be8809;
--color-5: #a1a1a1;
--color-6: #9d9d9d;
--color-7: #262627;
--color-8: #a2a2a2;
--color-9: #707070;
--color-10: #282829;
--white-to-dark: #ffffff;
--white-to-black: #fff;
--dark-to-white: #1b1c1e;
--primary-to-text: #ffffff;
}
.light-mode {
--white-to-dark: #1b1c1e;
--white-to-black: #000;
--dark-to-white: #ffffff;
--color-7: #f6f6f6;
--color-10: #a3a3a3;
--primary-to-text: #1b1c1e;
}
.portfolio-item {
display: block;
position: relative;
line-height: 0;
}
.portfolio-item__image {
height: 100%;
min-height: 30rem;
}
.portfolio-item:hover:before {
opacity: 0.8;
}
.portfolio-item:hover .portfolio-item__title {
opacity: 0;
}
.portfolio-item:hover .portfolio-item__icon {
opacity: 1;
}
.portfolio-item:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
opacity: 0;
z-index: 1;
will-change: opacity;
transition: opacity 0.3s ease-in-out;
}
.portfolio-item__image {
object-fit: cover;
width: 100%;
}
.portfolio-item__meta {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 2.4rem 2rem;
display: flex;
flex-direction: column;
}
.portfolio-item__title {
color: var(--white);
font-size: 2rem;
line-height: 1.35;
letter-spacing: 0.02rem;
font-weight: 500;
text-align: center;
display: block;
margin-top: auto;
margin-bottom: 0;
opacity: 1;
will-change: opacity;
transition: opacity 0.3s ease-in-out;
}
.portfolio-item__terms {
text-align: right;
margin-top: auto;
}
.portfolio-item__term {
text-transform: uppercase;
font-size: 2rem;
line-height: 1.75;
letter-spacing: 0.015rem;
font-weight: 600;
color: var(--white);
position: relative;
z-index: 1;
will-change: color;
transition: color 0.3s ease-in-out;
}
.portfolio-item__term:after {
content: ", ";
}
.portfolio-item__term:last-child:after {
display: none;
}
.portfolio-item__icon {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
z-index: 1;
opacity: 0;
will-change: opacity;
transition: opacity 0.3s ease-in-out;
width: 6.5rem;
height: 5.8rem;
}
.portfolio-item__icon path {
stroke: var(--dark-to-white);
}
@media (max-width: 991.98px) {
.portfolio-item--style-2 .portfolio-item__title,
.portfolio-item--style-2 .portfolio-item__terms {
margin-top: 0;
text-align: left;
display: block;
}
.portfolio-item--style-2 .portfolio-item__meta {
align-items: flex-start;
justify-content: flex-end;
}
.portfolio-item--style-2 .portfolio-item__title {
will-change: color;
transition: color 0.3s ease-in-out;
position: relative;
z-index: 1;
font-weight: 500;
}
.portfolio-item--style-2 .portfolio-item__title,
.portfolio-item--style-2 .portfolio-item__term {
font-size: 1.8rem;
line-height: 1.3333333333;
letter-spacing: 0.02rem;
}
.portfolio-item--style-2:hover .portfolio-item__title {
color: var(--black);
opacity: 1;
}
}
@media (min-width: 992px) {
.portfolio-item__image {
min-height: 54.5rem;
}
.portfolio-item__meta {
padding: 4rem;
flex-direction: row;
align-items: flex-end;
justify-content: space-between;
}
.portfolio-item__title {
font-size: 1.8rem;
line-height: 1.3333333333;
margin: 0;
}
.portfolio-item__terms {
margin: 0;
}
.portfolio-item__term {
font-size: 1.8rem;
line-height: 1.4444444444;
}
}
@media (min-width: 1700px) {
.portfolio-item__image {
max-height: 70rem;
height: 100%;
}
.portfolio-item__meta {
padding: 5rem;
}
.portfolio-item__title, .portfolio-item__term {
font-size: 2.5rem;
line-height: 1.32;
}
}
.portfolio-list {
padding: 5.3rem 0;
}
.portfolio-list__content {
color: var(--white-to-dark);
margin-bottom: 5rem;
}
.portfolio-list__content h1,
.portfolio-list__content h2 {
font-size: 3.5rem;
line-height: 1;
font-weight: 500;
}
.portfolio-list__items {
display: grid;
grid-template-columns: repeat(1, 1fr);
gap: 3.5rem 0;
margin-bottom: 7rem;
}
@media (min-width: 992px) {
.portfolio-list {
padding: 7rem 0 4rem;
}
.portfolio-list__content {
margin-bottom: 11rem;
}
.portfolio-list__content h1,
.portfolio-list__content h2 {
font-size: 5.5rem;
line-height: 1.1818181818;
}
.portfolio-list__list {
gap: 8rem 0;
}
.portfolio-list__items {
margin-bottom: 8rem;
}
.portfolio-list .wp-block-button__link {
margin: 0 auto;
}
}
@media (min-width: 1700px) {
.portfolio-list {
padding: 7.5rem 0 9rem;
}
.portfolio-list__items-container {
padding: 0;
transform: translateX(calc(var(--container-half-space) * -1));
}
.portfolio-list__items {
width: calc(100% + var(--container-half-space) / 2);
}
.portfolio-list__content {
margin-bottom: 17.5rem;
}
.portfolio-list__content h1,
.portfolio-list__content h2 {
margin-left: 11.5rem;
font-size: 7.5rem;
line-height: 1.3333333333;
}
.portfolio-list__items {
margin-bottom: 19rem;
}
}:root {
--primary: #ffaa00;
--white: #ffffff;
--bg: #1b1c1e;
--black: #1b1c1e;
--color-1: #7b7b7b;
--color-2: #676767;
--color-3: #a3a3a3;
--color-4: #be8809;
--color-5: #a1a1a1;
--color-6: #9d9d9d;
--color-7: #262627;
--color-8: #a2a2a2;
--color-9: #707070;
--color-10: #282829;
--white-to-dark: #ffffff;
--white-to-black: #fff;
--dark-to-white: #1b1c1e;
--primary-to-text: #ffffff;
}
.light-mode {
--white-to-dark: #1b1c1e;
--white-to-black: #000;
--dark-to-white: #ffffff;
--color-7: #f6f6f6;
--color-10: #a3a3a3;
--primary-to-text: #1b1c1e;
}
.references {
margin-top: 5.25rem;
padding: 0 0 6.4rem;
}
.references__content {
padding-top: 10rem;
border-top: 0.1rem solid var(--color-1);
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
margin-bottom: 5.8rem;
}
.references__title {
color: var(--white-to-dark);
font-size: 3.5rem;
line-height: 1;
font-weight: 500;
margin-bottom: 0;
}
.references .arrow-link {
display: none;
}
.references .arrow-link__icon g,
.references .arrow-link__icon path {
stroke: var(--white-to-dark);
}
.references__arrows {
display: flex;
flex-direction: row;
align-items: center;
gap: 0 1.6rem;
}
.references .splide__arrow {
cursor: pointer;
width: 2.5rem;
height: 2.3rem;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNy42NjYiIGhlaWdodD0iMjQuODYxIiB2aWV3Qm94PSIwIDAgMjcuNjY2IDI0Ljg2MSI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEwNDQuNDYxIC00Njk4LjIyNSkiPjxwYXRoIGQ9Ik0tMTQ5MjEuNTM5LTEyODI2LjM0NWgyNC45NTgiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE1OTY2IDE3NTM3KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjMiLz48cGF0aCBkPSJNLTE0OTA3LjM2NC0xMjgzOC4xODJsMTEuMzcsMTEuMzctMTEuMzcsMTEuMzciIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE1OTY2IDE3NTM3LjQ2NykiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIzIi8+PC9nPjwvc3ZnPg==);
}
.references .splide__arrow svg {
display: none;
}
.references .splide__arrow--prev {
transform: scale(-1);
}
.references .splide__track {
padding-bottom: 0.2rem;
}
@media (min-width: 992px) {
.references {
margin-top: 4rem;
padding-bottom: 14rem;
}
.references__content {
padding-top: 12.5rem;
margin-bottom: 13rem;
}
.references__title {
font-size: 5.5rem;
line-height: 1.3272727273;
}
.references .arrow-link {
display: grid;
}
.references__slider-container {
padding-right: 0;
}
}
@media (min-width: 1700px) {
.references {
margin-top: 9rem;
padding-bottom: 22.5rem;
}
.references__content {
padding-top: 14.5rem;
position: relative;
}
.references__content:before {
content: "";
position: absolute;
top: -0.1rem;
left: -50%;
width: 100%;
height: 0.1rem;
background-color: var(--color-1);
}
.references__slider-container {
max-width: 100%;
padding-left: 0;
}
}
.reference-item {
padding: 3.5rem 3rem 6.5rem;
border: 0.1rem solid var(--color-1);
height: 100%;
}
.reference-item__head {
display: flex;
justify-content: space-between;
}
.reference-item__head__left {
padding-right: 1rem;
}
.reference-item__head__right {
margin-right: -1rem;
}
.reference-item__image {
border-radius: 100%;
width: 110px;
margin: -1rem 0 0 0;
}
.reference-item__date {
color: var(--white-to-dark);
font-size: 2rem;
line-height: 1.7575;
font-weight: 500;
display: block;
margin-bottom: 3.8rem;
}
.reference-item__title {
color: var(--primary);
font-size: 2.5rem;
line-height: 1.35;
letter-spacing: 0.015rem;
font-weight: 500;
margin-bottom: 0.6rem;
}
.reference-item__subtitle {
color: var(--primary);
font-size: 2rem;
line-height: 1.35;
letter-spacing: 0.015rem;
font-weight: 500;
margin-bottom: 5rem;
display: block;
}
.reference-item__description {
color: var(--color-3);
font-size: 2rem;
line-height: 1.25;
letter-spacing: 0.015rem;
font-weight: 500;
margin-bottom: 0;
}
@media (min-width: 992px) {
.arrow-link {
color: var(--primary);
font-size: 2rem;
line-height: 1.75;
letter-spacing: 0.015rem;
font-weight: 500;
display: grid;
gap: 0 5.5rem;
grid-template-columns: 1fr 5.9rem;
text-transform: uppercase;
align-items: center;
}
.arrow-link__icon {
will-change: transform;
transition: transform 0.3s ease-in-out;
}
.arrow-link:hover {
color: var(--primary-to-text);
}
.arrow-link:hover .arrow-link__icon {
transform: translateX(0.5rem);
}
}:root {
--primary: #ffaa00;
--white: #ffffff;
--bg: #1b1c1e;
--black: #1b1c1e;
--color-1: #7b7b7b;
--color-2: #676767;
--color-3: #a3a3a3;
--color-4: #be8809;
--color-5: #a1a1a1;
--color-6: #9d9d9d;
--color-7: #262627;
--color-8: #a2a2a2;
--color-9: #707070;
--color-10: #282829;
--white-to-dark: #ffffff;
--white-to-black: #fff;
--dark-to-white: #1b1c1e;
--primary-to-text: #ffffff;
}
.light-mode {
--white-to-dark: #1b1c1e;
--white-to-black: #000;
--dark-to-white: #ffffff;
--color-7: #f6f6f6;
--color-10: #a3a3a3;
--primary-to-text: #1b1c1e;
}
.media {
padding: 4rem 0 9.7rem;
}
.media__content {
margin-bottom: 4.8rem;
color: var(--white-to-dark);
}
.media__content h1,
.media__content h2 {
font-size: 3.5rem;
line-height: 1;
font-weight: 500;
}
.media__list {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 5rem;
align-items: center;
margin-bottom: 9.5rem;
}
@media (max-width: 767px) {
.media__row--hide_mobile {
display: none;
}
}
.media svg path,
.media svg rect,
.media svg circle {
fill: var(--white-to-black);
}
.media__image-link {
display: block;
}
@media (max-width: 767px) {
.media__image-link {
max-width: 65%;
margin: 0 auto;
}
}
.media__title {
padding-top: 4.8rem;
border-top: 0.1rem solid var(--color-1);
margin-bottom: 6rem;
display: block;
text-transform: uppercase;
color: var(--primary);
font-size: 2rem;
line-height: 1.35;
font-weight: 600;
}
.media__columns {
display: grid;
grid-template-columns: repeat(1, 1fr);
gap: 2rem 0;
}
.media__column {
display: flex;
flex-direction: column;
gap: 0.5rem 0;
}
.media__link {
display: block;
color: var(--white-to-dark);
font-size: 2.5rem;
line-height: 1.4;
letter-spacing: 0.015rem;
font-weight: 500;
}
.media__link:hover {
color: var(--primary);
}
.media__item svg {
opacity: 0.5;
transition: 0.3s all;
}
.media__item:hover svg {
opacity: 1;
}
@media (max-width: 991.98px) {
.media__item:nth-child(even) {
display: flex;
justify-content: flex-end;
}
}
@media (min-width: 992px) {
.media {
padding: 6.25rem 0 13rem;
}
.media__content {
margin-bottom: 7.5rem;
padding-bottom: 7.5rem;
border-bottom: 0.1rem solid var(--color-1);
}
.media__content h1,
.media__content h2 {
font-size: 5.5rem;
line-height: 1.1818181818;
}
.media__title {
padding-top: 0;
border: none;
margin-right: auto;
}
.media__list {
grid-template-columns: repeat(5, 1fr);
gap: 10rem;
margin-bottom: 9rem;
}
.media__row {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 0 8rem;
}
.media__columns {
grid-template-columns: repeat(3, 1fr);
gap: 6rem;
}
.media__column {
padding-top: 6.4rem;
border-top: 0.1rem solid var(--color-1);
}
}
@media (min-width: 1700px) {
.media__content {
margin-bottom: 14.5rem;
position: relative;
}
.media__content:before {
content: "";
bottom: -0.1rem;
width: 100%;
left: -50%;
background-color: var(--color-1);
position: absolute;
height: 0.1rem;
}
.media__content h1,
.media__content h2 {
font-size: 7.5rem;
line-height: 1.1333333333;
}
.media__list {
margin-bottom: 18rem;
}
.media__columns {
gap: 6rem 12.5rem;
}
.media__row {
gap: 0 17rem;
}
.media__title {
font-size: 2.5rem;
line-height: 1.4;
}
}