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;
}
body {
line-height: 1.0;
min-height: var(--viewport-height);
min-width: 320px;
overflow-x: hidden;
word-wrap: break-word;
background-color: #3C1414;
}
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%22600%22%20height%3D%22347%22%20viewBox%3D%220%200%20600%20347%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20style%3D%22filter%3A%20blur%286px%29%22%20preserveAspectRatio%3D%22none%22%3E%20%3Cstyle%20type%3D%22text%2Fcss%22%3E%20polygon%20%7B%20fill%3A%20rgba(255,218,163,0.11)%3B%20transform%3A%20scale%28195%25%29%3B%20%7D%20%3C%2Fstyle%3E%20%3Cpolygon%20points%3D%22150.0%2C225.1666%20170.0%2C225.1666%20180.0%2C242.4871%20170.0%2C259.8076%20150.0%2C259.8076%20140.0%2C242.4871%22%20fill-opacity%3D%220%22%3E%20%3Canimate%20attributeName%3D%22fill-opacity%22%20dur%3D%2217650ms%22%20repeatCount%3D%22indefinite%22%20values%3D%220%3B0%3B0%3B0.5%3B0.9%3B1%3B0.9%3B0.5%3B0%3B0%3B0%3B0.5%3B0.7%3B0%22%20%2F%3E%20%3C%2Fpolygon%3E%20%3Cpolygon%20points%3D%22540.0%2C277.1281%20560.0%2C277.1281%20570.0%2C294.4486%20560.0%2C311.7691%20540.0%2C311.7691%20530.0%2C294.4486%22%20fill-opacity%3D%220%22%3E%20%3Canimate%20attributeName%3D%22fill-opacity%22%20dur%3D%2217550ms%22%20repeatCount%3D%22indefinite%22%20values%3D%220%3B0%3B0%3B0.3%3B0.9%3B1%3B0.9%3B0.3%3B0%3B0%3B0%3B0.2%3B0.7%3B0%22%20%2F%3E%20%3C%2Fpolygon%3E%20%3Cpolygon%20points%3D%22450.0%2C225.1666%20470.0%2C225.1666%20480.0%2C242.4871%20470.0%2C259.8076%20450.0%2C259.8076%20440.0%2C242.4871%22%20fill-opacity%3D%220.3%22%3E%20%3Canimate%20attributeName%3D%22fill-opacity%22%20dur%3D%2211550ms%22%20repeatCount%3D%22indefinite%22%20values%3D%220.3%3B0.7%3B0%3B0%3B0%3B0.5%3B0.9%3B1%3B0.9%3B0.5%3B0%3B0%3B0%3B0.3%22%20%2F%3E%20%3C%2Fpolygon%3E%20%3Cpolygon%20points%3D%22300.0%2C242.4871%20320.0%2C242.4871%20330.0%2C259.8076%20320.0%2C277.1281%20300.0%2C277.1281%20290.0%2C259.8076%22%20fill-opacity%3D%220.2%22%3E%20%3Canimate%20attributeName%3D%22fill-opacity%22%20dur%3D%2216600ms%22%20repeatCount%3D%22indefinite%22%20values%3D%220.2%3B0.9%3B1%3B0.9%3B0.2%3B0%3B0%3B0%3B0.4%3B0.9%3B0%3B0%3B0%3B0.2%22%20%2F%3E%20%3C%2Fpolygon%3E%20%3Cpolygon%20points%3D%22270.0%2C17.3205%20290.0%2C17.3205%20300.0%2C34.641%20290.0%2C51.9615%20270.0%2C51.9615%20260.0%2C34.641%22%20fill-opacity%3D%220%22%3E%20%3Canimate%20attributeName%3D%22fill-opacity%22%20dur%3D%2218500ms%22%20repeatCount%3D%22indefinite%22%20values%3D%220%3B0%3B0%3B0.2%3B0.7%3B0%3B0%3B0%3B0.2%3B0.9%3B1%3B0.9%3B0.2%3B0%22%20%2F%3E%20%3C%2Fpolygon%3E%20%3Cpolygon%20points%3D%22150.0%2C17.3205%20170.0%2C17.3205%20180.0%2C34.641%20170.0%2C51.9615%20150.0%2C51.9615%20140.0%2C34.641%22%20fill-opacity%3D%220%22%3E%20%3Canimate%20attributeName%3D%22fill-opacity%22%20dur%3D%2217050ms%22%20repeatCount%3D%22indefinite%22%20values%3D%220%3B0%3B0%3B0.2%3B0.9%3B1%3B0.9%3B0.2%3B0%3B0%3B0%3B0.2%3B0.7%3B0%22%20%2F%3E%20%3C%2Fpolygon%3E%20%3Cpolygon%20points%3D%22510.0%2C51.9615%20530.0%2C51.9615%20540.0%2C69.282%20530.0%2C86.6025%20510.0%2C86.6025%20500.0%2C69.282%22%20fill-opacity%3D%220%22%3E%20%3Canimate%20attributeName%3D%22fill-opacity%22%20dur%3D%2218700ms%22%20repeatCount%3D%22indefinite%22%20values%3D%220%3B0%3B0%3B0.5%3B0.9%3B1%3B0.9%3B0.5%3B0%3B0%3B0%3B0.4%3B0.8%3B0%22%20%2F%3E%20%3C%2Fpolygon%3E%20%3Cpolygon%20points%3D%22510.0%2C190.5256%20530.0%2C190.5256%20540.0%2C207.8461%20530.0%2C225.1666%20510.0%2C225.1666%20500.0%2C207.8461%22%20fill-opacity%3D%220%22%3E%20%3Canimate%20attributeName%3D%22fill-opacity%22%20dur%3D%2218400ms%22%20repeatCount%3D%22indefinite%22%20values%3D%220%3B0%3B0%3B0.5%3B0.7%3B0%3B0%3B0%3B0.5%3B0.9%3B1%3B0.9%3B0.5%3B0%22%20%2F%3E%20%3C%2Fpolygon%3E%20%3Cpolygon%20points%3D%22360.0%2C173.2051%20380.0%2C173.2051%20390.0%2C190.5256%20380.0%2C207.8461%20360.0%2C207.8461%20350.0%2C190.5256%22%20fill-opacity%3D%220%22%3E%20%3Canimate%20attributeName%3D%22fill-opacity%22%20dur%3D%2219750ms%22%20repeatCount%3D%22indefinite%22%20values%3D%220%3B0%3B0%3B0.5%3B0.9%3B1%3B0.9%3B0.5%3B0%3B0%3B0%3B0.5%3B0.8%3B0%22%20%2F%3E%20%3C%2Fpolygon%3E%20%3Cpolygon%20points%3D%22240.0%2C173.2051%20260.0%2C173.2051%20270.0%2C190.5256%20260.0%2C207.8461%20240.0%2C207.8461%20230.0%2C190.5256%22%20fill-opacity%3D%220%22%3E%20%3Canimate%20attributeName%3D%22fill-opacity%22%20dur%3D%2210300ms%22%20repeatCount%3D%22indefinite%22%20values%3D%220%3B0%3B0%3B0.3%3B0.8%3B0%3B0%3B0%3B0.5%3B0.9%3B1%3B0.9%3B0.5%3B0%22%20%2F%3E%20%3C%2Fpolygon%3E%20%3Cpolygon%20points%3D%22300.0%2C69.282%20320.0%2C69.282%20330.0%2C86.6025%20320.0%2C103.923%20300.0%2C103.923%20290.0%2C86.6025%22%20fill-opacity%3D%220%22%3E%20%3Canimate%20attributeName%3D%22fill-opacity%22%20dur%3D%2212050ms%22%20repeatCount%3D%22indefinite%22%20values%3D%220%3B0%3B0%3B0.3%3B0.8%3B0%3B0%3B0%3B0.2%3B0.9%3B1%3B0.9%3B0.2%3B0%22%20%2F%3E%20%3C%2Fpolygon%3E%20%3Cpolygon%20points%3D%2230.0%2C259.8076%2050.0%2C259.8076%2060.0%2C277.1281%2050.0%2C294.4486%2030.0%2C294.4486%2020.0%2C277.1281%22%20fill-opacity%3D%220.2%22%3E%20%3Canimate%20attributeName%3D%22fill-opacity%22%20dur%3D%2210750ms%22%20repeatCount%3D%22indefinite%22%20values%3D%220.2%3B0.9%3B1%3B0.9%3B0.2%3B0%3B0%3B0%3B0.4%3B0.9%3B0%3B0%3B0%3B0.2%22%20%2F%3E%20%3C%2Fpolygon%3E%20%3Cpolygon%20points%3D%2230.0%2C17.3205%2050.0%2C17.3205%2060.0%2C34.641%2050.0%2C51.9615%2030.0%2C51.9615%2020.0%2C34.641%22%20fill-opacity%3D%220.5%22%3E%20%3Canimate%20attributeName%3D%22fill-opacity%22%20dur%3D%2219150ms%22%20repeatCount%3D%22indefinite%22%20values%3D%220.5%3B0.9%3B1%3B0.9%3B0.5%3B0%3B0%3B0%3B0.3%3B0.7%3B0%3B0%3B0%3B0.5%22%20%2F%3E%20%3C%2Fpolygon%3E%20%3Cpolygon%20points%3D%22390.0%2C121.2436%20410.0%2C121.2436%20420.0%2C138.5641%20410.0%2C155.8846%20390.0%2C155.8846%20380.0%2C138.5641%22%20fill-opacity%3D%220%22%3E%20%3Canimate%20attributeName%3D%22fill-opacity%22%20dur%3D%2210000ms%22%20repeatCount%3D%22indefinite%22%20values%3D%220%3B0%3B0%3B0.5%3B0.9%3B1%3B0.9%3B0.5%3B0%3B0%3B0%3B0.5%3B0.8%3B0%22%20%2F%3E%20%3C%2Fpolygon%3E%20%3Cpolygon%20points%3D%22450.0%2C51.9615%20470.0%2C51.9615%20480.0%2C69.282%20470.0%2C86.6025%20450.0%2C86.6025%20440.0%2C69.282%22%20fill-opacity%3D%220.5%22%3E%20%3Canimate%20attributeName%3D%22fill-opacity%22%20dur%3D%2213950ms%22%20repeatCount%3D%22indefinite%22%20values%3D%220.5%3B0.9%3B1%3B0.9%3B0.5%3B0%3B0%3B0%3B0.2%3B0.8%3B0%3B0%3B0%3B0.5%22%20%2F%3E%20%3C%2Fpolygon%3E%20%3Cpolygon%20points%3D%22180.0%2C277.1281%20200.0%2C277.1281%20210.0%2C294.4486%20200.0%2C311.7691%20180.0%2C311.7691%20170.0%2C294.4486%22%20fill-opacity%3D%220%22%3E%20%3Canimate%20attributeName%3D%22fill-opacity%22%20dur%3D%2211000ms%22%20repeatCount%3D%22indefinite%22%20values%3D%220%3B0%3B0%3B0.4%3B0.9%3B1%3B0.9%3B0.4%3B0%3B0%3B0%3B0.4%3B0.9%3B0%22%20%2F%3E%20%3C%2Fpolygon%3E%3C%2Fsvg%3E'), linear-gradient(151deg, #171717 34%, #611010 100%);
background-size: cover, auto;
background-position: center, 0% 0%;
background-repeat: no-repeat, repeat;
}
body::after {
background-color: #9C8593;
content: '';
display: block;
pointer-events: none;
position: fixed;
transform: scale(1);
z-index: 1;
height: 100%;
left: 0;
opacity: 0;
top: 0;
transition: opacity 1s ease-in-out 0s, visibility 1s 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.25s ease-in-out 0s;
}
.site-main > .inner {
--padding-horizontal: 3rem;
--padding-vertical: 3rem;
--spacing: 1.25rem;
--width: 64rem;
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.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;
}
.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.instance-1 {
--alignment: left;
--flex-alignment: flex-start;
--indent-left: 1;
--indent-right: 0;
--margin-left: 0;
--margin-right: auto;
display: flex;
width: 100%;
align-items: center;
justify-content: center;
background-color: transparent;
}
.container-component.instance-1 > .wrapper > .inner {
--gutters: 3rem;
--padding-horizontal: 0rem;
--padding-vertical: 0rem;
padding: var(--padding-vertical) var(--padding-horizontal);
}
.container-component.instance-1 > .wrapper {
max-width: var(--width);
width: 100%;
}
.container-component.instance-1.default > .wrapper > .inner > * {
margin-bottom: var(--spacing);
margin-top: var(--spacing);
}
.container-component.instance-1.default > .wrapper > .inner > *:first-child {
margin-top: 0 !important;
}
.container-component.instance-1.default > .wrapper > .inner > *:last-child {
margin-bottom: 0 !important;
}
.container-component.instance-1.columns > .wrapper > .inner {
flex-wrap: wrap;
display: flex;
align-items: center;
}
.container-component.instance-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.instance-1.columns > .wrapper > .inner > * > * {
margin-bottom: var(--spacing);
margin-top: var(--spacing);
}
.container-component.instance-1.columns > .wrapper > .inner > * > *:first-child {
margin-top: 0 !important;
}
.container-component.instance-1.columns > .wrapper > .inner > * > *:last-child {
margin-bottom: 0 !important;
}
.container-component.instance-1.columns > .wrapper > .inner > *:first-child {
margin-left: calc(var(--gutters) * -1);
}
.container-component.instance-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.instance-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.instance-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.instance-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.instance-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.instance-1.columns > .wrapper > .inner > div:last-child > .full {
width: calc(100% + var(--padding-horizontal) + calc(var(--gutters) * 0.5) + 0.4725px);
}
.container-component.instance-1.columns > .wrapper > .inner > div > .full:first-child {
margin-top: calc(var(--padding-vertical) * -1) !important;
}
.container-component.instance-1.columns > .wrapper > .inner > div > .full:last-child {
margin-bottom: calc(var(--padding-vertical) * -1) !important;
}
.container-component.instance-1.columns > .wrapper > .inner > .full {
align-self: stretch;
}
.container-component.instance-1.columns > .wrapper > .inner > .full:first-child {
border-bottom-left-radius: inherit;
border-top-left-radius: inherit;
}
.container-component.instance-1.columns > .wrapper > .inner > .full:last-child {
border-bottom-right-radius: inherit;
border-top-right-radius: inherit;
}
.container-component.instance-1.columns > .wrapper > .inner > .full > .full:first-child:last-child {
border-radius: inherit;
height: calc(100% + (var(--padding-vertical) * 2));
}
.container-component.instance-1.columns > .wrapper > .inner > .full > .full:first-child:last-child > * {
border-radius: inherit;
height: 100%;
position: absolute;
width: 100%;
}
.container-component.instance-1 > .wrapper > .inner > :nth-child(1) {
width: calc(38% + (var(--gutters) / 2));
--alignment: center;
--flex-alignment: center;
--indent-left: 1;
--indent-right: 1;
--margin-left: auto;
--margin-right: auto;
}
.container-component.instance-1 > .wrapper > .inner > :nth-child(2) {
width: calc(62% + (var(--gutters) / 2));
}
.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.instance-1 > .frame {
width: 100vw;
border-radius: 100%;
border-color: rgba(255,218,163,0.678);
border-style: solid;
border-width: 3px;
transition: none;
}
.image-component.instance-1 > .frame > img {
border-radius: inherit !important;
padding: 0.625rem;
transition: none;
}
.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.instance-2 {
max-width: rem;
margin-left: var(--margin-left);
margin-right: var(--margin-right);
color: #FFDAA3;
font-family: 'Caveat', cursive;
letter-spacing: -0.125rem;
width: 100%;
font-size: 4.125em;
line-height: 0.875;
font-weight: 400;
}
.text-component.instance-2 a {
text-decoration: underline;
}
.text-component.instance-2 a:hover {
text-decoration: none;
}
.text-component.instance-2 span.p:nth-child(n + 2) {
margin-top: 1rem;
}
.text-component.instance-3 {
max-width: rem;
margin-left: var(--margin-left);
margin-right: var(--margin-right);
font-variant: small-caps;
color: #FFFFFF;
font-family: 'Asap', sans-serif;
font-size: 1.25em;
line-height: 1;
font-weight: 400;
}
.text-component.instance-3 a {
text-decoration: underline;
}
.text-component.instance-3 a:hover {
text-decoration: none;
}
.text-component.instance-3 span.p:nth-child(n + 2) {
margin-top: 1rem;
}
.icons-component {
display: flex;
flex-wrap: wrap;
justify-content: var(--flex-alignment);
letter-spacing: 0;
padding: 0;
}
.icons-component > li {
position: relative;
z-index: 1;
}
.icons-component > li > a {
align-items: center;
display: flex;
justify-content: center;
}
.icons-component > li > a > svg {
display: block;
pointer-events: none;
position: relative;
}
.icons-component > li > a + svg {
display: block;
height: 100%;
left: 0;
pointer-events: none;
position: absolute;
top: 0;
width: 100%;
z-index: -1;
}
.icons-component > li > a > .label {
display: none;
}
.icons-component.instance-1 {
font-size: 1.25em;
gap: 0.75rem;
}
.icons-component.instance-1 > li > a {
border-radius: 2rem;
height: 1em;
width: 1em;
transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease;
}
.icons-component.instance-1 > li > a > svg {
height: 100%;
width: 100%;
fill: #FFFFFF;
transition: fill 0.25s ease;
}
.icons-component.instance-1 > li > a + svg {
transition: fill 0.25s ease, stroke 0.25s ease;
}
.video-component {
position: relative;
}
.video-component > .frame {
background-color: #000000;
display: inline-block;
max-width: 100%;
overflow: hidden;
position: relative;
vertical-align: top;
}
.video-component > .frame.with-overlay::before, .video-component > .frame.with-overlay::after {
bottom: 0px;
content: '';
height: 100%;
left: 0px;
pointer-events: none;
position: absolute;
right: 0px;
top: 0px;
width: 100%;
}
.video-component > .frame.with-overlay::before {
background-color: transparent;
background-image: linear-gradient(0deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.1) 100%);
z-index: 1;
}
.video-component > .frame.with-overlay::after {
background-image: url("data:image/svg+xml,%3Csvg%20width%3D%22100%22%20height%3D%22100%22%20viewBox%3D%220%200%20100%20100%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Ccircle%20cx%3D%2250%22%20cy%3D%2250%22%20r%3D%2248%22%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-width%3D%224%22/%3E%3Cpolygon%20points%3D%2240%2C30%2070%2C50%2040%2C70%22%20fill%3D%22white%22/%3E%3C/svg%3E");
background-position: center;
background-repeat: no-repeat;
background-size: clamp(1rem, 3.5rem, 25%);
opacity: 0.75;
transition: opacity 0.125s ease-in-out;
z-index: 2;
}
.video-component > .frame.with-overlay:hover::after {
opacity: 1.0;
}
.video-component.is-active > .frame.with-overlay::before {
background-color: #000000;
transition: background-color 0.25s ease-in-out;
}
.video-component.is-active > .frame.with-overlay::after {
opacity: 0;
transition: opacity 0.25s ease-in-out;
}
.video-component > .frame > .player {
border-radius: inherit;
bottom: 0px;
height: 100%;
left: 0px;
object-fit: cover;
object-position: center;
opacity: 1;
position: absolute;
right: 0px;
top: 0px;
width: 100%;
}
.video-component > .frame > .player.thumbnail {
cursor: pointer;
object-fit: cover !important;
object-position: center !important;
user-select: none;
}
.video-component.full > .frame {
display: block;
}
.video-component.full:first-child > .frame {
border-top-left-radius: inherit;
border-top-right-radius: inherit;
}
.video-component.full:last-child > .frame {
border-bottom-left-radius: inherit;
border-bottom-right-radius: inherit;
}
.video-component.instance-1 {
text-align: center;
}
.video-component.instance-1 > .frame {
border-radius: rem;
width: 32.25rem;
}
.video-component.instance-1 > .frame {
aspect-ratio: 1.7777777777778;
}
.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.instance-1 {
--flex-alignment: center;
--alignment: center;
gap: 0.625rem;
flex-direction: row;
flex-wrap: wrap;
}
.buttons-component.instance-1:not(:first-child) {
margin-top: 0.375rem !important;
}
.buttons-component.instance-1:not(:last-child) {
margin-bottom: 0.375rem !important;
}
.buttons-component.instance-1 > li > a {
display: inline-flex;
width: 16.375rem;
height: auto;
line-height: 1.25rem;
padding: 0 1rem;
vertical-align: middle;
font-family: 'Asap', sans-serif;
font-size: 1.125em;
font-weight: 400;
border-radius: 2rem;
padding-bottom: 0.625rem;
padding-top: 0.625rem;
white-space: normal;
align-items: flex-start;
color: #FFFFFF;
border: solid 3px rgba(255,218,163,0.678);
transition: transform 0.25s ease, color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease;
}
.buttons-component.instance-1 > li > a > svg {
display: block;
fill: rgba(255,218,163,0.678);
flex-grow: 0;
flex-shrink: 0;
height: 1.25rem;
min-width: 16px;
pointer-events: none;
width: 1.125em;
margin-left: -0.125em;
margin-right: calc(0.5em + 0rem);
transition: fill 0.25s ease;
}
.buttons-component.instance-1 > li > a > .label {
direction: var(--site-language-direction);
overflow: hidden;
text-align: var(--alignment);
}
.buttons-component.instance-1 > li > a:hover {
border-color: #FFDAA3 !important;
color: #FFDAA3 !important;
transform: scale(1.0775);
}
.buttons-component.instance-1 > li > a:hover > svg {
fill: #FFDAA3 !important;
}
.buttons-component.instance-1 > li > a.n01 {
border: solid 3px #FF3333;
}
@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: 14pt;
}
.site-main > .inner {
--padding-horizontal: 2rem;
--padding-vertical: 3rem;
--spacing: 1.25rem;
}
.container-component.instance-1 {
--alignment: center;
--flex-alignment: center;
--indent-left: 1;
--indent-right: 1;
--margin-left: auto;
--margin-right: auto;
}
.container-component.instance-1 > .wrapper > .inner {
--gutters: 1.25rem;
--padding-horizontal: 0rem;
--padding-vertical: 0rem;
}
.container-component.instance-1.columns > .wrapper > .inner {
flex-direction: column !important;
flex-wrap: nowrap !important;
}
.container-component.instance-1.columns > .wrapper > .inner > span {
height: 0;
margin-top: calc(var(--gutters) * -1);
pointer-events: none;
visibility: hidden;
}
.container-component.instance-1.columns > .wrapper > .inner > *:first-child {
margin-left: 0 !important;
padding-top: 0 !important;
}
.container-component.instance-1.columns > .wrapper > .inner > * {
padding: calc(var(--gutters) * 0.5) 0 !important;
}
.container-component.instance-1.columns > .wrapper > .inner > *:last-child {
padding-bottom: 0 !important;
}
.container-component.instance-1.columns > .wrapper > .inner > div > .full {
margin-left: calc(var(--padding-horizontal) * -1);
width: calc(100% + (var(--padding-horizontal) * 2) + 0.4725px);
}
.container-component.instance-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.instance-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.instance-1.columns > .wrapper > .inner > div > .full:first-child {
margin-top: calc(var(--gutters) * -0.5) !important;
}
.container-component.instance-1.columns > .wrapper > .inner > div > .full:last-child {
margin-bottom: calc(var(--gutters) * -0.5) !important;
}
.container-component.instance-1.columns > .wrapper > .inner > div:first-of-type > .full:first-child {
margin-top: calc(var(--padding-vertical) * -1) !important;
}
.container-component.instance-1.columns > .wrapper > .inner > div:last-of-type > .full:last-child {
margin-bottom: calc(var(--padding-vertical) * -1) !important;
}
.container-component.instance-1.columns > .wrapper > .inner > div:first-of-type, .container-component.instance-1.columns > .wrapper > .inner > div:first-of-type > .full:first-child {
border-top-left-radius: inherit;
border-top-right-radius: inherit;
}
.container-component.instance-1.columns > .wrapper > .inner > div:last-of-type, .container-component.instance-1.columns > .wrapper > .inner > div:last-of-type > .full:last-child {
border-bottom-left-radius: inherit;
border-bottom-right-radius: inherit;
}
.container-component.instance-1.columns > .wrapper > .inner > div:first-of-type, .container-component.instance-1.columns > .wrapper > .inner > div:first-of-type > .full:last-child {
border-bottom-left-radius: 0 !important;
}
.container-component.instance-1.columns > .wrapper > .inner > div:last-of-type, .container-component.instance-1.columns > .wrapper > .inner > div:last-of-type > .full:first-child {
border-top-right-radius: 0 !important;
}
.container-component.instance-1.columns > .wrapper > .inner > .full > .full:first-child:last-child {
height: auto;
}
.container-component.instance-1.columns > .wrapper > .inner > .full > .full:first-child:last-child > * {
height: auto;
position: relative;
width: auto;
}
.container-component.instance-1 > .wrapper > .inner > :nth-child(1) {
--alignment: center;
--flex-alignment: center;
--indent-left: 1;
--indent-right: 1;
--margin-left: auto;
--margin-right: auto;
min-height: 100% !important;
width: 100% !important;
}
.container-component.instance-1 > .wrapper > .inner > :nth-child(2) {
--alignment: center;
--flex-alignment: center;
--indent-left: 1;
--indent-right: 1;
--margin-left: auto;
--margin-right: auto;
min-height: 100% !important;
width: 100% !important;
}
.image-component.instance-1 > .frame {
width: 8.5rem;
}
.text-component.instance-2 {
letter-spacing: -0.109375rem;
width: 100%;
font-size: 3.5em;
line-height: 0.875;
}
.text-component.instance-3 {
letter-spacing: 0rem;
width: 100%;
font-size: 1.25em;
line-height: 1;
}
.icons-component.instance-1 {
font-size: 1.25em;
gap: 0.75rem;
}
.video-component.instance-1 > .frame {
width: 32.25rem;
}
.buttons-component.instance-1 {
gap: 0.625rem;
}
.buttons-component.instance-1:not(:first-child) {
margin-top: 0.28125rem !important;
}
.buttons-component.instance-1:not(:last-child) {
margin-bottom: 0.28125rem !important;
}
.buttons-component.instance-1 > li > a {
letter-spacing: 0rem;
font-size: 1.125em;
}
.buttons-component.instance-1 > li > a > svg {
width: 1.125em;
}
}
@media (max-width: 480px) {
.site-main > .inner {
--spacing: 1.09375rem;
}
.buttons-component.instance-1 {
flex-direction: column;
flex-wrap: nowrap;
}
.buttons-component.instance-1 > li > a {
max-width: 32rem;
width: 100%;
}
}
@media (max-width: 360px) {
.site-main > .inner {
--padding-horizontal: 1.5rem;
--padding-vertical: 2.25rem;
--spacing: 0.9375rem;
}
.container-component.instance-1 > .wrapper > .inner {
--gutters: 1.25rem;
--padding-horizontal: 0rem;
--padding-vertical: 0rem;
}
.text-component.instance-2 {
font-size: 3.5em;
}
.text-component.instance-3 {
font-size: 1.25em;
}
.icons-component.instance-1 {
gap: 0.5625rem;
}
.buttons-component.instance-1 {
gap: 0.46875rem;
}
}