/* Carrd's exported styles: CSS reset, page layout and component styles. */
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; }
body { -webkit-text-size-adjust: 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: #6BC6DB; }
body::before { content: ''; display: block; background-attachment: scroll; 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,%20%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%20circle%20%7B%20fill%3A%20url%28%23starGradient%29%3B%20stroke%3A%20none%3B%20%7D%20polygon%20%7B%20fill%3A%20white%3B%20stroke%3A%20none%3B%20%7D%20polyline%20%7B%20fill%3A%20none%3B%20stroke%3A%20white%3B%20%7D%20radialGradient%20%26gt%3B%20stop%20%7B%20stop-color%3A%20%2366BCD1%3B%20%7D%20%3C%2Fstyle%3E%20%3Cdefs%3E%20%3CradialGradient%20id%3D%22starGradient%22%3E%20%3Cstop%20offset%3D%220%22%20stop-opacity%3D%221%22%2F%3E%20%3Cstop%20offset%3D%221%22%20stop-opacity%3D%220.2%22%2F%3E%20%3C%2FradialGradient%3E%20%3C%2Fdefs%3E%20%3Cg%3E%20%3Cmask%20id%3D%22star0Mask%22%3E%20%3Cpolyline%20points%3D%22203.0%2C39.0%20203.0%2C63.0%20203.0%2C51.0%20191.0%2C51.0%20215.0%2C51.0%22%2F%3E%20%3Cpolygon%20points%3D%22203.0%2C47.0%20207.0%2C51.0%20203.0%2C55.0%20199.0%2C51.0%22%2F%3E%20%3C%2Fmask%3E%20%3Ccircle%20cx%3D%22203.0%22%20cy%3D%2251.0%22%20r%3D%2212.0%22%20mask%3D%22url%28%23star0Mask%29%22%2F%3E%20%3C%2Fg%3E%20%3Cg%3E%20%3Cmask%20id%3D%22star1Mask%22%3E%20%3Cpolyline%20points%3D%22160.0%2C344.0%20160.0%2C366.0%20160.0%2C355.0%20149.0%2C355.0%20171.0%2C355.0%22%2F%3E%20%3Cpolygon%20points%3D%22160.0%2C351.3333%20163.6667%2C355.0%20160.0%2C358.6667%20156.3333%2C355.0%22%2F%3E%20%3C%2Fmask%3E%20%3Ccircle%20cx%3D%22160.0%22%20cy%3D%22355.0%22%20r%3D%2211.0%22%20mask%3D%22url%28%23star1Mask%29%22%2F%3E%20%3C%2Fg%3E%20%3Cg%3E%20%3Cmask%20id%3D%22star2Mask%22%3E%20%3Cpolyline%20points%3D%22188.0%2C183.0%20188.0%2C193.0%20188.0%2C188.0%20183.0%2C188.0%20193.0%2C188.0%22%2F%3E%20%3Cpolygon%20points%3D%22188.0%2C186.3333%20189.6667%2C188.0%20188.0%2C189.6667%20186.3333%2C188.0%22%2F%3E%20%3C%2Fmask%3E%20%3Ccircle%20cx%3D%22188.0%22%20cy%3D%22188.0%22%20r%3D%225.0%22%20mask%3D%22url%28%23star2Mask%29%22%2F%3E%20%3C%2Fg%3E%20%3Cg%3E%20%3Cmask%20id%3D%22star3Mask%22%3E%20%3Cpolyline%20points%3D%22366.0%2C337.0%20366.0%2C359.0%20366.0%2C348.0%20355.0%2C348.0%20377.0%2C348.0%22%2F%3E%20%3Cpolygon%20points%3D%22366.0%2C344.3333%20369.6667%2C348.0%20366.0%2C351.6667%20362.3333%2C348.0%22%2F%3E%20%3C%2Fmask%3E%20%3Ccircle%20cx%3D%22366.0%22%20cy%3D%22348.0%22%20r%3D%2211.0%22%20mask%3D%22url%28%23star3Mask%29%22%2F%3E%20%3C%2Fg%3E%20%3Cg%3E%20%3Cmask%20id%3D%22star4Mask%22%3E%20%3Cpolyline%20points%3D%22405.0%2C280.0%20405.0%2C292.0%20405.0%2C286.0%20399.0%2C286.0%20411.0%2C286.0%22%2F%3E%20%3Cpolygon%20points%3D%22405.0%2C284.0%20407.0%2C286.0%20405.0%2C288.0%20403.0%2C286.0%22%2F%3E%20%3C%2Fmask%3E%20%3Ccircle%20cx%3D%22405.0%22%20cy%3D%22286.0%22%20r%3D%226.0%22%20mask%3D%22url%28%23star4Mask%29%22%2F%3E%20%3C%2Fg%3E%20%3Cg%3E%20%3Cmask%20id%3D%22star5Mask%22%3E%20%3Cpolyline%20points%3D%22596.0%2C423.0%20596.0%2C445.0%20596.0%2C434.0%20585.0%2C434.0%20607.0%2C434.0%22%2F%3E%20%3Cpolygon%20points%3D%22596.0%2C430.3333%20599.6667%2C434.0%20596.0%2C437.6667%20592.3333%2C434.0%22%2F%3E%20%3C%2Fmask%3E%20%3Ccircle%20cx%3D%22596.0%22%20cy%3D%22434.0%22%20r%3D%2211.0%22%20mask%3D%22url%28%23star5Mask%29%22%2F%3E%20%3C%2Fg%3E%20%3Cg%3E%20%3Cmask%20id%3D%22star6Mask%22%3E%20%3Cpolyline%20points%3D%22281.0%2C16.0%20281.0%2C38.0%20281.0%2C27.0%20270.0%2C27.0%20292.0%2C27.0%22%2F%3E%20%3Cpolygon%20points%3D%22281.0%2C23.3333%20284.6667%2C27.0%20281.0%2C30.6667%20277.3333%2C27.0%22%2F%3E%20%3C%2Fmask%3E%20%3Ccircle%20cx%3D%22281.0%22%20cy%3D%2227.0%22%20r%3D%2211.0%22%20mask%3D%22url%28%23star6Mask%29%22%2F%3E%20%3C%2Fg%3E%20%3Cg%3E%20%3Cmask%20id%3D%22star7Mask%22%3E%20%3Cpolyline%20points%3D%22346.0%2C272.0%20346.0%2C284.0%20346.0%2C278.0%20340.0%2C278.0%20352.0%2C278.0%22%2F%3E%20%3Cpolygon%20points%3D%22346.0%2C276.0%20348.0%2C278.0%20346.0%2C280.0%20344.0%2C278.0%22%2F%3E%20%3C%2Fmask%3E%20%3Ccircle%20cx%3D%22346.0%22%20cy%3D%22278.0%22%20r%3D%226.0%22%20mask%3D%22url%28%23star7Mask%29%22%2F%3E%20%3C%2Fg%3E%20%3Cg%3E%20%3Cmask%20id%3D%22star8Mask%22%3E%20%3Cpolyline%20points%3D%22302.0%2C132.0%20302.0%2C156.0%20302.0%2C144.0%20290.0%2C144.0%20314.0%2C144.0%22%2F%3E%20%3Cpolygon%20points%3D%22302.0%2C140.0%20306.0%2C144.0%20302.0%2C148.0%20298.0%2C144.0%22%2F%3E%20%3C%2Fmask%3E%20%3Ccircle%20cx%3D%22302.0%22%20cy%3D%22144.0%22%20r%3D%2212.0%22%20mask%3D%22url%28%23star8Mask%29%22%2F%3E%20%3C%2Fg%3E%20%3Cg%3E%20%3Cmask%20id%3D%22star9Mask%22%3E%20%3Cpolyline%20points%3D%22356.0%2C36.0%20356.0%2C52.0%20356.0%2C44.0%20348.0%2C44.0%20364.0%2C44.0%22%2F%3E%20%3Cpolygon%20points%3D%22356.0%2C41.3333%20358.6667%2C44.0%20356.0%2C46.6667%20353.3333%2C44.0%22%2F%3E%20%3C%2Fmask%3E%20%3Ccircle%20cx%3D%22356.0%22%20cy%3D%2244.0%22%20r%3D%228.0%22%20mask%3D%22url%28%23star9Mask%29%22%2F%3E%20%3C%2Fg%3E%20%3Cg%3E%20%3Cmask%20id%3D%22star10Mask%22%3E%20%3Cpolyline%20points%3D%22581.0%2C22.0%20581.0%2C30.0%20581.0%2C26.0%20577.0%2C26.0%20585.0%2C26.0%22%2F%3E%20%3Cpolygon%20points%3D%22581.0%2C24.6667%20582.3333%2C26.0%20581.0%2C27.3333%20579.6667%2C26.0%22%2F%3E%20%3C%2Fmask%3E%20%3Ccircle%20cx%3D%22581.0%22%20cy%3D%2226.0%22%20r%3D%224.0%22%20mask%3D%22url%28%23star10Mask%29%22%2F%3E%20%3C%2Fg%3E%20%3Cg%3E%20%3Cmask%20id%3D%22star11Mask%22%3E%20%3Cpolyline%20points%3D%22279.0%2C308.0%20279.0%2C326.0%20279.0%2C317.0%20270.0%2C317.0%20288.0%2C317.0%22%2F%3E%20%3Cpolygon%20points%3D%22279.0%2C314.0%20282.0%2C317.0%20279.0%2C320.0%20276.0%2C317.0%22%2F%3E%20%3C%2Fmask%3E%20%3Ccircle%20cx%3D%22279.0%22%20cy%3D%22317.0%22%20r%3D%229.0%22%20mask%3D%22url%28%23star11Mask%29%22%2F%3E%20%3C%2Fg%3E%20%3Cg%3E%20%3Cmask%20id%3D%22star12Mask%22%3E%20%3Cpolyline%20points%3D%22558.0%2C113.0%20558.0%2C121.0%20558.0%2C117.0%20554.0%2C117.0%20562.0%2C117.0%22%2F%3E%20%3Cpolygon%20points%3D%22558.0%2C115.6667%20559.3333%2C117.0%20558.0%2C118.3333%20556.6667%2C117.0%22%2F%3E%20%3C%2Fmask%3E%20%3Ccircle%20cx%3D%22558.0%22%20cy%3D%22117.0%22%20r%3D%224.0%22%20mask%3D%22url%28%23star12Mask%29%22%2F%3E%20%3C%2Fg%3E%20%3Cg%3E%20%3Cmask%20id%3D%22star13Mask%22%3E%20%3Cpolyline%20points%3D%22549.0%2C246.0%20549.0%2C270.0%20549.0%2C258.0%20537.0%2C258.0%20561.0%2C258.0%22%2F%3E%20%3Cpolygon%20points%3D%22549.0%2C254.0%20553.0%2C258.0%20549.0%2C262.0%20545.0%2C258.0%22%2F%3E%20%3C%2Fmask%3E%20%3Ccircle%20cx%3D%22549.0%22%20cy%3D%22258.0%22%20r%3D%2212.0%22%20mask%3D%22url%28%23star13Mask%29%22%2F%3E%20%3C%2Fg%3E%20%3Cg%3E%20%3Cmask%20id%3D%22star14Mask%22%3E%20%3Cpolyline%20points%3D%22105.0%2C377.0%20105.0%2C387.0%20105.0%2C382.0%20100.0%2C382.0%20110.0%2C382.0%22%2F%3E%20%3Cpolygon%20points%3D%22105.0%2C380.3333%20106.6667%2C382.0%20105.0%2C383.6667%20103.3333%2C382.0%22%2F%3E%20%3C%2Fmask%3E%20%3Ccircle%20cx%3D%22105.0%22%20cy%3D%22382.0%22%20r%3D%225.0%22%20mask%3D%22url%28%23star14Mask%29%22%2F%3E%20%3C%2Fg%3E%20%3Cg%3E%20%3Cmask%20id%3D%22star15Mask%22%3E%20%3Cpolyline%20points%3D%22214.0%2C245.0%20214.0%2C257.0%20214.0%2C251.0%20208.0%2C251.0%20220.0%2C251.0%22%2F%3E%20%3Cpolygon%20points%3D%22214.0%2C249.0%20216.0%2C251.0%20214.0%2C253.0%20212.0%2C251.0%22%2F%3E%20%3C%2Fmask%3E%20%3Ccircle%20cx%3D%22214.0%22%20cy%3D%22251.0%22%20r%3D%226.0%22%20mask%3D%22url%28%23star15Mask%29%22%2F%3E%20%3C%2Fg%3E%20%3Cg%3E%20%3Cmask%20id%3D%22star16Mask%22%3E%20%3Cpolyline%20points%3D%22486.0%2C273.0%20486.0%2C289.0%20486.0%2C281.0%20478.0%2C281.0%20494.0%2C281.0%22%2F%3E%20%3Cpolygon%20points%3D%22486.0%2C278.3333%20488.6667%2C281.0%20486.0%2C283.6667%20483.3333%2C281.0%22%2F%3E%20%3C%2Fmask%3E%20%3Ccircle%20cx%3D%22486.0%22%20cy%3D%22281.0%22%20r%3D%228.0%22%20mask%3D%22url%28%23star16Mask%29%22%2F%3E%20%3C%2Fg%3E%20%3Cg%3E%20%3Cmask%20id%3D%22star17Mask%22%3E%20%3Cpolyline%20points%3D%22135.0%2C201.0%20135.0%2C225.0%20135.0%2C213.0%20123.0%2C213.0%20147.0%2C213.0%22%2F%3E%20%3Cpolygon%20points%3D%22135.0%2C209.0%20139.0%2C213.0%20135.0%2C217.0%20131.0%2C213.0%22%2F%3E%20%3C%2Fmask%3E%20%3Ccircle%20cx%3D%22135.0%22%20cy%3D%22213.0%22%20r%3D%2212.0%22%20mask%3D%22url%28%23star17Mask%29%22%2F%3E%20%3C%2Fg%3E%20%3Cg%3E%20%3Cmask%20id%3D%22star18Mask%22%3E%20%3Cpolyline%20points%3D%22232.0%2C117.0%20232.0%2C133.0%20232.0%2C125.0%20224.0%2C125.0%20240.0%2C125.0%22%2F%3E%20%3Cpolygon%20points%3D%22232.0%2C122.3333%20234.6667%2C125.0%20232.0%2C127.6667%20229.3333%2C125.0%22%2F%3E%20%3C%2Fmask%3E%20%3Ccircle%20cx%3D%22232.0%22%20cy%3D%22125.0%22%20r%3D%228.0%22%20mask%3D%22url%28%23star18Mask%29%22%2F%3E%20%3C%2Fg%3E%20%3Cg%3E%20%3Cmask%20id%3D%22star19Mask%22%3E%20%3Cpolyline%20points%3D%2255.0%2C308.0%2055.0%2C314.0%2055.0%2C311.0%2052.0%2C311.0%2058.0%2C311.0%22%2F%3E%20%3Cpolygon%20points%3D%2255.0%2C310.0%2056.0%2C311.0%2055.0%2C312.0%2054.0%2C311.0%22%2F%3E%20%3C%2Fmask%3E%20%3Ccircle%20cx%3D%2255.0%22%20cy%3D%22311.0%22%20r%3D%223.0%22%20mask%3D%22url%28%23star19Mask%29%22%2F%3E%20%3C%2Fg%3E%20%3Cg%3E%20%3Cmask%20id%3D%22star20Mask%22%3E%20%3Cpolyline%20points%3D%22473.0%2C80.0%20473.0%2C102.0%20473.0%2C91.0%20462.0%2C91.0%20484.0%2C91.0%22%2F%3E%20%3Cpolygon%20points%3D%22473.0%2C87.3333%20476.6667%2C91.0%20473.0%2C94.6667%20469.3333%2C91.0%22%2F%3E%20%3C%2Fmask%3E%20%3Ccircle%20cx%3D%22473.0%22%20cy%3D%2291.0%22%20r%3D%2211.0%22%20mask%3D%22url%28%23star20Mask%29%22%2F%3E%20%3C%2Fg%3E%20%3Cg%3E%20%3Cmask%20id%3D%22star21Mask%22%3E%20%3Cpolyline%20points%3D%2223.0%2C253.0%2023.0%2C263.0%2023.0%2C258.0%2018.0%2C258.0%2028.0%2C258.0%22%2F%3E%20%3Cpolygon%20points%3D%2223.0%2C256.3333%2024.6667%2C258.0%2023.0%2C259.6667%2021.3333%2C258.0%22%2F%3E%20%3C%2Fmask%3E%20%3Ccircle%20cx%3D%2223.0%22%20cy%3D%22258.0%22%20r%3D%225.0%22%20mask%3D%22url%28%23star21Mask%29%22%2F%3E%20%3C%2Fg%3E%20%3Cg%3E%20%3Cmask%20id%3D%22star22Mask%22%3E%20%3Cpolyline%20points%3D%22493.0%2C370.0%20493.0%2C394.0%20493.0%2C382.0%20481.0%2C382.0%20505.0%2C382.0%22%2F%3E%20%3Cpolygon%20points%3D%22493.0%2C378.0%20497.0%2C382.0%20493.0%2C386.0%20489.0%2C382.0%22%2F%3E%20%3C%2Fmask%3E%20%3Ccircle%20cx%3D%22493.0%22%20cy%3D%22382.0%22%20r%3D%2212.0%22%20mask%3D%22url%28%23star22Mask%29%22%2F%3E%20%3C%2Fg%3E%20%3Cg%3E%20%3Cmask%20id%3D%22star23Mask%22%3E%20%3Cpolyline%20points%3D%22436.0%2C405.0%20436.0%2C423.0%20436.0%2C414.0%20427.0%2C414.0%20445.0%2C414.0%22%2F%3E%20%3Cpolygon%20points%3D%22436.0%2C411.0%20439.0%2C414.0%20436.0%2C417.0%20433.0%2C414.0%22%2F%3E%20%3C%2Fmask%3E%20%3Ccircle%20cx%3D%22436.0%22%20cy%3D%22414.0%22%20r%3D%229.0%22%20mask%3D%22url%28%23star23Mask%29%22%2F%3E%20%3C%2Fg%3E%20%3Cg%3E%20%3Cmask%20id%3D%22star24Mask%22%3E%20%3Cpolyline%20points%3D%22370.0%2C451.0%20370.0%2C461.0%20370.0%2C456.0%20365.0%2C456.0%20375.0%2C456.0%22%2F%3E%20%3Cpolygon%20points%3D%22370.0%2C454.3333%20371.6667%2C456.0%20370.0%2C457.6667%20368.3333%2C456.0%22%2F%3E%20%3C%2Fmask%3E%20%3Ccircle%20cx%3D%22370.0%22%20cy%3D%22456.0%22%20r%3D%225.0%22%20mask%3D%22url%28%23star24Mask%29%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fsvg%3E'), linear-gradient(to top, rgba(34,30,63,0.059), rgba(34,30,63,0.059)), url('images/bg.svg?v=c8d8f00f'); background-size: cover, auto, cover; background-position: center, 0% 0%, bottom; background-repeat: no-repeat, repeat, no-repeat; }
body::after { background-color: #2E6C7D; 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.75s ease-in-out 0s, visibility 0.75s 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; }
strong { color: inherit; font-weight: bolder; }
a { color: inherit; text-decoration: underline; transition: color 0.25s ease; }
.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.75s ease 0.125s,transform 0.75s ease 0.125s; }
.site-main > .inner { --padding-horizontal: 2rem; --padding-vertical: 1.125rem; --spacing: 3rem; --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 > header { margin-bottom: var(--spacing); border-top-left-radius: inherit; border-top-right-radius: inherit; }
.site-main > .inner > footer { margin-top: var(--spacing); border-bottom-left-radius: inherit; border-bottom-right-radius: inherit; }
.site-main > .inner > main > section > * { margin-top: var(--spacing); margin-bottom: var(--spacing); }
.site-main > .inner > main > section > :first-child { margin-top: 0 !important; }
.site-main > .inner > main > section > :last-child { margin-bottom: 0 !important; }
.site-main > .inner > main > section > .full { margin-left: calc(-2rem); max-width: calc(100% + 4rem + 0.4725px); width: calc(100% + 4rem + 0.4725px); }
.site-main > .inner > header > nav > .full:first-child { border-top-left-radius: inherit; border-top-right-radius: inherit; margin-top: -1.125rem !important; }
body.is-loading .site-main { opacity: 0; transform: translateY(0.9rem); }
.site-main > .inner > main > section > * { transition: opacity 0.75s ease-in-out 0.25s; }
body.is-loading .site-main > .inner > main > section > * { opacity: 0; }
.site-main > .inner > main > section > :nth-child(2) { transition-delay: 0.5s; }
.site-main > .inner > main > section > :nth-child(3) { transition-delay: 0.75s; }
.site-main > .inner > header, .site-main > .inner > footer { transition: opacity 0.125s ease-in-out 0.1875s,visibility 0.125s linear 0.1875s; }
.site-main > .inner > main > section { transition: opacity 0.25s ease-in-out 0.125s,min-height 0.125s ease-in-out, max-height 0.125s ease-in-out; }
.site-main > .inner > main > section.inactive { opacity: 0; transition: opacity 0.125s ease-in-out; }
.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-6 { --alignment: center; --flex-alignment: center; --indent-left: 1; --indent-right: 1; --margin-left: auto; --margin-right: auto; display: flex; width: 100%; align-items: center; justify-content: center; background-color: transparent; border-color: transparent; border-style: solid; border-width: 1px; }
.container-component.instance-6 > .wrapper > .inner { --gutters: 0rem; --padding-horizontal: 0rem; --padding-vertical: 0rem; --spacing: 1.125rem; padding: var(--padding-vertical) var(--padding-horizontal); }
.container-component.instance-6 > .wrapper { max-width: 55rem; width: 100%; }
.container-component.instance-6.columns > .wrapper > .inner { flex-wrap: wrap; display: flex; align-items: center; }
.container-component.instance-6.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-6.columns > .wrapper > .inner > * > * { margin-bottom: var(--spacing); margin-top: var(--spacing); }
.container-component.instance-6.columns > .wrapper > .inner > * > *:first-child { margin-top: 0 !important; }
.container-component.instance-6.columns > .wrapper > .inner > * > *:last-child { margin-bottom: 0 !important; }
.container-component.instance-6.columns > .wrapper > .inner > *:first-child { margin-left: calc(var(--gutters) * -1); }
.container-component.instance-6 > .wrapper > .inner > :nth-child(1) { width: 33.33333%; }
.container-component.instance-6 > .wrapper > .inner > :nth-child(2) { width: 33.33333%; }
.container-component.instance-6 > .wrapper > .inner > :nth-child(3) { width: 33.33333%; }
.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 > .wrapper { display: block; margin: 0 auto 0 auto; width: 42rem; background-color: transparent; border-color: transparent; border-style: solid; border-radius: 3rem; }
.container-component.style-2 > .wrapper > .inner { --gutters: 4rem; --padding-horizontal: 0.5rem; --padding-vertical: 0.25rem; --spacing: 1.125rem; padding: var(--padding-vertical) var(--padding-horizontal); border-radius: calc(3rem - 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; }
.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: 1.625rem; flex-direction: row; flex-wrap: wrap; }
.buttons-component.style-1 > li > a { display: inline-block; width: auto; height: 2.5rem; line-height: 2.5rem; padding: 0 1.25rem; vertical-align: middle; text-transform: lowercase; font-family: 'Dosis', sans-serif; font-size: 1.5em; font-weight: 600; border-radius: 2rem; direction: var(--site-language-direction); overflow: hidden; text-overflow: ellipsis; background-color: transparent; color: #FFFFFF; transition: transform 0.25s ease, color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease; }
.buttons-component.style-1 > li > a:hover { transform: rotate(-8.25deg); }
#footer { margin-top: 4.5rem !important; }
.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.instance-3 > .frame { max-width: 100%; width: 256px; border-color: transparent; border-style: solid; border-width: 1px; transition: transform 0.25s ease, z-index 0.25s ease; }
.image-component.instance-3 > .frame > img { height: 100% !important; object-fit: cover; object-position: center; width: 100% !important; }
.image-component.instance-3 > .frame:hover { transform: scale(1.095); z-index: 1; }
.image-component.instance-5 > .frame { max-width: 100%; width: 750px; border-color: transparent; border-style: solid; border-width: 13px; transition: transform 0.125s ease, z-index 0.125s ease; }
.image-component.instance-5 > .frame > img { height: 100% !important; object-fit: cover; object-position: center; width: 100% !important; }
.image-component.instance-5 > .frame:hover { transform: scale(1.095); z-index: 1; }
.image-component.instance-4:not(:last-child) { margin-bottom: 0rem !important; }
.image-component.instance-4 > .frame { max-width: 100%; width: 750px; border-color: transparent; border-style: solid; border-width: 13px; transition: transform 0.25s ease, z-index 0.25s ease; }
.image-component.instance-4 > .frame > img { height: 100% !important; object-fit: cover; object-position: center; width: 100% !important; }
.image-component.instance-4 > .frame:hover { transform: rotate(-2.125deg); z-index: 1; }
.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.instance-1 > .inner { max-width: 100%; }
.gallery-component.instance-1 ul > li { border-radius: 0.5rem; display: inline-block; }
.gallery-component.instance-1 ul > li > .thumbnail > .frame { border-radius: 0.5rem; }
.gallery-component.instance-1 ul { gap: 1rem; }
.gallery-component.instance-1 ul > li > .thumbnail { display: block; transition: transform 0.125s ease, z-index 0.125s ease; }
.gallery-component.instance-1 ul > li > .thumbnail > .frame > img { height: auto; max-height: 15rem; }
.gallery-component.instance-1 ul > li > .thumbnail:hover { transform: scale(1.06); z-index: 1; }
.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 > .label { display: none; }
.icons-component.instance-1 { font-size: 1.5em; gap: 1rem; }
.icons-component.instance-1:not(:last-child) { margin-bottom: 1.625rem !important; }
.icons-component.instance-1 > li > a { border-radius: 100%; height: 2em; width: 2em; border: solid 2px rgba(255,255,255,0.271); transition: transform 0.125s ease, color 0.125s ease, background-color 0.125s ease, border-color 0.125s ease; }
.icons-component.instance-1 > li > a > svg { height: 60%; width: 60%; fill: #FFFFFF; transition: fill 0.125s ease; }
.icons-component.instance-1 > li > a:hover { transform: scale(1.2); }
@media (max-width: 1680px) {
  html { font-size: 13pt; }
}
@media (max-width: 1280px) {
  html { font-size: 13pt; }
}
@media (max-width: 980px) {
  html { font-size: 11pt; }
}
@media (max-width: 736px) {
  html { font-size: 12pt; }
  .site-main > .inner { --padding-horizontal: 1.5rem; --padding-vertical: 1.125rem; --spacing: 3rem; }
  .site-main > .inner > main > section > .full { margin-left: calc(-1.5rem); max-width: calc(100% + 3rem + 0.4725px); width: calc(100% + 3rem + 0.4725px); }
  .site-main > .inner > header > nav > .full:first-child { margin-top: -1.125rem !important; }
  .container-component.instance-6 > .wrapper > .inner { --gutters: 0.375rem; --padding-horizontal: 0rem; --padding-vertical: 0.375rem; --spacing: 1.125rem; }
  .container-component.style-2 > .wrapper > .inner { --gutters: 0rem; --padding-horizontal: 0.5rem; --padding-vertical: 0.25rem; --spacing: 1.125rem; }
  .buttons-component.style-1 { gap: 1.625rem; }
  .buttons-component.style-1 > li > a { letter-spacing: 0rem; font-size: 1.625em; }
  #footer { margin-top: 2.625rem !important; }
  .image-component.instance-3 > .frame > img { height: 100% !important; object-fit: cover; object-position: center; width: 100% !important; }
  .image-component.instance-5 > .frame > img { height: 100% !important; object-fit: cover; object-position: center; width: 100% !important; }
  .image-component.instance-4:not(:last-child) { margin-bottom: 0rem !important; }
  .image-component.instance-4 > .frame > img { height: 100% !important; object-fit: cover; object-position: center; width: 100% !important; }
  .gallery-component.instance-1 ul > li > .thumbnail > .frame > img { max-height: 11.25rem; }
  .icons-component.instance-1 { font-size: 2.125em; gap: 1rem; }
  .icons-component.instance-1:not(:last-child) { margin-bottom: 1.21875rem !important; }
}
@media (max-width: 480px) {
  .site-main > .inner { --spacing: 2.625rem; }
  .container-component.instance-6 > .wrapper > .inner { --spacing: 0.984375rem; }
  .container-component.style-2 > .wrapper > .inner { --spacing: 0.984375rem; }
  .buttons-component.style-1 { flex-direction: column; flex-wrap: nowrap; }
  .buttons-component.style-1 > li > a { max-width: 32rem; width: 100%; }
}
@media (max-width: 360px) {
  .site-main > .inner { --padding-horizontal: 1.125rem; --padding-vertical: 0.84375rem; --spacing: 2.25rem; }
  .site-main > .inner > main > section > .full { margin-left: calc(-1.125rem); max-width: calc(100% + 2.25rem + 0.4725px); width: calc(100% + 2.25rem + 0.4725px); }
  .site-main > .inner > header > nav > .full:first-child { margin-top: -0.84375rem !important; }
  .container-component.instance-6 > .wrapper > .inner { --gutters: 0.375rem; --padding-horizontal: 0rem; --padding-vertical: 0.28125rem; --spacing: 0.84375rem; }
  .container-component.style-2 > .wrapper > .inner { --gutters: 0rem; --padding-horizontal: 0.375rem; --padding-vertical: 0.1875rem; --spacing: 0.84375rem; }
  .buttons-component.style-1 { gap: 1.21875rem; }
  .gallery-component.instance-1 ul { gap: 0.75rem; }
  .icons-component.instance-1 { gap: 0.75rem; }
}

/* Accessible enhancements over the retained Carrd design. */
:root { --viewport-height: 100svh; --background-height: 100lvh; }
main { display: block; }
[hidden] { display: none !important; }
.visually-hidden { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
a:focus-visible, button:focus-visible, main:focus-visible { outline: 3px solid #173b52; outline-offset: 5px; }
.skip-link { position: fixed; left: 1rem; top: 1rem; z-index: 100; padding: .8rem 1rem; background: white; color: #173b52; transform: translateY(-200%); }
.skip-link:focus { transform: translateY(0); }
nav a[aria-current="page"] { text-decoration: underline; text-underline-offset: .25em; }
body.gallery-open { overflow: hidden; }
.lightbox { margin: auto; padding: 3.5rem 1rem 1rem; border: 0; border-radius: .75rem; width: min(94vw, 80rem); max-height: 94dvh; color: white; background: #17232b; font-family: system-ui, sans-serif; }
.lightbox::backdrop { background: rgb(0 0 0 / .85); }
.lightbox-image { display: block; width: 100%; height: min(65dvh, 45rem); object-fit: contain; }
.lightbox button { min-height: 44px; padding: .65rem 1rem; border: 2px solid white; border-radius: .4rem; background: transparent; color: white; font: inherit; cursor: pointer; }
.lightbox button:focus-visible { outline-color: #6bc6db; }
.lightbox-close { position: absolute; right: .6rem; top: .4rem; font-size: 1.5rem !important; }
.lightbox-controls { display: flex; justify-content: space-between; gap: 1rem; }
.lightbox-status { text-align: center; margin: .75rem 0; line-height: 1.5; }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}

main > section > .visually-hidden + * { margin-top: 0 !important; }
main > section + section { margin-top: var(--spacing); }
main > section[hidden] + section { margin-top: 0; }
@media (max-width: 480px) {
  nav .buttons-component.style-1 > li > a { padding-inline: .15rem; font-size: 1.4em; }
}

/* Studio introduction and the primary route to Steam. */
.studio-actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: .85rem 1.5rem; margin: 1.5rem auto; font-family: 'Dosis', sans-serif; font-weight: 700; font-size: 1.25rem; line-height: 1.3; }
.studio-actions .wishlist-link { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: .85rem 1.25rem; border: 2px solid #173b52; border-radius: .75rem; background: #173b52; color: #fff; text-decoration: none; text-align: center; box-shadow: 0 .2rem 0 rgb(23 59 82 / .2); }
.studio-actions .wishlist-link:hover { background: #244f69; }
.studio-actions .explore-link { display: inline-flex; align-items: center; min-height: 48px; color: #173b52; text-decoration: underline; text-underline-offset: .2em; }
.studio-panel { max-width: 44rem; margin-inline: auto; padding: clamp(1.5rem, 4vw, 3rem); border-radius: 1.25rem; background: #fff9ef; color: #173b52; text-align: left; }
.studio-panel :is(h1, h2) { font-family: 'Fredoka', sans-serif; font-weight: 600; font-size: clamp(1.75rem, 4vw, 2.5rem); line-height: 1.15; margin-bottom: 1.5rem; }
.studio-panel p { font-family: 'Dosis', sans-serif; font-weight: 600; font-size: 1.35rem; line-height: 1.55; margin-top: 1rem; }
.studio-panel strong { font-weight: 800; }
.studio-panel .studio-actions { justify-content: flex-start; margin-bottom: 0; }
@media (max-width: 480px) {
  .studio-actions { flex-direction: column; gap: .4rem; }
  .studio-actions .wishlist-link { width: 100%; }
  .studio-panel .studio-actions { align-items: flex-start; }
}

/* A featured screenshot and four supporting thumbnails, without cropping. */
#gallery01 { width: 100%; max-width: 100%; margin-inline: 0; }
#gallery01 > .inner { display: block; width: 100%; max-width: 52rem; margin-inline: auto; }
#gallery01 ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(.65rem, 2vw, 1.25rem); }
#gallery01 ul > li { display: block; min-width: 0; }
#gallery01 ul > li:first-child { grid-column: 1 / -1; }
#gallery01 .thumbnail, #gallery01 .thumbnail > .frame { display: block; width: 100%; }
#gallery01 ul > li > .thumbnail > .frame > img { display: block; width: 100%; height: auto; max-height: none; }
#gallery01 ul > li > .thumbnail:hover { transform: none; }
#gallery01 .thumbnail:focus-visible { outline-offset: 4px; }

/* Six social destinations stay balanced; email has its own text link. */
#icons01 { display: grid; grid-template-columns: repeat(6, 48px); justify-content: center; gap: 1rem; margin-inline: auto; }
#icons01 > li > a { width: 48px; height: 48px; border-color: #173b52; background: #173b52; }
#icons01 > li > a > svg { width: 24px; height: 24px; }
#icons01 > li > a:hover { transform: translateY(-2px); }
.footer-contact { text-align: center; margin-top: 1rem; font-family: 'Dosis', sans-serif; font-size: 1.25rem; font-weight: 700; }
.footer-contact a { display: inline-flex; align-items: center; min-height: 44px; padding: .5rem; color: #173b52; text-decoration: underline; text-underline-offset: .2em; }
@media (max-width: 736px) {
  #icons01 { grid-template-columns: repeat(3, 48px); gap: .75rem 1.25rem; }
}

/* Shared content panels keep reading comfortable across every section. */
.studio-panel { --panel-background: #fff9ef; --panel-ink: #173b52; background: var(--panel-background); color: var(--panel-ink); }
.studio-panel p a { color: var(--panel-ink); text-underline-offset: .2em; overflow-wrap: anywhere; }
.studio-panel :is(h1, h2):focus-visible { outline: 3px solid var(--panel-ink); outline-offset: 6px; border-radius: .2rem; }
#home > #image05 { max-width: 36rem; margin-inline: auto; }

/* Short sections keep the footer at the bottom of the screen. */
.site-main { flex-grow: 1; }
.site-main > .inner { display: flex; flex-direction: column; align-self: stretch; }
.site-main > .inner > main { flex-grow: 1; }

/* Stable page origins and a compact touch layout. */
.site-wrapper { justify-content: flex-start; overflow: visible; }
.site-main { width: 100%; min-width: 0; }
.site-main > .inner { min-width: 0; }
@media (max-width: 768px) {
  html { font-size: 16px; }
  .site-main > .inner { --spacing: 1.5rem; --padding-horizontal: 1rem; --padding-vertical: 1rem; padding: 1rem; }
  .site-main > .inner > header > nav > .full:first-child { margin-top: 0 !important; }
  #container06 > .wrapper > .inner { display: grid; grid-template-columns: minmax(0, 1fr) 80px minmax(0, 1fr); gap: .5rem; padding: 0; }
  #container06 > .wrapper > .inner > div { width: auto; min-width: 0; padding: 0; margin: 0; }
  #header .buttons-component { display: flex; flex-direction: column; gap: .15rem; }
  #header .buttons-component > li > a { display: flex; align-items: center; justify-content: center; min-height: 44px; padding: .25rem; width: 100%; max-width: none; font-size: 1.25rem; line-height: 1.25; white-space: normal; }
  #image03 > .frame { width: 80px; }
  .studio-panel { padding: 1.25rem; border-radius: 1rem; }
  .studio-panel :is(h1, h2) { font-size: clamp(1.5rem, 5vw, 2rem); margin-bottom: 1rem; }
  .studio-panel p { font-size: 1.125rem; line-height: 1.5; }
  .studio-actions { font-size: 1.125rem; gap: .5rem 1rem; }
  .studio-actions .wishlist-link { padding: .75rem 1rem; }
  #home > #image05, #monstercare > #image04 { max-width: 24rem; margin-inline: auto; }
  #image04 > .frame, #image05 > .frame { border-width: 0; }
  #footer { margin-top: 2rem !important; }
  .lightbox { padding-inline: .75rem; }
  .lightbox-controls { gap: .5rem; }
  .lightbox-controls button { flex: 1; min-width: 0; padding: .65rem .5rem; overflow-wrap: anywhere; }
}
@media (hover: none) {
  #header a:hover, #image03 > .frame:hover, #image04 > .frame:hover, #image05 > .frame:hover, #icons01 > li > a:hover { transform: none; }
}