:root{--yolanda-logo-line:#eeeae2;--yolanda-logo-particle:#d9d3d9;--yolanda-logo-accent:#f4f1f4;--yolanda-logo-muted:#a7a2a7}
.yolanda-logo{position:relative;overflow:hidden;background:#0a090c}.yolanda-logo .section-label{margin-bottom:clamp(2rem,5vw,5rem)}.yolanda-logo__stage{position:relative;width:min(100%,68rem);aspect-ratio:10/7;margin:auto;isolation:isolate}.yolanda-logo__particles,.yolanda-logo__geometry,.yolanda-logo__reference{position:absolute;inset:0;width:100%;height:100%}.yolanda-logo__particles{z-index:2;pointer-events:none}.yolanda-logo__particles canvas{display:block;width:100%;height:100%;pointer-events:none}.yolanda-logo__geometry{z-index:1;overflow:visible}.yolanda-logo__construction{fill:none;stroke:var(--yolanda-logo-line);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;opacity:.82}.yolanda-logo__primary{stroke-width:10;opacity:1}.yolanda-logo__static-particles{fill:var(--yolanda-logo-particle);opacity:.48;transition:opacity .6s ease}.yolanda-logo.has-webgl .yolanda-logo__static-particles{opacity:.08}.yolanda-logo__reference{display:none;object-fit:contain;filter:invert(1) brightness(.5);opacity:.8}.yolanda-logo.is-image-fallback .yolanda-logo__geometry,.yolanda-logo.is-image-fallback .yolanda-logo__particles{display:none}.yolanda-logo.is-image-fallback .yolanda-logo__reference{display:block}.yolanda-logo__wordmark{margin:clamp(1.5rem,4vw,3.5rem) auto 0;text-align:center;font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:clamp(.9rem,2vw,1.55rem);letter-spacing:clamp(.28em,1.2vw,.72em);line-height:1.4;color:var(--paper)}
.js .yolanda-logo__construction path{stroke-dasharray:900;stroke-dashoffset:900;transition:stroke-dashoffset 1.8s cubic-bezier(.3,.7,.2,1)}.js .yolanda-logo.is-visible .yolanda-logo__construction path{stroke-dashoffset:0}.js .yolanda-logo__construction path:nth-child(2){transition-delay:.12s}.js .yolanda-logo__construction path:nth-child(3){transition-delay:.24s}.js .yolanda-logo__construction path:nth-child(4){transition-delay:.34s}.js .yolanda-logo__construction path:nth-child(5){transition-delay:.42s}
@media(max-width:700px){.yolanda-logo{padding-left:1rem;padding-right:1rem}.yolanda-logo__stage{width:100%;aspect-ratio:1/1}.yolanda-logo__geometry{transform:scale(.94);transform-origin:center}.yolanda-logo__wordmark{letter-spacing:.3em;font-size:.78rem;white-space:nowrap}}
@media(prefers-reduced-motion:reduce){.yolanda-logo__particles{display:none}.yolanda-logo__static-particles{opacity:.65}.js .yolanda-logo__construction path{stroke-dashoffset:0;transition:none}}
.hero-logo{position:absolute;inset:5% 0 0 auto;width:min(66vw,62rem);height:95%;padding:0;background:transparent;display:flex;align-items:center;opacity:.88}.hero-logo .yolanda-logo__stage{width:100%;margin:0;transform:translateX(6%)}.hero-logo .yolanda-logo__construction{opacity:.62}.hero-logo .yolanda-logo__primary{opacity:.85}.hero-copy{position:relative;z-index:3}
@media(max-width:700px){.hero-logo{inset:7rem -24% auto auto;width:112%;height:auto;padding:0;opacity:.46}.hero-logo .yolanda-logo__stage{aspect-ratio:1/1;transform:none}.hero-logo .yolanda-logo__geometry{transform:none}.hero-copy{text-shadow:0 2px 18px rgba(0,0,0,.85)}}
.hero-logo .yolanda-logo__stage{transform:translateX(15%)}
@media(max-width:700px){.hero-logo .yolanda-logo__stage{transform:none}}
.hero{overflow:hidden}
.hero{background:#000;color:#fff}.hero-media{background:#000}.hero-logo{opacity:1}.hero-logo .yolanda-logo__construction{opacity:.88}.hero-logo .yolanda-logo__primary{opacity:1}.hero .eyebrow,.hero-note,.hero-index{color:rgba(255,255,255,.68)}.hero .demo-link{color:rgba(255,255,255,.78)}.hero .text-link{color:#fff}.hero h1,.hero-line{color:#fff}.hero-copy{text-shadow:none}
.hero h1{font-size:clamp(4.6rem,11vw,9.5rem)}
@media(max-width:700px){.hero-logo{opacity:.72}.hero-copy{text-shadow:0 2px 16px #000}}
.yolanda-logo__geometry{opacity:.86}
@media(min-width:2200px){.hero-logo{right:var(--hero-content-gutter);width:min(46vw,58rem)}.hero-logo .yolanda-logo__stage{transform:translateX(8%)}}
.feature-visual figcaption span{font-size:clamp(.8rem,1vw,.95rem);letter-spacing:.24em}.feature-visual figcaption p{font-size:clamp(1.35rem,2vw,1.8rem);line-height:1.35;max-width:24rem}.team-avatar{display:grid;place-items:center;width:clamp(3rem,6vw,5.5rem);aspect-ratio:1;color:var(--violet);border:1px solid rgba(238,234,226,.35);border-radius:50%}.team-avatar svg{width:55%;height:55%;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.team-list li{grid-template-columns:minmax(4rem,10rem) 1fr}@media(max-width:700px){.team-list li{grid-template-columns:3.5rem 1fr}.team-avatar{width:3rem}}
