@font-face{font-family:Amiri;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/amiri-latin-400-normal.woff2)format("woff2")}html{overflow-x:clip}:root{--paper:#fafafa;--ink:#171717;--muted:#666878;--tertiary:#746e7a;--rule:#1717171a;--logo-color:#b6bdc0;--portfolio-title-colour:#5c545f;--display-type:"Gill Sans", "Gill Sans MT", sans-serif;--display-transform:uppercase;--display-weight:400;--display-synthesis:none;--display-colour:#48404f;--display-tracking:.04em;--focus-ring:2px solid var(--ink);--focus-ring-offset:.25rem;color:var(--ink);background:var(--paper);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif}@supports (color:light-dark(#000, #fff)){:root{--paper:light-dark(#fafafa,#161519);--ink:light-dark(#171717,#eceaee);--muted:light-dark(#666878,#9d99a9);--tertiary:light-dark(#746e7a,#8a8492);--rule:light-dark(#1717171a,#eceaee1f);--logo-color:light-dark(#b6bdc0,#62686c);--portfolio-title-colour:light-dark(#5c545f,#b5acbb);--display-colour:light-dark(#48404f,#cfc5d9);color-scheme:light dark}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}}*,:before,:after{box-sizing:border-box}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}html,body{min-width:20rem}body{background:var(--paper);min-height:100vh;margin:0}a{color:inherit}button{font:inherit}.site-shell{width:min(40rem,100% - 3rem);margin-inline:auto;padding-block:5rem 4.5rem}.identity{margin-block-end:4rem}.jon-mark{width:4rem;height:4rem;color:var(--ink);display:block}.jon-mark__wink{transform-box:fill-box;transform-origin:50%}h1{font-family:var(--display-type);color:var(--display-colour,var(--ink));text-transform:var(--display-transform,none);font-size:1.75rem;font-weight:var(--display-weight,400);font-synthesis:var(--display-synthesis,none);letter-spacing:var(--display-tracking,-.015em);margin:.5625rem 0 .25rem;line-height:1.2}.identity__positioning{max-width:34rem;color:var(--muted);margin:0;font-size:1rem;line-height:1.6}:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.triggered-highlight{background-image:linear-gradient(color-mix(in srgb, var(--triggered-highlight-colour,var(--highlight-colour,var(--compact-signal))) 25%, transparent), color-mix(in srgb, var(--triggered-highlight-colour,var(--highlight-colour,var(--compact-signal))) 25%, transparent));-webkit-box-decoration-break:clone;box-decoration-break:clone;background-position:0;background-repeat:no-repeat;background-size:0% 100%;margin-inline:-.12em;padding:.05em .2em;transition:background-size .52s cubic-bezier(.16,1,.3,1)}.triggered-highlight[data-active=true],.triggered-highlight:hover{background-size:100% 100%}.page-section+.page-section{margin-block-start:3.5rem}.section-heading{min-height:2.75rem;color:var(--tertiary);letter-spacing:.015em;justify-content:space-between;align-items:center;gap:1rem;font-size:.875rem;display:flex}.section-heading h2{font:inherit;margin:0}.section-disclosure{--disclosure-crossing:50%;justify-content:center;margin-block:.73rem 1.5rem;display:flex;position:relative}.portfolio-list:has(.portfolio-item--peek)+.section-disclosure{--disclosure-crossing:25%;margin-block-start:-.99rem}.section-disclosure:before{z-index:0;border-block-start:1px solid var(--rule);content:"";position:absolute;inset-block-start:var(--disclosure-crossing);inset-inline:0}.section-disclosure .disclosure-button{z-index:1;position:relative}.portfolio-list,.organisation-list,.contact-list{margin:0;padding:0;list-style:none}.portfolio-list{border-block-end:1px solid var(--rule)}.portfolio-list:has(+.section-disclosure){border-block-end:0}.portfolio-item{border-block-start:1px solid var(--rule);grid-template-rows:1fr;display:grid}.portfolio-item__collapse{min-height:0;overflow:hidden}.portfolio-item--collapsed{opacity:0;filter:blur(4px);border-block-start-color:#0000;grid-template-rows:0fr}.portfolio-item--peek{--peek-height:5.5rem;--dot-pitch:1px;-webkit-mask-image:linear-gradient(#000 72%,#0000 80%),linear-gradient(#000 72%,#0000 100%),radial-gradient(closest-side,#000 45%,#0000 100%);mask-image:linear-gradient(#000 72%,#0000 80%),linear-gradient(#000 72%,#0000 100%),radial-gradient(closest-side,#000 45%,#0000 100%);-webkit-mask-size:100% 100%, 100% 100%, var(--dot-pitch) var(--dot-pitch);mask-size:100% 100%, 100% 100%, var(--dot-pitch) var(--dot-pitch);-webkit-mask-repeat:no-repeat,no-repeat,repeat;mask-repeat:no-repeat,no-repeat,repeat;-webkit-mask-composite:source-over,source-in,source-over;mask-composite:add,intersect,add}@media (prefers-contrast:more),(forced-colors:active){.portfolio-item--peek{-webkit-mask-image:linear-gradient(#000 45%,#0000 100%);mask-image:linear-gradient(#000 45%,#0000 100%);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-composite:source-over;mask-composite:add}}.portfolio-item--peek .portfolio-item__collapse{max-block-size:var(--peek-height)}.portfolio-item__inner{grid-template-columns:1rem minmax(0,1fr) auto;align-items:start;column-gap:.75rem;padding-block:1.25rem;text-decoration:none;display:grid}.portfolio-item__icon{color:var(--tertiary);grid-column:1;justify-content:center;align-items:center;padding-block-start:.2rem;display:inline-flex}.portfolio-item__body{grid-column:2}a.portfolio-item__inner{border-radius:.125rem;transition:color .18s}a.portfolio-item__inner:hover,a.portfolio-item__inner:focus-visible{color:var(--ink)}a.portfolio-item__inner:focus-visible,.disclosure-button:focus-visible,.contact-list a:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.portfolio-item__title{margin:0;font-size:1rem;font-weight:400;line-height:1.45}.portfolio-item__description{max-width:34rem;color:var(--muted);margin:.25rem 0 0;font-size:1rem;line-height:1.55}.portfolio-item__meta{color:var(--tertiary);letter-spacing:.015em;overflow-wrap:anywhere;white-space:normal;grid-column:3;padding-block-start:.125rem;font-size:.8125rem;line-height:1.5}.portfolio-list--meta-under-title .portfolio-item__inner,.portfolio-list--meta-under-description .portfolio-item__inner{grid-template-columns:1rem minmax(0,1fr)}.portfolio-item__meta--under-title,.portfolio-item__meta--under-description{grid-column:auto;margin-block-start:.15rem;padding-block-start:0;font-size:.75rem;display:block}.portfolio-item__meta--under-description{margin-block-start:.5rem}.portfolio-item__arrow,.contact-list__arrow{width:0;color:var(--muted);opacity:0;margin-inline-start:0;display:inline-flex;overflow:hidden;transform:translate(-.125rem)}.portfolio-item__arrow svg,.contact-list__arrow svg{min-width:.625rem}.portfolio-item__inner:hover .portfolio-item__arrow,.portfolio-item__inner:focus-visible .portfolio-item__arrow,.contact-list a:hover .contact-list__arrow,.contact-list a:focus-visible .contact-list__arrow{opacity:1;width:.625rem;margin-inline-start:.25rem;transform:translate(.125rem)}.disclosure-button__icon{transform:rotate(0)}.disclosure-button[aria-expanded=true] .disclosure-button__icon{transform:rotate(180deg)}.selected-organisations__intro{max-width:34rem;color:var(--muted);margin:.5rem 0 0;font-size:1rem;line-height:1.6}.organisation-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem 2.25rem;margin-block-start:2rem;display:grid}.organisation-logo{min-width:0;min-height:3.75rem;color:var(--logo-color);text-align:center;place-items:center;display:grid}.organisation-logo__name{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.organisation-logo__mark{background:var(--logo-color);width:min(100%,8rem);height:2.5rem;-webkit-mask-image:var(--organisation-logo);-webkit-mask-image:var(--organisation-logo);mask-image:var(--organisation-logo);transform:scale(var(--organisation-scale));transform-origin:50%;display:block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.now-copy{max-width:34rem;color:var(--muted);grid-template-columns:1rem minmax(0,1fr);gap:.75rem;margin:.5rem 0 0;font-size:1rem;line-height:1.6;display:grid}.now-copy__icon{padding-block-start:.3rem;display:inline-flex}.site-footer{margin-block-start:4rem}.contact-list{color:var(--muted);flex-wrap:wrap;gap:1rem 1.5rem;font-size:1rem;line-height:1.5;display:flex}.contact-list a{text-underline-offset:.25rem;align-items:center;text-decoration-line:underline;text-decoration-color:currentColor;text-decoration-thickness:.0625rem;transition:color .18s,text-decoration-color .18s;display:inline-flex}.contact-list a:hover{color:var(--ink);text-decoration-color:currentColor}.contact-list__pending{color:var(--muted)}.brand-playground{--play-rule:color-mix(in srgb, var(--play-ink) 16%, transparent);--play-soft-rule:color-mix(in srgb, var(--play-ink) 8%, transparent);min-height:100vh;color:var(--play-ink);background:var(--play-paper);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;transition:color .22s,background-color .22s}.playground-index{z-index:10;width:12rem;color:var(--play-paper);background:var(--play-ink);flex-direction:column;padding:1.5rem;transition:color .22s,background-color .22s;display:flex;position:fixed;inset:0 auto 0 0}.playground-index__mark{width:3.25rem;color:inherit;display:block}.playground-index__mark .jon-mark{width:100%;height:auto}.playground-index nav{margin-block:auto}.playground-index ol{gap:.1rem;margin:0;padding:0;list-style:none;display:grid}.playground-index nav a{color:color-mix(in srgb, var(--play-paper) 58%, transparent);grid-template-columns:1.65rem 1fr;padding-block:.42rem;font-size:.72rem;text-decoration:none;transition:color .15s,transform .15s;display:grid}.playground-index nav a span{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.58rem}.playground-index nav a:hover,.playground-index nav a:focus-visible{color:var(--play-signal);transform:translate(.2rem)}.playground-index>p{color:color-mix(in srgb, var(--play-paper) 48%, transparent);letter-spacing:.04em;text-transform:uppercase;margin:0;font:.58rem/1.5 ui-monospace,SFMono-Regular,Consolas,monospace}.playground-sheet{margin-inline-start:12rem}.playground-topbar{z-index:8;border-block-end:1px solid var(--play-rule);background:color-mix(in srgb, var(--play-paper) 89%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);grid-template-columns:1fr auto 1fr;align-items:center;min-height:4.25rem;padding-inline:clamp(1.5rem,4vw,4.5rem);display:grid;position:sticky;top:0}.playground-topbar a,.playground-topbar button,.playground-status{color:inherit;letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:.45rem;font-size:.68rem;text-decoration:none;display:inline-flex}.playground-topbar button{border:1px solid var(--play-ink);min-height:2.25rem;color:var(--play-paper);background:var(--play-ink);cursor:pointer;justify-self:end;padding:0 .8rem;transition:color .16s,background .16s}.playground-topbar button:hover{color:var(--play-ink);background:var(--play-signal)}.playground-status i{background:var(--play-signal);width:.42rem;height:.42rem;box-shadow:0 0 0 .2rem color-mix(in srgb, var(--play-signal) 24%, transparent);border-radius:50%}.playground-hero,.playground-section,.playground-footer{padding-inline:clamp(1.5rem,6vw,7.5rem);scroll-margin-top:4.25rem}.playground-hero{flex-direction:column;justify-content:space-between;min-height:calc(100vh - 4.25rem);padding-block:clamp(2.5rem,6vw,6.5rem) clamp(2.5rem,5vw,5rem);display:flex;overflow:hidden}.playground-hero__edition,.playground-section__heading span,.playground-mark figcaption span,.playground-type-display span,.playground-type-system span,.playground-layout-demo>span,.playground-spacing span,.playground-voice article>span{color:var(--play-muted);letter-spacing:.08em;text-transform:uppercase;font:.64rem/1.4 ui-monospace,SFMono-Regular,Consolas,monospace}.playground-hero h1{letter-spacing:-.075em;max-width:72rem;margin:auto 0;padding-block:3rem;font-family:inherit;font-size:clamp(4.6rem,9.5vw,10.5rem);font-weight:720;line-height:.8}.playground-hero__footer{border-block-start:1px solid var(--play-rule);grid-template-columns:minmax(16rem,32rem) auto;justify-content:space-between;align-items:end;gap:2rem;padding-block-start:1.25rem;display:grid}.playground-hero__footer p{color:var(--play-muted);margin:0;font-size:clamp(.9rem,1.3vw,1.15rem);line-height:1.55}.playground-hero__footer .jon-avatar{width:clamp(4.5rem,7vw,7rem);transform:rotate(-4deg)}.playground-section{border-block-start:1px solid var(--play-rule);padding-block:clamp(5rem,10vw,10rem)}.playground-section__heading{grid-template-columns:3.5rem 1fr;align-items:baseline;margin-block-end:clamp(2.75rem,6vw,6.5rem);display:grid}.playground-section__heading h2{letter-spacing:-.055em;margin:0;font-size:clamp(2.2rem,5vw,5.25rem);font-weight:690;line-height:.95}.playground-section__intro{grid-template-columns:minmax(16rem,38rem) minmax(15rem,auto);justify-content:space-between;gap:2rem;margin-block-end:clamp(2rem,4vw,4rem);display:grid}.playground-section__intro>p{max-width:38rem;color:var(--play-muted);margin:0;font-size:clamp(1rem,1.6vw,1.35rem);line-height:1.55}.playground-inline-control{justify-content:end;align-self:start;align-items:center;gap:.15rem;display:flex}.playground-inline-control>span,.playground-range{color:var(--play-muted);letter-spacing:.04em;text-transform:uppercase;margin-inline-end:.55rem;font-size:.68rem}.playground-inline-control button{border:1px solid var(--play-rule);color:var(--play-muted);cursor:pointer;text-transform:uppercase;background:0 0;padding:.45rem .55rem;font:.62rem ui-monospace,SFMono-Regular,Consolas,monospace}.playground-inline-control button.is-active{border-color:var(--play-ink);color:var(--play-paper);background:var(--play-ink)}.playground-mark-grid{grid-template-columns:2fr 1fr 1fr;gap:.7rem;display:grid}.playground-mark{min-width:0;margin:0}.playground-mark>div{aspect-ratio:1;place-items:center;transition:color .22s,background-color .22s;display:grid}.playground-mark--primary>div{aspect-ratio:2}.playground-mark svg{width:52%;height:52%}.playground-mark--primary svg{width:44%;height:70%}.playground-mark figcaption{grid-template-columns:2.4rem 1fr;margin-block-start:.7rem;font-size:.78rem;line-height:1.4;display:grid}.playground-mark figcaption small{color:var(--play-muted);grid-column:2;margin-block-start:.25rem;font-size:.72rem}.playground-rule-row{border-block:1px solid var(--play-rule);grid-template-columns:repeat(3,1fr);margin-block-start:4rem;display:grid}.playground-rule-row>div{border-inline-end:1px solid var(--play-rule);gap:1rem;padding:1.25rem;display:grid}.playground-rule-row>div:last-child{border-inline-end:0}.playground-rule-row span{color:var(--play-muted);text-transform:uppercase;font-size:.66rem}.playground-rule-row strong{font-size:1.05rem;font-weight:550}.playground-swatches{grid-template-columns:2fr 1fr 1fr 1fr;min-height:18rem;display:grid}.playground-swatch{letter-spacing:.04em;text-transform:uppercase;flex-direction:column;justify-content:space-between;padding:1rem;font-size:.66rem;display:flex}.playground-swatch strong{font:inherit}.playground-swatch--ink{color:var(--play-paper);background:var(--play-ink)}.playground-swatch--paper{border:1px solid var(--play-rule);background:var(--play-paper)}.playground-swatch--muted{color:var(--play-paper);background:var(--play-muted)}.playground-swatch--signal{color:var(--play-ink);background:var(--play-signal)}.playground-palette-list{border-block-end:1px solid var(--play-rule);margin-block-start:1.5rem}.playground-palette-list>button{border:0;border-block-start:1px solid var(--play-rule);width:100%;color:inherit;cursor:pointer;text-align:start;background:0 0;grid-template-columns:3.5rem minmax(12rem,1fr) repeat(3,1.75rem) 1.25rem;align-items:center;gap:.35rem;padding:1rem 0;display:grid}.playground-palette-list>button:after{content:"↗";opacity:0;justify-self:end}.playground-palette-list>button:hover:after,.playground-palette-list>button.is-active:after{opacity:1}.playground-palette-list b{font:.7rem ui-monospace,SFMono-Regular,Consolas,monospace}.playground-palette-list button>span{gap:.22rem;display:grid}.playground-palette-list button>span strong{font-size:.88rem;font-weight:550}.playground-palette-list button>span small{color:var(--play-muted);font-size:.72rem}.playground-palette-list i{border:1px solid var(--play-rule);border-radius:50%;width:1.75rem;height:1.75rem}.playground-range{justify-content:end;align-items:center;gap:.6rem;min-width:17rem;margin:0;display:flex}.playground-range input{width:10rem;accent-color:var(--play-ink)}.playground-range output{min-width:2.7rem;color:var(--play-ink);font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.playground-type-input{border:0;border-block-end:1px solid var(--play-rule);width:100%;color:var(--play-muted);background:0 0;outline:0;padding:0 0 .65rem;font-size:.72rem}.playground-type-input:focus{border-color:var(--play-ink)}.playground-type-display{border-block-end:1px solid var(--play-rule);min-height:27rem;padding-block:3rem 2rem}.playground-type-display p{letter-spacing:-.055em;max-width:13ch;margin:0 0 3rem;font-family:Amiri,Georgia,serif;font-size:clamp(4rem,9vw,9rem);font-weight:400;line-height:.85}.playground-type-system{border-block-end:1px solid var(--play-rule);grid-template-columns:repeat(4,1fr);display:grid}.playground-type-system>div{border-inline-end:1px solid var(--play-rule);min-height:12rem;padding:1rem}.playground-type-system>div:last-child{border-inline-end:0}.playground-type-system strong,.playground-type-system p,.playground-type-system b{margin-block-start:3rem;display:block}.playground-type-system>div:first-child strong{font-family:Amiri,Georgia,serif;font-size:4.5rem;font-weight:400;line-height:.8}.playground-type-system>div:nth-child(2) strong{letter-spacing:-.03em;font-size:1.3rem}.playground-type-system p{color:var(--play-muted);font-size:.85rem;line-height:1.5}.playground-type-system b{letter-spacing:.08em;font-size:.62rem;line-height:1.6}.playground-layout-demo{border:1px solid var(--play-rule);padding:1rem}.playground-layout-demo>div{grid-template-columns:repeat(12,1fr);gap:clamp(.25rem,.8vw,.75rem);height:20rem;margin-block-start:1rem;display:grid}.playground-layout-demo i{background:color-mix(in srgb, var(--play-signal) 68%, var(--play-paper))}.playground-spacing{border-block:1px solid var(--play-rule);grid-template-columns:repeat(5,1fr);margin-block-start:1rem;display:grid}.playground-spacing div{border-inline-end:1px solid var(--play-rule);flex-direction:column;justify-content:space-between;min-height:9rem;padding:1rem;display:flex}.playground-spacing div:last-child{border-inline-end:0}.playground-spacing i{background:var(--play-ink);max-width:100%;height:.5rem;display:block}.playground-voice blockquote{letter-spacing:-.045em;max-width:17ch;margin:0 0 clamp(4rem,8vw,8rem);font-family:Amiri,Georgia,serif;font-size:clamp(3rem,7vw,7rem);line-height:.92}.playground-voice>div{border-block:1px solid var(--play-rule);grid-template-columns:repeat(3,1fr);display:grid}.playground-voice article{border-inline-end:1px solid var(--play-rule);min-height:15rem;padding:1.25rem}.playground-voice article:last-child{border-inline-end:0}.playground-voice article h3{margin:4rem 0 .65rem;font-size:1.15rem}.playground-voice article p{max-width:18rem;color:var(--play-muted);margin:0;font-size:.88rem;line-height:1.55}.playground-motion-demo{border:1px solid var(--play-rule);grid-template-columns:minmax(16rem,1.5fr) 1fr;display:grid}.playground-motion-demo>div{min-height:28rem;color:var(--play-signal);background:var(--play-ink);grid-row:span 2;place-items:center;display:grid}.playground-motion-demo .jon-mark{width:45%;height:auto;color:inherit}.playground-motion-demo>button{border:0;border-block-end:1px solid var(--play-rule);min-height:5rem;color:inherit;background:var(--play-signal);cursor:pointer;letter-spacing:.05em;text-transform:uppercase;justify-content:center;align-items:center;gap:.5rem;font-size:.72rem;display:flex}.playground-motion-demo dl{align-content:end;gap:0;margin:0;display:grid}.playground-motion-demo dl div{border-block-start:1px solid var(--play-rule);justify-content:space-between;padding:1rem;display:flex}.playground-motion-demo dt,.playground-motion-demo dd{margin:0;font-size:.68rem}.playground-motion-demo dt{color:var(--play-muted);text-transform:uppercase}.playground-interface-demo{border-block-end:1px solid var(--play-rule)}.playground-interface-demo header,.playground-interface-demo a{border-block-start:1px solid var(--play-rule);grid-template-columns:1fr auto auto;align-items:center;gap:1rem;display:grid}.playground-interface-demo header{min-height:3.5rem;color:var(--play-muted);font-size:.72rem}.playground-interface-demo a{min-height:6.5rem;color:inherit;text-decoration:none;transition:padding .16s,background .16s}.playground-interface-demo a:hover{background:var(--play-signal);padding-inline:1rem}.playground-interface-demo a>span{font-size:clamp(1rem,1.8vw,1.4rem)}.playground-interface-demo a small{color:var(--play-muted)}.playground-footer{min-height:22rem;color:var(--play-paper);background:var(--play-ink);grid-template-columns:1fr 1fr auto;align-items:end;gap:2rem;padding-block:5rem 2.5rem;display:grid}.playground-footer .jon-mark{width:4rem;height:auto;color:var(--play-signal)}.playground-footer p{color:color-mix(in srgb, var(--play-paper) 65%, transparent);margin:0;font-size:.78rem;line-height:1.5}.playground-footer a{color:inherit;text-transform:uppercase;font-size:.72rem;text-decoration:none}.playground-tune-scrim{z-index:19;visibility:hidden;opacity:0;cursor:default;background:#0000006b;border:0;transition:opacity .22s,visibility .22s;position:fixed;inset:0}.playground-tune-scrim.is-open{visibility:visible;opacity:1}.playground-tune{z-index:20;width:min(31rem,100%);color:var(--play-ink);background:var(--play-paper);flex-direction:column;transition:transform .32s cubic-bezier(.33,1,.68,1),color .22s,background .22s;display:flex;position:fixed;inset:0 0 0 auto;transform:translate(105%);box-shadow:-2rem 0 5rem #0000001f}.playground-tune.is-open{transform:translate(0)}.playground-tune>header{border-block-end:1px solid var(--play-rule);justify-content:space-between;align-items:start;padding:1.5rem;display:flex}.playground-tune header span,.playground-tune h3{color:var(--play-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.64rem;font-weight:500}.playground-tune header h2{letter-spacing:-.04em;margin:.45rem 0 0;font-size:1.6rem}.playground-tune header button{border:1px solid var(--play-rule);width:2.25rem;height:2.25rem;color:inherit;cursor:pointer;background:0 0;place-items:center;display:grid}.playground-tune__body{flex:1;overflow:auto}.playground-tune__body section{border-block-end:1px solid var(--play-rule);padding:1.5rem}.playground-tune__body h3{margin:0 0 1.1rem}.playground-tune__presets{grid-template-columns:repeat(3,1fr);gap:.4rem;display:grid}.playground-tune__presets button{border:1px solid var(--play-rule);color:inherit;cursor:pointer;text-align:start;background:0 0;gap:1.5rem;padding:.8rem;display:grid}.playground-tune__presets button.is-active{color:var(--play-paper);background:var(--play-ink)}.playground-tune__presets b{font:.65rem ui-monospace,SFMono-Regular,Consolas,monospace}.playground-tune__presets span{font-size:.7rem}.playground-tune__colours{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.playground-colour-input{color:var(--play-muted);text-transform:uppercase;grid-template-columns:1fr auto;gap:.4rem;font-size:.66rem;display:grid}.playground-colour-input input{border:1px solid var(--play-rule);cursor:pointer;background:0 0;grid-column:1/-1;width:100%;height:3rem;padding:.15rem}.playground-tune .playground-range{justify-content:space-between}.playground-tune>footer{border-block-start:1px solid var(--play-rule);justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex}.playground-tune>footer button{color:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:.4rem;padding:0;font-size:.7rem;display:inline-flex}.playground-tune>footer span{color:var(--play-muted);font-size:.62rem}.brand-playground button:focus-visible,.brand-playground a:focus-visible,.brand-playground input:focus-visible{outline:2px solid var(--play-signal);outline-offset:3px}@media (width<=62rem){.playground-index{flex-direction:row;align-items:center;width:auto;height:4.25rem;padding:0 1.25rem;position:static}.playground-index__mark{width:2.5rem}.playground-index nav{margin-inline-start:auto}.playground-index nav ol{display:none}.playground-index>p{text-align:end;margin-inline-start:auto}.playground-sheet{margin-inline-start:0}.playground-topbar{top:0}.playground-type-system{grid-template-columns:1fr 1fr}.playground-type-system>div:nth-child(2){border-inline-end:0}.playground-type-system>div:nth-child(-n+2){border-block-end:1px solid var(--play-rule)}}@media (width<=44rem){.playground-index>p,.playground-status{display:none}.playground-topbar{grid-template-columns:1fr 1fr}.playground-hero h1{font-size:clamp(3.6rem,17vw,6rem)}.playground-hero__footer{grid-template-columns:1fr auto}.playground-section__heading{grid-template-columns:2.5rem 1fr}.playground-section__intro{grid-template-columns:1fr}.playground-inline-control{flex-wrap:wrap;justify-content:start}.playground-mark-grid{grid-template-columns:1fr 1fr}.playground-mark--primary{grid-column:1/-1}.playground-rule-row{grid-template-columns:1fr}.playground-rule-row>div{border-inline-end:0;border-block-end:1px solid var(--play-rule)}.playground-rule-row>div:last-child{border-block-end:0}.playground-swatches{grid-template-columns:1fr 1fr;min-height:25rem}.playground-palette-list>button{grid-template-columns:2.5rem 1fr repeat(3,1.4rem)}.playground-palette-list>button:after{display:none}.playground-palette-list i{width:1.4rem;height:1.4rem}.playground-range{justify-content:start;min-width:0}.playground-type-display{min-height:20rem}.playground-type-display p{font-size:clamp(3.4rem,18vw,6rem)}.playground-type-system{grid-template-columns:1fr}.playground-type-system>div{border-inline-end:0;border-block-end:1px solid var(--play-rule)}.playground-layout-demo>div{height:12rem}.playground-spacing{grid-template-columns:1fr}.playground-spacing div{border-inline-end:0;border-block-end:1px solid var(--play-rule);min-height:4.5rem}.playground-voice>div{grid-template-columns:1fr}.playground-voice article{border-inline-end:0;border-block-end:1px solid var(--play-rule);min-height:11rem}.playground-voice article h3{margin-block-start:2.5rem}.playground-motion-demo{grid-template-columns:1fr}.playground-motion-demo>div{grid-row:auto;min-height:20rem}.playground-interface-demo a{grid-template-columns:1fr auto}.playground-interface-demo a small{display:none}.playground-footer{grid-template-columns:1fr auto}.playground-footer p{grid-row:2}.playground-tune__colours{grid-template-columns:1fr}}@keyframes reveal-fade{0%{opacity:0}to{opacity:1}}@keyframes reveal-clarity{0%{filter:blur(4px)}to{filter:blur()}}@keyframes reveal-lift{0%{transform:translateY(.75rem)}to{transform:translateY(0)}}@keyframes jon-wink-intro{0%,28%{transform:scaleX(1)}46%,58%{transform:scaleX(.1)}78%,to{transform:scaleX(1)}}@keyframes jon-wink-hover{0%,28%{transform:scaleX(1)}46%,58%{transform:scaleX(.1)}78%,to{transform:scaleX(1)}}@keyframes jon-avatar-paper-in{0%{opacity:0;transform:translateX(var(--jon-avatar-paper-start-x,0%)) rotate(var(--jon-avatar-paper-start-rotation,0deg))}to{opacity:1;transform:translate(0)rotate(0)}}@keyframes jon-avatar-pen-draw{to{stroke-dashoffset:0}}@keyframes jon-avatar-ink-settle{to{opacity:1}}@keyframes jon-avatar-pen-clear{to{opacity:0;visibility:hidden}}.jon-avatar--draw-on .jon-avatar__pen-path{fill:none;stroke:var(--jon-avatar-foreground,#171717);stroke-width:18px;stroke-dasharray:1;stroke-dashoffset:1px;stroke-linecap:round;stroke-linejoin:round}.jon-avatar--draw-on .jon-avatar__foreground--final{opacity:0}.jon-avatar--draw-on .jon-avatar__background{transform-box:fill-box;transform-origin:50%}@media (prefers-reduced-motion:no-preference){.jon-avatar--draw-on .jon-avatar__background{animation:jon-avatar-paper-in var(--jon-avatar-paper-duration,.36s) var(--jon-avatar-paper-easing,ease-out) var(--jon-avatar-reveal-delay,0s) both}.jon-avatar--draw-on .jon-avatar__pen{animation:jon-avatar-pen-clear 1ms linear calc(var(--jon-avatar-ink-start,.12s) + 1.51s) forwards}.jon-avatar--draw-on .jon-avatar__pen-path{animation:.56s cubic-bezier(.45,0,.55,1) forwards jon-avatar-pen-draw}.jon-avatar--draw-on .jon-avatar__pen-path--o{animation-delay:var(--jon-avatar-ink-start,.12s)}.jon-avatar--draw-on .jon-avatar__pen-path--n{animation-delay:calc(var(--jon-avatar-ink-start,.12s) + .34s)}.jon-avatar--draw-on .jon-avatar__pen-path--smile{animation-delay:calc(var(--jon-avatar-ink-start,.12s) + .7s)}.jon-avatar--draw-on .jon-avatar__pen-path--dot{animation-duration:.24s;animation-delay:calc(var(--jon-avatar-ink-start,.12s) + 1.11s)}.jon-avatar--draw-on .jon-avatar__foreground--final{animation:jon-avatar-ink-settle .18s ease calc(var(--jon-avatar-ink-start,.12s) + 1.33s) forwards}.jon-mark--intro .jon-mark__wink{animation:.64s cubic-bezier(.34,1.12,.64,1) .82s both jon-wink-intro}.reveal{animation:.3s cubic-bezier(0,-.02,.49,.99) both reveal-fade,.3s cubic-bezier(0,-.02,.49,.99) backwards reveal-clarity,.68s cubic-bezier(.33,1,.68,1) both reveal-lift;animation-delay:var(--reveal-delay)}[data-reveal-armed] .reveal[data-reveal-on-view]:not([data-in-view]){animation-play-state:paused}.portfolio-item--collapsible{transition:grid-template-rows .28s cubic-bezier(.33,1,.68,1),border-color .28s,opacity .22s,filter .28s}.section-disclosure{transition:margin-block-start .28s cubic-bezier(.33,1,.68,1)}.section-disclosure:before{transition:inset-block-start .28s cubic-bezier(.33,1,.68,1)}.disclosure-button__icon{transition:transform .25s cubic-bezier(.33,1,.68,1)}.portfolio-item__arrow,.contact-list__arrow{transition:width .15s ease-in-out,margin-inline-start .15s ease-in-out,opacity .15s ease-in-out,transform .15s ease-in-out}}@media (prefers-reduced-motion:reduce){.jon-avatar--draw-on .jon-avatar__pen{display:none}.jon-avatar--draw-on .jon-avatar__foreground--final{opacity:1}}.home-layout-study{--layout-shell-start:5rem;--layout-space-1:.25rem;--layout-space-2:.5rem;--layout-space-3:.75rem;--layout-space-4:1rem;--layout-space-5:1.5rem;--layout-space-6:2rem;--layout-space-7:3rem}.home-layout-study.site-shell{padding-block:0}.home-layout-study .home-study-compact__identity{padding-block-start:var(--layout-shell-start)}.home-layout-study .home-study-compact__identity h1{margin:0 0 var(--layout-space-4);font-size:2rem;line-height:1.125}.home-layout-study .identity__positioning{max-width:none;line-height:1.5}.home-layout-study .section-heading{min-height:var(--layout-space-7);color:var(--muted);font-size:.8125rem;font-weight:400;line-height:1rem}.home-layout-study__work-cluster{border-block:1px solid var(--rule)}.home-layout-study__work-cluster:has(.section-disclosure){border-block-end:0}.home-layout-study .home-hybrid__recent-context{padding-block:var(--layout-space-5) var(--layout-space-4);border-block-start:0}.home-layout-study .home-hybrid__recent-context h2{letter-spacing:0;text-transform:none;text-wrap:balance;margin:0;font-size:1.5625rem;line-height:1.2}.home-layout-study__history-heading{font-family:var(--display-type);color:var(--display-colour,var(--ink));font-size:1.5625rem;font-weight:var(--display-weight,400);font-synthesis:var(--display-synthesis,none);letter-spacing:0;margin:0;line-height:1.2}.home-layout-study .section-heading h2{font-family:var(--display-type);color:var(--display-colour,var(--ink));font-size:1.5625rem;font-weight:var(--display-weight,400);font-synthesis:var(--display-synthesis,none);letter-spacing:0;line-height:1.2}.home-layout-study .home-hybrid__recent-context>p,.home-layout-study .portfolio-item__description,.home-layout-study .home-study-compact__history p{margin-block-start:var(--layout-space-2);font-size:.9375rem;line-height:1.6}.home-layout-study .home-hybrid__recent-context>p,.home-layout-study .home-study-compact__history p{max-width:none}.home-layout-study__work-cluster .portfolio-list{gap:var(--layout-space-2);border-block-end:0;display:grid}.home-layout-study__work-cluster .portfolio-item{border-block-start:0}.home-layout-study .portfolio-item__inner{padding-block:var(--layout-space-4)}.home-layout-study .portfolio-item__title,.home-layout-study .home-study-compact__history h3{color:var(--portfolio-title-colour);font-family:var(--display-type);font-size:1rem;font-weight:500;line-height:1.5}.home-layout-study .portfolio-item__icon{color:var(--portfolio-title-colour)}.home-layout-study .portfolio-item__meta--under-title,.home-layout-study .portfolio-item__meta--under-description{color:var(--muted);margin-block-start:var(--layout-space-1);font-size:.8125rem;line-height:1rem}.home-layout-study .portfolio-item__meta--under-description{color:var(--muted);margin-block-start:1.2rem;font-size:.7rem}.home-layout-study .home-study-compact__history li{padding-block:var(--layout-space-6) var(--layout-space-5)}.home-layout-study .home-study-compact__history li:first-child{border-block-start:0;padding-block-start:var(--layout-space-2)}.home-layout-study .home-hybrid__history-logos{align-items:center;gap:var(--layout-space-2) var(--layout-space-4);grid-template-columns:repeat(6,minmax(0,1fr));margin-block-start:var(--layout-space-4);display:grid}.home-layout-study .home-hybrid__history-logo{width:100%;max-width:5.75rem}.home-layout-study__current-projects{border-block-end:1px solid var(--rule)}.home-layout-study__current-projects article{padding-block:var(--layout-space-5)}.home-layout-study__current-projects h2{font-family:var(--display-type);color:var(--display-colour,var(--ink));font-size:1.5625rem;font-weight:var(--display-weight,400);font-synthesis:var(--display-synthesis,none);letter-spacing:0;margin:0;line-height:1.2}.home-layout-study__current-projects p{color:var(--muted);margin-block-start:var(--layout-space-2);font-size:.9375rem;line-height:1.6}.home-layout-study__current-projects a.home-hybrid__history-logo{text-decoration:none}.home-layout-study__current-projects a.home-hybrid__history-logo .organisation-logo__mark{background-color:var(--logo-color);transition:background-color .28s cubic-bezier(.16,1,.3,1)}.home-layout-study__current-projects a.home-hybrid__history-logo:hover .organisation-logo__mark,.home-layout-study__current-projects a.home-hybrid__history-logo:focus-visible .organisation-logo__mark{background-color:var(--display-colour)}.home-layout-study__collaborators{border-block-start:1px solid color-mix(in srgb, var(--rule) 65%, transparent);margin-block-start:var(--layout-space-4);padding-block-start:var(--layout-space-3)}.home-layout-study__collaborators>span{color:var(--muted);font-size:.75rem;line-height:1rem}.home-layout-study__collaborators .home-hybrid__history-logos{gap:var(--layout-space-2) var(--layout-space-3);opacity:.72;grid-template-columns:repeat(3,4.75rem);margin-block-start:var(--layout-space-2)}.home-layout-study__collaborators .home-hybrid__history-logo{width:4.75rem;min-height:1.5rem}.home-layout-study__collaborators .home-hybrid__history-logo .organisation-logo__mark{height:1.5rem}@media (width<=36rem){.home-layout-study{--layout-shell-start:3rem}.home-layout-study .portfolio-item__inner{padding-block:var(--layout-space-4)}.home-layout-study .home-hybrid__history-logos{grid-template-columns:repeat(3,minmax(0,1fr))}.home-layout-study__collaborators .home-hybrid__history-logos{grid-template-columns:repeat(3,4.75rem)}}@media (prefers-reduced-motion:no-preference) and (hover:hover) and (pointer:fine){.jon-mark--animated:hover .jon-mark__wink{animation:.64s cubic-bezier(.34,1.12,.64,1) both jon-wink-hover}}@media (width<=36rem){.site-shell{padding-block:3rem 3.5rem}.identity{margin-block-end:3.5rem}.jon-mark{width:3.5rem;height:3.5rem}.page-section+.page-section{margin-block-start:3rem}.organisation-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.75rem 2rem}.portfolio-item__inner{grid-template-columns:1rem minmax(0,1fr);gap:.25rem .75rem;padding-block:1.125rem}.portfolio-item__icon{grid-area:2/1}.portfolio-item__body{grid-area:2/2}.portfolio-item__meta{grid-area:1/2}}@media (width<=22rem){.site-shell{width:calc(100% - 1rem)}}@media (prefers-reduced-motion:reduce){.portfolio-item--collapsible,.disclosure-button__icon,.portfolio-item__arrow,.contact-list__arrow{transition:none!important}.portfolio-item--collapsed{filter:none}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}@media (forced-colors:active){.organisation-logo__mark{display:none}.organisation-logo__name{clip:auto;white-space:normal;width:auto;height:auto;margin:0;position:static;overflow:visible}a.portfolio-item__inner:focus-visible,.disclosure-button:focus-visible,.contact-list a:focus-visible{outline-color:buttontext}.home-layout-study main a:focus-visible,.home-layout-study footer a:focus-visible{outline-offset:2px;outline:2px solid linktext}}.home-study{--study-paper:#f7f7f5;--study-ink:#181818;--study-muted:#666762;--study-rule:#18181826;--study-pink:#ff2dbb;--study-violet:#5d0bff;--study-lime:#c5ff2d;min-height:100vh;color:var(--study-ink);background:var(--study-paper);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif}.home-study__topbar{z-index:5;border-block-end:1px solid var(--study-rule);grid-template-columns:3.5rem 1fr auto 1fr;align-items:center;gap:1rem;min-height:4.5rem;padding-inline:clamp(1rem,2.5vw,2rem);font-size:.72rem;display:grid;position:relative}.home-study__topbar>a:first-child{width:2.6rem;display:block}.home-study__topbar .jon-mark{width:100%;height:auto}.home-study__topbar nav{gap:clamp(.75rem,2vw,2rem);display:flex}.home-study__topbar a{color:inherit;text-decoration:none}.home-study__topbar nav a,.home-study__lab-link{text-underline-offset:.25rem;text-decoration-line:underline;text-decoration-color:#0000}.home-study__topbar nav a:hover,.home-study__lab-link:hover{text-decoration-color:currentColor}.home-study__lab-link{justify-self:end}.home-study__hero{flex-direction:column;justify-content:space-between;min-height:calc(100vh - 4.5rem);padding:1rem clamp(1rem,2.5vw,2rem) 1.5rem;display:flex}.home-study__hero-meta{color:var(--study-muted);letter-spacing:.04em;text-transform:uppercase;grid-template-columns:repeat(3,1fr);gap:2rem;font:.62rem/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;display:grid}.home-study__hero-meta span:nth-child(2){text-align:center}.home-study__hero-meta span:last-child{text-align:end}.home-study__hero h1{letter-spacing:-.085em;margin:auto 0;padding-block:clamp(3rem,7vw,8rem);font-family:inherit;font-size:clamp(4.25rem,11.6vw,12.5rem);font-weight:650;line-height:.75;display:grid}.home-study__hero h1 span:last-child{color:var(--study-violet);justify-self:end}.home-study__hero-foot{border-block-start:1px solid var(--study-rule);grid-template-columns:minmax(14rem,31rem) 1fr auto;align-items:end;gap:2rem;padding-block-start:1rem;display:grid}.home-study__hero-foot p{color:var(--study-muted);margin:0;font-size:clamp(.85rem,1.2vw,1.05rem);line-height:1.55}.home-study__hero-foot .jon-avatar{justify-self:center;width:clamp(4rem,7vw,6.5rem);transform:rotate(-5deg)}.home-study__hero-foot>a{color:inherit;text-transform:uppercase;align-items:center;gap:.5rem;font-size:.7rem;text-decoration:none;display:inline-flex}.home-study__section{border-block-start:1px solid var(--study-rule);padding:clamp(5rem,10vw,9rem) clamp(1rem,2.5vw,2rem);scroll-margin-top:1rem}.home-study__section-heading{grid-template-columns:3.5rem 1fr auto;align-items:baseline;gap:1rem;margin-block-end:clamp(2.5rem,5vw,5rem);display:grid}.home-study__section-heading>span{color:var(--study-muted);letter-spacing:.05em;text-transform:uppercase;font:.64rem/1.4 ui-monospace,SFMono-Regular,Consolas,monospace}.home-study__section-heading h2{letter-spacing:-.06em;margin:0;font-size:clamp(2.5rem,5vw,5.75rem);font-weight:620;line-height:.9}.home-study__work-grid{grid-template-columns:repeat(12,1fr);gap:clamp(.6rem,1.2vw,1rem);display:grid}.home-study__project{--project-surface:var(--study-lime);border:1px solid var(--study-rule);background:#fff;outline:0;grid-template-columns:1fr 1fr;min-height:27rem;transition:color .22s,background-color .22s,transform .3s cubic-bezier(.33,1,.68,1);display:grid;overflow:hidden}.home-study__project--1{grid-column:1/-1}.home-study__project--2,.home-study__project--3{grid-column:span 6;grid-template-columns:1fr;min-height:36rem}.home-study__project--2{--project-surface:var(--study-pink)}.home-study__project--3{--project-surface:var(--study-violet)}.home-study__project:hover,.home-study__project:focus-visible{background:var(--project-surface);transform:translateY(-.25rem)}.home-study__project--3:hover,.home-study__project--3:focus-visible{color:#fff}.home-study__project-copy{z-index:1;flex-direction:column;padding:clamp(1rem,2vw,2rem);display:flex;position:relative}.home-study__project-copy>span:first-child,.home-study__project-action{letter-spacing:.04em;text-transform:uppercase;font:.62rem/1.4 ui-monospace,SFMono-Regular,Consolas,monospace}.home-study__project-copy h3{letter-spacing:-.055em;max-width:14ch;margin:auto 0 0;font-size:clamp(2rem,4vw,4.8rem);font-weight:620;line-height:.92}.home-study__project--2 h3,.home-study__project--3 h3{font-size:clamp(2rem,3.2vw,3.75rem)}.home-study__project-copy p{max-width:28rem;color:var(--study-muted);margin:1.25rem 0 2.5rem;font-size:.9rem;line-height:1.55;transition:color .22s}.home-study__project--3:hover p,.home-study__project--3:focus-visible p{color:#ffffffb8}.home-study__project-action{opacity:0;align-items:center;gap:.4rem;transition:opacity .18s,transform .22s;display:inline-flex;transform:translateY(.5rem)}.home-study__project:hover .home-study__project-action,.home-study__project:focus-visible .home-study__project-action{opacity:1;transform:translateY(0)}.home-study__learning-graphic,.home-study__narrative-graphic,.home-study__standards-graphic{border-inline-start:1px solid var(--study-rule);min-height:24rem;position:relative;overflow:hidden}.home-study__learning-graphic{place-items:center;display:grid}.home-study__learning-graphic i{aspect-ratio:1;opacity:.34;border:1px solid;border-radius:50%;width:min(26vw,22rem);transition:transform .6s cubic-bezier(.33,1,.68,1);position:absolute}.home-study__learning-graphic i:first-of-type{transform:translate(-24%,-15%)}.home-study__learning-graphic i:nth-of-type(2){transform:translate(24%,-15%)}.home-study__learning-graphic i:nth-of-type(3){transform:translateY(25%)}.home-study__project:hover .home-study__learning-graphic i:first-of-type{transform:translate(-12%,-8%)}.home-study__project:hover .home-study__learning-graphic i:nth-of-type(2){transform:translate(12%,-8%)}.home-study__project:hover .home-study__learning-graphic i:nth-of-type(3){transform:translateY(12%)}.home-study__learning-graphic span,.home-study__learning-graphic strong{z-index:1;letter-spacing:.05em;font:.64rem ui-monospace,SFMono-Regular,Consolas,monospace;position:absolute}.home-study__learning-graphic span{inset:1.5rem auto auto 1.5rem}.home-study__learning-graphic strong{inset:auto 1.5rem 1.5rem auto}.home-study__narrative-graphic,.home-study__standards-graphic{border-block-start:1px solid var(--study-rule);border-inline-start:0;align-content:space-between;padding:clamp(1rem,2vw,2rem);display:grid}.home-study__narrative-graphic span{font-family:Amiri,Georgia,serif;font-size:clamp(3.4rem,7vw,7.5rem);line-height:.55;transition:transform .35s cubic-bezier(.33,1,.68,1)}.home-study__narrative-graphic span:nth-child(2){justify-self:center}.home-study__narrative-graphic span:nth-child(3){justify-self:end;font-style:italic}.home-study__narrative-graphic svg{width:5rem;height:5rem;transition:transform .4s cubic-bezier(.33,1,.68,1);position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)scale(0)}.home-study__project:hover .home-study__narrative-graphic span:first-child{transform:translate(8%)}.home-study__project:hover .home-study__narrative-graphic span:nth-child(3){transform:translate(-8%)}.home-study__project:hover .home-study__narrative-graphic svg{transform:translate(-50%,-50%)scale(1)}.home-study__standards-graphic{grid-template-columns:1fr 1fr;align-content:stretch;padding:0}.home-study__standards-graphic span{border-inline-end:1px solid var(--study-rule);border-block-end:1px solid var(--study-rule);letter-spacing:-.07em;place-items:center;font-size:clamp(3rem,7vw,8rem);font-weight:650;display:grid}.home-study__standards-graphic svg{width:45%;height:45%;color:var(--study-lime);opacity:0;transition:opacity .22s,transform .5s cubic-bezier(.33,1,.68,1);position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)rotate(-20deg)scale(.5)}.home-study__project:hover .home-study__standards-graphic span{opacity:.22}.home-study__project:hover .home-study__standards-graphic svg{opacity:1;transform:translate(-50%,-50%)rotate(12deg)scale(1)}.home-study__statement{min-height:85vh;color:var(--study-ink);background:var(--study-pink);padding:clamp(2rem,5vw,5rem) clamp(1rem,2.5vw,2rem)}.home-study__statement p{letter-spacing:-.065em;margin:0;font-size:clamp(3rem,8.5vw,9rem);font-weight:520;line-height:.88}.home-study__statement p:last-child{color:#fff;text-align:end;margin-block-start:.2em}.home-study__statement em{font-family:Amiri,Georgia,serif;font-weight:400}.home-study__experiment-grid{grid-template-columns:repeat(6,1fr);gap:clamp(.6rem,1.2vw,1rem);display:grid}.home-study__experiment-grid article{border:1px solid var(--study-rule);background:#fff;flex-direction:column;grid-column:span 2;min-height:25rem;padding:1.25rem;transition:color .2s,background .2s,transform .28s cubic-bezier(.33,1,.68,1);display:flex}.home-study__experiment-grid article:nth-child(4),.home-study__experiment-grid article:nth-child(5){grid-column:span 3}.home-study__experiment-grid article:hover{color:#fff;background:var(--study-ink);transform:rotate(-.5deg)}.home-study__experiment-grid article>span{font:.62rem ui-monospace,SFMono-Regular,Consolas,monospace}.home-study__experiment-grid article>svg{stroke-width:1px;width:clamp(3rem,6vw,6rem);height:auto;margin:auto}.home-study__experiment-grid h3{letter-spacing:-.04em;margin:0 0 .7rem;font-size:clamp(1.35rem,2.3vw,2.5rem);font-weight:580;line-height:1}.home-study__experiment-grid p{color:var(--study-muted);margin:0;font-size:.8rem;line-height:1.5}.home-study__experiment-grid article:hover p{color:#ffffffa6}.home-study__now{background:var(--study-lime);grid-template-columns:1fr 2fr 1fr;align-items:center;gap:2rem;min-height:20rem;padding:clamp(2rem,5vw,5rem) clamp(1rem,2.5vw,2rem);display:grid}.home-study__now>span{text-transform:uppercase;font:.64rem ui-monospace,SFMono-Regular,Consolas,monospace}.home-study__now>p{letter-spacing:-.05em;margin:0;font-size:clamp(2rem,4.2vw,4.5rem);font-weight:570;line-height:.98}.home-study__now i{aspect-ratio:1;border:1px solid;border-radius:50%;justify-self:end;place-items:center;width:clamp(7rem,13vw,12rem);font-style:normal;animation:16s linear infinite home-study-orbit;display:grid}.home-study__now i span{letter-spacing:.05em;text-transform:uppercase;font-size:.68rem}.home-study__footer{color:#fff;background:var(--study-ink);grid-template-columns:1fr 2fr 1fr;align-items:end;gap:2rem;min-height:75vh;padding:clamp(3rem,6vw,6rem) clamp(1rem,2.5vw,2rem) 2rem;display:grid}.home-study__footer>div{color:#ffffff8c;align-items:end;gap:1rem;font-size:.65rem;display:flex}.home-study__footer .jon-mark{width:4rem;height:auto;color:var(--study-lime)}.home-study__footer h2{letter-spacing:-.065em;margin:0;font-size:clamp(3.5rem,7vw,8rem);font-weight:580;line-height:.82}.home-study__footer h2 em{color:var(--study-pink);font-family:Amiri,Georgia,serif;font-weight:400}.home-study__footer nav{justify-items:end;gap:.75rem;display:grid}.home-study__footer nav a,.home-study__footer nav span{color:inherit;align-items:center;gap:.4rem;font-size:.75rem;text-decoration:none;display:inline-flex}.home-study a:focus-visible,.home-study article:focus-visible{outline:2px solid var(--study-violet);outline-offset:4px}@keyframes home-study-orbit{to{transform:rotate(360deg)}}@media (width<=52rem){.home-study__topbar{grid-template-columns:3rem 1fr auto}.home-study__topbar nav{display:none}.home-study__hero-meta{grid-template-columns:1fr auto}.home-study__hero-meta span:nth-child(2){display:none}.home-study__hero h1 span:last-child{justify-self:start}.home-study__hero-foot{grid-template-columns:1fr auto}.home-study__hero-foot .jon-avatar{justify-self:end}.home-study__hero-foot>a{grid-column:1/-1}.home-study__project{grid-template-columns:1fr}.home-study__project--2,.home-study__project--3{grid-column:1/-1}.home-study__learning-graphic{border-block-start:1px solid var(--study-rule);border-inline-start:0}.home-study__statement{min-height:65vh}.home-study__experiment-grid{grid-template-columns:1fr 1fr}.home-study__experiment-grid article,.home-study__experiment-grid article:nth-child(4),.home-study__experiment-grid article:nth-child(5){grid-column:span 1}.home-study__experiment-grid article:last-child{grid-column:1/-1}.home-study__now{grid-template-columns:1fr auto}.home-study__now>p{grid-area:2/1/auto/-1}.home-study__now i{grid-area:1/2}.home-study__footer{grid-template-columns:1fr auto}.home-study__footer h2{grid-area:1/1/auto/-1}}@media (width<=36rem){.home-study__hero{min-height:calc(100svh - 4.5rem)}.home-study__hero h1{font-size:clamp(3.55rem,18vw,5.5rem);line-height:.8}.home-study__section-heading{grid-template-columns:2.2rem 1fr}.home-study__section-heading>span:last-child{display:none}.home-study__work-grid{display:block}.home-study__project{min-height:34rem;margin-block-end:.75rem}.home-study__project-copy h3{font-size:2.3rem}.home-study__learning-graphic,.home-study__narrative-graphic,.home-study__standards-graphic{min-height:17rem}.home-study__statement p{font-size:clamp(2.7rem,13vw,4.4rem)}.home-study__experiment-grid{grid-template-columns:1fr}.home-study__experiment-grid article,.home-study__experiment-grid article:nth-child(4),.home-study__experiment-grid article:nth-child(5){grid-column:1;min-height:20rem}.home-study__now{min-height:26rem}.home-study__footer{grid-template-columns:1fr;min-height:70vh}.home-study__footer>div{grid-row:3}.home-study__footer nav{grid-row:2;justify-items:start}}@media (prefers-reduced-motion:reduce){.home-study__now i{animation:none}}.home-study-compact{--compact-signal:#f9ff47}.home-study-compact__identity{margin-block-end:3.5rem}@keyframes interactive-mark-reaction{0%,to{transform:scale(1) rotate(var(--mark-rotation,-4deg))}36%{transform:scale(.8,.9)rotate(3deg)}68%{transform:scale(1.06,.96)rotate(-2deg)}}@keyframes jon-avatar-expression-in{0%{opacity:.35;transform:scale(.82)rotate(-3deg)}68%{opacity:1;transform:scale(1.04)rotate(1deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes jon-avatar-home-wink{0%,30%,to{transform:scaleY(1)}48%,62%{transform:scaleY(.08)}}@keyframes jon-avatar-work-focus{0%{opacity:.35;transform:scale(.4)}68%{opacity:1;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@keyframes jon-avatar-history-look-back{0%{transform:translate(70%)scale(.75)}65%{transform:translate(-12%)scale(1.08)}to{transform:translate(0)scale(1)}}@keyframes jon-avatar-projects-spark{0%{opacity:0;transform:scale(.35)rotate(-20deg)}65%{opacity:1;transform:scale(1.18)rotate(4deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes jon-avatar-contact-hello{0%{opacity:0;transform:translateY(35%)scale(.45)}65%{opacity:1;transform:translateY(-12%)scale(1.2)}to{opacity:1;transform:translateY(0)scale(1)}}.interactive-jon-mark{z-index:20;top:env(safe-area-inset-top,0px);isolation:isolate;align-items:flex-start;height:4rem;margin-block-end:1.25rem;transition:height .36s cubic-bezier(.16,1,.3,1);display:flex;position:sticky}@media (prefers-reduced-motion:no-preference){.interactive-jon-mark__trigger{view-transition-name:jon-mark}}@media (prefers-reduced-motion:reduce){::view-transition-old(root){animation:none}::view-transition-new(root){animation:none}}.interactive-jon-mark:before{z-index:-1;inset:0 calc(50% - 50vw);background:color-mix(in srgb, var(--paper) 50%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);content:"";opacity:0;border-block-end:1px solid #0000;transition:opacity .18s,transform .42s cubic-bezier(.16,1,.3,1),border-color .24s,box-shadow .32s;position:absolute;inset-block-start:calc(0px - env(safe-area-inset-top,0px));transform:translateY(-105%);box-shadow:0 .4rem 1.5rem #17171700}.interactive-jon-mark--pinned{align-items:flex-start;height:4rem}.interactive-jon-mark--pinned:before{border-block-end-color:var(--rule);opacity:1;inset-block-end:.5rem;transform:translateY(0);box-shadow:0 .4rem 1.5rem #1717170d}.interactive-jon-mark__trigger{background:0 0;border:0;flex:none;place-items:center;width:4rem;height:4rem;padding:0;transition:width .36s cubic-bezier(.16,1,.3,1),height .36s cubic-bezier(.16,1,.3,1),margin .36s cubic-bezier(.16,1,.3,1);display:grid}.home-layout-study .interactive-jon-mark:not(.interactive-jon-mark--pinned) .interactive-jon-mark__trigger{margin-block-start:2.5rem}.interactive-jon-mark--pinned .interactive-jon-mark__trigger{width:2.5rem;height:2.5rem;margin-block-start:.5rem}.interactive-jon-mark__trigger:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset);border-radius:34%}a.interactive-jon-mark__trigger{text-decoration:none}a.interactive-jon-mark__trigger>span{display:contents}.interactive-jon-mark__avatar{--jon-avatar-reveal-delay:.5s;--jon-avatar-ink-start:1.2s;--jon-avatar-paper-duration:.7s;--jon-avatar-paper-easing:cubic-bezier(.2, .8, .2, 1);--jon-avatar-paper-start-x:-100%;--jon-avatar-paper-start-rotation:-360deg;--mark-rotation:-4deg;width:100%;height:100%;transform:rotate(var(--mark-rotation));transform-origin:50%;transition:transform .36s cubic-bezier(.16,1,.3,1);display:block;overflow:visible}.interactive-jon-mark__avatar .jon-avatar__background{transition:fill .32s}.jon-avatar__expression{transform-box:view-box;transform-origin:50%}.jon-avatar__artwork-part{transform-box:fill-box;transform-origin:50%}@media (prefers-reduced-motion:no-preference){.interactive-jon-mark__avatar .jon-avatar__expression{animation:.32s cubic-bezier(.16,1,.3,1) both jon-avatar-expression-in}.jon-avatar[data-expression=home] .jon-avatar__home-o{animation:.62s cubic-bezier(.34,1.12,.64,1) .18s both jon-avatar-home-wink}.jon-avatar[data-expression=work] .jon-avatar__work-pupil{animation:.52s cubic-bezier(.16,1,.3,1) both jon-avatar-work-focus}.jon-avatar[data-expression=history] .jon-avatar__history-pupil{animation:.56s cubic-bezier(.16,1,.3,1) both jon-avatar-history-look-back}.jon-avatar[data-expression=projects] .jon-avatar__projects-spark{animation:.6s cubic-bezier(.16,1,.3,1) both jon-avatar-projects-spark}.jon-avatar[data-expression=contact] .jon-avatar__contact-dot{animation:.56s cubic-bezier(.16,1,.3,1) both jon-avatar-contact-hello}}.interactive-jon-mark[data-state=work] .interactive-jon-mark__avatar{--mark-rotation:0deg;transform:scale(.96) rotate(var(--mark-rotation))}.interactive-jon-mark[data-state=history] .interactive-jon-mark__avatar{--mark-rotation:4deg;transform:scale(.94) rotate(var(--mark-rotation))}.interactive-jon-mark[data-state=projects] .interactive-jon-mark__avatar{--mark-rotation:-2deg;transform:scale(.97) rotate(var(--mark-rotation))}.interactive-jon-mark[data-state=contact] .interactive-jon-mark__avatar{--mark-rotation:-4deg;transform:rotate(var(--mark-rotation))}.interactive-jon-mark[data-temporary=true] .interactive-jon-mark__avatar{animation:.52s cubic-bezier(.16,1,.3,1) both interactive-mark-reaction}@media (any-pointer:coarse){html:has(.site-scroll-container){height:100%;min-height:0;overflow:hidden}body:has(.site-scroll-container){height:100%;min-height:0;overflow:hidden}body:has(.site-scroll-container) #root{height:100%;min-height:0;overflow:hidden}.site-scroll-container{overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;height:100dvh;overflow:clip auto}}.home-study-compact__masthead{margin-block-end:1.25rem}.home-study-compact__masthead .jon-avatar{width:4rem;height:4rem;display:block;transform:rotate(-4deg)}.home-study-compact__identity h1{margin-block-start:0}.home-study-compact__experience{max-width:34rem;color:var(--muted);margin:.75rem 0 0;font-size:.84rem;line-height:1.55}.home-study-compact__proof{border-block:1px solid var(--rule);grid-template-columns:repeat(3,minmax(0,1fr));margin:0 0 4.5rem;display:grid}.home-study-compact__proof>div{border-inline-end:1px solid var(--rule);gap:.35rem;min-width:0;padding:1.25rem 1rem;display:grid}.home-study-compact__proof>div:first-child{padding-inline-start:0}.home-study-compact__proof>div:last-child{border-inline-end:0}.home-study-compact__proof dt{font-family:Amiri,Georgia,serif;font-size:1.7rem;line-height:1}.home-study-compact__proof dd{color:var(--muted);margin:0;font-size:.68rem;line-height:1.4}.home-study-compact__feature{border-block:1px solid var(--rule);outline:0;grid-template-columns:minmax(0,1.15fr) minmax(13rem,.85fr);min-height:20rem;display:grid}.home-study-compact__feature-copy{flex-direction:column;min-width:0;padding:1.25rem 1.5rem 1.25rem 0;display:flex}.home-study-compact__feature-meta{color:var(--muted);justify-content:space-between;align-items:center;gap:1rem;display:flex}.home-study-compact__feature-meta span{font-size:.75rem}.home-study-compact__feature-copy h3{letter-spacing:-.035em;max-width:12ch;margin:auto 0 0;font-family:Amiri,Georgia,serif;font-size:clamp(2rem,5vw,3rem);font-weight:400;line-height:.95}.home-study-compact__feature-copy p{color:var(--muted);margin:.8rem 0 1.5rem;font-size:.88rem;line-height:1.5}.home-study-compact__feature-action{opacity:0;align-items:center;gap:.35rem;font-size:.7rem;transition:opacity .18s,transform .22s;display:inline-flex;transform:translateY(.35rem)}.home-study-compact__venn{min-width:0;color:var(--ink);background:#f9ff4700;place-items:center;transition:background-color .32s;display:grid;position:relative;overflow:hidden}.home-study-compact__feature:hover .home-study-compact__venn,.home-study-compact__feature:focus-visible .home-study-compact__venn{background:#f9ff47}.home-study-compact__venn i{aspect-ratio:1;opacity:.5;border:1.5px solid;border-radius:50%;width:72%;transition:transform .62s cubic-bezier(.33,1,.68,1),opacity .26s;position:absolute}.home-study-compact__venn i:first-of-type{transform:translate(-27%,-18%)}.home-study-compact__venn i:nth-of-type(2){transform:translate(27%,-18%)}.home-study-compact__venn i:nth-of-type(3){transform:translateY(27%)}.home-study-compact__venn span,.home-study-compact__venn strong{z-index:1;letter-spacing:.06em;text-transform:uppercase;font:.6rem/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;position:absolute}.home-study-compact__venn span{inset:.85rem auto auto .85rem}.home-study-compact__venn strong{font-weight:500;inset:auto .85rem .85rem auto}.home-study-compact__feature:hover .home-study-compact__venn i:first-of-type,.home-study-compact__feature:focus-visible .home-study-compact__venn i:first-of-type{transform:translate(-12%,-8%)}.home-study-compact__feature:hover .home-study-compact__venn i:nth-of-type(2),.home-study-compact__feature:focus-visible .home-study-compact__venn i:nth-of-type(2){transform:translate(12%,-8%)}.home-study-compact__feature:hover .home-study-compact__venn i:nth-of-type(3),.home-study-compact__feature:focus-visible .home-study-compact__venn i:nth-of-type(3){transform:translateY(12%)}.home-study-compact__feature:hover .home-study-compact__feature-action,.home-study-compact__feature:focus-visible .home-study-compact__feature-action{opacity:1;transform:translateY(0)}.home-study-compact__feature:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.home-study-compact__feature+.portfolio-list .portfolio-item:first-child{border-block-start:0}.home-study-compact__history{border-block-end:1px solid var(--rule);margin:0;padding:0;list-style:none}.home-study-compact__history li{border-block-start:1px solid var(--rule);grid-template-columns:5rem 1fr;gap:1.25rem;padding-block:1.35rem;display:grid}.home-study-compact__history li>span{color:var(--muted);padding-block-start:.2rem;font:.64rem/1.4 ui-monospace,SFMono-Regular,Consolas,monospace}.home-study-compact__history h3{margin:0;font-size:1rem;font-weight:500;line-height:1.4}.home-study-compact__history p{max-width:31rem;color:var(--muted);margin:.35rem 0 0;font-size:.88rem;line-height:1.55}.home-hybrid__recent-context{border-block-start:1px solid var(--rule);padding-block:1.35rem}.home-hybrid__recent-context h2,.home-hybrid__recent-context h3{font-family:var(--display-type);color:var(--display-colour,var(--ink));text-transform:var(--display-transform,none);font-size:1.55rem;font-weight:var(--display-weight,400);font-synthesis:var(--display-synthesis,none);letter-spacing:var(--display-tracking,normal);margin:0;line-height:1.15}.home-hybrid__recent-context>p{max-width:31rem;color:var(--muted);margin:.4rem 0 0;font-size:.88rem;line-height:1.55}.home-hybrid__history-intro{color:var(--tertiary);margin:.25rem 0 1.25rem;font-size:.78rem}.home-hybrid__history li{grid-template-columns:1fr}.home-hybrid__history-logos{flex-wrap:wrap;align-items:center;gap:.65rem 1rem;margin-block-start:1rem;display:flex}.home-hybrid__history-logo{width:5.5rem;min-height:2rem;color:var(--logo-color);align-items:center;display:inline-flex}.home-hybrid__history-logo .organisation-logo__mark{transform-origin:0;width:100%;height:2rem}.home-study-compact__cta{color:var(--paper);background:var(--display-colour);margin-block-start:4.5rem;padding:clamp(1.5rem,5vw,2.5rem)}.home-layout-study__contact-block{--contact-band:color-mix(in srgb, var(--contact-ground) 25%, var(--paper));background:var(--contact-band);margin-block-start:4.5rem;margin-inline:calc(50% - 50vw);padding-block:clamp(2.5rem,6vw,3.5rem);padding-inline:calc(50vw - 50%)}.home-layout-study__footer{color:var(--display-colour,var(--ink));background:var(--paper);margin-block-start:0;margin-inline:calc(50% - 50vw);padding-inline:calc(50vw - 50%)}.site-footer__inner{padding-block:var(--layout-space-5) var(--layout-space-6)}.site-footer__row{align-items:center;column-gap:var(--layout-space-5);flex-wrap:wrap;display:flex}.site-footer__mark{width:2.75rem;height:2.75rem}.site-footer__lines p,.site-footer__strip small{color:var(--muted);font-family:var(--display-type);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.625rem;font-weight:500;line-height:2}.site-footer__lines p.site-footer__lines-lead{color:var(--display-colour,var(--ink));letter-spacing:var(--display-tracking,.04em);font-size:.8125rem;font-weight:600}.site-footer__strip{margin-block-start:var(--layout-space-5)}.home-layout-study__footer a{color:var(--muted);text-decoration-line:underline;text-decoration-thickness:.0625rem;-webkit-text-decoration-color:color-mix(in srgb, currentcolor 45%, transparent);text-decoration-color:color-mix(in srgb, currentcolor 45%, transparent);text-underline-offset:.3em;transition:color .2s,text-decoration-color .2s}.home-layout-study__footer a:hover,.home-layout-study__footer a:focus-visible{color:var(--display-colour);text-decoration-color:currentColor}.home-layout-study .home-study-compact__cta{color:var(--ink);background:0 0;margin-block-start:0;padding:0}.home-layout-study__contact-heading{margin:0 0 var(--layout-space-2);color:var(--display-colour,var(--ink));font-family:var(--display-type);font-size:1.5625rem;font-weight:var(--display-weight,400);font-synthesis:var(--display-synthesis,none);letter-spacing:0;line-height:1.2}.home-layout-study__contact{--btn-accent:var(--contact-ground);--contact-ink:var(--display-colour);--contact-error:#ff4766;--contact-error-ink:color-mix(in srgb, var(--contact-error) 62%, var(--ink));--contact-muted:color-mix(in srgb, var(--contact-ink) 68%, transparent);--contact-rule:color-mix(in srgb, var(--contact-ink) 38%, transparent);--contact-accent:#685f7f;--contact-accent-deep:#534c66;--contact-cta-green:#3ffa5e;--contact-mode-lilac:#cfbdfe;--contact-mode-ink:#171717;--contact-motion-fast:.2s;--contact-motion-medium:.4s;--contact-ease:cubic-bezier(.2, .8, .2, 1);grid-template-columns:minmax(0,1fr);align-items:start;gap:clamp(2.5rem,7vw,4.5rem);margin-block-start:0;display:grid}.home-study-compact__cta h2{letter-spacing:-.06em;max-width:14ch;margin:0 0 1.25rem;font-family:inherit;font-size:clamp(2.35rem,7vw,4rem);font-weight:580;line-height:.9}.home-study-compact__cta h2 em{color:var(--compact-signal);font-family:var(--display-type);font-weight:var(--display-weight,400);font-synthesis:var(--display-synthesis,none);text-transform:var(--display-transform,none)}.home-study-compact__cta>a{min-height:2.5rem;color:inherit;border-block-end:1px solid;align-items:center;gap:.5rem;margin-block-start:2rem;font-size:.78rem;text-decoration:none;display:inline-flex}.home-study-compact__cta>a:hover{color:var(--compact-signal)}.home-study-compact__footer{border-block-start:1px solid var(--rule);justify-content:space-between;align-items:baseline;gap:2rem;padding-block-start:1.5rem;display:flex}.home-study-compact__footer>span{color:var(--muted);font-size:.75rem}.home-study-compact__footer .contact-list{justify-content:end;column-gap:.75rem}.home-study-compact__footer .contact-list a{gap:.3rem}.home-study-compact__footer .social-profile-link{width:2.75rem;min-height:2.75rem;color:var(--logo-color);place-items:center;text-decoration:none;display:inline-grid}.social-profile-icon{width:1.35rem;height:1.35rem;-webkit-mask-image:var(--social-profile-icon);-webkit-mask-image:var(--social-profile-icon);mask-image:var(--social-profile-icon);background-color:currentColor;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.home-study-compact__footer .social-profile-link:hover,.home-study-compact__footer .social-profile-link:focus-visible{color:var(--display-colour)}.home-layout-study__contact-panel{color:var(--contact-ink);position:relative}.home-layout-study__contact-panel>h3{color:var(--contact-ink);font-family:var(--display-type);font-size:clamp(1.75rem,4vw,2.5rem);font-weight:var(--display-weight,400);font-synthesis:var(--display-synthesis,none);letter-spacing:var(--display-tracking);text-transform:var(--display-transform,none);margin:0 0 2rem;line-height:1}.home-layout-study__contact-panel .contact-form__verification{width:100%}.contact-form{position:relative}.contact-form>form{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem 1.5rem;display:grid;container:contact-form/inline-size}.contact-form__field{align-content:start;gap:.55rem;display:grid;position:relative}.contact-form__field,.contact-form__topics{transition:filter .3s,opacity .3s}.contact-form form[data-given-up] .contact-form__field,.contact-form form[data-given-up] .contact-form__topics{filter:blur(3px);opacity:.55;pointer-events:none;-webkit-user-select:none;user-select:none}.contact-form__control{z-index:0;display:grid;position:relative}.contact-form__field-state{width:2rem;height:2rem;color:var(--contact-ink);pointer-events:none;place-items:center;display:grid;position:absolute;inset-block-start:.45rem;inset-inline-end:.65rem}.contact-form__label--inside{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.contact-form ::placeholder{color:color-mix(in srgb, var(--contact-ink) 55%, transparent);opacity:1}.contact-form__field--wide,.contact-form__topics,.contact-form__verification,.contact-form>form>button{grid-column:1/-1}.contact-form label{color:var(--contact-ink);font-family:var(--display-type);font-size:.75rem;font-weight:var(--display-weight,400);font-synthesis:var(--display-synthesis,none);letter-spacing:var(--display-tracking);text-transform:var(--display-transform,none);line-height:1}.contact-form input,.contact-form textarea{width:100%;color:var(--contact-ink);font:inherit;background:0 0;border:0;border-radius:.25rem;padding:.7rem 2.25rem .7rem 0;font-size:1rem;line-height:1.5}.home-layout-study__contact .contact-form input,.home-layout-study__contact .contact-form textarea{background:var(--paper);padding-inline:.75rem 3rem}.contact-form textarea{resize:vertical;min-height:9rem}.contact-form__advice:empty{width:1px;height:1px;box-shadow:none;clip:rect(0 0 0 0);border:0;margin:-1px;padding:0;overflow:hidden}.contact-form__advice:empty:after{content:none}.contact-form__advice{z-index:2;border:1px solid var(--rule);width:max-content;max-width:min(18rem,100vw - 2rem);color:var(--display-colour,var(--ink));background:var(--paper);font-family:var(--display-type);font-synthesis:var(--display-synthesis,none);font-size:.75rem;font-weight:var(--display-weight,400);letter-spacing:var(--display-tracking);border-radius:.75rem;margin:0;padding:.55rem .7rem;line-height:1.35;position:absolute;inset-block-end:calc(100% + .45rem);inset-inline-end:.75rem;box-shadow:0 1px 2px #1717170f,0 8px 24px -8px #1717172e}.contact-form__advice:after{z-index:1;border:solid var(--rule);background:var(--paper);content:"";border-width:0 1px 1px 0;width:.5rem;height:.5rem;position:absolute;inset-block-end:-.28rem;inset-inline-end:1.125rem;rotate:45deg}.contact-form__advice-fix{color:inherit;cursor:pointer;font:inherit;text-underline-offset:.3em;background:0 0;border:0;margin-inline-start:.5rem;padding:0;text-decoration-line:underline;text-decoration-thickness:.0625rem}.contact-form__advice-fix:hover{color:var(--contact-ink)}.contact-form__advice-dismiss{color:color-mix(in srgb, var(--display-colour,var(--ink)) 55%, transparent);cursor:pointer;font:inherit;background:0 0;border:0;margin-inline-start:.5rem;padding:0;line-height:1}.contact-form__advice-dismiss:hover{color:var(--contact-ink)}.contact-form__dictation{justify-items:start;gap:.35rem;display:grid}.contact-form__dictation-button{border:1px solid var(--rule);color:var(--contact-ink);cursor:pointer;font-family:var(--display-type);font-synthesis:var(--display-synthesis,none);font-size:.75rem;font-weight:var(--display-weight,400);letter-spacing:var(--display-tracking);background:0 0;border-radius:.75rem;padding:.35rem .7rem}.contact-form__dictation-button:hover:not(:disabled){border-color:var(--contact-ink)}.contact-form__dictation-button:disabled{cursor:not-allowed;opacity:.55}.contact-form__dictation-cta{background:color-mix(in srgb, var(--contact-ground) 55%, var(--paper));width:100%;transition:background-color .2s var(--contact-ease);border-radius:0 0 .75rem .75rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem .75rem;margin-block-start:-.55rem;padding:.5rem .75rem;display:flex}.contact-form__dictation-cta[data-mode=mic]{background:#e4f5e7}@supports (color:light-dark(#000, #fff)){.contact-form__dictation-cta{background:light-dark(color-mix(in srgb, var(--contact-ground) 55%, var(--paper)),color-mix(in srgb, var(--contact-ground) 24%, var(--paper)))}.contact-form__dictation-cta[data-mode=mic]{background:light-dark(#e4f5e7,color-mix(in srgb, var(--contact-cta-green) 10%, var(--paper)))}}@media (prefers-reduced-motion:reduce){.contact-form__dictation-cta{transition:none}}.contact-form__dictation-cta-lead{flex:1;align-items:center;gap:.75rem;min-width:fit-content;display:inline-flex}.contact-form__dictation-cta-press{color:var(--contact-ink);cursor:pointer;font-family:var(--display-type);font-synthesis:var(--display-synthesis,none);font-size:.78rem;font-weight:var(--display-weight,400);letter-spacing:var(--display-tracking);text-transform:var(--display-transform,none);transition:color .2s var(--contact-ease);text-align:start;background:0 0;border:0;flex:1;align-items:center;gap:.75rem;padding:.35rem .1rem;display:inline-flex}.contact-form__dictation-cta-press:hover{color:var(--contact-accent)}.contact-form__dictation-cta-trail{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.contact-form__mode-switch{--contact-mode-cell:2.25rem;border:1px solid var(--contact-mode-lilac);cursor:pointer;min-height:2.75rem;transition:background-color .18s var(--contact-ease), border-color .18s var(--contact-ease);background:0 0;border-radius:.75rem;align-items:center;padding:.25rem;display:inline-flex;position:relative}.contact-form__dictation-cta[data-mode=mic] .contact-form__mode-switch{border-color:var(--contact-cta-green)}.contact-form__mode-switch:hover{background:color-mix(in srgb, var(--contact-mode-lilac) 20%, transparent)}.contact-form__dictation-cta[data-mode=mic] .contact-form__mode-switch:hover{background:color-mix(in srgb, var(--contact-cta-green) 20%, transparent)}.contact-form__mode-thumb{inline-size:var(--contact-mode-cell);background:var(--contact-mode-lilac);transition:translate .2s var(--contact-ease), background-color .2s var(--contact-ease);border-radius:.55rem;position:absolute;inset-block:.25rem;inset-inline-start:.25rem}.contact-form__mode-switch[aria-checked=true] .contact-form__mode-thumb{translate:var(--contact-mode-cell) 0;background:var(--contact-cta-green)}.contact-form__mode-cell{z-index:1;width:var(--contact-mode-cell);height:var(--contact-mode-cell);color:var(--contact-ink);transition:color .2s var(--contact-ease);place-items:center;display:grid;position:relative}.contact-form__mode-cell[data-active=true]{color:var(--contact-mode-ink)}.contact-form__mode-icon{fill:currentColor;width:1.15rem;height:1.15rem}.contact-form__dictation-cta-press:focus-visible,.contact-form__mode-switch:focus-visible,.contact-form__record:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.contact-form__record-slot{align-self:start;display:inline-flex;position:relative}.contact-form__record{border:1px solid var(--contact-cta-green);min-height:2.75rem;color:var(--contact-ink);cursor:pointer;font-family:var(--display-type);font-synthesis:var(--display-synthesis,none);font-size:.78rem;font-weight:var(--display-weight,400);letter-spacing:var(--display-tracking);text-transform:var(--display-transform,none);transition:color .18s var(--contact-ease), background-color .18s var(--contact-ease), border-color .18s var(--contact-ease);background:0 0;border-radius:.75rem;align-items:center;gap:.75rem;padding-inline:1rem .5rem;display:inline-flex}.contact-form__record:hover:not(:disabled):not([aria-pressed=true]){background:color-mix(in srgb, var(--contact-cta-green) 20%, transparent)}.contact-form__record:disabled{cursor:not-allowed;opacity:.5}.contact-form__record svg{fill:currentColor;width:1.2rem;height:1.2rem}.contact-form__record[aria-pressed=true]{color:var(--contact-mode-ink);background:var(--contact-cta-green);border-color:#0000}.contact-form__record[aria-pressed=true]:hover:not(:disabled){background:color-mix(in srgb, var(--contact-mode-ink) 15%, var(--contact-cta-green))}.contact-form__record-label{display:grid;position:relative}.contact-form__record-label-text{visibility:hidden;grid-area:1/1}.contact-form__record-label-text[data-visible=true]{visibility:visible}.contact-form__record-ring{background:var(--paper);border-radius:.5rem;flex:none;place-items:center;width:1.6rem;height:1.6rem;display:grid}.contact-form__record-dot{background:var(--contact-error);opacity:0;width:.55rem;height:.55rem;transform:scale(var(--dot-scale,1));transition:opacity .18s var(--contact-ease);border-radius:50%}.contact-form__record[aria-pressed=true] .contact-form__record-dot{opacity:1}@media (prefers-reduced-motion:reduce){.contact-form__mode-thumb{transition:none}}.contact-form__soft-notice:empty{width:1px;height:1px;box-shadow:none;clip:rect(0 0 0 0);border:0;margin:-1px;padding:0;position:absolute;overflow:hidden}.contact-form__soft-notice:empty:after{content:none}.contact-form__soft-notice{z-index:2;border:1px solid var(--rule);width:max-content;max-width:min(16rem,100vw - 2rem);color:var(--display-colour,var(--ink));background:var(--paper);font-family:var(--display-type);font-synthesis:var(--display-synthesis,none);font-size:.75rem;font-weight:var(--display-weight,400);letter-spacing:var(--display-tracking);text-align:center;border-radius:.75rem;margin:0;padding:.55rem .7rem;line-height:1.35;position:absolute;inset-block-end:calc(100% + .55rem);inset-inline-start:50%;translate:-50%;box-shadow:0 1px 2px #1717170f,0 8px 24px -8px #1717172e}.contact-form__soft-notice:after{z-index:1;border:solid var(--rule);background:var(--paper);content:"";border-width:0 1px 1px 0;width:.5rem;height:.5rem;position:absolute;inset-block-end:-.28rem;inset-inline-start:50%;translate:-50%;rotate:45deg}.contact-form__dictation-note{min-height:2.75rem;color:var(--contact-ink);font-family:var(--display-type);font-synthesis:var(--display-synthesis,none);font-size:.78rem;font-weight:var(--display-weight,400);letter-spacing:var(--display-tracking);text-transform:var(--display-transform,none);align-items:center;margin:0;line-height:1.35;display:flex}.contact-form__status-row{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.25rem 1rem;min-height:1.0125rem;padding-inline:.75rem;display:flex}.contact-form__status-row:not(:has(.contact-form__dictation-error)):has(.contact-form__dictation-live:empty){min-height:0;margin-block-start:-.35rem}.contact-form__status-slot{min-width:0;display:grid}.contact-form__status-slot>*{grid-area:1/1}.contact-form__dictation-live,.contact-form__dictation-error{color:var(--contact-ink);font-family:var(--display-type);font-synthesis:var(--display-synthesis,none);font-size:.75rem;font-weight:var(--display-weight,400);letter-spacing:var(--display-tracking);margin:0;line-height:1.35}.contact-form__dictation-live:empty{clip-path:inset(50%);width:1px;height:1px;margin:-1px;padding:0;overflow:hidden}.contact-form__dictation-retry{color:inherit;cursor:pointer;font:inherit;text-underline-offset:.3em;background:0 0;border:0;margin-inline-start:.5rem;padding:0;text-decoration-line:underline;text-decoration-thickness:.0625rem}.contact-form input:disabled,.contact-form textarea:disabled{cursor:not-allowed;opacity:.55}.contact-form__topic:has(input:disabled){cursor:not-allowed;opacity:.55}.contact-form__state-mark{width:100%;height:100%;display:block}.contact-form__control:not(:focus-within) .contact-form__state-mark[data-state=valid]{display:none}@media (prefers-reduced-motion:no-preference){.contact-form__state-mark{animation:.32s cubic-bezier(.16,1,.3,1) jon-avatar-expression-in}}.contact-form input:-webkit-autofill{-webkit-text-fill-color:var(--contact-ink);box-shadow:0 0 0 100px var(--paper) inset}.contact-form input:-webkit-autofill:hover{-webkit-text-fill-color:var(--contact-ink);box-shadow:0 0 0 100px var(--paper) inset}.contact-form input:-webkit-autofill:focus{-webkit-text-fill-color:var(--contact-ink);box-shadow:0 0 0 100px var(--paper) inset}.contact-form__field-error{z-index:1;height:2rem;color:var(--ink);pointer-events:none;align-items:center;margin:0;font-size:.75rem;font-weight:600;line-height:1.4;display:flex;position:absolute;inset-block-start:.45rem;inset-inline-end:3.05rem}.home-layout-study__contact .contact-form__control:has(.contact-form__field-error:not(:empty)) :is(input,textarea){padding-inline-end:9rem}.contact-form__field-error:not(:empty):not([data-leaving]){animation:.52s cubic-bezier(.16,1,.3,1) contact-error-in}.contact-form__field-error[data-leaving]{animation:.4s cubic-bezier(.16,1,.3,1) forwards contact-error-out}@keyframes contact-error-in{0%{clip-path:inset(0 0 0 100%)}to{clip-path:inset(0)}}@keyframes contact-error-out{0%{clip-path:inset(0)}to{clip-path:inset(0 0 0 100%)}}.contact-form__verification{min-height:0}.contact-readout{border:1px dashed color-mix(in srgb, var(--contact-ink) 40%, transparent);color:var(--contact-ink);margin-block-end:var(--layout-space-5,1.5rem);padding:.75rem;font:.6875rem ui-monospace,SFMono-Regular,Consolas,monospace}.contact-readout__state{gap:.5rem;margin:0 0 .5rem;display:flex}.contact-readout__state span{color:var(--muted)}.contact-readout__context{grid-template-columns:auto 1fr;gap:.15rem .75rem;margin:0 0 .75rem;display:grid}.contact-readout__context dt{color:var(--muted)}.contact-readout__context dd{overflow-wrap:anywhere;margin:0}.contact-readout__mini-bar{border:1px solid color-mix(in srgb, var(--contact-ink) 40%, transparent);block-size:.5rem;inline-size:4rem;display:inline-block}.contact-readout__mini-bar-fill{background:var(--contact-ink);block-size:100%;display:block}.contact-chart{width:100%;max-width:24rem;height:auto;margin-block-end:.75rem;font-size:7px;display:block;overflow:visible}.contact-chart__node rect{fill:none;stroke:currentColor;stroke-width:1px}.contact-chart__node text{fill:currentColor}.contact-chart__node[data-current=false]{opacity:.4}.contact-chart__node[data-current=true] rect{fill:currentColor}.contact-chart__node[data-current=true] text{fill:var(--paper)}.contact-chart__edge path{fill:none;stroke:currentColor;stroke-width:1px}.contact-chart__edge text{paint-order:stroke;fill:currentColor;stroke:var(--contact-band,var(--paper));stroke-width:2.5px}.contact-chart__edge[data-live=false]{opacity:.3}.contact-chart__edge[data-hint=true]{opacity:1}.contact-chart__edge[data-hint=true] path{stroke-width:2px}.contact-chart__guard{paint-order:stroke;fill:currentColor;opacity:.5;stroke:var(--contact-band,var(--paper));stroke-width:2.5px}.contact-chart__guard[data-met=true]{opacity:.75}.contact-chart__guard[data-hint=true]{opacity:1;font-weight:700}.contact-readout__group-label{color:var(--muted);margin:.75rem 0 .35rem}.contact-readout__steps{flex-wrap:wrap;gap:.35rem;display:flex}.contact-readout .contact-readout__steps button{border:1px solid var(--contact-ink);min-height:0;color:var(--paper);background:var(--contact-ink);cursor:pointer;font:inherit;letter-spacing:0;text-transform:none;justify-items:start;gap:.15rem;padding:.3rem .6rem;display:grid}.contact-readout .contact-readout__steps button small{opacity:.7;font-size:.9em}.contact-readout .contact-readout__steps button:disabled{border-color:color-mix(in srgb, var(--contact-ink) 25%, transparent);color:color-mix(in srgb, var(--contact-ink) 35%, transparent);cursor:not-allowed;background:0 0}.contact-form__topics{border:0;min-width:0;margin:0;padding:0}.contact-form__topics legend{color:var(--contact-ink);font-family:var(--display-type);font-size:.75rem;font-weight:var(--display-weight,400);font-synthesis:var(--display-synthesis,none);letter-spacing:var(--display-tracking);text-transform:var(--display-transform,none);padding:0;line-height:1}.contact-form__topic-options{flex-wrap:wrap;justify-content:space-between;gap:.5rem;margin-block-start:.55rem;display:flex}@container contact-form (width<=39rem){.contact-form__topic-options{flex-direction:column}.contact-form__topic{justify-content:space-between;width:100%}.contact-form__dictation-cta-trail .contact-form__record-slot{width:100%}.contact-form__record-slot .contact-form__record{justify-content:center;width:100%}.contact-form__dictation-cta-trail .contact-form__dictation-button{text-align:center;width:100%}.contact-form__dictation-cta{flex-direction:column;align-items:stretch}.contact-form__dictation-cta-trail{width:100%}}.contact-form__topic{min-height:2.75rem;color:var(--contact-ink);background:color-mix(in srgb, var(--contact-ground) 55%, var(--paper));cursor:pointer;transition:color .18s var(--contact-ease), background-color .18s var(--contact-ease), border-color .18s var(--contact-ease);border:0;border-radius:.75rem;align-items:center;gap:.75rem;padding-inline:1rem .5rem;font-size:.8125rem;line-height:1;display:inline-flex}.contact-form__topic-indicator{background:color-mix(in srgb, var(--paper) 60%, transparent);width:1.75rem;height:1.75rem;transition:background-color .18s var(--contact-ease);border-radius:.5rem;flex:none;place-items:center;display:grid;position:relative}.contact-form__topic-mark{width:100%;height:100%;display:block}@media (prefers-reduced-motion:no-preference){.contact-form__topic-mark{animation:.32s cubic-bezier(.16,1,.3,1) jon-avatar-expression-in}}.contact-form__topic input{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.contact-form__topic:hover:not(:has(input:disabled)):not(:has(input:checked)){background:color-mix(in srgb, var(--contact-ground) 85%, var(--paper))}.contact-form__topic:has(input:checked){color:#fafafa;background:var(--contact-accent)}@supports (color:light-dark(#000, #fff)){.contact-form__topic{background:light-dark(color-mix(in srgb, var(--contact-ground) 55%, var(--paper)),color-mix(in srgb, var(--contact-ground) 24%, var(--paper)))}.contact-form__topic:hover:not(:has(input:disabled)):not(:has(input:checked)){background:light-dark(color-mix(in srgb, var(--contact-ground) 85%, var(--paper)),color-mix(in srgb, var(--contact-ground) 32%, var(--paper)))}}.contact-form__topic:has(input:checked) .contact-form__topic-indicator{background:#fafafa}.contact-form__topic:has(input:focus-visible){outline:var(--focus-ring);outline-offset:var(--focus-ring-offset);border-radius:.75rem}.contact-state-icon{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:1.25rem;height:1.25rem;overflow:visible}.contact-state-icon>g{opacity:0}.contact-state-icon__arrow{transition:transform var(--contact-motion-fast) var(--contact-ease)}.contact-state-icon[data-state=idle] .contact-state-icon__arrow,.contact-state-icon[data-state=sending] .contact-state-icon__ring,.contact-state-icon[data-state=valid] .contact-state-icon__ring,.contact-state-icon[data-state=success] .contact-state-icon__ring,.contact-state-icon[data-state=invalid] .contact-state-icon__ring,.contact-state-icon[data-state=error] .contact-state-icon__ring,.contact-state-icon[data-state=invalid] .contact-state-icon__alert,.contact-state-icon[data-state=error] .contact-state-icon__cross{opacity:1}.contact-state-icon[data-state=sending] .contact-state-icon__ring circle{stroke-dasharray:20 60}.contact-state-icon[data-state=valid] .contact-state-icon__check,.contact-state-icon[data-state=success] .contact-state-icon__check{opacity:1;animation:contact-stroke-in var(--contact-motion-medium) var(--contact-ease) both}.contact-state-icon__ring circle,.contact-state-icon__check path{stroke-dasharray:60;stroke-dashoffset:0}.contact-form__field:has([aria-invalid=true]){animation:contact-error-nudge .3s var(--contact-ease) 1}.contact-form__submit,.disclosure-button{border:1px solid color-mix(in srgb, var(--btn-accent,var(--ink)) 62%, var(--display-colour,var(--ink)));min-height:3.25rem;color:var(--display-colour,var(--ink));background:var(--paper);cursor:pointer;font-family:var(--display-type);font-size:.78rem;font-weight:var(--display-weight,400);font-synthesis:var(--display-synthesis,none);letter-spacing:var(--display-tracking);text-transform:var(--display-transform,none);transition:color .22s var(--contact-ease,ease), background-color .22s var(--contact-ease,ease), border-color .22s var(--contact-ease,ease);border-radius:1rem;justify-content:space-between;align-items:center;gap:1rem;padding:.5rem .5rem .5rem 1.25rem;display:inline-flex}.contact-form__submit{color:#fafafa;background:color-mix(in srgb, var(--contact-accent-deep) 40%, #9574ea);border:none;grid-column:1/-1;margin-block-start:-1.25rem}.contact-form__submit[data-state=sending] .contact-state-icon{animation:.7s linear infinite contact-spin}.contact-form__submit .contact-form__button-end{background:#fafafa33}.contact-form__button-end,.disclosure-button__end{background:color-mix(in srgb, var(--btn-accent,var(--ink)) 28%, var(--paper));width:2.25rem;height:2.25rem;transition:background-color .22s var(--contact-ease,ease);border-radius:.65rem;flex:none;justify-content:center;align-items:center;display:inline-flex}.contact-form__countdown{width:1.25rem;height:1.25rem;transform:rotate(-90deg)}.contact-form__countdown circle{fill:none;stroke:currentColor;stroke-width:2px}.contact-form__countdown-track{opacity:.3}.contact-form__countdown-sweep{stroke-dasharray:var(--countdown-length);stroke-dashoffset:0;stroke-linecap:round;animation:contact-countdown var(--countdown-duration) linear forwards}@keyframes contact-countdown{to{stroke-dashoffset:var(--countdown-length)}}.contact-form__pending{min-block-size:24rem}.contact-form a.contact-form__submit{text-decoration:none}.contact-form__submit:active:not(:disabled){transform:translateY(1px)}.contact-form__submit:hover:not(:disabled),.contact-form__submit:focus-visible:not(:disabled),.disclosure-button:hover,.disclosure-button:focus-visible{background:color-mix(in srgb, var(--btn-accent,var(--ink)) 28%, var(--paper))}.contact-form__submit:hover:not(:disabled) .contact-form__button-end,.contact-form__submit:focus-visible:not(:disabled) .contact-form__button-end,.disclosure-button:hover .disclosure-button__end,.disclosure-button:focus-visible .disclosure-button__end{background:var(--btn-accent,var(--ink))}.contact-form__submit:hover:not(:disabled),.contact-form__submit:focus-visible:not(:disabled){background:color-mix(in srgb, var(--contact-accent-deep) 50%, #9574ea)}.contact-form__submit:hover:not(:disabled) .contact-form__button-end,.contact-form__submit:focus-visible:not(:disabled) .contact-form__button-end{background:#fafafa4d}.contact-form__submit:disabled{color:color-mix(in srgb, var(--display-colour,var(--ink)) 45%, transparent);cursor:not-allowed;background:0 0}.contact-form__submit:disabled .contact-form__button-end{background:color-mix(in srgb, var(--display-colour,var(--ink)) 8%, transparent)}.disclosure-button{border-color:var(--rule);gap:.75rem;min-height:2.5rem;padding:.3rem .3rem .3rem .9rem;font-size:.72rem}.disclosure-button__end{border-radius:.55rem;width:1.8rem;height:1.8rem}.contact-form__status{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.contact-form__unavailable{max-width:28rem;color:var(--muted);margin:0;line-height:1.55}.contact-form__honeypot{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;inset-inline-start:-10000px;overflow:hidden}@keyframes contact-spin{to{transform:rotate(1turn)}}@keyframes contact-stroke-in{0%{stroke-dashoffset:60px}}@keyframes contact-error-nudge{0%,to{transform:translate(0)}35%{transform:translate(-.2rem)}70%{transform:translate(.2rem)}}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.contact-form__submit:hover:not(:disabled) .contact-state-icon__arrow,.contact-form__submit:focus-visible:not(:disabled) .contact-state-icon__arrow{transform:translate(.2rem)}}@media (width<=44rem){.home-layout-study__contact{grid-template-columns:1fr}}@media (width<=36rem){.home-study-compact__proof{grid-template-columns:1fr}.home-study-compact__proof>div,.home-study-compact__proof>div:first-child{border-inline-end:0;border-block-end:1px solid var(--rule);grid-template-columns:6rem 1fr;align-items:baseline;padding-inline:0}.home-study-compact__proof>div:last-child{border-block-end:0}.home-study-compact__feature{grid-template-columns:1fr}.home-study-compact__feature-copy{min-height:19rem;padding-inline-end:0}.home-study-compact__venn{min-height:17rem}.home-study-compact__history li{grid-template-columns:1fr;gap:.45rem}.home-study-compact__cta{margin-inline:-1rem}.home-study-compact__footer{flex-direction:column;align-items:start}.contact-form>form{grid-template-columns:1fr}.contact-form__field,.contact-form__verification,.contact-form>form>button{grid-column:1}.home-hybrid__footer-contact{flex-direction:column;align-items:start;gap:.75rem;margin-inline-start:0}.home-study-compact__footer .contact-list{justify-content:start}}@media (width<=22rem){.home-study-compact__cta.home-layout-study__contact{margin-inline:-.5rem;padding-inline:0}.home-layout-study .home-layout-study__contact-panel{min-width:0;padding-inline:.4rem}}@media (forced-colors:active){.home-layout-study__contact-panel,.contact-form input,.contact-form textarea,.contact-form__submit,.disclosure-button{border-color:buttontext}.contact-form__submit{border:1px solid buttontext}.contact-state-icon{color:buttontext}.contact-form input:focus-visible,.contact-form textarea:focus-visible,.contact-form__submit:focus-visible,.disclosure-button:focus-visible{outline-color:buttontext}.contact-form input[aria-invalid=true],.contact-form textarea[aria-invalid=true]{border-color:highlight}}@media (prefers-contrast:more){.home-layout-study__contact-panel,.contact-form input,.contact-form textarea,.contact-form__submit,.disclosure-button{border-width:2px}}@media (prefers-reduced-motion:reduce){.contact-form *,.contact-form :before,.contact-form :after{transition-duration:.01ms;animation:none}.interactive-jon-mark,.interactive-jon-mark:before,.interactive-jon-mark__trigger,.interactive-jon-mark__avatar,.interactive-jon-mark__avatar .jon-avatar__background,.jon-avatar__expression,.jon-avatar__artwork-part,.triggered-highlight,.contact-form__field-error{transition:none;animation:none}}.mark-readout__line{z-index:40;pointer-events:none;border-block-start:1px dashed #ff2dbb;position:fixed;left:0;right:0}.mark-readout__line span{color:#ff2dbb;font:10px ui-monospace,SFMono-Regular,Menlo,monospace;position:absolute;top:2px;left:8px}.mark-readout{z-index:41;color:#f2f2f2;pointer-events:none;background:#171717eb;border-radius:6px;width:15rem;padding:.6rem .7rem;font:11px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace;position:fixed;top:8px;right:8px}.mark-readout__state{color:#c5ff2d;text-transform:uppercase;letter-spacing:.08em;margin:0 0 .4rem;font-size:13px}.mark-readout dl{border-block-end:1px solid #ffffff2e;gap:.1rem;margin:0 0 .5rem;padding-block-end:.5rem;display:grid}.mark-readout dl>div{justify-content:space-between;gap:.5rem;display:flex}.mark-readout dt{color:#ffffff8c}.mark-readout dd{margin:0}.mark-readout ol{counter-reset:mark;gap:.1rem;margin:0;padding:0;list-style:none;display:grid}.mark-readout li{color:#ffffff9e;border-radius:3px;grid-template-columns:1fr auto auto;gap:.5rem;padding:.1rem .25rem;display:grid}.mark-readout li[data-current=true]{color:#f2f2f2;background:#c5ff2d2e}.mark-readout li[data-tight=true] span:last-child{color:#ff2dbb}.theme-switch{background:color-mix(in srgb, var(--paper) 72%, transparent);border:0;border-radius:999px;align-self:center;gap:.125rem;margin-block-end:.5rem;margin-inline-start:auto;padding:.1875rem;transition:opacity .26s,visibility .26s,transform .38s cubic-bezier(.16,1,.3,1);display:flex}@supports not (color:light-dark(#000, #fff)){.theme-switch{display:none}}.interactive-jon-mark:not(.interactive-jon-mark--pinned) .theme-switch{opacity:0;visibility:hidden;transform:translateY(.4rem)}.theme-switch__legend,.theme-switch__label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.theme-switch__option{width:1.625rem;height:1.625rem;color:var(--muted);cursor:pointer;border-radius:999px;place-items:center;transition:color .18s,background-color .18s;display:grid}.theme-switch__option input{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.theme-switch__option svg{width:1rem;height:1rem}.theme-switch__option:hover{color:var(--display-colour,var(--ink))}.theme-switch__option[data-checked=true]{color:var(--display-colour,var(--ink));background:color-mix(in srgb, var(--ink) 9%, transparent)}@keyframes theme-switch-pop{0%,to{transform:scale(1)}36%{transform:scale(.8,.9)rotate(3deg)}68%{transform:scale(1.06,.96)rotate(-2deg)}}@media (prefers-reduced-motion:no-preference){.theme-switch[data-interacted=true] .theme-switch__option[data-checked=true] svg{animation:.52s cubic-bezier(.16,1,.3,1) both theme-switch-pop}}.theme-switch__option:has(input:focus-visible){outline:var(--focus-ring);outline-offset:2px}.interactive-jon-mark__name{height:4rem;color:var(--display-colour,var(--ink));font-family:var(--display-type);letter-spacing:var(--display-tracking,.04em);text-transform:var(--display-transform,uppercase);white-space:nowrap;opacity:0;pointer-events:none;flex-direction:column;justify-content:center;align-items:flex-start;margin-inline-start:.75rem;font-size:.8125rem;font-weight:600;line-height:1.2;transition:opacity .26s,transform .38s cubic-bezier(.16,1,.3,1),height .36s cubic-bezier(.16,1,.3,1),margin .36s cubic-bezier(.16,1,.3,1);display:flex;transform:translateY(.4rem)}.interactive-jon-mark--pinned .interactive-jon-mark__name{height:2.5rem;margin-block-start:.5rem}.interactive-jon-mark__name[data-visible=true]{opacity:1;transform:translateY(0)}.interactive-jon-mark__role{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;transform-origin:0;margin-block-start:.1rem;font-size:.625rem;font-weight:500;animation:.32s cubic-bezier(.16,1,.3,1) both mark-role-in}.interactive-jon-mark__role[data-filled=false]:after{content:" "}@keyframes mark-role-in{0%{opacity:.35;transform:scale(.82)}68%{opacity:1;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.interactive-jon-mark__role{animation:none}.interactive-jon-mark__name{transition:opacity .12s;transform:none}}.tooltip{display:contents}.tooltip__bubble{z-index:0;border:1px solid var(--rule);width:max-content;max-width:min(18rem,100vw - 2rem);color:var(--ink);background:var(--paper);font-family:var(--display-type);font-synthesis:var(--display-synthesis,none);letter-spacing:var(--display-tracking);pointer-events:none;border-radius:.75rem;margin:0;padding:.55rem .7rem;font-size:.75rem;line-height:1.35;position:fixed;inset:auto;overflow:visible;box-shadow:0 1px 2px #1717170f,0 8px 24px -8px #1717172e}.tooltip__bubble[data-interactive]{pointer-events:auto}.tooltip__bubble:not(:popover-open){display:none}.tooltip__bubble:after{z-index:1;border:solid var(--rule);background:var(--paper);content:"";width:.5rem;height:.5rem;position:absolute;inset-inline-start:calc(var(--tooltip-beak,50%) - .25rem);rotate:45deg}.tooltip__bubble[data-side=above]:after{border-width:0 1px 1px 0;inset-block-end:-.28rem}.tooltip__bubble[data-side=below]:after{border-width:1px 0 0 1px;inset-block-start:-.28rem}.tooltip__label{color:var(--display-colour,var(--ink));font-weight:var(--display-weight,400);text-wrap:balance;display:block}.tooltip__note{color:var(--muted);text-wrap:pretty;margin-block-start:.2rem;font-size:.7rem;line-height:1.45;display:block}.tooltip__preview{background:color-mix(in srgb, var(--ink) 6%, var(--paper));border-radius:.4rem;width:100%;margin-block-end:.5rem;display:block;overflow:hidden}.tooltip__preview img{object-fit:cover;width:100%;height:100%;display:block}.tooltip__link{color:var(--muted);text-underline-offset:.2rem;margin-block-start:.45rem;font-size:.7rem;text-decoration-line:underline;display:inline-block}.tooltip__link:hover{color:var(--ink)}@media (prefers-reduced-motion:no-preference){.tooltip__bubble{opacity:1;transition:opacity .14s ease, translate .14s cubic-bezier(.33, 1, .68, 1), display .14s allow-discrete, overlay .14s allow-discrete;translate:none}.tooltip__bubble:not(:popover-open){opacity:0;translate:0 var(--tooltip-rise)}@starting-style{.tooltip__bubble:popover-open{opacity:0;translate:0 var(--tooltip-rise)}}.tooltip__bubble[data-side=above]{--tooltip-rise:.25rem}.tooltip__bubble[data-side=below]{--tooltip-rise:-.25rem}}@media (forced-colors:active){.tooltip__bubble,.tooltip__bubble:after{background:canvas;border-color:canvastext}}.privacy-page__prose{max-width:34rem}.privacy-page__prose h1{margin:0 0 var(--layout-space-5)}.privacy-page__prose h2{margin:var(--layout-space-7) 0 var(--layout-space-3);font-family:var(--display-type);color:var(--display-colour,var(--ink));scroll-margin-top:4.25rem;font-size:1.125rem;font-weight:400}.privacy-page__prose p{margin:0 0 var(--layout-space-4);color:var(--ink);font-size:1rem;line-height:1.65}.privacy-page__prose p.privacy-page__updated{color:var(--muted);font-family:var(--display-type);letter-spacing:.08em;text-transform:uppercase;margin-block-start:var(--layout-space-6);font-size:.625rem;font-weight:500}.error-page{flex-direction:column;align-items:flex-start;width:min(40rem,100% - 3rem);min-height:100vh;margin-inline:auto;padding-block:2.5rem 4.5rem;display:flex}.error-page__mark{width:4rem;height:4rem;display:block;transform:rotate(-4deg)}.error-page__title{color:var(--display-colour);font-family:var(--display-type);letter-spacing:.04em;text-transform:uppercase;margin:3.75rem 0 1rem;font-size:2rem;font-weight:400;line-height:1.125}.error-page__copy{color:var(--muted);margin:0;font-size:1rem;line-height:1.5}.error-page__copy a{color:inherit;text-decoration-line:underline;text-decoration-thickness:.0625rem;-webkit-text-decoration-color:color-mix(in srgb, currentcolor 45%, transparent);text-decoration-color:color-mix(in srgb, currentcolor 45%, transparent);text-underline-offset:.3em}.error-page__copy a:hover,.error-page__copy a:focus-visible{color:var(--display-colour);text-decoration-color:currentColor}.error-page__reload{--accent:#f9ff47;border:1px solid color-mix(in srgb, var(--accent) 62%, var(--display-colour));min-height:3.25rem;color:var(--display-colour);background:var(--paper);cursor:pointer;font-family:var(--display-type);font-synthesis:none;letter-spacing:.04em;text-transform:uppercase;border-radius:1rem;justify-content:space-between;align-items:center;gap:1rem;margin-block-start:2.5rem;padding:.5rem .5rem .5rem 1.25rem;font-size:.78rem;display:inline-flex}.error-page__reload:focus-visible{outline:2px solid var(--ink);outline-offset:.25rem}.error-page__reload-end{background:color-mix(in srgb, var(--accent) 28%, var(--paper));border-radius:.65rem;flex:none;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;transition:background-color .22s cubic-bezier(.2,.8,.2,1);display:inline-flex}.error-page__reload:hover .error-page__reload-end,.error-page__reload:focus-visible .error-page__reload-end{background:color-mix(in srgb, var(--accent) 45%, var(--paper))}.error-page__strip{margin-block-start:auto;padding-block-start:4rem}.error-page__strip small{color:var(--muted);font-family:var(--display-type);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.625rem;font-weight:500;line-height:2}.error-page__strip a{color:var(--muted);text-decoration-line:underline;text-decoration-thickness:.0625rem;-webkit-text-decoration-color:color-mix(in srgb, currentcolor 45%, transparent);text-decoration-color:color-mix(in srgb, currentcolor 45%, transparent);text-underline-offset:.3em;transition:color .18s,text-decoration-color .18s}.error-page__strip a:hover,.error-page__strip a:focus-visible{color:var(--display-colour);text-decoration-color:currentColor}.error-page__strip a:focus-visible{outline:2px solid var(--ink);outline-offset:.25rem}