/* Living Intelligence: keep the full branching head inside the artwork frame. */
.hero{background:var(--black)}
.hero-art[data-visual="living-fibers"]{inset:auto;top:175px;left:40%;width:52%;height:auto;aspect-ratio:936/590;max-width:none;margin:0;opacity:.94;overflow:hidden;mask-image:linear-gradient(90deg,transparent 0%,#000 9%,#000 62%,transparent 98%),linear-gradient(180deg,transparent 0%,#000 4%,#000 94%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 9%,#000 62%,transparent 98%),linear-gradient(180deg,transparent 0%,#000 4%,#000 94%,transparent 100%);mask-composite:intersect;-webkit-mask-composite:source-in;mix-blend-mode:screen}
.hero-art[data-visual="living-fibers"]::after{display:none}
.hero-art[data-visual="living-fibers"] img{visibility:hidden;animation:none}
.hero-art[data-visual="living-fibers"] canvas{display:block;object-fit:contain;transform:none}
.hero-content h1{font-size:clamp(3.5rem,5.4vw,6.4rem);max-width:58%;line-height:1;letter-spacing:-.065em}
.hero-detail{position:static;max-width:330px;width:auto;margin-top:34px}
.hero-detail p{line-height:1.65}
/* Restore the ribbon's original full-width composition without changing copy. */
.hero:is([data-hero-effect="blue-ribbon"],[data-hero-effect="interwoven-thoughts"]) .hero-content h1{font-size:clamp(4.25rem,8.4vw,8.75rem);max-width:1300px;line-height:.94;letter-spacing:-.07em}
.hero:is([data-hero-effect="blue-ribbon"],[data-hero-effect="interwoven-thoughts"]) .hero-detail{position:absolute;right:var(--gutter);top:205px;width:260px;max-width:none;margin-top:0}
.hero-art[data-visual="blue-ribbon"]{mask-image:linear-gradient(90deg,transparent 0%,#000 18%,#000 82%,transparent 100%),linear-gradient(180deg,transparent 0%,transparent 12%,#000 36%,#000 74%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 18%,#000 82%,transparent 100%),linear-gradient(180deg,transparent 0%,transparent 12%,#000 36%,#000 74%,transparent 100%);mask-composite:intersect;-webkit-mask-composite:source-in}
.hero-art[data-visual="blue-ribbon"]::after{display:none}
.hero-art[data-visual="blue-ribbon"] canvas{display:block}
@media(min-width:1600px){.hero-art[data-visual="living-fibers"]{top:145px;left:41%;width:50%}}
@media(max-width:1100px){.hero-art[data-visual="living-fibers"]{top:220px;left:38%;width:56%}.hero-content h1{font-size:clamp(3rem,5.4vw,4.25rem)}}
@media(max-width:1100px){.hero:is([data-hero-effect="blue-ribbon"],[data-hero-effect="interwoven-thoughts"]) .hero-content h1{font-size:clamp(4rem,8.2vw,6.5rem)}.hero:is([data-hero-effect="blue-ribbon"],[data-hero-effect="interwoven-thoughts"]) .hero-detail{top:195px;width:215px}}
@media(max-width:760px){.hero{min-height:0;height:auto;padding-bottom:96px;display:flex;flex-direction:column}.hero-content{order:0}.hero-content h1{font-size:clamp(2rem,7.7vw,3.65rem);max-width:100%;margin-top:36px}.hero-detail{margin-top:30px;max-width:330px}.hero-art[data-visual="living-fibers"]{position:relative;order:1;top:auto;left:auto;inset:auto;width:88%;aspect-ratio:936/590;margin:36px auto 12px;opacity:1;flex-shrink:0}.hero-bottom{bottom:24px}.hero-art[data-visual="living-fibers"] canvas{object-position:center}}
@media(prefers-reduced-motion:reduce){.hero-art[data-visual="living-fibers"] canvas{display:block}.hero-art[data-visual="living-fibers"].webgl-ready img{visibility:hidden}}
@media(max-width:760px){.hero:is([data-hero-effect="blue-ribbon"],[data-hero-effect="interwoven-thoughts"]){min-height:900px;height:auto;padding-bottom:0;display:block}.hero:is([data-hero-effect="blue-ribbon"],[data-hero-effect="interwoven-thoughts"]) .hero-content h1{font-size:clamp(1.9rem,7.7vw,3.65rem);max-width:1300px;letter-spacing:-.065em;line-height:1;margin-top:48px}.hero:is([data-hero-effect="blue-ribbon"],[data-hero-effect="interwoven-thoughts"]) .hero-detail{position:static;width:280px;max-width:100%;margin-top:40px}.hero:is([data-hero-effect="blue-ribbon"],[data-hero-effect="interwoven-thoughts"]) .hero-bottom{bottom:32px}}
@media(prefers-reduced-motion:reduce){.hero-art[data-visual="blue-ribbon"] canvas{display:block}.hero-art[data-visual="blue-ribbon"].webgl-ready img{visibility:hidden}}

/* Lower the gold ribbon without changing its composition or heading layout. */
.hero-art[data-effect="interwoven-thoughts"]{translate:0 140px}
@media(max-width:760px){.hero-art[data-effect="interwoven-thoughts"]{translate:0 124px}}