*,*::before,*::after{box-sizing:border-box}body,h1,h2,h3,p,figure,blockquote{margin:0}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}
:root{--ink:#15191d;--paper:#f2f3ef;--surface:#fff;--muted:#5f686e;--accent:var(--public-accent,#efb11d);--second:var(--brand-accent,#8ea2ae);--line:#d7dcda;--gutter:clamp(1.25rem,4vw,3.5rem);--display:"Arial Narrow",Arial,sans-serif;--eyivo-nav-menu-bg:#20262b;--eyivo-nav-menu-text:#fff}
body{background:var(--paper);color:var(--ink);font-family:Arial,sans-serif;line-height:1.65;min-width:320px}.shell{width:min(100%,86rem);margin-inline:auto;padding-inline:var(--gutter)}
h1,h2,h3{font-family:var(--display);font-weight:800;letter-spacing:-.035em;line-height:1.13;text-wrap:balance;overflow-wrap:anywhere}h1{font-size:clamp(2.2rem,4.3vw,4rem);text-transform:uppercase}h2{font-size:clamp(1.75rem,3vw,2.75rem);text-transform:uppercase}h3{font-size:clamp(1.15rem,1.7vw,1.45rem)}p{color:var(--muted)}
.skip{position:absolute;inset-inline-start:1rem;top:1rem;z-index:50;transform:translateY(-180%);padding:.7rem 1rem;background:#fff;color:var(--ink)}.skip:focus{transform:none}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
.workshop-bar{background:var(--accent);color:var(--ink)}.workshop-bar>.shell{display:flex;justify-content:space-between;gap:1rem;padding-block:.5rem;font-size:.65rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.workshop-bar span:last-child{text-align:end}
.site-header{position:sticky;top:0;z-index:30;background:var(--ink);color:#fff;box-shadow:0 1px 0 #ffffff18}.auto-header-inner{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;min-height:5.5rem}.brand{display:flex;align-items:center;gap:.65rem;min-width:0;max-width:18rem;font-weight:800;font-size:1rem;line-height:1.25}.brand i{display:grid;place-items:center;flex:0 0 2.1rem;height:2.1rem;border:1px solid var(--accent);color:var(--accent);font-style:normal}.brand span{overflow-wrap:anywhere}.header-actions{display:flex;align-items:center;gap:.85rem}.desktop-nav{display:flex;align-items:center;gap:.25rem}.desktop-nav a,.desktop-nav summary,.header-cta,.menu summary{font-size:.71rem;font-weight:700;letter-spacing:.025em}.desktop-nav>.eyivo-navigation-item>a,.auto-more>summary{display:flex;align-items:center;min-height:44px;padding:.65rem .65rem;white-space:nowrap}.desktop-nav>.eyivo-navigation-item,.auto-more{border:0;border-radius:0;color:#dfe4e5}.desktop-nav>.eyivo-navigation-item:hover,.desktop-nav>.eyivo-navigation-item:has(>a[aria-current]),.auto-more[open]{background:#2b3136;color:var(--accent)}
:root .theme-auto .site-header .eyivo-navigation-item.eyivo-navigation-parent{border:0;border-radius:0;color:#dfe4e5;gap:0}
:root .theme-auto .site-header .eyivo-navigation-item.eyivo-navigation-parent:is(:hover,:has(>details[open]),:has(>a[aria-current])){background:#2b3136;color:var(--accent)}
:root .theme-auto .site-header .eyivo-navigation-parent>a{padding:.65rem .15rem .65rem .65rem;min-height:44px;background:transparent;color:inherit}
:root .theme-auto .site-header .eyivo-navigation-dropdown>summary{width:2rem;min-width:2rem;min-height:44px;border-radius:0;background:transparent;color:inherit}
:root .theme-auto .site-header .eyivo-navigation-dropdown>summary:is(:hover,:focus-visible){background:#ffffff10;color:var(--accent)}
:root .theme-auto .site-header .eyivo-navigation-submenu{min-width:15rem;top:calc(100% + .5rem);padding:.5rem;border:1px solid #ffffff24;border-top:3px solid var(--accent);border-radius:.35rem;background:#20262b;color:#fff;box-shadow:0 1rem 2rem #0004}
:root .theme-auto .site-header .eyivo-navigation-submenu>a{min-height:44px;padding:.7rem .85rem;border-radius:.2rem;color:#e7ebec;font-size:.8rem;font-weight:600;white-space:normal}
:root .theme-auto .site-header .eyivo-navigation-submenu>a:is(:hover,[aria-current]){background:#ffffff10;color:var(--accent)}
.header-cta,.button{display:inline-flex;align-items:center;justify-content:center;gap:.8rem;min-height:46px;padding:.8rem 1.15rem;border:1px solid transparent;border-radius:.2rem;background:var(--accent);color:#15191d;font-size:.76rem;font-weight:800;line-height:1.4;letter-spacing:.035em;text-transform:uppercase}.header-cta{min-height:44px;white-space:nowrap}.button:hover,.header-cta:hover{filter:brightness(.95)}.text-link{display:inline-flex;align-items:center;gap:.65rem;min-height:44px;font-size:.78rem;font-weight:700;text-underline-offset:.25em}.text-link:hover{text-decoration:underline}.button-row{display:flex;flex-wrap:wrap;align-items:center;gap:1.15rem;margin-top:1.75rem}
.auto-more{position:relative}.auto-more>summary,.menu>summary{list-style:none;cursor:pointer}.auto-more>summary::-webkit-details-marker,.menu>summary::-webkit-details-marker{display:none}.auto-more summary{gap:.5rem}.auto-more>summary svg{display:block;flex:0 0 .8rem;width:.8rem;height:.8rem;transition:transform .18s}.auto-more[open]>summary svg{transform:rotate(180deg)}.auto-more-links{position:absolute;inset-inline-end:0;top:calc(100% + .5rem);display:grid;min-width:15rem;padding:.5rem;border:1px solid #ffffff24;border-top:3px solid var(--accent);border-radius:.35rem;background:#20262b;color:#fff;box-shadow:0 1rem 2rem #0004}.auto-more-links>.eyivo-navigation-item>a{display:block;min-height:44px;padding:.7rem .85rem;white-space:normal}.auto-more-links>.eyivo-navigation-item{display:flex;justify-content:space-between}.auto-more-links>.eyivo-navigation-item:is(:hover,:has(>a[aria-current])){background:#ffffff10;color:var(--accent)}.menu{display:none}.locale-switcher{display:flex;flex-wrap:wrap;gap:.45rem;max-width:9rem}.locale-switcher a{font-size:.7rem;opacity:.75;min-height:32px;display:flex;align-items:center}.locale-switcher a[aria-current]{opacity:1;color:var(--accent)}
.section,.hero-component{padding-block:clamp(3.5rem,6vw,6rem)}.eyebrow{margin-bottom:1rem;color:var(--accent);font-size:.69rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.hero-summary{max-width:40rem;margin-top:1.35rem;font-size:1.04rem;line-height:1.75}.section-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:2rem;align-items:end;margin-bottom:2.25rem}.section-heading h2{max-width:24ch}.section-heading>p{max-width:38rem}.hero-component-grid,.image-text-grid,.product-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2rem,5vw,5rem);align-items:center}.hero-component-grid>*,.image-text-grid>*,.product-hero-grid>*{min-width:0}.image-text figure{overflow:hidden;border-radius:.35rem;background:#dce0df}.image-text figure img{width:100%;height:clamp(20rem,35vw,34rem);object-fit:cover}.image-text .prose{margin-top:1.5rem}.image-text .text-link{margin-top:1.25rem}
.hero-component figure{overflow:hidden;border-radius:.35rem}.hero-component figure img{width:100%;height:clamp(22rem,40vw,38rem);object-fit:cover}.hero-component figcaption{padding:.65rem 1rem;background:var(--ink);color:#fff;font-size:.7rem}
.hero-component.hero-immersive.has-image{position:relative;isolation:isolate;overflow:hidden;min-height:clamp(30rem,70svh,45rem);padding:0;background:#15191d;color:#fff}.hero-component.hero-immersive.has-image .hero-component-grid{display:flex;min-height:inherit;align-items:center;padding-block:clamp(4rem,8vw,7rem)}.hero-component.hero-immersive.has-image .hero-copy{position:relative;z-index:1;max-width:49rem}.hero-component.hero-immersive.has-image figure{position:absolute;inset:0;z-index:-2;border:0;border-radius:0;width:100%;height:100%}.hero-component.hero-immersive.has-image figure img{width:100%;height:100%;object-fit:cover;filter:saturate(.75)}.hero-component.hero-immersive.has-image figcaption{display:none}.hero-component.hero-immersive.has-image::after{position:absolute;inset:0;z-index:-1;content:"";background:linear-gradient(90deg,#0c1116ed,#0c1116a6 65%,#0c111659)}.hero-component.hero-immersive.has-image :is(h1,.hero-summary){color:#fff}.hero-component.hero-immersive.has-image h1{max-width:20ch}.hero-component.hero-immersive.has-image .eyebrow{color:var(--accent)}
.auto-page-hero{position:relative;isolation:isolate;overflow:hidden;background:#e7ebe8;border-bottom:1px solid var(--line);padding-block:clamp(3rem,6vw,5rem)}.auto-page-hero .hero-content{position:relative;z-index:1}.auto-page-hero h1{max-width:23ch}.auto-page-hero .eyebrow{color:#65706b}.auto-page-hero.has-image{background:var(--ink);color:#fff}.auto-page-hero>.hero-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.auto-page-hero.has-image>.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#10171de6,#10171d7a)}.auto-page-hero.has-image :is(.eyebrow,.hero-summary){color:#fff}.breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:1.75rem;font-size:.75rem;line-height:1.6}.breadcrumbs a{text-decoration:underline;text-underline-offset:.2rem}.breadcrumbs>span:not([aria-current]){opacity:.45}
.prose-layout{display:grid;grid-template-columns:minmax(8rem,.3fr) minmax(0,1fr);gap:3rem}.prose-index{font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.prose{max-width:51rem;color:var(--muted);font-size:1rem;line-height:1.85;overflow-wrap:anywhere}.prose p+p,.prose>*+*{margin-top:1rem}.prose :is(h2,h3){color:var(--ink);text-transform:none;letter-spacing:-.025em;margin-top:1.8rem}.prose h2{font-size:1.65rem}.prose h3{font-size:1.25rem}.prose a{text-decoration:underline;text-underline-offset:.2em}.prose :is(ul,ol){padding-inline-start:1.25rem}
.native-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;align-items:stretch}.native-card{display:flex;min-width:0;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:.35rem;background:var(--surface);transition:transform .2s,box-shadow .2s}.native-card:hover{transform:translateY(-3px);box-shadow:0 .75rem 2rem #15191d0f}.native-card>div{display:flex;flex:1;flex-direction:column;gap:.65rem;padding:1.5rem}.native-card>img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}.native-card h2,.native-card h3{font-size:1.25rem;line-height:1.35;text-transform:none}.native-card>div>span{font-size:.68rem;color:#737d80;font-weight:700}.native-card p{font-size:.9rem}.native-card b{font-size:.75rem;margin-top:auto;padding-top:1rem;color:var(--ink)}.catalog-toolbar{display:flex;justify-content:flex-end;margin-bottom:1.75rem}.catalog-toolbar label{width:min(100%,23rem)}.catalog-toolbar input{width:100%;min-height:46px;border:1px solid var(--line);border-radius:.25rem;padding:.75rem 1rem;background:#fff;color:var(--ink)}
.product-hero{padding-block:clamp(3rem,6vw,5rem);border-bottom:1px solid var(--line);background:#e7ebe8}.product-hero h1{max-width:20ch}.product-hero .button{margin-top:1.75rem}.auto-product-cover{height:clamp(20rem,34vw,32rem);overflow:hidden;border-radius:.4rem;background:#d8dedb}.theme-auto .product-hero .auto-product-cover img{display:block;width:100%;height:100%;max-height:none;object-fit:cover;object-position:50% 50%}
.auto-gallery-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.7fr);gap:2rem;align-items:end;margin-bottom:2rem}.auto-gallery-heading p{max-width:38rem}.gallery-grid,.editorial-gallery,.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}.gallery-grid figure,.editorial-gallery figure{overflow:hidden;border:1px solid var(--line);border-radius:.35rem;background:#fff}.gallery-grid img,.editorial-gallery img,.project-grid img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}.gallery-grid figcaption,.editorial-gallery figcaption{display:grid;gap:.35rem;padding:1.2rem 1.3rem}.gallery-grid figcaption:empty{display:none}.gallery-grid figcaption strong,.editorial-gallery figcaption strong{font-size:1rem;line-height:1.4}.gallery-grid figcaption span,.editorial-gallery figcaption span{color:var(--muted);font-size:.85rem}.gallery-grid>figure:first-child:nth-last-child(n+3){grid-column:span 2;grid-row:span 2}.gallery-grid>figure:first-child:nth-last-child(n+3) img{aspect-ratio:1.08}.gallery-grid>figure:first-child:nth-last-child(n+3) figcaption{padding:1.5rem}.fp-gallery-masonry{align-items:start}.video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem}.video-card{background:#fff;padding:1.25rem;border:1px solid var(--line);border-radius:.35rem}.video-card h2{font-size:1.25rem;margin-top:1rem}.video-card p{font-size:.9rem;margin-top:.5rem}.video-card video{width:100%;max-height:28rem}.video-placeholder{display:flex;align-items:center;justify-content:space-between;min-height:12rem;padding:2rem;background:var(--ink);color:#fff}
.lead-form-layout,.contact-layout,.faq-layout,.hours-layout,.contact-actions,.location-grid,.specs-layout{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:clamp(2rem,5vw,5rem)}.lead-form{display:grid;gap:1.2rem;padding:clamp(1.5rem,3vw,2.5rem);border:1px solid var(--line);border-top:4px solid var(--accent);border-radius:.35rem;background:#fff}.lead-form h2{font-size:1.75rem}.lead-form label{display:grid;gap:.45rem;font-size:.85rem;font-weight:600}.lead-form input,.lead-form textarea,.lead-form select{width:100%;padding:.8rem;border:1px solid #cbd2d0;border-radius:.2rem;background:#fff;color:var(--ink)}.lead-form input[type=checkbox]{width:auto;justify-self:start}.lead-form small{font-size:.75rem;font-weight:400;color:var(--muted)}.honeypot{position:absolute;inset-inline-start:-9999px}.form-error{color:#a72f28}.form-success{color:#1f6743}.contact-aside>a,.contact-aside>div{display:grid;gap:.4rem;margin-top:1.5rem;padding-top:1.1rem;border-top:1px solid var(--line)}.contact-aside span{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em}.contact-aside strong{font-size:1rem;font-weight:600;overflow-wrap:anywhere}.contact-aside h2{font-size:clamp(1.8rem,2.7vw,2.5rem)}.faq-list details,.hours-layout dl div,.specs-layout dl div{padding:1rem 0;border-bottom:1px solid var(--line)}
.site-footer{padding-block:clamp(3rem,5vw,5rem) 1.5rem;background:var(--ink);color:#fff}.auto-footer-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.6fr);gap:3rem;padding-bottom:2.5rem}.auto-footer-brand{font-size:1rem}.auto-footer-tagline{max-width:28ch;margin-top:1rem;color:#fff;font-size:clamp(1.25rem,2vw,1.7rem);font-weight:700;line-height:1.4}.auto-footer-description{max-width:65ch;margin-top:1rem;color:#adb7bb;font-size:.88rem;line-height:1.8}.auto-footer-contact{display:flex;flex-direction:column;align-items:flex-start;gap:.7rem;color:#d9dfe1;font-size:.9rem;overflow-wrap:anywhere}.auto-footer-contact p{color:inherit}.auto-footer-contact a{min-height:32px}.theme-footer-links{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;padding-block:1.5rem;border-top:1px solid #ffffff24;color:#d9dfe1;font-size:.8rem}.theme-footer-links a{display:flex;align-items:center;min-height:36px}.theme-footer-links a:hover{color:var(--accent)}.auto-footer-bottom{padding-top:1.25rem;border-top:1px solid #ffffff24;color:#a6b1b6;font-size:.8rem}
.blog-header{background:#e7ebe8}.blog-header h1{font-size:clamp(2.2rem,4vw,3.75rem)}.blog-header p{margin-top:1rem}.blog-card h2{font-size:1.35rem;text-transform:none}.blog-post-body :is(h2,h3,h4){text-transform:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@media(max-width:1150px){.desktop-nav,.header-cta{display:none}.menu{display:block}.menu>summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:44px;padding:.65rem .8rem;border:1px solid #ffffff4d;border-radius:.2rem}.menu>nav{position:absolute;top:100%;inset-inline:0;display:grid;gap:.25rem;max-height:calc(100dvh - 7rem);overflow-y:auto;padding:1rem var(--gutter) 1.5rem;border-top:1px solid #ffffff24;background:#20262b;color:#fff;box-shadow:0 1rem 2rem #0003}.menu>nav>.eyivo-navigation-item{display:flex;justify-content:space-between;min-height:44px;border-bottom:1px solid #ffffff18}.menu>nav>.eyivo-navigation-item>a{flex:1;min-height:44px;padding:.75rem}.menu .eyivo-navigation-submenu{position:static!important;width:100%;box-shadow:none!important}.menu .eyivo-navigation-parent{flex-wrap:wrap}.menu .eyivo-navigation-dropdown{display:contents}.menu .eyivo-navigation-dropdown>summary{margin-inline-start:auto}.menu .eyivo-navigation-submenu{flex-basis:100%}.auto-header-inner{gap:1rem;min-height:5rem}.workshop-bar span:last-child{display:none}}
@media(max-width:800px){.hero-component-grid,.image-text-grid,.product-hero-grid,.section-heading,.lead-form-layout,.contact-layout,.faq-layout,.hours-layout,.contact-actions,.location-grid,.specs-layout,.auto-gallery-heading,.prose-layout{grid-template-columns:minmax(0,1fr);gap:1.75rem}.native-card-grid,.stats-grid,.team-grid,.project-grid,.testimonial-grid,.credentials-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-grid,.editorial-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-grid>figure:first-child:nth-last-child(n+3){grid-column:span 2;grid-row:auto}.gallery-grid>figure:first-child:nth-last-child(n+3) img{aspect-ratio:16/10}.auto-footer-top{grid-template-columns:minmax(0,1fr);gap:2rem}.hero-component.hero-immersive.has-image{min-height:32rem}.hero-component.hero-immersive.has-image .hero-component-grid{padding-block:4rem}.prose-index{border-bottom:1px solid var(--line);padding-bottom:1rem}}
@media(max-width:540px){.native-card-grid,.gallery-grid,.editorial-gallery,.project-grid,.team-grid,.testimonial-grid,.credentials-grid,.video-grid{grid-template-columns:minmax(0,1fr)}.gallery-grid>figure:first-child:nth-last-child(n+3){grid-column:auto}.gallery-grid>figure:first-child:nth-last-child(n+3) img{aspect-ratio:4/3}.brand{max-width:12rem;font-size:.9rem}.brand i{flex-basis:1.8rem;height:1.8rem}.hero-summary{font-size:.98rem}.button-row{align-items:stretch;gap:.75rem}.section-heading{margin-bottom:1.75rem}}
[dir=rtl] body{direction:rtl;text-align:start}
@media(max-width:1150px){.menu>nav>.eyivo-navigation-item:is(:hover,:has(>a[aria-current])){background:#2b3136;color:var(--accent)}:root .theme-auto .site-header .menu>nav>.eyivo-navigation-parent{display:grid;grid-template-columns:minmax(0,1fr) 44px}:root .theme-auto .site-header .menu .eyivo-navigation-dropdown>summary{grid-column:2;width:44px}:root .theme-auto .site-header .menu .eyivo-navigation-submenu{grid-column:1/-1;width:auto;min-width:0;max-width:100%;margin:.25rem .75rem .75rem;padding:.25rem .5rem;border:0;border-inline-start:2px solid var(--accent);border-radius:0;box-shadow:none;background:transparent}}
@media(prefers-reduced-motion:reduce){.native-card,.auto-more>summary svg{transition:none}.native-card:hover{transform:none}}