/* Decorative motion: text and controls stay stationary. */
.portrait-bubble{position:relative;isolation:isolate;min-width:0}
.portrait-bubble img{display:block;width:100%}
.portrait-bubble .founder-quote{position:relative;z-index:2;width:calc(100% - 8px);margin:0 0 -24px 32px;padding:14px 18px;border:1px solid #d5e7e9;border-radius:16px;background:#fff;box-shadow:0 6px 18px #193d450a;animation:oh-quote-float 8s ease-in-out infinite}
.portrait-bubble .founder-quote:before{content:'';position:absolute;bottom:-23px;left:35%;width:28px;height:24px;background:#fff;clip-path:polygon(0 0,100% 0,0 100%);filter:drop-shadow(-1px 1px 0 #d5e7e9)}
.portrait-bubble .founder-quote blockquote{margin:0}
.portrait-bubble .founder-quote blockquote p{font-size:16px;line-height:1.5;font-style:normal;font-weight:500;color:#24414b;margin:0 0 7px}
.portrait-bubble .founder-quote figcaption{font-size:12px;line-height:1.4;font-weight:500;color:#607781}
@keyframes oh-quote-float{0%,100%{translate:0 3px}50%{translate:0 -3px}}
@media(max-width:850px){.portrait-bubble{width:min(340px,100%);justify-self:center}.portrait-bubble .founder-quote{width:calc(100% - 18px);margin-left:18px}}
@media(prefers-reduced-motion:reduce){.portrait-bubble .founder-quote{animation:none}}
@media print{.portrait-bubble .founder-quote{animation:none}}
.contact-section>.shell{isolation:isolate;overflow:hidden;background:linear-gradient(110deg,#087c86,#08717b)}
.contact-section>.shell::before,.contact-section>.shell::after{content:'';position:absolute;pointer-events:none;z-index:-1;border-radius:50%;will-change:transform}
.contact-section>.shell::before{width:86%;height:180%;top:-145%;left:27%;background:#40a8ae70;animation:contact-drift-a 14s ease-in-out infinite}
.contact-section>.shell::after{width:90%;height:120%;left:44%;top:60%;background:#22a2aa35;animation:contact-drift-b 18s ease-in-out infinite;animation-delay:-5s}
@keyframes contact-drift-a{0%,100%{transform:translate(-2%,0) rotate(-4deg)}50%{transform:translate(4%,10%) rotate(3deg)}}
@keyframes contact-drift-b{0%,100%{transform:translate(0,0) rotate(-7deg)}50%{transform:translate(-8%,-12%) rotate(3deg)}}
.insight-visual .product-fragment{animation:oh-card-float 7s ease-in-out infinite}
.insight-card:nth-child(2) .product-fragment{animation-duration:8.5s;animation-delay:-3s}
.insight-card:nth-child(3) .product-fragment{animation-duration:6.8s;animation-delay:-1.5s}
@media(max-width:850px){.contact-section>.shell::before{top:-145%;height:180%;width:130%;left:0}}
@media(prefers-reduced-motion:reduce){.contact-section>.shell::before,.contact-section>.shell::after,.insight-visual .product-fragment{animation:none;will-change:auto}}
@media print{.contact-section>.shell::before,.contact-section>.shell::after,.insight-visual .product-fragment{animation:none;will-change:auto}}