/* Exact paths, transforms, easing and 5.3-second cycle from the supplied SVG. */
.frame-symbol .tr{transform:translate(90.093px,0px);animation:frame-tr 5.3s infinite cubic-bezier(.333333,0,.666667,1)}@keyframes frame-tr{0%,61.320755%,100%{transform:translate(90.093px,0px)}16.981132%,44.339623%{transform:translate(25.2px,28.8px)}}.frame-symbol .bl{transform:translate(0px,90.093px);animation:frame-bl 5.3s infinite cubic-bezier(.333333,0,.666667,1)}@keyframes frame-bl{0%,61.320755%,100%{transform:translate(0px,90.093px)}16.981132%,44.339623%{transform:translate(25.2px,61.2px)}}.frame-symbol .br{transform:translate(90.093px,90.093px);animation:frame-br 5.3s infinite cubic-bezier(.333333,0,.666667,1)}@keyframes frame-br{0%,61.320755%,100%{transform:translate(90.093px,90.093px)}16.981132%,44.339623%{transform:translate(65.1px,61.2px)}}.frame-symbol .tl{transform:translate(0px,0px);animation:frame-tl 5.3s infinite cubic-bezier(.333333,0,.666667,1)}@keyframes frame-tl{0%,61.320755%,100%{transform:translate(0px,0px)}16.981132%,44.339623%{transform:translate(65.1px,28.8px)}}@media(prefers-reduced-motion:reduce){.frame-symbol .corner{animation:none}}

:root{--symbol-ink:#ffffff;--intro-background:#151116;scrollbar-gutter:stable}
:root[data-theme=day]{--symbol-ink:#3a2e33;--intro-background:#f5faff}
.frame-symbol{display:block;flex:none;overflow:visible}
.frame-symbol path[fill="#3a2e33"]{fill:var(--symbol-ink)}
:root .gallery-title h1{padding-left:0}
:root .gallery-title h1 .hero-count{display:flex;align-items:center;justify-content:center;gap:12px;letter-spacing:inherit}

:root .gallery-title h1 .frame-symbol{width:72px;height:72px;margin:-10px 0}
:root .gallery-title h1 .hero-ideas{margin-top:10px}
.motion-paused .frame-symbol-hero .corner{animation-play-state:paused}
:root #hidden-24{position:fixed;inset:0;display:grid;place-items:center;opacity:0;font:inherit;letter-spacing:normal;text-shadow:none;z-index:50;pointer-events:none;transform:none}
:root #hidden-24 .frame-symbol{width:clamp(170px,30vmin,330px);height:auto;filter:drop-shadow(0 0 22px #bd159240)}
#hidden-24 .corner{animation:none}
#hidden-24.is-playing .tr{animation:frame-tr 5.3s 1 cubic-bezier(.333333,0,.666667,1)}
#hidden-24.is-playing .bl{animation:frame-bl 5.3s 1 cubic-bezier(.333333,0,.666667,1)}
#hidden-24.is-playing .br{animation:frame-br 5.3s 1 cubic-bezier(.333333,0,.666667,1)}
#hidden-24.is-playing .tl{animation:frame-tl 5.3s 1 cubic-bezier(.333333,0,.666667,1)}
:root #hidden-24.is-playing{animation:frame-reveal 5.7s both}
@keyframes frame-reveal{0%{opacity:0;transform:scale(.96)}8%,92%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(1)}}
:root.intro-pending{overflow:hidden}
:root #brand-intro{display:none;position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;box-shadow:none;background:var(--intro-background);color:var(--brand-copy);overflow:hidden;place-items:center;opacity:1;animation:none;transition:opacity .42s ease,filter .42s ease;overscroll-behavior:none;z-index:100}
:root.intro-pending #brand-intro{display:grid}
:root #brand-intro::backdrop{background:transparent;backdrop-filter:none}
:root #brand-intro[data-leaving]{opacity:0;filter:blur(8px);pointer-events:none}
#brand-intro .frame-symbol{width:clamp(170px,25vmin,290px);height:auto}
#brand-intro .corner{animation-iteration-count:1;animation-play-state:paused}
#brand-intro[data-playing] .corner{animation-play-state:running}
:root #intro-skip{position:absolute;right:max(24px,3.4vw);top:28px;width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--brand-rule);border-radius:50%;background:transparent;color:var(--brand-muted);cursor:pointer;padding:0}
:root #intro-skip:hover{border-color:var(--brand-accent);color:var(--brand-copy)}
#intro-skip svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.2;stroke-linecap:round}
@media(max-width:640px){:root .gallery-title h1 .frame-symbol{width:56px;height:56px;margin:-6px 0}:root .gallery-title h1 .hero-count{gap:9px}:root .gallery-title h1 .hero-ideas{margin-top:8px}}
@media(prefers-reduced-motion:reduce){.frame-symbol .corner,#hidden-24.is-playing .corner{animation:none!important}:root #brand-intro{transition:none}:root #hidden-24.is-playing{animation:none}}