.frame{border-radius:var(--radius-frame,32px);box-shadow:inset 0 0 0 1px var(--eased-image-ring);background:var(--wash-base);color:var(--wash-ink);isolation:isolate;position:relative;overflow:clip}.frame:before{content:"";z-index:-1;background:radial-gradient(42% 55% at 6% 94%, var(--wash-1) 0%, transparent 100%), radial-gradient(40% 50% at 96% 6%, var(--wash-2) 0%, transparent 100%), radial-gradient(60% 45% at 50% 110%, var(--wash-3) 0%, transparent 100%);position:absolute;inset:0}.frame:after{content:"";z-index:-1;pointer-events:none;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 .05 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:absolute;inset:0}.frame-stage{padding:var(--pad-base,16px) var(--pad-base,16px) 0;--demo-width:40rem;place-items:center;display:grid}@media (min-width:40rem){.frame-stage{padding:var(--pad-md,24px) var(--pad-md,24px) 0;min-height:var(--frame-h,560px)}}@media (min-width:64rem){.frame-stage{padding:var(--pad-xl,40px) var(--pad-xl,40px) 0}}.frame-stage>*{box-shadow:var(--eased-shadow-floating)}.frame-caption{align-items:center;gap:var(--space-in,12px);min-height:64px;padding:0 var(--pad-base,16px);display:flex}@media (min-width:40rem){.frame-caption{padding:0 var(--pad-md,24px)}}@media (min-width:64rem){.frame-caption{padding:0 var(--pad-xl,40px)}}.frame[data-wash=dawn]{--wash-base:#ece7df;--wash-1:#f5b9b8;--wash-2:#b5cbf3;--wash-3:#edd5a3;--wash-ink:#1e1a15}@supports (color:lab(0% 0 0)){.frame[data-wash=dawn]{--wash-base:lab(91.9139% .705272 4.53324);--wash-1:lab(80.7293% 22.2675 9.55029);--wash-2:lab(81.1559% -1.27754 -22.0096);--wash-3:lab(86.2821% 3.36829 27.9001);--wash-ink:lab(9.5186% 1.52428 4.35848)}}.frame[data-wash=moss]{--wash-base:#e3e6dc;--wash-1:#add0a5;--wash-2:#e0cfac;--wash-3:#a5d5d7;--wash-ink:#181c17}@supports (color:lab(0% 0 0)){.frame[data-wash=moss]{--wash-base:lab(90.8694% -2.38374 4.61857);--wash-1:lab(79.9897% -18.1622 17.3918);--wash-2:lab(83.9213% 2.1137 19.615);--wash-3:lab(81.9338% -15.779 -6.56567);--wash-ink:lab(9.67164% -3.12309 2.95074)}}.frame[data-wash=dusk]{--wash-base:#dfdce7;--wash-1:#d5adde;--wash-2:#a2c8f0;--wash-3:#f5c5b4;--wash-ink:#1b1920}@supports (color:lab(0% 0 0)){.frame[data-wash=dusk]{--wash-base:lab(88.2224% 2.80476 -5.21371);--wash-1:lab(75.6968% 21.19 -18.9592);--wash-2:lab(78.9792% -6.0584 -24.3122);--wash-3:lab(83.3585% 15.9577 15.279);--wash-ink:lab(9.35587% 2.5531 -4.49809)}}.frame[data-wash=slate]{--wash-base:#dce2e7;--wash-1:#a8c9e2;--wash-2:#b3d9db;--wash-3:#e1d6c2;--wash-ink:#161b20}@supports (color:lab(0% 0 0)){.frame[data-wash=slate]{--wash-base:lab(89.5755% -1.63132 -3.29609);--wash-1:lab(79.1651% -7.49627 -16.1726);--wash-2:lab(84.156% -12.6341 -5.2683);--wash-3:lab(86.1884% 1.06597 11.5901);--wash-ink:lab(9.53184% -1.82015 -3.88987)}}[data-theme=dark] .frame[data-wash=dawn]{--wash-base:#423128;--wash-1:#b05457;--wash-2:#7698d6;--wash-3:#9d712d;--wash-ink:#f5f1ea}@supports (color:lab(0% 0 0)){[data-theme=dark] .frame[data-wash=dawn]{--wash-base:lab(22.1334% 6.94263 9.2399);--wash-1:lab(47.7117% 38.3677 17.1939);--wash-2:lab(62.265% .363141 -35.9607);--wash-3:lab(51.2144% 12.8741 43.1166);--wash-ink:lab(95.4001% .287116 3.81355)}}[data-theme=dark] .frame[data-wash=moss]{--wash-base:#2b3728;--wash-1:#3b834e;--wash-2:#ac984b;--wash-3:#267d81;--wash-ink:#f1f3eb}@supports (color:lab(0% 0 0)){[data-theme=dark] .frame[data-wash=moss]{--wash-base:lab(21.491% -7.77748 7.47629);--wash-1:lab(49.1954% -33.1028 21.7034);--wash-2:lab(63.2856% .456035 42.5573);--wash-3:lab(47.4161% -25.0763 -10.3137);--wash-ink:lab(95.4673% -1.70997 3.29264)}}[data-theme=dark] .frame[data-wash=dusk]{--wash-base:#362e44;--wash-1:#984f92;--wash-2:#7190d6;--wash-3:#ab6646;--wash-ink:#f3f0f8}@supports (color:lab(0% 0 0)){[data-theme=dark] .frame[data-wash=dusk]{--wash-base:lab(20.6158% 7.67867 -12.666);--wash-1:lab(44.7273% 37.954 -23.5921);--wash-2:lab(59.7609% 3.00998 -39.6297);--wash-3:lab(50.6286% 26.1825 30.1976);--wash-ink:lab(95.25% 1.74165 -3.26697)}}[data-theme=dark] .frame[data-wash=slate]{--wash-base:#27353e;--wash-1:#37759e;--wash-2:#56a8a7;--wash-3:#8b7851;--wash-ink:#ecf3f8}@supports (color:lab(0% 0 0)){[data-theme=dark] .frame[data-wash=slate]{--wash-base:lab(21.1368% -3.62919 -8.04213);--wash-1:lab(46.589% -10.6915 -28.3179);--wash-2:lab(63.7304% -26.1441 -7.93397);--wash-3:lab(51.4311% 3.26782 24.4178);--wash-ink:lab(95.3756% -1.63275 -3.29692)}}[data-theme=dark] .frame[data-wash]:not([data-wash=plain]):before{background:linear-gradient(to top, #15110d8c, transparent 120px), radial-gradient(42% 55% at 6% 94%, var(--wash-1) 0%, transparent 100%), radial-gradient(40% 50% at 96% 6%, var(--wash-2) 0%, transparent 100%), radial-gradient(60% 45% at 50% 110%, var(--wash-3) 0%, transparent 100%)}@supports (color:lab(0% 0 0)){[data-theme=dark] .frame[data-wash]:not([data-wash=plain]):before{background:linear-gradient(to top, lab(5.26703% .977032 2.52232/.55), transparent 120px), radial-gradient(42% 55% at 6% 94%, var(--wash-1) 0%, transparent 100%), radial-gradient(40% 50% at 96% 6%, var(--wash-2) 0%, transparent 100%), radial-gradient(60% 45% at 50% 110%, var(--wash-3) 0%, transparent 100%)}}.frame[data-wash=plain]{--wash-base:var(--eased-surface-sunken);--wash-ink:var(--eased-text)}.frame[data-wash=plain]:before,.frame[data-wash=plain]:after{content:none}.frame[data-painting]{--wash-base:#394a56;--wash-ink:#eff6fb;background:var(--wash-base) var(--painting-sm) center / cover no-repeat}@supports (color:lab(0% 0 0)){.frame[data-painting]{--wash-base:lab(30.4214% -4.38128 -9.65987);--wash-ink:lab(96.5356% -1.63302 -3.29707)}}.frame[data-painting=p1]{--painting-sm:url(/paintings/p1-843.jpg);--painting-lg:url(/paintings/p1-1686.jpg)}.frame[data-painting=p2]{--painting-sm:url(/paintings/p2-843.jpg);--painting-lg:url(/paintings/p2-1686.jpg);--wash-base:#976346}@supports (color:lab(0% 0 0)){.frame[data-painting=p2]{--wash-base:lab(47.3691% 19.2191 25.7077)}}@media (min-width:64rem),(min-resolution:1.5x){.frame[data-painting]{background-image:var(--painting-lg)}}.frame[data-painting]:before{background:linear-gradient(#ffffff2e,#ffffff57);background:linear-gradient(lab(100% 0 0/.18),lab(100% 0 0/.34))}[data-theme=dark] .frame[data-painting]:before{background:linear-gradient(#0000001f,#00000052);background:linear-gradient(lab(0% 0 0/.12),lab(0% 0 0/.32))}[data-theme=dark] .frame[data-painting]{filter:brightness(.93)saturate(.96)}.footer-ghost{inset-inline:0;pointer-events:none;-webkit-user-select:none;user-select:none;text-align:center;font-family:var(--font-archivo);font-variation-settings:"wdth" 125;letter-spacing:-.04em;color:var(--eased-text);opacity:.04;font-size:clamp(8rem,24vw,20rem);font-weight:600;line-height:.8;position:absolute;bottom:-.12em;overflow:hidden}.demo-tall>*{height:520px!important}@keyframes frame-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}