:root{--menu-height:40cqh;--icon-shadow-color:color-mix(in var(--color-space), var(--color-bg,#fff), #69623f2e 50%);--logo-img-min-size:4.5rem;--logo-width:clamp(4cqw, -.1rem + 67cqw, 5cqw);--intro-element-displacement:calc(var(--H-top) + 11cqb);--intro-element-transition:.9s cubic-bezier(.175, .885, .32, 1.275) .1s;--pill-radius:107.59px;--pill-padding:clamp(7px, 46.5px - 2cqw, 21.5px)}@property --menu-height{syntax:"<length>";inherits:true;initial-value:46cqh}.menu-container.svelte-hk458q{min-height:var(--menu-height);height:fit-content;max-height:calc(var(--menu-height) + 24dvh);padding-inline:var(--Padding-genral);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:2;background-color:#0000;flex-flow:column;justify-content:center;display:flex;position:relative;container:menu/inline-size}@starting-style{.menu-container.svelte-hk458q{translate:0 -10%}}.menu-container.svelte-hk458q .close-menu-btn:where(.svelte-hk458q){--_btn-hue:var(--accent-color);--r:25px;height:320px;padding:0;padding:calc(1.5*var(--r));-webkit-mask:linear-gradient(#000 0 0) no-repeat 50%/calc(100% - 2*var(--r)) calc(100% - 2*var(--r)), radial-gradient(farthest-side,#000 97%,#0000) 0 0/calc(2*var(--r)) calc(2*var(--r)) round;mask:linear-gradient(#000 0 0) no-repeat 50%/calc(100% - 2*var(--r)) calc(100% - 2*var(--r)), radial-gradient(farthest-side,#000 97%,#0000) 0 0/calc(2*var(--r)) calc(2*var(--r)) round;background:0 0;background:url(../../../stickers/sticker%20squaer2.webp) center / 200% no-repeat, color-mix(in srgb, var(--_btn-hue), transparent 20%);background-blend-mode:overlay;border:none;flex:100%;place-content:center;margin:6% 0 0;display:none;position:relative}.menu-container.svelte-hk458q .close-menu-btn:where(.svelte-hk458q) span:where(.svelte-hk458q){width:90cqw;min-width:fit-content;height:20cqh;min-height:fit-content;color:var(--color-text-invert);font-size:var(--text-size-l);letter-spacing:.7cqw;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:10pc;place-content:center;font-weight:300;display:grid}.close-menu-container.svelte-hk458q{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.active.svelte-hk458q{min-height:var(--menu-height);z-index:1;position:absolute;inset:0}.close.svelte-hk458q{z-index:3;min-height:0;translate:0 calc(-1.2 * var(--H-top));transition:all .3s ease-in-out;display:none}@starting-style{.close.svelte-hk458q{opacity:0;translate:0 100%}}.headerUl.svelte-hk458q{flex-direction:row;width:100%;height:100%;margin-left:22cqw;transition:height .3s ease-in-out;display:flex;position:relative;bottom:0;container-type:inline-size}.headerUl.svelte-hk458q>li:where(.svelte-hk458q){flex:0 auto;max-width:fit-content;container-type:inline-size}.headerUl.svelte-hk458q li.header-logo:where(.svelte-hk458q){min-width:21cqw;width:var(--logo-width,0);z-index:30;flex:0 auto;justify-content:end;margin-top:calc(1rem + .5%);display:flex;position:relative}li.header-logo.svelte-hk458q a:where(.svelte-hk458q){min-width:var(--logo-img-min-size);max-width:clamp(3rem,93% - 2rem,100%);max-width:var(--logo-img-min-size);height:fit-content;transition:var(--intro-element-transition);place-content:center;display:grid;overflow:visible}li.header-logo.svelte-hk458q .profile:where(.svelte-hk458q){min-width:var(--logo-img-min-size,0);min-height:var(--logo-img-min-size,0);view-transition-name:header-figure;isolation:isolate;flex:0 auto;position:relative}li.header-logo.svelte-hk458q .profile:where(.svelte-hk458q) img:where(.svelte-hk458q){object-fit:cover;object-position:center;width:100%;height:100%;animation:10s linear .2s infinite backwards svelte-hk458q-sway;position:relative}li.header-logo.svelte-hk458q .profile:where(.svelte-hk458q).flower{aspect-ratio:1;--g:/25.486% 25.486% radial-gradient(#000 calc(71% - 1px), #0000 71%) no-repeat;-webkit-mask:100% 50% var(--g), 88.302% 82.139% var(--g), 58.682% 99.24% var(--g), 25% 93.301% var(--g), 3.015% 67.101% var(--g), 3.015% 32.899% var(--g), 25% 6.699% var(--g), 58.682% 0.76% var(--g), 88.302% 17.861% var(--g), radial-gradient(100% 100%, #000 35.01%, #0000 calc(35.01% + 1px));mask:100% 50% var(--g), 88.302% 82.139% var(--g), 58.682% 99.24% var(--g), 25% 93.301% var(--g), 3.015% 67.101% var(--g), 3.015% 32.899% var(--g), 25% 6.699% var(--g), 58.682% 0.76% var(--g), 88.302% 17.861% var(--g), radial-gradient(100% 100%, #000 35.01%, #0000 calc(35.01% + 1px));view-transition-name:header-figure;z-index:3;transition:all .8s cubic-bezier(.175,.885,.32,1.275);animation:50s linear .5s infinite backwards svelte-hk458q-sway;position:relative;scale:1}li.header-logo.svelte-hk458q .profile:where(.svelte-hk458q).flower:after{mix-blend-mode:color;--g:/26.486% 26.486% radial-gradient(#000 calc(71% - 1px), #0000 71%) no-repeat;-webkit-mask:100% 50% var(--g), 88.302% 82.139% var(--g), 58.682% 99.24% var(--g), 25% 93.301% var(--g), 3.015% 67.101% var(--g), 3.015% 32.899% var(--g), 25% 6.699% var(--g), 58.682% 0.76% var(--g), 88.302% 17.861% var(--g), radial-gradient(100% 100%, #000 35.01%, #0000 calc(35.01% + 1px));mask:100% 50% var(--g), 88.302% 82.139% var(--g), 58.682% 99.24% var(--g), 25% 93.301% var(--g), 3.015% 67.101% var(--g), 3.015% 32.899% var(--g), 25% 6.699% var(--g), 58.682% 0.76% var(--g), 88.302% 17.861% var(--g), radial-gradient(100% 100%, #000 35.01%, #0000 calc(35.01% + 1px));background-color:#2c5d98;transition:all .8s cubic-bezier(.175,.885,.32,1.275);animation:30s linear 9s backwards svelte-hk458q-sway;scale:1}.menu-container:has(.head-about,.head-contacts) .headerUl.svelte-hk458q{margin-left:21cqw}.menu-container:has(.head-about,.head-contacts) .header-logo.svelte-hk458q a:where(.svelte-hk458q){translate:0 calc(var(--intro-element-displacement) - 1rem)}li.svelte-hk458q:is(.head-contacts:where(.svelte-hk458q),.head-about:where(.svelte-hk458q),.read-more:where(.svelte-hk458q)){padding-inline:var(--Padding-genral);margin-top:var(--intro-element-displacement);max-width:700px;color:var(--color-text);transition:top var(--intro-element-transition);flex-direction:column;flex:auto;display:flex}.text-bubble.svelte-hk458q{--_btn-shadow-color:color-mix(in srgb, var(--color-bg-muted,#fff), #5a56462e 95%);--_btn-border-color:color-mix(in srgb, var(--accent-color,#fff), var(--tritary-color-muted) 65%);border:solid 1.9px var(--color-bg-muted);background-color:#fff;background-color:color-mix(in srgb, var(--tritary-color,#ffffffc7) 5%, color-mix(in srgb, var(--color-bg), #ffffff60 90%) 90%);opacity:0;width:fit-content;height:fit-content;min-height:3rem;filter:drop-shadow(var(--_btn-shadow-color) 0px 28px 10px);border-style:solid groove groove solid;border-radius:10px 23.7px 23.7px;margin-bottom:2%;padding:clamp(1rem,1.5cqw,2rem) clamp(1.5rem,3cqw,4rem);animation:.7s cubic-bezier(.175,.885,.32,1.275) .22s forwards svelte-hk458q-buble-text-in}@starting-style{.text-bubble.svelte-hk458q{opacity:0;translate:-50%;scale:.8}}.text-bubble.svelte-hk458q p:where(.svelte-hk458q):first-child{font-size:1.3rem;line-height:1.5}.head-contacts.svelte-hk458q{flex-direction:column;align-items:start}.head-contacts.svelte-hk458q :where(.svelte-hk458q):first-letter{text-transform:uppercase}.head-contacts.svelte-hk458q .text-bubble:where(.svelte-hk458q)>p:where(.svelte-hk458q),.head-contacts.svelte-hk458q .text-bubble:where(.svelte-hk458q)>span:where(.svelte-hk458q){color:var(--color-heading)}.head-contacts.svelte-hk458q .text-bubble:where(.svelte-hk458q) span:where(.svelte-hk458q){font-size:var(--text-size-l);flex-flow:row;gap:4cqw;display:inline-flex}.head-contacts.svelte-hk458q .text-bubble:where(.svelte-hk458q) span.contact-links:where(.svelte-hk458q)>.mail-to:where(.svelte-hk458q){display:none}.head-contacts.svelte-hk458q .text-bubble:where(.svelte-hk458q) span:where(.svelte-hk458q) a:where(.svelte-hk458q){font-size:clamp(1.5rem, -.4304rem + 5.6522cqw, var(--text-size-l));color:var(--color-text);flex-direction:column;justify-content:center;align-items:center;gap:min(1rem,1cqh);font-weight:600;transition:all .5s;display:flex;overflow:hidden}.head-contacts.svelte-hk458q .text-bubble:where(.svelte-hk458q) span:where(.svelte-hk458q) a:where(.svelte-hk458q):hover{color:var(--accent-color);fill:var(--accent-color)}.head-contacts.svelte-hk458q .text-bubble:where(.svelte-hk458q) span:where(.svelte-hk458q) a:where(.svelte-hk458q):hover svg:where(.svelte-hk458q) path:where(.svelte-hk458q){fill:var(--accent-color)!important}.head-contacts.svelte-hk458q .text-bubble:where(.svelte-hk458q) span:where(.svelte-hk458q) a:where(.svelte-hk458q) p:where(.svelte-hk458q){font-size:var(--text-size-s);opacity:0;display:none}.head-contacts.svelte-hk458q .text-bubble:where(.svelte-hk458q) span:where(.svelte-hk458q) a:where(.svelte-hk458q) svg:where(.svelte-hk458q){aspect-ratio:1;width:clamp(25px,12cqw - .2rem,6cqw);fill:var(--color-text)}.head-contacts.svelte-hk458q .text-bubble:where(.svelte-hk458q) span:where(.svelte-hk458q) a:where(.svelte-hk458q) svg:where(.svelte-hk458q) path:where(.svelte-hk458q){fill:var(--color-text)!important}.menu-container:has(.head-about){--menu-height:60cqh;box-shadow:none;background-color:#0000;transition:all .5s cubic-bezier(.575,.005,.32,1.175) .1s}.menu-container:has(.head-about) .headerUl.svelte-hk458q{margin-left:17cqw}.menu-container:has(.head-about) .header-logo.svelte-hk458q{width:clamp(20cqw,87cqw - .1rem,39cqw);height:auto;animation:none!important}.menu-container:has(.head-about) .header-logo.svelte-hk458q a:where(.svelte-hk458q) .profile:where(.svelte-hk458q):after{content:"";z-index:0;isolation:isolate;background-color:color-mix(in srgb, #2c5d98, var(--primary-color) 40%);mix-blend-mode:color;--g:/26.486% 26.486% radial-gradient(#000 calc(71% - 1px), #0000 71%) no-repeat;place-content:center;transition:all .8s cubic-bezier(.175,.885,.32,1.275);animation:30s linear 9s backwards svelte-hk458q-sway;display:inline-grid;position:absolute;inset:0%;scale:1}.menu-container:has(.head-about) img.svelte-hk458q{animation-duration:90s!important;animation-delay:9s!important}.menu-container:has(.head-about) .text-bubble.svelte-hk458q>p:where(.svelte-hk458q):not(:nth-of-type(n+3)){color:color-mix(in srgb,var(--color-text,#fff) 70% , var(--accent-color,var(--black)) 90%);max-width:37ch}.menu-container:has(.head-about) .text-bubble.svelte-hk458q>p:where(.svelte-hk458q):first-of-type{line-height:2}li.head-about.svelte-hk458q{font-size:clamp(1.2rem, -.9606rem + 2.8522cqw, var(--text-size-l));scrollbar-color:color-mix(in srgb, #2c5d98, var(--primary-color,var(--black)) 40%) transparent;scrollbar-color:color-mix(in srgb, var(--color-bg,#2c5d98), var(--primary-color,var(--black)) 26%) transparent;display:flex;position:relative}.head-about.svelte-hk458q .text-bubble:where(.svelte-hk458q)>:where(.svelte-hk458q):nth-child(n){max-width:43ch;font-size:inherit}.head-about.svelte-hk458q .rm-btn-container:where(.svelte-hk458q){justify-content:end;align-items:end;height:fit-content;margin-top:2rem;display:flex}.head-about.svelte-hk458q button.read-more-btn:where(.svelte-hk458q){--_btn-hue:var(--accent-color);--_btn-color2:color-mix(in var(--color-space),var(--_btn-hue,#ffffffc7) 15%,color-mix(in var(--color-space), var(--color-bg), #ffffffe1 60%) 90%);padding-inline:var(--pill-padding);background-color:var(--_btn-color2);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:color-mix(in srgb, var(--color-text,#fff) 50%, var(--_btn-hue,var(--black)) 90%);border:1px solid;border-color:var(--_btn-hue);border-radius:var(--pill-radius);text-wrap:nowrap;max-width:fit-content;min-height:3rem;font-size:var(--text-size-s);cursor:pointer;place-content:center;transition:all .5s}@starting-style{.head-about.svelte-hk458q button.read-more-btn:where(.svelte-hk458q){opacity:0;scale:.8}}.head-about.svelte-hk458q button.read-more-btn:where(.svelte-hk458q):active{border-style:groove solid solid groove;transform:scale(1.02,.95)}.menu-container:has(.read-more){--menu-height:100cqh;background-color:color-mix(in hsl, var(--color-bg) 60%, transparent)}.menu-container:has(.read-more) .read-more.svelte-hk458q{margin-top:calc(var(--intro-element-displacement) - 7cqh);height:90cqh;overflow:visible scroll}.menu-container:has(.read-more) .headerUl.svelte-hk458q{justify-content:center;margin-left:0}.menu-container:has(.read-more) .header-logo.svelte-hk458q{--logo-width:clamp(20cqw, -.1rem + 87cqw, 29cqw);min-width:var(--logo-width)}.menu-container:has(.read-more) .header-logo.svelte-hk458q a:where(.svelte-hk458q){aspect-ratio:1;width:100%;max-width:100%;translate:0 9rem}.menu-container:has(.read-more) .header-logo.svelte-hk458q a:where(.svelte-hk458q) .profile:where(.svelte-hk458q){--g:/27.486% 27.486% radial-gradient(#000 calc(71% - 1px), #0000 71%) no-repeat;aspect-ratio:1;max-width:75cqw;min-height:20cqh;animation:none}.menu-container:has(.read-more) .header-logo.svelte-hk458q a:where(.svelte-hk458q) .profile:where(.svelte-hk458q):after{--g:/29.486% 26.486% radial-gradient(#000 calc(71% - 1px), #0000 71%) no-repeat;background-color:color-mix(in srgb, #2c5d98, var(--primary-color) 40%);animation:30s linear 9s backwards svelte-hk458q-sway}.menu-container:has(.read-more) img.svelte-hk458q{animation:inherit;object-view-box:inset(0 10px);position:absolute;inset:0}.menu-container:has(.read-more) img.face-2.svelte-hk458q{display:none}.menu-container:has(.read-more) .text-bubble.svelte-hk458q{filter:none;background-color:#0000;border:none;flex-direction:column;gap:1rem;width:100%;padding-left:5cqw;display:flex}.menu-container:has(.read-more) .text-bubble.svelte-hk458q>p:where(.svelte-hk458q):first-child{font-size:inherit;line-height:1.5}li.read-more.svelte-hk458q{flex-direction:row;max-width:900px;padding-top:7rem;font-size:clamp(1.2rem,2.8522cqw - .3006rem,2rem);position:relative;overflow:visible auto}.read-more.svelte-hk458q h2:where(.svelte-hk458q){font-size:clamp(1.5rem, -.1304rem + 3.6522cqw, var(--text-size-l));height:fit-content;color:color-mix(in hsl, var(--color-text), var(--color-bg) 50%);margin-block:5rem 0}.read-more.svelte-hk458q .text-bubble:where(.svelte-hk458q){--color-space:oklch}.read-more.svelte-hk458q .text-bubble:where(.svelte-hk458q)>p:where(.svelte-hk458q){max-width:45ch;height:fit-content;color:color-mix(in var(--color-space), var(--color-text) 100%, var(--accent-color) 10%)}.read-more.svelte-hk458q .text-bubble:where(.svelte-hk458q)>p:where(.svelte-hk458q):nth-of-type(n+3){line-height:1.3;font-size:clamp(1.3rem, -.96rem + 2.8522dvw, var(--text-size-l))}.read-more.svelte-hk458q .previous-roles:where(.svelte-hk458q):first-of-type{align-items:top;justify-content:top;flex-direction:column;margin-block:2rem 1rem;display:flex}.read-more.svelte-hk458q .previous-roles:where(.svelte-hk458q):first-of-type h2:where(.svelte-hk458q){font-size:clamp(1.5rem, -.1304rem + 3.6522cqw, var(--text-size-l));flex:50%;min-width:fit-content;height:fit-content;margin-block:2rem}.read-more.svelte-hk458q .previous-roles:where(.svelte-hk458q):first-of-type ul:where(.svelte-hk458q){display:inherit;flex-flow:wrap;flex:auto;gap:.5rem}.read-more.svelte-hk458q .previous-roles:where(.svelte-hk458q):first-of-type li:where(.svelte-hk458q){--_pill-hue:var(--accent-color);--_pill-color2:color-mix(in xyz, var(--_pill-hue,#ffffffc7), color-mix(in lab, var(--color-bg), #ffffff98 50%) 90%);padding-inline:var(--pill-padding);border-radius:var(--pill-radius);background-color:var(--_pill-color2);color:color-mix(in var(--color-space), var(--color-text,#fff) 70%, var(--_pill-hue,var(--black)) 90%);border:2px solid;border-color:var(--_pill-color2);filter:drop-shadow(var(--_btn-shadow-color) 0px 10px 15px);text-wrap:nowrap;place-content:center;max-width:fit-content;min-height:3rem;margin-bottom:1rem;padding-block:clamp(7px,4vh,21px)}.read-more.svelte-hk458q .approaches:where(.svelte-hk458q){flex-direction:column;gap:1rem;margin-block:2rem 1rem;display:flex}.read-more.svelte-hk458q .approaches:where(.svelte-hk458q) li:where(.svelte-hk458q){all:unset}.read-more.svelte-hk458q .approaches:where(.svelte-hk458q) .apr-pill.apr-pill:where(.svelte-hk458q){--color-space:oklch;--_pill-hue:var(--accent-color);--_pill-color2:color-mix(in var(--color-space), var(--_pill-hue,#ffffffc7), color-mix(in lab, var(--color-bg), #ffffff98 50%) 90%);all:unset;font-size:var(--text-size-m);text-align:center;padding-inline:var(--pill-padding);border-radius:var(--pill-radius);color:color-mix(in var(--color-space), var(--color-text,#fff) 70%, var(--_pill-hue,var(--black)) 90%);border:solid 3px var(--_pill-hue);border-color:color-mix(in var(--color-space), var(--_pill-hue,#ffffffc7) 70%, color-mix(in srgb, var(--color-bg), #ffffff98 50%) 50%);background-color:color-mix(in var(--color-space), var(--_pill-hue,#ffffffc7), color-mix(in srgb, var(--color-bg), #ffffff98 50%) 90%);place-content:center;align-items:center;max-width:fit-content;min-height:3rem;margin-bottom:1rem;font-weight:200}.read-more.svelte-hk458q .approaches:where(.svelte-hk458q) li:where(.svelte-hk458q):has(p:where(.svelte-hk458q)){padding:none;background-color:#0000;border:none;flex-flow:column;display:flex}.read-more.svelte-hk458q .approaches:where(.svelte-hk458q) li:where(.svelte-hk458q):has(p:where(.svelte-hk458q)) p:where(.svelte-hk458q){all:unset;padding-inline:var(--pill-padding);border-radius:var(--pill-radius);background-color:inherit;color:color-mix(in srgb,var(--color-text,#fff) 70% , var(--_btn-hue,var(--black)) 90%);text-wrap:nowrap;place-content:center;width:fit-content;min-height:3rem;margin-bottom:1rem;max-width:fit-content!important}.read-more.svelte-hk458q .lucide:nth-of-type(n){--_lucide-c:color-mix(in var(--color-space), var(--color-text) 80%, var(--color-bg) 60%);color:color-mix(in var(--color-space), var(--_lucide-c,#2c5d98), var(--primary-color,var(--color-heading)) 36%);fill:currentColor;margin-left:1rem;transition:color .3s,fill .3s}.read-more.svelte-hk458q .rm-btn-container:where(.svelte-hk458q){height:fit-content;display:flex;position:sticky;bottom:2rem;left:-3rem}.read-more.svelte-hk458q button.read-more-btn:where(.svelte-hk458q){font-size:var(--text-size-s);place-content:center;transition:all .5s}@starting-style{.read-more.svelte-hk458q button.read-more-btn:where(.svelte-hk458q){opacity:0;scale:.8}}.menu-container:has(.menu-routes) .menu-routes.svelte-hk458q{color:var(--color-text);flex-flow:column;flex:2 auto;justify-content:center;height:100%;margin-top:15%;font-size:clamp(1.8rem,3.6522cqw - .1304rem,3rem);line-height:1.7;display:flex}.menu-container:has(.menu-routes) .header-logo.svelte-hk458q a:where(.svelte-hk458q){translate:-2rem calc(var(--intro-element-displacement) - 1rem)}.menu-routes.svelte-hk458q span:where(.svelte-hk458q) :is(a:where(.svelte-hk458q),button:where(.svelte-hk458q)){font-size:inherit;color:currentColor;cursor:pointer;background:0 0;border:none}.menu-routes.svelte-hk458q .noLink:where(.svelte-hk458q){pointer-events:none;cursor:default;opacity:.6;color:gray}.headerUl.svelte-hk458q:has(li:where(.svelte-hk458q):nth-of-type(n) a:where(.svelte-hk458q):hover) .flower:where(.svelte-hk458q){--g:/27.486% 27.486% radial-gradient(#000 calc(71% - 1px), #0000 71%) no-repeat;transition:transform 1s .1s;transform:rotateY(.5turn)}.headerUl.svelte-hk458q:has(li:where(.svelte-hk458q):first-of-type a:where(.svelte-hk458q):not(:hover)) .flower:where(.svelte-hk458q){transition:all .9s cubic-bezier(.175,.885,.32,1.275) .1s}@keyframes svelte-hk458q-sway{0%,to{rotate:inherit}50%{rotate:15deg}90%{rotate:2deg}}@keyframes svelte-hk458q-launch{50%{filter:blur(1px)}to{filter:opacity(5%);translate:0 -100%}}@keyframes svelte-hk458q-flip{to{transform:rotateY(2turn)}}@keyframes svelte-hk458q-buble-text-in{0%,12%{opacity:.2;translate:-3%;scale:.99}to{opacity:1;translate:0}}@media (width<1000px){li.head-about.svelte-hk458q button.read-more-btn:where(.svelte-hk458q){display:grid}.menu-container:has(.menu-routes) .headerUl.svelte-hk458q .menu-routes:where(.svelte-hk458q){flex-flow:column;margin-top:20%;line-height:1.7;display:flex}}@media (width<950px){.menu-container.active.svelte-hk458q ul.headerUl:where(.svelte-hk458q){margin-left:0;padding:0}}@media (width<650px){.menu-container.svelte-hk458q{--container-block-padding:calc(var(--H-top) + 12cqh);height:100lvh;min-height:min(60lvh,var(--menu-height));min-height:clamp(60cqh, var(--menu-height), 95lvh)}.menu-container.svelte-hk458q:has(.close-menu-btn:where(.svelte-hk458q)){--menu-height:100lvh}.menu-container.svelte-hk458q .close-menu-btn:where(.svelte-hk458q){display:grid}.active.svelte-hk458q{background-color:color-mix(in var(--color-space), var(--color-bg,#ffffff82) 60%, #fff3 80%);border-bottom:solid 5px color-mix(in var(--color-space), var(--color-bg,#ffffff82) 50%, #fff3 80%);flex:0 auto}.menu-container.active.svelte-hk458q ul.headerUl:where(.svelte-hk458q){flex-direction:column;flex:0 auto;height:100%;padding:0;margin-left:0!important}.headerUl.svelte-hk458q>li:where(.svelte-hk458q):nth-of-type(n+2){flex:0 auto;width:100%;height:100%}.headerUl.svelte-hk458q li.header-logo:where(.svelte-hk458q){margin-block:var(--container-block-padding) 0;aspect-ratio:1;justify-content:center;width:clamp(1rem,.5vw + 100cqw,100%);min-width:100%;height:fit-content;max-height:20dvh}.headerUl.svelte-hk458q li.header-logo:where(.svelte-hk458q) a:where(.svelte-hk458q){align-self:center;align-items:center;width:clamp(1rem,.5vw + 100cqw,100%);max-height:100%;translate:unset!important}.headerUl.svelte-hk458q li.header-logo:where(.svelte-hk458q) a:where(.svelte-hk458q) .profile:where(.svelte-hk458q){aspect-ratio:1;height:100%;width:auto!important}.headerUl.svelte-hk458q .profile.flower:where(.svelte-hk458q){view-transition-name:header-figure;animation:10s linear .5s infinite svelte-hk458q-sway,12s ease-out 3s both svelte-hk458q-flip}.headerUl.svelte-hk458q:has(li:where(.svelte-hk458q):nth-of-type(n) a:where(.svelte-hk458q):hover) .flower:where(.svelte-hk458q){transition:all 1s .1s;transform:rotateY(0)!important}.menu-container:has(.head-about,.head-contacts) .headerUl.svelte-hk458q{margin-left:0}.menu-container:has(.head-contacts) .head-contacts.svelte-hk458q{padding-top:5%;align-items:top;justify-content:start;max-height:fit-content;margin:0;padding-inline:0}.menu-container:has(.head-contacts) .text-bubble.svelte-hk458q{border-radius:13.7px;width:100%;padding:4%;line-height:1.5}.menu-container:has(.head-contacts) .contact-links.svelte-hk458q{justify-content:space-around;width:100%}.menu-container:has(.head-contacts) .contact-links.svelte-hk458q a:where(.svelte-hk458q){aspect-ratio:1}.menu-container:has(.head-contacts) .contact-links.svelte-hk458q a.mail-to:where(.svelte-hk458q){display:block}.menu-container:has(.head-contacts) .contact-links.svelte-hk458q svg:where(.svelte-hk458q){width:clamp(40px,12cqw - .2rem,4cqw)}.headerUl.svelte-hk458q .head-contacts:where(.svelte-hk458q) span:where(.svelte-hk458q){gap:12cqw}.head-contacts.svelte-hk458q .text-bubble:where(.svelte-hk458q):has(.mail-to:where(.svelte-hk458q)){margin-top:2rem;display:flex}.head-contacts.svelte-hk458q .text-bubble:where(.svelte-hk458q):has(.mail-to:where(.svelte-hk458q)) .lucide{width:100%;height:100%}.head-contacts.svelte-hk458q .text-bubble:where(.svelte-hk458q):has(.email:where(.svelte-hk458q)){display:none}.menu-container:has(.head-about){--header-height:75cqh;--menu-height:var(--header-height)}.menu-container:has(.head-about) .headerUl.svelte-hk458q .header-logo:where(.svelte-hk458q){width:100%}.menu-container:has(.head-about) .headerUl.svelte-hk458q li.head-about:where(.svelte-hk458q){height:fit-content;margin-top:0}.menu-container:has(.head-about) .head-about.svelte-hk458q .text-bubble:where(.svelte-hk458q):nth-of-type(2){display:none}li.head-about.svelte-hk458q p:where(.svelte-hk458q){max-width:100%;height:fit-content}li.head-about.svelte-hk458q p:where(.svelte-hk458q):first-of-type{margin-top:0}.menu-container:has(.read-more){--menu-height:100lvh}.menu-container:has(.read-more) .headerUl:where(.svelte-hk458q){max-height:fit-content;overflow:auto}.menu-container:has(.read-more) .headerUl:where(.svelte-hk458q) .header-logo:where(.svelte-hk458q){width:100%;aspect-ratio:unset;min-width:100%}.menu-container:has(.read-more) .headerUl:where(.svelte-hk458q) .header-logo:where(.svelte-hk458q) a:where(.svelte-hk458q) picture.profile.flower:where(.svelte-hk458q){aspect-ratio:1;width:100%;max-width:100%;min-height:100px}.menu-container:has(.read-more) .headerUl:where(.svelte-hk458q) .header-logo:where(.svelte-hk458q) a:where(.svelte-hk458q){translate:0 3cqh}.menu-container:has(.read-more) .read-more:where(.svelte-hk458q){flex-direction:column;min-height:60cqh;margin:0;padding:0;overflow-y:scroll}.menu-container:has(.read-more) .text-bubble:where(.svelte-hk458q){width:100%;min-height:340lvh;padding-bottom:var(--container-block-padding)}.menu-container:has(.read-more) .approaches:where(.svelte-hk458q){align-items:center}.menu-container:has(.read-more) .approaches:where(.svelte-hk458q) .apr-pill:where(.svelte-hk458q){text-align:left;border-radius:10px;line-height:1.5}.menu-container:has(.read-more) .approaches:where(.svelte-hk458q) .lucide:nth-of-type(n){margin-left:0}.menu-container:has(.read-more) .previous-roles:where(.svelte-hk458q):first-of-type{margin:0}.menu-container.svelte-hk458q:has(.read-more:where(.svelte-hk458q)){--menu-height:100lvh}.menu-container.svelte-hk458q:has(.read-more:where(.svelte-hk458q)) .headerUl:where(.svelte-hk458q){max-height:fit-content;overflow:auto}.menu-container.svelte-hk458q:has(.read-more:where(.svelte-hk458q)) .headerUl:where(.svelte-hk458q) .header-logo:where(.svelte-hk458q){width:100%;aspect-ratio:unset;min-width:100%}.menu-container.svelte-hk458q:has(.read-more:where(.svelte-hk458q)) .headerUl:where(.svelte-hk458q) .header-logo:where(.svelte-hk458q) a:where(.svelte-hk458q) picture.profile.flower:where(.svelte-hk458q){aspect-ratio:1;width:100%;max-width:100%;min-height:100px}.menu-container.svelte-hk458q:has(.read-more:where(.svelte-hk458q)) .headerUl:where(.svelte-hk458q) .header-logo:where(.svelte-hk458q) a:where(.svelte-hk458q){translate:0 3cqh}.menu-container.svelte-hk458q:has(.read-more:where(.svelte-hk458q)) .read-more:where(.svelte-hk458q){flex-direction:column;min-height:60cqh;margin:0;padding:0;overflow-y:scroll}.menu-container.svelte-hk458q:has(.read-more:where(.svelte-hk458q)) .text-bubble:where(.svelte-hk458q){width:100%;min-height:340lvh;padding-bottom:var(--container-block-padding)}.menu-container.svelte-hk458q:has(.read-more:where(.svelte-hk458q)) .approaches:where(.svelte-hk458q){align-items:center}.menu-container.svelte-hk458q:has(.read-more:where(.svelte-hk458q)) .approaches:where(.svelte-hk458q) .apr-pill:where(.svelte-hk458q){text-align:left;border-radius:10px;line-height:1.5}.menu-container.svelte-hk458q:has(.read-more:where(.svelte-hk458q)) .approaches:where(.svelte-hk458q) .lucide:nth-of-type(n){margin-left:0}.menu-container.svelte-hk458q:has(.read-more:where(.svelte-hk458q)) .previous-roles:where(.svelte-hk458q):first-of-type{margin:0}main:has(button:is(.close-btn,.about-btn,.contact-btn):hover) article.active{transition:all .4s cubic-bezier(.375,.685,.32,1.275);height:calc-size(fit-content, size + 2%)!important}.headerUl.svelte-hk458q .menu-routes:where(.svelte-hk458q){flex-flow:column;line-height:1.7;display:flex}.menu-container:has(.menu-routes){--menu-height:90cqh;gap:0;height:fit-content}.menu-container:has(.menu-routes) .headerUl.svelte-hk458q li.menu-routes:where(.svelte-hk458q){margin-top:0}.menu-container:has(.menu-routes) li.header-logo.svelte-hk458q{margin-bottom:0}}@media (height<500px){.menu-container.svelte-hk458q{--menu-height:100cqh;background-color:#ffffff8d}.headerUl.svelte-hk458q li.header-logo:where(.svelte-hk458q){margin-top:calc(var(--H-top) + 12cqh);aspect-ratio:unset;width:clamp(1rem,.5vw + 100cqw,40%);height:fit-content;max-height:10dvh}}:root{--btn-shadow-color:color-mix(in var(--color-space), var(--color-bg,#fff), #69623f2e 50%);--icon-shadow-color:color-mix(in var(--color-space), var(--color-bg,#fff), #69623f2e 50%);--footer-element-shadow:0 10px 20px -10px #0c0f1760}footer.svelte-1dvfsix{width:100%;min-height:var(--H-top,fit-content);z-index:200;flex-direction:column;display:none;position:fixed;bottom:0;container:footer/inline-size}footer.svelte-1dvfsix:where(.svelte-1dvfsix):not(.down){transition:all .5s ease-out}footer.svelte-1dvfsix:where(.svelte-1dvfsix):not(.down):hover .foot-extra:where(.svelte-1dvfsix){box-shadow:0 10px 5px -10px #0000}footer.svelte-1dvfsix:hover{transition:all .5s ease-out}footer.svelte-1dvfsix ul:where(.svelte-1dvfsix){flex-direction:row;width:100%;height:fit-content;display:flex}@container (width<800px){footer.svelte-1dvfsix ul:where(.svelte-1dvfsix){margin-top:1rem}}footer.svelte-1dvfsix li:where(.svelte-1dvfsix){width:100%;min-height:4rem;color:var(--color-text);flex-flow:row;flex:1 3 30%;justify-content:center;align-items:center;display:flex;position:relative}li.D-menu.svelte-1dvfsix{flex:0 2 fit-content;z-index:200;justify-content:center;gap:1rem;width:19rem;height:fit-content;padding:1rem 0;transition:all .6s ease-out;position:relative}li.D-menu.svelte-1dvfsix button:where(.svelte-1dvfsix){--_btn-shadow-color:color-mix(in srgb, var(--color-bg,#fff), #413c272e 70%);text-wrap:nowrap;width:auto;height:3rem;font-size:clamp(var(--text-size-s), 50dvw - 1rem, 1.3rem);background-color:color-mix(in srgb, var(--color-bg,#fff), #ffffff9c 80%);filter:drop-shadow(var(--_btn-shadow-color) 0px 28px 10px);color:inherit;cursor:pointer;z-index:5;border:none;border-radius:25px;place-content:center;padding-inline:10px;line-height:1rem;display:grid;position:relative}li.D-menu.svelte-1dvfsix button:where(.svelte-1dvfsix):after{content:"";z-index:-1;-webkit-user-select:none;user-select:none;border-radius:15px;position:absolute;inset-block:0 -2rem;inset-inline:-25%}li.D-menu.svelte-1dvfsix button:where(.svelte-1dvfsix) svg:where(.svelte-1dvfsix) path:where(.svelte-1dvfsix){fill:#0000;stroke:var(--color-text,#000)}li.svelte-1dvfsix button:where(.svelte-1dvfsix):hover{filter:drop-shadow(var(--_btn-shadow-color) 0px 23px 10px)}li.svelte-1dvfsix button:where(.svelte-1dvfsix):active{filter:drop-shadow(var(--_btn-shadow-color) 0px 15px 10px);scale:.97}li.svelte-1dvfsix button.icon-btn:where(.svelte-1dvfsix){aspect-ratio:1}li.svelte-1dvfsix button.menu-btn:where(.svelte-1dvfsix){display:none}@container (width<990px){li.svelte-1dvfsix button.menu-btn:where(.svelte-1dvfsix){display:block}}li.svelte-1dvfsix button.menu-btn:where(.svelte-1dvfsix) svg:where(.svelte-1dvfsix) path:where(.svelte-1dvfsix){fill:#0000;stroke:var(--color-text,#000)}li.svelte-1dvfsix button.dark-mode:where(.svelte-1dvfsix) svg:where(.svelte-1dvfsix) path:where(.svelte-1dvfsix){fill:var(--color-text);stroke:var(--color-text);stroke-width:2px;background-color:#000}li.foot-extra.svelte-1dvfsix{padding-inline:20px;position:relative}li.foot-extra.svelte-1dvfsix noscript:where(.svelte-1dvfsix){justify-content:end;width:60%;display:flex}li.foot-extra.svelte-1dvfsix button:where(.svelte-1dvfsix){cursor:help;border-radius:50%;transition:all .5s ease-out;transform:translate(0)}@starting-style{li.foot-extra.svelte-1dvfsix button:where(.svelte-1dvfsix){translate:0 -5rem}}li.foot-extra.svelte-1dvfsix button:where(.svelte-1dvfsix) svg:where(.svelte-1dvfsix) path:where(.svelte-1dvfsix){fill:#c09e18e6}li.foot-extra.svelte-1dvfsix #noscript-notice:where(.svelte-1dvfsix){text-align:center;z-index:10;background-color:#edc00a;border-radius:10px;width:100%;max-width:500px;padding:1rem;font-size:2.1rem;position:absolute;top:30%}@keyframes svelte-1dvfsix-sway{50%{rotate:15deg}}@media (width<=1000px){li.svelte-1dvfsix button:where(.svelte-1dvfsix):is(.contact-btn:where(.svelte-1dvfsix),.about-btn:where(.svelte-1dvfsix)){display:none}}:root{--list-color:color-mix(in var(--color-space), var(--hoverC,var(--tritary-color)) 65%, var(--dark-subtle));--line-color:color-mix(in var(--color-space), var(--list-color), #c8c47b36);--line-gap:1svh}.Orderedlist-container{width:100%;max-width:25dvw;height:70cqh;max-height:100%;color:var(--list-color);margin-top:5dvh;position:relative;overflow-y:auto}#ol.svelte-vla1wt{gap:var(--line-gap);z-index:auto;text-shadow:0 3px 3px #ffffff80;flex-direction:column;padding-left:1rem;display:flex}#ol.svelte-vla1wt>button:where(.svelte-vla1wt){background-color:color-mix(in srgb, var(--hoverC,black), #fff0 100%);width:fit-content;height:auto;color:var(--list-color);corner-shape:superellipse(3);cursor:pointer;border:none;border-radius:50%;place-content:start;padding-block:.1rem;display:grid;position:relative}ol.main-list.svelte-vla1wt{margin-block:var(--line-gap);max-width:fit-content;min-height:auto;position:relative}ol.main-list.svelte-vla1wt:last-of-type{min-width:1.8rem}ol.main-list.svelte-vla1wt:nth-of-type(n):after{content:"";width:180%;height:1px;position:absolute;inset-inline:-50%}ol.main-list.svelte-vla1wt:first-of-type:after{top:calc(-1 * var(--line-gap));background-color:var(--line-color)}ol.main-list.svelte-vla1wt:last-of-type:after{bottom:calc(-1 * var(--line-gap));background-color:var(--line-color)}.main-list.svelte-vla1wt>li:where(.svelte-vla1wt){gap:var(--line-gap);align-items:center;width:100%;min-height:1rem;display:flex}.main-list.svelte-vla1wt>li:where(.svelte-vla1wt) a:where(.svelte-vla1wt){color:var(--list-color)}.main-list.svelte-vla1wt>li:where(.svelte-vla1wt) svg:where(.svelte-vla1wt)~p:where(.svelte-vla1wt){display:none}.main-list.svelte-vla1wt ol:where(.svelte-vla1wt){flex-direction:column;align-items:end;display:flex}.main-list.svelte-vla1wt ol:where(.svelte-vla1wt) li:where(.svelte-vla1wt){height:10px;padding-top:5px;display:flex}.main-list.svelte-vla1wt ol:where(.svelte-vla1wt) li:where(.svelte-vla1wt) svg:where(.svelte-vla1wt) path:where(.svelte-vla1wt){stroke:var(--line-color)}#ol.svelte-vla1wt :where(.svelte-vla1wt):is(button:where(.svelte-vla1wt),a:where(.svelte-vla1wt),svg:where(.svelte-vla1wt)):nth-last-of-type(n):hover{--list-color:color-mix(in var(--color-space), var(--hoverC,#ffffffad), black 80%);-webkit-text-decoration:underline wavy;text-decoration:underline wavy}.no-pagination.svelte-vla1wt{filter:opacity(.3);pointer-events:none}.no-pagination.svelte-vla1wt::selection{background:0 0}.cover-content.svelte-tg3tt6{transition:.4s var(--transition-timing) 1s, box-shadow 0s, filter .4s, background-color 0s}.cover-content.svelte-tg3tt6:not(.text){place-content:center;padding:0;display:grid}.cover-content.svelte-tg3tt6:first-child{text-shadow:0 3px 3px #ffffff80;color:#00000028;font-size:clamp(4rem,15vw,5rem);position:absolute;bottom:5%;right:5%}.cover-content.svelte-tg3tt6.hero2{--sticker-color:#2eb6ff;--sticker-width:30cqw;--sticker-height:20cqh;--sticker-rotation:-.6deg;z-index:0;font-size:clamp(1rem,15vw,1.2rem);position:relative}.cover-content.svelte-tg3tt6.chris-icon{--sticker-color:#93df20e5;--sticker-width:8rem;--sticker-height:8rem;--sticker-rotation:-15deg;outline:1.5px inset color-mix(in oklab, var(--sticker-color) 10%, #000000b4);border-radius:50%;place-content:center;display:grid;top:30%;left:3%}@supports (corner-shape:superellipse(0)){.cover-content.svelte-tg3tt6.chris-icon{corner-shape:scoop}}.cover-content.svelte-tg3tt6.triangle{--sticker-color:#dcdf20f1;--sticker-width:8rem;--sticker-height:8rem;--sticker-rotation:12deg;--sticker-top:20%;outline:8px solid color-mix(in oklab, var(--sticker-color) 80%, #00000094);outline-offset:-5px;outline-style:double;font-size:1.2rem;left:23%}@supports (corner-shape:superellipse(0)){.cover-content.svelte-tg3tt6.triangle{corner-shape:superellipse(.2)}}.cover-content.svelte-tg3tt6.hero{--sticker-color:#df202000;--sticker-width:10rem;--sticker-height:9rem;--sticker-rotation:0deg;--sticker-top:68%;opacity:0;left:5%}.cover-content.svelte-tg3tt6.in-progress{--sticker-color:#df202000;--sticker-width:auto;--sticker-height:14rem;--sticker-rotation:7deg;--sticker-top:6%;z-index:0;left:5%}.cover-content.svelte-tg3tt6.clear{--sticker-color:#df202000;--sticker-width:auto;--sticker-height:12rem;--sticker-top:auto;filter:sepia(.2);z-index:0;bottom:-35%;left:auto;right:28%;--sticker-rotation:307deg!important;rotate:119deg!important}.cover-content.svelte-tg3tt6.flag{--sticker-color:#df202000;--sticker-width:auto;--sticker-height:6rem;--sticker-rotation:3deg;--sticker-top:0%;right:5%}.cover-content.svelte-tg3tt6.vue{--sticker-color:#df202000;--sticker-width:auto;--sticker-height:6rem;--sticker-rotation:-6deg;--sticker-top:43%;left:12%}.cover-content.svelte-tg3tt6.svelte{--sticker-color:#df202000;--sticker-width:auto;--sticker-height:7rem;--sticker-rotation:-6deg;--sticker-top:48%;left:15%}.cover-content.svelte-tg3tt6.JS{--sticker-color:#df202000;--sticker-width:auto;--sticker-height:8rem;--sticker-rotation:-6deg;--sticker-top:3%;right:5%}.cover-content.svelte-tg3tt6.figma{--sticker-color:#df202000;--sticker-width:auto;--sticker-height:6rem;--sticker-rotation:6deg;--sticker-top:65%;left:35%}.cover-content.svelte-tg3tt6.c-name{--sticker-color:#df202000;--sticker-width:auto;--sticker-height:2rem;--sticker-rotation:0deg;--sticker-top:auto;opacity:.2;bottom:15%;right:7%}.cover-content.svelte-tg3tt6.pixel-c{--sticker-color:#df202000;--sticker-width:auto;--sticker-height:2rem;--sticker-rotation:50deg;--sticker-top:auto;bottom:40%;left:90%;rotate:50deg}.cover-content.svelte-tg3tt6.c-pixel-icon{--sticker-color:#df202000;--sticker-width:auto;--sticker-height:2rem;--sticker-rotation:0deg;--sticker-top:auto;bottom:0%;left:0%}.cover-content.svelte-tg3tt6.A11y{--sticker-color:#df202000;--sticker-width:auto;--sticker-height:2rem;--sticker-rotation:0deg;--sticker-top:auto;top:19%;right:8%}.cover-content.svelte-tg3tt6.Cc{--sticker-color:#df202000;--sticker-width:auto;--sticker-height:3rem;--sticker-rotation:0deg;--sticker-top:auto;top:25%;right:8%}.sticker-label.svelte-tg3tt6{--sticker-shadow-color:color-mix(in oklab, var(--tritary-color) 30%, #15141480 80%);--sticker-shadow-color2:color-mix(in oklab, var(--tritary-color) 60%, #15141437 50%);color:color-mix(in var(--color-space), #000, var(--sticker-color,transparent) 10%);background-color:var(--sticker-color);min-width:var(--sticker-width,30cqw);min-height:var(--sticker-height,20cqh);height:var(--sticker-height,20cqh);top:var(--sticker-top,5%);transform:rotate(var(--sticker-rotation,0deg));transform-origin:top;filter:drop-shadow(.5px .5px 1px var(--sticker-shadow-color)) drop-shadow(.5px 12px 10px var(--sticker-shadow-color2));opacity:.88;border-radius:15px;margin:10px 30px;padding:3ex 2ex;font-size:1rem;font-weight:lighter;position:absolute}@supports (corner-shape:superellipse(0)){.sticker-label.svelte-tg3tt6{corner-shape:superellipse(3)}}.track-container.svelte-1vxcgd2{scroll-snap-type:none;scrollbar-width:none;width:100%;display:flex;position:relative;overflow:scroll hidden}.track{all:unset;flex-flow:row;gap:1rem;width:fit-content;max-width:fit-content;height:fit-content;min-height:fit-content;display:flex;overflow:visible}.track>*{max-width:90%}.controls{--controls-bg:color-mix(in var(--color-space), var(--_pill-hue,#ffffffc7), #ffffff0e 90%);isolation:isolate;translate:0 var(--carousel-bottom-gap,0);z-index:2;border-radius:25px;flex-flow:row;align-self:end;align-items:center;min-width:fit-content;max-width:fit-content;height:fit-content;padding:7px 19px;display:flex;position:relative}.ctrl-sections.svelte-1vxcgd2{flex:100%;place-content:center;width:fit-content;max-height:3rem;display:grid;position:relative;min-height:2.2rem!important}.ctrl-sections.svelte-1vxcgd2 button:where(.svelte-1vxcgd2){all:unset;cursor:pointer;place-content:center;width:100%;min-height:100%;display:grid}.ctrl-sections.ctrl-pause.svelte-1vxcgd2{order:-5;margin-right:.5rem}div.controls.svelte-1vxcgd2 div.ctrl-sections.pill:where(.svelte-1vxcgd2){--carousel-pill-btn-color:var(--file-primary-color);background-color:var(--controls-bg);flex-flow:row;justify-content:space-around;align-items:center;padding-inline:0;display:flex;box-shadow:0 4px 13px -11px #000000a2}.controls.svelte-1vxcgd2:has(button.shift-btn:where(.svelte-1vxcgd2)) div.ctrl-sections.pill:where(.svelte-1vxcgd2){justify-content:space-between;gap:.5rem}.controls.svelte-1vxcgd2:has(button.shift-btn:where(.svelte-1vxcgd2)) div.ctrl-sections.pill:where(.svelte-1vxcgd2):hover{box-shadow:black 0 5px 11px -10px, inset 0 0 9px -5px color-mix(in var(--color-space), var(--file-pill-color,var(--black)) 30%, transparent 40%)}.controls.svelte-1vxcgd2:has(button.shift-btn:where(.svelte-1vxcgd2)) div.ctrl-sections.pill:where(.svelte-1vxcgd2) button:where(.svelte-1vxcgd2){background-color:var(--color-text)}.controls.svelte-1vxcgd2:has(button.shift-btn:where(.svelte-1vxcgd2)) div.ctrl-sections.pill:where(.svelte-1vxcgd2) button:where(.svelte-1vxcgd2) .lucide{color:var(--carousel-pill-btn-color)}div.ctrl-sections.svelte-1vxcgd2 span:where(.svelte-1vxcgd2) button.shift-btn:where(.svelte-1vxcgd2){border-radius:15px;min-width:2.3rem;min-height:2rem}.ctrl-sections.svelte-1vxcgd2 .ctrl-next:where(.svelte-1vxcgd2){margin-inline:.5rem}.ctrl-sections.svelte-1vxcgd2 .ctrl-prev:where(.svelte-1vxcgd2){order:-4;margin-inline:.5rem}.ctrl-sections.svelte-1vxcgd2 .ctrl-dots:where(.svelte-1vxcgd2){flex-flow:row;flex:2 0 auto;align-items:center;gap:1rem;margin-inline:1rem;display:flex}.ctrl-sections.ctrl-big.svelte-1vxcgd2{border-radius:var(--pill-radius);border:solid 3px var(--_pill-hue);border-color:color-mix(in var(--color-space), var(--_pill-hue,#ffffffc7) 70%, color-mix(in srgb, var(--color-bg), #ffffff98 50%) 80%);aspect-ratio:1;height:2rem;margin-left:1rem;background-color:var(--controls-bg)!important;margin-bottom:0!important;padding:0!important}.ctrl-sections.ctrl-big.svelte-1vxcgd2 .lucide{padding:2px}.ctrl-dots.svelte-1vxcgd2 label:where(.svelte-1vxcgd2){cursor:pointer;place-content:center;display:grid}.ctrl-dots.svelte-1vxcgd2 label:where(.svelte-1vxcgd2):has(input:where(.svelte-1vxcgd2):checked){background-color:var(--color-text);border-radius:50%;scale:1;box-shadow:0 5px 5px -3px #0000008a}.ctrl-dots.svelte-1vxcgd2 label:where(.svelte-1vxcgd2):not(:has(input:checked)){opacity:.5;transition:opacity .3s}.ctrl-dots.svelte-1vxcgd2 label:where(.svelte-1vxcgd2):not(:has(input:checked)):hover{opacity:1}.controls.svelte-1vxcgd2 .lucide{color:var(--color-text)}@media screen and (width<=950px){:root{--carousel-bottom-gap:30px}.controls.svelte-1vxcgd2{align-self:center}.ctrl-sections.pill.svelte-1vxcgd2{padding:5px}.ctrl-sections.pill.svelte-1vxcgd2 .ctrl-dots:where(.svelte-1vxcgd2){gap:10px}.ctrl-sections.pill.svelte-1vxcgd2 .ctrl-dots:where(.svelte-1vxcgd2) label:where(.svelte-1vxcgd2) .lucide{width:5rem;height:5rem}.ctrl-sections.pill.svelte-1vxcgd2 .ctrl-dots:where(.svelte-1vxcgd2) label:where(.svelte-1vxcgd2):has(input:where(.svelte-1vxcgd2):checked){width:2.5rem;height:2.5rem}.ctrl-sections.svelte-1vxcgd2:is(.ctrl-pause:where(.svelte-1vxcgd2),.ctrl-big:where(.svelte-1vxcgd2)){height:2.7rem}.ctrl-sections.svelte-1vxcgd2:is(.ctrl-pause:where(.svelte-1vxcgd2),.ctrl-big:where(.svelte-1vxcgd2)) .lucide{padding:2px}.ctrl-sections.svelte-1vxcgd2 .ctrl-next:where(.svelte-1vxcgd2){margin-inline:1rem}.ctrl-sections.svelte-1vxcgd2 .ctrl-prev:where(.svelte-1vxcgd2){order:-4;margin-inline:1rem}}:root{--btn-shadow-color:color-mix(in var(--color-space), var(--color-bg,#fff), #69623f2e 50%);--icon-shadow-color:color-mix(in var(--color-space), var(--color-bg,#fff), #69623f2e 50%);--header-element-shadow:0 10px 20px -10px #0c0f1760}header.svelte-senwhq{width:100%;min-height:var(--H-top,fit-content);z-index:200;flex-direction:column;display:flex;position:relative;container:header/inline-size}header.svelte-senwhq:where(.svelte-senwhq):not(.down){transition:all .5s ease-out}header.svelte-senwhq:where(.svelte-senwhq):not(.down):hover .head-extra:where(.svelte-senwhq){box-shadow:0 10px 5px -10px #0000}header.svelte-senwhq:hover{transition:all .5s ease-out}header.svelte-senwhq ul:where(.svelte-senwhq){flex-direction:row;width:100%;height:fit-content;display:flex}@container (width<800px){header.svelte-senwhq ul:where(.svelte-senwhq){margin-top:1rem}}header.svelte-senwhq li:where(.svelte-senwhq){width:100%;min-height:4rem;color:var(--color-text);flex-flow:row;flex:1 3 30%;justify-content:center;align-items:center;display:flex;position:relative}li.header-logo.svelte-senwhq{filter:drop-shadow(var(--icon-shadow-color) 0px 28px 10px);justify-content:end;transition:all .5s ease-out}@container (width<800px){li.header-logo.svelte-senwhq{justify-content:start}}.header-logo.svelte-senwhq .logo-container:where(.svelte-senwhq){aspect-ratio:1;view-transition-name:header-figure;flex:0 auto;width:100%;min-width:50px;max-width:50px;height:100%;max-height:50px;margin-inline:20px;position:relative}@starting-style{.header-logo.svelte-senwhq .logo-container:where(.svelte-senwhq){flex:0 auto;width:100%;height:100%;position:relative}}.header-logo.svelte-senwhq .logo-container:where(.svelte-senwhq) img:where(.svelte-senwhq){aspect-ratio:1;object-fit:cover;object-position:center;width:100%;height:100%}@starting-style{.header-logo.svelte-senwhq .logo-container:where(.svelte-senwhq) img:where(.svelte-senwhq){aspect-ratio:1;object-fit:cover;object-position:center;width:100%;height:100%}}.header-logo.svelte-senwhq .logo-container:where(.svelte-senwhq).flower{--g:/25.486% 25.486% radial-gradient(#000 calc(69% - 1px), #0000 73%) no-repeat;-webkit-mask:100% 50% var(--g), 88.302% 82.139% var(--g), 58.682% 99.24% var(--g), 25% 93.301% var(--g), 3.015% 67.101% var(--g), 3.015% 32.899% var(--g), 25% 6.699% var(--g), 58.682% 0.76% var(--g), 88.302% 17.861% var(--g), radial-gradient(100% 100%, #000 35.01%, #0000 calc(35.01% + 1px));mask:100% 50% var(--g), 88.302% 82.139% var(--g), 58.682% 99.24% var(--g), 25% 93.301% var(--g), 3.015% 67.101% var(--g), 3.015% 32.899% var(--g), 25% 6.699% var(--g), 58.682% 0.76% var(--g), 88.302% 17.861% var(--g), radial-gradient(100% 100%, #000 35.01%, #0000 calc(35.01% + 1px));view-transition-name:header-figure;contain:paint layout;transition:all .5s cubic-bezier(.375,.585,.12,1.091);animation:5s linear 15s infinite both svelte-senwhq-sway;scale:1}.header-logo.svelte-senwhq .logo-container:where(.svelte-senwhq).flower:hover{transition:all 12s;rotate:25deg}li.D-menu.svelte-senwhq{flex:0 2 fit-content;z-index:200;justify-content:center;gap:1rem;width:19rem;height:fit-content;padding:1rem 0;transition:all .6s ease-out;position:relative}li.svelte-senwhq:is(.D-menu:where(.svelte-senwhq),.head-extra:where(.svelte-senwhq)) button:where(.svelte-senwhq){--_btn-shadow-color:color-mix(in srgb, var(--color-bg,#fff), #413c272e 70%);--_btn-border-color:color-mix(in srgb, var(--accent-color,#fff), #5a56462e 65%);text-wrap:nowrap;font-size:clamp(var(--text-size-s), 50dvw - 1rem, 1.3rem);border-color:var(--_btn-border-color);background-color:color-mix(in srgb, var(--color-bg,#fff), #ffffff9c 80%);width:auto;min-width:fit-content;height:3rem;color:inherit;filter:drop-shadow(var(--_btn-shadow-color) 0px 28px 10px);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;z-index:5;transition:.1s, color 0s, transform .2s linear(0, .008 0.8%, .032 1.6%, .129 3.4%, .692 10.3%, .903 13.5%, 1.04 16.7%, 1.084 18.4%, 1.111 20.2%, 1.122 22.3%, 1.117 24.6%, 1.016 35.6%, .996 39%, .987 42.6%, 1.001 64.5%, 1);border-style:solid groove groove solid;border-width:3px;border-radius:25px;place-content:center;padding-inline:10px;line-height:1rem;display:grid;position:relative}li.svelte-senwhq:is(.D-menu:where(.svelte-senwhq),.head-extra:where(.svelte-senwhq)) button:where(.svelte-senwhq):active{border-style:groove solid solid groove;border-width:2px;transform:scale(1.09,.9)}li.svelte-senwhq:is(.D-menu:where(.svelte-senwhq),.head-extra:where(.svelte-senwhq)) button:where(.svelte-senwhq):after{content:"";z-index:-1;-webkit-user-select:none;user-select:none;border-radius:15px;position:absolute;inset-block:0 -2rem;inset-inline:-25%}li.svelte-senwhq:is(.D-menu:where(.svelte-senwhq),.head-extra:where(.svelte-senwhq)) button:where(.svelte-senwhq) svg:where(.svelte-senwhq) path:where(.svelte-senwhq){fill:#0000;stroke:var(--color-text,#000)}header.svelte-senwhq:not(.down):has(li.D-menu:where(.svelte-senwhq) .menu-btn:where(.svelte-senwhq)) li.D-menu:where(.svelte-senwhq) .menu-btn:where(.svelte-senwhq) svg:where(.svelte-senwhq) path:where(.svelte-senwhq){fill:var(--accent-color,#000);stroke:var(--accent-color,#000);transition:all .3s ease-out}li.svelte-senwhq button:where(.svelte-senwhq):hover{filter:drop-shadow(var(--_btn-shadow-color) 0px 23px 10px)}li.svelte-senwhq button:where(.svelte-senwhq):active{filter:drop-shadow(var(--_btn-shadow-color) 0px 15px 10px);transition:all .1s;transform:scale(.98)}li.svelte-senwhq button.icon-btn:where(.svelte-senwhq){aspect-ratio:1}li.svelte-senwhq button.menu-btn:where(.svelte-senwhq){display:none}@container (width<990px){li.svelte-senwhq button.menu-btn:where(.svelte-senwhq){display:block}}li.svelte-senwhq button.menu-btn:where(.svelte-senwhq) svg:where(.svelte-senwhq) path:where(.svelte-senwhq){fill:#0000;stroke:var(--color-text,#000);stroke-width:7px}li.svelte-senwhq button.dark-mode:where(.svelte-senwhq) svg:where(.svelte-senwhq) path:where(.svelte-senwhq){fill:var(--color-text);stroke:var(--color-text);stroke-width:2px;background-color:#000}li.head-extra.svelte-senwhq{padding-inline:20px;position:relative}li.head-extra.svelte-senwhq noscript:where(.svelte-senwhq){justify-content:end;width:60%;display:flex}li.head-extra.svelte-senwhq noscript:where(.svelte-senwhq) button:where(.svelte-senwhq){cursor:help;border-radius:50%}li.head-extra.svelte-senwhq button:where(.svelte-senwhq){animation:.5s ease-out both svelte-senwhq-readMoreAnim;transform:translateY(-5rem)}@starting-style{li.head-extra.svelte-senwhq button:where(.svelte-senwhq){transform:translateY(-5rem)}}li.head-extra.svelte-senwhq button:where(.svelte-senwhq) svg:where(.svelte-senwhq) path:where(.svelte-senwhq){fill:#c09e18e6}li.head-extra.svelte-senwhq button.read-more-btn:where(.svelte-senwhq){background-color:color-mix(in srgb, var(--primary-color,#ffffffc7), color-mix(in srgb, var(--color-bg), #ffffff98 50%) 90%);color:color-mix(in srgb, var(--color-text,#fff) 70%, var(--primary-color,var(--black)) 90%);border:2px solid;border-color:color-mix(in srgb, var(--primary-color,#ffffffc7), color-mix(in srgb, var(--color-bg), #ffffff98 50%) 90%);display:none}li.head-extra.svelte-senwhq #noscript-notice:where(.svelte-senwhq){text-align:center;z-index:10;background-color:#edc00a;border-radius:10px;width:100%;max-width:500px;padding:1rem;font-size:2.1rem;position:absolute;top:30%}@keyframes svelte-senwhq-sway{50%{rotate:15deg}}@keyframes svelte-senwhq-readMoreAnim{to{opacity:1;transform:translate(0)}}@media (width<=1000px){header.svelte-senwhq:hover .header-logo:where(.svelte-senwhq){transform:scale(1)}li.svelte-senwhq:is(.D-menu:where(.svelte-senwhq),.head-extra:where(.svelte-senwhq)) button:where(.svelte-senwhq){filter:none}li.svelte-senwhq button.menu-btn:where(.svelte-senwhq){place-content:center;display:grid}li.svelte-senwhq button.menu-btn:where(.svelte-senwhq) svg:where(.svelte-senwhq){min-width:3rem}li.svelte-senwhq button:where(.svelte-senwhq):is(.contact-btn:where(.svelte-senwhq),.about-btn:where(.svelte-senwhq)){display:none}}:root{--wc-bg:var(--D-t-support);--cc-bg:#faff72;--wc-radius:clamp(.5rem, 2vw, 1.8pc);--cc-radius:var(--wc-radius)}.contain.svelte-ro799t{position:relative;container-type:inline-size}main.svelte-ro799t{background-color:var(--wc-bg,white);width:100%;height:100%;color:var(--wc-text,black);container-name:window-container}main.svelte-ro799t>:where(.svelte-ro799t):nth-child(n){grid-column:context}main.svelte-ro799t>:where(.svelte-ro799t):nth-child(n){border-radius:var(--cc-radius,inherit);grid-column:context}main.svelte-ro799t>:where(.svelte-ro799t):first-child.header:where(.svelte-ro799t),.header.svelte-ro799t:first-of-type{text-align:center;border-radius:var(--cc-radius,inherit);grid-column:context;height:fit-content}:is(main.svelte-ro799t>:where(.svelte-ro799t):first-child.header:where(.svelte-ro799t),.header.svelte-ro799t:first-of-type):is(:where(.svelte-ro799t):focus-visible,:where(.svelte-ro799t):focus-within){outline:dotted #ff00001d}main.svelte-ro799t>section:where(.svelte-ro799t):first-of-type{border-radius:var(--cc-radius,inherit);flex-direction:column;width:100%;height:100%;display:flex}.child-container.svelte-ro799t{color:var(--cc-text,black);border-radius:var(--cc-radius,inherit);margin-block:2%;container-name:child-contianer}@media (width>=700px){main.svelte-ro799t{grid-template-columns:[full-start]minmax(1px,.1fr)[context-start]repeat(8,1fr)[context-end]minmax(1px,.1fr)[full-end]}main.svelte-ro799t>:where(.svelte-ro799t):nth-child(n){grid-column:span auto}main.svelte-ro799t>:where(.svelte-ro799t):first-child.header:where(.svelte-ro799t),.header.svelte-ro799t{grid-column:context}}@property --letter-index{syntax:"<number>";inherits:true;initial-value:0}@property --letter-total{syntax:"<number>";inherits:true;initial-value:11}@property --random-col{syntax:"<number>";inherits:true;initial-value:1}@property --random-row{syntax:"<number>";inherits:true;initial-value:1}@property --h{syntax:"<number>|<percentage>";inherits:true;initial-value:-0%}.char{will-change:transform;font-size:2rem;display:inline-block;position:relative}.word{will-change:transform;width:clamp(10rem,100%,20rem);display:inline-block;position:relative}.intro-section.svelte-mswnce{border-radius:inherit;perspective:80rem;background-repeat:no-repeat;background-origin:content-box;place-content:center;height:100%;display:grid;position:relative;overflow:hidden;container-type:inline-size;padding:4rem!important}.mainContain:has(.contentContain:first-child:last-of-type){justify-content:center}main:has(.menu-container.active) .contentContain:has(:is(#works,#workList)){transform:translateY(calc(var(--menu-height,0) - 10dvh)) scale(.83);pointer-events:none;filter:drop-shadow(0 -8px 20px #837f6b4e)brightness()contrast(.9);transition:.8s linear(0, .012 0.9%, .05 2%, .411 9.2%, .517 11.8%, .611 14.6%, .694 17.7%, .765 21.1%, .824 24.8%, .872 28.9%, .91 33.4%, .939 38.4%, .977 50.9%, .994 68.4%, 1);box-shadow:0 -10px 0 -9px #0c0f173b}main:has(.menu-container.active) .contentContain:has(:is(#works,#workList)):hover{pointer-events:fill;transform:translateY(calc(var(--menu-height,0) - 15dvh)) scale(.83);filter:drop-shadow(0 -28px 2px #837f6b00);box-shadow:0 0 20px -15px #0c0f1760}main:has(.menu-container.active) .contentContain:has(:is(#works,#workList)):before{content:"";justify-items:top;z-index:10;pointer-events:fill;cursor:pointer;position:absolute;inset:0}.contentContain:has(:is(#works,#workList)){height:var(--file-section-height);min-height:var(--file-section-height);top:calc(100% - var(--file-section-height) - 4%);max-width:1200px;transition:transform .5s linear(0, .012 0.9%, .05 2%, .411 9.2%, .517 11.8%, .611 14.6%, .694 17.7%, .765 21.1%, .824 24.8%, .872 28.9%, .91 33.4%, .939 38.4%, .977 50.9%, .994 68.4%, 1) .1s, opacity .5s .1s;bottom:0!important}.mainContain:has(details[open]) .contentContain:has([open] summary:not(.experiment)){width:100dvw!important;max-width:1400px!important}.contentContain:has(#works){--file-section-height:clamp(50dvh, 80lvw, 70dvh)}.contentContain:has(#works):has(details[open]){--file-section-height:90%;top:calc(100% - var(--file-section-height) - 3%)}@container (width<900px){.contentContain:has(#works){--file-section-height:90%}}.contentContain:has(#workList){--file-section-height:80%;height:100%;top:calc(100% - var(--file-section-height) - 4%)}@container (width<900px){.contentContain:has(#workList){--file-section-height:75%}}:is(.switchFileType.disabled.svelte-xr2nzo,.mainContain:has(#works details[open]) .switchFileType.svelte-xr2nzo){pointer-events:none;opacity:.3;transform:translateY(5rem)}.switchFileType.svelte-xr2nzo{z-index:0;flex-flow:row;transition:all .5s .1s;display:flex;position:absolute;top:-3rem;right:1rem}.switchFileType.svelte-xr2nzo button:where(.svelte-xr2nzo){--fill-color:color-mix(in srgb, var(--primary-color,var(--color-heading)) 60%, var(--color-heading,#1d1b20));flex:1 0 fit-content;filter:drop-shadow(0 28px 10px #69623f18);cursor:pointer;background-color:#0000;border:1px solid #fff;border-radius:10pc;flex-flow:row;height:2rem;padding:5px 16px;display:flex;overflow:hidden}.switchFileType.svelte-xr2nzo button:where(.svelte-xr2nzo)>:where(.svelte-xr2nzo){align-self:center;align-items:center;height:100%;display:flex}.switchFileType.svelte-xr2nzo button:where(.svelte-xr2nzo) span:where(.svelte-xr2nzo){flex:0 0 30%;margin-inline:5px}.switchFileType.svelte-xr2nzo button:where(.svelte-xr2nzo) span:where(.svelte-xr2nzo) svg:where(.svelte-xr2nzo){width:auto;height:auto}.switchFileType.svelte-xr2nzo button:where(.svelte-xr2nzo) span:where(.svelte-xr2nzo) svg:where(.svelte-xr2nzo) path:where(.svelte-xr2nzo){fill:var(--fill-color,#1d1b20)}.switchFileType.svelte-xr2nzo button:where(.svelte-xr2nzo) p:where(.svelte-xr2nzo){white-space:nowrap;opacity:0;max-width:0;color:var(--color-text);flex:1 0 auto;font-size:1.125rem;transition:max-width .35s,opacity .25s;overflow:hidden}.switchFileType.svelte-xr2nzo button:where(.svelte-xr2nzo):is(:where(.svelte-xr2nzo):hover,:where(.svelte-xr2nzo):active,:where(.svelte-xr2nzo):focus-within){background-color:var(--color-bg,white)}.switchFileType.svelte-xr2nzo button:where(.svelte-xr2nzo):is(:where(.svelte-xr2nzo):hover,:where(.svelte-xr2nzo):active,:where(.svelte-xr2nzo):focus-within) p:where(.svelte-xr2nzo){opacity:1;max-width:8ch}@media (height<700px) and (width>=950px){.contentContain:has(:is(#works,#workList)){--file-section-height:80lvh;max-width:700px}}:root{--total-work:0;--move:0;--file-primary-color-amount:99%;--hue-number:913;--file-primary-hue:var(---primary-color);--file-cover-color:var(--tritary-color);--transition-timing:cubic-bezier(.294, -.291, .247, 1.056);--transition-duration:.6s;--delay-factor:50ms;--sticker-color:#e5641ff8;--sticker-width:0;--sticker-height:0;--sticker-rotation:0deg;--content-assets-left-gap:43cqw;--content-assets-right-gap:20cqw;--carousel-bottom-gap:0rem;font-family:Geist Sans,sans-serif}@property --file-index{syntax:"<integer>";inherits:true;initial-value:0}@property --file-primary-hue{syntax:"<color>";inherits:true;initial-value:#000}.work-section.svelte-wf63zi:has(details[open]:where(.svelte-wf63zi)) .Orderedlist-container:where(.svelte-wf63zi){filter:opacity(.3)blur(1px);pointer-events:none}.work-section.svelte-wf63zi{border-radius:inherit;will-change:transform, filter, top, left;gap:1rem;position:relative;container-type:inline-size}.work-section.svelte-wf63zi::selection{color:var(--black);background-color:#ff0}.work-section.svelte-wf63zi:where(:where(.svelte-wf63zi):focus-within,:where(.svelte-wf63zi):focus-visible,:where(.svelte-wf63zi):hover,.Orderedlist-container:where(.svelte-wf63zi):is(:where(.svelte-wf63zi):hover,:where(.svelte-wf63zi):focus-within)),.work-section.svelte-wf63zi:where(:where(.svelte-wf63zi):focus-within,:where(.svelte-wf63zi):focus){--move-all:17dvw}:is(.work-section.svelte-wf63zi:where(:where(.svelte-wf63zi):focus-within,:where(.svelte-wf63zi):focus-visible,:where(.svelte-wf63zi):hover,.Orderedlist-container:where(.svelte-wf63zi):is(:where(.svelte-wf63zi):hover,:where(.svelte-wf63zi):focus-within)),.work-section.svelte-wf63zi:where(:where(.svelte-wf63zi):focus-within,:where(.svelte-wf63zi):focus)) .Orderedlist-container:where(.svelte-wf63zi):is(:where(.svelte-wf63zi):hover,:where(.svelte-wf63zi):focus-within){--move:calc(46vh + (-43vh * var(--file-index) / var(--total-work,1)))}:is(.work-section.svelte-wf63zi:where(:where(.svelte-wf63zi):focus-within,:where(.svelte-wf63zi):focus-visible,:where(.svelte-wf63zi):hover,.Orderedlist-container:where(.svelte-wf63zi):is(:where(.svelte-wf63zi):hover,:where(.svelte-wf63zi):focus-within)),.work-section.svelte-wf63zi:where(:where(.svelte-wf63zi):focus-within,:where(.svelte-wf63zi):focus)) details.work-cover:where(.svelte-wf63zi) :is(summary:where(.svelte-wf63zi)),:is(.work-section.svelte-wf63zi:where(:where(.svelte-wf63zi):focus-within,:where(.svelte-wf63zi):focus-visible,:where(.svelte-wf63zi):hover,.Orderedlist-container:where(.svelte-wf63zi):is(:where(.svelte-wf63zi):hover,:where(.svelte-wf63zi):focus-within)),.work-section.svelte-wf63zi:where(:where(.svelte-wf63zi):focus-within,:where(.svelte-wf63zi):focus)) details.work-cover:where(.svelte-wf63zi) summary:where(.svelte-wf63zi){--transition-duration:.6s;--move:calc(40dvh + 1dvw * var(--total-work));top:var(--move);left:calc(var(--move-all) - 2rem);color:var(--color-text);filter:blur()opacity(.45);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);pointer-events:none;transition:top var(--transition-duration) .1s, left var(--transition-duration) .2s;z-index:11}@container (width<900px){:is(.work-section.svelte-wf63zi:where(:where(.svelte-wf63zi):focus-within,:where(.svelte-wf63zi):focus-visible,:where(.svelte-wf63zi):hover,.Orderedlist-container:where(.svelte-wf63zi):is(:where(.svelte-wf63zi):hover,:where(.svelte-wf63zi):focus-within)),.work-section.svelte-wf63zi:where(:where(.svelte-wf63zi):focus-within,:where(.svelte-wf63zi):focus)) details.work-cover:where(.svelte-wf63zi) :is(summary:where(.svelte-wf63zi)),:is(.work-section.svelte-wf63zi:where(:where(.svelte-wf63zi):focus-within,:where(.svelte-wf63zi):focus-visible,:where(.svelte-wf63zi):hover,.Orderedlist-container:where(.svelte-wf63zi):is(:where(.svelte-wf63zi):hover,:where(.svelte-wf63zi):focus-within)),.work-section.svelte-wf63zi:where(:where(.svelte-wf63zi):focus-within,:where(.svelte-wf63zi):focus)) details.work-cover:where(.svelte-wf63zi) summary:where(.svelte-wf63zi){--move:calc(53vh - var(--total-work));inset-inline:2%}}:is(:is(.work-section.svelte-wf63zi:where(:where(.svelte-wf63zi):focus-within,:where(.svelte-wf63zi):focus-visible,:where(.svelte-wf63zi):hover,.Orderedlist-container:where(.svelte-wf63zi):is(:where(.svelte-wf63zi):hover,:where(.svelte-wf63zi):focus-within)),.work-section.svelte-wf63zi:where(:where(.svelte-wf63zi):focus-within,:where(.svelte-wf63zi):focus)) details.work-cover:where(.svelte-wf63zi) :is(summary:where(.svelte-wf63zi)),:is(.work-section.svelte-wf63zi:where(:where(.svelte-wf63zi):focus-within,:where(.svelte-wf63zi):focus-visible,:where(.svelte-wf63zi):hover,.Orderedlist-container:where(.svelte-wf63zi):is(:where(.svelte-wf63zi):hover,:where(.svelte-wf63zi):focus-within)),.work-section.svelte-wf63zi:where(:where(.svelte-wf63zi):focus-within,:where(.svelte-wf63zi):focus)) details.work-cover:where(.svelte-wf63zi) summary:where(.svelte-wf63zi)):after{pointer-events:none}:is(.work-section.svelte-wf63zi:where(:where(.svelte-wf63zi):focus-within,:where(.svelte-wf63zi):focus-visible,:where(.svelte-wf63zi):hover,.Orderedlist-container:where(.svelte-wf63zi):is(:where(.svelte-wf63zi):hover,:where(.svelte-wf63zi):focus-within)),.work-section.svelte-wf63zi:where(:where(.svelte-wf63zi):focus-within,:where(.svelte-wf63zi):focus)) details.file:where(.svelte-wf63zi) :is(summary:where(.svelte-wf63zi)),:is(.work-section.svelte-wf63zi:where(:where(.svelte-wf63zi):focus-within,:where(.svelte-wf63zi):focus-visible,:where(.svelte-wf63zi):hover,.Orderedlist-container:where(.svelte-wf63zi):is(:where(.svelte-wf63zi):hover,:where(.svelte-wf63zi):focus-within)),.work-section.svelte-wf63zi:where(:where(.svelte-wf63zi):focus-within,:where(.svelte-wf63zi):focus)) details.file:where(.svelte-wf63zi):where(.svelte-wf63zi):focus-within summary:where(.svelte-wf63zi){--move:calc(46vh + (-43vh * (var(--file-index) / var(--total-work,1))));--shadow-1-radius:calc(-4px + .5px * (var(--file-index)));--shadow-1-color:color-mix(in var(--color-space), var(--file-primary-hue), #00000042 30%);top:calc(var(--move));left:calc(.1dvw * var(--total-work) + 10px * tan(var(--file-index)) + var(--move-all));box-shadow:var(--shadow-1-color) 0px 5px 8px -5px, #0003 0px -3px 0px inset;transition-property:color,top,left,rotate}@starting-style{:is(.work-section.svelte-wf63zi:where(:where(.svelte-wf63zi):focus-within,:where(.svelte-wf63zi):focus-visible,:where(.svelte-wf63zi):hover,.Orderedlist-container:where(.svelte-wf63zi):is(:where(.svelte-wf63zi):hover,:where(.svelte-wf63zi):focus-within)),.work-section.svelte-wf63zi:where(:where(.svelte-wf63zi):focus-within,:where(.svelte-wf63zi):focus)) details.file:where(.svelte-wf63zi) :is(summary:where(.svelte-wf63zi)),:is(.work-section.svelte-wf63zi:where(:where(.svelte-wf63zi):focus-within,:where(.svelte-wf63zi):focus-visible,:where(.svelte-wf63zi):hover,.Orderedlist-container:where(.svelte-wf63zi):is(:where(.svelte-wf63zi):hover,:where(.svelte-wf63zi):focus-within)),.work-section.svelte-wf63zi:where(:where(.svelte-wf63zi):focus-within,:where(.svelte-wf63zi):focus)) details.file:where(.svelte-wf63zi):where(.svelte-wf63zi):focus-within summary:where(.svelte-wf63zi){--move:calc(46vh + (-9vh * (var(--file-index) / var(--total-work,1))));opacity:0}}@container (width<900px){:is(.work-section.svelte-wf63zi:where(:where(.svelte-wf63zi):focus-within,:where(.svelte-wf63zi):focus-visible,:where(.svelte-wf63zi):hover,.Orderedlist-container:where(.svelte-wf63zi):is(:where(.svelte-wf63zi):hover,:where(.svelte-wf63zi):focus-within)),.work-section.svelte-wf63zi:where(:where(.svelte-wf63zi):focus-within,:where(.svelte-wf63zi):focus)) details.file:where(.svelte-wf63zi) :is(summary:where(.svelte-wf63zi)),:is(.work-section.svelte-wf63zi:where(:where(.svelte-wf63zi):focus-within,:where(.svelte-wf63zi):focus-visible,:where(.svelte-wf63zi):hover,.Orderedlist-container:where(.svelte-wf63zi):is(:where(.svelte-wf63zi):hover,:where(.svelte-wf63zi):focus-within)),.work-section.svelte-wf63zi:where(:where(.svelte-wf63zi):focus-within,:where(.svelte-wf63zi):focus)) details.file:where(.svelte-wf63zi):where(.svelte-wf63zi):focus-within summary:where(.svelte-wf63zi){inset-inline:2%}}:is(.work-section.svelte-wf63zi:where(:where(.svelte-wf63zi):focus-within,:where(.svelte-wf63zi):focus-visible,:where(.svelte-wf63zi):hover,.Orderedlist-container:where(.svelte-wf63zi):is(:where(.svelte-wf63zi):hover,:where(.svelte-wf63zi):focus-within)),.work-section.svelte-wf63zi:where(:where(.svelte-wf63zi):focus-within,:where(.svelte-wf63zi):focus)) details.work-cover .cover-content:first-child~.sticker-label{filter:saturate(.3);opacity:0;transition:all .5s;scale:1.1}:is(.work-section.svelte-wf63zi:where(:where(.svelte-wf63zi):focus-within,:where(.svelte-wf63zi):focus-visible,:where(.svelte-wf63zi):hover,.Orderedlist-container:where(.svelte-wf63zi):is(:where(.svelte-wf63zi):hover,:where(.svelte-wf63zi):focus-within)),.work-section.svelte-wf63zi:where(:where(.svelte-wf63zi):focus-within,:where(.svelte-wf63zi):focus)) details.file:where(.svelte-wf63zi) summary:where(.svelte-wf63zi) span:where(.svelte-wf63zi)>img:where(.svelte-wf63zi){opacity:1}details.svelte-wf63zi{border-radius:inherit;-webkit-user-select:text;user-select:text}details.svelte-wf63zi[open]{display:none}details.svelte-wf63zi:nth-of-type(n) summary:where(.svelte-wf63zi){background-image:url(../../../works-assets/material-assets/paper%201%20black&white%20transparent%20cropped%20\(Custom%20flipped\).avif)}details.svelte-wf63zi:nth-of-type(3n) summary:where(.svelte-wf63zi){background-image:url(../../../works-assets/material-assets/paper%201%20black&white%20transparent%20cropped%20\(Custom\).avif)}details.svelte-wf63zi:nth-of-type(n) summary.experiment:where(.svelte-wf63zi){background-blend-mode:soft-light;background-image:url(../../../works-assets/material-assets/Chris%20website14.avif)}details.svelte-wf63zi:nth-of-type(n)>summary:where(.svelte-wf63zi){padding:var(--Padding-genral);z-index:calc(10 - var(--file-index));background-blend-mode:color-dodge;will-change:top, left, right, color, background-color, translate;backface-visibility:hidden;perspective:1000px;transition:top var(--transition-duration) var(--transition-timing) calc(var(--file-index) * var(--delay-factor)), left var(--transition-duration) var(--transition-timing) calc(var(--file-index) * var(--delay-factor)), right var(--transition-duration) var(--transition-timing) calc(var(--file-index) * var(--delay-factor)), color .32s ease, background-color 0s, translate .2s var(--transition-timing);background-position:100% 100%;background-repeat:no-repeat;background-size:100% 100%;background-attachment:fixed;background-origin:border-box;font-size:1.5rem;list-style-position:outside;display:flex;position:absolute;inset:0}@supports (corner-shape:superellipse(0)){details.svelte-wf63zi:nth-of-type(n)>summary:where(.svelte-wf63zi){corner-shape:superellipse(1.2)}}details.svelte-wf63zi:nth-of-type(n)>summary:where(.svelte-wf63zi)::-webkit-details-marker{content:"";display:none}details.svelte-wf63zi:nth-of-type(n)>summary:where(.svelte-wf63zi)::marker{content:"";display:none}details.svelte-wf63zi:nth-of-type(n)>summary:where(.svelte-wf63zi)>span:where(.svelte-wf63zi){flex:0 1 fit-content;width:30px;height:fit-content;color:color-mix(in var(--color-space), var(--file-primary-hue), #0e0e0e 55%);text-shadow:3px 2px 3px #fff3;margin-right:1%;font-size:2rem;font-weight:700;overflow:hidden}details.svelte-wf63zi:nth-of-type(n)>summary:where(.svelte-wf63zi) .file-title:where(.svelte-wf63zi){text-wrap:nowrap;flex:30%}details.svelte-wf63zi:nth-of-type(n)>summary:where(.svelte-wf63zi) .close-file-icon:where(.svelte-wf63zi){text-align:end;opacity:0;width:2rem;height:2rem}details.svelte-wf63zi:nth-of-type(n)>summary:where(.svelte-wf63zi) .small-description:where(.svelte-wf63zi){flex:0 2 fit-content;white-space:nowrap;justify-content:center;align-items:center;height:2rem;margin-right:2%;font-size:1rem;display:flex}details.svelte-wf63zi:nth-of-type(n)>summary:where(.svelte-wf63zi) .work-icon-span:where(.svelte-wf63zi){width:100%;height:fit-content;filter:drop-shadow(var(--file-line-color2) 0 0px 8px);flex:0 clamp(2.5%,100%,30px);position:relative}details.svelte-wf63zi:nth-of-type(n)>summary:where(.svelte-wf63zi) .work-icon-span:where(.svelte-wf63zi)>img:where(.svelte-wf63zi){aspect-ratio:1;object-fit:cover;object-position:start;opacity:.3;width:clamp(2.5%,100%,30px);height:100%}details.svelte-wf63zi:nth-of-type(n)>summary:where(.svelte-wf63zi) .side-description:where(.svelte-wf63zi){transform-origin:0;flex-wrap:nowrap;gap:10px;width:fit-content;height:fit-content;display:flex;position:absolute;bottom:1rem;left:2rem;rotate:-90deg}details.svelte-wf63zi:nth-of-type(n)>summary:where(.svelte-wf63zi) .side-description:where(.svelte-wf63zi)>span:where(.svelte-wf63zi){font-size:1rem}@container (width<500px){details.svelte-wf63zi:nth-of-type(n)>summary:where(.svelte-wf63zi) .small-description:where(.svelte-wf63zi){display:none}}details.svelte-wf63zi:is(#folder-cover:where(.svelte-wf63zi),.work-cover:where(.svelte-wf63zi)) summary:where(.svelte-wf63zi){color:var(--color-text);background-color:var(--file-cover-color,color-mix(in var(--color-space), var(--hoverC,var(--primary-color,hsl(calc(213 - 90 / var(--file-index)), 55%, 38%))) , #ffffff56 70%));background-color:color-mix(in var(--color-space), var(--hoverC,var(--primary-color,hsl(calc(213 - 90 / var(--file-index)), 55%, 38%))) 60%, #fff7 33%);background-image:url(../../../works-assets/material-assets/paper%201%20black&white%20transparent%20cropped%20again%20\(Custom%20flipped\).avif);background-attachment:fixed;background-size:none, cover;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:none;cursor:none;border-radius:var(--wc-radius);font-size:clamp(2rem,20vw,10rem);overflow:hidden;box-shadow:0 2px 4px #0006,0 7px 13px -8px #0000004d,inset 0 -2px #0003;display:block!important}details.svelte-wf63zi:is(#folder-cover:where(.svelte-wf63zi),.work-cover:where(.svelte-wf63zi)) summary:where(.svelte-wf63zi)::marker{display:none}@container (width<900px){details.svelte-wf63zi:is(#folder-cover:where(.svelte-wf63zi),.work-cover:where(.svelte-wf63zi)) summary:where(.svelte-wf63zi){--move:calc(53dvh + 1dvw * var(--total-work));top:var(--move);background-position:100% 100%;background-size:cover}}details.file.svelte-wf63zi summary:where(.svelte-wf63zi){--file-primary-hue:color-mix(in var(--color-space,oklch), hsl(calc(var(--hue-number,213) / var(--file-index)), 55%, 38%), var(--file-primary-color) var(--file-primary-color-amount));--move:calc(50vh + (-6.9svh * var(--file-index)));top:var(--move);color:var(--black);background-color:color-mix(in var(--color-space), var(--file-primary-hue), var(--color-bg) 10%);border-radius:var(--wc-radius) var(--wc-radius) var(--wc-radius) 5px;-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);right:0}@container (width<900px){details.file.svelte-wf63zi summary:where(.svelte-wf63zi){--move:calc(65vw + (-8.5vw * var(--file-index)));border-radius:var(--wc-radius);inset-inline:2%}}details.file.svelte-wf63zi summary:where(.svelte-wf63zi):nth-of-type(n):before{content:"";background-color:color-mix(in lab, var(--file-primary-hue), #ad82ee76 55%);inset:1rem;border-radius:inherit;z-index:10;contain:paint content;position:absolute;top:4rem;left:3rem}details.file.svelte-wf63zi:nth-of-type(odd) summary:where(.svelte-wf63zi):before,details.file.svelte-wf63zi summary.experiment:where(.svelte-wf63zi):before{background-blend-mode:lighten;background-blend-mode:soft-light;background-blend-mode:saturation;filter:opacity(.5)contrast(150%)grayscale(.8);background-position:90% 0;background-size:cover}details.file.svelte-wf63zi:nth-of-type(2n) summary:where(.svelte-wf63zi):before{background-blend-mode:lighten;background-blend-mode:saturation;filter:opacity(.5)contrast(150%)grayscale(.8)}details.work-cover.svelte-wf63zi:not(:hover,:focus,:active) :is(summary:where(.svelte-wf63zi)),details.work-cover.svelte-wf63zi :where(.svelte-wf63zi):is(summary:where(.svelte-wf63zi)):not(:hover,:focus,:active){transition:.6s var(--transition-timing)}details.file.svelte-wf63zi:not(:hover,:focus,:active) :is(summary:where(.svelte-wf63zi)),details.file.svelte-wf63zi :where(.svelte-wf63zi):is(summary:where(.svelte-wf63zi)):not(:hover,:focus,:active){transition:.25s var(--transition-timing)}details.file.svelte-wf63zi:nth-of-type(n):is(:where(.svelte-wf63zi):hover,:where(.svelte-wf63zi):focus) :is(summary:where(.svelte-wf63zi)){--hover-file-top:-2rem;--hover-file-right:3svw;left:calc(var(--hover-file-right) - (var(--file-index) * 2px));transform:rotate(calc(-2deg + .5deg * var(--file-index))) translateY(var(--hover-file-top));transform:rotate(calc(-2deg + .5deg * var(--file-index))) translateX(var(--hover-file-right)) translateY(var(--hover-file-top));transform-origin:top;transition-property:top,left,transform,height;transition:.1s var(--transition-timing), box-shadow 0s, filter 0s, background-color .2s .1s, transform-origin 0s;cursor:pointer;background-color:color-mix(in var(--color-space), var(--file-primary-hue), #fff7 20%)}@container (width<900px){details.file.svelte-wf63zi:nth-of-type(n):is(:where(.svelte-wf63zi):hover,:where(.svelte-wf63zi):focus) :is(summary:where(.svelte-wf63zi)){--move:calc(46vh + (-43vh * (var(--file-index) / var(--total-work,1))));--hover-file-right:0vw;--hover-file-top:-1rem;transform-origin:0 100%;transform:unset;left:0}}.work-section.svelte-wf63zi:has(details:nth-of-type(n)[open]:where(.svelte-wf63zi)) details:where(.svelte-wf63zi){z-index:0;background-color:#0000;grid-column:span 10;display:none}.work-section.svelte-wf63zi:has(details:nth-of-type(n)[open]:where(.svelte-wf63zi)) details:where(.svelte-wf63zi)[open]{display:block}.work-section.svelte-wf63zi:has(details:nth-of-type(n)[open]:where(.svelte-wf63zi)) details.file:where(.svelte-wf63zi)>summary:where(.svelte-wf63zi){--_fold:52px;--_contrast-color:contrast-color(var(--file-primary-hue));color:var(--file-primary-hue,var(--black));background-color:var(--file-primary-hue);background-color:color-mix(in lab, var(--file-primary-hue), var(--color-bg) 10%);border-radius:var(--wc-radius) var(--_fold) var(--wc-radius) 0;transition:.3s var(--transition-timing), border-radius .1s, box-shadow none, filter none, background-color none;top:-2%;left:5%;transform:rotate(0)}@supports (corner-shape:superellipse(0)){.work-section.svelte-wf63zi:has(details:nth-of-type(n)[open]:where(.svelte-wf63zi)) details.file:where(.svelte-wf63zi)>summary:where(.svelte-wf63zi){corner-shape:round superellipse(0) round round}}.work-section.svelte-wf63zi:has(details:nth-of-type(n)[open]:where(.svelte-wf63zi)) details.file:where(.svelte-wf63zi)>summary:where(.svelte-wf63zi)::-webkit-details-marker{content:"";display:none}.work-section.svelte-wf63zi:has(details:nth-of-type(n)[open]:where(.svelte-wf63zi)) details.file:where(.svelte-wf63zi)>summary:where(.svelte-wf63zi)::marker{content:"";display:none}.work-section.svelte-wf63zi:has(details:nth-of-type(n)[open]:where(.svelte-wf63zi)) details.file:where(.svelte-wf63zi)>summary:where(.svelte-wf63zi) .close-file-icon:where(.svelte-wf63zi){opacity:1;align-items:center;padding-left:10px;display:flex;right:0}.work-section.svelte-wf63zi:has(details:nth-of-type(n)[open]:where(.svelte-wf63zi)) details.file:where(.svelte-wf63zi)>summary:where(.svelte-wf63zi) .close-file-icon:where(.svelte-wf63zi) .lucide,.work-section.svelte-wf63zi:has(details:nth-of-type(n)[open]:where(.svelte-wf63zi)) details.file:where(.svelte-wf63zi)>summary:where(.svelte-wf63zi) .close-file-icon:where(.svelte-wf63zi) svg:where(.svelte-wf63zi){aspect-ratio:1;stroke-width:3.2px;width:20px;height:auto;color:color-mix(in var(--color-space), var(--file-primary-hue), var(--_contrast-color,black) 80%)}.work-section.svelte-wf63zi:has(details:nth-of-type(n)[open]:where(.svelte-wf63zi)) details.file:where(.svelte-wf63zi)>summary:where(.svelte-wf63zi) .close-file-icon:where(.svelte-wf63zi):after{content:"";width:3.5rem;width:calc(var(--_fold) * 1.15);height:3.7rem;height:calc(var(--_fold) * 1.15);border-radius:10px var(--_fold) 10px var(--wc-radius);background-color:color-mix(in var(--color-space), var(--file-primary-hue), #19191f80 10%);filter:drop-shadow(0 1px .5px #322f1e90);clip-path:polygon(calc(var(--_fold) * .39) 0, 100% calc(var(--_fold) * .77), 100% 100%, 0 100%, 0 0);z-index:-1;position:absolute;top:0;right:0}@supports (corner-shape:superellipse(0)){.work-section.svelte-wf63zi:has(details:nth-of-type(n)[open]:where(.svelte-wf63zi)) details.file:where(.svelte-wf63zi)>summary:where(.svelte-wf63zi) .close-file-icon:where(.svelte-wf63zi):after{corner-shape:round superellipse(2) round round}}.work-section.svelte-wf63zi:has(details:nth-of-type(n)[open]:where(.svelte-wf63zi)) details[open].file:where(.svelte-wf63zi)>summary.experiment:where(.svelte-wf63zi){background-color:color-mix(in lab, var(--file-primary-hue), var(--color-bg) 30%)}details[open].svelte-wf63zi::details-content{--file-primary-hue:color-mix(in var(--color-space,oklch), var(--file-primary-hue2) 90%, var(--file-primary-color) 90%);--file-primary-hue2:color-mix(in var(--color-space,oklch), hsl(calc(var(--hue-number,213) / var(--file-index)), 25%, 68%), var(--file-primary-color) var(--file-primary-color-amount));--file-line-color:color-mix(in var(--color-space,oklch), var(--file-primary-hue,black), #000 40%);--file-line-color2:color-mix(in var(--color-space,oklch),var(--file-primary-hue,var(--primary-gray-bg)),#ce2c2c 15%);--bg-test2:color-mix(in var(--color-space,oklch), var(--file-primary-hue2) 90%, var(--file-primary-color) 90%);--bg-test:color-mix(in var(--color-space,oklch), var(--file-primary-hue2) 90%, var(--file-primary-color) 90%);--file-contrast-color:contrast-color(var(--file-primary-hue));contain:layout size style;border-radius:var(--wc-radius);background-color:color-mix(in lab, var(--file-primary-hue), var(--color-bg) 30%);grid-template-rows:repeat(38,1fr);grid-template-columns:repeat(56,1fr);display:grid;position:absolute;inset-block:8% 0;inset-inline:0;z-index:10!important}details[open].svelte-wf63zi:has(.experiment:where(.svelte-wf63zi))::details-content{background-color:#0000}details[open].svelte-wf63zi .work-description:where(.svelte-wf63zi){--_description-bg:#e5e5f7f4;z-index:10;resize:both;width:100%;height:80%;transition:transform .2s linear(0, .297 6.8%, .515 13.8%, .686 22%, .812 31.6%, .895 42.6%, .949 56.4%, 1);animation:svelte-wf63zi-content-reveal .4s var(--transition-timing);background-color:var(--_description-bg);background-blend-mode:overlay;background-position:50%;background-repeat:repeat,no-repeat,repeat;border-radius:5px;flex-direction:column;grid-area:5/5/-3/18;padding:1rem;display:flex;overflow:hidden auto;box-shadow:0 22px 10px #443f2b10;container-type:inline-size}@supports (corner-shape:superellipse(0)){details[open].svelte-wf63zi .work-description:where(.svelte-wf63zi){corner-shape:superellipse(-2)}}.work-description.svelte-wf63zi h2:where(.svelte-wf63zi){flex:0 1 fit-content;text-align:end;margin-bottom:1rem;font-size:clamp(1.3rem,5vw,2.5rem)}.work-description.svelte-wf63zi .description-space:where(.svelte-wf63zi){outline-offset:-1rem;outline:9px double #8383830b;flex:30%;position:relative}.work-description.svelte-wf63zi .description-info:where(.svelte-wf63zi){flex-flow:column;flex:30%;justify-content:end;gap:2%;margin-top:1rem;display:flex}.work-description.svelte-wf63zi .description-info:where(.svelte-wf63zi) ul:where(.svelte-wf63zi){border-bottom:1px solid var(--file-line-color);flex-flow:column;width:100%;max-width:400px;display:flex;container-type:inline-size}.work-description.svelte-wf63zi .description-info:where(.svelte-wf63zi) ul.collaborators:where(.svelte-wf63zi) li:where(.svelte-wf63zi){flex-flow:row;justify-content:center;margin-bottom:2%;display:flex}.work-description.svelte-wf63zi .description-info:where(.svelte-wf63zi) ul.collaborators:where(.svelte-wf63zi) li:where(.svelte-wf63zi)>:where(.svelte-wf63zi){flex-basis:fit-content;text-transform:capitalize}.work-description.svelte-wf63zi .description-info:where(.svelte-wf63zi) ul.collaborators:where(.svelte-wf63zi) li:where(.svelte-wf63zi) .collaborator-role:where(.svelte-wf63zi){align-self:center;font-size:.88rem;font-weight:200}.work-description.svelte-wf63zi .description-info:where(.svelte-wf63zi) ul.collaborators:where(.svelte-wf63zi) li:where(.svelte-wf63zi) .collaborator-name:where(.svelte-wf63zi){text-align:end;font-size:1rem}.work-description.svelte-wf63zi .description-info:where(.svelte-wf63zi) ul.collaborators:where(.svelte-wf63zi) li:where(.svelte-wf63zi) .list-line:where(.svelte-wf63zi){background:#b3b39c;background:var(--file-line-color);border-radius:5pc;flex:auto;place-self:center;min-width:10px;height:1%;margin-inline:2%}@container (width<200px){.work-description.svelte-wf63zi .description-info:where(.svelte-wf63zi) ul.collaborators:where(.svelte-wf63zi) li:where(.svelte-wf63zi){flex-direction:row-reverse;justify-content:start}.work-description.svelte-wf63zi .description-info:where(.svelte-wf63zi) ul.collaborators:where(.svelte-wf63zi) li:where(.svelte-wf63zi) :where(.svelte-wf63zi):nth-child(n){text-align:end;align-items:end}.work-description.svelte-wf63zi .description-info:where(.svelte-wf63zi) ul.collaborators:where(.svelte-wf63zi) li:where(.svelte-wf63zi) :where(.svelte-wf63zi):nth-child(-n+2){display:none}}.work-description.svelte-wf63zi .description-info:where(.svelte-wf63zi) ul.tools:where(.svelte-wf63zi){background-color:color-mix(in var(--color-space), var(--file-primary-hue,var(--primary-gray-bg)), #5050502b 20%);flex-flow:wrap;margin-top:1%;display:flex}.description-info.svelte-wf63zi .tools.stamp:where(.svelte-wf63zi){--stamp-radius:20px;height:fit-content;padding:var(--stamp-radius);background-color:var(--primary-gray-bg);background-blend-mode:color-dodge;background-blend-mode:lighten;contain:paint layout;border:2px solid var(--file-line-color2);-webkit-mask:radial-gradient(40% 40%, #0000 50%, #000 3%) round var(--stamp-radius) var(--stamp-radius) / calc(2 * var(--stamp-radius)) calc(2 * var(--stamp-radius)), conic-gradient(#000 0 0) content-box;mask:radial-gradient(40% 40%, #0000 50%, #000 3%) round var(--stamp-radius) var(--stamp-radius) / calc(2 * var(--stamp-radius)) calc(2 * var(--stamp-radius)), conic-gradient(#000 0 0) content-box;background-image:url(../../../works-assets/material-assets/Chris%20website12-2.avif)}.work-description.svelte-wf63zi .description-info:where(.svelte-wf63zi) ul.tools:where(.svelte-wf63zi) .tags:where(.svelte-wf63zi){--hue-number:calc(213 * 900 * var(--tag-id,13));--file-primary-hue:color-mix(in var(--color-space), hsl(calc(var(--hue-number,213) / var(--file-index)), calc(25% + 1% * var(--tag-id,1)), 48%), var(--file-primary-color) var(--file-primary-color-amount));--tag-contrast-color:contrast-color(var(--file-primary-hue));white-space:nowrap;width:fit-content;height:fit-content;color:color-mix(in var(--color-space), var(--file-line-color) 60%, black 45%);background-color:color-mix(in var(--color-space), var(--file-primary-hue), #ffffff90 60%);margin-inline:1%;border-radius:50px;flex:0 auto;margin-bottom:2%;padding:.3rem .8rem;font-size:.88rem;font-weight:500}.work-description.svelte-wf63zi .description-info:where(.svelte-wf63zi) ul.tools:where(.svelte-wf63zi) .tags:where(.svelte-wf63zi):nth-child(-n+3){--_3tag-color:color-mix(in var(--color-space), var(--black), var(--file-primary-color) 20%);--tag-contrast-color:contrast-color(var(--_3tag-color));mix-blend-mode:multiply;mix-blend-mode:overlay;background-color:color-mix(in var(--color-space) longer hue, var(--file-primary-hue), color-mix(in var(--color-space) longer hue, hsl(calc(var(--hue-number) / var(--file-index)), 45%, 28%), var(--file-primary-color) 98%) 96%);background-color:color-mix(in var(--color-space), var(--black), var(--file-primary-color) 50%);color:color-mix(in var(--color-space), var(--file-primary-hue), var(--tag-contrast-color) 80%);border:solid 2px color-mix(in var(--color-space), var(--file-primary-hue), #ffffff90 60%)}details[open].svelte-wf63zi:has(.note:where(.svelte-wf63zi) .disabled:where(.svelte-wf63zi)) .work-description:where(.svelte-wf63zi):not(.note){min-height:89%;overflow:visible}details[open].svelte-wf63zi:has(.work-description:where(.svelte-wf63zi):not(.description-links):is(:where(.svelte-wf63zi):hover,:where(.svelte-wf63zi):focus-within),.move-description:where(.svelte-wf63zi)) .work-description.note:where(.svelte-wf63zi){contain:none;transition:.2s 20ms linear(0, .297 6.8%, .515 13.8%, .686 22%, .812 31.6%, .895 42.6%, .949 56.4%, 1);translate:.5rem}details[open].svelte-wf63zi:has(.work-description:where(.svelte-wf63zi):not(.description-links):is(:where(.svelte-wf63zi):hover,:where(.svelte-wf63zi):focus-within),.move-description:where(.svelte-wf63zi)) .work-description.note:where(.svelte-wf63zi) .description-space:where(.svelte-wf63zi){transition:transform .25s linear(0, .297 6.8%, .515 13.8%, .686 22%, .812 31.6%, .895 42.6%, .949 56.4%, 1);outline:none;overflow:visible;transform:translate(4.5rem)}details[open].svelte-wf63zi .work-description.note:where(.svelte-wf63zi){--description-bg:#c9c9e3c9;z-index:3;height:100%;transition:translate .2s linear(0, .297 6.8%, .515 13.8%, .686 22%, .812 31.6%, .895 42.6%, .949 56.4%, 1);animation:svelte-wf63zi-content-reveal .4s var(--transition-timing);background-color:#e5e5f70c;background-image:none;border-radius:5px;grid-area:5/5/-5/18;display:flex;overflow:visible;box-shadow:0 22px 10px #443f2b10;container-type:inline-size}@supports (corner-shape:superellipse(0)){details[open].svelte-wf63zi .work-description.note:where(.svelte-wf63zi){corner-shape:superellipse(-2)}}.work-description.note.svelte-wf63zi .description-space:where(.svelte-wf63zi){transition:transform .25s linear(0, .297 6.8%, .515 13.8%, .686 22%, .812 31.6%, .895 42.6%, .949 56.4%, 1);flex-flow:column;justify-content:start;align-items:end;gap:1rem;display:flex;transform:translate(2rem)}.work-description.note.svelte-wf63zi .description-space:where(.svelte-wf63zi) button:where(.svelte-wf63zi){background-color:color-mix(in var(--color-space,oklch), var(--file-primary-hue,var(--primary-gray-bg)), #ffffff90 80%);color:currentColor;aspect-ratio:1;cursor:pointer;border:none;border-radius:50%;place-items:center;width:2.5rem;display:grid}.work-description.note.svelte-wf63zi .description-space:where(.svelte-wf63zi) button:where(.svelte-wf63zi):hover{background-color:color-mix(in var(--color-space,oklch), var(--file-primary-hue,var(--primary-gray-bg)), #ffffffb1 80%)}.work-description.note.svelte-wf63zi .description-space:where(.svelte-wf63zi) button:where(.svelte-wf63zi):first-of-type{margin-top:10cqh}.work-description.note.svelte-wf63zi .description-space:where(.svelte-wf63zi) button:where(.svelte-wf63zi) .lucide{width:1.7rem}.work-description:where(.note:where(.svelte-wf63zi)).stamp.svelte-wf63zi{--stamp-radius:11px;height:fit-content;padding:var(--stamp-radius);z-index:3;contain:layout;position:relative}.work-description:where(.note:where(.svelte-wf63zi)).stamp.svelte-wf63zi:after{content:"";border-radius:inherit;background-color:var(--description-bg);z-index:-1;-webkit-mask:radial-gradient(50% 50%, #0000 46%, #000 27%) round var(--stamp-radius) var(--stamp-radius) / calc(2 * var(--stamp-radius)) calc(2 * var(--stamp-radius)), conic-gradient(#000 0 0) content-box;mask:radial-gradient(50% 50%, #0000 46%, #000 27%) round var(--stamp-radius) var(--stamp-radius) / calc(2 * var(--stamp-radius)) calc(2 * var(--stamp-radius)), conic-gradient(#000 0 0) content-box;padding:1px;position:absolute;inset:0;overflow:visible;-webkit-mask-composite:source-in;mask-composite:intersect}.work-description:where(.note:where(.svelte-wf63zi)):has(.disabled:where(.svelte-wf63zi)).stamp.svelte-wf63zi:after{pointer-events:none;background-color:color-mix(in var(--color-space,oklch), var(--file-primary-hue,black), var(--description-bg) 80%)}.work-description.note.svelte-wf63zi .qr-container:where(.svelte-wf63zi){flex:0 1 fit-content;min-width:fit-content;height:auto;margin-bottom:calc(var(--stamp-radius) / 2);border-radius:var(--stamp-radius) var(--stamp-radius) 0 var(--stamp-radius);background-color:color-mix(in oklch, var(--file-primary-hue,var(--primary-gray-bg)), #ffffff90 60%);border:1px solid #0000002e;justify-content:end;align-items:end;gap:1rem;padding:1%;display:flex}.work-description.note.svelte-wf63zi .qr-container:where(.svelte-wf63zi) img:where(.svelte-wf63zi){aspect-ratio:1;width:7.6rem;height:auto}.work-description.note.svelte-wf63zi .qr-container:where(.svelte-wf63zi) p:where(.svelte-wf63zi){padding:2%;font-size:.88rem}.work-description.note.svelte-wf63zi .qr-container:where(.svelte-wf63zi) .qr-btn:where(.svelte-wf63zi){display:none}.work-description.svelte-wf63zi:where(.note:where(.svelte-wf63zi)) .description-links:where(.svelte-wf63zi){--_link-contrast-color:contrast-color(var(--_link-color), var(--file-primary-hue));flex:0 10%;justify-content:end;align-items:end;gap:1rem;display:flex}@container (width<200px){.work-description.svelte-wf63zi:where(.note:where(.svelte-wf63zi)) .description-links:where(.svelte-wf63zi){justify-content:start}}.work-description.svelte-wf63zi:where(.note:where(.svelte-wf63zi)) .description-links:where(.svelte-wf63zi) :where(.svelte-wf63zi):nth-child(n){text-wrap:nowrap;color:color-mix(in var(--color-space), var(--file-primary-hue) 10%, #210f0fee 100%);border:1px solid #0000002e;justify-content:center;align-items:center;font-size:1.125rem;font-weight:500;display:flex}.work-description.svelte-wf63zi:where(.note:where(.svelte-wf63zi)) .description-links:where(.svelte-wf63zi) a.link-btn:where(.svelte-wf63zi){--_link-color:color-mix(in var(--color-space) longer hue,var(--file-primary-hue,var(--description-bg)),color-mix(in hsl shorter hue,hsl(calc(var(--hue-number) / var(--file-index)), 85%, 88%),var(--file-primary-color) 98%)64%);--_link-contrast-color:contrast-color(var(--_link-color));letter-spacing:.5cqw;height:100%;color:color-mix(in var(--color-space) , var(--_link-contrast-color), var(--file-primary-hue) 10%);background-color:var(--_link-color);border-radius:10px;flex:60%;padding:.5rem 1rem;font-size:1.3rem;font-weight:300}@supports (corner-shape:superellipse(0)){.work-description.svelte-wf63zi:where(.note:where(.svelte-wf63zi)) .description-links:where(.svelte-wf63zi) a.link-btn:where(.svelte-wf63zi){corner-shape:superellipse(3);border-radius:100%}}.work-description.svelte-wf63zi:where(.note:where(.svelte-wf63zi)) .description-links:where(.svelte-wf63zi) button.qr-btn:where(.svelte-wf63zi){flex:0 1 fit-content;border-radius:0 0 var(--stamp-radius) var(--stamp-radius);background-color:color-mix(in var(--color-space),var(--file-primary-hue,var(--primary-gray-bg)),#ffffff90 60%);cursor:pointer;z-index:4;border-top:none;place-items:center;width:100%;min-width:22%;height:111.5%;display:grid}.work-description.svelte-wf63zi:where(.note:where(.svelte-wf63zi)) .description-links:where(.svelte-wf63zi) button.qr-btn:where(.svelte-wf63zi) .lucide{color:color-mix(in var(--color-space), var(--_link-contrast-color,var(--black)), var(--file-primary-color) 50%);scale:1.1}@supports (corner-shape:superellipse(0)){.work-description.svelte-wf63zi:where(.note:where(.svelte-wf63zi)) .description-links:where(.svelte-wf63zi) button.qr-btn:where(.svelte-wf63zi){corner-shape:superellipse(2.5);border-radius:0 0 10pc 10pc}}.work-description.svelte-wf63zi:where(.note:where(.svelte-wf63zi)) .description-links:where(.svelte-wf63zi) .disabled:where(.svelte-wf63zi){opacity:.5;pointer-events:none;translate:0 -100%}details[open].svelte-wf63zi .work-assets:where(.svelte-wf63zi){--file-primary-hue:color-mix(in var(--color-space), hsl(calc(213 * 680 / var(--file-index)), 0%, 80%), var(--file-primary-color) 20%);--file-primary-hue2:color-mix(in var(--color-space), hsl(calc(213 * 701 / var(--file-index)), 55%, 98%), var(--file-primary-color) 75%);--file-assets-background:color-mix(in var(--color-space), var(--file-primary-hue), #ffffff13 85%);--workassets-contrast-color:color-mix(in var(--color-space), var(--file-contrast-color),var(--file-primary-hue) 30%);--s:60px;--t:2px;--grid-line-color:color-mix(in var(--color-space), var(--file-line-color2), var(--color-text) 20%);--grid-color:transparent 25%, color-mix(in var(--color-space), var(--grid-line-color) 10%, transparent 70%) 0%;--color-space:oklch;contain:style;border-radius:var(--wc-radius);background:conic-gradient(from 0deg at var(--t) var(--t), var(--grid-color)) 0 0 / var(--s) var(--s), linear-gradient(90deg, transparent 25%, color-mix(in var(--color-space) longer hue, var(--file-primary-hue), #ffffff20 88%) 53%, color-mix(in var(--color-space) longer hue, var(--file-primary-hue), #ffffff17 77%), color-mix(in var(--color-space) longer hue, var(--file-primary-hue), #ffffff13 88%) 73%, transparent 85%);scrollbar-color:color-mix(in var(--color-space), var(--file-primary-color), transparent 55%) transparent;scrollbar-color:color-mix(in var(--color-space), var(--file-assets-background), white 15%) transparent;scroll-timeline:--work-assets-timeline;flex-direction:column;grid-area:1/1/-1/-1;width:100%;height:100%;padding-block:30cqh 7cqh;display:flex;overflow:hidden auto;container-type:inline-size}details[open].svelte-wf63zi .work-assets:where(.svelte-wf63zi)>:where(.svelte-wf63zi){padding-left:var(--content-assets-left-gap,10cqw);scrollbar-width:none;animation:svelte-wf63zi-content-reveal .4s var(--transition-timing)}details[open].svelte-wf63zi .work-assets:where(.svelte-wf63zi):first-letter{text-transform:capitalize}details[open].svelte-wf63zi .work-assets:where(.svelte-wf63zi)>.work-description:where(.svelte-wf63zi){display:none}details[open].svelte-wf63zi:has(.move-description:where(.svelte-wf63zi)) .work-assets:where(.svelte-wf63zi)>.content-block:where(.svelte-wf63zi){transition:.2s .1s linear(0, .297 6.8%, .515 13.8%, .686 22%, .812 31.6%, .895 42.6%, .949 56.4%, 1);padding-left:33cqw}details[open].svelte-wf63zi .asset-border:where(.svelte-wf63zi){-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:2;pointer-events:none;contain:style paint;width:auto;height:100%;position:absolute;inset-block:0}details[open].svelte-wf63zi .asset-border:where(.svelte-wf63zi).b-left{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:var(--wc-radius) 0 0 var(--wc-radius);-webkit-mask:linear-gradient(to right, var(--file-primary-hue) -2% 50%, transparent 70% 100%);mask:linear-gradient(to right, var(--file-primary-hue) -2% 50%, transparent 70% 100%);border-color:peru;left:0}details[open].svelte-wf63zi .asset-border:where(.svelte-wf63zi).b-right{border-radius:0 var(--wc-radius) var(--wc-radius) 0;min-width:var(--content-assets-right-gap);-webkit-mask:linear-gradient(to left, var(--file-primary-hue) -2% 35%, transparent 65% 100%);mask:linear-gradient(to left, var(--file-primary-hue) -2% 35%, transparent 65% 100%);border-color:#ff0;padding-left:0;right:0}details[open].svelte-wf63zi .asset-border:where(.svelte-wf63zi).b-bottom{inset-block:unset;border-radius:0 0 var(--wc-radius) var(--wc-radius);width:100%;height:10%;-webkit-mask:linear-gradient(to top, var(--file-primary-hue) -4% 10%, transparent 50% 100%);mask:linear-gradient(to top, var(--file-primary-hue) -4% 10%, transparent 50% 100%);border-color:#00f;bottom:0}details[open].svelte-wf63zi:has(.move-description:where(.svelte-wf63zi)) .b-left:where(.svelte-wf63zi){-webkit-mask:linear-gradient(to right, var(--file-primary-hue) -2% 10%, transparent 25% 100%);mask:linear-gradient(to right, var(--file-primary-hue) -2% 10%, transparent 25% 100%);transition:inherit}details[open].svelte-wf63zi:has(.experiment:where(.svelte-wf63zi)) .work-assets:where(.svelte-wf63zi){--s:110px;--n:2;--t:1.6px;--g:20px;--grid-color:color-mix(in var(--color-space), var(--grid-line-color) 20%, transparent 70%) 25%, transparent 25%;background:conic-gradient(at var(--g) var(--t), var(--grid-color)) calc((var(--s) / var(--n) - var(--g) + var(--t)) / 2) 0 / calc(var(--s) / var(--n)) var(--s), conic-gradient(from 180deg at var(--t) var(--g), var(--grid-color)) 0 calc((var(--s) / var(--n) - var(--g) + var(--t)) / 2) / var(--s) calc(var(--s) / var(--n))}.work-assets.svelte-wf63zi .content-block:where(.svelte-wf63zi):nth-of-type(n){contain:layout style paint;scroll-snap-align:center;scroll-snap-stop:normal;flex-direction:column;margin-bottom:4cqh;display:flex;position:relative;overflow:visible;container-type:inline-size}.work-assets.svelte-wf63zi .content-block:where(.svelte-wf63zi):nth-of-type(n):first-of-type,.work-assets.svelte-wf63zi .content-block:where(.svelte-wf63zi):nth-of-type(n):last-of-type{margin:0;padding-block:0}.work-assets.svelte-wf63zi .content-block:where(.svelte-wf63zi) h2{font-weight:700;font-size:inherit;color:color-mix(in var(--color-space),var(--color-text,#ffffffc7),var(--file-primary-color) 50%);margin-bottom:1rem;font-size:clamp(.9rem,4vw,1.3rem);line-height:1.5}.work-assets.svelte-wf63zi .content-block:where(.svelte-wf63zi) p{color:var(--color-text);width:80ch;max-width:75cqw;margin-bottom:1rem;font-size:clamp(.9rem,4vw,1.3rem);line-height:1.5;transition:background-color .2s 2s}.work-assets.svelte-wf63zi .content-block:where(.svelte-wf63zi) p:not(a)::selection{color:var(--black)}.work-assets.svelte-wf63zi .content-block:where(.svelte-wf63zi):first-of-type>p:where(.svelte-wf63zi):first-child{margin-bottom:5rem}.work-assets.svelte-wf63zi .content-block a{color:color-mix(in var(--color-space), var(--color-text) 80%, var(--workassets-contrast-color,#87b7eb) 10%);text-underline-offset:6px;cursor:pointer;width:fit-content;font-size:clamp(.9rem,4vw,1.3rem);font-style:italic;line-height:1.5;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;overflow-y:visible}.work-assets.svelte-wf63zi .content-block a::selection{color:var(--black);background-color:#ffffff75}.work-assets.svelte-wf63zi .content-block a:hover{color:color-mix(in var(--color-space), var(--file-primary-color) 50%, var(--workassets-contrast-color,#87b7eb) 90%);text-decoration-thickness:3px;transition:all .18s}.work-assets.svelte-wf63zi .content-block>ul{width:auto;min-height:fit-content;container-type:block-size;flex-flow:column;gap:1rem;font-size:clamp(.9rem,6vw,1.4rem);list-style:inside;display:flex}.work-assets.svelte-wf63zi .content-block>ul.flat-list{flex-flow:wrap;max-width:77cqw;list-style:none;container-type:inline-size}.work-assets.svelte-wf63zi .content-block :is(li,.pill),.content-block.svelte-wf63zi :is(li:where(.svelte-wf63zi),.pill:where(.svelte-wf63zi)){--_pill-hue:var(--file-primary-color);--pill-padding:clamp(7px, 36.5px - 2cqw, 21.5px);--_pill-color2:color-mix(in var(--color-space), var(--_pill-hue,#ffffffc7), color-mix(in lab, var(--color-bg), #ffffff98 50%) 70%);text-align:start;min-width:fit-content;max-width:fit-content;min-height:3rem;padding-inline:var(--pill-padding);border-radius:var(--pill-radius);border:solid 3px var(--_pill-hue);border-color:color-mix(in var(--color-space), var(--_pill-hue,#ffffffc7) 70%, #ffffff98 80%);color:color-mix(in var(--color-space), black 60%, var(--_pill-hue,var(--black)) 80%);background-color:color-mix(in var(--color-space), var(--_pill-hue,#ffffffc7),color-mix(in var(--color-space), var(--file-primary-hue), #ffffff98 30%) 80%);background-color:color-mix(in var(--color-space), var(--_pill-hue,#ffffffc7), color-mix(in var(--color-space),var(--file-primary-hue), #ffffff98 30%) 90%);place-content:center;font-size:clamp(.9rem,4vw,1.3rem)}:is(.work-assets.svelte-wf63zi .content-block :is(li,.pill),.content-block.svelte-wf63zi :is(li:where(.svelte-wf63zi),.pill:where(.svelte-wf63zi))):first-letter{text-transform:uppercase}.work-assets.svelte-wf63zi .content-block>ul.flat-list :is(li,.pill){--r-flat:8px;border-radius:calc(var(--r-flat) * 2.8 + 1px);box-sizing:content-box;padding-block:var(--r-flat);-webkit-mask:linear-gradient(#000 0 0) no-repeat 50%/calc(100% - 2*var(--r-flat)) calc(100% - 1*var(--r-flat)), radial-gradient(farthest-side,#000 97%,#0000) 0 0/calc(2*var(--r-flat)) calc(2*var(--r-flat)) round;mask:linear-gradient(#000 0 0) no-repeat 50%/calc(100% - 2*var(--r-flat)) calc(100% - 1*var(--r-flat)), radial-gradient(farthest-side,#000 97%,#0000) 0 0/calc(2*var(--r-flat)) calc(2*var(--r-flat)) round;border:none}.work-assets.svelte-wf63zi .content-block :is(li,.pill):has(:is(button,a)){--file-pill-color:attr(data-file-pill-color,var(--black));transition:all .15s;box-shadow:0 5px 15px -10px #000}.work-assets.svelte-wf63zi .content-block :is(li,.pill):has(:is(button,a)):hover{box-shadow:black 0 5px 11px -10px, inset 0 0 0 1px color-mix(in var(--color-space), var(--file-pill-color,var(--black)) 80%, transparent 20%)}.work-assets.svelte-wf63zi .content-block :is(li,.pill):has(:is(button,a)):active{box-shadow:black 0 2px 9px -10px, inset 0 0 0 1px color-mix(in var(--color-space), var(--file-pill-color,var(--black)) 80%, transparent 20%);transform:scale(1.01,.94)}.work-assets.svelte-wf63zi .content-block :is(li,.pill):has(:is(button,a)):last-child{margin-bottom:2rem}.work-assets.svelte-wf63zi .content-block :is(li,.pill):has(:is(button,a))::marker{color:var(--file-pill-color)}.work-assets.svelte-wf63zi .content-block :is(li,.pill) :is(button,a){font-style:italic;font-size:inherit;color:inherit;border:none;text-decoration:none}.work-assets.svelte-wf63zi .content-block :is(li,.pill):has(:is(button,a):hover){color:color-mix(in var(--color-space), var(--file-pill-color,var(--black)) 90%, var(--black) 30%);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:translate .25s}.work-assets.svelte-wf63zi .content-block li::marker{margin-right:0}.work-assets.svelte-wf63zi .content-block [data-open-file]{--file-index:attr(data-open-file);color:currentColor;border:dotted 2px var(--file-pill-color,currentColor);width:fit-content;max-width:40ch;font-size:inherit;cursor:pointer;background-color:#0000;border-radius:5px;padding:.2% 5px}.work-assets.svelte-wf63zi .content-block:where(.svelte-wf63zi):has(p:where(.svelte-wf63zi):nth-child(n)):has(p:where(.svelte-wf63zi):last-child) p:where(.svelte-wf63zi){color:var(--color-text)}.work-assets .content-block:has(p~.asset-img-ctnr){flex-wrap:wrap;width:100%;padding-block:2%;flex-direction:unset!important}.work-assets .content-block:has(p~.asset-img-ctnr) p.svelte-wf63zi{flex:0 1 fit-content;max-width:35ch;margin-bottom:2%;margin-right:1%}.work-assets .content-block:has(p~.asset-img-ctnr) p.svelte-wf63zi~.asset-img-ctnr:where(.svelte-wf63zi){flex-basis:90%;place-self:end}.work-assets .content-block:has(p~.asset-img-ctnr) p.svelte-wf63zi:nth-of-type(n)+p:where(.svelte-wf63zi)~.asset-img-ctnr:where(.svelte-wf63zi){flex:1 2 100%}.work-assets .content-block .asset-img-ctnr{aspect-ratio:16/9;min-width:30cqw;min-height:40cqh;transition:.4s linear(0, 1.098 20.8%, .99 54.8%, 1);background:0 0;background-color:var(--file-primary-hue);border:none;border-radius:1pc;place-content:center;align-items:center;display:flex;position:relative;overflow:hidden;container-type:inline-size}.work-assets .content-block .asset-img-ctnr img{object-fit:cover;object-position:100% 100%;width:100cqw;height:auto}@supports (corner-shape:superellipse(0)){.work-assets .content-block .asset-img-ctnr{corner-shape:superellipse(3);border-radius:90%}}.content-block.svelte-wf63zi:nth-of-type(n):has(.asset-img-ctnr:where(.svelte-wf63zi):first-child:last-of-type) .track-container{overflow:visible}.content-block.svelte-wf63zi:nth-of-type(n):has(.asset-img-ctnr:where(.svelte-wf63zi):first-child:last-of-type) .track{margin-right:24%}.content-block.svelte-wf63zi:nth-of-type(n):has(.asset-img-ctnr:where(.svelte-wf63zi):first-child:last-of-type) .asset-img-ctnr{outline-offset:-2px;outline:2px solid #ffffff93;width:90cqw;max-width:100%;height:auto;margin-bottom:3rem}@container (width<500px){.content-block.svelte-wf63zi:nth-of-type(n):has(.asset-img-ctnr:where(.svelte-wf63zi):first-child:last-of-type) .asset-img-ctnr:where(.svelte-wf63zi){min-height:fit-content!important}}:is(.content-block.svelte-wf63zi:has(.asset-img-ctnr:where(.svelte-wf63zi):nth-child(2n)):has(.asset-img-ctnr:where(.svelte-wf63zi):last-child),.content-block.svelte-wf63zi:has(.asset-img-ctnr:where(.svelte-wf63zi):nth-child(2n)):has(.asset-img-ctnr:where(.svelte-wf63zi):nth-last-child(2)):has(.controls)){padding-block:0 calc(var(--carousel-bottom-gap,0));contain:style;anchor-name:--block;overscroll-behavior-x:contain;flex:1 0 auto;gap:1rem;margin-bottom:3rem;padding-left:0;position:relative;overflow:visible}:is(.content-block.svelte-wf63zi:has(.asset-img-ctnr:where(.svelte-wf63zi):nth-child(2n)):has(.asset-img-ctnr:where(.svelte-wf63zi):last-child),.content-block.svelte-wf63zi:has(.asset-img-ctnr:where(.svelte-wf63zi):nth-child(2n)):has(.asset-img-ctnr:where(.svelte-wf63zi):nth-last-child(2)):has(.controls)) .track{padding-inline:var(--content-assets-left-gap,43cqw) var(--content-assets-right-gap,20%)}:is(.content-block.svelte-wf63zi:has(.asset-img-ctnr:where(.svelte-wf63zi):nth-child(2n)):has(.asset-img-ctnr:where(.svelte-wf63zi):last-child),.content-block.svelte-wf63zi:has(.asset-img-ctnr:where(.svelte-wf63zi):nth-child(2n)):has(.asset-img-ctnr:where(.svelte-wf63zi):nth-last-child(2)):has(.controls)) .asset-img-ctnr{scroll-snap-stop:always;scroll-snap-align:start;outline-offset:-2px;cursor:nw-resize;cursor:zoom-in;outline:2px solid #ffffff93;width:20cqw;min-height:2rem}:is(.content-block.svelte-wf63zi:has(.asset-img-ctnr:where(.svelte-wf63zi):nth-child(2n)):has(.asset-img-ctnr:where(.svelte-wf63zi):last-child),.content-block.svelte-wf63zi:has(.asset-img-ctnr:where(.svelte-wf63zi):nth-child(2n)):has(.asset-img-ctnr:where(.svelte-wf63zi):nth-last-child(2)):has(.controls)) .asset-img-ctnr:last-of-type{margin-right:24%}@supports not selector(::scroll-button(*)){:is(.content-block.svelte-wf63zi:has(.asset-img-ctnr:where(.svelte-wf63zi):nth-child(2n)):has(.asset-img-ctnr:where(.svelte-wf63zi):last-child),.content-block.svelte-wf63zi:has(.asset-img-ctnr:where(.svelte-wf63zi):nth-child(2n)):has(.asset-img-ctnr:where(.svelte-wf63zi):nth-last-child(2)):has(.controls)){scroll-snap-type:none;scrollbar-width:thin;padding-bottom:2rem}}.work-assets.svelte-wf63zi button.show-info:where(.svelte-wf63zi){all:unset;aspect-ratio:1;background-color:color-mix(in var(--color-space), var(--black), var(--file-primary-color) 50%);width:20px;height:20px;color:var(--file-primary-color);z-index:10;border:2px solid;border-radius:50%;place-content:center;padding:10px;display:none;position:fixed;bottom:.5rem;right:.5rem}.work-assets.svelte-wf63zi button.show-info:where(.svelte-wf63zi):active{border-width:2px;transform:scale(1.09,.9)}.cover-content.svelte-wf63zi{transition:.4s var(--transition-timing) 1s, box-shadow 0s, filter .4s, background-color 0s}.cover-content.svelte-wf63zi:not(.text){place-content:center;padding:0;display:grid}.cover-content.svelte-wf63zi:first-child{color:#00000028;text-shadow:1px 3px 3px #ffffff80;font-size:clamp(4rem,15vw,5rem);position:absolute;bottom:5%;right:5%}.cover-content.svelte-wf63zi:first-child.error{position:absolute;top:0%;background-color:red!important}.cover-content.svelte-wf63zi.no-files{color:var(--color-text);z-index:20;bottom:auto;left:0%}.sticker-label.svelte-wf63zi{--sticker-shadow-color:color-mix(in oklab, var(--tritary-color) 30%, #15141480 80%);--sticker-shadow-color2:color-mix(in oklab, var(--tritary-color) 60%, #15141437 50%);color:color-mix(in var(--color-space), #000, var(--sticker-color,transparent) 10%);background-color:var(--sticker-color);min-width:var(--sticker-width,30cqw);min-height:var(--sticker-height,20cqh);top:var(--sticker-top,5%);transform:rotate(var(--sticker-rotation,0deg));transform-origin:top;filter:drop-shadow(.5px .5px 1px var(--sticker-shadow-color)) drop-shadow(.5px 12px 10px var(--sticker-shadow-color2));border-radius:15px;margin:10px 30px;padding:3ex 2ex;font-size:1rem;font-weight:lighter;position:absolute}@supports (corner-shape:superellipse(0)){.sticker-label.svelte-wf63zi{corner-shape:superellipse(3)}}.show-qr-links.svelte-wf63zi{filter:blur()brightness(.8);contain:paint;transform:translate(-3cqw,-7cqh)}.show-qr-qr.svelte-wf63zi{filter:brightness(1.1);contain:paint;transform:translateY(7cqh)}.file.jump.jump.jump.svelte-wf63zi{--_delay:calc(1s / var(--total-work,1) * (var(--file-index)));z-index:calc(10 - var(--file-index));opacity:0;animation:svelte-wf63zi-jump 2s ease var(--_delay) infinite;animation:svelte-wf63zi-jump .45s var(--_delay) forwards steps(3, end);animation-timing-function:linear(0, .029 1.6%, .123 3.5%, .651 10.6%, .862 14.1%, 1.002 17.7%, 1.046 19.6%, 1.074 21.6%, 1.087 23.9%, 1.086 26.6%, 1.014 38.5%, .994 46.3%, 1)}.loading.loading.svelte-wf63zi summary:where(.svelte-wf63zi){--_delay:calc(3.5s / var(--total-work,6) * (var(--file-index)));--file-primary-hue:var(--color-bg);opacity:0;border:solid 1px color-mix(in lab, var(--file-primary-hue), var(--color-text) 30%);color:color-mix(in lab, var(--tritary-color), var(--color-bg) 80%);background-color:color-mix(in var(--color-space), var(--tritary-color) 80% , var(--color-text) 20%);pointer-events:none;animation:svelte-wf63zi-loading 3.2s var(--_delay) infinite steps(4, end);animation-timing-function:linear(0, .029 1.6%, .123 3.5%, .651 10.6%, .862 14.1%, 1.002 17.7%, 1.046 19.6%, 1.074 21.6%, 1.087 23.9%, 1.086 26.6%, 1.014 38.5%, .994 46.3%, 1)}.big-asset.big-asset.big-asset.big-asset.svelte-wf63zi{aspect-ratio:16/9;min-width:55cqw}.big-asset.big-asset.big-asset.big-asset.svelte-wf63zi article.asset-img-ctnr:where(.svelte-wf63zi){cursor:zoom-out!important}.move-description.svelte-wf63zi{transform:translate(-25cqw)rotate(-5deg)!important}.grid-lines.svelte-wf63zi{--s:40px;--t:2px;background:conic-gradient(from 90deg at var(--t) var(--t), #0000 25%, #556270 0) 0 0 / var(--s) var(--s)!important}.grid-dotted-lines.svelte-wf63zi{--s:80px;--n:4;--t:2px;--g:10px;--grid-color:#556270 25%, #0000 0;background:conic-gradient(at var(--g) var(--t), var(--grid-color)) calc((var(--s) / var(--n) - var(--g) + var(--t)) / 2) 0 / calc(var(--s) / var(--n)) var(--s), conic-gradient(from 180deg at var(--t) var(--g), var(--grid-color)) 0 calc((var(--s) / var(--n) - var(--g) + var(--t)) / 2) / var(--s) calc(var(--s) / var(--n))}@keyframes svelte-wf63zi-content-reveal{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@supports (animation-timeline:view()){@keyframes svelte-wf63zi-assets-scroll-button{0%{opacity:.2;filter:blur(2px);transform:translateY(7px)}15%,95%{opacity:1;filter:blur();transform:translate(0%)}to{filter:blur(5px);opacity:.2}}}@keyframes svelte-wf63zi-jump{0%,30%{opacity:0;pointer-events:none}80%{pointer-events:none}to{opacity:1;z-index:calc(10 - var(--file-index))}}@keyframes svelte-wf63zi-loading{0%,45%{opacity:1}6%{filter:brightness(.95)}to{z-index:calc(10 - var(--file-index))}}@media screen and (width<=950px){:root{--content-assets-left-gap:10cqw;--content-assets-right-gap:35cqw}.mainContain:has(#works details[open]){padding-inline:1dvw}.work-section.svelte-wf63zi:where(:where(.svelte-wf63zi):focus-within,:where(.svelte-wf63zi):focus,:where(.svelte-wf63zi):active){all:unset}.work-assets.svelte-wf63zi button.show-info:where(.svelte-wf63zi){display:grid}.work-section.svelte-wf63zi details.work-cover:where(.svelte-wf63zi) :is(summary:where(.svelte-wf63zi)){--move:calc(50dvh + 1dvw * var(--total-work));top:var(--move)}.work-section.svelte-wf63zi details.work-cover:where(.svelte-wf63zi) :is(summary:where(.svelte-wf63zi)):nth-child(n) :nth-child(n):not(.text){display:none}@starting-style{.work-section.svelte-wf63zi details.work-cover:where(.svelte-wf63zi) :is(summary:where(.svelte-wf63zi)){--move:calc(20dvh + 1dvw * var(--total-work))}}.work-section.svelte-wf63zi details.file:where(.svelte-wf63zi) :is(summary:where(.svelte-wf63zi)){--move:calc(46vh + (-43vh * (var(--file-index) / var(--total-work,1))))}details.file.svelte-wf63zi:nth-of-type(n):is(:where(.svelte-wf63zi):active,:where(.svelte-wf63zi):focus) :is(summary:where(.svelte-wf63zi)){--hover-file-top:0px;background-color:color-mix(in var(--color-space), var(--file-primary-hue), #fff7 40%);transition-property:top,left,rotate,height;transition:.3s var(--transition-timing),box-shadow 0s,filter 0s,transform-origin 0s;cursor:pointer;transform:rotate(0)translate(0)}@container (width<950px){details.file.svelte-wf63zi:nth-of-type(n):is(:where(.svelte-wf63zi):active,:where(.svelte-wf63zi):focus) :is(summary:where(.svelte-wf63zi)){transform-origin:0 100%;left:calc(3.5dvw - (var(--file-index) * 5px))}}.work-section.svelte-wf63zi:has(details:nth-of-type(n)[open]:where(.svelte-wf63zi)) details.file:where(.svelte-wf63zi)>summary:where(.svelte-wf63zi){inset:-4% 0 -4% 0%}.work-section.svelte-wf63zi:has(details:nth-of-type(n)[open]:where(.svelte-wf63zi)) details.file:where(.svelte-wf63zi)>summary:where(.svelte-wf63zi) .small-description:where(.svelte-wf63zi){display:none}details[open].svelte-wf63zi::details-content{top:5%;bottom:-2%;inset-inline:1.5%;overflow:visible}details[open].svelte-wf63zi>.work-description:where(.svelte-wf63zi){grid-area:2/3/span 29/-3;max-width:320px;display:flex;translate:-130%}@starting-style{details[open].svelte-wf63zi>.work-description:where(.svelte-wf63zi){translate:-130% -10%}}details[open].svelte-wf63zi .work-assets:where(.svelte-wf63zi)>.work-description:where(.svelte-wf63zi){padding:0;order:3;min-height:20cqh;padding-inline:2%}details[open].svelte-wf63zi>.work-description.note:where(.svelte-wf63zi){opacity:1;flex-flow:row;grid-area:2/3/span 31/-3;justify-content:end;align-items:end;gap:2%}.work-description.note.stamp.svelte-wf63zi:after{--stamp-radius:15px}.work-description.note.svelte-wf63zi>:where(.svelte-wf63zi):nth-child(n){flex:auto;height:20%;min-height:fit-content;margin:0}details[open].svelte-wf63zi:has(.work-description:where(.svelte-wf63zi):not(.description-links):is(:where(.svelte-wf63zi):hover,:where(.svelte-wf63zi):focus),.move-description:where(.svelte-wf63zi)) .work-description.note:where(.svelte-wf63zi){contain:none;transition:none;overflow:visible;translate:0}details[open].svelte-wf63zi:has(.work-description:where(.svelte-wf63zi):not(.description-links):is(:where(.svelte-wf63zi):hover,:where(.svelte-wf63zi):focus),.move-description:where(.svelte-wf63zi)) .work-description.note:where(.svelte-wf63zi) .description-space:where(.svelte-wf63zi){transform:none}details[open].svelte-wf63zi .work-description.note.stamp:where(.svelte-wf63zi) .description-space:where(.svelte-wf63zi){display:none}.work-description.note.stamp.svelte-wf63zi .description-links:where(.svelte-wf63zi) :is(a:where(.svelte-wf63zi),button:where(.svelte-wf63zi)){flex:0 100%;max-width:20cqw}.work-description.note.stamp.svelte-wf63zi .description-links:where(.svelte-wf63zi) .qr-btn:where(.svelte-wf63zi){border-radius:var(--stamp-radius);display:none}.work-description.note.stamp.svelte-wf63zi .description-links:where(.svelte-wf63zi) .link-btn:where(.svelte-wf63zi){border-radius:30px;max-width:100%;max-height:10cqh}@supports not (corner-shape:superellipse(0)){.work-description.note.stamp.svelte-wf63zi .description-links:where(.svelte-wf63zi) .link-btn:where(.svelte-wf63zi){border-radius:10px}}.work-description.note.svelte-wf63zi .qr-container:where(.svelte-wf63zi){border-radius:inherit;border-radius:10px;justify-content:start;align-items:start;max-width:fit-content;max-height:2rem;display:none;position:relative}.work-description.note.svelte-wf63zi .qr-container:where(.svelte-wf63zi) img:where(.svelte-wf63zi){opacity:1;max-width:9cqh}.work-description.note.svelte-wf63zi .qr-container:where(.svelte-wf63zi) p:where(.svelte-wf63zi){display:none}.work-description.note.svelte-wf63zi .qr-container:where(.svelte-wf63zi) .qr-btn:where(.svelte-wf63zi){background-color:#0000;border:none;display:block;position:absolute;inset:0}details[open].svelte-wf63zi .work-assets:where(.svelte-wf63zi){scroll-snap-type:none;grid-area:1/1/-1/-1;padding-block:2cqh 7cqh}details[open].svelte-wf63zi .work-assets:where(.svelte-wf63zi)>.content-block:where(.svelte-wf63zi){--content-padding:10cqw;padding-left:var(--content-padding);scrollbar-width:none;animation:svelte-wf63zi-content-reveal .4s var(--transition-timing)}details[open].svelte-wf63zi .work-assets:where(.svelte-wf63zi)>.content-block:where(.svelte-wf63zi):first-of-type{padding-top:25cqh}details[open].svelte-wf63zi:has(.move-description:where(.svelte-wf63zi)) .work-assets:where(.svelte-wf63zi)>.content-block:where(.svelte-wf63zi){--content-padding:10cqw;padding-left:var(--content-padding)}.work-assets.svelte-wf63zi .content-block:where(.svelte-wf63zi) p:where(.svelte-wf63zi){max-width:calc(100cqw - 2 * var(--content-padding))}.work-assets.svelte-wf63zi .content-block:where(.svelte-wf63zi) img:where(.svelte-wf63zi){border-radius:50px;width:400px;min-width:100%;height:auto}.work-assets.svelte-wf63zi .content-block:where(.svelte-wf63zi) .asset-img-ctnr:where(.svelte-wf63zi){border-radius:var(--wc-radius);border-radius:13pt;min-width:50dvw;min-height:fit-content}.content-block.svelte-wf63zi .asset-img-ctnr:where(.svelte-wf63zi)>:where(.svelte-wf63zi):nth-child(n){width:auto;height:fit-content}.content-block.svelte-wf63zi .asset-img-ctnr:where(.svelte-wf63zi)>:where(.svelte-wf63zi):nth-child(n) img:where(.svelte-wf63zi){border-radius:inherit;object-position:center;object-fit:contain;width:100%;height:100%;max-height:100%}:is(.content-block.svelte-wf63zi:has(.asset-img-ctnr:where(.svelte-wf63zi):nth-child(2n)):has(.asset-img-ctnr:where(.svelte-wf63zi):last-child),.content-block.svelte-wf63zi:has(.asset-img-ctnr:where(.svelte-wf63zi):nth-child(2n)):has(.asset-img-ctnr:where(.svelte-wf63zi):nth-last-child(2)):has(.controls)){gap:20px;margin-bottom:2rem}:is(.content-block.svelte-wf63zi:has(.asset-img-ctnr:where(.svelte-wf63zi):nth-child(2n)):has(.asset-img-ctnr:where(.svelte-wf63zi):last-child),.content-block.svelte-wf63zi:has(.asset-img-ctnr:where(.svelte-wf63zi):nth-child(2n)):has(.asset-img-ctnr:where(.svelte-wf63zi):nth-last-child(2)):has(.controls)) .track{padding-inline:var(--content-assets-left-gap,43cqw) var(--content-assets-right-gap,20%)}details[open].svelte-wf63zi .work-assets:where(.svelte-wf63zi) :is(.b-left.b-left:where(.svelte-wf63zi),.b-right.b-right:where(.svelte-wf63zi)){display:none}body:has(.menu-container.active) .work-section.svelte-wf63zi details.work-cover:where(.svelte-wf63zi) :is(summary:where(.svelte-wf63zi)){top:0!important}body:has(.menu-container.active) .work-section.svelte-wf63zi details.work-cover:where(.svelte-wf63zi) :is(summary:where(.svelte-wf63zi)):nth-child(n) :nth-child(n):not(.text){display:block}.show-qr-links.svelte-wf63zi{filter:blur()brightness(.8);transform:translate(0);translate:0%!important}.show-qr-qr.svelte-wf63zi{transform:translate(0);translate:0%!important}.move-description.svelte-wf63zi{transform:translate(0%)rotate(0)translate(0%,0)!important}.big-asset.big-asset.big-asset.big-asset.svelte-wf63zi{aspect-ratio:16/9;min-width:89vw}.big-asset.big-asset.big-asset.big-asset.svelte-wf63zi article.asset-img-ctnr:where(.svelte-wf63zi){cursor:zoom-out!important}}@media (height<700px) and (width>=950px){.work-section.svelte-wf63zi details.file:where(.svelte-wf63zi) :is(summary:where(.svelte-wf63zi)),details.file.svelte-wf63zi:where(.svelte-wf63zi):focus-within summary:where(.svelte-wf63zi){--move:calc(46vh + (-43vh * (var(--file-index) / var(--total-work,1))));--move-all:170dvw}details[open].svelte-wf63zi:has(.experiment:where(.svelte-wf63zi)) .work-description:where(.svelte-wf63zi){width:300px;height:60dvh;max-height:80dvh;translate:min(-100%,-30dvw) -25%}details[open].svelte-wf63zi:has(.experiment:where(.svelte-wf63zi)) .work-description:where(.svelte-wf63zi).note{width:300px;height:60dvh;translate:min(-100%,-30dvw)}details[open].svelte-wf63zi:has(.work-description:where(.svelte-wf63zi):not(.description-links):hover,.move-description:where(.svelte-wf63zi)) .work-description.note:where(.svelte-wf63zi){translate:0%}.show-qr-links.show-qr-links.svelte-wf63zi{filter:blur()brightness(.8);transform:translate(0)translate(0%,0)}.show-qr-qr.show-qr-qr.svelte-wf63zi{transform:translate(0)translate(0%,0)}}#workList.svelte-dtrfb{position:relative}.big-list.svelte-dtrfb{border-radius:inherit;padding:2cqb;padding-bottom:calc(100% - var(--_section-height));flex-direction:column;gap:1cqb;display:flex;position:absolute;inset:0;overflow-y:auto}.big-list.svelte-dtrfb li:where(.svelte-dtrfb){border-bottom:solid #00000060;padding-bottom:1%;font-size:3.5rem}.loading.svelte-dtrfb{place-self:center;font-size:2rem}.asset-border.svelte-dtrfb{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:5;pointer-events:none;height:100%;position:absolute;inset-block:0}.asset-border.b-bottom.svelte-dtrfb{inset-block:unset;width:100%;height:47%;bottom:0;-webkit-mask:linear-gradient(#0000 0% 30%,#fff 60% 100%);mask:linear-gradient(#0000 0% 30%,#fff 60% 100%)}