*,:after,:before{box-sizing:border-box}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fbfaf5;color:#0b0f0d;margin:0}body,h1,h2,h3{font-family:Helvetica Neue,Helvetica,Arial,sans-serif}img,video{max-width:100%}::selection{background:#eba93c;color:#0b0f0d}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#fbfaf5}::-webkit-scrollbar-thumb{background:#5b93c4;border-radius:999px}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.reveal{opacity:0;-webkit-transform:translateY(48px);transform:translateY(48px);transition:opacity .9s cubic-bezier(.16,1,.3,1),-webkit-transform .9s cubic-bezier(.16,1,.3,1);transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1);transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1),-webkit-transform .9s cubic-bezier(.16,1,.3,1);will-change:opacity,transform}.reveal--visible{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;-webkit-transform:none;transform:none;transition:none}html{scroll-behavior:auto}}.App{width:100%}.App,.Home{overflow-x:hidden}.Home{background:#fbfaf5;flex-direction:column}.Home,.hero{display:flex}.hero{align-items:flex-end;height:92vh;min-height:560px;overflow:hidden;position:relative}.hero-media{inset:-10% 0;position:absolute;will-change:transform}.hero-image{-webkit-animation:kenburns 18s ease-in-out infinite alternate;animation:kenburns 18s ease-in-out infinite alternate;height:100%;object-fit:cover;width:100%}@-webkit-keyframes kenburns{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1.12);transform:scale(1.12)}}@keyframes kenburns{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1.12);transform:scale(1.12)}}.hero-gradient{background:linear-gradient(180deg,rgba(11,15,13,.15),rgba(11,15,13,.05) 35%,rgba(11,15,13,.78));inset:0;position:absolute}.hero-content{color:#fff;max-width:830px;padding:0 6vw 9vh;position:relative;z-index:1}.eyebrow{color:#f4c778;margin-bottom:1rem}.eyebrow,.hero-title{font-family:Helvetica Neue,Helvetica,Arial,sans-serif}.hero-title{font-size:clamp(2.1rem,5vw,4rem);font-weight:600;line-height:1.08;margin:0}.scroll-cue{bottom:28px;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:1}.scroll-cue span{border:2px solid hsla(0,0%,100%,.6);border-radius:999px;display:block;height:36px;position:relative;width:22px}.scroll-cue span:before{-webkit-animation:scrollcue 1.8s ease-in-out infinite;animation:scrollcue 1.8s ease-in-out infinite;background:#f4c778;border-radius:999px;content:"";height:8px;left:50%;position:absolute;top:6px;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:4px}@-webkit-keyframes scrollcue{0%{opacity:1;top:6px}70%{opacity:0;top:18px}to{opacity:0;top:6px}}@keyframes scrollcue{0%{opacity:1;top:6px}70%{opacity:0;top:18px}to{opacity:0;top:6px}}.section{padding:clamp(3.5rem,8vh,6rem) 6vw}.section-title{color:#0b0f0d;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:clamp(1.8rem,3vw,2.6rem);font-weight:600;margin:0 0 2.5rem}.section--feature{background:#f4f7fa}.feature-grid{grid-gap:1.75rem;align-items:stretch;display:grid;gap:1.75rem;grid-template-columns:1.6fr repeat(3,1fr)}.feature-copy{align-self:center;color:rgba(11,15,13,.68);font-size:1.2rem;line-height:1.75}.feature-media{border-radius:18px;box-shadow:0 2px 10px rgba(11,15,13,.08);height:100%;min-height:220px;object-fit:cover;transition:box-shadow .4s cubic-bezier(.16,1,.3,1),-webkit-transform .4s cubic-bezier(.16,1,.3,1);transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s cubic-bezier(.16,1,.3,1);transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s cubic-bezier(.16,1,.3,1),-webkit-transform .4s cubic-bezier(.16,1,.3,1);width:100%}.feature-media:hover{box-shadow:0 12px 32px rgba(11,15,13,.14);-webkit-transform:translateY(-6px) scale(1.02);transform:translateY(-6px) scale(1.02)}.section--split{align-items:center;display:flex;gap:clamp(2rem,5vw,4rem)}.section--split-reverse{flex-direction:row-reverse}.split-media{aspect-ratio:4/3;border-radius:28px;box-shadow:0 12px 32px rgba(11,15,13,.14);flex:1 1 400px;max-width:500px;object-fit:cover;transition:-webkit-transform .4s cubic-bezier(.16,1,.3,1);transition:transform .4s cubic-bezier(.16,1,.3,1);transition:transform .4s cubic-bezier(.16,1,.3,1),-webkit-transform .4s cubic-bezier(.16,1,.3,1);width:100%}.split-media:hover{-webkit-transform:scale(1.02);transform:scale(1.02)}.split-media-phone{aspect-ratio:1206/2622;border-radius:28px;box-shadow:0 12px 32px rgba(11,15,13,.14);flex:0 1 320px;max-width:320px;overflow:hidden;transition:-webkit-transform .4s cubic-bezier(.16,1,.3,1);transition:transform .4s cubic-bezier(.16,1,.3,1);transition:transform .4s cubic-bezier(.16,1,.3,1),-webkit-transform .4s cubic-bezier(.16,1,.3,1);width:100%}.split-media-phone:hover{-webkit-transform:scale(1.02);transform:scale(1.02)}.split-media-phone .video-player{display:block;height:100%;object-fit:cover;width:100%}.split-copy{flex:1 1 440px}.split-copy h2{color:#0b0f0d;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:clamp(1.7rem,3vw,2.4rem);font-weight:600;line-height:1.2;margin:0 0 1.1rem}.split-copy p{color:rgba(11,15,13,.68);font-size:1.2rem;line-height:1.75;margin:0}.section--statement{display:flex;justify-content:center}.statement{max-width:960px;text-align:center}.statement-title{color:#0b0f0d;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:clamp(1.6rem,3vw,2.3rem);font-weight:600;margin:0 0 1.25rem}.statement-copy{color:rgba(11,15,13,.68);font-size:1.25rem;line-height:1.75;margin:0}.section--video{background:#0b0f0d;display:flex;justify-content:center}.media-frame{border-radius:28px;box-shadow:0 24px 64px rgba(11,15,13,.22);overflow:hidden;width:min(900px,100%)}.video-player{display:block;height:100%;object-fit:cover;width:100%}.section--pillars{grid-gap:2rem;background:linear-gradient(180deg,#eaf2fa,#d9e9f6);display:grid;gap:2rem;grid-template-columns:repeat(4,1fr)}.pillar{background:#fff;border:1px solid #a9cdec;border-radius:18px;box-shadow:0 2px 10px rgba(11,15,13,.08);padding:2rem 1.75rem;position:relative;transition:border-color .4s cubic-bezier(.16,1,.3,1),background .4s cubic-bezier(.16,1,.3,1),box-shadow .4s cubic-bezier(.16,1,.3,1),-webkit-transform .4s cubic-bezier(.16,1,.3,1);transition:transform .4s cubic-bezier(.16,1,.3,1),border-color .4s cubic-bezier(.16,1,.3,1),background .4s cubic-bezier(.16,1,.3,1),box-shadow .4s cubic-bezier(.16,1,.3,1);transition:transform .4s cubic-bezier(.16,1,.3,1),border-color .4s cubic-bezier(.16,1,.3,1),background .4s cubic-bezier(.16,1,.3,1),box-shadow .4s cubic-bezier(.16,1,.3,1),-webkit-transform .4s cubic-bezier(.16,1,.3,1)}.pillar:hover{background:#eaf2fa;border-color:#d68f1f;box-shadow:0 12px 32px rgba(11,15,13,.14);-webkit-transform:translateY(-8px);transform:translateY(-8px)}.pillar-index{align-items:center;background:#eba93c;border-radius:50%;display:inline-flex;font-size:.85rem;height:2.4rem;justify-content:center;margin-bottom:1.25rem;width:2.4rem}.pillar-index,.pillar-title{color:#0b0f0d;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:600}.pillar-title{font-size:1.25rem;margin:0 0 .75rem}.pillar-copy{color:rgba(11,15,13,.68);font-size:1.08rem;line-height:1.65;margin:0}.section--mobile-showcase{align-items:center;display:flex;gap:clamp(2rem,5vw,4rem)}.mobile-showcase-copy{flex:1 1 460px}.mobile-showcase-copy h2{color:#0b0f0d;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:clamp(1.7rem,3vw,2.4rem);font-weight:600;line-height:1.2;margin:0 0 1.1rem}.mobile-showcase-copy p{color:rgba(11,15,13,.68);font-size:1.2rem;line-height:1.75;margin:0}.mobile-showcase-media{display:flex;gap:1rem;margin-top:2rem}.mobile-showcase-item{aspect-ratio:1/1;border-radius:18px;box-shadow:0 2px 10px rgba(11,15,13,.08);flex:1 1;overflow:hidden;transition:box-shadow .4s cubic-bezier(.16,1,.3,1),-webkit-transform .4s cubic-bezier(.16,1,.3,1);transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s cubic-bezier(.16,1,.3,1);transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s cubic-bezier(.16,1,.3,1),-webkit-transform .4s cubic-bezier(.16,1,.3,1)}.mobile-showcase-item:hover{box-shadow:0 12px 32px rgba(11,15,13,.14);-webkit-transform:translateY(-4px);transform:translateY(-4px)}.mobile-showcase-item img,.mobile-showcase-item video{display:block;height:100%;object-fit:cover;width:100%}.banner{line-height:0;position:relative}.banner-image{display:block;height:clamp(360px,78vh,760px);object-fit:cover;object-position:center 45%;width:100%}.feature-grid .reveal:first-child{transition-delay:0s}.feature-grid .reveal:nth-child(2){transition-delay:.08s}.feature-grid .reveal:nth-child(3){transition-delay:.16s}.feature-grid .reveal:nth-child(4){transition-delay:.24s}.section--pillars .reveal:first-child{transition-delay:0s}.section--pillars .reveal:nth-child(2){transition-delay:.12s}.section--pillars .reveal:nth-child(3){transition-delay:.24s}.section--pillars .reveal:nth-child(4){transition-delay:.36s}.mobile-showcase-media .reveal:first-child{transition-delay:0s}.mobile-showcase-media .reveal:nth-child(2){transition-delay:.1s}.mobile-showcase-media .reveal:nth-child(3){transition-delay:.2s}@media only screen and (max-width:1100px){.section--pillars{grid-template-columns:repeat(2,1fr)}}@media only screen and (max-width:900px){.feature-grid,.section--pillars{grid-template-columns:1fr}.section--mobile-showcase,.section--split,.section--split-reverse{flex-direction:column}.split-media{max-width:100%}.split-media-phone{margin:0 auto;order:-1}}@media only screen and (max-width:600px){.hero{height:86vh}.hero-content{padding:0 6vw 12vh}.section{padding:3rem 6vw}.mobile-showcase-item{aspect-ratio:4/3}}.Header{align-items:center;background:#0b0f0d;display:flex;height:12vh;justify-content:space-between;min-height:84px;padding:0 5vw;position:-webkit-sticky;position:sticky;top:0;transition:background .4s cubic-bezier(.16,1,.3,1),box-shadow .4s cubic-bezier(.16,1,.3,1),height .4s cubic-bezier(.16,1,.3,1),min-height .4s cubic-bezier(.16,1,.3,1);z-index:40}.Header--scrolled{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:rgba(11,15,13,.88);box-shadow:0 12px 32px rgba(11,15,13,.14);height:10vh;min-height:68px}.Header--menu-open{background:#0b0f0d;box-shadow:none}.logo-container{align-items:center;display:flex}.sungate-logo{border-radius:10px;height:64px;margin-right:18px;object-fit:cover;transition:-webkit-transform .25s cubic-bezier(.16,1,.3,1);transition:transform .25s cubic-bezier(.16,1,.3,1);transition:transform .25s cubic-bezier(.16,1,.3,1),-webkit-transform .25s cubic-bezier(.16,1,.3,1);width:64px}.sungate-logo:hover{-webkit-transform:scale(1.06) rotate(-3deg);transform:scale(1.06) rotate(-3deg)}.sungate-name{color:#fff;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:1.4rem;font-weight:600;letter-spacing:.01em;margin:0}.hamburger-button,.x-button{transition:opacity .25s cubic-bezier(.16,1,.3,1),-webkit-transform .25s cubic-bezier(.16,1,.3,1);transition:transform .25s cubic-bezier(.16,1,.3,1),opacity .25s cubic-bezier(.16,1,.3,1);transition:transform .25s cubic-bezier(.16,1,.3,1),opacity .25s cubic-bezier(.16,1,.3,1),-webkit-transform .25s cubic-bezier(.16,1,.3,1);width:22px}.hamburger-button:hover,.x-button:hover{cursor:pointer;opacity:.85;-webkit-transform:scale(1.15);transform:scale(1.15)}.nav-overlay{align-items:center;background:rgba(11,15,13,.98);display:flex;flex-direction:column;gap:2.25rem;inset:0;justify-content:center;opacity:0;position:fixed;-webkit-transform:translateY(-16px);transform:translateY(-16px);transition:opacity .4s cubic-bezier(.16,1,.3,1),visibility 0s linear cubic-bezier(.16,1,.3,1) .4s,-webkit-transform .4s cubic-bezier(.16,1,.3,1);transition:opacity .4s cubic-bezier(.16,1,.3,1),transform .4s cubic-bezier(.16,1,.3,1),visibility 0s linear cubic-bezier(.16,1,.3,1) .4s;transition:opacity .4s cubic-bezier(.16,1,.3,1),transform .4s cubic-bezier(.16,1,.3,1),visibility 0s linear cubic-bezier(.16,1,.3,1) .4s,-webkit-transform .4s cubic-bezier(.16,1,.3,1);visibility:hidden;z-index:39}.nav-overlay--open{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);transition:opacity .4s cubic-bezier(.16,1,.3,1),visibility 0s,-webkit-transform .4s cubic-bezier(.16,1,.3,1);transition:opacity .4s cubic-bezier(.16,1,.3,1),transform .4s cubic-bezier(.16,1,.3,1),visibility 0s;transition:opacity .4s cubic-bezier(.16,1,.3,1),transform .4s cubic-bezier(.16,1,.3,1),visibility 0s,-webkit-transform .4s cubic-bezier(.16,1,.3,1);visibility:visible}.nav-overlay .nav-link{font-size:2rem}.nav-link{color:#fff;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:1.1rem;font-weight:600;padding-bottom:2px;position:relative;text-decoration:none}.nav-link:after{background:#eba93c;bottom:-2px;content:"";height:2px;left:0;position:absolute;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:right;transform-origin:right;transition:-webkit-transform .25s cubic-bezier(.16,1,.3,1);transition:transform .25s cubic-bezier(.16,1,.3,1);transition:transform .25s cubic-bezier(.16,1,.3,1),-webkit-transform .25s cubic-bezier(.16,1,.3,1);width:100%}.nav-link:hover{color:#f4c778;cursor:pointer}.nav-link:hover:after{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:left;transform-origin:left}@media only screen and (max-width:600px){.Header{height:12vh;min-height:64px}.sungate-name{font-size:5.2vw}.sungate-logo{height:44px;margin-right:10px;width:44px}}.Footer{background:#0b0f0d;border-top:1px solid hsla(0,0%,100%,.08);display:flex;flex-direction:column;gap:1.5rem;padding:3rem 6vw 2rem}.footer-content{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.footer-company-name{color:#fff;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:1.3rem;font-weight:600;margin:0}.company-email{color:hsla(0,0%,100%,.75);font-size:.98rem;position:relative;text-decoration:none;transition:color .25s cubic-bezier(.16,1,.3,1)}.company-email:after{background:#eba93c;bottom:-2px;content:"";height:1px;left:0;position:absolute;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:right;transform-origin:right;transition:-webkit-transform .25s cubic-bezier(.16,1,.3,1);transition:transform .25s cubic-bezier(.16,1,.3,1);transition:transform .25s cubic-bezier(.16,1,.3,1),-webkit-transform .25s cubic-bezier(.16,1,.3,1);width:100%}.company-email:hover{color:#f4c778}.company-email:hover:after{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:left;transform-origin:left}.footer-meta{color:hsla(0,0%,100%,.4);font-size:.8rem;margin:0}@media only screen and (max-width:600px){.footer-content{align-items:flex-start;flex-direction:column}.footer-company-name{font-size:5.5vw}.company-email{font-size:3.8vw}}.aboutus-title-container{align-items:center;display:flex;flex-direction:column;padding-bottom:2vh;padding-top:8vh;text-align:center}.aboutus-title-container h1{color:#0b0f0d;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:clamp(2rem,4vw,3rem);font-weight:600;margin:.5rem 0 0}.aboutus-subsection-1{align-items:center;display:flex;gap:4rem;justify-content:space-evenly;padding:6vh 10% 4vh}.aboutus-image-1{border-radius:28px;box-shadow:0 12px 32px rgba(11,15,13,.14);object-fit:cover;transition:-webkit-transform .4s cubic-bezier(.16,1,.3,1);transition:transform .4s cubic-bezier(.16,1,.3,1);transition:transform .4s cubic-bezier(.16,1,.3,1),-webkit-transform .4s cubic-bezier(.16,1,.3,1);width:30%}.aboutus-image-1:hover{-webkit-transform:scale(1.02);transform:scale(1.02)}.aboutus-content-container-1{width:50%}.aboutus-header-1,.aboutus-header-2{color:#0b0f0d;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:1.6rem;font-weight:600;margin:0 0 1rem}.aboutus-paragraph-1,.aboutus-paragraph-2{color:rgba(11,15,13,.68);font-size:1.2rem;line-height:1.8;margin:0}.aboutus-subsection-2{align-items:center;background:#f4f7fa;display:flex;flex-direction:column;padding:8vh 15%;text-align:center}.aboutus-subsection-2 .aboutus-header-2{margin-bottom:1.25rem}.contact-image-container{display:flex;justify-content:center;overflow:hidden;padding:clamp(3.5rem,8vh,6rem) 6vw;position:relative}.contact-image-container .contact-us-image{aspect-ratio:21/9;border-radius:28px;-webkit-filter:brightness(.55);filter:brightness(.55);max-width:1100px;object-fit:cover;object-position:center 60%;transition:-webkit-transform 8s cubic-bezier(.16,1,.3,1);transition:transform 8s cubic-bezier(.16,1,.3,1);transition:transform 8s cubic-bezier(.16,1,.3,1),-webkit-transform 8s cubic-bezier(.16,1,.3,1);width:100%}.contact-image-container:hover .contact-us-image{-webkit-transform:scale(1.05);transform:scale(1.05)}.contact-image-container .overlay-text{align-items:center;color:#fff;display:flex;flex-direction:column;gap:1.25rem;padding:0 2rem;position:absolute;text-align:center;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:1}.contact-image-container .contact-us-1{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:clamp(1.2rem,2.4vw,1.9rem);font-weight:600;margin:0}.contact-button{background:linear-gradient(135deg,#eba93c,#d68f1f);border:none;border-radius:999px;box-shadow:0 2px 10px rgba(11,15,13,.08);color:#0b0f0d;cursor:pointer;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:1rem;font-weight:700;padding:.9rem 2rem;transition:box-shadow .25s cubic-bezier(.16,1,.3,1),-webkit-transform .25s cubic-bezier(.16,1,.3,1);transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s cubic-bezier(.16,1,.3,1);transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s cubic-bezier(.16,1,.3,1),-webkit-transform .25s cubic-bezier(.16,1,.3,1)}.contact-button:hover{box-shadow:0 12px 32px rgba(11,15,13,.14);-webkit-transform:translateY(-3px);transform:translateY(-3px)}@media only screen and (max-width:600px){.aboutus-subsection-1{flex-direction:column;gap:2rem}.aboutus-content-container-1,.aboutus-image-1{width:90%}.aboutus-header-1,.aboutus-header-2{font-size:7vw}.aboutus-paragraph-1,.aboutus-paragraph-2{font-size:4.8vw}.aboutus-subsection-2{padding:8vh 8%}.contact-image-container{padding:3rem 6vw}.contact-image-container .contact-us-image{aspect-ratio:4/5;width:100%}.contact-image-container .overlay-text{padding:0 1.25rem}}.Gallery{background:#fbfaf5;display:flex;flex-direction:column}.gallery-cover{height:88vh;max-height:840px;min-height:480px;overflow:hidden;position:relative}.gallery-cover-image{display:block;height:100%;object-fit:cover;object-position:center 30%;width:100%}.gallery-cover-overlay{background:linear-gradient(180deg,rgba(11,15,13,.35),rgba(11,15,13,.3) 45%,rgba(11,15,13,.62));inset:0;position:absolute}.gallery-cover-content{align-items:center;color:#fff;display:flex;flex-direction:column;inset:0;justify-content:center;padding:0 1.5rem;position:absolute;text-align:center}.gallery-cover-content .eyebrow{color:#f4c778;margin-bottom:.9rem}.gallery-cover-content h1{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:clamp(2.4rem,6vw,4.2rem);font-weight:600;margin:0 0 .75rem}.gallery-grid{-webkit-column-count:4;column-count:4;-webkit-column-gap:10px;column-gap:10px;padding:10px clamp(10px,3vw,32px) clamp(3rem,8vh,5rem)}.gallery-item{-webkit-column-break-inside:avoid;background:none;border:none;break-inside:avoid;cursor:zoom-in;display:block;margin:0 0 10px;padding:0;page-break-inside:avoid;width:100%}.gallery-item img{display:block;transition:opacity .4s cubic-bezier(.16,1,.3,1),-webkit-transform .4s cubic-bezier(.16,1,.3,1);transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .4s cubic-bezier(.16,1,.3,1);transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .4s cubic-bezier(.16,1,.3,1),-webkit-transform .4s cubic-bezier(.16,1,.3,1);width:100%}.gallery-item:focus-visible img,.gallery-item:hover img{opacity:.92;-webkit-transform:scale(1.015);transform:scale(1.015)}@media only screen and (max-width:1024px){.gallery-grid{-webkit-column-count:3;column-count:3}}@media only screen and (max-width:700px){.gallery-grid{-webkit-column-count:2;column-count:2;-webkit-column-gap:6px;column-gap:6px;padding:6px 6px clamp(2.5rem,8vh,4rem)}.gallery-item{margin-bottom:6px}}@media only screen and (max-width:420px){.gallery-grid{-webkit-column-count:1;column-count:1}}.gallery-lightbox{align-items:center;-webkit-animation:lightbox-fade-in .2s cubic-bezier(.16,1,.3,1);animation:lightbox-fade-in .2s cubic-bezier(.16,1,.3,1);background:rgba(6,8,7,.94);display:flex;inset:0;justify-content:center;padding:4vh 4vw;position:fixed;z-index:1000}@-webkit-keyframes lightbox-fade-in{0%{opacity:0}to{opacity:1}}@keyframes lightbox-fade-in{0%{opacity:0}to{opacity:1}}.lightbox-image{border-radius:4px;box-shadow:0 24px 64px rgba(11,15,13,.22);max-height:92vh;max-width:100%;object-fit:contain}.lightbox-arrow,.lightbox-close{background:none;border:none;color:#fff;cursor:pointer;line-height:1;opacity:.8;padding:.5rem;position:absolute;transition:opacity .25s cubic-bezier(.16,1,.3,1)}.lightbox-arrow:hover,.lightbox-close:hover{opacity:1}.lightbox-close{font-size:2.2rem;right:1.25rem;top:1.25rem}.lightbox-arrow{font-size:1.6rem;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.lightbox-prev{left:1.25rem}.lightbox-next{right:1.25rem}.lightbox-counter{bottom:1.5rem;color:hsla(0,0%,100%,.75);font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:.85rem;left:50%;letter-spacing:.05em;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%)}@media only screen and (max-width:600px){.lightbox-close{font-size:1.8rem;right:.75rem;top:.75rem}.lightbox-arrow{font-size:1.3rem}.lightbox-prev{left:.5rem}.lightbox-next{right:.5rem}}.ProductComponents{background:#fbfaf5;display:flex;flex-direction:column}.components-title-container{align-items:center;display:flex;flex-direction:column;padding:8vh 6vw 2vh;text-align:center}.components-title-container h1{color:#0b0f0d;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:clamp(2rem,4vw,3rem);font-weight:600;margin:.5rem 0 1rem}.eyebrow{color:#d68f1f;display:inline-block;font-size:1.78rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.components-subtitle{color:rgba(11,15,13,.68);font-size:1.05rem;line-height:1.7;margin:0;max-width:640px}.components-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);padding:4vh 6vw 10vh}.component-card{background:#fff;border:1px solid #a9cdec;border-radius:28px;box-shadow:0 2px 10px rgba(11,15,13,.08);display:flex;flex-direction:column;padding:1.5rem;transition:box-shadow .4s cubic-bezier(.16,1,.3,1),-webkit-transform .4s cubic-bezier(.16,1,.3,1);transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s cubic-bezier(.16,1,.3,1);transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s cubic-bezier(.16,1,.3,1),-webkit-transform .4s cubic-bezier(.16,1,.3,1)}.component-card:hover{box-shadow:0 12px 32px rgba(11,15,13,.14);-webkit-transform:translateY(-6px);transform:translateY(-6px)}.component-media{aspect-ratio:4/3;border-radius:18px;margin-bottom:1.25rem;width:100%}.component-media--placeholder{align-items:center;background:#eaf2fa;border:1.5px dashed #a9cdec;color:#2f6690;display:flex;flex-direction:column;gap:.6rem;justify-content:center}.component-media-icon{height:34px;width:34px}.component-media--placeholder span{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:.8rem;font-weight:600;letter-spacing:.02em}.component-card-eyebrow{margin-bottom:.5rem}.component-card-title{color:#0b0f0d;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:1.3rem;font-weight:600;margin:0 0 .65rem}.component-card-copy{color:rgba(11,15,13,.68);font-size:.98rem;line-height:1.65;margin:0}.components-grid .reveal:first-child{transition-delay:0s}.components-grid .reveal:nth-child(2){transition-delay:.08s}.components-grid .reveal:nth-child(3){transition-delay:.16s}.components-grid .reveal:nth-child(4){transition-delay:.08s}.components-grid .reveal:nth-child(5){transition-delay:.16s}.components-grid .reveal:nth-child(6){transition-delay:.24s}@media only screen and (max-width:1024px){.components-grid{grid-template-columns:repeat(2,1fr)}}@media only screen and (max-width:640px){.components-grid{gap:1.5rem;grid-template-columns:1fr;padding:3rem 6vw 6vh}.components-title-container{padding:6vh 6vw 1vh}}
/*# sourceMappingURL=main.e898d48d.css.map*/