.OklchSelector-Container{justify-content:center;align-items:center;height:clamp(5rem,7svh,7rem);padding:.5rem;display:flex}.OklchSelector-SliderColourDisplay{border-radius:.125rem;width:4rem;height:4rem;margin-bottom:.5rem;transition:background-color .5s;box-shadow:0 .125rem .5rem #0000001a}.OklchSelector-TrackContainer{flex:1;align-items:center;height:clamp(1.5rem,5svh,3.5rem);display:flex;position:relative}.OklchSelector-ThumbText{pointer-events:none;left:calc((var(--value) * 1%) + (1rem - (var(--value) * .02rem)));color:#333;white-space:nowrap;z-index:3;font-size:.75rem;font-weight:600;position:absolute;top:45%;transform:translate(-50%,-49%)}input[type=range]{cursor:pointer;width:100%;height:var(--SLIDER_HEIGHT);appearance:none;background:linear-gradient(to right, var(--COLOUR_GRADE_500) 0%, var(--COLOUR_GRADE_500) calc((var(--value) * 1%) + (1rem - (var(--value) * .02rem))), #ddd calc((var(--value) * 1%) + (1rem - (var(--value) * .02rem))), #bbb 100%);accent-color:var(--COLOUR_GRADE_500);border-radius:1rem;margin:0;overflow:hidden}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--COLOUR_GRADE_400);border:1px solid #111;border-radius:50%;width:2rem;height:2rem;margin-top:0}input[type=range]::-moz-range-track{background:#ccc;border-radius:1rem;width:100%;height:2rem}input[type=range]::-moz-range-progress{background-color:var(--COLOUR_GRADE_500);height:1.9rem}input[type=range]::-moz-range-thumb{appearance:none;background:var(--COLOUR_GRADE_400);border-radius:50%;width:2rem;height:2rem;margin-top:0}.OklchSelector-TrackContainer_vertical input[type=range]{writing-mode:vertical-lr;background:linear-gradient(to bottom, var(--COLOUR_GRADE_500) 0%, var(--COLOUR_GRADE_500) calc((var(--value) * 1%) + (.25rem - (var(--value) * .005rem))), #ddd calc((var(--value) * 1%) + (.25rem - (var(--value) * .005rem))), #bbb 100%);width:clamp(.5rem,1vw,1.5rem);height:clamp(1.5rem,4.25svh,3.5rem);position:absolute;transform:rotate(180deg)}.OklchSelector-TrackContainer_vertical input[type=range]::-webkit-slider-thumb{background:var(--COLOUR_GRADE_300);border-radius:unset;border:.125rem solid #666;width:1.5rem;height:clamp(.3rem,.5svh,.6rem)}.OklchSelector-TrackContainer_vertical input[type=range]::-moz-range-progress{background-color:var(--COLOUR_GRADE_500);width:100%;height:1.9rem}.OklchSelector-TrackContainer_vertical input[type=range]::-moz-range-thumb{appearance:none;background:var(--COLOUR_GRADE_200);border-color:#666;border-radius:50%;width:1.5rem;height:clamp(.125rem,.3svh,.3rem);margin-top:0}.OklchSelector-Container:has(.OklchSelector-TrackContainer_vertical input[type=range]){width:clamp(2rem,4vw,4rem);height:100%;padding:0 0 .25rem .5rem}.OklchSelector-TrackContainer_vertical input[type=range]~.OklchSelector-ControlsContainer .OklchSelector-ThumbText{left:unset;top:unset;transform:unset;color:var(--COLOUR_GRADE_600);font-size:clamp(.65rem,.7svh,.85rem);font-style:normal;position:relative}.OklchSelector-ControlsContainer{flex-direction:column;justify-content:flex-end;margin-left:clamp(.75rem,1vw,1rem);display:flex}.OklchSelector-ControlButton_up{top:-2px;transform:rotate(180deg)}.OklchSelector-ControlButton_up,.OklchSelector-ControlButton_down{color:var(--COLOUR_GRADE_600);background:0 0;border:none;width:24px;height:24px;margin:0;padding:0;font-size:clamp(.5rem,1.7svh,1.25rem);font-weight:700;position:absolute;bottom:-5px}.OklchSelector-ControlButton_up:hover,.OklchSelector-ControlButton_down:hover{cursor:pointer;color:var(--COLOUR_GRADE_300)}.OklchSelector-ControlButton_up:active,.OklchSelector-ControlButton_down:active{cursor:pointer;outline:3px solid var(--COLOUR_GRADE_400);outline-offset:1px}.OklchSelector-ControlButton_up:focus-visible,.OklchSelector-ControlButton_down:focus-visible{cursor:pointer;outline-offset:2px;outline:2px solid #ff9800}.LoaderButterflies{grid-area:quote;width:clamp(10rem,86vw,75rem)}.LoaderButterflies-Text{justify-content:center;width:86vw;margin:0;padding:0;font-size:clamp(.8rem,1vw,1rem);font-weight:600;animation:2s ease-in-out infinite pulse;display:flex}.LoaderButterflies-Container{z-index:9999;flex-direction:column;justify-content:center;align-items:center;width:clamp(10rem,86vw,75rem);padding:0 .75rem;display:flex;position:relative}.LoaderButterflies-Butterfly{width:40px;height:30px;animation:6s ease-in-out infinite fly;position:absolute}.LoaderButterflies-Butterfly_wing{opacity:.8;background:#e91e63;width:18px;height:30px;animation:.2s ease-in-out infinite alternate flutter;position:absolute}.LoaderButterflies-Butterfly_wing.LoaderButterflies-Butterfly_wing-left{transform-origin:100%;border-radius:50% 50% 10% 40%/50% 50% 10%;left:2px}.LoaderButterflies-Butterfly_wing.LoaderButterflies-Butterfly_wing-right{transform-origin:0;border-radius:50% 50% 40% 10%/50% 50% 50% 10%;right:2px}.LoaderButterflies-Butterfly_1{animation-delay:0s;top:30%;left:10%}.LoaderButterflies-Butterfly_1 .LoaderButterflies-Butterfly_wing{background:#ab47bc;animation-delay:50ms}.LoaderButterflies-Butterfly_2{animation-delay:-2s;top:60%;left:70%}.LoaderButterflies-Butterfly_2 .LoaderButterflies-Butterfly_wing{background:#ec407a;animation-delay:.1s}.LoaderButterflies-Butterfly_3{animation-delay:-4s;top:20%;left:60%}.LoaderButterflies-Butterfly_3 .LoaderButterflies-Butterfly_wing{background:#ff7043;animation-delay:.15s}.LoaderButterflies-Butterfly_4{animation-delay:-5s;top:50%;left:20%}.LoaderButterflies-Butterfly_4 .LoaderButterflies-Butterfly_wing{background:#26c6da;animation-delay:0s}.LoaderButterflies-Butterfly_body{background:#880e4f;border-radius:10px;width:4px;height:18px;position:absolute;top:6px;left:18px}@keyframes flutter{0%{transform:rotateY(15deg)}to{transform:rotateY(-60deg)}}@keyframes fly{0%{opacity:0;transform:translate(0)scale(.8)rotate(0)}10%{opacity:1}50%{transform:translate(clamp(2rem,15vw,10rem),-80px)scale(1.2)rotate(45deg)}90%{opacity:1}to{opacity:0;transform:translate(clamp(4rem,24vw,22rem))scale(.8)rotate(90deg)}}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}.Resume-DocContainer{width:86vw;height:100%;margin-left:0;margin-right:auto}.ResumeDoc{color:#1f2937;background-color:#fff;max-width:73rem;height:clamp(21.5rem,50svh,55rem);padding:clamp(.75rem,1.5vw,1.5rem);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.25;overflow-y:auto}.ResumeDoc ::selection{background-color:var(--COLOUR_GRADE_400);color:#fff}.ResumeDoc-Header{text-align:center;border-bottom:.25rem solid #030712;margin-bottom:1.5rem;padding-bottom:1rem}.ResumeDoc-Title{letter-spacing:-.025em;color:#030712;margin:0;font-size:clamp(1.5rem,2vw,2.25rem);font-weight:800}.ResumeDoc-Subtitle{color:#4b5563;margin:.25rem 0 0;font-size:clamp(.85rem,1.1vw,1.125rem);font-weight:500}.ResumeDoc-Links{color:var(--COLOUR_GRADE_600,#2563eb);flex-wrap:wrap;justify-content:center;align-items:center;gap:.25rem .5rem;margin-top:.5rem;font-size:.875rem;font-weight:600;display:flex}.ResumeDoc-Links span{margin:1rem}.ResumeDoc-Links a{color:var(--COLOUR_GRADE_800,#2563eb);text-decoration:none}.ResumeDoc-Links a:hover{text-decoration:underline}.ResumeDoc-Section{margin-bottom:2rem}.ResumeDoc-SectionTitle{text-transform:uppercase;letter-spacing:.05em;color:#030712;border-bottom:1px solid #d1d5db;margin-top:0;margin-bottom:.75rem;padding-bottom:.25rem;font-size:1.25rem;font-weight:700}.ResumeDoc-Text{text-align:left;color:#374151;margin:0;font-size:1rem}.ResumeDoc-SkillsGrid{grid-template-columns:1fr;gap:1rem;display:grid}.ResumeDoc-SkillsColumn h3{color:#030712;margin:0 0 .25rem;font-size:1rem;font-weight:700}.ResumeDoc-SkillsColumn p{color:#374151;margin:0;font-size:1rem}.ResumeDoc-ExperienceItem{margin-bottom:1.25rem}.ResumeDoc-ExperienceItem:last-child{margin-bottom:0}.ResumeDoc-ExperienceHeaderRow{color:#030712;flex-direction:column;align-items:center;font-weight:700;display:flex}.ResumeDoc-ExperienceRole span{color:#4b5563;font-weight:400}.ResumeDoc-ExperienceDate{color:#4b5563;font-size:.875rem;font-weight:600}.ResumeDoc-ExperienceSummary{color:#374151;margin:.25rem 0 0;font-size:1rem}.ResumeDoc-ExperienceList{color:#374151;margin:.25rem 0 0;padding-left:1rem;list-style-type:disc;list-style-position:inside}.ResumeDoc-ExperienceList li{margin-bottom:.125rem;list-style-position:outside}.ResumeDoc-ExperienceList a{color:#2563eb;font-weight:500;text-decoration:none}.ResumeDoc-ExperienceList a:hover{text-decoration:underline}.ResumeDoc-ProjectsGrid{grid-template-columns:1fr;gap:1rem;display:grid}.ResumeDoc-ProjectCard{border:1px solid #e5e7eb;border-radius:.375rem;padding:1rem;box-shadow:0 1px 2px #0000000d}.ResumeDoc-ProjectCard h3{color:#030712;margin:0;font-size:1.125rem;font-weight:700}.ResumeDoc-ProjectCard p{color:#374151;margin:.25rem 0 .5rem;font-size:.875rem}.ResumeDoc-ProjectLinks{gap:.75rem;font-size:.75rem;font-weight:600;display:flex}.ResumeDoc-ProjectLinks a{color:#2563eb;text-decoration:none}.ResumeDoc-ProjectLinks a:hover{text-decoration:underline}.ResumeDoc-EducationItem{margin-bottom:.75rem}.ResumeDoc-EducationItem:last-child{margin-bottom:0}.ResumeDoc-EducationHeaderRow{color:#030712;flex-direction:column;font-weight:700;display:flex}.ResumeDoc-EducationDate{color:#4b5563;font-size:.875rem;font-weight:600}.ResumeDoc-EducationDetails{color:#374151;margin:0;font-size:.875rem}@media (width>=640px){.ResumeDoc-SkillsGrid{grid-template-columns:repeat(3,1fr)}.ResumeDoc-ExperienceHeaderRow,.ResumeDoc-EducationHeaderRow{flex-direction:row;justify-content:space-between}.ResumeDoc-ExperienceDate,.ResumeDoc-EducationDate{font-size:1rem}.ResumeDoc-ProjectsGrid{grid-template-columns:repeat(2,1fr)}}@media print{.ResumeDoc{max-width:100%;padding:0}.ResumeDoc-ProjectCard{page-break-inside:avoid;border:1px solid #cbd5e1}.ResumeDoc-ExperienceItem,.ResumeDoc-EducationItem{page-break-inside:avoid}}:root{view-transition-name:none;--bg:#f7f7f7;--brand-color:#7d410c;--header-color:#1d314c;--body-color:#443d3d;--link-teal:#2e747a;--link-teal-hover:#61a3ff;--code-bg:#e5dfde;--code-color:#2e747a;--royal-blue:#61a3ff;--title-bg:#004db8;--button-hover:#e5dfde;--COMPONENT_WIDTH:86vw;--MAX_WIDTH:1200px;--GRADIENT_ANGLE:0deg;--GLOW_CARD_BKG_DARK:#052b2f;--GLOW_CARD_BKG_LIGHT:#f7f7f7;--COLOUR_GRADE_HUE:260;--COLOUR_GRADE_100:oklch(.917 .04 var(--COLOUR_GRADE_HUE));--COLOUR_GRADE_200:oklch(.8521 .08 var(--COLOUR_GRADE_HUE));--COLOUR_GRADE_300:oklch(.7886 .12 var(--COLOUR_GRADE_HUE));--COLOUR_GRADE_400:oklch(.709 .16 var(--COLOUR_GRADE_HUE));--COLOUR_GRADE_500:oklch(.6177 .22 var(--COLOUR_GRADE_HUE));--COLOUR_GRADE_600:oklch(.5303 .27 var(--COLOUR_GRADE_HUE));--COLOUR_GRADE_700:oklch(.4131 .21 var(--COLOUR_GRADE_HUE));--COLOUR_GRADE_800:oklch(.2983 .15 var(--COLOUR_GRADE_HUE));--SLIDER_HEIGHT:clamp(.85rem, 2svh, 1.5rem)}html,body{margin:0;margin-block:0;padding:0;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}body{justify-content:center;align-items:center;width:100vw;height:100svh;display:flex}::view-transition{pointer-events:none}.portfolio-cards{box-shadow:0 0 20px 5px #828282}.portrait{text-shadow:2px 2px 2px #ce5937}.PortfolioContainer-PageTransitionWrapper{view-transition-name:page-content;grid-area:main;height:100%}::view-transition-old(page-content){animation-duration:1.5s}::view-transition-new(page-content){animation-duration:1.5s}@property --angle{syntax:"<angle>";inherits:false;initial-value:0deg}.PortfolioContainer.GlowingOutline{box-sizing:border-box;background-color:var(--bg);width:86vw;height:94svh;max-width:var(--MAX_WIDTH);text-align:center;border-radius:.3rem;grid-template:"header"clamp(2rem,4svh,7.5rem)"quote"clamp(4rem,5svh,6rem)"nav"clamp(1.5rem,3svh,4rem)"main"1fr"footer"clamp(3.25rem,5svh,8rem)/auto;gap:.25rem;margin:0;padding:0;display:grid;position:relative}.PortfolioContainer.GlowingOutline:before,.PortfolioContainer.GlowingOutline:after{content:"";z-index:-1;background:conic-gradient(from var(--angle), var(--COLOUR_GRADE_100), var(--COLOUR_GRADE_200), var(--COLOUR_GRADE_300), var(--COLOUR_GRADE_400), var(--COLOUR_GRADE_500), var(--COLOUR_GRADE_600), var(--COLOUR_GRADE_700), var(--COLOUR_GRADE_800), var(--COLOUR_GRADE_100));border-radius:.5rem;animation:40s linear infinite rotation;position:absolute;inset:clamp(-1.75rem,-1.5svh,-.75rem)}.PortfolioContainer.GlowingOutline:after{filter:blur(.5rem)}@keyframes rotation{0%{--angle:0deg}to{--angle:360deg}}.PageHeader{width:var(--COMPONENT_WIDTH);max-width:var(--MAX_WIDTH);grid-area:header;justify-content:space-between;align-items:center;display:flex}.PageHeader-Logo,.PageHeader-Portrait{margin:0 .25rem}.PageHeader-Logo_image,.PageHeader-Portrait_image{aspect-ratio:1;width:clamp(2.1rem,5svh,5rem);height:clamp(2.1rem,5svh,5rem);margin-top:.75rem}.PageHeader-Portrait_image{background:var(--COLOUR_GRADE_100);margin-top:1rem}.QuoteResult-FadeInWrapper{width:var(--COMPONENT_WIDTH);max-width:var(--MAX_WIDTH);animation:3s ease-in-out fadeIn}.QuoteResult-QuoteText{margin:.25rem 0 0;padding:0}.QuoteResult-QuoteContainer{width:100%;max-width:var(--MAX_WIDTH);color:#4b5563;text-align:center;z-index:100;view-transition-name:quote-smooth-transition;grid-area:quote;height:clamp(4rem,2svh,6rem);font-size:clamp(.75rem,2vw,1.1rem)}::view-transition-old(quote-smooth-transition){animation-duration:2s}::view-transition-new(quote-smooth-transition){animation-duration:2s}.QuoteResult-QuoteAuthor{font-style:italic}.NavIndex-Container{width:var(--COMPONENT_WIDTH);max-width:var(--MAX_WIDTH);grid-area:nav;height:clamp(1.5rem,3svh,4rem)}.NavIndex-Bar{grid-template-columns:repeat(4,1fr);align-items:center;gap:clamp(.25rem,1vw,1rem);max-width:85vw;height:100%;margin:0 clamp(.25rem,2vw,2rem);display:grid}.NavIndex-Link_active:focus,.NavIndex-Link:focus{background-color:var(--COLOUR_GRADE_500);color:#333;font-weight:500}.NavIndex-Link_active:hover,.NavIndex-Link:hover{background-color:var(--COLOUR_GRADE_300)}.NavIndex-Link_active,.NavIndex-Link{color:#333;padding:.25rem .5rem;font-size:clamp(.75rem,2vw,1.5rem);text-decoration:none}.NavIndex-Link{background-color:var(--COLOUR_GRADE_200);font-weight:400}.NavIndex-Link_active{background-color:var(--COLOUR_GRADE_700);color:#fff;font-weight:600}.PortfolioContainer-About_hidden,.PortfolioContainer-Portfolio_hidden,.PortfolioContainer-Contact_hidden,.PortfolioContainer-Resume_hidden,.PortfolioContainer-Information_hidden{display:none}.PortfolioContainer-About_block,.PortfolioContainer-Portfolio_block,.PortfolioContainer-Contact_block,.PortfolioContainer-Resume_block,.PortfolioContainer-Information_block{width:var(--COMPONENT_WIDTH);max-width:var(--MAX_WIDTH)}.PortfolioContainer-About_block{flex-direction:column;justify-content:flex-start;height:clamp(29rem,60svh,90rem);display:flex;overflow-x:auto}.About-PageHeading,.Portfolio-PageHeading,.Contact-PageHeading,.Resume-PageHeading,.Information-PageHeading{text-shadow:-1px 2px 5px var(--COLOUR_GRADE_700);color:var(--COLOUR_GRADE_700);width:100%;margin:0;padding-bottom:.5rem;font-size:clamp(1.25rem,4vw,3.5rem);font-weight:700}.About-ProfileContainer{text-align:left;color:var(--body-color);padding:0 clamp(.1rem,2vw,2rem) clamp(.1rem,2vw,2rem);font-size:clamp(.85rem,2vw,1.75rem);line-height:1.25}.About-ProfileContainer p{margin:clamp(.5rem,2svh,2.5rem) 0}.About-MyName{font-style:italic}.About-TagsList{color:var(--COLOUR_GRADE_500);letter-spacing:.05em;padding:0;font-family:Inconsolata,monospace;list-style-type:none;display:inline-block}.About-TagsList_tag{margin:clamp(.25rem,1vw,1rem);font-size:clamp(.85rem,2vw,2rem);font-weight:700;display:inline-block}.About-TagsList_tag:before{content:"#"}#portfolio a{color:var(--COLOUR_GRADE_700);font-weight:600;text-decoration:none}.Portfolio-GalleryDisplay{grid-template-rows:repeat(4,6rem);grid-template-columns:repeat(2,6rem);justify-content:center;gap:.85rem;display:grid;position:relative}.Portfolio-HeadingBlock{justify-content:center;align-items:center;display:flex}.Portfolio-PageHeading{width:50%}.Portfolio-HeadingBlock svg{height:clamp(1.5rem,3vw,3rem);color:var(--COLOUR_GRADE_600)}.Portfolio-Link{width:100%}.Portfolio-ProjectLinksContainer{width:100%;display:flex}.Portfolio-GithubLink,.Portfolio-WebsiteLink{width:100%;color:var(--COLOUR_GRADE_300);flex-direction:column;justify-content:center;align-items:center;display:flex}.Portfolio-Link svg{width:clamp(2.5rem,3vw,3rem);height:clamp(2.5rem,3vw,3rem);fill:var(--COLOUR_GRADE_300);margin-top:1rem}.Portfolio-TextDescription{margin:clamp(1rem,3vw,3rem) 0;font-size:clamp(.85rem,1.5vw,1.8rem)}.Portfolio-ProjectContainer{border-radius:8px;width:100%;overflow:hidden}.Portfolio-ProjectScreengrab{aspect-ratio:1;object-fit:cover;width:100%;height:100%;display:block}.Portfolio-ProjectDescriptionContainer{width:90%;max-width:var(--MAX_WIDTH);box-sizing:border-box;z-index:10;color:#fff;opacity:0;pointer-events:none;background-color:#000000f2;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;height:auto;min-height:200px;padding:.5rem;transition:opacity .3s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 10px 25px #00000080}.Portfolio-ProjectDescriptionTitle{margin:0;padding:0;font-size:1.2rem}.Portfolio-ProjectDescriptionSubtitle{margin:0;padding:0;font-size:1rem}.Portfolio-ProjectDescription{margin:0;padding:0;font-size:.8rem}.Portfolio-ProjectContainer:hover .Portfolio-ProjectDescriptionContainer,.Portfolio-ProjectContainer:focus-within .Portfolio-ProjectDescriptionContainer{opacity:1;pointer-events:auto}@media (width>=650px){.Portfolio-GalleryDisplay{grid-template-rows:repeat(2,clamp(7.5rem,11vw,11rem));grid-template-columns:repeat(4,clamp(7.5rem,11vw,11rem));gap:1.2rem;position:relative}}@media (width>=850px){.Portfolio-GalleryDisplay{grid-template-rows:repeat(3,clamp(11rem,20vw,20rem));grid-template-columns:repeat(3,clamp(11rem,20vw,20rem));gap:2rem;position:static}.Portfolio-ProjectContainer{position:relative}.Portfolio-ProjectDescriptionContainer{background-color:#000000b3;border-radius:0;width:100%;max-width:none;height:100%;position:absolute;top:0;left:0;transform:none}}#contact{--FORM_CARD_BACKGROUND:#fafafa;--FORM_TEXT_COLOUR:#0f1928;--FORM_BORDER_COLOUR:#d2d7dc;--FOCUS_OUTLINE:#23af1499;--FOCUS_WITHIN_OUTLINE:#23af144d;--PLACEHOLDER_FONT_COLOR:#9ba0b4f2;--FORM_BORDER_RADIUS:.2rem}.Contact-Map{contain:size layout;opacity:0;height:clamp(9rem,20svh,20rem);animation-name:fadeIn;animation-duration:2s;animation-timing-function:ease-in;animation-fill-mode:forwards}.Contact-Iframe{box-sizing:border-box;border:none;display:block}.Contact-Form{background:var(--FORM_CARD_BACKGROUND);box-shadow:-.125rem .25rem .25rem .2rem var(--COLOUR_GRADE_100);border-radius:.5rem;gap:.25rem;margin:clamp(.25rem,.5svh,.75rem);padding:.5rem;transition:box-shadow 1s;display:grid}.Contact-Form:focus-within{box-shadow:-.125rem .25rem .5rem .5rem var(--FOCUS_WITHIN_OUTLINE);transition:box-shadow 1s}.Contact-FormDescription{text-align:left;margin:0;padding:.25rem 0;font-size:clamp(.85rem,2vw,1.75rem);line-height:1.1}.Contact-ContainerInput{justify-items:start;display:grid}.Contact-WrapperInput{grid-template-columns:4rem 1fr;justify-items:start;width:100%;display:grid}.Contact-HintInputField,.Contact-HintTextareaField{opacity:0;padding-top:.25rem;font-size:.75rem;transition:opacity 1s}.Contact-InputField,.Contact-TextareaField{border:1px solid var(--FORM_BORDER_COLOUR);border-radius:var(--FORM_BORDER_RADIUS);width:100%;color:var(--FORM_TEXT_COLOUR);background:#fff;outline:none;padding:.125rem .25rem;font-size:.85rem;transition:border-color .18s}.Contact-TextareaField.maximumCharactersReached+.Contact-InputLabel{color:red}.Contact-TextareaField{resize:vertical}.Contact-InputField::placeholder,.Contact-TextareaField::placeholder{color:var(--PLACEHOLDER_FONT_COLOR);opacity:1;font-family:Arial,Helvetica,sans-serif;font-size:clamp(.75rem,1vw,.85rem);transition:opacity 1s}.Contact-InputField:focus::placeholder,.Contact-TextareaField:focus::placeholder{opacity:0;transition:opacity 1s}.Contact-InputField:focus,.Contact-TextareaField:focus{box-shadow:0 0 0 .25rem var(--FOCUS_OUTLINE)}.Contact-InputField:focus~.Contact-HintInputField,.Contact-TextareaField:focus~.Contact-HintTextareaField{opacity:1;transition:opacity 1s}.Contact-FormSubmitButton{cursor:pointer;cursor:pointer;background:var(--COLOUR_GRADE_100);color:#222;border:2px solid #ccc;border-radius:.125rem;width:98%;margin:0 auto;padding:.15rem .3rem;font-size:.85rem}.Contact-FormSubmitButton:hover{background:var(--COLOUR_GRADE_500);padding:.15rem .3rem}.Contact-FormErrorContainer{background:var(--COLOUR_GRADE_200);opacity:.95;justify-content:center;align-items:center;width:100%;height:18rem;padding:0;display:flex;position:absolute;top:42svh}.Contact-FormErrorMessage{white-space:pre-line;padding:0 .75rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:translateY(0)}}@media (width>=750px){.Contact-Form{grid-template-columns:repeat(2,1fr)}.Contact-Map{height:clamp(30rem,40svh,60rem)}.Contact-InputField_name{margin-right:.5rem}.Contact-InputField_email{margin-left:.5rem;width:98.5%!important}.Contact-FormErrorContainer{top:27svh}.Contact-PasswordReveal{transform:translate(825%,110%)}.Contact-FormSubmitButton_full,.Contact-TextareaField_full,.Contact-FormDescription_full,.Contact-ContainerInput_full{grid-column:1/-1}}.Contact-ContainerInput{flex-direction:column;margin-top:.5rem;display:flex;position:relative}.Contact-InputField,.Contact-TextareaField{box-sizing:border-box;background:0 0;border:1px solid #ccc;border-radius:.125rem;order:1;width:100%;padding:.25rem .25rem .25rem .5rem;font-size:.85rem}.Contact-InputLabel{opacity:0;background-color:var(--bg);pointer-events:none;order:2;padding:0 .25rem;font-size:.75rem;font-weight:750;transition:all .8s;position:absolute;top:.5rem;left:.5rem}.Contact-InputField:focus+.Contact-InputLabel,.Contact-InputField:not(:placeholder-shown)+.Contact-InputLabel,.Contact-TextareaField:focus+.Contact-InputLabel,.Contact-TextareaField:not(:placeholder-shown)+.Contact-InputLabel{opacity:1;font-size:.75rem;top:-.75rem;left:.25rem}.Contact-InputField:not(:placeholder-shown):not(:focus)+.Contact-InputLabel,.Contact-TextareaField:not(:placeholder-shown):not(:focus)+.Contact-InputLabel{opacity:0}.Contact-HintInputField,.Contact-HintTextareaField{text-align:left;order:3;margin-top:.25rem;padding:0;font-size:.75rem}.Resume-Description{justify-content:center;align-items:center;margin:0 0 clamp(.5rem,1svh,2.5rem) .5rem;font-size:1rem;line-height:1.2;display:flex}.Resume-DownloadLink svg{height:clamp(1.75rem,4vw,3rem);color:var(--COLOUR_GRADE_700);padding-left:1rem}.Information-Container{flex-direction:column;justify-content:flex-start;align-items:center;height:68svh;display:flex;overflow-y:auto}.Information-SectionTitle{text-align:left;margin:0;padding:clamp(.5rem,2vw,2rem);font-size:clamp(1rem,2vw,1.75rem)}.Information-Introduction,.Information-SectionItem{text-align:left;margin:0;padding:0 clamp(.5rem,2vw,2rem);font-size:clamp(.85rem,2vw,1.75rem)}.Information-SectionItem_effectiveDate{margin:clamp(1rem,2vw,1.75rem) 0 0;padding:0;font-size:clamp(.75rem,1vw,1rem)}.Footer-Container{width:var(--COMPONENT_WIDTH);max-width:var(--MAX_WIDTH);color:var(--COLOUR_GRADE_500);flex-direction:column;grid-area:footer;justify-content:center;align-items:center;margin-bottom:.25rem;display:flex}.Footer-Contacts_contact-options{justify-content:center;align-items:center;height:100%;display:flex}.Footer-ContactLink:hover:before,.Footer-ContactLink:focus:before{transform:scale(0)translateY(0)}.Footer-ContactIcon{width:clamp(1.75rem,5vw,7rem);color:var(--COLOUR_GRADE_500);justify-content:center;align-items:center;margin:0 clamp(.25rem,1vw,1.25rem);transition:all .5s ease-in-out;display:flex}.Footer-ContactIcon:hover,.Footer-ContactIcon:focus{color:var(--COLOUR_GRADE_700);transform:scale(1.7)translateY(-20%)}.Footer-Contact_mobile-icon svg{width:clamp(1.5rem,5.85vw,6.85rem)}.Footer-Contact_whatsapp-icon svg{width:clamp(1.4rem,5.85vw,6.5rem)}.Footer-Contact_github-icon svg{width:clamp(1.65rem,5.25vw,4.5rem);height:clamp(1.65rem,5.25vw,4.5rem)}.Footer-Contact_information-icon svg{width:clamp(1.4rem,3.85vw,3rem);height:clamp(1.4rem,3.85vw,3rem)}.Footer-CopyrightStamp{color:var(--COLOUR_GRADE_500);margin:0;font-size:clamp(.5rem,1vw,1rem);font-weight:700;position:absolute;bottom:-.125rem}.Footer-CopyrightStamp_logo{font-size:clamp(.75rem,1vw,1.25rem)}@media (width>=650px){.Footer-ContactIcon{margin:0 clamp(.6rem,3vw,1.25rem)}}
