*,*:before,*:after{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin-block-end:0}ul[role=list],ol[role=list]{list-style:none}body{min-height:100vh;line-height:1.5}h1,h2,h3,h4,button,input,label{line-height:1.1}h1,h2,h3,h4{text-wrap:balance}a:not([class]){text-decoration-skip-ink:auto;color:currentColor}img,picture{max-width:100%;display:block}input,button,textarea,select{font-family:inherit;font-size:inherit}textarea:not([rows]){min-height:10em}:target{scroll-margin-block:5ex}:root{--primaryColor: oklch(.45 .15 240);--contrastColor: oklch(.95 .02 240);--backgroundColor: oklch(1 0 0);--textColor: oklch(.2 .02 240);--accentColor: oklch(.5133 .2577 29.23);--headerBg: oklch(0 0 0);--footerBg: oklch(.3 .02 240);--linkColor: var(--textColor);--hoverBg: oklch(.5428 .1317 250.09)}*{margin:0;padding:0;box-sizing:border-box}h1,h2,h3,h4,h5,h6{font-family:Oswald,sans-serif;margin-block:1rem 1.67rem}h1{font-size:clamp(40px,4vw,60px)}h2{font-size:clamp(30px,3vw,40px)}a{color:var(--primaryColor);text-decoration:none;transition:color .3s ease}a:hover{color:var(--accentColor)}body{font-family:Maven Pro,sans-serif;color:var(--textColor);background-color:var(--backgroundColor);font-size:30px}main{min-height:calc(100vh - 200px);padding-block:2rem}main.home{padding-block:0 2rem}p,li{font-size:clamp(20px,2vw,30px)}ul{margin-left:5rem}@media (max-width: 768px){ul{margin-left:2rem}}li{font-weight:400}.center{text-align:center}.container{width:calc(100% - 1rem);max-width:1200px;margin:0 auto;padding:0 20px}.header{background:var(--headerBg);box-shadow:0 2px 10px #0000001a;position:sticky;top:0;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem}.brandLink{text-decoration:none}.brand{display:flex;align-items:center;justify-content:center;gap:10px}.logo{width:clamp(50px,5vw,100px)}.brandText{display:flex;flex-direction:column;margin:0 0 0 1rem;text-transform:uppercase}.brandText h1{color:var(--accentColor);margin:0;font-size:clamp(26px,6vw,38px);letter-spacing:.1em;line-height:1.1}.brandText h2{color:var(--contrastColor);margin:0;font-size:clamp(19px,4.35vw,27px);font-weight:400;letter-spacing:.095em;line-height:1}.fish{width:clamp(40px,5vw,100px)}.footer{background:var(--footerBg);color:var(--contrastColor);text-align:center;padding:2rem}.footer p{margin:0;font-size:.9rem}.revealTransition{transition:opacity .3s ease-out,transform .3s ease-out}.revealHidden{opacity:0;transform:translateY(100px)}.revealVisible{opacity:1;transform:translateY(0)}.revealVisible.replacementDoorCard{transition:opacity .3s ease-out,transform .3s ease-out,box-shadow .3s ease-in-out}.revealVisible.replacementDoorCard:hover{box-shadow:5px 5px 10px #0000;transform:translateY(0) translate(2px,2px)}