/* Integrated copies from the static and component tasks. */
body[data-state=home] .scene:before{background-image:url('assets/story/hero-left.png');background-size:cover;background-position:left top;opacity:.33}
.jc-orbit{position:absolute;z-index:0;pointer-events:none;opacity:.35;aspect-ratio:1}
.jc-orbit img{position:absolute;inset:0;width:100%;height:100%}
.jc-orbit .jc-orbit-ticks{animation:jc-orbit-turn 100s linear infinite}
@keyframes jc-orbit-turn{to{rotate:360deg}}
body:not([data-state=home]) .jc-orbit{display:none}
body[data-motion-paused=true] .jc-orbit-ticks,body[data-bio-motion=off] .jc-orbit-ticks{animation-play-state:paused!important}
#homeSections{isolation:isolate}
.story-field{position:absolute;inset:-50px -6.18% 0;z-index:-1;pointer-events:none;background:url('assets/story/research-story.png') center/auto 100% no-repeat;opacity:.26;mask-image:linear-gradient(transparent,#000 7%,#000 92%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 7%,#000 92%,transparent)}
#homeSections>.site-section{position:relative;min-height:60vw}
#homeSections>.site-section:not(:first-child){padding-top:115px}
.story-concept-note{position:absolute;bottom:18px;left:0;font-size:9px;color:#8c988b;letter-spacing:.03em}
body[data-state=product] .scene:before{content:'';position:absolute;inset:30px 0 0;background:url('assets/story/product-study.png') right top/100% auto no-repeat;opacity:.19;z-index:-1;pointer-events:none;mask-image:linear-gradient(transparent,#000 140px,#000 750px,transparent 1200px)}
/* The original Logo pixels remain untouched; only a copied symbol receives the sheen. */
.site-header .brand{position:relative;line-height:0}
.brand-art{position:relative;display:block;width:140px;height:50px}
.site-header .brand .brand-art>img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:normal;filter:url(#logo-paper-alpha)}
.logo-symbol-sheen{position:absolute;left:50%;top:0;height:100%;aspect-ratio:8/3;transform:translateX(-50%);clip-path:inset(0 62.3% 0 0);pointer-events:none;overflow:hidden}
.site-header .logo-symbol-sheen img{display:block;width:100%;height:100%;object-fit:fill;mix-blend-mode:normal;filter:url(#logo-paper-alpha) brightness(1.5) saturate(.8);opacity:.3;animation:logo-symbol-pass 11s ease-in-out infinite;clip-path:polygon(-12% 0,-4% 0,-14% 100%,-22% 100%)}
@keyframes logo-symbol-pass{0%,25%{clip-path:polygon(-12% 0,-4% 0,-14% 100%,-22% 100%)}65%,100%{clip-path:polygon(55% 0,63% 0,53% 100%,45% 100%)}}
body[data-logo-paused=true] .logo-symbol-sheen{visibility:hidden}
body[data-logo-paused=true] .logo-symbol-sheen img{animation-play-state:paused!important}
@media(max-width:650px){
 .brand-art{width:109px;height:40px}
 body[data-state=home] .scene:before{background-position:left top;opacity:.23}
 .jc-orbit{opacity:.25}
 #homeSections>.site-section{min-height:620px}
 #homeSections>.site-section:not(:first-child){padding-top:70px}
 .story-field{display:none}
 #homeSections>.site-section:after{content:'';position:absolute;inset:auto -8.2% 0;height:426.667px;z-index:-1;pointer-events:none;background-image:url('assets/story/research-story.png');background-size:640px 1706.667px;background-repeat:no-repeat;opacity:.23;mask-image:linear-gradient(transparent,#000 20%,#000 72%,transparent)}
 #business:after{background-position:right 0}
 #materials:after{background-position:left -426.667px}
 #about:after{background-position:right -853.333px}
 #contact:after{background-position:center -1280px}
 body[data-state=product] .scene:before{background-size:auto 800px;opacity:.15}
}
@media(prefers-reduced-motion:reduce){.jc-orbit-ticks{animation:none!important}.logo-symbol-sheen{display:none}}
/* Keep negative decorative layers above the single paper backdrop. */
body{isolation:isolate}
.story-field{mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent),linear-gradient(180deg,transparent,#000 7%,#000 92%,transparent);mask-composite:intersect;-webkit-mask-composite:source-in}
.art>video,.art>.still{transition:none!important}
body[data-state=home] #business{border-top:0;padding-top:180px}
.story-field{background-size:cover;background-position:center top}
@media(max-width:650px){body[data-state=home] #business{padding-top:110px}}

.wayfinding #siteSound{font-size:10px;color:var(--muted);white-space:nowrap;min-height:36px}.wayfinding #pause{margin-left:auto}.wayfinding p{min-width:0}body:not([data-state=home]) #siteSound{margin-left:auto}@media(max-width:650px){.wayfinding{gap:12px}.wayfinding #siteSound{font-size:9px}.wayfinding p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}