@font-face{font-family:Domaine Sans Text;src:url(/domaine-sans-text-web-medium.woff2) format("woff2")}@font-face{font-family:National\ 2;src:url(/national-2-web-regular.woff2) format("woff2")}:root{--headline-font:"Domaine Sans Text",sans-serif;--body-font:"National 2",sans-serif;--brightYellow:#faff98;--yellow:#f2f1a0;--purple:#d0abc5;--lightBlue:#a2dcf6;--darkLightBlue:#7cb6cf;--salmon:#f0999e;--pink:#feadbe;--dark-pink:#f08ba0;--green:#91e3de;--dark-green:#78c6c0;--writingBlue:#a2dcf6;--writingDarkBlue:#91cbe4;--breadPurple:#cabeed;--darkBreadPurple:#9d93b8;--blue:#89aee0;--dark-blue:#6b8fbf;--hpPurple:#3b3b68}*{padding:0;margin:0;box-sizing:border-box}html{width:100vw;overflow-x:hidden}body{font:17px/1.6 var(--body-font);background:var(--dark-bg-color)}#__next,.HomepageBackground,body,html{height:100vh}@supports (-webkit-touch-callout:none){#__next,.HomepageBackground,body,html{height:-webkit-fill-available}}a{text-decoration:none;color:inherit}h3{font:155%/1.6 var(--headline-font);text-transform:uppercase;margin-bottom:20px}h4{font:110%/1.6 var(--headline-font);margin-bottom:10px}figure,ol,p,pre,ul{margin-bottom:25px}pre{white-space:pre-wrap}li{margin-bottom:10px;margin-left:23px}p:last-child{margin-bottom:0}.HomepageBackground{overflow:hidden;background-size:100%;background-repeat:no-repeat;background-size:cover;background-position:left 0 bottom 0;position:relative;transition:margin-top .75s ease 0s;image-rendering:pixelated}.HomepageBackground img,.HtmlHomepageIsCurrent .HomepageBackground{display:block}@media only screen and (min-device-width:375px) and (max-device-width:812px) and (orientation:portrait){.HomepageBackground{background-image:url(/iphone.webp)!important}}.Animation--boat{display:block;animation:doBoatStuff 35s 1;animation-fill-mode:forwards}.AnimationContainer--boat{overflow:hidden}.VMiddle{vertical-align:middle;display:inline-block}@keyframes doBoatStuff{0%{margin-left:0}90%{transform:none;margin-left:11vw}91.5%{transform:rotate(-7deg);margin-left:11vw}93%{transform:rotate(7deg);margin-left:11vw}94.5%{transform:rotate(-7deg);margin-left:11vw}to{transform:translateY(300px) rotate(90deg);margin-left:11vw}}.PageIsResizing .Page{transition:none}.HtmlHomepageIsCurrent,.PageIsResizing{overflow:hidden}.MaxWidth{max-width:60rem;width:100%;margin:0 auto}.Grid{display:grid}.Content{width:100%;padding:50px}.Card{background:#fff;border:30px solid var(--yellow);padding:50px;width:66%;position:relative;box-shadow:0 4px 16px rgba(0,0,0,.1);margin-bottom:50px}.RightCard{float:right}.LeftCard{float:left}.RightImage{float:right;margin:8px 0 8px 10px}.LeftImage{float:left;margin:8px 10px 8px 0}@media print{body{font-size:20px}.Card{width:100%}}@media only screen and (max-width:768px){.Card{width:100%;border-width:16px;margin-bottom:25px;padding:20px}.RightCard{width:95%;margin-left:5%}.LeftCard{width:95%;margin-right:5%}h3{margin-bottom:15px;font-size:23px}figure,ol,p,pre,ul{margin-bottom:20px}.Content{padding:40px 20px;font-size:14px}.LeftImage,.RightImage{float:none}}.Card a,p a{box-shadow:0 2px var(--bg-color);transition:box-shadow .15s ease}.Card a:hover,p a:hover{box-shadow:0 2px var(--dark-bg-color)}.Card a:active,p a:active{transform:rotate(-4deg)}.FirstCard{margin-top:-160px}.FirstCard--writing{margin-top:calc(-128px / 2 - 300px)}@media only screen and (max-width:768px){.FirstCard{margin-top:-110px}.FirstCard--writing{margin-top:calc(-128px / 2 - 270px)}}.CenterImage,.FullSizeMedia{text-align:center}.CenterImage{margin-bottom:10px}.FullSizeMedia iframe,.FullSizeMedia img{width:100%;height:auto}.FullSizeMedia iframe{height:300px}figcaption{display:block;font-size:85%;font-style:italic}.CenterCard{clear:both;margin-left:auto;margin-right:auto}.Page{transition:all .2s ease 0s;position:absolute;width:100%}.PageHeader{width:100%;height:75vh;min-height:25rem;position:relative;background-position:50%;background-color:var(--dark-bg-color);background-size:600px 600px;border-width:30px;border-left:0 solid var(--bg-color);border-bottom:3vh solid var(--bg-color);border-right:0 solid var(--bg-color);border-top:3vh solid var(--bg-color)}.PageHeadline{background:var(--bg-color);font:32px/1.8 var(--headline-font);padding:20px 35px;place-self:center start;margin-left:5rem;text-transform:uppercase}.PageHeadline-Small{display:block;font-size:20px}.ContentBlock{width:100%;place-self:stretch start;display:grid;margin:0 auto;position:relative;background:var(--dark-bg-color) url(/yellow-texture-800.png);background-image:-webkit-image-set(url("/yellow-texture-800.png") 1x,url("/yellow-texture-1600.png") 2x,url("/yellow-texture-2400.png") 3x);background-image:image-set(url("/yellow-texture-800.png") 1x,url("/yellow-texture-1600.png") 2x,url("/yellow-texture-2400.png") 3x)}.Logo{position:absolute;z-index:3;top:.7rem}.Logo:hover{transform:rotate(-2deg)}.Logo:active{transform:rotate(-3deg)}.LogoImage{width:240px;height:124px}.LogoWrap{padding:0 20px}@media only screen and (max-width:768px){.LogoImage{width:175px;height:90px}.LogoWrap{padding:0 12px}.PageHeadline{font:25px/1.8 var(--headline-font);padding:15px 25px;margin-left:0}.PageHeadline-Small{font-size:16px}}@media only screen and (max-width:568px){.PageHeader{height:55vh;background-size:450px 450px}.PageHeadline{font:22px/1.7 var(--headline-font)}}.NavBtn{padding:10px 14px;display:flex;align-items:center;justify-content:center;border-radius:50%;font:16px var(--headline-font);color:var(--yellow);background:var(--hpPurple);letter-spacing:1px;border:2px solid var(--brightYellow);box-shadow:2px 2px var(--brightYellow);-webkit-tap-highlight-color:transparent;transition:top .1s,left .1s,bottom .1s,right .1s}.HomeNav,.NavBtn{position:absolute}.HomeNav{width:100%;top:0;z-index:2}.NavBtn--Home{place-self:end end;position:static;margin-top:12px;margin-right:12px}.HtmlHomepageIsCurrent .NavHomeBtns,.NavBtn--Home{display:block}.HtmlHomepageIsCurrent .NavBtn--Home,.NavHomeBtns{display:none}.BackToHome{clear:both;text-align:center}.BackToHome .NavBtn{display:inline-block;position:static;margin:0 auto 5px}@media only screen and (max-width:768px){.NavBtn{font-size:12px}}.NavBtn:active,.NavBtn:focus,.NavBtn:hover{transform:scale(1.1) rotate(4deg)}.NavBtn:active{transform:translate(2px,2px) scale(1.1) rotate(4deg);box-shadow:inset 4px 4px 8px rgba(0,0,0,.3)}@keyframes throb{0%{transform:scale(.7)}50%{transform:scale(1) rotate(25deg)}to{transform:scale(.7)}}.Toast{animation:throb 5s infinite}.ToastCard{text-align:center}