/* Shared, non-interactive fluid light field. */
body{isolation:isolate}
.fluid-background{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:#f5f3ee;contain:strict}
.fluid-background::before,.fluid-background::after,.fluid-local::before,.fluid-local::after{content:"";position:absolute;inset:-35%;pointer-events:none;will-change:transform;animation:othd-fluid-drift 24s ease-in-out infinite alternate;background:radial-gradient(ellipse at 24% 36%,rgba(237,28,36,.15),transparent 36%),radial-gradient(ellipse at 72% 64%,rgba(113,113,126,.18),transparent 40%),radial-gradient(ellipse at 46% 85%,rgba(255,255,255,.9),transparent 44%)}
.fluid-background::after{background:radial-gradient(ellipse at 70% 28%,rgba(237,28,36,.09),transparent 33%),radial-gradient(ellipse at 30% 70%,rgba(255,255,255,.95),transparent 40%);animation-name:othd-fluid-return;animation-duration:19s;animation-delay:-9s}
body .statement,body .home-products,body .cloudstick{background:transparent}
body footer{background:rgba(255,255,255,.48)}
.home-product-image img,.product-card img{mix-blend-mode:multiply}
.fluid-local{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0;contain:strict}
.domains>.fluid-local::before{background:radial-gradient(ellipse at 28% 45%,rgba(171,20,33,.29),transparent 40%),radial-gradient(ellipse at 74% 58%,rgba(102,105,130,.2),transparent 40%)}
.domains>.fluid-local::after{background:radial-gradient(ellipse at 60% 35%,rgba(167,29,44,.19),transparent 36%);animation-name:othd-fluid-return;animation-duration:20s;animation-delay:-7s}
.contact>.fluid-local{position:absolute;z-index:0}
.contact>.fluid-local::before{background:radial-gradient(ellipse at 24% 36%,rgba(101,0,15,.28),transparent 40%),radial-gradient(ellipse at 70% 65%,rgba(255,142,105,.3),transparent 43%)}
.contact>.fluid-local::after{background:radial-gradient(ellipse at 65% 30%,rgba(132,0,16,.22),transparent 38%);animation-name:othd-fluid-return;animation-duration:20s;animation-delay:-7s}
.domains>.domains-intro,.domains>.domain-grid{position:relative;z-index:1}
@keyframes othd-fluid-drift{0%{transform:translate3d(-7%,-4%,0) rotate(-12deg) scale(1)}50%{transform:translate3d(6%,4%,0) rotate(8deg) scale(1.1)}100%{transform:translate3d(-2%,9%,0) rotate(23deg) scale(1.04)}}
@keyframes othd-fluid-return{0%{transform:translate3d(8%,5%,0) rotate(18deg) scale(1.08)}50%{transform:translate3d(-6%,-6%,0) rotate(-10deg) scale(.95)}100%{transform:translate3d(3%,-9%,0) rotate(-24deg) scale(1.12)}}
.fluid-paused .fluid-background::before,.fluid-paused .fluid-background::after,.fluid-paused .fluid-local::before,.fluid-paused .fluid-local::after{animation-play-state:paused}
@media(max-width:650px){.fluid-background::before,.fluid-background::after,.fluid-local::before,.fluid-local::after{inset:-20%;animation-duration:28s}}
@media(prefers-reduced-motion:reduce){.fluid-background::before,.fluid-background::after,.fluid-local::before,.fluid-local::after{animation:none;will-change:auto}}
@media print{.fluid-background,.fluid-local{display:none}}
/* One continuous atmosphere across the full reading journey. */
.fluid-background canvas{position:absolute;inset:0;width:100%;height:100%}
.fluid-background::before{background:radial-gradient(ellipse at 24% 36%,rgba(237,28,36,.2),transparent 38%),radial-gradient(ellipse at 72% 64%,rgba(113,113,126,.2),transparent 40%),radial-gradient(ellipse at 46% 85%,rgba(255,255,255,.9),transparent 44%);animation-duration:16s}
.fluid-background::after{animation-duration:13s}
body .domains,body .contact{background:transparent;color:var(--ink)}
.fluid-local,.domains::before,.contact::after{display:none}
.domains-intro>p:last-child,.domain-grid p{color:#56565e}
.domain-grid{border-color:rgba(80,80,90,.22)}
.domain-grid article,.domain-grid article:first-child,.domain-grid article:nth-child(3){border-color:rgba(80,80,90,.22);background:rgba(255,255,255,.1)}
.domain-grid article:hover{background:rgba(255,255,255,.38)}
.domain-tags span{border-color:rgba(80,80,90,.28)}
.contact .eyebrow span{background:var(--red)}
.contact h2 em{color:var(--red)}
.contact form{background:rgba(255,255,255,.38);border:1px solid rgba(255,255,255,.65);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 20px 65px rgba(30,30,40,.035)}
.contact input,.contact textarea{background:transparent;color:var(--ink)}
.contact small{color:#606067}
body footer{background:transparent}
.deck-viewport,.deck-ready .deck-slide{background:rgba(245,243,238,.66);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.deck-viewport{background:rgba(255,255,255,.15);border-color:rgba(130,125,120,.25)}
.product-card{background:rgba(255,255,255,.18)}
.steps article:hover{background:rgba(255,255,255,.24)}
@media(prefers-reduced-motion:reduce){.fluid-background::before,.fluid-background::after{animation:none}}
/* Graphite field with concentrated warm vermilion highlights. */
.fluid-background{background:#f1efeb}
.fluid-background::before{background:radial-gradient(ellipse at 18% 38%,rgba(13,13,14,.28),transparent 46%),radial-gradient(ellipse at 79% 64%,rgba(24,22,20,.22),transparent 44%),radial-gradient(ellipse at 58% 83%,rgba(255,253,249,.64),transparent 45%)}
.fluid-background::after{background:radial-gradient(ellipse at 78% 28%,rgba(183,48,12,.09),transparent 27%),radial-gradient(ellipse at 31% 64%,rgba(255,253,249,.6),transparent 44%)}