/* A shared path replaces the independently positioned FAQ and footer drawings. */
.reference-close{isolation:isolate}
body.reference-r11 .reference-close :is(.faq-curve,.footer-curve,.footer-circuit){display:none}
.closing-flow{position:absolute;inset:0;width:100%;height:100%;z-index:5;overflow:visible;pointer-events:none;fill:none;mask-image:linear-gradient(transparent,#000 9%,#000 91%,transparent)}
.closing-flow path{vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}
.closing-flow-base{stroke:url(#closing-tone);stroke-width:1;opacity:.6}
.closing-flow-light{stroke:#e3fbff;stroke-width:1.8;stroke-dasharray:32 968;stroke-dashoffset:32;opacity:.68;animation:closing-light-travel 16s linear infinite;animation-play-state:paused}
.closing-flow-live .closing-flow-light{animation-play-state:running}
body.reference-r11 .principles-curve{opacity:1;filter:none;overflow:visible}
.principles-curve path{stroke:#b6dce9;stroke-width:1;vector-effect:non-scaling-stroke;stroke-linecap:round}
.principles-curve .principle-track{opacity:.18}
.principles-curve .principle-current{stroke:#d8f9ff;stroke-width:1.8;stroke-dasharray:90 910;stroke-dashoffset:32;opacity:.65;animation:closing-light-travel 12s linear infinite;animation-play-state:paused}
.principle-flow-live .principle-current{animation-play-state:running}
@keyframes closing-light-travel{to{stroke-dashoffset:-968}}
body.reference-r11 #resources{padding-top:clamp(100px,14.58vw,240px)}
body.reference-r11 #contact .footer-invitation{font-size:clamp(36px,4.17vw,76px);width:min(100%,520px);max-width:100%}
body.reference-r11 #contact .footer-contact{grid-column:2/6}
body.reference-r11 #contact .footer-actions{flex-wrap:wrap;justify-content:flex-end}
body.reference-r11 #contact .footer-secondary{flex-wrap:wrap;row-gap:16px}
/* Keep type within a readable range on wide monitors without scaling the page. */
body.reference-r11 :is(#services,#research) .section-heading h2{font-size:clamp(42px,5.5556vw,96px)}
body.reference-r11 .faq-list summary{min-height:66px}
body.reference-r11 .faq-list summary em{flex:1;min-width:0}
body.reference-r11 .faq-list summary>span{flex:none}
.faq-answer{overflow-x:auto}
@media(min-width:1800px){
 body.reference-r11 #resources .faq-list{grid-column:7/11}
 body.reference-r11 #contact .footer-right{grid-column:9/12}
 body.reference-r11 #contact .footer-contact{grid-column:3/6}
 body.reference-r11 #why .principles-heading .company-r36__lead{max-width:520px}
 body.reference-r11 #facilities .section-heading>p:last-child{max-width:500px}
}
@media(min-width:761px) and (max-width:1100px){
 body.reference-r11 #resources .resource-heading{grid-column:2/6}
 body.reference-r11 #resources .faq-list{grid-column:7/13}
 body.reference-r11 #contact .footer-contact{grid-column:1/6}
 body.reference-r11 #contact .footer-right{grid-column:9/13}
 body.reference-r11 #contact .footer-navigation a:nth-child(-n+2){font-size:clamp(28px,3.5vw,40px)}
 body.reference-r11 #contact .footer-direct{flex-wrap:wrap;gap:8px 14px}
}
@media(max-width:760px){
 body.reference-r11 #resources{padding-left:38px;padding-right:24px}
 body.reference-r11 #contact{padding-left:38px;padding-right:24px}
 body.reference-r11 #contact .footer-contact{grid-column:auto;width:100%}
 body.reference-r11 #contact .footer-invitation{font-size:clamp(32px,8.6vw,46px);width:100%;max-width:100%}
 body.reference-r11 #contact .footer-actions{justify-content:flex-start;gap:10px}
 body.reference-r11 #contact .footer-actions a{padding:15px 17px;font-size:10px}
 body.reference-r11 #contact .footer-meta{flex-wrap:wrap;align-items:center;gap:18px}
 body.reference-r11 #contact .footer-meta>*{max-width:100%}
 body.reference-r11 #resources .faq-answer{padding-left:0;padding-right:0}
 .closing-flow-base{opacity:.42}.closing-flow-light{opacity:.5}
}
@media(max-width:760px) and (max-height:730px){
 #hero .hero-shell,.product-sticky{min-height:100svh!important}
 body.reference-r11 #hero .hero-center{top:50%}
}
@media(min-width:761px) and (max-height:650px){
 body.reference-r11 #hero .hero-center{top:52%}
 #hero-title .hero-mission{font-size:19px}#hero-title .hero-company{font-size:38px}
 body.reference-r11 #hero .hero-entry{bottom:13%;height:66px}
 body.reference-r11 #hero #hero-explore{height:60px;width:315px}
 #hero-explore .explore-aperture{width:74px;height:74px}#hero-explore .explore-lens{width:52px;height:52px}
 #products .product-description{top:17%}#products .product-description>.eyebrow{margin-bottom:10px}
 #products .product-description h2{font-size:24px}#products .product-description>p:not(.eyebrow){font-size:11px;margin:8px 0}
 #model-choice .model-option{min-height:27px;padding-block:5px}
}
@media(prefers-reduced-motion:reduce){.closing-flow-light,.principles-curve .principle-current{animation:none;stroke-dasharray:none;opacity:.12}}