:root{--color-ink:#181818;--color-page:#fff;--gutter:clamp(1rem, 2.5vw, 2rem);--ring-radius:min(34vmin, 22rem);--ease-orbit:cubic-bezier(.4, 0, .15, 1);--tone-cifuentes:#c0c1e1;--tone-kabute:#7ca7e3;--tone-rosinx:#e49c8b;--tone-doeslife:#aed09c;--tone-garconnnne:#c6bea1;--tone-macel:#98c8ca;--tone-gorm:#c5c8e5;--tone-tocin:#b4d0b4;--tone-u3:#dba9a4;--tone-stripper-news:#cbb8da;--tone-carla-garlaschi:#ccc4a7;--tone-monica:#eac6a5;--tone-diego:#9dc4d8;color:var(--color-ink);background:var(--color-page);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;-webkit-tap-highlight-color:transparent;font-synthesis:none;-webkit-font-smoothing:antialiased;font-family:Times New Roman,Times,serif}@supports (color:lab(0% 0 0)){:root{--color-ink:lab(8.36% -.00000745058 0);--color-page:lab(100% 0 0);--tone-cifuentes:lab(78.7026% 4.70221 -16.1645);--tone-kabute:lab(67.0461% -2.8125 -35.4673);--tone-rosinx:lab(71.435% 26.03 20.4003);--tone-doeslife:lab(80.0644% -18.9242 22.1013);--tone-garconnnne:lab(77.0217% -.79447 15.5708);--tone-macel:lab(77.2935% -15.7758 -6.56123);--tone-gorm:lab(81.1116% 3.00211 -14.6876);--tone-tocin:lab(80.9291% -13.9724 10.9413);--tone-u3:lab(73.9177% 18.5058 10.0734);--tone-stripper-news:lab(77.3208% 11.304 -14.2233);--tone-carla-garlaschi:lab(79.3425% -.807405 15.5589);--tone-monica:lab(82.5123% 9.45368 21.6305);--tone-diego:lab(76.9693% -10.0707 -14.3512)}}*,:before,:after{box-sizing:border-box}html,body{background:var(--color-page)}body{overscroll-behavior:none;min-height:100dvh;margin:0}.site-header{z-index:3;padding:var(--gutter);pointer-events:none;position:relative}.site-header a{pointer-events:auto}.logo{color:inherit;display:inline-block;position:relative}.logo__word,.logo__seal{transition:opacity .9s var(--ease-orbit), scale .9s var(--ease-orbit);display:block}.logo__word{width:clamp(3.75rem,6vw,5.25rem);height:auto}.logo__seal{opacity:0;width:auto;height:clamp(2.35rem,6vw,3.15rem);position:absolute;top:50%;left:0;translate:0 -50%;scale:.88}.logo[data-mark=seal] .logo__word{opacity:0}.logo[data-mark=seal] .logo__seal{opacity:1;scale:1}.logo-seal__ring{transform-box:fill-box;transform-origin:50%;animation:18s linear infinite paused logo-orbit}.logo[data-mark=seal] .logo-seal__ring{animation-play-state:running}@keyframes logo-orbit{to{rotate:360deg}}.logo:focus-visible{outline-offset:4px;outline:1px solid}@media (prefers-reduced-motion:reduce){.logo__word,.logo__seal,.logo-seal__ring{transition:none;animation:none}}.home{z-index:2;pointer-events:none;position:fixed;inset:0}.home-side{pointer-events:auto;position:absolute;inset:0}@media (pointer:coarse){.home-side{touch-action:none}}.quiet{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.ripple-field{pointer-events:none;border:0;width:100%;height:100%;display:block;position:fixed;inset:0}.world-map{--color-world:var(--color-page);--world-w:max(100vw, 120svh);--world-mask-x:calc(50% + var(--here-shift,0px));pointer-events:none;backface-visibility:hidden;position:fixed;inset:-4%;transform:scaleY(-1)}.world-map--home{z-index:1}.world-map--pin{z-index:6}html:not([data-world]) .world-map__land{opacity:0;visibility:hidden}html[data-mosaic-animate] .world-map[data-shown] .world-map__land,html[data-mosaic-animate] .world-map__land{opacity:0;visibility:hidden;transition:none!important}.world-map__land{background:var(--color-world);visibility:hidden;opacity:0;-webkit-mask-image:var(--world);-webkit-mask-size:var(--world-w) auto;-webkit-mask-position:var(--world-mask-x) 50%;-webkit-mask-repeat:no-repeat;-webkit-mask-image:var(--world);mask-image:var(--world);-webkit-mask-size:var(--world-w) auto;mask-size:var(--world-w) auto;-webkit-mask-position:var(--world-mask-x) 50%;mask-position:var(--world-mask-x) 50%;transition:opacity .7s cubic-bezier(.2,0,0,1),visibility 0s linear .7s,background-color .7s cubic-bezier(.2,0,0,1);position:absolute;inset:0;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}html[data-world] .world-map[data-shown] .world-map__land{opacity:1;visibility:visible;transition:opacity .7s cubic-bezier(.2,0,0,1),visibility,background-color .7s cubic-bezier(.2,0,0,1)}.world-map[data-shown] .world-map__land{background:#e9e9e9;background:lab(92.46% -.0000298023 0);background:color-mix(in oklch, var(--color-ink) 12%, var(--color-page))}.world-map__frame{width:var(--world-w);height:calc(var(--world-w) * 1002 / 2000);aspect-ratio:2000/1002;pointer-events:none;transform:translate(calc(-50% + var(--here-shift,0px)), -50%);position:absolute;top:50%;left:50%}.world-map__here{cursor:pointer;pointer-events:auto;touch-action:manipulation;background:0 0;border:0;place-items:center;width:1.5rem;height:1.5rem;margin:-.75rem;padding:0;display:grid;position:absolute;transform:scaleY(-1)}.world-map__here:before{content:"";aspect-ratio:1;background:var(--tone);width:calc(1.2*clamp(3px,.6vmin,6px));height:calc(1.2*clamp(3px,.6vmin,6px));transition:opacity .4s cubic-bezier(.2,0,0,1),transform .4s cubic-bezier(.2,0,0,1),background-color .6s cubic-bezier(.2,0,0,1)}.world-map__fly{opacity:0;object-fit:contain;pointer-events:none;-webkit-user-drag:none;width:clamp(1.35rem,4vmin,2rem);height:auto;transition:opacity .4s cubic-bezier(.2,0,0,1),transform .4s cubic-bezier(.2,0,0,1);position:absolute;transform:scale(.45)}.world-map__here:hover:before,.world-map__here:focus-visible:before,.world-map__here[aria-pressed=true]:before{opacity:0;transform:scale(.4)}.world-map__here:hover .world-map__fly,.world-map__here:focus-visible .world-map__fly,.world-map__here[aria-pressed=true] .world-map__fly{opacity:1;animation:.6s cubic-bezier(.2,0,0,1) infinite alternate here-fly-buzz;transform:scale(1.08)}@keyframes here-fly-buzz{to{transform:translate(1px,-1px)rotate(3deg)scale(1.08)}}.world-map__here:focus-visible{outline-offset:2px;outline:1px solid}@media (prefers-reduced-motion:reduce){.world-map,.world-map__land{transition:none;animation:none}.world-map__here:before,.world-map__fly{transition:none}.world-map__here:hover:before,.world-map__here:focus-visible:before,.world-map__here[aria-pressed=true]:before{transform:scale(1)}.world-map__here:hover .world-map__fly,.world-map__here:focus-visible .world-map__fly,.world-map__here[aria-pressed=true] .world-map__fly{animation:none;transform:scale(1)}}.glyph-ring{--glyph:clamp(3px, .6vmin, 6px);--wash-size:calc(var(--ring-radius) * 2.3);z-index:2;pointer-events:none;width:0;height:0;rotate:var(--turn);transition:rotate 1.4s var(--ease-orbit);position:absolute;top:50%;left:50%}.glyph{width:var(--glyph);height:var(--glyph);margin:calc(var(--glyph) / -2);pointer-events:none;transform:rotate(var(--a)) translateY(calc(var(--ring-radius) * -1)) rotate(calc(var(--a) * -1)) scale(var(--s,1));animation:fade-in 1.2s cubic-bezier(.2, 0, 0, 1) calc(var(--k) * 16ms) both;position:absolute}.glyph--oval .colony,.glyph--cross svg{rotate:calc(var(--turn) * -1);transition:rotate 1.4s var(--ease-orbit)}.glyph--cross svg{animation:cross-life 9s ease-in-out calc(var(--k) * -136ms) infinite}.glyph:not(.glyph--cross){--cell:calc(var(--ring-radius) * .046);width:var(--cell);height:var(--cell);margin:calc(var(--cell) / -2)}.colony{transform-origin:50%;position:absolute;inset:0}.cell{width:calc(100% * (var(--stretch) + var(--wide) * (1 - var(--stretch))));height:calc(100% * (1 - var(--wide) * (1 - var(--stretch))));background:var(--color-ink);animation:cell-life 14s ease-in-out calc(var(--k) * -640ms) infinite;border-radius:50%;transition:background-color .6s cubic-bezier(.2,0,0,1);position:absolute;top:50%;left:50%;translate:-50% -50%}.glyph--cross{--size:calc(var(--glyph) * 4);width:var(--size);height:var(--size);margin:calc(var(--size) / -2);color:var(--color-ink);transition:color .6s cubic-bezier(.2,0,0,1)}.coptic-cross{fill:none;stroke:currentColor;stroke-width:1px;width:100%;height:100%;display:block;overflow:visible}.coptic-cross polygon{vector-effect:non-scaling-stroke}.glyph-segment:hover .cell,.glyph-segment:focus-within .cell,.glyph-segment[data-active] .cell{background:var(--tone)}.glyph-segment:hover .glyph--cross,.glyph-segment:focus-within .glyph--cross,.glyph-segment[data-active] .glyph--cross{color:var(--tone)}.mosaic-frame[data-open] .glyph--cross svg{animation:none;scale:1}.glyph-hit{width:calc(var(--ring-radius) * 2.4);height:calc(var(--ring-radius) * 2.4);margin:calc(var(--ring-radius) * -1.2);transform:rotate(var(--a));color:inherit;pointer-events:auto;touch-action:none;-webkit-touch-callout:none;display:block;position:absolute}.glyph-segment:focus-within .glyph{outline-offset:2px;outline:1px solid}.glyph-hit:focus-visible{outline:none}.glyph-wash{z-index:1;width:var(--wash-size);height:var(--wash-size);margin:calc(var(--wash-size) / -2);pointer-events:none;opacity:0;visibility:hidden;-webkit-mask-mode:alpha;transition:opacity .6s cubic-bezier(.2,0,0,1),visibility 0s linear .6s;position:absolute;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-source-type:alpha;mask-mode:alpha}.mosaic-frame[data-open] .glyph-wash{opacity:1;visibility:visible;transition:opacity .6s cubic-bezier(.2,0,0,1),visibility}.glyph-wash__still{background:color-mix(in oklch, var(--wash-tone) 25%, var(--color-page));rotate:calc(var(--turn) * -1);transition:rotate 1.4s var(--ease-orbit);position:absolute;inset:0}.glyph-wash__slot{mix-blend-mode:multiply;width:200px;height:200px;filter:blur(var(--wash-blur,0px)) saturate(2.2);transform:scale(var(--wash-scale,1));transform-origin:50%;margin:-100px 0 0 -100px;position:absolute;top:50%;left:50%}.glyph-wash__canvas{width:100%;height:100%;display:block}@property --turn{syntax:"<angle>";inherits:true;initial-value:0deg}@keyframes cell-life{0%,to{scale:1}50%{scale:1.08}}@keyframes cross-life{0%,to{scale:1}50%{scale:1.3}}@keyframes fade-in{0%{opacity:0}}.mosaic-frame[data-dial] .glyph-ring,.mosaic-frame[data-dial] .glyph--oval .colony,.mosaic-frame[data-dial] .glyph--cross svg,.mosaic-frame[data-dial] .glyph-wash__still{transition:none}.mosaic-frame[data-scroll] .glyph-ring,.mosaic-frame[data-scroll] .glyph--oval .colony,.mosaic-frame[data-scroll] .glyph--cross svg,.mosaic-frame[data-scroll] .glyph-wash__still{transition-duration:.48s}.mosaic-frame[data-scroll] .mosaic-plate{transition-duration:.42s}.mosaic-frame[data-scroll] .mosaic-bleed{transition:opacity .42s cubic-bezier(.2,0,0,1),visibility 0s linear .42s}.mosaic-frame[data-scroll] .mosaic[data-open] .mosaic-bleed{transition:opacity .42s cubic-bezier(.2,0,0,1),visibility}@media (prefers-reduced-motion:reduce){.glyph-ring,.glyph,.cell,.glyph--oval .colony,.glyph--cross svg,.glyph-wash,.glyph-wash__still,.mosaic-frame[data-scroll] .glyph-ring,.mosaic-frame[data-scroll] .glyph--oval .colony,.mosaic-frame[data-scroll] .glyph--cross svg,.mosaic-frame[data-scroll] .glyph-wash__still{transition:none;animation:none}.cell,.glyph--cross svg{scale:none}}.ring-caption{top:var(--gutter);right:var(--gutter);z-index:2;text-align:right;pointer-events:none;margin:0;transition:opacity .4s cubic-bezier(.2,0,0,1);position:fixed}.ring-caption span{font-variant-numeric:tabular-nums;display:block}.mosaic-index{top:var(--gutter);right:var(--gutter);z-index:2;position:fixed}.mosaic-index ol{margin:0;padding:0;list-style:none}.mosaic-index a{color:inherit;text-decoration:none}.mosaic-index a:hover,.mosaic-index a[data-active]{text-underline-offset:2px;text-decoration:underline;text-decoration-thickness:1px}.mosaic-index a:focus-visible{outline-offset:4px;outline:1px solid}.mosaic-index__number{font-variant-numeric:tabular-nums;margin-right:.6em}@media (max-width:720px){:root{--ring-radius:min(40vmin, 22rem)}}.project{gap:calc(var(--gutter) * .65);padding:var(--gutter);grid-template-rows:auto minmax(0,1fr) auto;display:grid;position:fixed;inset:0;overflow:hidden}.project[data-services]{grid-template-rows:auto minmax(0,1fr)}.project[data-services] .project-foot{display:none}.project p,.project h1{font:inherit;margin:0}.project a{color:inherit;text-decoration:none}.project a:hover,.project-bottom a,.project-foot a,.trail a,.trail [aria-current]{text-underline-offset:2px;text-decoration:underline;text-decoration-thickness:1px}.project a:focus-visible{outline-offset:4px;outline:1px solid}.project-slides:focus-visible{outline:none}.project-slides:focus-visible img.is-active{outline-offset:-6px;outline:1px solid}.project-top{justify-content:space-between;align-items:start;gap:calc(var(--gutter) * 3);display:flex}.project-text{max-width:52rem}.project-close{flex-shrink:0}.project-head{align-items:start;gap:calc(var(--gutter) * 2);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.project-services{justify-self:end}.trail{text-overflow:ellipsis;white-space:nowrap;margin:-6px;padding:6px;overflow:hidden}.project-missing{place-self:center}.project-stage{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);place-items:center;min-width:0;min-height:0;display:grid;position:relative;overflow:hidden;container-type:size}.home-side.project-stage{position:absolute;inset:0}.project-stage[data-side=prev]{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='14' viewBox='0 0 28 14'%3E%3Cpath fill='%23181818' d='M6.73 1.02L7.77 1.02Q6.96 2.64 6.56 3.29Q6.15 3.94 5.1 5.25L26.91 5.25L26.91 6.63L5.1 6.63Q6.52 8.11 7.81 10.85L6.74 10.85Q4.98 8.88 3.71 7.87Q2.43 6.85 1.08 6.19L1.08 5.58Q2.27 5.07 3.6 4.03Q4.92 2.99 6.73 1.02Z'/%3E%3C/svg%3E") 1 6,w-resize}.project-stage[data-side=next]{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='14' viewBox='0 0 28 14'%3E%3Cpath fill='%23181818' d='M21.26 1.02Q23.08 3.01 24.4 4.04Q25.73 5.07 26.91 5.58L26.91 6.19Q25.55 6.85 24.28 7.87Q23.01 8.88 21.25 10.85L20.19 10.85Q21.48 8.11 22.89 6.63L1.08 6.63L1.08 5.25L22.89 5.25Q21.85 3.92 21.44 3.28Q21.03 2.64 20.22 1.02Z'/%3E%3C/svg%3E") 27 6,e-resize}.project-slides{pointer-events:none;background:0 0;border:0;grid-template:minmax(0,1fr)/minmax(0,1fr);width:100%;min-width:0;height:100%;min-height:0;padding:0;display:grid;position:absolute;inset:0}.project-slides img{object-fit:contain;object-position:center;opacity:0;border-radius:5px;grid-area:1/1;width:100%;height:100%}.project-slides:not([data-blend]) img.is-active{opacity:1}.project-slides[data-blend] img{transition:opacity .92s cubic-bezier(.2,0,0,1)}.project-slides[data-blend] img.is-active{z-index:1;opacity:1}.project-slides[data-blend] img.is-leaving{z-index:2;opacity:0}@media (prefers-reduced-motion:reduce){.project-slides[data-blend] img{transition:none}.project-slides[data-blend] img.is-leaving{opacity:0}}.project-bottom{justify-content:space-between;align-items:end;gap:var(--gutter);flex-wrap:wrap;display:flex}.project-foot{align-items:end;column-gap:var(--gutter);grid-template-columns:minmax(0,1fr) minmax(0,auto);display:grid}.project-about{text-wrap:pretty;gap:.25rem;min-width:0;max-width:34rem;display:grid}.project-actions{justify-self:end;justify-items:stretch;gap:.35rem;width:20rem;min-width:0;max-width:100%;display:grid}.project-actions__row{align-items:baseline;gap:var(--gutter);width:100%;margin:0;display:flex}.project-actions__next{text-align:right;white-space:nowrap;margin-left:auto}@media (max-width:40rem){.project-foot{row-gap:calc(var(--gutter) * .65);grid-template-columns:minmax(0,1fr)}.project-actions{justify-self:end;justify-items:stretch;width:auto;max-width:100%}}.project-toggle{color:inherit;font:inherit;line-height:inherit;vertical-align:baseline;cursor:pointer;background:0 0;border:0;padding:0;display:inline}.project-toggle:hover,.project-toggle[aria-pressed=true]{text-underline-offset:2px;text-decoration:underline;text-decoration-thickness:1px}.project-toggle:focus-visible{outline-offset:4px;outline:1px solid}.project-thumbs{scrollbar-width:none;justify-content:flex-start;gap:.25rem;width:20rem;max-width:100%;min-height:1.65rem;margin:-2px;padding:2px;display:flex;overflow-x:auto}.project-thumb{cursor:pointer;background:0 0;border:0;border-radius:0;flex:none;place-items:center;width:2.35rem;height:1.65rem;padding:0;display:grid}.project-thumb:hover,.project-thumb:focus-visible,.project-thumb[aria-current]{outline-offset:2px;outline:1px solid}.project-thumb img{object-fit:contain;object-position:center;width:auto;max-width:100%;height:auto;max-height:1.5rem;display:block}@media (max-width:52rem){.project-head{gap:.75rem var(--gutter);grid-template-columns:minmax(0,1fr) auto}.trail{grid-area:2/1/auto/-1}}.project-stage:has(.branches){place-items:stretch center}.project-stage .branches{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;place-self:stretch center;width:min(100%,34rem);min-height:0;max-height:100%;margin:0;padding-block:.15rem .35rem;overflow:hidden auto}.branches{--tick:1.25rem;--row:1.45em;line-height:var(--row);text-align:left}.branches a{overflow-wrap:anywhere}.branches-lede{margin:0 0 calc(var(--gutter) * .85);text-align:center;text-wrap:pretty;max-width:100%}.branches-list{margin:0;padding:0;list-style:none}.branches-list>li+li{margin-top:calc(var(--gutter) * .85)}.branch-related{color:#1818186b;color:lab(8.36% -.00000745058 0/.42);margin:.2rem 0 .35rem}.branches-family{margin-top:calc(var(--gutter) * 1.25)}.branches-family ul,.branches ul{margin:0;padding:0;list-style:none}.branches ul ul{margin-left:clamp(.15em,2vw,.3em)}.branches ul ul li{padding-left:calc(var(--tick) + .4rem);position:relative}.branches ul ul li:before,.branches ul ul li:after{content:"";transition:transform .5s cubic-bezier(.2,0,0,1);transition-delay:calc(var(--i,0) * 45ms);position:absolute;left:0}.branches ul ul li:before{transform-origin:top;border-left:1px solid;top:0;bottom:0}.branches ul ul li:last-child:before{height:calc(var(--row) / 2);bottom:auto}.branches ul ul li:after{top:calc(var(--row) / 2);width:var(--tick);transform-origin:0;border-top:1px solid}.branch-row{transition:opacity .5s cubic-bezier(.2,0,0,1),color .2s;transition-delay:calc(var(--i) * 45ms), 0s;display:inline-block}.branch-discipline:before{content:"";vertical-align:.1em;background:currentColor;width:.4em;height:.4em;margin-right:.45em;display:inline-block}.branches[data-grown=false] .branch-row{opacity:0}.branches[data-grown=false] li:before{transform:scaleY(0)}.branches[data-grown=false] li:after{transform:scaleX(0)}.branches:has(a:hover,a:focus-visible) .branch-row{color:#18181859;color:lab(8.36% -.00000745058 0/.35)}.branches li:has(a:hover,a:focus-visible)>.branch-row{color:var(--color-ink)}@media (max-width:40rem),(max-height:36rem){.project-stage .branches{width:100%;padding-block:0}.branches{--tick:1rem;--row:1.35em}.branches-lede{margin-bottom:calc(var(--gutter) * .65)}.branches-list>li+li{margin-top:calc(var(--gutter) * .55)}.branches-family{margin-top:calc(var(--gutter) * .75)}.branches ul ul li{padding-left:calc(var(--tick) + .25rem)}}@media (prefers-reduced-motion:reduce){.branches *,.branches :before,.branches :after{transition:none!important}}.project.information .project-top{justify-content:center}.project.information .project-text{text-align:center;max-width:none}.project.person .person-slides{flex-direction:column;align-items:center;display:flex}.project.person .person-portrait{width:min(11rem,46vw)}.project.person .person-portrait:has(.cross-glyph){aspect-ratio:4/3}.project.person .person-portrait img{border-radius:5px;width:100%;height:auto;display:block}.project.person .person-portrait .cross-glyph{border-radius:5px;width:100%;height:100%;display:block}.project.person .person-name{margin-top:calc(var(--gutter) * 1.25)}.project.person .person-role{margin-top:.35rem}.project.person .person-bio{margin-top:.75rem}.project.person .person-work{margin-top:calc(var(--gutter) * 4)}.information-link{left:50%;bottom:var(--gutter);z-index:3;color:inherit;text-decoration:none;position:fixed;translate:-50%}.information-link:hover,.information-link:focus-visible{text-underline-offset:2px;text-decoration:underline;text-decoration-thickness:1px}.information-link:focus-visible{outline-offset:4px;outline:1px solid}.information-slides{text-align:center;max-width:36rem}.information-slides[data-moved] .information-slide{animation:.4s cubic-bezier(.2,0,0,1) information-in}@keyframes information-in{0%{opacity:0}}.information-line{margin:0}.information-facts{justify-items:center;gap:.35rem;font-style:normal;display:grid}.information-slide a{cursor:pointer}.information-slide nav a{white-space:nowrap}@media (prefers-reduced-motion:reduce){.information-slides[data-moved] .information-slide{animation:none}}.sound-toggle{right:var(--gutter);bottom:var(--gutter);z-index:3;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:0;position:fixed}.sound-toggle:hover{text-underline-offset:2px;text-decoration:underline;text-decoration-thickness:1px}.sound-toggle:focus-visible{outline-offset:3px;outline:1px solid}.tone-dot{color:var(--tone)}.cross-glyph{background:var(--tone);border-radius:3px;height:100%;display:block;position:relative}.cross-glyph--neutral{background:#eee;background:lab(94.2% 0 0)}.cross-glyph span{aspect-ratio:1;background:var(--color-page);height:13%;position:absolute;top:50%;left:50%;translate:-50% -50%}.cross-glyph span:first-child{height:18%}.cross-glyph span:nth-child(2){translate:-194% -50%}.cross-glyph span:nth-child(3){translate:94% -50%}.cross-glyph span:nth-child(4){translate:-50% -194%}.cross-glyph span:nth-child(5){translate:-50% 94%}.project .person-link{text-decoration:underline;-webkit-text-decoration-color:var(--tone);text-decoration-color:var(--tone);text-underline-offset:3px;text-decoration-thickness:2px}.project .person-link:hover{text-decoration-color:currentColor}.placeholder{color:#696969;color:lab(44.32% 0 0);font-style:italic}.person-work a{white-space:nowrap}.mosaic-stage{place-content:center;justify-items:center;gap:calc(var(--gutter) * 1.5);display:grid;position:absolute;inset:0}.mosaic,.mosaic-pager,.mosaic-index{pointer-events:auto}.mosaic{--cell:calc(var(--ring-radius) * 1.55 / var(--cols));width:calc(var(--cols) * var(--cell));height:calc(var(--rows) * var(--cell));color:inherit;touch-action:none;-webkit-touch-callout:none;display:block;position:relative}.mosaic:focus-visible{outline-offset:8px;outline:1px solid}.mosaic-frame{width:calc(var(--ring-radius) * 2 + 2rem);aspect-ratio:1;-webkit-user-select:none;user-select:none;place-items:center;display:grid;position:relative}.mosaic[data-shape=ring]{--cell:calc(var(--ring-radius) / 8.4);border-radius:50%}.mosaic-index li{opacity:0;transition:opacity .4s cubic-bezier(.2, 0, 0, 1) calc(var(--k) * 25ms), translate .4s cubic-bezier(.2, 0, 0, 1) calc(var(--k) * 25ms);translate:0 -.4em}.mosaic-index[data-open] li{opacity:1;translate:0}.mosaic-index li:has(a:focus-visible){opacity:1;translate:0}.mosaic-index:not([data-open]){pointer-events:none}.ring-caption[data-hidden]{opacity:0}.mosaic-caption{pointer-events:auto;cursor:default}.mosaic-caption[data-hidden]{pointer-events:none}.mosaic-field{top:calc(var(--cell) * -.5);left:calc(var(--cell) * -.5);width:calc((var(--cols) + 1) * var(--cell));height:calc((var(--rows) + 1) * var(--cell));pointer-events:none;position:absolute}.mosaic-ground,.mosaic-plate{clip-path:circle(0);position:absolute;inset:0}.mosaic-ground{background:var(--tone);transition:background-color .6s cubic-bezier(.2,0,0,1)}.mosaic[data-open] .mosaic-ground{background-color:#0000}.mosaic-plate{isolation:isolate;background:var(--tone);backface-visibility:hidden;transition:background-color .9s cubic-bezier(.2,0,0,1)}.mosaic[data-open] .mosaic-plate{background-color:color-mix(in oklch, var(--tone) 25%, var(--color-page))}.mosaic-bleed{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .9s cubic-bezier(.2,0,0,1),visibility 0s linear .9s;position:absolute;inset:0}.mosaic[data-open] .mosaic-bleed{opacity:1;visibility:visible;transition:opacity .9s cubic-bezier(.2,0,0,1),visibility}.mosaic-bleed__lift{width:var(--bleed-w,200px);height:var(--bleed-h,200px);opacity:.92;filter:blur(var(--bleed-blur,0px));transform:scale(var(--bleed-sx,1), var(--bleed-sy,1));transform-origin:0 0;position:absolute;top:0;left:0}.mosaic-bleed__canvas{width:100%;height:100%;display:block}.mosaic-image{z-index:0;--ratio:1;width:calc(100% * var(--zoom,1) * max(1, var(--ratio)));height:calc(100% * var(--zoom,1) * max(1, 1 / var(--ratio)));object-fit:fill;translate:calc(var(--focus-x,50%) * -1) calc(var(--focus-y,50%) * -1);mix-blend-mode:multiply;-webkit-user-select:none;user-select:none;position:absolute;top:50%;left:50%}@supports not (translate:1px 0){.mosaic-image{transform:translate(calc(var(--focus-x,50%) * -1), calc(var(--focus-y,50%) * -1));translate:none}}.mosaic-pager{touch-action:none;gap:.35em;margin-block:-.9rem;padding-block:.9rem;display:flex}.mosaic-pager button{color:var(--color-ink);font:inherit;cursor:pointer;touch-action:none;background:0 0;border:0;padding:0;transition:color .4s cubic-bezier(.2,0,0,1);position:relative}.mosaic-pager button:after{content:"";position:absolute;inset:-.9rem -.18em}.mosaic-pager button:hover,.mosaic-pager button:focus-visible,.mosaic-pager button[aria-current]{color:var(--tone)}.mosaic-pager button:focus-visible{outline-offset:3px;outline:1px solid}@media (prefers-reduced-motion:reduce){.mosaic-ground,.mosaic-plate,.mosaic-bleed,.mosaic-frame,.mosaic-index li{transition:none}}::view-transition-group(*){animation-duration:.8s;animation-timing-function:var(--ease-orbit)}::view-transition-old(*){object-fit:contain;object-position:center;width:100%;height:100%}::view-transition-new(*){object-fit:contain;object-position:center;width:100%;height:100%}:root[data-transition]:not([data-morph]) *{view-transition-name:none!important}::view-transition-old(root){animation:none}::view-transition-new(root){animation:none}:root[data-transition=open]::view-transition-new(root){animation:iris .8s var(--ease-orbit) both}:root[data-transition=close]::view-transition-old(root){z-index:1;animation:iris .8s var(--ease-orbit) reverse both}@keyframes iris{0%{clip-path:circle(0 at var(--iris-x) var(--iris-y));-webkit-clip-path:circle(0 at var(--iris-x) var(--iris-y))}to{clip-path:circle(var(--iris-r) at var(--iris-x) var(--iris-y));-webkit-clip-path:circle(var(--iris-r) at var(--iris-x) var(--iris-y))}}.tool{gap:var(--gutter);min-height:100dvh;padding:var(--gutter);grid-template-rows:auto minmax(0,1fr) auto;display:grid}.tool-top{justify-content:space-between;align-items:start;gap:var(--gutter);display:flex}.tool-top a{color:inherit;text-decoration:none}.tool-top a:hover,.tool-top a:focus-visible{text-underline-offset:2px;text-decoration:underline;text-decoration-thickness:1px}.tool-top a:focus-visible{outline-offset:4px;outline:1px solid}.tool-stage{place-items:center;min-height:0;display:grid}.tool-film{--ring:8rem;isolation:isolate;width:min(100%, 34rem, calc((100dvh - 18rem) * var(--fit,1)));aspect-ratio:var(--aspect,1);background:var(--color-page);outline-offset:-1px;outline:1px solid #0000001a;outline:1px solid lab(0% 0 0/.1);position:relative;overflow:hidden}.tool-base,.tool-plate,.tool-plate img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.tool-base{opacity:0;transition:opacity .8s cubic-bezier(.2,0,0,1)}.tool-base[data-on]{opacity:1}.tool-plate{z-index:1}.tool-film[data-style=through] .tool-base,.tool-film[data-style=on] .tool-plate{opacity:0}.tool-glyph{z-index:2;left:var(--gx,50%);top:var(--gy,40%);pointer-events:none;width:0;height:0;rotate:var(--turn,0deg);position:absolute}.tool-dot-wrap,.tool-cross{width:calc(var(--ring) * .064);height:calc(var(--ring) * .064);margin:calc(var(--ring) * -.032);transform:rotate(var(--a)) translateY(calc(var(--ring) * -1)) rotate(calc(var(--a) * -1)) scale(var(--s,1));position:absolute;top:0;left:0}.tool-cell{width:calc(100% * (var(--stretch) + var(--wide) * (1 - var(--stretch))));height:calc(100% * (1 - var(--wide) * (1 - var(--stretch))));background:var(--color-ink);translate:-50% -50%;rotate:calc(var(--turn,0deg) * -1);animation:cell-life 14s ease-in-out calc(var(--k) * -640ms) infinite;border-radius:50%;position:absolute;top:50%;left:50%}.tool-cross{width:calc(var(--ring) * .28);height:calc(var(--ring) * .28);margin:calc(var(--ring) * -.14);color:var(--color-ink)}.tool-cross svg,.tool-stamp-cross svg{fill:none;stroke:currentColor;stroke-width:2px;width:100%;height:100%;filter:drop-shadow(0 0 .6px var(--color-page)) drop-shadow(0 0 .6px var(--color-page));animation:cross-life 9s ease-in-out calc(var(--k) * -136ms) infinite;display:block;overflow:visible}.tool-cross svg{rotate:calc(var(--turn,0deg) * -1)}.tool-cross svg polygon,.tool-stamp-cross svg polygon{vector-effect:non-scaling-stroke}.tool-film[data-style=through] .tool-cell{background:var(--tone)}.tool-film[data-style=through] .tool-cross{color:var(--tone)}.tool-film[data-style=stamp] .tool-glyph{opacity:0}.tool-stamp-cross{z-index:3;left:var(--sx,50%);top:var(--sy,50%);width:calc(var(--ring) * .28);height:calc(var(--ring) * .28);margin:calc(var(--ring) * -.14);color:var(--color-ink);pointer-events:none;display:none;position:absolute}.tool-film[data-style=stamp] .tool-stamp-cross{display:block}.tool-words{z-index:4;color:var(--color-ink);text-align:center;pointer-events:none;opacity:var(--words,1);margin:0;transition:opacity .5s cubic-bezier(.2,0,0,1);position:absolute;bottom:6%;left:8%;right:8%}.tool-words>span{display:block}.tool-film[data-style=through] .tool-bullet{color:var(--tone)}.tool-film[data-style=on] .tool-words,.tool-film[data-style=stamp] .tool-words{color:var(--color-page);mix-blend-mode:difference;text-align:right;inset:6% 6% auto 18%}.tool-film[data-playing=false] .tool-cell,.tool-film[data-playing=false] .tool-cross svg,.tool-film[data-playing=false] .tool-stamp-cross svg{animation-play-state:paused}.tool-form{gap:.85rem;width:min(100%,36rem);margin-inline:auto;display:grid}.tool-form p,.tool-form label{margin:0}.tool-sentence{line-height:1.9}.tool button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:0;transition:scale .15s cubic-bezier(.2,0,0,1);position:relative}.tool button:after{content:"";position:absolute;inset:-.25rem -.08rem}.tool button:hover,.tool button:focus-visible,.tool button[aria-pressed=true]{text-underline-offset:2px;text-decoration:underline;text-decoration-thickness:1px}.tool button[aria-pressed=true]{color:var(--tone,var(--color-ink))}.tool button:focus-visible,.tool input:focus-visible,.tool-top a:focus-visible{outline-offset:3px;outline:1px solid}.tool button:active{scale:.96}.tool button:disabled{cursor:progress;opacity:.55}.tool button:disabled:active{scale:none}.tool label{display:block}.tool input{width:100%;color:inherit;font:inherit;background:0 0;border:0;border-bottom:1px solid;border-radius:0;margin-top:.15rem;padding:.2rem 0 .25rem;display:block}@media (max-width:720px){.tool{grid-template-rows:auto auto auto}}@media (prefers-reduced-motion:reduce){.tool button,.tool-base,.tool-words{transition:none}.tool button:active{scale:none}.tool-cell,.tool-cross svg,.tool-stamp-cross svg{animation:none}}