.intro{height:100svh;padding:var(--page-pad-y) var(--page-pad-x) 4.5rem;grid-template-rows:1fr auto;grid-template-columns:minmax(18rem,1fr) 50%;column-gap:clamp(3rem,8vw,16rem);display:grid;overflow:hidden}.intro__left{flex-direction:column;grid-area:1/1;max-width:28.875rem;min-height:0;padding-top:1.25rem;display:flex}.intro__grid{grid-area:1/2;min-width:0;height:100%;min-height:0;position:relative}.intro__copyright{letter-spacing:-.02em;color:var(--color-muted);grid-area:2/1;margin:0;padding-top:3rem;font-size:.75rem;line-height:1.5}.intro__title{letter-spacing:-.02em;color:var(--color-ink);margin:0;font-size:3rem;font-weight:400;line-height:1}.intro__title-sans{font-family:var(--font-sans);font-style:normal}.intro__title-serif{font-family:var(--font-serif);font-style:italic}.intro__copy{--prose-ease:cubic-bezier(.33, .05, .2, 1);flex-direction:column;max-width:28.875rem;margin-top:auto;display:flex}.intro__prose{padding-bottom:1em}.intro__prose-stack{flex-direction:column;justify-content:flex-end;gap:2.5rem;min-height:0;display:flex;overflow:hidden}.intro__prose-item{opacity:0;transition:opacity 1.05s var(--prose-ease), transform 1.2s var(--prose-ease);transition-delay:calc((2 - var(--i,0)) * .12s);transform:translateY(.55rem)}.intro__copy--open .intro__prose-item{opacity:1;transition-delay:calc(var(--i,0) * .16s);transform:none}.intro__trigger{width:6rem;height:6rem;color:var(--color-ink);cursor:pointer;background:0 0;border:0;flex-shrink:0;place-items:center;margin:0;padding:0;display:grid}.intro__trigger--mobile,.intro__trigger--overlay-close{display:none}.intro__trigger svg{width:51px;height:47px;display:block}.intro__swoosh-trace,.intro__swoosh-draw{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.intro__swoosh-trace{transition:opacity .3s}.intro__swoosh-draw{stroke-dasharray:1;stroke-dashoffset:-1px;transition:stroke-dashoffset .9s cubic-bezier(.45,0,.2,1)}@media (hover:hover) and (pointer:fine){.intro__trigger:hover .intro__swoosh-trace{opacity:.14}.intro__trigger:hover .intro__swoosh-draw{stroke-dashoffset:0}}.intro__trigger:focus-visible .intro__swoosh-trace{opacity:.14}.intro__trigger:focus-visible .intro__swoosh-draw{stroke-dashoffset:0}.intro__trigger:focus-visible{outline:2px solid var(--color-ink);outline-offset:3px}.intro__copy-text{letter-spacing:-.02em;margin:0;font-size:.8125rem;line-height:1.5}.intro__copy-text p{margin:0}.intro__copy-text p+p{margin-top:1.5em}.intro__copy-text em{font-family:var(--font-serif);font-style:italic;font-weight:400}.intro__quote{max-width:23.625rem;font-family:var(--font-serif);white-space:pre-line;margin:0;font-size:1.25rem;font-style:italic;font-weight:400;line-height:1.1}.intro__quote p{margin:0}.intro__copyright small{font-size:inherit}.intro__copyright a:hover{color:var(--color-ink)}.intro__copyright a:focus-visible{outline:2px solid var(--color-ink);outline-offset:3px}.color-grid{--cols:6;--rows:6;--grid-in-duration:1.2s;--grid-in-stagger:40ms;--grid-in-delay:.12s;--grid-in-ease:cubic-bezier(.33, .05, .2, 1);grid-template-columns:repeat(var(--cols), minmax(0, 1fr));grid-template-rows:repeat(var(--rows), minmax(0, 1fr));gap:var(--dot-gap);width:100%;height:100%;margin:0;padding:0;list-style:none;display:grid;position:absolute;inset:0}.color-grid>li{z-index:0;transform-origin:50%;place-items:center;min-width:0;min-height:0;display:grid;position:relative}.color-grid>li:hover,.color-grid>li:focus-within{z-index:2}.color-dot{--dot-ease:cubic-bezier(.22, 1, .36, 1);--dot-move:1s;--dot-fade:.8s;width:var(--dot-size,100%);aspect-ratio:1;animation:color-grid-in var(--grid-in-duration) calc(var(--i,0) * var(--grid-in-stagger) + var(--grid-in-delay)) var(--grid-in-ease) both;border-radius:50%;outline:none;display:block;position:relative;overflow:visible}.color-dot:before{content:"";z-index:0;background-color:var(--swatch);transition:transform var(--dot-move) var(--dot-ease), filter var(--dot-move) var(--dot-ease);border-radius:50%;position:absolute;inset:0}.color-dot:focus-visible{outline:2px solid var(--color-ink);outline-offset:3px}.color-dot__tip{letter-spacing:-.02em;color:var(--color-ink);white-space:nowrap;opacity:0;pointer-events:none;transition:transform var(--dot-move) var(--dot-ease), opacity var(--dot-fade) var(--dot-ease);margin:0 .45em 0 0;font-size:.625rem;font-weight:500;line-height:1;position:absolute;top:50%;right:100%;transform:translate(-.3em,-50%)}.color-dot__photo,.color-dot__thumbnail{opacity:0;pointer-events:none;transition:transform var(--dot-move) var(--dot-ease), opacity var(--dot-fade) var(--dot-ease);border-radius:50%;position:absolute;inset:0;overflow:hidden}.color-dot__photo{z-index:1;transform:translate(4%)rotate(2deg)}.color-dot__thumbnail{z-index:2;transform:translate(11%)rotate(3deg)}.color-dot__photo:not(:has(img)),.color-dot__thumbnail:not(:has(img)){display:none}.color-dot__photo img,.color-dot__thumbnail img{object-fit:cover;width:100%;height:100%;display:block}@media (hover:hover) and (pointer:fine){.color-grid:has(.color-dot:hover) .color-dot:not(:hover):before{filter:saturate(0)contrast(1.25)}.color-dot:hover:before{transform:translate(-10%)}.color-dot:hover .color-dot__tip{opacity:1;transform:translate(-.8em,-50%)}.color-dot:hover .color-dot__photo{opacity:1;transform:translate(10%)rotate(5deg)}.color-dot:hover .color-dot__thumbnail{opacity:1;transform:translate(30%)rotate(7deg)}}.color-grid:has(.color-dot:focus-visible) .color-dot:not(:focus-visible):before{filter:saturate(0)contrast(1.25)}.color-dot:focus-visible:before{transform:translate(-10%)}.color-dot:focus-visible .color-dot__tip{opacity:1;transform:translate(-.65em,-50%)}.color-dot:focus-visible .color-dot__photo{opacity:1;transform:translate(10%)rotate(5deg)}.color-dot:focus-visible .color-dot__thumbnail{opacity:1;transform:translate(30%)rotate(7deg)}@media (prefers-reduced-motion:reduce){.intro__prose,.intro__prose-item,.intro__swoosh-trace,.intro__swoosh-draw{transition:none}.color-dot{animation:none}.intro__swoosh-trace{opacity:1}.intro__swoosh-draw{display:none}.color-dot:before,.color-dot__tip,.color-dot__photo,.color-dot__thumbnail{transition:none}}@media (width<=1100px){:root{--page-pad-y:4rem;--page-pad-x:2.5rem;--dot-gap:1.15rem}.intro{flex-direction:column;row-gap:4rem;height:auto;min-height:0;padding-bottom:2.8rem;display:flex;overflow:visible}.intro__left{grid-area:auto/1;max-width:none;padding-top:0}.intro__title-row{justify-content:space-between;align-items:center;gap:2rem;display:flex}.intro__trigger--mobile{flex:0 0 4rem;width:4rem;height:4rem;display:grid}.intro__trigger--desktop{display:none}.intro__grid{grid-area:auto/1;height:auto;position:static}.intro__copyright{grid-area:auto/1;padding-top:0}.intro__copy{max-width:none;margin-top:0}.intro__prose{display:none}.intro__copy--open{z-index:10;background:var(--color-bg);animation:.45s cubic-bezier(.22,1,.36,1) both intro-overlay-in;display:block;position:fixed;inset:0;overflow-y:auto}.intro__copy--open .intro__prose{min-height:100%;padding:clamp(7rem, 15vh, 10rem) max(var(--page-pad-x), calc((100vw - 52rem) / 2)) var(--page-pad-y);display:block}.intro__copy--open .intro__prose-stack{justify-content:flex-start;max-width:36rem;margin:0 auto;overflow:visible}.intro__copy--open .intro__prose-item{animation:.7s cubic-bezier(.22,1,.36,1) both intro-overlay-content-in;animation-delay:calc((2 - var(--i,0)) * .11s + .1s)}.intro__copy--open .intro__copy-text{font-size:clamp(1rem,1.5vw,1.125rem);line-height:1.6}.intro__copy--open .intro__quote{max-width:34rem;font-size:clamp(1.625rem,3vw,2.25rem);line-height:1.15}.intro__copy--open .intro__trigger--overlay-close{z-index:1;top:var(--page-pad-y);right:var(--page-pad-x);width:auto;height:auto;font:inherit;padding:.625rem 1rem;font-size:.875rem;line-height:1;display:block;position:fixed}body.intro-overlay-open{overflow:hidden}.color-grid{grid-template-rows:none;grid-template-columns:repeat(auto-fill,minmax(8.5rem,1fr));grid-auto-rows:auto;height:auto;position:static}.color-dot{width:100%}}@keyframes color-grid-in{0%{opacity:0;transform:translateY(.55rem)}to{opacity:1;transform:none}}@keyframes intro-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes intro-overlay-content-in{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:none}}@keyframes intro-close-blink{0%,to{opacity:1}45%{opacity:.14}}@media (width<=1100px) and (hover:hover) and (pointer:fine){.intro__trigger--overlay-close:hover{animation:.7s cubic-bezier(.45,0,.2,1) intro-close-blink}}@media (width<=720px){:root{--page-pad-y:2rem;--page-pad-x:1.25rem;--dot-gap:.85rem}.intro__title{margin-top:.5em;font-size:2.25rem}.intro__prose-stack{gap:2rem}.color-grid{grid-template-columns:repeat(auto-fill,minmax(5.5rem,1fr))}}@media (width<=1100px) and (prefers-reduced-motion:reduce){.intro__copy--open,.intro__copy--open .intro__prose-item,.intro__trigger--overlay-close:hover{animation:none}}