:root{--cyc:#eff1f4;--cyc-lit:#f8f9fb;--cyc-deep:#dde2e8;--graphite:#1b2129;--grey-card:#5d6672;--hairline:#c3cad3;--rubylith:#d8382f;--rubylith-ink:#b62a22;--glass:#a8c0d4;--chequer-a:#fff;--chequer-b:#d9dfe7;--font-display:"Archivo", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-prose:"Source Serif 4", ui-serif, Georgia, "Times New Roman", serif;--measure:66ch;--gutter:clamp(1.25rem, 5vw, 5.5rem);--rhythm:clamp(3.5rem, 8vw, 8rem);color-scheme:light}*,:before,:after{box-sizing:border-box}body{background:var(--cyc);color:var(--graphite);font-family:var(--font-prose);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:1.0625rem;line-height:1.65}h1,h2,h3,.display,.ui{font-family:var(--font-display);font-variant-numeric:tabular-nums}h1,h2,h3{text-wrap:balance;margin:0}p,figure{margin:0}a{color:inherit}img,svg{max-width:100%}:where(a,button,input,[tabindex]):focus-visible{outline:2px solid var(--rubylith);outline-offset:3px;border-radius:1px}.shell{max-width:78rem;padding-inline:var(--gutter);margin-inline:auto}.section{padding-block:var(--rhythm)}.section-heading{letter-spacing:-.02em;max-width:20ch;font-size:clamp(1.6rem,3.4vw,2.5rem);font-weight:600;font-stretch:112%;line-height:1.08}.prose{max-width:var(--measure);color:var(--grey-card)}.prose--tight{max-width:54ch}.lede{margin-top:1.5rem}.masthead{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.75rem 1.5rem;padding-block:1.75rem 0;display:flex}.masthead__name{font-family:var(--font-display);letter-spacing:.01em;font-size:1rem;font-weight:600;font-stretch:112%}.masthead__where{font-family:var(--font-display);color:var(--grey-card);font-size:.875rem;font-weight:400}.hero{padding-block:clamp(2rem,4.5vw,3.5rem) clamp(2rem,4vw,3rem)}.hero__headline{letter-spacing:-.03em;max-width:19ch;font-size:clamp(2.1rem,5.1vw,4rem);font-weight:600;font-stretch:118%;line-height:1}.hero__standfirst{max-width:56ch;color:var(--grey-card);margin-top:1.375rem;font-size:1.125rem;line-height:1.6}.matte{margin-top:clamp(2rem,4vw,3.25rem)}.matte__frame{border:1px solid var(--hairline);background-color:var(--chequer-a);background-image:linear-gradient(45deg, var(--chequer-b) 25%, transparent 25%), linear-gradient(-45deg, var(--chequer-b) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--chequer-b) 75%), linear-gradient(-45deg, transparent 75%, var(--chequer-b) 75%);aspect-ratio:2;background-position:0 0,0 9px,9px -9px,-9px 0;background-size:18px 18px;position:relative;overflow:hidden}@media (width<=44rem){.matte__frame{margin-inline:calc(var(--gutter) * -1);border-inline:0}}.matte__layer{width:100%;height:100%;position:absolute;inset:0}.matte__layer--source{clip-path:inset(0 calc(100% - var(--wipe,62%)) 0 0)}.matte__seam{inset-block:0;left:var(--wipe,62%);background:var(--rubylith);pointer-events:none;width:1px;position:absolute}.matte__seam:after{content:"";border:1px solid var(--rubylith);background:var(--cyc-lit);border-radius:50%;width:2.25rem;height:2.25rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.matte__control{opacity:0;cursor:ew-resize;-webkit-appearance:none;appearance:none;background:0 0;width:100%;height:100%;margin:0;padding:0;position:absolute;inset:0}.matte__control:focus-visible{outline-offset:-4px}.matte__labels{font-family:var(--font-display);color:var(--grey-card);justify-content:space-between;gap:1rem;margin-top:.75rem;font-size:.875rem;display:flex}.matte__labels span:last-child{color:var(--rubylith-ink)}.measures{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:clamp(1.75rem,3.5vw,3rem);margin-top:3rem;display:grid}.measure__value{font-family:var(--font-display);letter-spacing:-.035em;font-variant-numeric:tabular-nums;font-size:clamp(2.75rem,5.5vw,4rem);font-weight:600;font-stretch:118%;line-height:1}.measure__label{font-family:var(--font-display);margin-top:.5rem;font-size:.9375rem;font-weight:500}.measure__note{color:var(--grey-card);max-width:34ch;margin-top:.75rem;font-size:.9375rem;line-height:1.55}.glass{background:var(--cyc-deep)}.glass__pair{margin-top:clamp(2.5rem,5vw,3.5rem)}.glass__body{max-width:54ch;color:var(--grey-card);margin-top:1.5rem}.glass__pair{grid-template-columns:1fr;gap:clamp(1rem,2.5vw,2rem);display:grid}@media (width>=44rem){.glass__pair{grid-template-columns:1fr 1fr}}.glass__cell figcaption{font-family:var(--font-display);color:var(--grey-card);margin-top:.625rem;font-size:.875rem}.glass__cell--right figcaption{color:var(--rubylith-ink)}.glass__plate{border:1px solid var(--hairline);background-color:var(--chequer-a);background-image:linear-gradient(45deg, var(--chequer-b) 25%, transparent 25%), linear-gradient(-45deg, var(--chequer-b) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--chequer-b) 75%), linear-gradient(-45deg, transparent 75%, var(--chequer-b) 75%);background-position:0 0,0 7px,7px -7px,-7px 0;background-size:14px 14px;width:100%;display:block}.stages{counter-reset:stage;grid-template-columns:repeat(auto-fit,minmax(11.5rem,1fr));gap:0;margin:3rem 0 0;padding:0;list-style:none;display:grid}.stage{counter-increment:stage;border-top:1px solid var(--hairline);padding:1.25rem 1.25rem 1.5rem 0;position:relative}.stage--matte{border-top-color:var(--rubylith)}.stage:before{content:counter(stage);font-family:var(--font-display);font-variant-numeric:tabular-nums;color:var(--grey-card);margin-bottom:.625rem;font-size:.8125rem;font-weight:600;display:block}.stage--matte:before{color:var(--rubylith-ink)}.stage__name{font-family:var(--font-display);margin-bottom:.5rem;font-size:1.0625rem;font-weight:600}.stage__detail{color:var(--grey-card);font-size:.9375rem;line-height:1.55}.layers{border-top:1px solid var(--hairline);margin-top:3rem}.layer{border-bottom:1px solid var(--hairline);grid-template-columns:minmax(0,1fr);gap:.5rem 3rem;padding-block:1.75rem;display:grid}@media (width>=52rem){.layer{grid-template-columns:minmax(0,15rem) minmax(0,1fr) minmax(0,11rem);align-items:baseline}}.layer__name{font-family:var(--font-display);letter-spacing:-.01em;font-size:1.125rem;font-weight:600}.layer__body{color:var(--grey-card);max-width:58ch;font-size:1rem;line-height:1.6}.layer__tools{font-family:var(--font-display);color:var(--grey-card);flex-wrap:wrap;gap:.375rem .75rem;font-size:.875rem;display:flex}.shipped{background:var(--cyc-deep)}.work{border-top:1px solid var(--hairline);margin-top:3rem}.work__item{border-bottom:1px solid var(--hairline);grid-template-columns:minmax(0,1fr);gap:.625rem 3rem;padding-block:1.75rem;display:grid}@media (width>=52rem){.work__item{grid-template-columns:minmax(0,17rem) minmax(0,1fr)}}.work__name{font-family:var(--font-display);letter-spacing:-.01em;font-size:1.125rem;font-weight:600}.work__link{font-family:var(--font-display);color:var(--grey-card);text-decoration-color:var(--hairline);text-underline-offset:.2em;margin-top:.25rem;font-size:.875rem;display:inline-block}a.work__link:hover{color:var(--rubylith-ink);text-decoration-color:currentColor}.work__body{color:var(--grey-card);max-width:58ch;font-size:1rem;line-height:1.6}.work__role{font-family:var(--font-display);color:var(--grey-card);margin-top:.5rem;font-size:.8125rem}.bg-grid{grid-template-columns:minmax(0,1fr);gap:clamp(2rem,4vw,4rem);margin-top:3rem;display:grid}@media (width>=52rem){.bg-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.roles{border-top:1px solid var(--hairline);margin:0;padding:0;list-style:none}.roles li{border-bottom:1px solid var(--hairline);flex-wrap:wrap;justify-content:space-between;gap:.25rem 1.5rem;padding-block:.9375rem;display:flex}.roles__org{font-family:var(--font-display);font-size:1rem;font-weight:600}.roles__title{font-family:var(--font-display);color:var(--grey-card);font-size:.9375rem}.study{color:var(--grey-card);max-width:44ch;font-size:1rem}.study strong{font-family:var(--font-display);color:var(--graphite);font-size:1rem;font-weight:600;display:block}.study p+p{margin-top:1rem}.contact{background:var(--graphite);color:var(--cyc-lit)}.contact .section-heading{color:var(--cyc-lit)}.contact__body{color:#b7c0cc;max-width:56ch;margin-top:1.5rem;font-size:1.125rem;line-height:1.6}.contact__actions{flex-wrap:wrap;align-items:center;gap:1rem 1.5rem;margin-top:2.5rem;display:flex}.button{font-family:var(--font-display);background:var(--rubylith);color:#fff;border:1px solid var(--rubylith);padding:.8125rem 1.5rem;font-size:1rem;font-weight:600;text-decoration:none;transition:background-color .12s,color .12s}.button:hover{background:var(--rubylith-ink);border-color:var(--rubylith-ink)}.contact .button:hover{color:var(--cyc-lit);border-color:var(--rubylith);background:0 0}.button--quiet{color:var(--cyc-lit);background:0 0;border-color:#47505d}.button--quiet:hover{background:var(--cyc-lit);color:var(--graphite);border-color:var(--cyc-lit)}.contact .button:focus-visible{outline-color:var(--cyc-lit)}.colophon{font-family:var(--font-display);color:#8a94a2;border-top:1px solid #333c48;flex-wrap:wrap;justify-content:space-between;gap:.5rem 2rem;margin-top:clamp(3rem,6vw,5rem);padding-top:1.5rem;font-size:.875rem;display:flex}.notfound__title{letter-spacing:-.03em;max-width:18ch;font-size:clamp(1.9rem,4.5vw,3rem);font-weight:600;font-stretch:118%;line-height:1.02}.notfound__action{margin-top:2.25rem}@keyframes matte-reveal{0%{--wipe:100%}to{--wipe:62%}}@property --wipe{syntax:"<percentage>";inherits:true;initial-value:62%}.matte__frame--intro{animation:1.4s cubic-bezier(.22,.61,.36,1) .26s both matte-reveal}@media (prefers-reduced-motion:reduce){.matte__frame--intro{animation:none}*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}