@import url("/shared.css");
@import url("/site-shell.css");
body{font-family:var(--v1-font);background-color:var(--v1-paper)}
/* Local gallery and contact-form behavior. */
.preview-honeypot { position:absolute; left:-10000px; width:1px; height:1px; overflow:hidden; }
[data-form-status] { min-height:1.5em; }
.preview-enquire { display:inline-block; text-align:center; text-decoration:none; }
.product-gallery-slides-item:not(.selected) { visibility:hidden!important; opacity:0!important; pointer-events:none; }
.product-gallery-slides-item.selected { visibility:visible!important; opacity:1!important; transform:none!important; }
.product-gallery-slides-item-image { cursor:zoom-in; }
.preview-lightbox { border:0; background:#f4f4f4; padding:20px; max-width:90vw; max-height:90vh; }
.preview-lightbox::backdrop { background:rgb(0 0 0 / .8); }
.preview-lightbox img { display:block; max-width:80vw; max-height:75vh; object-fit:contain; }
.preview-lightbox button { display:block; margin:0 0 15px auto; border:1px solid; padding:8px 18px; cursor:pointer; }

/* Company pages adopt the blog's readable type and inset content layout. */
body.company-site{margin:0;color:var(--v1-ink);font:17px/1.6 var(--v1-font);letter-spacing:normal;-webkit-font-smoothing:antialiased;--sqs-site-gutter:8vw;--sqs-mobile-site-gutter:6vw;--sqs-site-max-width:1300px}
.company-site #page{padding:0;min-height:60vh}
.company-site .page-section .content-wrapper{max-width:1400px;padding-inline:8vw!important;box-sizing:border-box;margin-inline:auto}
.company-site .page-section .fluid-engine{--grid-gutter:0px;grid-template-columns:0 repeat(8,minmax(0,1fr)) 0;max-width:1300px;margin-inline:auto}
.company-site .page-section:first-child{padding-top:60px!important}
.company-site .sqs-html-content p{font-size:17px;line-height:1.6}
.company-site .sqs-html-content h1,.company-site h1.product-title{font-size:clamp(38px,5vw,70px);font-weight:400;line-height:1.08;letter-spacing:-.04em}
.company-site .sqs-html-content h2{font-size:clamp(28px,3vw,40px);font-weight:400;line-height:1.2;letter-spacing:-.025em}
.company-site .sqs-html-content h3{font-size:25px;font-weight:400;line-height:1.3}
.company-site .sqs-html-content .sqsrte-large{font-size:clamp(28px,3vw,40px);line-height:1.2;letter-spacing:-.025em}
.company-site .product-list{max-width:1300px;margin-inline:auto}
.company-site .product-detail{max-width:1300px;margin-inline:auto}
.company-site a{ text-underline-offset:4px }
@media(max-width:800px){.company-site .page-section .content-wrapper{padding-inline:6vw!important}.company-site .page-section:first-child{padding-top:35px!important}}

@media(min-width:768px){.company-site .page-section .fluid-engine{grid-template-columns:0 repeat(24,minmax(0,1fr)) 0}}

.company-site #page .sqsrte-scaled-text h1{font-size:clamp(40px,6vw,84px)!important;line-height:1.04!important;letter-spacing:-.05em;white-space:normal!important}
.company-site #page .company-intro{display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:50px;box-sizing:border-box;max-width:1400px;margin:auto;padding:70px 8vw 90px}
.company-site #page .company-intro h1{font:400 clamp(32px,3vw,46px)/1.12 var(--v1-font);letter-spacing:-.04em;margin:0 0 28px}
.company-site #page .company-intro p{font:400 17px/1.6 var(--v1-font);margin:1.4em 0 0}
.company-site .company-intro>img{display:block;width:100%;height:100%;max-height:550px;object-fit:cover;border-radius:20px}
.company-site .company-offerings{background:var(--v1-sage);padding:70px 8vw 90px}
.company-site .company-offerings-inner{max-width:1300px;margin:auto}
.company-site #page .company-offerings h2{font:400 clamp(32px,4vw,48px)/1.2 var(--v1-font);letter-spacing:-.025em;margin:0 0 40px}
.company-site .company-cards{display:grid;grid-template-columns:1fr 1fr;gap:36px}
.company-site .company-card-image{display:flex;aspect-ratio:3/2;border-radius:20px;overflow:hidden}
.company-site .company-card-image img{display:block;min-width:0;flex:1;width:0;height:100%;object-fit:cover}
.company-site .company-card-image img:first-child{flex:2}
.company-site #page .company-card h3{font:400 28px/1.2 var(--v1-font);letter-spacing:-.025em;margin:24px 0 16px;max-width:450px}
.company-site .company-card-link{display:inline-block;font:400 14px/1.6 var(--v1-font);text-decoration:underline;margin-top:12px;color:var(--v1-ink)}
@media(max-width:800px){.company-site #page .company-intro{grid-template-columns:1fr;gap:32px;padding:55px 6vw 60px}.company-site .company-intro>img{height:auto;max-height:400px;aspect-ratio:3/2}.company-site .company-offerings{padding:40px 6vw}.company-site .company-cards{grid-template-columns:1fr;gap:40px}}