:root{--white:hsl(0, 0%, 90%);--black:hsl(0, 0%, 11%);--cream-300:hsl(40, 46%, 85%);--cream-400:hsl(40, 46%, 70%);--cream-500:hsl(40, 46%, 50%);--cream-600:hsl(40, 51%, 30%);--cream-700:hsl(40, 56%, 15%);--shale-300:hsl(186, 8%, 85%);--shale-400:hsl(186, 8%, 70%);--shale-500:hsl(186, 8%, 50%);--shale-600:hsl(186, 12%, 30%);--shale-700:hsl(186, 18%, 15%);--red-300:hsl(348, 69%, 85%);--red-400:hsl(348, 69%, 70%);--red-500:hsl(348, 69%, 50%);--red-600:hsl(348, 79%, 30%);--red-700:hsl(348, 89%, 15%);--orange-300:hsl(27, 69%, 85%);--orange-400:hsl(27, 69%, 70%);--orange-500:hsl(27, 69%, 50%);--orange-600:hsl(27, 79%, 30%);--orange-700:hsl(27, 89%, 15%);--yellow-300:hsl(60, 69%, 85%);--yellow-400:hsl(60, 69%, 70%);--yellow-500:hsl(60, 69%, 50%);--yellow-600:hsl(60, 79%, 30%);--yellow-700:hsl(60, 89%, 15%);--blue-300:hsl(213, 69%, 85%);--blue-400:hsl(213, 69%, 70%);--blue-500:hsl(213, 69%, 50%);--blue-600:hsl(213, 79%, 30%);--blue-700:hsl(213, 89%, 15%);--green-300:hsl(122, 69%, 85%);--green-400:hsl(122, 69%, 70%);--green-500:hsl(122, 69%, 50%);--green-600:hsl(122, 79%, 30%);--green-700:hsl(122, 89%, 15%);--brown-300:hsl(28, 46%, 85%);--brown-400:hsl(28, 36%, 70%);--brown-500:hsl(28, 26%, 50%);--brown-600:hsl(28, 36%, 30%);--brown-700:hsl(28, 46%, 15%);--shadow:rgba(29, 29, 29, 0.3);--gap:2rem;--half-gap:calc(var(--gap) / 2);--double-gap:calc(var(--gap) * 2);--quad-gap:calc(var(--gap) * 4);--quarter-gap:calc(var(--gap) / 4);--eighth-gap:calc(var(--gap) / 8);--fluid-gap:clamp(0.75rem, 3vw, 1.5rem)}@font-face{font-display:swap;font-family:raleway;font-style:normal;font-weight:400;src:url(/fonts/raleway-v34-latin-regular.woff2)format('woff2')}@font-face{font-display:swap;font-family:raleway;font-style:normal;font-weight:800;src:url(/fonts/raleway-v34-latin-800.woff2)format('woff2')}@font-face{font-display:swap;font-family:raleway;font-style:normal;font-weight:900;src:url(/fonts/raleway-v34-latin-900.woff2)format('woff2')}*,*::before,*::after{box-sizing:border-box}*{margin:0;scroll-behavior:smooth}html,body{font-family:system-ui,sans-serif;font-weight:400;font-size:16px;line-height:1.75;overflow-x:clip;min-height:100svh}img,picture,video,canvas,svg{max-width:100%;height:auto;vertical-align:middle;font-style:italic;background-repeat:no-repeat;background-size:cover;shape-margin:1rem}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}p{margin:0 0 var(--half-gap)}h1,h2,h3,h4{margin-bottom:var(--gap);font-family:raleway,system-ui,sans-serif;font-weight:900;line-height:1.1}h1{font-size:clamp(2.5rem,calc(2.2rem + 1.5vw),4rem);line-height:1}h2{font-size:clamp(2rem,calc(1.7rem + 1.5vw),3.5rem)}h3{font-size:clamp(2rem,calc(1.8rem + 1vw),3rem)}h4{font-size:clamp(1.5rem,calc(1.3rem + 1vw),2.5rem)}h5{font-size:clamp(1rem,calc(.8rem + 1vw),2rem)}h6{font-size:1rem}a{color:inherit;font-weight:700;text-decoration-line:underline;text-decoration-thickness:.15em;text-underline-offset:.3em;transition:all 200ms}a:hover{text-decoration-color:inherit;text-decoration-thickness:.3rem}a:hover:not(.btn,button){letter-spacing:1px}ul,ol{padding:0;margin:0}ul{list-style:none}hr{margin-block:var(--gap)}.related{margin-top:var(--quad-gap)}.related>h2{margin-bottom:var(--half-gap)}.related>ul>li{display:inline-block}.related>ul>li:not(:last-child)::after{content:'\2022';margin:0;margin-inline:var(--eighth-gap)}@keyframes fade-in{to{scale:1;opacity:1}}@keyframes fade-out{to{scale:.9;opacity:0}}.hidden{opacity:.2;filter:blur(var(--half-gap));transition:filter 1000ms,opacity 1000ms,transform 1000ms;transform:translateX(-50%)}.visible{opacity:1;filter:blur(0);transform:translateX(0)!important}.copyright{font-size:1rem;display:flex;flex-wrap:wrap}.copyright>li:not(:last-child)::after{content:'\2022';margin:0;margin-inline:var(--eighth-gap)}.site-footer{margin:var(--double-gap)0 var(--gap);padding-top:var(--quad-gap)}.footer-contacts{margin-block:var(--gap)}.site-footer>.footer-contacts>li>svg{opacity:.5}#layout{position:relative}.content-grid{--padding-inline:var(--gap);--content-max-width:80ch;--breakout-max-width:105ch;--breakout-size:calc(
    (var(--breakout-max-width) - var(--content-max-width)) / 2
  );display:grid;grid-template-columns:[full-width-start] minmax(var(--padding-inline),1fr) [breakout-start] minmax(0,var(--breakout-size)) [main-content-start] min( 100% - (var(--padding-inline) * 2),var(--content-max-width) ) [main-content-end] minmax(0,var(--breakout-size)) [breakout-end] minmax(var(--padding-inline),1fr) [full-width-end]}.content-grid>:not(.breakout,.full-width),.full-width>:not(.breakout,.full-width){grid-column:main-content}.content-grid>.breakout{grid-column:breakout}.content-grid>.full-width{grid-column:full-width;display:grid;grid-template-columns:inherit}img.full-width{width:100%;max-height:45svh;object-fit:cover}[data-theme-toggle],[data-theme-toggle]:hover{background:inherit;color:inherit;font-size:inherit;margin:0;padding:0}[data-theme=light] .sun,[data-theme=dark] .moon{display:none}.js>.navbar{display:none}.theme-air[data-theme=light]>.navbar{background-color:var(--white)}.theme-air[data-theme=dark]>.navbar{background-color:var(--shale-700)}.theme-earth[data-theme=light]>.navbar{background-color:var(--white)}.theme-earth[data-theme=dark]>.navbar{background-color:var(--shale-700)}.theme-water[data-theme=light]>.navbar{background-color:var(--white)}.theme-water[data-theme=dark]>.navbar{background-color:var(--shale-700)}.theme-fire[data-theme=light]>.navbar{background-color:var(--white)}.theme-fire[data-theme=dark]>.navbar{background-color:var(--shale-700)}.navbar{padding:0;margin:0}.navbar>ul{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around;padding:0;margin:0}.navbar>ul>li{flex:1 200px}.navbar>ul>li:not(:last-child){border-right:2px solid var(--shadow)}.navbar>ul>li>a{display:block;text-align:center;text-decoration:none;font-size:1.2rem;line-height:1;padding-top:var(--half-gap);padding-bottom:var(--half-gap);padding-inline:var(--gap)}.navbar>ul>li>a[aria-current=page]{font-style:italic;text-decoration:underline;text-decoration-style:dashed}@media screen and (max-width:880px){.navbar>ul>li{border-bottom:2px solid var(--shadow);border-right:2px solid var(--shadow);flex-basis:300px}}.is-visible .nav{opacity:1;clip-path:circle(200% at calc(100% - var(--gap)) var(--gap));pointer-events:all}.nav{clip-path:circle(0% at calc(100% - var(--gap)) var(--gap));pointer-events:none;background:linear-gradient( 42deg,var(--orange),var(--skyblue),var(--yellow) );width:100%;height:100svh;transition:opacity 200ms,clip-path 500ms;position:fixed;padding:var(--double-gap)var(--gap)var(--gap);top:0;right:0;overflow-y:none;z-index:800}.nav__list{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100%;margin-left:0;text-align:center}.nav__link{display:flex;font-size:clamp(2rem,3vw + 1rem,4.5rem);font-weight:900;color:var(--white);text-decoration:underline transparent;align-items:center;height:100%;padding:var(--half-gap)var(--gap);transition:text-decoration-color 200ms,letter-spacing 200ms;text-decoration-thickness:2px;filter:drop-shadow(0 0 .25rem var(--shadow))}.nav__link:hover{color:var(--white)}.nav__link:hover{text-decoration-color:var(--white);letter-spacing:4px}.nav__link[aria-current=page]{color:var(--shadow)}nav svg{margin-right:var(--quarter-gap)}.no-js .header__menu-btn{display:none}.header__menu-btn{appearance:none;z-index:900;cursor:pointer;border:none;border-radius:50% 25%;margin-left:auto;padding:var(--quarter-gap);position:fixed;top:var(--fluid-gap);right:var(--fluid-gap);filter:drop-shadow(0 0 .25rem var(--shadow))}.header__menu-icon>svg{width:2rem}[data-menu-close-icon]{display:none}.theme-air .nav{background:linear-gradient( 28deg,var(--shale-300) 20%,var(--cream-400),var(--cream-500) )}.theme-water .nav{background:linear-gradient( 28deg,var(--blue-300) 20%,var(--blue-500),var(--blue-700) )}.theme-fire .nav{background:linear-gradient( 42deg,var(--red-500),var(--orange-500),var(--yellow-400) )}.theme-earth .nav{background:linear-gradient( 28deg,var(--brown-300) 20%,var(--green-500),var(--green-600) )}.content{margin:0;padding:0}.container{width:var(--reading-width);max-width:var(--content-width);margin:0 auto}