.abstract-art{position:relative;width:100%;aspect-ratio:3/2;overflow:hidden;isolation:isolate;color:var(--phanes-gold);background:var(--phanes-ink);border:1px solid var(--phanes-line);border-radius:2px}
.abstract-art>svg{display:block;width:100%;height:100%;stroke:currentColor;stroke-width:1.1;overflow:visible}
.abstract-art--hero{position:absolute;inset:0;border:0;border-radius:0;aspect-ratio:auto;z-index:-1;background:radial-gradient(ellipse at 74% 48%,#d4b1790a,transparent 55%),var(--phanes-ink)}
.abstract-art--hero>svg{position:absolute;right:-13%;top:0;width:83%;height:100%;stroke-width:1.3}
.abstract-art--hero .art-caption{right:var(--gutter);left:auto;bottom:110px;text-align:right;align-items:flex-end}
.abstract-art--hero .art-caption>span{display:none}
.abstract-art--contours{background:var(--phanes-ivory);color:var(--phanes-gold-ink);border:0}
.field-current{stroke:var(--phanes-ivory);stroke-width:1.8;stroke-dasharray:24 1600;stroke-dashoffset:0;opacity:.7;animation:signal-current 15s linear infinite;animation-delay:var(--delay)}
.field-orbits{stroke-width:.7;opacity:.12;transform-origin:600px 400px;transform:rotate(-22deg)}
.field-drift{transform-origin:600px 400px;animation:field-breath 16s ease-in-out infinite alternate}
.contour-drift{transform-origin:600px 400px;animation:contour-turn 45s linear infinite}
.contour-core{stroke:none;fill:currentColor;opacity:.7}
.abstract-art *{animation-play-state:paused!important}
.abstract-art[data-motion=running][data-visible=true]:not([data-document-hidden=true]) *{animation-play-state:running!important}
.art-caption{position:absolute;left:28px;right:28px;bottom:24px;display:flex;justify-content:space-between;align-items:end;gap:20px;color:var(--phanes-soft);font:11px/1.7 'Courier New',monospace;letter-spacing:.04em}
.art-caption small{display:block;font-size:10px;opacity:.85}.abstract-art--contours .art-caption{color:var(--phanes-muted-ink)}
.motion-toggle{font:11px/1.4 Arial,Helvetica,sans-serif;padding:10px 14px;min-height:44px;border:1px solid currentColor;border-radius:30px;color:inherit;background:var(--phanes-ink);white-space:nowrap}
.abstract-art--contours .motion-toggle{background:var(--phanes-ivory)}.motion-toggle:hover{color:var(--phanes-gold)}.abstract-art--contours .motion-toggle:hover{color:var(--phanes-gold-ink)}
.opening-shade{pointer-events:none;z-index:0}.opening-copy{z-index:1}.opening-bottom{z-index:1}
.device-figure .abstract-art{aspect-ratio:2/1;max-height:640px}.vital-feature .abstract-art{min-width:0}
@keyframes signal-current{to{stroke-dashoffset:-1624}}
@keyframes field-breath{from{transform:translateY(-8px) scaleY(.94)}to{transform:translateY(8px) scaleY(1.06)}}
@keyframes contour-turn{to{transform:rotate(360deg)}}
@media(max-width:800px){.abstract-art--hero{position:relative;inset:auto;order:1;aspect-ratio:3/2;z-index:0;margin-top:24px}.abstract-art--hero>svg{position:static;width:100%;height:100%}.abstract-art--hero .art-caption{bottom:16px;right:var(--gutter)}.device-figure .abstract-art{aspect-ratio:3/2;border-inline:0}.art-caption{left:20px;right:20px;bottom:16px;font-size:10px}.art-caption small{font-size:9px}.motion-toggle{font-size:10px;padding:9px 12px}.abstract-art--contours{min-height:290px}}
@media(prefers-reduced-motion:reduce){.abstract-art[data-motion=running][data-visible=true]:not([data-document-hidden=true]) *{animation-play-state:paused!important}}
@media print{.abstract-art{display:none}}