@layer art-direction{:where(html:not(.component-preview--unthemed)) body{background-image:repeating-radial-gradient(circle at 31% 47%, color-mix(in srgb, currentColor 3%, transparent) 0 .035rem, transparent .04rem .22rem);background-size:auto}:where(html:not(.component-preview--unthemed)) :is(.section,.hero,.value-prop-strip,.cta,.showcase__panel){background-image:radial-gradient(circle at 17% 23%, color-mix(in srgb, currentColor 3%, transparent) 0 .035rem, transparent .055rem), radial-gradient(circle at 73% 61%, color-mix(in srgb, currentColor 2.5%, transparent) 0 .03rem, transparent .05rem);background-size:auto}:where(html:not(.component-preview--unthemed)) :is(.section--tone-subtle,.section--subtle),:where(html:not(.component-preview--unthemed)) .section--tone-inverse{background-image:repeating-radial-gradient(ellipse at 18% 36%, transparent 0 1.65rem, color-mix(in srgb, currentColor 8%, transparent) 1.7rem 1.76rem, transparent 1.81rem 3.25rem);background-size:38rem 30rem}:where(html:not(.component-preview--unthemed)) .section--tone-brand{background-image:radial-gradient(circle, color-mix(in srgb, currentColor 10%, transparent) 0 .075rem, transparent .085rem);background-size:1.25rem 1.25rem}:where(html:not(.component-preview--unthemed)) :is(.hero__media-frame,.editorial-media__media,.media-callout__media,.showcase__media,.project-card__media,.feature-card__media,.person-card__media,.process-step__media){border-radius:50% 50% var(--sk-radius-large) var(--sk-radius-large) / 18% 18% var(--sk-radius-large) var(--sk-radius-large);overflow:hidden}:where(html:not(.component-preview--unthemed)) :is(.card,.feature-card,.project-card,.post-card,.person-card,.metric-grid__item,.process-step){border:1px solid var(--section-border,var(--sk-color-border));box-shadow:.45rem .45rem 0 var(--section-emphasis,var(--sk-color-accent))}:where(html:not(.component-preview--unthemed)) :is(.section,.hero):not(:first-child):before{z-index:3;background:repeating-linear-gradient(90deg, var(--section-emphasis,var(--sk-color-accent)) 0 1.5rem, transparent 1.5rem 2.25rem);content:"";height:.2rem;inset:0 var(--sk-space-gutter) auto;pointer-events:none;position:absolute}:where(html:not(.component-preview--unthemed)) :is(.section,.hero),:where(html:not(.component-preview--unthemed)) .sights-art-section{position:relative}:where(html:not(.component-preview--unthemed)) .sights-art-section__motif{z-index:4;width:var(--sights-art-size);max-width:42vw;height:auto;opacity:var(--sights-art-opacity);pointer-events:none;user-select:none;position:absolute}:where(html:not(.component-preview--unthemed)) .sights-art-section__motif--small{--sights-art-size:clamp(4rem, 9vw, 8rem)}:where(html:not(.component-preview--unthemed)) .sights-art-section__motif--medium{--sights-art-size:clamp(7rem, 16vw, 15rem)}:where(html:not(.component-preview--unthemed)) .sights-art-section__motif--large{--sights-art-size:clamp(12rem, 28vw, 28rem)}:where(html:not(.component-preview--unthemed)) .sights-art-section__motif--soft{--sights-art-opacity:.38}:where(html:not(.component-preview--unthemed)) .sights-art-section__motif--solid{--sights-art-opacity:.92}:where(html:not(.component-preview--unthemed)) .sights-art-section__motif--corner-start{inset:var(--sk-space-lg) auto auto max(calc(var(--sights-art-size) * -.22), -4rem)}:where(html:not(.component-preview--unthemed)) .sights-art-section__motif--corner-end{inset:var(--sk-space-lg) max(calc(var(--sights-art-size) * -.22), -4rem) auto auto}:where(html:not(.component-preview--unthemed)) .sights-art-section__motif--corner-start-contained{inset:var(--sk-space-lg) auto auto var(--sk-space-lg)}:where(html:not(.component-preview--unthemed)) .sights-art-section__motif--corner-end-contained{inset:var(--sk-space-lg) var(--sk-space-lg) auto auto}:where(html:not(.component-preview--unthemed)) .sights-art-section__motif--corner-bottom-start{inset:auto auto calc(var(--sk-space-xl) * -1) max(calc(var(--sights-art-size) * -.22), -4rem)}:where(html:not(.component-preview--unthemed)) .sights-art-section__motif--corner-bottom-end{inset:auto max(calc(var(--sights-art-size) * -.22), -4rem) calc(var(--sk-space-xl) * -1) auto}:where(html:not(.component-preview--unthemed)) .sights-art-section__motif--corner-bottom-start-contained{inset:auto auto var(--sk-space-lg) var(--sk-space-lg)}:where(html:not(.component-preview--unthemed)) .sights-art-section__motif--corner-bottom-end-contained{inset:auto var(--sk-space-lg) var(--sk-space-lg) auto}:where(html:not(.component-preview--unthemed)) .sights-art-section__motif--edge-start{inset:50% auto auto max(calc(var(--sights-art-size) * -.45), -10rem);transform:translateY(-50%)}:where(html:not(.component-preview--unthemed)) .sights-art-section__motif--edge-end{inset:50% max(calc(var(--sights-art-size) * -.45), -10rem) auto auto;transform:translateY(-50%)}:where(html:not(.component-preview--unthemed)) .sights-art-frame{isolation:isolate;position:relative;overflow:visible}:where(html:not(.component-preview--unthemed)) .sights-art-frame>:not(.sights-art-frame__motif){z-index:1;position:relative}:where(html:not(.component-preview--unthemed)) .sights-art-frame__motif{z-index:0;width:var(--sights-art-size);max-width:42vw;height:auto;opacity:var(--sights-art-opacity);pointer-events:none;user-select:none;position:absolute}:where(html:not(.component-preview--unthemed)) .sights-art-frame__motif--small{--sights-art-size:clamp(4rem, 9vw, 8rem)}:where(html:not(.component-preview--unthemed)) .sights-art-frame__motif--medium{--sights-art-size:clamp(7rem, 16vw, 15rem)}:where(html:not(.component-preview--unthemed)) .sights-art-frame__motif--large{--sights-art-size:clamp(12rem, 28vw, 28rem)}:where(html:not(.component-preview--unthemed)) .sights-art-frame__motif--intrinsic{width:auto;max-width:min(78%,42vw)}:where(html:not(.component-preview--unthemed)) .sights-art-frame__motif--wide{width:min(20rem,92%);max-width:none}:where(html:not(.component-preview--unthemed)) .sights-art-frame__motif--soft{--sights-art-opacity:.38}:where(html:not(.component-preview--unthemed)) .sights-art-frame__motif--solid{--sights-art-opacity:.92}:where(html:not(.component-preview--unthemed)) .sights-art-frame__motif--vivid{--sights-art-opacity:1}:where(html:not(.component-preview--unthemed)) .sights-art-frame__motif--corner-start{inset:calc(var(--sk-space-xl) * -1) auto auto max(-5rem, calc((100vw - 100%) * -.5))}:where(html:not(.component-preview--unthemed)) .sights-art-frame__motif--corner-end{inset:calc(var(--sk-space-xl) * -1) max(-5rem, calc((100vw - 100%) * -.5)) auto auto}:where(html:not(.component-preview--unthemed)) .sights-art-frame__motif--corner-start-contained{inset:var(--sk-space-lg) auto auto var(--sk-space-lg)}:where(html:not(.component-preview--unthemed)) .sights-art-frame__motif--corner-end-contained{inset:var(--sk-space-lg) var(--sk-space-lg) auto auto}:where(html:not(.component-preview--unthemed)) .sights-art-frame__motif--corner-bottom-start{inset:auto auto calc(var(--sk-space-xl) * -1) max(-5rem, calc((100vw - 100%) * -.5))}:where(html:not(.component-preview--unthemed)) .sights-art-frame__motif--corner-bottom-end{inset:auto max(-5rem, calc((100vw - 100%) * -.5)) calc(var(--sk-space-2xl) * -1) auto}:where(html:not(.component-preview--unthemed)) .sights-art-frame__motif--corner-bottom-start-contained{inset:auto auto var(--sk-space-lg) var(--sk-space-lg)}:where(html:not(.component-preview--unthemed)) .sights-art-frame__motif--corner-bottom-end-contained{inset:auto var(--sk-space-lg) var(--sk-space-lg) auto}:where(html:not(.component-preview--unthemed)) .sights-art-frame__motif--edge-start{inset:50% auto auto max(-5rem,-50vw + 50%);transform:translateY(-50%)}:where(html:not(.component-preview--unthemed)) .sights-art-frame__motif--edge-end{inset:50% max(-5rem,-50vw + 50%) auto auto;transform:translateY(-50%)}.component-preview--unthemed .sights-art-frame__motif{display:none}@media (width<=48rem){:where(html:not(.component-preview--unthemed)) .sights-art-section__motif{max-width:34vw;opacity:min(var(--sights-art-opacity), .3)}:where(html:not(.component-preview--unthemed)) .sights-art-frame__motif--small,:where(html:not(.component-preview--unthemed)) .sights-art-frame__motif--medium,:where(html:not(.component-preview--unthemed)) .sights-art-frame__motif--large{max-width:34vw}}}
