@layer components{.fc__panel,.fc__reset,.stepper,.type-flip{--glass-surface: color-mix(in oklch, var(--color-surface-elevated) 86%, transparent);background:var(--glass-surface);border:var(--hairline) solid var(--color-border);border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur))}}@layer components{.right-controls{display:flex;flex-direction:column;align-items:flex-end;gap:calc(var(--spacing) * 2);max-width:100%;margin-inline-start:auto}.right-controls__fonts{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:calc(var(--spacing) * 2)}.stepper{display:inline-flex;align-items:center;gap:calc(var(--spacing) * .5);padding:calc(var(--spacing) * .75);font-family:var(--font-sans)}.stepper__arrow{flex:none;width:2.2em;padding:.5em 0;font-size:var(--text-sm);line-height:1;color:var(--color-text-muted);background:none;border:none;border-radius:var(--radius-pill);cursor:pointer;transition:color var(--duration-fast) var(--ease-smooth),background var(--duration-fast) var(--ease-smooth)}.stepper__arrow:hover{color:var(--color-text-primary);background:var(--color-accent-subtle)}@media(pointer:coarse){.stepper__arrow{padding:.7em 0}}.stepper__arrow:focus-visible{outline:var(--hairline) solid var(--color-accent-muted);outline-offset:calc(var(--spacing) * .5)}.stepper__label{pointer-events:none;text-align:center;font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-text-muted)}}@layer components{.type-flip{display:inline-flex;align-items:center;gap:.4em;padding:.45em .8em;font-family:var(--font-sans);font-size:var(--text-xs);letter-spacing:.06em;line-height:1;color:var(--color-text-muted);cursor:pointer}.type-flip:hover{color:var(--color-text-primary)}.type-flip--on{color:var(--color-accent)}}@layer components{.motion-square{--motion-line: 1.5;--motion-hair: 1;--motion-bar: 2.4;--motion-head: 9;--motion-brush: 3.2;--motion-knuckle: 2.1;--motion-stagger: 3s;--motion-breath: 2s;display:block;inline-size:100%;block-size:100%}.motion-square__line{fill:none;stroke:var(--color-text-primary);stroke-width:calc(var(--motion-line) * var(--u, 1.27));stroke-linecap:round;stroke-linejoin:round}.motion-square__outer{fill:none;stroke:var(--color-text-primary);stroke-width:calc(2 * var(--motion-line) * var(--u, 1.27));stroke-linejoin:round}.motion-square__hair{fill:none;stroke:var(--color-text-primary);stroke-width:calc(var(--motion-hair) * var(--u, 1.27))}.motion-square__bar{fill:none;stroke:var(--color-text-primary);stroke-width:calc(var(--motion-bar) * var(--u, 1.27));stroke-linecap:round}.motion-square__ink{fill:var(--color-text-primary)}.motion-square__faint{fill:var(--color-text-primary);opacity:.28}.motion-square__guide{fill:none;stroke:var(--pigment-current);stroke-width:calc(var(--motion-hair) * var(--u, 1.27))}.motion-square__handle{fill:none;stroke:var(--pigment-current);stroke-width:calc(.75 * var(--motion-hair) * var(--u, 1.27));opacity:.55}.motion-square__point{fill:var(--color-surface);stroke:var(--pigment-current);stroke-width:calc(var(--motion-hair) * var(--u, 1.27))}.motion-square__dot{fill:var(--pigment-current)}.motion-square__brush{fill:none;stroke:var(--pigment-current);stroke-width:calc(var(--motion-brush) * var(--u, 1.27));stroke-linecap:round}.motion-square__fill--ochre{fill:var(--pigment-ochre)}.motion-square__fill--current{fill:var(--pigment-current)}.motion-square__fill--rust{fill:var(--pigment-rust)}.motion-square__fill--forest{fill:var(--pigment-forest)}.motion-square__fill--sand{fill:var(--pigment-sand)}.motion-square__plate--ochre{fill:var(--plate-ochre)}.motion-square__plate--current{fill:var(--plate-current)}.motion-square__plate--rust{fill:var(--plate-rust)}.motion-square__paper{fill:var(--color-on-media)}.motion-square__card{fill:var(--color-surface)}.motion-square__cream{fill:none;stroke:var(--color-on-media);stroke-width:calc(var(--motion-line) * var(--u, 1.27));stroke-linecap:round;stroke-linejoin:round}.motion-square__cream--square{stroke-linecap:butt;stroke-linejoin:miter}.motion-square__cream-bar{fill:none;stroke:var(--color-on-media);stroke-width:calc(var(--motion-bar) * var(--u, 1.27));stroke-linecap:round}.motion-square__cream-head{fill:none;stroke:var(--color-on-media);stroke-width:calc(var(--motion-head) * var(--u, 1.27));stroke-linecap:round}.motion-square__cream-fill{fill:var(--color-on-media)}.motion-square__glass{fill:var(--color-on-media);fill-opacity:.2;stroke:var(--color-on-media);stroke-opacity:.45;stroke-width:calc(.75 * var(--motion-hair) * var(--u, 1.27))}.motion-square__serif{font-family:var(--font-serif);font-weight:400;fill:var(--color-text-primary)}.motion-square__sans{font-family:var(--font-sans);font-weight:350;fill:var(--color-text-primary)}.motion-square__count{font-family:var(--font-sans);font-weight:500;letter-spacing:.08em;fill:var(--color-on-media)}.motion-square__paper-ink{fill:var(--color-surface);stroke:var(--color-text-primary);stroke-width:calc(var(--motion-line) * var(--u, 1.27));stroke-linejoin:round}.motion-square__ground{fill:none;stroke:var(--color-text-primary);stroke-width:calc(var(--motion-bar) * var(--u, 1.27));stroke-dasharray:calc(1.6 * var(--u, 1.27)) calc(3.2 * var(--u, 1.27))}.motion-square__knuckles{fill:none;stroke:var(--color-surface);stroke-width:calc(var(--motion-knuckle) * var(--u, 1.27));stroke-linecap:round;stroke-linejoin:round}.motion-square__badge-narrow{display:none}@media(max-width:768px){.motion-square__badge-wide{display:none}.motion-square__badge-narrow{display:inline}}}@layer components{.ampersand-construction{--motion-turn: 19s;--amp-line: 1;--amp-guide: color-mix(in oklch, var(--color-text-primary) 32%, var(--color-surface));--amp-shade: color-mix(in oklch, var(--color-text-primary) 16%, var(--color-surface))}.ampersand-construction__line,.ampersand-construction__guide{fill:none;stroke-width:calc(var(--amp-line) * var(--u, 1.5))}.ampersand-construction__line{stroke:var(--color-text-primary)}.ampersand-construction__guide{stroke:var(--amp-guide)}.ampersand-construction__dot{fill:var(--color-text-primary)}.ampersand-construction__guide-dot{fill:var(--amp-guide)}.ampersand-construction__shade{fill:var(--amp-shade)}.ampersand-construction__ground{fill:var(--color-text-primary)}.ampersand-construction__made{fill:var(--color-surface)}@media(prefers-reduced-motion:no-preference){:root[data-mode] .ampersand-construction:not(.ampersand-construction--live) :is(.ampersand-construction__ground,.ampersand-construction__made){visibility:hidden}}}@layer components{.brand-board{display:block;inline-size:100%;block-size:auto}.brand-board__ground,.brand-board__fill{fill:var(--tone)}.brand-board__circle{fill:var(--tone);stroke:var(--tone-ink)}.brand-board__word{fill:var(--tone);font-family:var(--mood-serif);font-weight:300}}@layer components{.petal-palette{--motion-turn: 15s}}@layer components{.post-reel{--motion-turn: 11s}}@layer components{.responsive-page{--motion-turn: 13s;--page-head: 7}.responsive-page__head{fill:none;stroke:var(--color-text-primary);stroke-width:calc(var(--page-head) * var(--u, 1.27));stroke-linecap:round}.responsive-page__cursor{fill:var(--color-text-primary);stroke:var(--color-surface);stroke-width:calc(var(--motion-hair) * var(--u, 1.27));stroke-linejoin:round}.responsive-page__track{opacity:.3;stroke-dasharray:calc(3 * var(--u, 1.27)) calc(4 * var(--u, 1.27))}}@layer components{.woven-wall{--_tile: var(--wall-tile, clamp(240px, calc(22vw + 60px) , 420px));--_origin: var(--wall-origin, 0px);position:relative;width:100%;overflow:clip}.woven-wall__origin{position:absolute;inset-block-start:0;inset-inline-start:var(--_origin);inline-size:0;block-size:0;pointer-events:none}.woven-wall__row{display:flex;inline-size:max-content;list-style:none;transform:translate3d(calc(var(--_origin) - var(--wall-count, 6) * var(--_tile)),0,0);backface-visibility:hidden}.woven-wall__tile{flex:0 0 var(--_tile);aspect-ratio:4 / 5;overflow:hidden;background-color:var(--tone)}.woven-wall__tile img{inline-size:100%;block-size:100%;object-fit:cover}.woven-wall--native{--_reach: calc(var(--wall-drift, 2) / 2 * var(--_tile));view-timeline-name:--woven-wall;view-timeline-axis:block}.woven-wall--native .woven-wall__row{--_rest: calc(var(--_origin) - var(--wall-count, 6) * var(--_tile));animation-name:woven-wall-drift;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:--woven-wall;animation-range:cover 0% cover 100%}.woven-wall--native .woven-wall__row:nth-of-type(odd){--_dir: -1}.woven-wall--native .woven-wall__row:nth-of-type(2n){--_dir: 1}@keyframes woven-wall-drift{0%{transform:translate3d(calc(var(--_rest) - var(--_dir) * var(--_reach)),0,0)}to{transform:translate3d(calc(var(--_rest) + var(--_dir) * var(--_reach)),0,0)}}@media(prefers-reduced-motion:reduce){.woven-wall__row{inline-size:100%;transform:none;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;padding-inline-start:var(--_origin);scroll-padding-inline-start:var(--_origin);scrollbar-width:thin}.woven-wall__row:focus-visible{outline:var(--focus-width) solid var(--color-accent);outline-offset:calc(var(--spacing) * -.5)}.woven-wall__tile{scroll-snap-align:start}}}@layer components{.fc__panel,.fc__reset,.stepper,.type-flip{--glass-surface: color-mix(in oklch, var(--color-surface-elevated) 86%, transparent);background:var(--glass-surface);border:var(--hairline) solid var(--color-border);border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur))}}@layer components{.fc{display:flex;flex-wrap:wrap;align-items:center;gap:calc(var(--spacing) * 2);font-family:var(--font-sans)}.fc__panel{display:flex;align-items:center;gap:calc(var(--spacing) * .5);padding:calc(var(--spacing) * .75)}.fc__seg{padding:.5em 1em;font-family:var(--font-sans);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-text-muted);background:none;border:none;border-radius:var(--radius-pill);cursor:pointer;transition:color var(--duration-fast) var(--ease-smooth),background var(--duration-fast) var(--ease-smooth)}.fc__seg:hover{color:var(--color-text-primary);background:var(--color-accent-subtle)}.fc__seg--active{color:var(--color-surface);background:var(--color-accent)}.fc__reset{padding:.5em .9em;font-family:var(--font-sans);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-text-muted);cursor:pointer;transition:color var(--duration-fast) var(--ease-smooth)}.fc__reset:hover{color:var(--color-text-primary)}.fc__seg:focus-visible,.fc__reset:focus-visible{outline:var(--hairline) solid var(--color-accent-muted);outline-offset:calc(var(--spacing) * .5)}}