.react-grid-layout{transition:height .2s;position:relative}.react-grid-item{transition:left .2s,top .2s,width .2s,height .2s}.react-grid-item img{pointer-events:none;-webkit-user-select:none;user-select:none}.react-grid-item.cssTransforms{transition-property:transform,width,height}.react-grid-item.resizing{z-index:1;will-change:width,height;transition:none}.react-grid-item.react-draggable-dragging{z-index:3;will-change:transform;transition:none}.react-grid-item.dropping{visibility:hidden}.react-grid-item.react-grid-placeholder{opacity:.2;z-index:2;-webkit-user-select:none;user-select:none;background:red;transition-duration:.1s}.react-grid-item.react-grid-placeholder.placeholder-resizing{transition:none}.react-grid-item>.react-resizable-handle{opacity:0;width:20px;height:20px;position:absolute}.react-grid-item:hover>.react-resizable-handle{opacity:1}.react-grid-item>.react-resizable-handle:after{content:"";border-bottom:2px solid #0006;border-right:2px solid #0006;width:5px;height:5px;position:absolute;bottom:3px;right:3px}.react-resizable-hide>.react-resizable-handle{display:none}.react-grid-item>.react-resizable-handle.react-resizable-handle-sw{cursor:sw-resize;bottom:0;left:0;transform:rotate(90deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-se{cursor:se-resize;bottom:0;right:0}.react-grid-item>.react-resizable-handle.react-resizable-handle-nw{cursor:nw-resize;top:0;left:0;transform:rotate(180deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-ne{cursor:ne-resize;top:0;right:0;transform:rotate(270deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-w,.react-grid-item>.react-resizable-handle.react-resizable-handle-e{cursor:ew-resize;margin-top:-10px;top:50%}.react-grid-item>.react-resizable-handle.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-n,.react-grid-item>.react-resizable-handle.react-resizable-handle-s{cursor:ns-resize;margin-left:-10px;left:50%}.react-grid-item>.react-resizable-handle.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}
.menu-grid .react-grid-item.cssTransforms{transition-property:transform,width,height;transition-duration:.66s;transition-timing-function:cubic-bezier(.65,0,.35,1)}.menu-grid .react-grid-item{transition-property:transform,width,height,opacity}.menu-grid .react-grid-placeholder{display:none}.menu-grid [data-tile-state]{transition:background-color .4s}.menu-grid [data-tile-state=open],.menu-grid [data-tile-state=shut]{background-color:var(--tile-flat,transparent)}.menu-grid .tile-bento,.menu-grid .tile-subs{transition:opacity .4s}.menu-grid .tile-art{transition:opacity .4s,transform .3s cubic-bezier(.65,0,.35,1)}.menu-grid .tile-subs{opacity:0}.menu-grid [data-tile-state=open] .tile-subs{opacity:1}.menu-grid [data-tile-state=shut] .tile-art,.menu-grid [data-tile-state=shut] .tile-bento,.menu-grid [data-tile-state=open] .tile-bento{opacity:0}.menu-grid [data-tile-state=open] img.tile-art,.menu-grid [data-tile-state=shut] img.tile-art,.menu-grid [data-tile-state=open] video.tile-art,.menu-grid [data-tile-state=shut] video.tile-art{object-position:50% 0%;width:var(--rail-w,256px)!important;height:var(--rail-open,480px)!important}.menu-grid img.tile-art,.menu-grid video.tile-art{object-position:50% 50%;transition:opacity .4s,width .66s cubic-bezier(.65,0,.35,1),height .66s cubic-bezier(.65,0,.35,1),left .66s cubic-bezier(.65,0,.35,1),object-position .66s cubic-bezier(.65,0,.35,1),transform .3s cubic-bezier(.65,0,.35,1)}.menu-grid [data-tile-state=grid] img.tile-art-merch{width:87.5%!important;left:12.5%!important}@media (max-width:767px){.menu-grid [data-tile-state=grid] img.tile-art-merch{width:75%!important;left:25%!important}.menu-grid [data-tile-state=grid] img.tile-art-positioning{object-position:50% 20%}.menu-grid [data-tile-state=grid] img.tile-art-design{object-position:50% 40%}}.menu-grid [data-tile-state=shut] .tile-label,.menu-grid [data-tile-state=open] .tile-label{left:16px;translate:0}.menu-grid [data-tile-state=open] .tile-label{top:16px}@media (min-width:768px){.menu-grid [data-tile-state=open] .tile-label{top:32px}}.menu-grid [data-tile-state=shut] .tile-label{top:16px}.menu-grid .tile-label{transition:top .66s cubic-bezier(.65,0,.35,1),left .66s cubic-bezier(.65,0,.35,1),translate .66s cubic-bezier(.65,0,.35,1),font-size .66s cubic-bezier(.65,0,.35,1),line-height .66s cubic-bezier(.65,0,.35,1)}.menu-grid [data-tile-state=shut] .tile-label,.menu-grid [data-tile-state=open] .tile-label{color:var(--color-cream,#f2efde);font-size:var(--text-sm);line-height:var(--text-sm--line-height)}.menu-grid a[data-tile-state=grid]:after{content:"";pointer-events:none;opacity:0;background:linear-gradient(#0000 55%,#0000008c);transition:opacity .3s;position:absolute;inset:0}.menu-grid a[data-tile-state=grid]:hover:after,.menu-grid a[data-tile-state=grid]:focus-visible:after{opacity:1}.menu-grid a[data-tile-state=grid]:hover .tile-art:not(.tile-art-static),.menu-grid a[data-tile-state=grid]:focus-visible .tile-art:not(.tile-art-static){transform:scale(1.02)}.menu-grid .menu-pane{opacity:0;transform-origin:0;transition:opacity .4s,transform .4s;overflow-x:clip;transform:scale(.965)translateY(16px);container-type:size}.menu-grid .is-open .menu-pane{opacity:1;transition-delay:.3s,.3s;transform:none}.menu-annotations-layer{opacity:1;transition:opacity .3s .66s}.menu-annotations-layer.is-reading{opacity:0;transition-delay:0s}.menu-chrome{opacity:0;transition:opacity .4s}.menu-chrome.is-open{opacity:1;transition-delay:.3s}.menu-gridbtn{opacity:.7}.menu-gridbtn:hover{opacity:1}.menu-mobilebar{opacity:0;padding-bottom:env(safe-area-inset-bottom,0px);transition:opacity .4s}.menu-mobilebar.is-open{opacity:1;transition-delay:.3s}.menu-mobilenav{pointer-events:none;visibility:hidden;max-height:calc(100svh - 7*var(--spacing));max-height:round(down,calc(100svh - 7*var(--spacing)),var(--spacing));transition:transform .4s cubic-bezier(.65,0,.35,1),visibility 0s .4s;transform:translateY(100%)}.menu-mobilenav.is-open{pointer-events:auto;visibility:visible;transition-delay:0s;transform:none}.menu-mobilenav [data-tile-state]{background-color:var(--tile-flat,transparent)}.menu-mobilenav [data-tile-state=shut] .tile-art,.menu-mobilenav [data-tile-state=shut] .tile-bento,.menu-mobilenav [data-tile-state=open] .tile-bento{display:none}.menu-mobilenav [data-tile-state] img.tile-art,.menu-mobilenav [data-tile-state] video.tile-art{object-position:50% 0%}.menu-mobilenav [data-tile-state] .tile-label{color:var(--color-cream,#f2efde);font-size:var(--text-sm);line-height:var(--text-sm--line-height);top:16px;left:16px;translate:0}.menu-mobilenav [data-tile-state=shut] .tile-label{font-size:var(--text-xs);line-height:var(--text-xs--line-height)}.menu-reading:before{content:"";z-index:-1;background:color-mix(in oklab,var(--color-ink)40%,transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:9999px;position:absolute;inset:-3px 0}.menu-reading{isolation:isolate}.menu-mobilescrim{opacity:0;pointer-events:none;transition:opacity .4s cubic-bezier(.65,0,.35,1)}.menu-mobilescrim.is-open{opacity:1;pointer-events:auto}@media (prefers-reduced-motion:reduce){.menu-grid .react-grid-item,.menu-grid.react-grid-layout,.menu-grid [data-tile-state],.menu-grid a[data-tile-state]:after,.menu-grid .tile-art,.menu-grid img.tile-art,.menu-grid video.tile-art,.menu-grid .tile-bento,.menu-grid .tile-subs,.menu-grid .tile-label,.menu-grid .menu-pane,.menu-annotations-layer,.menu-chrome,.menu-mobilebar,.menu-mobilenav,.menu-mobilescrim{transition:none}.menu-grid a[data-tile-state=grid]:hover .tile-art,.menu-grid a[data-tile-state=grid]:focus-visible .tile-art{transform:none}}
.terrace-box{aspect-ratio:1}@media (min-width:768px){.terrace-box{aspect-ratio:auto;height:100%;min-height:100cqw}}.postcard-box{--postcard-w:min(512px,round(down,100cqw,16px));width:var(--postcard-w);height:round(down,calc(var(--postcard-w)*769/566),16px)}.pioneer-box{--pioneer-w:min(512px,round(down,calc(100cqw - 96px),16px));width:var(--pioneer-w);height:round(down,calc(var(--pioneer-w)*4/3),16px)}.artref-box{--artref-w:round(down,100cqw,16px);width:var(--artref-w);height:round(down,calc(var(--artref-w)*632/459),16px)}.motion-clip{height:round(down,57.623cqw,16px)}.motion-hero{height:round(down,56.0213cqw,16px)}.tone-callout{display:inline}.tone-callout-copy{outline:1px solid var(--color-blueprint);outline-offset:0;-webkit-box-decoration-break:clone;box-decoration-break:clone}.tone-specimen-copy{padding-block:48px;position:relative}.tone-callout-label{z-index:1;white-space:nowrap;background:var(--color-blueprint);height:32px;color:var(--color-cream);font-family:var(--font-graphik),sans-serif;border-radius:0;justify-content:center;align-items:center;padding-inline:16px;font-size:12px;font-style:normal;font-weight:600;line-height:16px;display:inline-flex;position:absolute;left:50%;transform:translate(-50%)}@media (max-width:767px){.tone-callout-label,.tone-specimen-muted .tone-callout-label{background:color-mix(in srgb,var(--color-blueprint)55%,var(--color-cream))}}.tone-callout-label-top{top:0}.tone-callout-label-bottom{bottom:0}.tone-specimen{min-width:0}.tone-state-stack,.tone-description-stack{display:grid}.tone-state{visibility:hidden;pointer-events:none;grid-area:1/1;transition:visibility 0s linear .2s}.tone-state-active{visibility:visible;pointer-events:auto;transition:visibility linear}.tone-specimen-label,.tone-specimen-copy{opacity:0;transition:opacity .2s,transform .2s;transform:translateY(16px)}.tone-state-active .tone-specimen-label,.tone-state-active .tone-specimen-copy{opacity:1;transition:opacity .42s ease var(--tone-delay,0s),transform .42s cubic-bezier(.22,1,.36,1)var(--tone-delay,0s);transform:none}.tone-state-active .tone-specimen:first-child .tone-specimen-label{--tone-delay:60ms}.tone-state-active .tone-specimen:first-child .tone-specimen-copy{--tone-delay:.12s}.tone-state-active .tone-specimen:nth-child(2) .tone-specimen-label{--tone-delay:.18s}.tone-state-active .tone-specimen:nth-child(2) .tone-specimen-copy{--tone-delay:.24s}.tone-description{visibility:hidden;opacity:0;pointer-events:none;grid-area:1/1;transition:opacity .2s,transform .2s,visibility 0s linear .2s;transform:translateY(16px)}.tone-description-active{visibility:visible;opacity:1;transition:opacity .42s .3s,transform .42s cubic-bezier(.22,1,.36,1) .3s,visibility linear;transform:none}.tone-specimen-muted .tone-specimen-label,.tone-specimen-muted>p:last-child{color:#11111180}.tone-specimen-muted .tone-callout-label{color:var(--color-cream)}.tone-rail-rule{background:var(--color-demarcation);height:.5px;position:absolute;top:16px;left:0;right:0}.tone-rail-trail{z-index:0;background:linear-gradient(to right,#7575ff29,var(--color-blueprint));height:.5px;transform:scaleX(var(--tone-trail-from,0));transform-origin:0;animation:6s linear forwards tone-rail-run;position:absolute;top:16px;left:0}.tone-rail-paused .tone-rail-trail{animation-play-state:paused}.tone-rail-paused .tone-rail-dot{display:none}.tone-rail-dot{z-index:0;top:16px;left:var(--tone-start);background:var(--color-blueprint);border-radius:999px;width:8px;height:8px;animation:6s linear forwards tone-rail-dot-run;position:absolute;transform:translate(-50%,-50%)}@keyframes tone-rail-run{0%{transform:scaleX(var(--tone-trail-from,0))}to{transform:scaleX(1)}}@keyframes tone-rail-dot-run{0%{left:var(--tone-start)}to{left:var(--tone-end)}}.tone-tab{color:#11111173;background:var(--color-cream);border-radius:999px;align-items:center;width:fit-content;padding-inline:16px;display:inline-flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #b9b28fd9}.tone-tab-fill{z-index:0;background:var(--color-blueprint);clip-path:inset(0 100% 0 0);position:absolute;inset:0}.tone-tab-label-base,.tone-tab-label-inverse{white-space:nowrap;align-items:center;display:inline-flex}.tone-tab-label-base{z-index:1;position:relative}.tone-tab-label-inverse{z-index:2;color:var(--color-cream);clip-path:inset(0 100% 0 0);padding-inline:16px;position:absolute;inset:0}.tone-tab-active .tone-tab-fill,.tone-tab-active .tone-tab-label-inverse{animation:tone-tab-fill var(--tone-fill-ms,1.2s)linear forwards}@keyframes tone-tab-fill{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}.tone-rail-paused .tone-tab-active .tone-tab-fill,.tone-rail-paused .tone-tab-active .tone-tab-label-inverse{clip-path:inset(0);animation:none}@media (max-width:767px){.guide-deck{scroll-snap-type:x mandatory;scrollbar-width:none;gap:16px;margin-inline:-32px;padding-inline:32px;scroll-padding-inline:32px;display:flex;overflow-x:auto}.guide-deck::-webkit-scrollbar{display:none}.guide-deck-card{scroll-snap-align:start;min-width:0;box-shadow:inset 0 0 0 1px var(--color-demarcation);border-radius:8px;flex:0 0 100%;padding:16px}.tone-state{visibility:visible;pointer-events:auto;grid-area:auto;transition:none}.tone-specimen-label,.tone-specimen-copy{opacity:1;transition:none;transform:none}.tone-specimen-copy{padding-block:0}.tone-specimen-copy:has(.tone-callout-label-top){padding-top:32px}.tone-specimen-copy:has(.tone-callout-label-bottom){padding-bottom:32px}.tone-rail{justify-content:center;gap:0;display:flex}.tone-rail-rule,.tone-rail-trail,.tone-rail-dot{display:none}.tone-tab{width:32px;box-shadow:none;background:0 0;flex:none;justify-content:center;padding-inline:0}.tone-tab-label-base,.tone-tab-label-inverse{display:none}.tone-tab-fill{clip-path:none;opacity:.25;border-radius:999px;width:8px;height:8px;animation:none;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.tone-tab-active .tone-tab-fill{opacity:1;animation:none}}@media (prefers-reduced-motion:reduce){.tone-state,.tone-description,.tone-specimen-label,.tone-specimen-copy,.tone-state-active,.tone-description-active,.tone-state-active .tone-specimen-label,.tone-state-active .tone-specimen-copy{transition:none;animation:none;transform:none}.tone-rail-trail{transition:none;animation:none;transform:scaleX(1)}.tone-rail-dot{transition:none;animation:none}.tone-tab-active .tone-tab-fill,.tone-tab-active .tone-tab-label-inverse{clip-path:inset(0);animation:none}}.resource-cover-row{container-type:inline-size}.resource-cover{height:192px}@media (min-width:768px){.resource-cover{height:round(down,28.0571cqw,16px)}}.colourway-wash{background:var(--color-cream);opacity:.4;transition:opacity .2s ease-out;position:absolute;inset:0}.colourway-block:hover .colourway-wash:not(.colourway-wash-run){opacity:0}.colourway-wash-run{opacity:.22;animation:colourway-wash-run var(--colourway-ms,4s)linear forwards}.colourway-held .colourway-wash-run{opacity:0;animation:none}@keyframes colourway-wash-run{0%{clip-path:inset(0)}to{clip-path:inset(100% 0 0)}}@media (max-width:767px){@keyframes colourway-wash-run{0%{clip-path:inset(0)}to{clip-path:inset(0 0 0 100%)}}}@media (prefers-reduced-motion:reduce){.colourway-wash-run{opacity:0;animation:none}}.heuristic-card{position:relative}@media (min-width:768px){.heuristic-card{--step:3;top:calc(var(--spacing)*var(--step)*var(--i));height:calc(100cqh - var(--spacing)*var(--step)*var(--fan));position:sticky}}.plate-grid-on-dark,.plate-grid-on-light{background-size:16px 16px;background-origin:border-box}.plate-grid-on-dark{background-image:linear-gradient(90deg,#f2efde24 1px,#0000 1px),linear-gradient(#f2efde24 1px,#0000 1px)}.plate-grid-on-light{background-image:linear-gradient(90deg,#1111111a 1px,#0000 1px),linear-gradient(#1111111a 1px,#0000 1px)}.pillar-strip{aspect-ratio:5/4}@media (min-width:768px){.pillar-strip{aspect-ratio:1424/495}}.pillar-card-art{height:round(down,56.25cqw,16px)}