html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote::before,blockquote::after,q::before,q::after{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;}body{-webkit-text-size-adjust:none}mark{background-color:transparent;color:inherit}input::-moz-focus-inner{border:0;padding:0}input[type="text"],input[type="email"],select,textarea{-moz-appearance:none;-webkit-appearance:none;-ms-appearance:none;appearance:none}
*, *::before, *::after {
box-sizing: border-box;
}
@keyframes loading-spinner {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.deferred::before {
content: '';
display: block;
width: 4rem;
height: 4rem;
position: absolute;
top: 50%;
left: 50%;
margin: -2rem 0 0 -2rem;
animation: loading-spinner 1s infinite linear;
transition: opacity 0.25s ease;
transition-delay: 0.5s;
opacity: 0;
z-index: -1;
background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iOTZweCIgaGVpZ2h0PSI5NnB4IiB2aWV3Qm94PSIwIDAgOTYgOTYiIHpvb21BbmRQYW49ImRpc2FibGUiPjxzdHlsZT5jaXJjbGUge2ZpbGw6IHRyYW5zcGFyZW50OyBzdHJva2U6ICNmZmY7IHN0cm9rZS13aWR0aDogMS41cHg7IH08L3N0eWxlPjxkZWZzPjxjbGlwUGF0aCBpZD0iY29ybmVyIj48cG9seWdvbiBwb2ludHM9IjAsMCA0OCwwIDQ4LDQ4IDk2LDQ4IDk2LDk2IDAsOTYiIC8+PC9jbGlwUGF0aD48L2RlZnM+PGcgY2xpcC1wYXRoPSJ1cmwoI2Nvcm5lcikiPjxjaXJjbGUgY3g9IjQ4IiBjeT0iNDgiIHI9IjMyIi8+PC9nPjwvc3ZnPg==');
background-position: center;
background-repeat: no-repeat;
background-size: 3rem;
}
.deferred.loading::before {
opacity: 0.35;
z-index: 0;
}
body {
line-height: 1.0;
min-height: var(--viewport-height);
min-width: 320px;
overflow-x: hidden;
word-wrap: break-word;
background-color: #5C483A;
}
body::before {
background-attachment: scroll;
content: '';
display: block;
height: var(--background-height);
left: 0;
pointer-events: none;
position: fixed;
top: 0;
transform: scale(1);
width: 100vw;
z-index: 0;
background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%22640%22%20height%3D%22480%22%20viewBox%3D%220%200%20640%20480%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cstyle%20type%3D%22text%2Fcss%22%3E%20rect%20%7B%20opacity%3A%200.5%3B%20%7D%20polygon%20%7B%20opacity%3A%200.75%3B%20%7D%20%3C%2Fstyle%3E%20%3Cg%20id%3D%22bg%22%3E%20%3ClinearGradient%20id%3D%22bggrad%22%20gradientUnits%3D%22userSpaceOnUse%22%20x1%3D%220%22%20y1%3D%22239.5937%22%20x2%3D%22640%22%20y2%3D%22239.5937%22%20gradientTransform%3D%22matrix%281%200%200%20-1%200%20479.5%29%22%3E%20%3Cstop%20offset%3D%220%22%20style%3D%22stop-color%3Atransparent%22%2F%3E%20%3Cstop%20offset%3D%220.3743%22%20style%3D%22stop-color%3A%23453838%22%2F%3E%20%3Cstop%20offset%3D%220.7682%22%20style%3D%22stop-color%3Atransparent%22%2F%3E%20%3Cstop%20offset%3D%221%22%20style%3D%22stop-color%3A%23453838%22%2F%3E%20%3C%2FlinearGradient%3E%20%3Crect%20style%3D%22fill%3Aurl%28%23bggrad%29%3B%22%20width%3D%22640%22%20height%3D%22479.8%22%20%2F%3E%20%3C%2Fg%3E%20%3Cg%20id%3D%22l1%22%3E%20%3ClinearGradient%20id%3D%22l1grad%22%20gradientUnits%3D%22userSpaceOnUse%22%20x1%3D%22180.3663%22%20y1%3D%22333.5278%22%20x2%3D%2272.0669%22%20y2%3D%22521.1078%22%20gradientTransform%3D%22matrix%281%200%200%20-1%200%20479.5%29%22%3E%20%3Cstop%20offset%3D%220%22%20style%3D%22stop-color%3A%23453838%22%2F%3E%20%3Cstop%20offset%3D%221%22%20style%3D%22stop-color%3Atransparent%22%2F%3E%20%3C%2FlinearGradient%3E%20%3Cpolygon%20style%3D%22fill%3Aurl%28%23l1grad%29%3B%22%20points%3D%220%2C69%2092.3%2C196.8%20232%2C0%200%2C0%22%2F%3E%20%3C%2Fg%3E%20%3Cg%20id%3D%22l2%22%3E%20%3ClinearGradient%20id%3D%22l2grad%22%20gradientUnits%3D%22userSpaceOnUse%22%20x1%3D%220%22%20y1%3D%22251.589%22%20x2%3D%22349.5438%22%20y2%3D%22251.589%22%20gradientTransform%3D%22matrix%281%200%200%20-1%200%20479.5%29%22%3E%20%3Cstop%20offset%3D%220%22%20style%3D%22stop-color%3A%23453838%22%2F%3E%20%3Cstop%20offset%3D%220.8596%22%20style%3D%22stop-color%3Atransparent%22%2F%3E%20%3C%2FlinearGradient%3E%20%3Cpolygon%20style%3D%22fill%3Aurl%28%23l2grad%29%3B%22%20points%3D%2292.3%2C196.8%200%2C170.9%200%2C284.9%22%2F%3E%20%3C%2Fg%3E%20%3Cg%20id%3D%22l3%22%3E%20%3ClinearGradient%20id%3D%22l3grad%22%20gradientUnits%3D%22userSpaceOnUse%22%20x1%3D%22307.3333%22%20y1%3D%22161.2493%22%20x2%3D%22307.3333%22%20y2%3D%22479.5%22%20gradientTransform%3D%22matrix%281%200%200%20-1%200%20479.5%29%22%3E%20%3Cstop%20offset%3D%220%22%20style%3D%22stop-color%3A%23453838%22%2F%3E%20%3Cstop%20offset%3D%221%22%20style%3D%22stop-color%3Atransparent%22%2F%3E%20%3C%2FlinearGradient%3E%20%3Cpolygon%20style%3D%22fill%3Aurl%28%23l3grad%29%3B%22%20points%3D%2292.7%2C196.4%20514.7%2C0%20522%2C0%20328.7%2C318.3%22%2F%3E%20%3C%2Fg%3E%20%3Cg%20id%3D%22l4%22%3E%20%3ClinearGradient%20id%3D%22l4grad%22%20gradientUnits%3D%22userSpaceOnUse%22%20x1%3D%22540.3333%22%20y1%3D%22470.1287%22%20x2%3D%22640%22%20y2%3D%22470.1287%22%20gradientTransform%3D%22matrix%281%200%200%20-1%200%20479.5%29%22%3E%20%3Cstop%20offset%3D%220%22%20style%3D%22stop-color%3A%23808080%22%2F%3E%20%3Cstop%20offset%3D%220.8596%22%20style%3D%22stop-color%3Atransparent%22%2F%3E%20%3C%2FlinearGradient%3E%20%3Cpolygon%20style%3D%22fill%3Aurl%28%23l4grad%29%3B%22%20points%3D%22540.3%2C0%20640%2C18.7%20640%2C0%22%2F%3E%20%3C%2Fg%3E%20%3Cg%20id%3D%22l5%22%3E%20%3ClinearGradient%20id%3D%22l5grad%22%20gradientUnits%3D%22userSpaceOnUse%22%20x1%3D%22327.3333%22%20y1%3D%22142.6941%22%20x2%3D%22640%22%20y2%3D%22142.6941%22%20gradientTransform%3D%22matrix%281%200%200%20-1%200%20479.5%29%22%3E%20%3Cstop%20offset%3D%220%22%20style%3D%22stop-color%3A%23453838%22%2F%3E%20%3Cstop%20offset%3D%220.8596%22%20style%3D%22stop-color%3Atransparent%22%2F%3E%20%3C%2FlinearGradient%3E%20%3Cpolygon%20style%3D%22fill%3Aurl%28%23l5grad%29%3B%22%20points%3D%22327.3%2C317.1%20571.3%2C235.4%20640%2C276.3%20640%2C438.2%22%2F%3E%20%3C%2Fg%3E%20%3Cg%20id%3D%22l6%22%3E%20%3ClinearGradient%20id%3D%22l6grad%22%20gradientUnits%3D%22userSpaceOnUse%22%20x1%3D%22291.9083%22%20y1%3D%2222.7335%22%20x2%3D%22129.2015%22%20y2%3D%22304.55%22%20gradientTransform%3D%22matrix%281%200%200%20-1%200%20479.5%29%22%3E%20%3Cstop%20offset%3D%220%22%20style%3D%22stop-color%3A%23453838%22%2F%3E%20%3Cstop%20offset%3D%221%22%20style%3D%22stop-color%3Atransparent%22%2F%3E%20%3C%2FlinearGradient%3E%20%3Cpolygon%20style%3D%22fill%3Aurl%28%23l6grad%29%3B%22%20points%3D%2292.3%2C196.2%20189.9%2C480%20251.7%2C480%20327.5%2C318.4%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
body::after {
background-color: #9B82FF;
content: '';
display: block;
pointer-events: none;
position: fixed;
transform: scale(1);
z-index: 1;
height: 100%;
left: 0;
opacity: 0;
top: 0;
transition: opacity 0.125s ease-in-out 0s, visibility 0.125s 0s;
visibility: hidden;
width: 100%;
}
body.is-loading::after {
opacity: 1;
visibility: visible;
}
:root {
--background-height: 100vh;
--site-language-alignment: left;
--site-language-direction: ltr;
--site-language-flex-alignment: flex-start;
--site-language-indent-left: 1;
--site-language-indent-right: 0;
--site-language-margin-left: 0;
--site-language-margin-right: auto;
--viewport-height: 100vh;
}
html {
font-size: 18pt;
}
u {
text-decoration: underline;
}
strong {
color: inherit;
font-weight: bolder;
}
em {
font-style: italic;
}
code {
background-color: rgba(144,144,144,0.25);
border-radius: 0.25em;
font-family: 'Lucida Console', 'Courier New', monospace;
font-size: 0.9em;
font-weight: normal;
letter-spacing: 0;
margin: 0 0.25em;
padding: 0.25em 0.5em;
text-indent: 0;
}
mark {
background-color: rgba(144,144,144,0.25);
}
spoiler-text {
-webkit-text-stroke: 0;
background-color: rgba(32,32,32,0.75);
text-shadow: none;
text-stroke: 0;
color: transparent;
cursor: pointer;
transition: color 0.1s ease-in-out;
}
spoiler-text.active {
color: #FFFFFF;
cursor: text;
}
s {
text-decoration: line-through;
}
sub {
font-size: smaller;
vertical-align: sub;
}
sup {
font-size: smaller;
vertical-align: super;
}
a {
color: inherit;
text-decoration: underline;
transition: color 0.25s ease;
}
a[onclick]:not([href]) {
cursor: pointer;
}
unloaded-script {
display: none;
}
.site-wrapper {
-webkit-overflow-scrolling: touch;
align-items: center;
display: flex;
flex-direction: column;
justify-content: center;
min-height: var(--viewport-height);
overflow: hidden;
position: relative;
z-index: 2;
}
.site-main {
--alignment: center;
--flex-alignment: center;
--indent-left: 1;
--indent-right: 1;
--margin-left: auto;
--margin-right: auto;
--border-radius-tl: 0;
--border-radius-tr: 0;
--border-radius-br: 0;
--border-radius-bl: 0;
align-items: center;
display: flex;
flex-grow: 0;
flex-shrink: 0;
justify-content: center;
max-width: 100%;
position: relative;
text-align: var(--alignment);
z-index: 1;
transition: opacity 0.125s ease-in-out 0s;
}
.site-main > .inner {
--padding-horizontal: 4rem;
--padding-vertical: 5rem;
--spacing: 0rem;
--width: 60rem;
border-radius: var(--border-radius-tl) var(--border-radius-tr) var(--border-radius-br) var(--border-radius-bl);
max-width: 100%;
position: relative;
width: var(--width);
z-index: 1;
padding: var(--padding-vertical) var(--padding-horizontal);
}
.site-main > .inner > * {
margin-top: var(--spacing);
margin-bottom: var(--spacing);
}
.site-main > .inner > :first-child {
margin-top: 0 !important;
}
.site-main > .inner > :last-child {
margin-bottom: 0 !important;
}
.site-main > .inner > .full {
margin-left: calc(var(--padding-horizontal) * -1);
max-width: calc(100% + calc(var(--padding-horizontal) * 2) + 0.4725px);
width: calc(100% + calc(var(--padding-horizontal) * 2) + 0.4725px);
}
.site-main > .inner > .full:first-child {
border-top-left-radius: inherit;
border-top-right-radius: inherit;
margin-top: calc(var(--padding-vertical) * -1) !important;
}
.site-main > .inner > .full:last-child {
border-bottom-left-radius: inherit;
border-bottom-right-radius: inherit;
margin-bottom: calc(var(--padding-vertical) * -1) !important;
}
.site-main > .inner > .full.screen {
border-radius: 0 !important;
max-width: 100vw;
position: relative;
width: 100vw;
left: 50%;
margin-left: -50vw;
right: auto;
}
body.is-loading .site-main {
opacity: 0;
}
body #loader {
background-position: center;
background-repeat: no-repeat;
background-size: contain;
content: '';
display: block;
height: 10rem;
left: calc(50% - 5rem);
opacity: 0;
pointer-events: none;
position: fixed;
top: calc(50% - 5rem);
transition: opacity 1s ease, visibility 1s;
visibility: hidden;
width: 10rem;
z-index: 100000;
}
body.with-loader #loader {
background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iOTZweCIgaGVpZ2h0PSI5NnB4IiB2aWV3Qm94PSIwIDAgOTYgOTYiIHpvb21BbmRQYW49ImRpc2FibGUiPjxzdHlsZT5jaXJjbGUge2ZpbGw6ICM0RDNFNUM7fTwvc3R5bGU+PGNpcmNsZSBjeD0iMjQiIGN5PSI0OCIgcj0iMyI+PGFuaW1hdGVUcmFuc2Zvcm0gYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiBhdHRyaWJ1dGVUeXBlPSJYTUwiIHR5cGU9InRyYW5zbGF0ZSIgdmFsdWVzPSIwLDA7MCwtNjswLDA7MCwwOzAsMDswLDA7MCwwOzAsMCIgYmVnaW49IjBzIiBkdXI9IjEuOHMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPjwvY2lyY2xlPjxjaXJjbGUgY3g9IjM2IiBjeT0iNDgiIHI9IjMiPjxhbmltYXRlVHJhbnNmb3JtIGF0dHJpYnV0ZU5hbWU9InRyYW5zZm9ybSIgYXR0cmlidXRlVHlwZT0iWE1MIiB0eXBlPSJ0cmFuc2xhdGUiIHZhbHVlcz0iMCwwOzAsLTY7MCwwOzAsMDswLDA7MCwwOzAsMDswLDAiIGJlZ2luPSIwLjJzIiBkdXI9IjEuOHMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPjwvY2lyY2xlPjxjaXJjbGUgY3g9IjQ4IiBjeT0iNDgiIHI9IjMiPjxhbmltYXRlVHJhbnNmb3JtIGF0dHJpYnV0ZU5hbWU9InRyYW5zZm9ybSIgYXR0cmlidXRlVHlwZT0iWE1MIiB0eXBlPSJ0cmFuc2xhdGUiIHZhbHVlcz0iMCwwOzAsLTY7MCwwOzAsMDswLDA7MCwwOzAsMDswLDAiIGJlZ2luPSIwLjRzIiBkdXI9IjEuOHMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPjwvY2lyY2xlPjxjaXJjbGUgY3g9IjYwIiBjeT0iNDgiIHI9IjMiPjxhbmltYXRlVHJhbnNmb3JtIGF0dHJpYnV0ZU5hbWU9InRyYW5zZm9ybSIgYXR0cmlidXRlVHlwZT0iWE1MIiB0eXBlPSJ0cmFuc2xhdGUiIHZhbHVlcz0iMCwwOzAsLTY7MCwwOzAsMDswLDA7MCwwOzAsMDswLDAiIGJlZ2luPSIwLjZzIiBkdXI9IjEuOHMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPjwvY2lyY2xlPjxjaXJjbGUgY3g9IjcyIiBjeT0iNDgiIHI9IjMiPjxhbmltYXRlVHJhbnNmb3JtIGF0dHJpYnV0ZU5hbWU9InRyYW5zZm9ybSIgYXR0cmlidXRlVHlwZT0iWE1MIiB0eXBlPSJ0cmFuc2xhdGUiIHZhbHVlcz0iMCwwOzAsLTY7MCwwOzAsMDswLDA7MCwwOzAsMDswLDAiIGJlZ2luPSIwLjhzIiBkdXI9IjEuOHMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPjwvY2lyY2xlPjwvc3ZnPg==');
opacity: 1;
transform: scale(1.0);
visibility: visible;
}
body.is-loading {
pointer-events: none;
}
body.is-playing.with-loader #loader {
opacity: 0;
transform: scale(0.5);
transition: opacity 0.25s ease, transform 0.75s ease, visibility 0.25s;
visibility: hidden;
}
body.is-instant .site-main, body.is-instant .site-main > .inner > *,body.is-instant .site-main > .inner > section > * {
transition: none !important;
}
body.is-instant::after {
display: none !important;
transition: none !important;
}
.text-component {
direction: var(--site-language-direction);
position: relative;
}
.text-component span.p {
display: block;
position: relative;
}
.text-component span[style], .text-component strong, .text-component a, .text-component code, .text-component mark, .text-component spoiler-text {
-webkit-text-fill-color: currentcolor;
}
.text-component.style-1 {
color: #4D3E5C;
font-family: 'Abel', sans-serif;
font-size: 2.5em;
line-height: 1.125;
font-weight: 400;
}
.text-component.style-1 mark {
color: #C387B6;
background-color: transparent;
}
.text-component.style-1 a {
text-decoration: none;
}
.text-component.style-1 a:hover {
text-decoration: underline;
}
.text-component.style-1 span.p:nth-child(n + 2) {
margin-top: 1rem;
}
.text-component.style-1 > * {
display: inline-block;
line-height: 1.2;
}
.text-component.style-2 {
color: #4D3E5C;
font-family: 'Abel', sans-serif;
font-size: 1.375em;
line-height: 1.875;
font-weight: 400;
}
.text-component.style-2 a {
text-decoration: underline;
}
.text-component.style-2 a:hover {
text-decoration: none;
}
.text-component.style-2 span.p:nth-child(n + 2) {
margin-top: 1rem;
}
.image-component {
display: block;
line-height: 0;
max-width: 100%;
position: relative;
}
.image-component > .frame {
-webkit-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
display: inline-block;
max-width: 100%;
overflow: hidden;
vertical-align: top;
width: 100%;
}
.image-component > .frame > img {
border-radius: 0 !important;
max-width: 100%;
vertical-align: top;
width: inherit;
}
.image-component.full > .frame {
display: block;
}
.image-component.full:first-child > .frame {
border-top-left-radius: inherit;
border-top-right-radius: inherit;
}
.image-component.full:last-child > .frame {
border-bottom-left-radius: inherit;
border-bottom-right-radius: inherit;
}
.image-component.style-3:not(:first-child) {
margin-top: 0rem !important;
}
.image-component.style-3:not(:last-child) {
margin-bottom: 0rem !important;
}
.image-component.style-3 > .frame {
width: 8rem;
border-radius: 100%;
border-color: #4D3E5C;
border-style: solid;
border-width: 3px;
transition: none;
}
.image-component.style-3 > .frame > img {
border-radius: inherit !important;
padding: 0.375rem;
transition: none;
}
.image-component.style-1 > .frame {
width: 100vw;
height: 13.75rem;
border-color: #FFFFFF;
border-style: dashed;
border-width: 10px;
transition: none;
}
.image-component.style-1 > .frame > img {
height: 100% !important;
object-fit: cover;
object-position: center;
width: 100% !important;
transition: none;
}
.image-component.style-2:not(:first-child) {
margin-top: 4rem !important;
}
.image-component.style-2:not(:last-child) {
margin-bottom: 4rem !important;
}
.image-component.style-2 > .frame {
width: 56.375rem;
height: 13.25rem;
border-color: #0D0101;
border-style: solid;
border-width: 1px;
transition: none;
}
.image-component.style-2 > .frame > img {
height: 100% !important;
object-fit: cover;
object-position: center;
width: 100% !important;
transition: none;
}
.divider-component {
align-items: center;
border: 0;
display: flex;
justify-content: var(--flex-alignment);
min-height: 1rem;
padding: 0;
position: relative;
width: 100%;
}
.divider-component::before {
content: '';
}
.divider-component.style-2:not(:first-child) {
margin-top: 0rem !important;
}
.divider-component.style-2:not(:last-child) {
margin-bottom: 0rem !important;
}
.divider-component.style-2::before {
height: 3rem;
background-color: #4D3E5C;
width: 3px;
border-radius: 0px;
}
.divider-component.style-1:not(:first-child) {
margin-top: 0rem !important;
}
.divider-component.style-1:not(:last-child) {
margin-bottom: 0rem !important;
}
.divider-component.style-1::before {
height: 12rem;
background-color: #4D3E5C;
width: 3px;
border-radius: 0px;
}
.gallery-component > .inner {
display: inline-block;
max-width: 100%;
vertical-align: middle;
}
.gallery-component ul {
display: flex;
flex-wrap: wrap;
justify-content: var(--flex-alignment);
}
.gallery-component ul > li {
position: relative;
}
.gallery-component ul > li > .thumbnail {
border-radius: inherit;
position: relative;
}
.gallery-component ul > li > .thumbnail > .frame {
-webkit-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
display: inline-block;
overflow: hidden;
vertical-align: top;
}
.gallery-component ul > li > .thumbnail > .frame > img {
margin: 0;
max-width: 100%;
vertical-align: top;
width: auto;
}
.gallery-component ul > li > .caption {
width: 100%;
}
.gallery-component ul > li > .caption > p {
width: 100%;
}
.gallery-component ul > li > .caption > p > a, .gallery-component ul > li > .caption > p > spoiler-text {
pointer-events: auto;
}
.gallery-component.instance-1 > .inner {
max-width: 74rem;
}
.gallery-component.instance-1 ul > li {
border-radius: 1.125rem;
display: inline-block;
}
.gallery-component.instance-1 ul > li > .thumbnail > .frame {
border-radius: 1.125rem;
}
.gallery-component.instance-1 ul {
gap: 0.125rem;
}
.gallery-component.instance-1 ul > li > .thumbnail {
display: block;
transition: none;
}
.gallery-component.instance-1 ul > li > .thumbnail > .frame > img {
height: auto;
max-height: 8.375rem;
transition: none;
}
.container-component {
position: relative;
}
.container-component > .wrapper {
vertical-align: top;
position: relative;
max-width: 100%;
border-radius: inherit;
}
.container-component > .wrapper > .inner {
vertical-align: top;
position: relative;
max-width: 100%;
border-radius: inherit;
text-align: var(--alignment);
}
.container-component.full:first-child > .wrapper {
border-top-left-radius: inherit;
border-top-right-radius: inherit;
}
.container-component.full:last-child > .wrapper {
border-bottom-left-radius: inherit;
border-bottom-right-radius: inherit;
}
.container-component.full:first-child > .wrapper > .inner {
border-top-left-radius: inherit;
border-top-right-radius: inherit;
}
.container-component.full:last-child > .wrapper > .inner {
border-bottom-left-radius: inherit;
border-bottom-right-radius: inherit;
}
.container-component.style-2 {
--alignment: center;
--flex-alignment: center;
--indent-left: 1;
--indent-right: 1;
--margin-left: auto;
--margin-right: auto;
}
.container-component.style-2:not(:last-child) {
margin-bottom: 0rem !important;
}
.container-component.style-2 > .wrapper {
display: inline-block;
width: 80rem;
background-color: #FFFFFF;
border-color: #4D3E5C;
border-style: solid;
border-width: 1px;
box-shadow: 0.177rem 0.177rem 0rem 0rem #4D3E5C;
border-radius: 2rem;
}
.container-component.style-2 > .wrapper > .inner {
--gutters: calc(var(--padding-horizontal) * 2);
--padding-horizontal: 6rem;
--padding-vertical: 0.375rem;
--spacing: 2rem;
padding: var(--padding-vertical) var(--padding-horizontal);
border-radius: calc(2rem - 1px);
}
.container-component.style-2.default > .wrapper > .inner > * {
margin-bottom: var(--spacing);
margin-top: var(--spacing);
}
.container-component.style-2.default > .wrapper > .inner > *:first-child {
margin-top: 0 !important;
}
.container-component.style-2.default > .wrapper > .inner > *:last-child {
margin-bottom: 0 !important;
}
.container-component.style-2.columns > .wrapper > .inner {
flex-wrap: wrap;
display: flex;
align-items: center;
}
.container-component.style-2.columns > .wrapper > .inner > * {
flex-grow: 0;
flex-shrink: 0;
max-width: 100%;
text-align: var(--alignment);
padding: 0 0 0 var(--gutters);
}
.container-component.style-2.columns > .wrapper > .inner > * > * {
margin-bottom: var(--spacing);
margin-top: var(--spacing);
}
.container-component.style-2.columns > .wrapper > .inner > * > *:first-child {
margin-top: 0 !important;
}
.container-component.style-2.columns > .wrapper > .inner > * > *:last-child {
margin-bottom: 0 !important;
}
.container-component.style-2.columns > .wrapper > .inner > *:first-child {
margin-left: calc(var(--gutters) * -1);
}
.container-component.style-2.columns > .wrapper > .inner > *::before {
border-left: solid 1px #4D3E5C;
content: '';
display: block;
margin-left: calc((var(--gutters) * -0.5) - 0.5px);
position: absolute;
width: 0;
height: 100%;
top: 0;
}
.container-component.style-2.columns > .wrapper > .inner > *:first-child::before {
display: none;
}
.container-component.style-2.default > .wrapper > .inner > .full {
margin-left: calc(var(--padding-horizontal) * -1);
max-width: none !important;
width: calc(100% + (var(--padding-horizontal) * 2) + 0.4725px);
}
.container-component.style-2.default > .wrapper > .inner > .full:first-child {
margin-top: calc(var(--padding-vertical) * -1) !important;
border-top-left-radius: inherit;
border-top-right-radius: inherit;
}
.container-component.style-2.default > .wrapper > .inner > .full:last-child {
margin-bottom: calc(var(--padding-vertical) * -1) !important;
border-bottom-left-radius: inherit;
border-bottom-right-radius: inherit;
}
.container-component.style-2.columns > .wrapper > .inner > div > .full {
margin-left: calc((var(--gutters) * -0.5) + 0.5px);
max-width: none !important;
width: calc(100% + var(--gutters) + 0.4725px - 1px);
}
.container-component.style-2.columns > .wrapper > .inner > div:first-child > .full {
margin-left: calc(var(--padding-horizontal) * -1);
width: calc(100% + var(--padding-horizontal) + calc(var(--gutters) * 0.5) + 0.4725px - 0.5px);
}
.container-component.style-2.columns > .wrapper > .inner > div:last-child > .full {
width: calc(100% + var(--padding-horizontal) + calc(var(--gutters) * 0.5) + 0.4725px - 0.5px);
}
.container-component.style-2.columns > .wrapper > .inner > div > .full:first-child {
margin-top: calc(var(--padding-vertical) * -1) !important;
}
.container-component.style-2.columns > .wrapper > .inner > div > .full:last-child {
margin-bottom: calc(var(--padding-vertical) * -1) !important;
}
.container-component.style-2.columns > .wrapper > .inner > .full {
align-self: stretch;
}
.container-component.style-2.columns > .wrapper > .inner > .full:first-child {
border-bottom-left-radius: inherit;
border-top-left-radius: inherit;
}
.container-component.style-2.columns > .wrapper > .inner > .full:last-child {
border-bottom-right-radius: inherit;
border-top-right-radius: inherit;
}
.container-component.style-2.columns > .wrapper > .inner > .full > .full:first-child:last-child {
border-radius: inherit;
height: calc(100% + (var(--padding-vertical) * 2));
}
.container-component.style-2.columns > .wrapper > .inner > .full > .full:first-child:last-child > * {
border-radius: inherit;
height: 100%;
position: absolute;
width: 100%;
}
.container-component.style-1 {
display: flex;
width: 100%;
min-height: 20rem;
align-items: center;
justify-content: center;
background-color: #FFFFFF;
border-color: #4D3E5C;
border-style: solid;
border-width: 3px;
box-shadow: 0.177rem 0.177rem 0rem 0rem #4D3E5C;
border-radius: 2rem;
}
.container-component.style-1:not(:first-child) {
margin-top: 0rem !important;
}
.container-component.style-1:not(:last-child) {
margin-bottom: 0rem !important;
}
.container-component.style-1 > .wrapper > .inner {
--gutters: calc(var(--padding-horizontal) * 2);
--padding-horizontal: 4rem;
--padding-vertical: 2.375rem;
--spacing: 2rem;
padding: var(--padding-vertical) var(--padding-horizontal);
border-radius: calc(2rem - 3px);
}
.container-component.style-1 > .wrapper {
max-width: var(--width);
width: 100%;
}
.container-component.style-1.default > .wrapper > .inner > * {
margin-bottom: var(--spacing);
margin-top: var(--spacing);
}
.container-component.style-1.default > .wrapper > .inner > *:first-child {
margin-top: 0 !important;
}
.container-component.style-1.default > .wrapper > .inner > *:last-child {
margin-bottom: 0 !important;
}
.container-component.style-1.columns > .wrapper > .inner {
flex-wrap: wrap;
display: flex;
align-items: center;
}
.container-component.style-1.columns > .wrapper > .inner > * {
flex-grow: 0;
flex-shrink: 0;
max-width: 100%;
text-align: var(--alignment);
padding: 0 0 0 var(--gutters);
}
.container-component.style-1.columns > .wrapper > .inner > * > * {
margin-bottom: var(--spacing);
margin-top: var(--spacing);
}
.container-component.style-1.columns > .wrapper > .inner > * > *:first-child {
margin-top: 0 !important;
}
.container-component.style-1.columns > .wrapper > .inner > * > *:last-child {
margin-bottom: 0 !important;
}
.container-component.style-1.columns > .wrapper > .inner > *:first-child {
margin-left: calc(var(--gutters) * -1);
}
.container-component.style-1.default > .wrapper > .inner > .full {
margin-left: calc(var(--padding-horizontal) * -1);
max-width: none !important;
width: calc(100% + (var(--padding-horizontal) * 2) + 0.4725px);
}
.container-component.style-1.default > .wrapper > .inner > .full:first-child {
margin-top: calc(var(--padding-vertical) * -1) !important;
border-top-left-radius: inherit;
border-top-right-radius: inherit;
}
.container-component.style-1.default > .wrapper > .inner > .full:last-child {
margin-bottom: calc(var(--padding-vertical) * -1) !important;
border-bottom-left-radius: inherit;
border-bottom-right-radius: inherit;
}
.container-component.style-1.columns > .wrapper > .inner > div > .full {
margin-left: calc(var(--gutters) * -0.5);
max-width: none !important;
width: calc(100% + var(--gutters) + 0.4725px);
}
.container-component.style-1.columns > .wrapper > .inner > div:first-child > .full {
margin-left: calc(var(--padding-horizontal) * -1);
width: calc(100% + var(--padding-horizontal) + calc(var(--gutters) * 0.5) + 0.4725px);
}
.container-component.style-1.columns > .wrapper > .inner > div:last-child > .full {
width: calc(100% + var(--padding-horizontal) + calc(var(--gutters) * 0.5) + 0.4725px);
}
.container-component.style-1.columns > .wrapper > .inner > div > .full:first-child {
margin-top: calc(var(--padding-vertical) * -1) !important;
}
.container-component.style-1.columns > .wrapper > .inner > div > .full:last-child {
margin-bottom: calc(var(--padding-vertical) * -1) !important;
}
.container-component.style-1.columns > .wrapper > .inner > .full {
align-self: stretch;
min-height: calc(20rem - (var(--padding-vertical) * 2));
}
.container-component.style-1.columns > .wrapper > .inner > .full:first-child {
border-bottom-left-radius: inherit;
border-top-left-radius: inherit;
}
.container-component.style-1.columns > .wrapper > .inner > .full:last-child {
border-bottom-right-radius: inherit;
border-top-right-radius: inherit;
}
.container-component.style-1.columns > .wrapper > .inner > .full > .full:first-child:last-child {
border-radius: inherit;
height: calc(100% + (var(--padding-vertical) * 2));
}
.container-component.style-1.columns > .wrapper > .inner > .full > .full:first-child:last-child > * {
border-radius: inherit;
height: 100%;
position: absolute;
width: 100%;
}
.container-component.instance-2 > .wrapper > .inner > :nth-child(1) {
width: calc(60% + (var(--gutters) / 2));
}
.container-component.instance-2 > .wrapper > .inner > :nth-child(2) {
width: calc(40% + (var(--gutters) / 2));
}
.container-component.instance-6 > .wrapper > .inner > :nth-child(1) {
width: calc(60% + (var(--gutters) / 2));
}
.container-component.instance-6 > .wrapper > .inner > :nth-child(2) {
width: calc(40% + (var(--gutters) / 2));
}
.container-component.instance-3 > .wrapper > .inner > :nth-child(1) {
width: calc(40% + (var(--gutters) / 2));
}
.container-component.instance-3 > .wrapper > .inner > :nth-child(2) {
width: calc(60% + (var(--gutters) / 2));
}
.buttons-component {
cursor: default;
display: flex;
justify-content: var(--flex-alignment);
letter-spacing: 0;
padding: 0;
}
.buttons-component > li {
max-width: 100%;
text-align: var(--alignment);
}
.buttons-component > li > a {
align-items: center;
justify-content: center;
max-width: 100%;
text-align: center;
text-decoration: none;
vertical-align: middle;
white-space: nowrap;
}
.buttons-component.style-1 {
gap: 0.625rem;
flex-direction: row;
flex-wrap: wrap;
}
.buttons-component.style-1:not(:first-child) {
margin-top: 1.375rem !important;
}
.buttons-component.style-1:not(:last-child) {
margin-bottom: 1.375rem !important;
}
.buttons-component.style-1 > li > a {
display: inline-flex;
width: 15.25rem;
height: 4rem;
line-height: 4rem;
padding: 0 0.5rem;
vertical-align: middle;
font-family: 'Dela Gothic One', cursive;
font-size: 1.125em;
font-weight: 400;
border-radius: 2.5rem;
box-shadow: 0rem 0rem 0rem 0rem #4D3E5C;
flex-direction: row-reverse;
background-color: #302B2E;
color: #FFFFFF;
transition: transform 0.125s ease, color 0.125s ease, background-color 0.125s ease, border-color 0.125s ease;
}
.buttons-component.style-1 > li > a > svg {
display: block;
fill: #4D3E5C;
flex-grow: 0;
flex-shrink: 0;
height: 100%;
min-width: 16px;
pointer-events: none;
width: 1em;
margin-left: 0.75rem;
margin-right: calc(-0.125em + 0rem);
transition: fill 0.125s ease;
}
.buttons-component.style-1 > li > a > .label {
direction: var(--site-language-direction);
overflow: hidden;
}
.buttons-component.style-1 > li > a:hover {
transform: rotate(-2.125deg);
}
@media (max-width: 1920px) {
}
@media (max-width: 1680px) {
html {
font-size: 13pt;
}
}
@media (max-width: 1280px) {
html {
font-size: 13pt;
}
}
@media (max-width: 1024px) {
}
@media (max-width: 980px) {
html {
font-size: 11pt;
}
}
@media (max-width: 736px) {
html {
font-size: 11pt;
}
.site-main > .inner {
--padding-horizontal: 2rem;
--padding-vertical: 3rem;
--spacing: 0rem;
}
.text-component.style-1 {
letter-spacing: 0rem;
width: 100%;
font-size: 2.75em;
line-height: 1.125;
}
.text-component.style-2 {
letter-spacing: 0rem;
width: 100%;
font-size: 1.375em;
line-height: 1.875;
}
.image-component.style-3:not(:first-child) {
margin-top: 0rem !important;
}
.image-component.style-3:not(:last-child) {
margin-bottom: 0rem !important;
}
.image-component.style-3 > .frame {
width: 8rem;
}
.image-component.style-1 > .frame {
width: 100vw;
height: 25rem !important;
}
.image-component.style-1 > .frame > img {
height: 100% !important;
object-fit: cover;
object-position: center;
width: 100% !important;
}
.image-component.style-2:not(:first-child) {
margin-top: 2rem !important;
}
.image-component.style-2:not(:last-child) {
margin-bottom: 2rem !important;
}
.image-component.style-2 > .frame {
width: 56.375rem;
height: 25rem !important;
}
.image-component.style-2 > .frame > img {
height: 100% !important;
object-fit: cover;
object-position: center;
width: 100% !important;
}
.divider-component.style-2:not(:first-child) {
margin-top: 0rem !important;
}
.divider-component.style-2:not(:last-child) {
margin-bottom: 0rem !important;
}
.divider-component.style-2::before {
height: 2rem;
}
.divider-component.style-1:not(:first-child) {
margin-top: 0rem !important;
}
.divider-component.style-1:not(:last-child) {
margin-bottom: 0rem !important;
}
.divider-component.style-1::before {
height: 6rem;
}
.gallery-component.instance-1 ul > li > .thumbnail > .frame > img {
max-height: 6.28125rem;
}
.container-component.style-2:not(:last-child) {
margin-bottom: 0rem !important;
}
.container-component.style-2 > .wrapper > .inner {
--gutters: calc(var(--padding-vertical) * 2);
--padding-horizontal: 2rem;
--padding-vertical: 2.5rem;
--spacing: 2rem;
}
.container-component.style-2.columns > .wrapper > .inner {
flex-direction: column !important;
flex-wrap: nowrap !important;
}
.container-component.style-2.columns > .wrapper > .inner > span {
height: 0;
margin-top: calc(var(--gutters) * -1);
pointer-events: none;
visibility: hidden;
}
.container-component.style-2.columns > .wrapper > .inner > span:first-child + div::before {
display: none !important;
}
.container-component.style-2.columns > .wrapper > .inner > *:first-child {
margin-left: 0 !important;
padding-top: 0 !important;
}
.container-component.style-2.columns > .wrapper > .inner > * {
padding: calc(var(--gutters) * 0.5) 0 !important;
}
.container-component.style-2.columns > .wrapper > .inner > *::before {
border-top: solid 1px #4D3E5C !important;
height: 0 !important;
margin-left: 0 !important;
top: auto !important;
margin-top: calc((var(--gutters) * -0.5) - 0.5px) !important;
left: 0 !important;
width: 100% !important;
}
.container-component.style-2.columns > .wrapper > .inner > *:last-child {
padding-bottom: 0 !important;
}
.container-component.style-2.columns > .wrapper > .inner > *:first-child::before {
display: none !important;
}
.container-component.style-2.columns > .wrapper > .inner > *:last-child::before {
display: block !important;
}
.container-component.style-2.columns > .wrapper > .inner > div > .full {
margin-left: calc(var(--padding-horizontal) * -1);
width: calc(100% + (var(--padding-horizontal) * 2) + 0.4725px);
}
.container-component.style-2.columns > .wrapper > .inner > div:first-of-type > .full {
margin-left: calc(var(--padding-horizontal) * -1);
width: calc(100% + (var(--padding-horizontal) * 2) + 0.4725px);
}
.container-component.style-2.columns > .wrapper > .inner > div:last-of-type > .full {
margin-left: calc(var(--padding-horizontal) * -1);
width: calc(100% + (var(--padding-horizontal) * 2) + 0.4725px);
}
.container-component.style-2.columns > .wrapper > .inner > div > .full:first-child {
margin-top: calc((var(--gutters) * -0.5) + 0.5px) !important;
}
.container-component.style-2.columns > .wrapper > .inner > div > .full:last-child {
margin-bottom: calc((var(--gutters) * -0.5) + 0.5px) !important;
}
.container-component.style-2.columns > .wrapper > .inner > div:first-of-type > .full:first-child {
margin-top: calc(var(--padding-vertical) * -1) !important;
}
.container-component.style-2.columns > .wrapper > .inner > div:last-of-type > .full:last-child {
margin-bottom: calc(var(--padding-vertical) * -1) !important;
}
.container-component.style-2.columns > .wrapper > .inner > div:first-of-type, .container-component.style-2.columns > .wrapper > .inner > div:first-of-type > .full:first-child {
border-top-left-radius: inherit;
border-top-right-radius: inherit;
}
.container-component.style-2.columns > .wrapper > .inner > div:last-of-type, .container-component.style-2.columns > .wrapper > .inner > div:last-of-type > .full:last-child {
border-bottom-left-radius: inherit;
border-bottom-right-radius: inherit;
}
.container-component.style-2.columns > .wrapper > .inner > div:first-of-type, .container-component.style-2.columns > .wrapper > .inner > div:first-of-type > .full:last-child {
border-bottom-left-radius: 0 !important;
}
.container-component.style-2.columns > .wrapper > .inner > div:last-of-type, .container-component.style-2.columns > .wrapper > .inner > div:last-of-type > .full:first-child {
border-top-right-radius: 0 !important;
}
.container-component.style-2.columns > .wrapper > .inner > .full > .full:first-child:last-child {
height: auto;
}
.container-component.style-2.columns > .wrapper > .inner > .full > .full:first-child:last-child > * {
height: auto;
position: relative;
width: auto;
}
.container-component.style-1 {
min-height: 15rem;
}
.container-component.style-1:not(:first-child) {
margin-top: 0rem !important;
}
.container-component.style-1:not(:last-child) {
margin-bottom: 0rem !important;
}
.container-component.style-1 > .wrapper > .inner {
--gutters: 4rem;
--padding-horizontal: 2rem;
--padding-vertical: 2.5rem;
--spacing: 2rem;
}
.container-component.style-1.columns > .wrapper > .inner {
flex-direction: column !important;
flex-wrap: nowrap !important;
}
.container-component.style-1.columns > .wrapper > .inner > span {
height: 0;
margin-top: calc(var(--gutters) * -1);
pointer-events: none;
visibility: hidden;
}
.container-component.style-1.columns > .wrapper > .inner > *:first-child {
margin-left: 0 !important;
padding-top: 0 !important;
}
.container-component.style-1.columns > .wrapper > .inner > * {
padding: calc(var(--gutters) * 0.5) 0 !important;
}
.container-component.style-1.columns > .wrapper > .inner > *:last-child {
padding-bottom: 0 !important;
}
.container-component.style-1.columns > .wrapper > .inner > div > .full {
margin-left: calc(var(--padding-horizontal) * -1);
width: calc(100% + (var(--padding-horizontal) * 2) + 0.4725px);
}
.container-component.style-1.columns > .wrapper > .inner > div:first-of-type > .full {
margin-left: calc(var(--padding-horizontal) * -1);
width: calc(100% + (var(--padding-horizontal) * 2) + 0.4725px);
}
.container-component.style-1.columns > .wrapper > .inner > div:last-of-type > .full {
margin-left: calc(var(--padding-horizontal) * -1);
width: calc(100% + (var(--padding-horizontal) * 2) + 0.4725px);
}
.container-component.style-1.columns > .wrapper > .inner > div > .full:first-child {
margin-top: calc(var(--gutters) * -0.5) !important;
}
.container-component.style-1.columns > .wrapper > .inner > div > .full:last-child {
margin-bottom: calc(var(--gutters) * -0.5) !important;
}
.container-component.style-1.columns > .wrapper > .inner > div:first-of-type > .full:first-child {
margin-top: calc(var(--padding-vertical) * -1) !important;
}
.container-component.style-1.columns > .wrapper > .inner > div:last-of-type > .full:last-child {
margin-bottom: calc(var(--padding-vertical) * -1) !important;
}
.container-component.style-1.columns > .wrapper > .inner > div:first-of-type, .container-component.style-1.columns > .wrapper > .inner > div:first-of-type > .full:first-child {
border-top-left-radius: inherit;
border-top-right-radius: inherit;
}
.container-component.style-1.columns > .wrapper > .inner > div:last-of-type, .container-component.style-1.columns > .wrapper > .inner > div:last-of-type > .full:last-child {
border-bottom-left-radius: inherit;
border-bottom-right-radius: inherit;
}
.container-component.style-1.columns > .wrapper > .inner > div:first-of-type, .container-component.style-1.columns > .wrapper > .inner > div:first-of-type > .full:last-child {
border-bottom-left-radius: 0 !important;
}
.container-component.style-1.columns > .wrapper > .inner > div:last-of-type, .container-component.style-1.columns > .wrapper > .inner > div:last-of-type > .full:first-child {
border-top-right-radius: 0 !important;
}
.container-component.style-1.columns > .wrapper > .inner > .full {
min-height: calc(15rem - (var(--padding-vertical) * 2));
}
.container-component.style-1.columns > .wrapper > .inner > .full > .full:first-child:last-child {
height: auto;
}
.container-component.style-1.columns > .wrapper > .inner > .full > .full:first-child:last-child > * {
height: auto;
position: relative;
width: auto;
}
.container-component.instance-2 > .wrapper > .inner > :nth-child(1) {
min-height: 100% !important;
width: 100% !important;
}
.container-component.instance-2 > .wrapper > .inner > :nth-child(2) {
min-height: 100% !important;
width: 100% !important;
}
.container-component.instance-6 > .wrapper > .inner > :nth-child(1) {
min-height: 100% !important;
width: 100% !important;
}
.container-component.instance-6 > .wrapper > .inner > :nth-child(2) {
min-height: 100% !important;
width: 100% !important;
}
.container-component.instance-3 > .wrapper > .inner > :nth-child(1) {
min-height: 100% !important;
width: 100% !important;
}
.container-component.instance-3 > .wrapper > .inner > :nth-child(2) {
min-height: 100% !important;
width: 100% !important;
}
.buttons-component.style-1 {
gap: 0.625rem;
}
.buttons-component.style-1:not(:first-child) {
margin-top: 1.03125rem !important;
}
.buttons-component.style-1:not(:last-child) {
margin-bottom: 1.03125rem !important;
}
.buttons-component.style-1 > li > a {
letter-spacing: 0rem;
font-size: 1.125em;
}
.buttons-component.style-1 > li > a > svg {
width: 1em;
}
}
@media (max-width: 480px) {
.site-main > .inner {
--spacing: 0rem;
}
.image-component.style-1 > .frame {
height: 20rem !important;
}
.image-component.style-2 > .frame {
height: 20rem !important;
}
.container-component.style-2 > .wrapper > .inner {
--spacing: 1.75rem;
}
.container-component.style-1 > .wrapper > .inner {
--spacing: 1.75rem;
}
.buttons-component.style-1 > li > a {
width: 15.25rem;
}
}
@media (max-width: 360px) {
.site-main > .inner {
--padding-horizontal: 1.5rem;
--padding-vertical: 2.25rem;
--spacing: 0rem;
}
.text-component.style-1 {
font-size: 2.75em;
}
.text-component.style-2 {
font-size: 1.375em;
}
.image-component.style-1 > .frame {
height: 17.5rem !important;
}
.image-component.style-2 > .frame {
height: 17.5rem !important;
}
.gallery-component.instance-1 ul {
gap: 0.09375rem;
}
.container-component.style-2 > .wrapper > .inner {
--gutters: calc(var(--padding-vertical) * 2);
--padding-horizontal: 1.5rem;
--padding-vertical: 1.875rem;
--spacing: 1.5rem;
}
.container-component.style-1 > .wrapper > .inner {
--gutters: 4rem;
--padding-horizontal: 1.5rem;
--padding-vertical: 1.875rem;
--spacing: 1.5rem;
}
.container-component.style-1 {
min-height: 10rem;
}
.container-component.style-1.columns > .wrapper > .inner > .full {
min-height: calc(10rem - (var(--padding-vertical) * 2));
}
.buttons-component.style-1 {
gap: 0.46875rem;
}
}