@import "https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&display=swap";
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.fixed{position:fixed}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.flex{display:flex}.hidden{display:none}.inline-block{display:inline-block}.table{display:table}}:root{--ink:#0d0d0c;--paper:#f7f6f1}*{box-sizing:border-box}.visually-hidden{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}html,body{min-height:100%}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;overflow:hidden}.holder{isolation:isolate;background:radial-gradient(circle at center, #fbfaf6 0%, var(--paper) 72%);place-items:center;min-height:100svh;padding:32px;display:grid;position:relative;overflow:hidden}.holder:after{content:"";z-index:-2;pointer-events:none;background:radial-gradient(circle,#0000 36%,#0d0d0c05 100%);position:absolute;inset:0}.loop{z-index:-1;backface-visibility:hidden;pointer-events:none;transform-origin:50%;will-change:transform;border:0;border-radius:50%;position:absolute;top:50%;left:50%;box-shadow:inset 0 0 0 1px #0d0d0c1f}.loop-one{width:min(78vw,1080px);height:min(34vw,460px);animation:12s linear infinite loop-one}.loop-two{width:min(58vw,820px);height:min(25vw,340px);animation:16s linear infinite loop-two;box-shadow:inset 0 0 0 1px #0d0d0c12}h1{letter-spacing:-.025em;text-align:center;text-wrap:balance;max-width:840px;margin:0;font-family:Instrument Serif,Georgia,serif;font-size:clamp(42px,5.2vw,72px);font-weight:400;line-height:.93}@keyframes loop-one{0%{transform:translate(-50%,-50%)rotate(0)scale(.99)}50%{transform:translate(-50%,-50%)rotate(180deg)scale(1.02)}to{transform:translate(-50%,-50%)rotate(360deg)scale(.99)}}@keyframes loop-two{0%{transform:translate(-50%,-50%)rotate(0)scale(1.01)}50%{transform:translate(-50%,-50%)rotate(-180deg)scale(.985)}to{transform:translate(-50%,-50%)rotate(-360deg)scale(1.01)}}@media (max-width:640px){.holder{padding:24px}.loop-one{width:118vw;height:58vw}.loop-two{width:88vw;height:42vw}h1{max-width:440px;font-size:clamp(40px,13vw,58px)}}@media (prefers-reduced-motion:reduce){.loop{animation:none;transform:translate(-50%,-50%)}}.design-page{width:100vw;height:100svh;font-family:Arial,Helvetica,sans-serif;position:relative;overflow:hidden}.gallery-header{z-index:30;width:calc(100% - 36px);color:var(--ink);letter-spacing:-.02em;backface-visibility:hidden;background:#f7f6f1f7;border:1px solid #0d0d0c24;border-radius:999px;grid-template-columns:1fr auto 1fr;align-items:center;padding:12px 16px;font-size:11px;display:grid;position:fixed;top:18px;left:50%;transform:translate(-50%)}.gallery-header a{color:inherit;text-decoration:none}.gallery-header span:nth-child(2){text-transform:uppercase;letter-spacing:.08em}.gallery-header span:last-child{justify-self:end}.gallery-track{scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-color:var(--ink) #0d0d0c1f;scrollbar-gutter:stable;scrollbar-width:auto;width:100%;height:100%;display:flex;overflow:auto hidden;container-type:size}.gallery-track:focus-visible{outline:2px solid var(--ink);outline-offset:-5px}.gallery-track::-webkit-scrollbar{height:14px}.gallery-track::-webkit-scrollbar-track{background:#0d0d0c1f}.gallery-track::-webkit-scrollbar-thumb{border:3px solid var(--paper);background:var(--ink);border-radius:999px}.study,.form-canvas{isolation:isolate;place-items:center;height:100%;padding:82px 32px 70px;display:grid;position:relative;overflow:hidden}.study{contain:layout paint;scroll-snap-align:start;scroll-snap-stop:always;flex:0 0 100vw}.form-canvas{width:100%}.study h2,.form-canvas h2{z-index:4;letter-spacing:-.025em;text-align:center;text-wrap:balance;width:min(820px,100%);min-width:0;max-width:820px;margin:0;font-family:Instrument Serif,Georgia,serif;font-size:clamp(42px,5.2cqw,72px);font-weight:400;line-height:.93;position:relative}.study-label{z-index:5;letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:10px;position:absolute;top:92px;left:32px}.study-orbit{--orbit-speed-a:6.36s;--orbit-speed-b:8.92s;--orbit-play-state:running;--orbit-opacity-a:.159;--orbit-opacity-b:.09;--orbit-weight:1.35px;--orbit-angle:18deg;color:var(--ink);background:radial-gradient(circle,#fbfaf6,#f0eee7 76%)}.study-orbit-ring{box-shadow:inset 0 0 0 var(--orbit-weight) rgba(13, 13, 12, var(--orbit-opacity-a));backface-visibility:hidden;pointer-events:none;transform-origin:50%;will-change:transform;border:0;border-radius:50%;position:absolute;top:50%;left:50%}.study-orbit-ring-a{width:min(78cqw,1080px);height:min(34cqw,460px);animation:gallery-orbit-a var(--orbit-speed-a) linear infinite;animation-play-state:var(--orbit-play-state)}.study-orbit-ring-b{width:min(58cqw,820px);height:min(25cqw,340px);box-shadow:inset 0 0 0 var(--orbit-weight) rgba(13, 13, 12, var(--orbit-opacity-b));animation:gallery-orbit-b var(--orbit-speed-b) linear infinite;animation-play-state:var(--orbit-play-state)}.orbit-adjuster{z-index:10;width:min(250px,100vw - 64px);color:var(--ink);background:#f7f6f1f7;border:1px solid #0d0d0c24;border-radius:12px;margin:0;padding:13px 14px 12px;font-family:Arial,Helvetica,sans-serif;position:absolute;top:86px;right:32px}.orbit-adjuster legend{letter-spacing:.08em;text-transform:uppercase;padding:0 5px;font-size:9px}.orbit-adjuster label{letter-spacing:.02em;grid-template-columns:52px 1fr 28px;align-items:center;gap:8px;min-height:26px;font-size:9px;display:grid}.orbit-adjuster output{font-variant-numeric:tabular-nums;text-align:right}.orbit-adjuster input[type=range]{appearance:none;cursor:ew-resize;background:0 0;width:100%;height:12px;margin:0}.orbit-adjuster input[type=range]::-webkit-slider-runnable-track{background:#0d0d0c4d;height:1px}.orbit-adjuster input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--ink);border:0;border-radius:50%;width:10px;height:10px;margin-top:-4.5px}.orbit-adjuster input[type=range]::-moz-range-track{background:#0d0d0c4d;height:1px}.orbit-adjuster input[type=range]::-moz-range-thumb{background:var(--ink);border:0;border-radius:50%;width:10px;height:10px}.orbit-adjuster input[type=range]:focus-visible{outline:1px solid var(--ink);outline-offset:4px}.study-bars{color:#f6f3eb;background:#11110f}.bar-field{opacity:.88;grid-template-columns:repeat(13,1fr);display:grid;position:absolute;inset:0}.bar-field span{transform-origin:50%;backface-visibility:hidden;will-change:transform, opacity;animation:3.2s ease-in-out infinite alternate gallery-bar;animation-delay:calc(var(--bar-index) * -.19s);background:linear-gradient(#0000,#f6f3eb0f,#0000);border-left:1px solid #f6f3eb21}.study-halos{color:#11110f;background:#e8e4db}.halo-field,.halo-field span{border-radius:50%;position:absolute;top:50%;left:50%}.halo-field span{backface-visibility:hidden;will-change:transform, opacity;width:min(48cqw,650px);height:min(48cqw,650px);animation:6s ease-out infinite gallery-halo;animation-delay:calc(var(--halo-index) * -1.5s);border:1px solid #11110f26}.study-tilt{color:#f7f4ec;background:#173ec7}.tilt-line{backface-visibility:hidden;transform-origin:50%;will-change:transform;background:#f7f4ec47;width:145cqw;height:1px;position:absolute;top:50%;left:50%}.tilt-line-a{animation:7s ease-in-out infinite alternate gallery-tilt-a}.tilt-line-b{animation:9s ease-in-out infinite alternate gallery-tilt-b}.tilt-line-c{opacity:.55;animation:11s ease-in-out infinite alternate gallery-tilt-c}.study-horizon{color:#0d0d0c;background:#d7d3ca}.horizon-field{align-content:center;gap:clamp(25px,4cqh,48px);display:grid;position:absolute;inset:0}.horizon-field span{backface-visibility:hidden;will-change:transform;width:130%;height:1px;animation:6s ease-in-out infinite alternate gallery-horizon;animation-delay:calc(var(--line-index) * -.42s);background:#0d0d0c24}.study-iris{color:#0d0d0c;background:#efeadd}.iris-field{backface-visibility:hidden;will-change:transform;background:conic-gradient(#0d0d0c05,#0d0d0c1f,#0d0d0c05,#0d0d0c14,#0d0d0c05);border-radius:50%;width:min(82cqw,1120px);height:min(82cqw,1120px);animation:13s linear infinite gallery-iris;position:absolute;top:50%;left:50%}.iris-field span{background:#efeadde6;border:1px solid #0d0d0c29;border-radius:50%;position:absolute;inset:12%}.study-axis{color:#f7f0df;background:#df4d2f}:is(.study,.form-canvas).study-axis h2{text-align:left;place-self:end start;max-width:760px;margin:0 0 5cqh 4cqw}.axis-field{aspect-ratio:1;backface-visibility:hidden;pointer-events:none;will-change:transform;border-radius:50%;width:min(70cqw,880px);animation:7s linear infinite gallery-axis;position:absolute;top:45%;left:68%}.axis-field span{background:#f7f0df99;width:140%;height:1px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.axis-field span:nth-child(2){transform:translate(-50%,-50%)rotate(90deg)}.axis-field i{background:#f7f0df;border-radius:50%;width:14px;height:14px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.study-fold{color:#f0eadc;background:#11110f}.fold-field{perspective:1200px;pointer-events:none;display:flex;position:absolute;inset:0}.fold-field span{backface-visibility:hidden;will-change:transform;background:#cbc3b4;width:50%;height:100%}.fold-field span:first-child{transform-origin:0;border-right:1px solid #11110f38;animation:5.8s ease-in-out infinite alternate gallery-fold-left}.fold-field span:last-child{transform-origin:100%;border-left:1px solid #11110f38;animation:5.8s ease-in-out infinite alternate gallery-fold-right}:is(.study,.form-canvas).study-fold h2{color:var(--canvas-ink,#f6f1e7);text-shadow:0 1px 18px var(--canvas-primary,#11110f)}@supports (color:color-mix(in lab, red, red)){:is(.study,.form-canvas).study-fold h2{text-shadow:0 1px 18px color-mix(in srgb, var(--canvas-primary,#11110f) 34%, transparent)}}.study-shutters{color:#11110f;background:#ddec55}.shutter-field{pointer-events:none;grid-template-columns:repeat(11,1fr);display:grid;position:absolute;inset:0}.shutter-field span{backface-visibility:hidden;will-change:transform;height:100%;animation:4.2s cubic-bezier(.65,0,.35,1) infinite alternate gallery-shutter;animation-delay:calc(var(--shutter-index) * -.24s);background:#11110f;border-right:1px solid #ddec5529}.shutter-field span:nth-child(2n){animation-direction:alternate-reverse}:is(.study,.form-canvas).study-shutters h2{background:var(--canvas-bg,#ddec55);padding:.12em .18em .16em}@supports (color:color-mix(in lab, red, red)){:is(.study,.form-canvas).study-shutters h2{background:color-mix(in srgb, var(--canvas-bg,#ddec55) 94%, transparent)}}.study-echo{color:#f2d8b4;background:#53152a}.echo-title{isolation:isolate}.echo-title:before,.echo-title:after{content:attr(data-text);z-index:-1;color:#0000;-webkit-text-stroke:1px #f2d8b461;backface-visibility:hidden;pointer-events:none;will-change:transform;position:absolute;inset:0}.echo-title:before{animation:3.8s ease-in-out infinite alternate gallery-echo-a}.echo-title:after{animation:5.2s ease-in-out infinite alternate gallery-echo-b}.study-frame{color:#16121a;background:#b8a5d2}.frame-field{pointer-events:none;width:min(76cqw,1040px);height:min(66cqh,650px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.frame-field span{inset:calc(var(--frame-index) * 7%);border-radius:calc(36px - var(--frame-index) * 4px);backface-visibility:hidden;will-change:transform;animation:4.8s ease-in-out infinite alternate gallery-frame;animation-delay:calc(var(--frame-index) * -.46s);position:absolute;box-shadow:inset 0 0 0 1px #16121a38}.study-wave{color:#f1ddb0;background:#0d514b}:is(.study,.form-canvas).study-wave h2{flex-wrap:wrap;justify-content:center;gap:0 .2em;max-width:980px;line-height:1;display:flex}:is(.study,.form-canvas).study-wave h2 span{backface-visibility:hidden;will-change:transform;animation:2.6s ease-in-out infinite alternate gallery-word-wave;animation-delay:calc(var(--word-index) * -.18s);display:inline-block}.study-pendulum{color:#17140c;background:#eec747}:is(.study,.form-canvas).study-pendulum h2{text-align:left;place-self:end start;max-width:730px;margin:0 0 5cqh 4cqw}.pendulum-field{backface-visibility:hidden;pointer-events:none;transform-origin:50% 0;will-change:transform;background:#17140c8f;width:2px;height:68cqh;animation:4.6s ease-in-out infinite alternate gallery-pendulum;position:absolute;top:0;left:68%}.pendulum-field:before{content:"";background:#17140c;border-radius:50%;width:10px;height:10px;position:absolute;top:0;left:50%;transform:translate(-50%,-50%)}.pendulum-field span{aspect-ratio:1;background:#17140c;border-radius:50%;width:clamp(90px,10cqw,150px);position:absolute;bottom:0;left:50%;transform:translate(-50%,50%)}.study-aperture{color:#f6edc9;background:#2d184a}.aperture-field{pointer-events:none;position:absolute;inset:-10% 0;overflow:hidden}.aperture-field span{backface-visibility:hidden;will-change:transform;background:#ea654d;width:58%;height:100%;position:absolute;top:0}.aperture-field span:first-child{border-radius:0 50% 50% 0;animation:5.4s ease-in-out infinite alternate gallery-aperture-left;left:-8%}.aperture-field span:last-child{border-radius:50% 0 0 50%;animation:5.4s ease-in-out infinite alternate gallery-aperture-right;right:-8%}.study-cascade{color:#431319;background:#ebb2a7}:is(.study,.form-canvas).study-cascade h2{text-align:right;justify-self:end;max-width:690px;margin-right:4cqw}.cascade-field{pointer-events:none;gap:clamp(6px,1.2cqh,12px);width:62%;display:grid;position:absolute;top:16%;left:-5%}.cascade-field span{width:82%;height:clamp(28px,7cqh,70px);margin-left:calc(var(--cascade-index) * 2.4cqw);backface-visibility:hidden;will-change:transform;animation:4.4s ease-in-out infinite alternate gallery-cascade;animation-delay:calc(var(--cascade-index) * -.28s);background:#a52530}.cascade-field span:nth-child(3n){width:64%}.study-counter{color:#f4efd7;background:#111d41}:is(.study,.form-canvas).study-counter h2{text-align:left;justify-self:start;max-width:680px;margin-left:4cqw}.counter-field{pointer-events:none;grid-template-columns:repeat(6,1fr);gap:clamp(6px,1cqw,14px);width:min(42cqw,520px);height:66cqh;display:grid;position:absolute;top:17%;right:5cqw}.counter-field span{backface-visibility:hidden;transform-origin:50%;will-change:transform, opacity;animation:2.8s ease-in-out infinite alternate gallery-counter;animation-delay:calc(var(--counter-index) * -.09s);background:#cce84d;border-radius:5px}.study-elastic{color:#11110f;background:#f0eee5}:is(.study,.form-canvas).study-elastic:before,:is(.study,.form-canvas).study-elastic:after{content:"";z-index:1;background:var(--canvas-primary,#11110f);width:1px;height:100%;position:absolute;top:0}@supports (color:color-mix(in lab, red, red)){:is(.study,.form-canvas).study-elastic:before,:is(.study,.form-canvas).study-elastic:after{background:color-mix(in srgb, var(--canvas-primary,#11110f) 20%, transparent)}}:is(.study,.form-canvas).study-elastic:before{left:10cqw}:is(.study,.form-canvas).study-elastic:after{right:10cqw}:is(.study,.form-canvas).study-elastic h2{text-align:left;transform-origin:0;backface-visibility:hidden;will-change:transform;justify-self:start;width:80cqw;max-width:none;font-size:clamp(64px,8.6cqw,128px);animation:6s cubic-bezier(.65,0,.35,1) infinite alternate gallery-elastic}.study-crossing{color:#f6f0e1;background:#11110f}.crossing-field{pointer-events:none;position:absolute;inset:0}.crossing-field span{backface-visibility:hidden;will-change:transform;border-radius:999px;width:145cqw;height:26cqh;position:absolute;top:50%;left:50%}.crossing-field span:first-child{background:#70d9cb;animation:7s ease-in-out infinite alternate gallery-crossing-a}.crossing-field span:last-child{background:#ee78ad;animation:8.5s ease-in-out infinite alternate gallery-crossing-b}:is(.study,.form-canvas).study-crossing h2{background:var(--canvas-bg,#11110f);padding:.12em .2em .16em}.study-bloom{--field-bg:#dbe3ff;--field-a:#ff6e55;--field-b:#171426;background:var(--field-bg);color:#171426}.bloom-field{aspect-ratio:1;backface-visibility:hidden;pointer-events:none;will-change:transform;width:min(62cqw,780px);animation:18s linear infinite gallery-bloom-spin;position:absolute;top:50%;left:50%}.bloom-field span{transform:rotate(calc(var(--bloom-index) * 30deg));position:absolute;inset:5%}.bloom-field i{background:var(--field-a);backface-visibility:hidden;transform-origin:50% 100%;will-change:transform, opacity;width:clamp(38px,5cqw,72px);height:31%;animation:3.8s ease-in-out infinite alternate gallery-bloom-petal;animation-delay:calc(var(--bloom-index) * -.16s);border-radius:999px;position:absolute;top:0;left:50%}.bloom-field span:nth-child(3n) i{background:var(--field-b)}.study-moire{--field-bg:#f4edda;--field-a:#121212;--field-b:#ff573d;background:var(--field-bg);color:#121212}.moire-field{pointer-events:none;position:absolute;inset:-35%}.moire-field span{opacity:.62;background:repeating-linear-gradient(24deg, transparent 0 13px, var(--field-a) 13px 14px);backface-visibility:hidden;will-change:transform;animation:12s ease-in-out infinite alternate gallery-moire-a;position:absolute;inset:0}.moire-field span:last-child{opacity:.48;background:repeating-linear-gradient(-24deg, transparent 0 15px, var(--field-b) 15px 16px);animation:14s ease-in-out infinite alternate gallery-moire-b}:is(.study,.form-canvas).study-moire h2{background:var(--field-bg);padding:.12em .2em .16em}.study-tide{--field-bg:#d8ede6;--field-a:#1b5a50;--field-b:#e85d43;background:var(--field-bg);color:#17302c}.tide-field{pointer-events:none;position:absolute;inset:0}.tide-field span{background:var(--field-a);backface-visibility:hidden;will-change:transform;border-radius:50%;width:120%;height:72%;position:absolute;left:-10%}.tide-field span:first-child{animation:6.8s ease-in-out infinite alternate gallery-tide-top;top:-49%}.tide-field span:last-child{background:var(--field-b);animation:7.8s ease-in-out infinite alternate gallery-tide-bottom;bottom:-49%}.study-domino{--field-bg:#f16f51;--field-a:#f7e8cc;--field-b:#29120e;background:var(--field-bg);color:#29120e}.domino-field{pointer-events:none;align-items:flex-end;gap:clamp(9px,1.5cqw,24px);display:flex;position:absolute;inset:12% -6% -7%;transform:rotate(-9deg)}.domino-field span{background:var(--field-a);backface-visibility:hidden;transform-origin:50% 100%;will-change:transform;height:78%;animation:4.8s cubic-bezier(.65,0,.35,1) infinite alternate gallery-domino;animation-delay:calc(var(--domino-index) * -.18s);border-radius:999px 999px 5px 5px;flex:1}.domino-field span:nth-child(4n){background:var(--field-b)}:is(.study,.form-canvas).study-domino h2{background:var(--field-bg);padding:.12em .2em .16em}.study-magnet{--field-bg:#c7b5ee;--field-a:#171225;--field-b:#f7e4b3;background:var(--field-bg);color:#171225}.magnet-field{pointer-events:none;position:absolute;inset:0}.magnet-field span{aspect-ratio:1;background:var(--field-a);backface-visibility:hidden;will-change:transform;border-radius:50%;width:min(58cqw,760px);position:absolute;top:50%}.magnet-field span:first-child{animation:5.8s ease-in-out infinite alternate gallery-magnet-left;left:-34%}.magnet-field span:last-child{background:var(--field-b);animation:5.8s ease-in-out infinite alternate gallery-magnet-right;right:-34%}.study-portal{--field-bg:#101b40;--field-a:#cbea4e;--field-b:#ee70a6;background:var(--field-bg);color:#f4efd9}.portal-field{pointer-events:none;width:min(78cqw,980px);height:min(72cqh,680px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.portal-field span{inset:calc(var(--portal-index) * 7%);border-radius:calc(48px - var(--portal-index) * 5px);background:var(--field-a);backface-visibility:hidden;will-change:transform, opacity;animation:4.6s ease-in-out infinite alternate gallery-portal;animation-delay:calc(var(--portal-index) * -.42s);position:absolute}.portal-field span:nth-child(2n){background:var(--field-b)}:is(.study,.form-canvas).study-portal h2{background:var(--field-bg);padding:.12em .2em .16em}.study-meteor{--field-bg:#0b332e;--field-a:#f6e1b7;--field-b:#e8644e;background:var(--field-bg);color:#f6e1b7}.meteor-field{pointer-events:none;position:absolute;inset:0;overflow:hidden}.meteor-field span{background:var(--field-a);backface-visibility:hidden;will-change:transform;width:clamp(90px,12cqw,180px);height:clamp(8px,1.1cqw,15px);animation:5.2s linear infinite gallery-meteor;animation-delay:calc(var(--meteor-index) * -.38s);border-radius:999px;position:absolute;left:-28cqw}.meteor-field span:nth-child(2n){background:var(--field-b)}.meteor-field span:first-child,.meteor-field span:nth-child(8){top:5%}.meteor-field span:nth-child(2),.meteor-field span:nth-child(9){top:19%}.meteor-field span:nth-child(3),.meteor-field span:nth-child(10){top:33%}.meteor-field span:nth-child(4),.meteor-field span:nth-child(11){top:47%}.meteor-field span:nth-child(5),.meteor-field span:nth-child(12){top:61%}.meteor-field span:nth-child(6),.meteor-field span:nth-child(13){top:75%}.meteor-field span:nth-child(7),.meteor-field span:nth-child(14){top:89%}.study-corners{--field-bg:#f1ede2;--field-a:#194dbe;--field-b:#e9674f;background:var(--field-bg);color:#161512}.corners-field{pointer-events:none;position:absolute;inset:0}.corners-field span{aspect-ratio:1;background:var(--field-a);backface-visibility:hidden;will-change:transform;border-radius:42%;width:min(52cqw,720px);position:absolute}.corners-field span:first-child{animation:6.4s ease-in-out infinite alternate gallery-corner-one;top:-39%;left:-29%}.corners-field span:nth-child(2){background:var(--field-b);animation:7.2s ease-in-out infinite alternate gallery-corner-two;top:-39%;right:-29%}.corners-field span:nth-child(3){background:var(--field-b);animation:7.2s ease-in-out infinite alternate gallery-corner-three;bottom:-39%;left:-29%}.corners-field span:nth-child(4){animation:6.4s ease-in-out infinite alternate gallery-corner-four;bottom:-39%;right:-29%}.mixer-overlay{--sidebar-width:304px;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:24px;--space-2xl:32px;--space-3xl:48px;--space-4xl:64px;--orbit-speed-a:12s;--orbit-speed-b:17s;--orbit-play-state:running;--orbit-opacity-a:.34;--orbit-opacity-b:.22;--orbit-weight:1px;--orbit-angle:18deg;z-index:100;grid-template-columns:var(--sidebar-width) minmax(0, 1fr);background:var(--mix-bg);color:var(--mix-ink);grid-template-rows:minmax(0,1fr);display:grid;position:fixed;inset:0;overflow:hidden}.mixer-overlay.sidebar-is-hidden{grid-template-columns:0 minmax(0,1fr)}.mixer-stage-viewport{grid-area:1/2;min-width:0;min-height:0;position:relative;overflow:hidden;container-type:size}.mixer-stage{--orbit-speed-a:inherit;--orbit-speed-b:inherit;--orbit-play-state:inherit;--orbit-opacity-a:inherit;--orbit-opacity-b:inherit;--orbit-weight:inherit;--orbit-angle:inherit;transition:background-color .28s,color .28s}.palette-is-custom .mixer-stage{--canvas-bg:var(--mix-bg);--canvas-ink:var(--mix-ink);--canvas-primary:var(--mix-a);--canvas-accent:var(--mix-b);--field-bg:var(--mix-bg);--field-a:var(--mix-a);--field-b:var(--mix-b);background:var(--mix-bg);color:var(--mix-ink)}.mixer-sidebar{z-index:110;width:var(--sidebar-width);height:100%;min-height:0;padding:var(--space-lg) var(--space-md) var(--space-md);background:var(--paper);color:var(--ink);box-shadow:none;will-change:transform;border:0;border-right:1px solid #0d0d0c29;border-radius:0;flex-direction:column;grid-area:1/1;transition:transform .28s cubic-bezier(.22,1,.36,1);display:flex;position:relative}.sidebar-is-hidden .mixer-sidebar{pointer-events:none;transform:translate(-100%)}.mixer-sidebar-header{justify-content:space-between;align-items:flex-start;gap:var(--space-md);padding:0 var(--space-xs) var(--space-md);flex:none;display:flex}.mixer-sidebar-header>div{gap:var(--space-xs);flex-direction:column;min-width:0;display:flex}.mixer-sidebar-header span{letter-spacing:.08em;text-transform:uppercase;font-size:9px}.mixer-sidebar-header a{color:inherit;font-size:12px;line-height:1.2;text-decoration:none}.mixer-sidebar-header a:hover,.mixer-sidebar-header a:focus-visible{text-underline-offset:3px;text-decoration:underline}.mixer-sidebar-header>button{width:36px;height:36px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:50%;flex:0 0 36px;place-items:center;font-size:18px;display:grid}.mixer-sidebar-header>button:hover,.mixer-sidebar-header>button:focus-visible{background:#0d0d0c14;outline:none}.mixer-sidebar-current{gap:var(--space-xs);padding:0 var(--space-xs) var(--space-lg);flex-direction:column;flex:none;display:flex}.mixer-sidebar-current span{letter-spacing:.08em;text-transform:uppercase;font-size:9px}.mixer-sidebar-current strong{text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:400;line-height:1.15;overflow:hidden}.mixer-active-palette{gap:var(--space-sm);padding:0 var(--space-xs) var(--space-lg);flex-direction:column;flex:none;display:flex}.mixer-active-palette>header{justify-content:space-between;align-items:center;gap:var(--space-sm);display:flex}.mixer-active-palette h3{letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:9px;font-weight:400}.mixer-palette-header-actions{align-items:center;gap:var(--space-sm);display:flex}.mixer-palette-format{border:1px solid #0d0d0c33;border-radius:5px;display:inline-flex;overflow:hidden}.mixer-palette-format button{min-width:30px;color:inherit;font:inherit;letter-spacing:.04em;cursor:pointer;background:0 0;border:0;padding:3px 5px;font-size:7px}.mixer-palette-format button+button{border-left:1px solid #0d0d0c33}.mixer-palette-format button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.mixer-palette-format button:focus-visible{box-shadow:inset 0 0 0 1px var(--ink);outline:none}.mixer-palette-copy-all{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;border-bottom:1px solid;padding:2px 0;font-size:8px}.mixer-palette-copy-all:hover,.mixer-palette-copy-all:focus-visible{border-bottom-width:2px;outline:none}.mixer-palette-values{gap:var(--space-xs);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.mixer-palette-value{border:1px solid #0d0d0c2e;border-top:5px solid var(--palette-value);min-width:0;min-height:42px;color:inherit;text-align:left;cursor:copy;background:0 0;border-radius:6px;flex-direction:column;justify-content:flex-end;gap:3px;padding:8px 5px 6px;display:flex}.mixer-palette-value>span{letter-spacing:.05em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:8px;overflow:hidden}.mixer-palette-value code{font-variant-numeric:tabular-nums;letter-spacing:-.03em;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:9px}.mixer-palette-value[data-format=rgb] code{letter-spacing:-.06em;font-size:8px}.mixer-palette-value:hover,.mixer-palette-value:focus-visible,.mixer-palette-value[data-copied=true]{border-right-color:var(--ink);border-bottom-color:var(--ink);border-left-color:var(--ink);background:var(--ink);color:var(--paper);outline:none}.mixer-sidebar-actions{gap:var(--space-sm);padding:0 var(--space-xs) var(--space-lg);flex:none;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.mixer-sidebar-actions button{min-height:36px;padding:0 var(--space-sm);color:inherit;font:inherit;cursor:pointer;background:0 0;border:1px solid #0d0d0c2e;border-radius:8px;font-size:9px}.mixer-sidebar-actions button:hover,.mixer-sidebar-actions button:focus-visible{border-color:var(--ink);background:var(--ink);color:var(--paper);outline:none}.mixer-sidebar-scroll{gap:var(--space-xl);min-height:0;padding:0 var(--space-xs) var(--space-sm);overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-color:#0d0d0c52 transparent;scrollbar-width:thin;flex-direction:column;flex:auto;display:flex;overflow-y:auto}.mixer-sidebar-section{gap:var(--space-sm);flex-direction:column;flex:none;display:flex}.mixer-sidebar-section h3{letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;margin:0;font-size:9px;font-weight:400;display:flex}.mixer-sidebar-section h3 span{color:#0d0d0c80;font-variant-numeric:tabular-nums}.mixer-sliders{gap:var(--space-sm);padding:var(--space-xs) 0;flex-direction:column;display:flex}.mixer-sliders label{gap:var(--space-sm);grid-template-columns:52px minmax(0,1fr) 30px;align-items:center;min-height:28px;font-size:9px;display:grid}.mixer-sliders output{font-variant-numeric:tabular-nums;text-align:right}.mixer-sliders input[type=range]{appearance:none;cursor:ew-resize;background:0 0;width:100%;height:16px;margin:0}.mixer-sliders input[type=range]::-webkit-slider-runnable-track{background:#0d0d0c52;height:1px}.mixer-sliders input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--ink);border:0;border-radius:50%;width:10px;height:10px;margin-top:-4.5px}.mixer-sliders input[type=range]::-moz-range-track{background:#0d0d0c52;height:1px}.mixer-sliders input[type=range]::-moz-range-thumb{background:var(--ink);border:0;border-radius:50%;width:10px;height:10px}.mixer-sliders input[type=range]:focus-visible{outline:1px solid var(--ink);outline-offset:3px}.mixer-options{gap:var(--space-xs);flex-direction:column;display:flex}.mixer-options button{align-items:center;gap:var(--space-sm);width:100%;min-height:36px;padding:0 var(--space-md);color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;grid-template-columns:28px minmax(0,1fr);font-size:10px;display:grid}.mixer-options button:hover,.mixer-options button:focus-visible,.mixer-options button[aria-pressed=true]{border-color:var(--ink);background:var(--ink);color:var(--paper);outline:none}.mixer-option-number{color:#0d0d0c75;font-variant-numeric:tabular-nums;letter-spacing:.06em;font-size:8px}.mixer-options button[aria-pressed=true] .mixer-option-number{color:#f7f6f19e}.mixer-palette-options button{grid-template-columns:28px minmax(0,1fr)}.mixer-swatch{background:linear-gradient(90deg, var(--swatch-bg) 0 50%, var(--swatch-a) 50% 100%);border:1px solid;border-radius:50%;width:18px;height:18px}.mixer-shortcuts{gap:var(--space-sm) var(--space-md);padding:var(--space-md) var(--space-xs) 0;color:#0d0d0c8f;border-top:1px solid #0d0d0c1f;flex-wrap:wrap;flex:none;font-size:8px;display:flex}.mixer-shortcuts span{align-items:center;gap:var(--space-xs);display:inline-flex}.mixer-shortcuts kbd,.mixer-sidebar-reveal kbd{min-width:20px;color:var(--ink);font:inherit;text-align:center;background:#0d0d0c0a;border:1px solid #0d0d0c2e;border-radius:5px;padding:2px 5px}.mixer-sidebar-reveal{z-index:111;top:var(--space-lg);align-items:center;gap:var(--space-sm);min-height:40px;padding:0 var(--space-md);background:var(--paper);color:var(--ink);font:inherit;cursor:pointer;border:1px solid #0d0d0c29;border-left:0;border-radius:0 8px 8px 0;font-size:9px;transition:opacity .16s ease-out,transform .22s cubic-bezier(.22,1,.36,1);display:inline-flex;position:absolute;left:0}.mixer-sidebar-reveal:hover,.mixer-sidebar-reveal:focus-visible{border-color:var(--ink);outline:none}.mixer-sidebar-reveal[data-visible=false]{opacity:0;pointer-events:none;transform:translate(-10px)}.palette-is-custom .mixer-stage .study-orbit-ring{box-shadow:inset 0 0 0 var(--orbit-weight) var(--mix-a);opacity:var(--orbit-opacity-a)}.palette-is-custom .mixer-stage .study-orbit-ring-b{box-shadow:inset 0 0 0 var(--orbit-weight) var(--mix-b);opacity:var(--orbit-opacity-b)}.palette-is-custom .mixer-stage .bar-field span{border-color:var(--mix-a)}@supports (color:color-mix(in lab, red, red)){.palette-is-custom .mixer-stage .bar-field span{border-color:color-mix(in srgb, var(--mix-a) 20%, transparent)}}.palette-is-custom .mixer-stage .bar-field span{background:linear-gradient(to bottom, transparent, var(--mix-a), transparent)}@supports (color:color-mix(in lab, red, red)){.palette-is-custom .mixer-stage .bar-field span{background:linear-gradient(to bottom, transparent, color-mix(in srgb, var(--mix-a) 36%, transparent), transparent)}}.palette-is-custom .mixer-stage .halo-field span,.palette-is-custom .mixer-stage .iris-field span{border-color:var(--mix-a)}@supports (color:color-mix(in lab, red, red)){.palette-is-custom .mixer-stage .halo-field span,.palette-is-custom .mixer-stage .iris-field span{border-color:color-mix(in srgb, var(--mix-a) 42%, transparent)}}.palette-is-custom .mixer-stage .tilt-line,.palette-is-custom .mixer-stage .horizon-field span,.palette-is-custom .mixer-stage .axis-field span{background:var(--mix-a)}@supports (color:color-mix(in lab, red, red)){.palette-is-custom .mixer-stage .tilt-line,.palette-is-custom .mixer-stage .horizon-field span,.palette-is-custom .mixer-stage .axis-field span{background:color-mix(in srgb, var(--mix-a) 58%, transparent)}}.palette-is-custom .mixer-stage .iris-field{background:conic-gradient(from 0deg, var(--mix-a), var(--mix-a), var(--mix-b), var(--mix-b), var(--mix-a))}@supports (color:color-mix(in lab, red, red)){.palette-is-custom .mixer-stage .iris-field{background:conic-gradient(from 0deg, color-mix(in srgb, var(--mix-a) 4%, transparent), color-mix(in srgb, var(--mix-a) 40%, transparent), color-mix(in srgb, var(--mix-b) 8%, transparent), color-mix(in srgb, var(--mix-b) 36%, transparent), color-mix(in srgb, var(--mix-a) 4%, transparent))}}.palette-is-custom .mixer-stage .iris-field span{background:var(--mix-bg)}@supports (color:color-mix(in lab, red, red)){.palette-is-custom .mixer-stage .iris-field span{background:color-mix(in srgb, var(--mix-bg) 92%, transparent)}}.palette-is-custom .mixer-stage .axis-field i,.palette-is-custom .mixer-stage .pendulum-field span,.palette-is-custom .mixer-stage .pendulum-field:before,.palette-is-custom .mixer-stage .fold-field span,.palette-is-custom .mixer-stage .shutter-field span{background:var(--mix-a)}.palette-is-custom .mixer-stage .shutter-field span:nth-child(2n){background:var(--mix-b)}.palette-is-custom .mixer-stage .echo-title:before,.palette-is-custom .mixer-stage .echo-title:after{-webkit-text-stroke-color:var(--mix-a)}@supports (color:color-mix(in lab, red, red)){.palette-is-custom .mixer-stage .echo-title:before,.palette-is-custom .mixer-stage .echo-title:after{-webkit-text-stroke-color:color-mix(in srgb, var(--mix-a) 58%, transparent)}}.palette-is-custom .mixer-stage .frame-field span{box-shadow:inset 0 0 0 1px var(--mix-a)}@supports (color:color-mix(in lab, red, red)){.palette-is-custom .mixer-stage .frame-field span{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--mix-a) 52%, transparent)}}.palette-is-custom .mixer-stage .pendulum-field{background:var(--mix-a)}@supports (color:color-mix(in lab, red, red)){.palette-is-custom .mixer-stage .pendulum-field{background:color-mix(in srgb, var(--mix-a) 65%, transparent)}}.palette-is-custom .mixer-stage .aperture-field span:first-child,.palette-is-custom .mixer-stage .cascade-field span,.palette-is-custom .mixer-stage .counter-field span,.palette-is-custom .mixer-stage .crossing-field span:first-child{background:var(--mix-a)}.palette-is-custom .mixer-stage .aperture-field span:last-child,.palette-is-custom .mixer-stage .cascade-field span:nth-child(3n),.palette-is-custom .mixer-stage .counter-field span:nth-child(4n),.palette-is-custom .mixer-stage .crossing-field span:last-child{background:var(--mix-b)}.gallery-index{z-index:30;backface-visibility:hidden;scrollbar-width:none;background:#f7f6f1f7;border:1px solid #0d0d0c24;border-radius:999px;gap:4px;max-width:calc(100vw - 32px);padding:5px;display:flex;position:fixed;bottom:28px;left:50%;overflow-x:auto;transform:translate(-50%)}.gallery-index::-webkit-scrollbar{display:none}.gallery-index a{width:34px;height:28px;color:var(--ink);border-radius:999px;flex:0 0 34px;place-items:center;font-size:9px;text-decoration:none;display:grid}.gallery-index a:hover,.gallery-index a:focus-visible{background:var(--ink);color:var(--paper);outline:none}@keyframes gallery-orbit-a{0%{transform:translate3d(-50%, -50%, 0) rotate(var(--orbit-angle))}to{transform:translate3d(-50%, -50%, 0) rotate(calc(var(--orbit-angle) + 360deg))}}@keyframes gallery-orbit-b{0%{transform:translate3d(-50%, -50%, 0) rotate(calc(0deg - var(--orbit-angle)))}to{transform:translate3d(-50%, -50%, 0) rotate(calc(-360deg - var(--orbit-angle)))}}@keyframes gallery-bar{0%{opacity:.5;transform:scaleY(.72)}to{opacity:1;transform:scaleY(1)}}@keyframes gallery-halo{0%{opacity:0;transform:translate(-50%,-50%)scale(.25)}18%{opacity:.75}to{opacity:0;transform:translate(-50%,-50%)scale(1.55)}}@keyframes gallery-tilt-a{0%{transform:translate(-50%,-50%)rotate(18deg)translateY(-18cqh)}to{transform:translate(-50%,-50%)rotate(28deg)translateY(18cqh)}}@keyframes gallery-tilt-b{0%{transform:translate(-50%,-50%)rotate(-18deg)translateY(16cqh)}to{transform:translate(-50%,-50%)rotate(-30deg)translateY(-16cqh)}}@keyframes gallery-tilt-c{0%{transform:translate(-50%,-50%)rotate(44deg)translateY(-11cqh)}to{transform:translate(-50%,-50%)rotate(36deg)translateY(11cqh)}}@keyframes gallery-horizon{0%{transform:translate(-15%)}to{transform:translate(-1%)}}@keyframes gallery-iris{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes gallery-axis{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes gallery-fold-left{0%{transform:rotateY(0)scaleX(.98)}to{transform:rotateY(58deg)scaleX(.55)}}@keyframes gallery-fold-right{0%{transform:rotateY(0)scaleX(.98)}to{transform:rotateY(-58deg)scaleX(.55)}}@keyframes gallery-shutter{0%{transform:translateY(-84%)}to{transform:translateY(84%)}}@keyframes gallery-echo-a{0%{transform:translate(-.28em,-.18em)}to{transform:translate(.32em,.22em)}}@keyframes gallery-echo-b{0%{transform:translate(.22em,-.3em)}to{transform:translate(-.26em,.3em)}}@keyframes gallery-frame{0%{transform:scale(.94)}to{transform:scale(1.045)}}@keyframes gallery-word-wave{0%{transform:translateY(-.18em)}to{transform:translateY(.18em)}}@keyframes gallery-pendulum{0%{transform:rotate(-25deg)}to{transform:rotate(25deg)}}@keyframes gallery-aperture-left{0%{transform:translate(-32%)}to{transform:translate(9%)}}@keyframes gallery-aperture-right{0%{transform:translate(32%)}to{transform:translate(-9%)}}@keyframes gallery-cascade{0%{transform:translate(-20%)}to{transform:translate(12%)}}@keyframes gallery-counter{0%{opacity:.22;transform:scale(.28)}to{opacity:1;transform:scale(1)}}@keyframes gallery-elastic{0%{transform:scaleX(.72)}to{transform:scaleX(1.08)}}@keyframes gallery-crossing-a{0%{transform:translate(-58%,-50%)rotate(24deg)}to{transform:translate(-42%,-50%)rotate(17deg)}}@keyframes gallery-crossing-b{0%{transform:translate(-42%,-50%)rotate(-18deg)}to{transform:translate(-58%,-50%)rotate(-27deg)}}@keyframes gallery-bloom-spin{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes gallery-bloom-petal{0%{opacity:.56;transform:translate(-50%)scaleY(.62)}to{opacity:1;transform:translate(-50%)scaleY(1.08)}}@keyframes gallery-moire-a{0%{transform:rotate(-5deg)scale(1)}to{transform:rotate(5deg)scale(1.08)}}@keyframes gallery-moire-b{0%{transform:rotate(6deg)scale(1.07)}to{transform:rotate(-6deg)scale(.99)}}@keyframes gallery-tide-top{0%{transform:translateY(-12%)scaleX(1.04)}to{transform:translateY(30%)scaleX(.96)}}@keyframes gallery-tide-bottom{0%{transform:translateY(12%)scaleX(.96)}to{transform:translateY(-30%)scaleX(1.04)}}@keyframes gallery-domino{0%{transform:translateY(8%)rotate(-15deg)scaleY(.86)}to{transform:translateY(-4%)rotate(15deg)scaleY(1.04)}}@keyframes gallery-magnet-left{0%{transform:translate(-8%,-50%)scale(1)}to{transform:translate(44%,-50%)scaleX(1.26)scaleY(.78)}}@keyframes gallery-magnet-right{0%{transform:translate(8%,-50%)scale(1)}to{transform:translate(-44%,-50%)scaleX(1.26)scaleY(.78)}}@keyframes gallery-portal{0%{opacity:.7;transform:scale(.92)}to{opacity:1;transform:scale(1.055)}}@keyframes gallery-meteor{0%{transform:translateY(18cqh)rotate(-24deg)}to{transform:translate(155cqw,-18cqh)rotate(-24deg)}}@keyframes gallery-corner-one{0%{transform:translate(-10%,-10%)rotate(-4deg)}to{transform:translate(22%,20%)rotate(8deg)}}@keyframes gallery-corner-two{0%{transform:translate(10%,-10%)rotate(5deg)}to{transform:translate(-22%,20%)rotate(-8deg)}}@keyframes gallery-corner-three{0%{transform:translate(-10%,10%)rotate(4deg)}to{transform:translate(22%,-20%)rotate(-8deg)}}@keyframes gallery-corner-four{0%{transform:translate(10%,10%)rotate(-5deg)}to{transform:translate(-22%,-20%)rotate(8deg)}}@media (max-width:640px){.mixer-overlay{--sidebar-width:min(304px, 76vw);grid-template-columns:var(--sidebar-width) minmax(0, 1fr);grid-template-rows:minmax(0,1fr)}.mixer-overlay.sidebar-is-hidden{grid-template-columns:0 minmax(0,1fr)}.gallery-header{width:calc(100% - 20px);top:10px}.gallery-header span:nth-child(2){display:none}.gallery-header{grid-template-columns:1fr 1fr}.study,.form-canvas{padding-inline:22px}.study h2{max-width:440px;font-size:clamp(40px,13cqw,58px)}.form-canvas h2{overflow-wrap:anywhere;width:100%;max-width:440px;font-size:clamp(14px,13cqw,58px)}.study-label{top:82px;left:22px}.study-orbit .study-label{display:none}.orbit-adjuster{width:196px;padding:10px 11px 9px;top:76px;right:16px}.orbit-adjuster label{grid-template-columns:46px 1fr 26px;gap:6px;min-height:24px}.study-orbit-ring-a{width:118cqw;height:58cqw}.study-orbit-ring-b{width:88cqw;height:42cqw}.gallery-index{bottom:24px}:is(.study,.form-canvas).study-axis h2{margin:0 0 9cqh}.axis-field{width:122cqw;top:43%;left:72%}.frame-field{width:112cqw;height:62cqh}:is(.study,.form-canvas).study-pendulum h2{margin:0 0 8cqh}.pendulum-field{height:58cqh;left:77%}.aperture-field span{width:72%}:is(.study,.form-canvas).study-cascade h2{align-self:end;margin:0 0 9cqh}.cascade-field{width:88%;top:14%}.counter-field{width:70cqw;height:38cqh;top:13%;right:-7cqw}:is(.study,.form-canvas).study-counter h2{align-self:end;margin:0 0 9cqh}:is(.study,.form-canvas).study-elastic h2{width:92cqw;font-size:clamp(54px,16cqw,76px)}.crossing-field span{width:190cqw;height:18cqh}.bloom-field{width:112cqw}.bloom-field i{width:clamp(30px,9cqw,48px)}.moire-field{inset:-22%}.domino-field{gap:8px;inset:18% -18% -4%}.magnet-field span{width:96cqw}.magnet-field span:first-child{left:-70%}.magnet-field span:last-child{right:-70%}.portal-field{width:116cqw;height:58cqh}.portal-field span{inset:calc(var(--portal-index) * 6%)}.corners-field span{width:86cqw}.corners-field span:first-child,.corners-field span:nth-child(3){left:-58%}.corners-field span:nth-child(2),.corners-field span:nth-child(4){right:-58%}.mixer-stage-viewport{grid-area:1/2}.mixer-sidebar{width:var(--sidebar-width);height:100%;padding:12px 8px calc(8px + env(safe-area-inset-bottom));border-top:0;border-right:1px solid #0d0d0c29;border-radius:0;grid-area:1/1}.sidebar-is-hidden .mixer-sidebar{transform:translate(-100%)}.mixer-sidebar-header,.mixer-sidebar-current,.mixer-sidebar-actions{padding-inline:8px}.mixer-sidebar-scroll{gap:20px;padding-inline:8px}.mixer-options{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.mixer-options button{min-height:36px}.mixer-shortcuts{padding-inline:8px}.mixer-sidebar-reveal{top:10px;left:0}}@media (prefers-reduced-motion:reduce){.design-page *,.design-page :before,.design-page :after{scroll-behavior:auto;animation:none!important}}