/* Creative 3's page curtain, original SVG mark and teal pointer companion. */
.page-transition{position:fixed;inset:0;z-index:10000;pointer-events:none;visibility:hidden;overflow:hidden;contain:layout paint}
.page-transition-layer{position:absolute;inset:0;transform:translateY(101%)}
.page-transition-layer--teal{background:var(--teal,#2fe2cb)}
.page-transition-layer--paper{background:#fff}
.page-transition-layer--ink{background:var(--ink,#171918);display:grid;place-items:center}
.page-transition-mark{width:min(68vw,820px);line-height:0}
.page-transition-mark svg{width:100%;height:auto;display:block;overflow:hidden}
html.c3-entering .page-transition,html.c3-leaving .page-transition{visibility:visible;pointer-events:all}
html.c3-entering .page-transition-layer{transform:translateY(0)}
html.c3-entering .letter-headline .headline-char{opacity:0}
/* The base dot grows to 72px on controls and 120px on project images. */
.c3-cursor{position:fixed;left:0;top:0;width:120px;height:120px;margin:-60px 0 0 -60px;pointer-events:none;z-index:11000;opacity:0;visibility:hidden;transform-origin:center;will-change:transform;mix-blend-mode:normal}
.c3-cursor-disc{position:absolute;inset:0;border-radius:50%;background:var(--teal)}
.c3-cursor-ring{position:absolute;inset:0;display:block;width:100%;height:100%;opacity:0;transform-origin:50% 50%;transition:opacity .2s}
.c3-cursor[data-mode="link"],.c3-cursor[data-mode="discover"]{mix-blend-mode:difference}
.c3-cursor[data-mode="discover"] .c3-cursor-ring{opacity:1}
.c3-cursor-label{position:absolute;inset:0;display:grid;place-items:center;color:var(--ink);font-size:18px;font-weight:700;line-height:1;white-space:nowrap}
.c3-cursor[data-mode="spark"] .c3-cursor-label{font-size:60px;font-weight:400}
/* A second copy travels through each word mask, like a vertical letter reel. */
.headline.letter-headline em .type-roll-stack>span{text-decoration:underline;text-decoration-color:var(--teal);text-decoration-thickness:.1em;text-underline-offset:.1em}
[data-type-roll] .type-roll-stack{position:relative;display:inline-block}
[data-type-roll] .type-roll-copy{position:absolute;left:0;top:110%;white-space:nowrap;pointer-events:none}
@media(max-width:760px){.page-transition-mark{width:76vw}.c3-cursor{display:none!important}}
@media(hover:none),(pointer:coarse),(prefers-reduced-motion:reduce){.c3-cursor{display:none!important}}
@media(prefers-reduced-motion:reduce){.page-transition{display:none!important}html.c3-entering .letter-headline .headline-char{opacity:1}[data-type-roll] .type-roll-stack{transform:none!important}[data-type-roll] .type-roll-copy{display:none}}
@media print{.page-transition,.c3-cursor{display:none!important}}