:root{--color-bg: #7997a6;--color-bg-50: #7997a680;--color-contact-bg: #8ca966;--color-text: #1a2d3e;--color-text-50: #1a2d3e20}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@font-face{font-family:Triplicate B;src:url(/fonts/TriplicateBRegular.woff2) format("woff2"),url(/fonts/TriplicateBRegular.woff) format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Triplicate B;src:url(/fonts/TriplicateBItalic.woff2) format("woff2"),url(/fonts/TriplicateBItalic.woff) format("woff");font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:Triplicate A;src:url(/fonts/TriplicateABold.woff2) format("woff2"),url(/fonts/TriplicateABold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}*,*:before,*:after{box-sizing:border-box}body{display:flex;flex-direction:column;min-height:100svh;width:100%;margin:0;font-size:16px;color:var(--color-text);background-color:var(--color-bg)}.hero-content{flex:3;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-width:0;padding:.8rem;z-index:2}.nav-links-container{flex:2;z-index:2;width:100%}footer{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;opacity:.7;min-width:0;padding:.8rem;z-index:2}h1{font-family:Triplicate A,monospace;font-size:clamp(2rem,5vw,3rem);font-weight:700;margin:0 0 .2rem;line-height:1;letter-spacing:.05em;text-transform:lowercase}h2{font-family:Triplicate B,monospace;font-size:clamp(2rem,4vw,3rem);font-style:italic;margin:0 0 3rem;line-height:1.2}p{font-family:Triplicate B,monospace;font-size:1.2rem;margin:0 0 .6rem;line-height:1.4}a{color:inherit;text-decoration:none}a:hover,.underline{text-decoration:underline}section{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem}section.hero{background-image:url(/images/background.jpg);background-size:cover;background-position:top;background-repeat:no-repeat;min-height:100svh;overflow:hidden;color:var(--color-text)}section.hero .gradient{position:absolute;inset:0;height:100%;background:linear-gradient(to bottom,var(--color-bg-50),var(--color-bg-50),var(--color-bg));z-index:1}section.hero p{font-size:1.4rem;margin-top:3rem}section.about{background-color:var(--color-bg);padding-bottom:10rem}section.about>*{max-width:700px}section.contact{background-color:var(--color-bg);padding-bottom:0}.moon{width:clamp(140px,25vw,220px);aspect-ratio:1 / 1;margin-bottom:1rem;background-color:#ffffff1c;position:relative;border-radius:50%;&:before{content:"";position:absolute;inset:0;background-color:var(--color-text);border-radius:50%;mask-image:url(/images/moon2.png);mask-size:cover;mask-repeat:no-repeat;mask-position:center}}.about-content{display:flex;flex-direction:row;align-items:center;justify-content:center;margin-bottom:2rem;width:100%;gap:1.2rem}.about-content h2{margin-bottom:0;text-align:center;flex:1}section.about p{margin-bottom:1.2rem}.about-image{width:clamp(180px,40vw,220px);height:clamp(220px,55vw,260px);background-color:var(--color-text);background-image:url(/images/hailee.jpg);background-size:cover;background-position:top center;background-repeat:no-repeat;border-radius:2rem;flex-shrink:0}.contact-content{border:1px solid var(--color-text);width:min(700px,calc(100% - 2rem));margin-top:1rem;padding:10rem 1rem 6rem;text-align:center;border-radius:9999999px 9999999px 0 0;border-bottom:none;position:relative;&:before,&:after{content:"";border:inherit;border-radius:inherit;border-style:dashed;pointer-events:none;position:absolute;bottom:0}&:after{top:1rem;left:1rem;right:1rem;opacity:.4}&:before{top:2.2rem;left:2.2rem;right:2.2rem;opacity:.2}h2{margin-bottom:3.3rem}p{margin-bottom:.3rem}form{position:relative;display:flex;flex-direction:column;max-width:35rem;margin:0 auto;padding:3rem 0;z-index:10;background:linear-gradient(0deg,rgba(0,0,0,0),var(--color-bg-50) 4rem,var(--color-bg-50) calc(100% - 4rem),rgba(0,0,0,0));label{font-family:Triplicate A,monospace;font-size:1rem;margin-bottom:.2rem;font-weight:700;text-align:left;margin-left:1rem;opacity:.85}label:not(:first-of-type){margin-top:1rem}input,textarea{font-family:Triplicate B,monospace;font-size:1rem;background-color:#bccbd3;border:1px solid var(--color-text);border-radius:1.5rem;padding:.8rem 1rem;color:var(--color-text)}input:focus,textarea:focus{outline:4px solid var(--color-text-50)}textarea{resize:none;min-height:10rem;padding-top:1.2rem;padding-bottom:1.2rem}button{background-color:var(--color-text);color:#ffffffe6;border:none;border-radius:4rem;padding:.8rem 1.2rem;font-family:Triplicate A,monospace;font-size:1.1rem;margin-top:1.5rem;transition:opacity .2s ease}button:hover:not(:disabled){opacity:.8;cursor:pointer}button:disabled{color:#ffffff80;opacity:.8}}}ul.nav-links{padding:0;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.6rem;list-style:none;font-family:Triplicate B,monospace;font-size:1.2rem;width:min(600px,calc(100% - 2rem));margin:0 auto}ul.nav-links li{flex:1;text-align:center;white-space:nowrap;border-radius:50%;padding:.3rem;position:relative;min-width:min(9rem,30vw);max-width:min(9rem,30vw);height:min(9rem,30vw);display:flex;align-items:center;justify-content:center;&:first-of-type,&:last-of-type{opacity:.4;transform:scale(.8)}&:first-of-type{transform-origin:right center}&:last-of-type{transform-origin:left center}&:nth-of-type(2),&:nth-of-type(5){opacity:.6;transform:scale(.9)}&:after{content:"";border-radius:inherit;position:absolute;background-color:#ffffff1c;inset:-1.3rem;opacity:.6;pointer-events:none}a{border-bottom:1px dashed transparent;transition:border .2s ease-in-out;position:relative;line-height:1.4;padding:0 .2rem}a:hover{border-bottom:1px dashed var(--color-text);text-decoration:none}}.success-message{display:none;position:fixed;inset:0;width:100%;height:100%;background-color:var(--color-bg);z-index:100;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem}.success-message h2{margin-bottom:.6rem;font-size:2rem}.success-message p{margin-bottom:1.4rem}.success-message button{background-color:var(--color-text);color:#ffffffe6;border:none;border-radius:4rem;padding:.8rem 1.2rem;font-family:Triplicate B,monospace;font-size:1.1rem;margin-top:1.5rem;transition:opacity .2s ease}.success-message button:hover{opacity:.8;cursor:pointer}.sx-verified-seal{filter:sepia(1) grayscale(.8) hue-rotate(176deg) saturate(9.5)}@media(max-width:720px){.about-content{flex-direction:column}.about-image{margin-right:0}.contact-content{padding-top:6rem}}