*,:before,:after{box-sizing:border-box}:not(dialog){margin:0}@media (prefers-reduced-motion:no-preference){html{interpolate-size:allow-keywords}}body{-webkit-font-smoothing:antialiased;line-height:1.5}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root,#__next{isolation:isolate}:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;--page-header-height:80px}@media (width<=900px){:root{--page-header-height:60px}}@media (width<=600px){:root{--page-header-height:40px}}:root{font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (width<=1024px){:root{font-size:16px}}#app{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;max-width:100%;min-height:100svh;padding-top:var(--page-header-height);flex-direction:column;margin:0 auto;display:flex}@media (width<=600px){#app{border-inline:none}}images-grid.gallery-page img{max-width:200px;max-height:200px}images-grid.gallery-page iframe{aspect-ratio:16/9;max-width:200px;height:auto;max-height:200px}images-grid.fillspace img{max-width:100%;max-height:100%}images-grid.fillspace iframe{aspect-ratio:16/9;max-width:100%;height:auto;max-height:100%}images-grid.fillspace>div video{object-fit:cover}html:has(dialog[open]){scrollbar-gutter:stable;overflow:hidden}dialog.image{overscroll-behavior:contain;background:0 0;border:none;outline:none;justify-content:center;align-items:center;display:flex;overflow:hidden}dialog.image img{pointer-events:none;max-width:75%;max-height:75%}dialog.image::backdrop{-webkit-backdrop-filter:blur(8px);background-color:#000000b3}images-carousel{width:100vw;height:calc(100vh - var(--page-header-height))}.raleway-title{font-optical-sizing:auto;font-family:Raleway,sans-serif;font-style:normal;font-weight:400}@scope(img-with-caption){:scope figure{text-align:center;flex-direction:column;justify-content:space-between;align-items:center;height:100%;padding:20px;display:flex}:scope figure img{max-width:200px;max-height:300px;display:inline}:scope figure img-click-to-enlarge{display:inline-block}:scope figure img-click-to-enlarge img{cursor:pointer}:scope a{color:inherit;height:100%;text-decoration:none;display:block}}@scope(img-click-to-enlarge){:scope img{cursor:pointer}}@scope(signature-logo){:scope{--stroke:black;display:inline-block}:scope svg path{fill:var(--stroke)}:scope.drop-shadow svg path{filter:drop-shadow(2px -2px .5px #00000040)}}@scope(hamburger-button){:scope{cursor:pointer;--easing-function:ease-out;--transition-duration:.15s;--svg-width:30px;--svg-height:30px}:scope .custom-checkbox{cursor:pointer;width:var(--svg-width);height:var(--svg-height);display:block;position:relative}:scope .custom-checkbox div{width:var(--svg-width);height:var(--svg-height);position:absolute;overflow:hidden}:scope .custom-checkbox div svg{width:var(--svg-width);height:var(--svg-height);margin:0;padding:0;position:absolute;top:0;left:0}:scope .custom-checkbox div svg line{transform-origin:50%;position:relative}:scope .custom-checkbox div svg line:first-child{opacity:1;transition-duration:.5s;transition-duration:var(--transition-duration);transition-timing-function:ease-in-out;transition-timing-function:var(--easing-function)}:scope .custom-checkbox div svg line:nth-child(2),:scope .custom-checkbox div svg line:nth-child(3){transform-box:fill-box;transition-duration:.25s;transition-duration:var(--transition-duration);transition-timing-function:ease-in-out;transition-timing-function:var(--easing-function);transform:rotate(0)translate(0,0)}:scope .custom-checkbox div svg line:nth-child(4){opacity:1;transition-duration:.25s;transition-duration:var(--transition-duration);transition-timing-function:ease-in-out;transition-timing-function:var(--easing-function)}:scope .custom-checkbox>*{position:absolute}:scope .custom-checkbox input[type=checkbox]{appearance:none}:scope .custom-checkbox input[type=checkbox]+div.closed{display:block}:scope .custom-checkbox input[type=checkbox]+div.closed svg line:first-child{transform-box:fill-box;transform-origin:50%;transform:rotate(0)translateY(0)}:scope .custom-checkbox input[type=checkbox]+div.closed+div.open{display:none}:scope .custom-checkbox input[type=checkbox]:checked div{display:block}:scope .custom-checkbox input[type=checkbox]:checked+div.closed svg line:first-child{opacity:0;transition-duration:.5s;transition-duration:var(--transition-duration);transition-timing-function:ease-in-out;transition-timing-function:var(--easing-function)}:scope .custom-checkbox input[type=checkbox]:checked+div.closed svg line:nth-child(2){transform-box:fill-box;transition-duration:.5s;transition-duration:var(--transition-duration);transition-timing-function:ease-in-out;transition-timing-function:var(--easing-function);transform:rotate(45deg)translate(0,0)}:scope .custom-checkbox input[type=checkbox]:checked+div.closed svg line:nth-child(3){transform-box:fill-box;transition-duration:.5s;transition-duration:var(--transition-duration);transition-timing-function:ease-in-out;transition-timing-function:var(--easing-function);transform:rotate(-45deg)translate(0,0)}:scope .custom-checkbox input[type=checkbox]:checked+div.closed svg line:nth-child(4){opacity:0;transition-duration:.5s;transition-duration:var(--transition-duration);transition-timing-function:ease-in-out;transition-timing-function:var(--easing-function)}}@scope(absolute-heading){:scope h1{color:#1c538b;text-align:left;background-color:#fff;border-radius:10px;margin-bottom:0;padding:15px;font-family:Raleway,sans-serif;font-size:200%;font-style:normal;font-weight:400;line-height:100%;display:inline-block;position:absolute;bottom:10px;right:10px}}@scope(a.sauritch-logo){:scope{display:block}:scope img{height:100%;display:block}}@scope(sauritch-logo-hide){:scope{margin-right:.5rem;display:inline-block}:scope a{margin:0}:scope a img{max-height:100%;margin:0;display:inline-block}:scope:last-child{margin-right:0}}@scope(widgets-stack){:scope{background-color:#f9f9f9;flex-flow:column wrap;justify-content:center;align-items:center;gap:20px;padding-top:20px;padding-bottom:20px;display:flex}}@scope(widget-holder){:scope{background-color:#fff;border-radius:4px;flex-direction:column;align-items:center;padding:20px;display:flex;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d}:scope>header{flex:initial;color:#333;background-color:#eee;margin-bottom:10px;padding:4px 8px;font-family:Courier New,Courier,monospace;font-weight:700;display:inline-block;position:relative}}@scope(side-by-side-images){:scope{background-color:#fff;flex-flow:wrap;justify-content:center;align-items:center;gap:20px;padding-top:20px;padding-bottom:20px;display:flex}:scope header{flex:0 0 100%}:scope img-with-caption{align-self:stretch}:scope img{max-width:200px;max-height:300px}:scope a{justify-content:center;align-items:center;display:flex}:scope a img{pointer-events:none}:scope a{color:inherit;background:0 0;flex-flow:wrap;gap:20px;text-decoration:none}:scope a header{flex:0 0 100%}}@scope(images-grid){:scope{grid-template-columns:repeat(3,1fr);place-items:center;gap:15px;width:75vw;padding:20px;display:grid}:scope>video{object-fit:cover;width:100%;min-width:0;height:100%;min-height:0}:scope.fillspace{grid-auto-rows:1fr;place-items:stretch stretch}:scope.fillspace>*,:scope.fillspace img{object-fit:cover;width:100%;height:100%}:scope dialog{overscroll-behavior:contain;background:0 0;border:none;outline:none;justify-content:center;align-items:center;display:flex;overflow:hidden}:scope dialog img{pointer-events:none;max-width:75%;max-height:75%}:scope dialog::backdrop{-webkit-backdrop-filter:blur(8px);background-color:#000000b3}}@scope(image-and-paragraph){:scope{flex-direction:row;justify-content:flex-start;align-items:center;gap:20px;max-width:90vw;display:flex}:scope img{max-width:200px}:scope p{text-align:left}:scope.image-left{flex-direction:row}:scope.image-right{flex-direction:row-reverse}:is(:scope.image-left,:scope.image-right).vertical-align-top img,:is(:scope.image-left,:scope.image-right).vertical-align-top img-click-to-enlarge{align-self:flex-start}:scope.image-top{flex-direction:column}:scope.image-bottom{flex-direction:column-reverse}:is(:scope.image-top,:scope.image-bottom).horizontal-align-left img,:is(:scope.image-top,:scope.image-bottom).horizontal-align-left img-click-to-enlarge{align-self:flex-start}:is(:scope.image-top,:scope.image-bottom).horizontal-align-right img,:is(:scope.image-top,:scope.image-bottom).horizontal-align-right img-click-to-enlarge{align-self:flex-end}}float-image-and-paragraph:not(:defined){visibility:hidden;min-height:50px;display:none;overflow:hidden}float-image-and-paragraph:defined{visibility:visible;transition:opacity .5s ease-in-out;display:flex}@scope(float-image-and-paragraph){:scope{--img-max-width:300px;max-width:75vw;display:flex}:scope img{float:left;max-width:30vw;max-width:var(--img-max-width);position:relative}:scope div.container{flex-grow:inherit;border:0 solid #00f;padding:20px;position:relative;overflow:hidden}:scope p{text-align:left}:scope p.bottom-padding{padding-bottom:2em}:scope.image-left img{margin-bottom:20px;margin-right:20px}:scope.image-right img{float:right;margin-bottom:20px;margin-left:20px;position:relative}:scope.image-left.vertical-align-center div.image-holder{float:left;shape-outside:polygon(0px calc(50% - calc((var(--image-height) / 2) + 20px)), calc(var(--image-width) + 20px) calc(50% - calc((var(--image-height) / 2) + 20px)), calc(var(--image-width) + 20px) calc(50% + calc((var(--image-height) / 2))), 0px calc(50% + calc((var(--image-height) / 2))));shape-outside:polygon(0px 88.5px, calc(var(--image-width) + 20px) 88.5px, calc(var(--image-width) + 20px) 307px, 0px 307px);shape-outside:polygon(0px var(--image-top-edge), calc(var(--image-width) + 20px) var(--image-top-edge), calc(var(--image-width) + 20px) var(--image-bottom-edge), 0px var(--image-bottom-edge));flex:1;justify-content:center;align-items:center;height:100%;margin-right:50px;display:flex;position:relative}:scope.image-left.vertical-align-center div.image-holder img{float:none}:scope.image-right.vertical-align-center div.image-holder{float:right;shape-outside:polygon(0px calc(50% - calc((var(--image-height) / 2) - 20px)), calc(var(--image-width) + 20px) calc(50% - calc((var(--image-height) / 2) + 20px)), calc(var(--image-width) + 20px) calc(50% + calc((var(--image-height) / 2))), 0px calc(50% + calc((var(--image-height) / 2))));shape-outside:polygon(0px var(--image-top-edge), calc(var(--image-width) + 20px) var(--image-top-edge), calc(var(--image-width) + 20px) var(--image-bottom-edge), 0px var(--image-bottom-edge));justify-content:center;align-items:center;height:100%;margin-left:50px;display:flex;position:relative}:scope.image-right.vertical-align-center div.image-holder img{float:none}:scope.image-center img{float:right;margin-bottom:20px;margin-right:50%;margin-left:calc(-1 * var(--img-max-width) / 2);position:relative;transform:translate(50%)}}@scope(page-header){:scope header{height:var(--page-header-height);z-index:1;background:#fff;border-bottom:1px solid #000;flex-direction:row;justify-content:space-between;align-items:center;padding-left:10px;padding-right:10px;display:flex;position:fixed;top:0;left:0;right:0}:scope header>div{flex-direction:row;align-items:center;gap:10px;height:65px;display:flex}:scope header>div>a.sauritch-logo{height:75%}:scope header>div>a.sauritch-logo.small{height:50%}@media (width<=900px){:scope header>div>a.sauritch-logo{height:50%}:scope header>div>a.sauritch-logo.small{height:40%}}@media (width<=600px){:scope header>div>a.sauritch-logo{height:50%}:scope header>div>a.sauritch-logo.small{height:30%}}}@scope(top-nav){:scope{flex-direction:row;align-items:center;font-family:Bebas Neue,cursive;display:flex;position:relative}:scope hamburger-button{display:none}:scope>nav.default{flex:initial;height:var(--page-header-height);text-transform:uppercase;align-self:flex-start;font-size:200%}:scope>nav.default>ul{margin:0;padding:0;list-style:none}@media (width<=900px){:scope>nav.default{font-size:180%}}@media (width<=600px){:scope>nav.default{display:none}:scope hamburger-button{display:block}}:scope>nav.hamburger-dropdown{right:0;top:var(--page-header-height);background:#fff;display:none;position:absolute}:scope:has(hamburger-button>label>input:checked)>nav.hamburger-dropdown{display:block}:scope>nav.hamburger-dropdown ul{border:1px solid #555;margin-left:0;padding-left:0}:scope>nav.hamburger-dropdown ul menu-item{font-size:180%;display:block}:scope>nav.hamburger-dropdown ul menu-item li{text-align:right;border-bottom:1px solid #555;height:2em;display:block}:scope>nav.hamburger-dropdown ul menu-item li a{height:2em;line-height:2em}:scope>nav.hamburger-dropdown ul menu-item:last-child li{border:none}}@scope(menu-item){:scope{display:inline-block;position:relative}:scope>li{height:var(--page-header-height);margin-right:0;list-style:none;display:inline-block}:scope>li>nav{right:0;top:calc(var(--page-header-height) + 1px);z-index:1000;background-color:#fff;border-bottom:1px solid #000;border-left:1px solid #000;border-right:1px solid #000;margin:0;padding:10px 0;display:none;position:absolute}:scope>li>nav menu-item{display:block}:scope>li>nav ul{margin:0;padding:0}:scope>li>nav ul li{text-align:left;height:40px;margin-bottom:.5rem;padding-top:0;padding-bottom:0;display:block}:scope>li>nav ul li a{text-align:left;text-wrap:nowrap;color:#000;width:100%;height:100%;padding-top:2px;line-height:40px;display:block}:scope>li>nav ul li a:hover{color:#fff;background-color:#555}:scope>li>nav ul menu-item:last-child li{margin-bottom:0}:scope>li:hover>nav{opacity:1;display:block}:scope>li>a{height:var(--page-header-height);line-height:var(--page-header-height);color:#333;padding-left:10px;padding-right:10px;text-decoration:none;display:inline-block}:scope>li>a:hover{color:#0080ff}:scope>li:last-child{margin-right:0}:scope.selected>li>a{color:#fff;background:#0080ff}}@scope(page-hero){:scope img,:scope video{object-fit:cover;width:100vw;height:100vh}}@keyframes fadeOutCarouselImage{0%{opacity:1}to{opacity:0}}@scope(images-carousel){:scope{display:block;position:relative}:scope img{object-fit:cover;object-position:center;width:100%;height:100%;position:absolute;top:0;left:0}:scope img.fade-out{animation:3s forwards fadeOutCarouselImage}}@scope(surfboards-grid){:scope{background-color:#fff;width:50vw;padding:30px;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d}:scope header{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:100%}:scope div.grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-auto-rows:1fr;justify-content:start;justify-items:start;gap:15px;padding:20px;display:grid}:scope div.grid img-with-caption{width:200px}:scope div.grid img-with-caption img{min-height:300px}:scope div.grid img-with-caption figcaption{white-space:nowrap;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}@media only screen and (width<=600px){:scope div.grid{grid-template-columns:1fr 1fr;gap:0}:scope div.grid img-with-caption{width:150px}}}