/* Approved flat honeycomb direction. Decorative layers never intercept input. */
.public-site{
 --paper:#f0f1f2;--ink:#202020;--muted:#656565;--silver:#f0f1f2;
 --line:#e1e2e4;--accent:#505050;--hover:#f3f3f3;
 position:relative;isolation:isolate;background:#fff;
}
.public-site::before,.public-site::after{
 content:"";position:absolute;left:0;right:0;z-index:-1;pointer-events:none;
 background-image:linear-gradient(90deg,transparent,#fff 36%,#fff 64%,transparent),url('/assets/honeycomb.svg');
 background-repeat:no-repeat,repeat;opacity:.5;
}
.public-site::before{top:0;height:600px;mask-image:linear-gradient(#000 5%,#0009 48%,transparent 100%)}
.public-site::after{bottom:0;height:460px;mask-image:linear-gradient(transparent,#0009 55%,#000)}
.public-site .site-header{background:transparent;transition:background .2s,box-shadow .2s}
.public-site .site-header.scrolled{background:#fffffff5}
.public-site .page-width,.public-site .header-inner{max-width:1200px}
.public-site .hero{min-height:460px;padding-top:102px;padding-bottom:96px}
.public-site .hero h1{font-size:clamp(44px,4.8vw,68px);letter-spacing:.025em;line-height:1.3}
.public-site .hero-bottom{gap:28px;margin:16px 0 0}
.public-site .hero-bottom>p{font-size:19px;color:var(--ink);letter-spacing:.12em}
.public-site .hero-bottom .button{min-width:166px;min-height:50px;font-size:15px}
.public-site .catalogue-cover{margin-top:48px}
.public-site .section-heading{margin-bottom:30px}
.public-site .products-section{padding-top:30px;padding-bottom:60px}
.public-site .product-grid{gap:24px}
.public-site .product-media{aspect-ratio:1.5}
.public-site .image-placeholder{background:#e9eaec;color:#777}
.public-site .image-placeholder>span{font-size:20px;font-weight:400}
.public-site .card-info{padding-top:17px}
.public-site .card-info h3{font-size:18px}
.public-site .card-action{opacity:0;transition:opacity .2s,transform .2s;transform:translateX(-4px)}
.public-site .product-card:hover .card-action,.public-site .product-card:focus-visible .card-action{opacity:1;transform:none}
.public-site .demo-note{display:none}
.public-site .about-section{border-top:1px solid var(--line);padding-top:48px;padding-bottom:32px;gap:6%;grid-template-columns:1.12fr 1fr}
.public-site .about-image{height:auto;aspect-ratio:2.05}
.public-site .about-heading p{font-size:17px;line-height:1.9;margin-top:22px;max-width:24em;text-wrap:pretty}
.public-site .contact-section{padding:90px 0 60px;background:transparent}
.public-site .contact-top{flex-direction:column;gap:18px;text-align:center}
.public-site .contact-top h2{font-size:36px}
.public-site .contact-top p{font-size:17px;color:var(--muted)}
.public-site .contact-top>.button{margin-top:10px;background:transparent;border-color:var(--ink);color:var(--ink);min-width:164px}
.public-site .contact-top>.button:hover{background:var(--ink);color:#fff}
.public-site #contact-details{justify-content:center;text-align:center;margin-top:28px}
.public-site footer{padding-top:0;padding-bottom:20px}
.public-site .footer-bottom{border-top:1px solid var(--line);padding-top:15px;font-size:12px}
.public-site .footer-link{font-size:12px}
@media(max-width:800px){
 .public-site .hero{min-height:410px;padding-top:84px;padding-bottom:80px}
 .public-site::before{height:530px}
 .public-site .products-section{padding-top:24px;padding-bottom:48px}
 .public-site .product-grid{gap:18px}
 .public-site .about-section{padding-top:36px;padding-bottom:20px}
 .public-site .about-heading p{font-size:16px}
 .public-site .contact-section{padding:72px 0 48px}
}
@media(max-width:640px){
 .public-site::before,.public-site::after{background-size:auto,60px 34.64px;opacity:.38;background-image:linear-gradient(90deg,transparent,#fff 32%,#fff 68%,transparent),url('/assets/honeycomb.svg')}
 .public-site::before{height:440px}
 .public-site::after{height:420px}
 .public-site .hero{min-height:350px;padding-top:64px;padding-bottom:68px}
 .public-site .hero h1{font-size:42px}
 .public-site .hero-bottom{gap:26px;margin:14px 0 0}
 .public-site .hero-bottom>p{font-size:15px;letter-spacing:.06em}
 .public-site .hero-bottom .button{min-width:152px}
 .public-site .products-section{padding-top:20px;padding-bottom:40px}
 .public-site .section-heading{margin-bottom:24px}
 .public-site .product-grid{gap:28px}
 .public-site .product-media{aspect-ratio:1.65}
 .public-site .card-action{opacity:1;transform:none}
 .public-site .about-section{grid-template-columns:1fr;gap:26px;padding-top:32px;padding-bottom:12px}
 .public-site .about-image{height:auto;aspect-ratio:1.75}
 .public-site .about-heading p{margin-top:16px}
 .public-site .contact-section{padding:66px 0 42px}
 .public-site .contact-top{gap:16px}
 .public-site .contact-top h2{font-size:28px}
 .public-site .contact-top p{font-size:15px}
 .public-site .footer-bottom{flex-wrap:wrap;gap:8px}
}