.thinking-reveal-stack{--thinking-gutter:max(1.25rem, calc((100vw - 82rem) / 2));--thinking-corner-radius:2.5rem;z-index:1;position:relative}.thinking-reveal-stack>.closer-section{z-index:3}.thinking-reveal-stack[data-closer-entering]>.thinking-mosaic-header,.thinking-reveal-stack[data-closer-entering]>.thinking-weave{visibility:hidden;opacity:0;pointer-events:none}.thinking-mosaic-header{z-index:2;padding:clamp(2rem, 5svh, 4rem) var(--thinking-gutter);text-align:center;background:#f3f2ec;align-content:center;justify-items:center;gap:clamp(1.5rem,3vw,2.5rem);display:grid;position:sticky;bottom:0}.thinking-mosaic-header h2{font:700 clamp(2rem, 7.8vw, 8rem)/.9 var(--font-display);letter-spacing:-.045em;margin:0}.thinking-mosaic-header h2 span{color:var(--primary)}.thinking-mosaic-header>p{max-width:36rem;color:var(--muted-foreground);text-wrap:balance;margin:0;font-size:clamp(.85rem,1.1vw,1rem);line-height:1.65}.thinking-mosaic-header>p>span{color:var(--foreground);margin-bottom:.3rem;font-size:clamp(.95rem,1.35vw,1.2rem);font-weight:500;display:block}.thinking-weave{aspect-ratio:4/3;isolation:isolate;background:#d8d3cc;grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr));grid-template-areas:"useful useful independent""considered connected independent""considered onward onward";gap:1px;width:100%;display:grid;position:relative}.thinking-piece-track{min-width:0;min-height:0;position:relative}.thinking-piece-track-useful{grid-area:useful}.thinking-piece-track-independent{grid-area:independent}.thinking-piece-track-connected{grid-area:connected}.thinking-piece-track-considered{grid-area:considered}.thinking-piece-track-onward{grid-area:onward}.thinking-weave-origin,.thinking-piece-anchor{pointer-events:none;flex:none;height:0}.thinking-piece{color:#283345;text-align:start;-webkit-tap-highlight-color:transparent;background:#f1eae0;border:0;border-radius:0;width:100%;min-width:0;height:100%;min-height:0;padding:0;display:block;position:relative;overflow:hidden}@supports (height:1cqw){@media (prefers-reduced-motion:no-preference){.thinking-reveal-stack{container-type:inline-size}.thinking-weave{bottom:calc(-2 * var(--thinking-row) - 2px);--thinking-row:calc((75cqw - 2px) / 3);position:sticky;container-type:inline-size}.thinking-piece-track-useful,.thinking-piece-track-independent{z-index:4}.thinking-piece-track-wipe{pointer-events:none;flex-direction:column;display:flex}.thinking-piece-track-wipe:before{content:"";flex:1 0 0}.thinking-piece-track-wipe>.thinking-piece{height:var(--thinking-row);pointer-events:auto;flex:none;position:sticky;bottom:0}.thinking-piece-track-connected{z-index:3;grid-area:1/2/3/3}.thinking-piece-track-considered{z-index:3;grid-area:1/1/4/2}.thinking-piece-track-onward{z-index:2;grid-area:1/2/4/4}.thinking-piece-track-independent>.thinking-piece,.thinking-piece-track-considered>.thinking-piece{height:calc(var(--thinking-row) * 2 + 1px);bottom:calc(-1 * var(--thinking-row) - 1px)}.thinking-piece-track:not(.thinking-piece-track-onward)>.thinking-piece{box-shadow:1px 0 #d8d3cc,0 1px #d8d3cc}}}.thinking-reveal-stack:has(>.thinking-weave[data-story-ready]){z-index:4}.thinking-weave[data-story-ready]{z-index:4}.thinking-weave[data-story-ready] .thinking-piece-track[data-story-selected]{z-index:6}.thinking-piece-trigger{width:100%;height:100%;color:inherit;text-align:start;cursor:pointer;background:0 0;border:0;border-radius:0;padding:0;display:block;position:absolute;inset:0;overflow:hidden}.thinking-piece:after{content:"";pointer-events:none;background:linear-gradient(#f1eae000,#f1eae0cc);height:clamp(1.9rem,4vw,4rem);position:absolute;inset:auto 0 0}.thinking-piece-art{position:absolute;inset:0}.thinking-piece-art img{object-fit:cover;width:100%;height:100%;display:block}.thinking-piece-name{z-index:1;inset-inline-end:clamp(.55rem,1.7vw,1.5rem);bottom:clamp(.4rem,1.4vw,1.25rem);align-items:center;gap:clamp(.35rem,1vw,1rem);min-width:0;display:flex;position:absolute;inset-inline-start:clamp(.55rem,1.7vw,1.5rem)}.thinking-piece-name strong{min-width:0;font:500 clamp(.75rem, 1.85vw, 1.6rem)/1.05 var(--font-display);letter-spacing:-.035em;overflow-wrap:anywhere;transition:color .25s}.thinking-piece-symbol{width:clamp(1.1rem,2.2vw,1.8rem);height:clamp(1.1rem,2.2vw,1.8rem);color:var(--primary);border:1px solid #075bff40;border-radius:50%;flex:none;place-items:center;margin-inline-start:auto;transition:background .25s,color .25s;display:grid}.thinking-piece-symbol svg{stroke-width:1.5px;width:65%;height:65%}.thinking-piece-trigger:focus-visible{outline:2px solid var(--primary);outline-offset:-4px}@media (hover:hover) and (pointer:fine){.thinking-piece-trigger:hover .thinking-piece-name strong{color:var(--primary)}.thinking-piece-trigger:hover .thinking-piece-symbol{background:var(--primary);color:#fff}}.thinking-piece-panel{z-index:3;border-radius:inherit;color:#fff;visibility:hidden;opacity:0;pointer-events:none;clip-path:inset(100% 0 0);width:100%;max-width:100%;height:100%;max-height:100%;transition:clip-path .6s var(--ease-expo), transform .6s var(--ease-expo), opacity .3s ease, visibility 0s .6s;background:linear-gradient(145deg,#1768ff,#075bff 70%);position:absolute;inset:0;overflow:clip;transform:translateY(.75rem)}.thinking-piece.is-active .thinking-piece-panel{visibility:visible;opacity:1;pointer-events:auto;clip-path:inset(0);transition-delay:0s;transform:none}.thinking-piece-panel-content{--thinking-story-padding:clamp(.375rem, 1.5vw, 1.5rem);--thinking-toolbar-size:clamp(1.5rem, 2.2vw, 2rem);--thinking-story-gap:clamp(.25rem, .6vw, .6rem);width:100%;height:100%;min-height:0;padding:calc(var(--thinking-story-padding) + var(--thinking-toolbar-size) + var(--thinking-story-gap)) var(--thinking-story-padding) var(--thinking-story-padding);touch-action:pan-y pinch-zoom;flex-direction:column;display:flex;position:absolute;inset:0;overflow:clip}.thinking-piece-panel-content:focus-visible{outline-offset:-4px;outline:2px solid #fff}.thinking-story-toolbar{z-index:2;top:max(var(--thinking-story-padding), var(--thinking-close-top,0px));height:var(--thinking-toolbar-size);justify-content:space-between;align-items:center;gap:.25rem;display:flex;position:absolute;inset-inline-start:var(--thinking-story-padding);inset-inline-end:var(--thinking-story-padding)}.thinking-story-pagination{visibility:hidden;align-items:center;gap:.125rem;display:flex}.thinking-story-pagination.is-needed{visibility:visible}.thinking-story-pagination>button{width:clamp(1.25rem,2vw,1.75rem);height:var(--thinking-toolbar-size);color:#fff;cursor:pointer;background:#ffffff1f;border:0;border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.thinking-story-pagination>button:disabled{opacity:.35;cursor:default}.thinking-story-pagination>button:focus-visible{outline-offset:1px;outline:1px solid #fff}.thinking-story-pagination svg{width:.875rem;height:.875rem}.thinking-story-pagination>span{min-width:1.25rem;font:500 clamp(.5rem, .8vw, .7rem)/1 var(--font-body);text-align:center;white-space:nowrap}.thinking-story-page-window{flex:1;width:100%;min-height:0;position:relative;overflow:clip}.thinking-story-page-track{width:100%;height:100%;transition:transform .3s var(--ease-expo);align-items:center;display:flex}.thinking-piece-panel-copy{column-fill:auto;opacity:0;width:100%;transition:transform .45s var(--ease-expo), opacity .25s ease;flex:none;column-gap:0;position:relative;transform:translateY(.65rem)}.thinking-piece.is-active .thinking-piece-panel-copy{opacity:1;transition-delay:.12s;transform:none}.thinking-piece-panel-copy h3{font:500 clamp(.875rem, 2vw, 2rem)/1.1 var(--font-display);letter-spacing:-.035em;overflow-wrap:anywhere;margin:0}.thinking-piece-panel-copy p{color:#ffffffe8;overflow-wrap:anywhere;orphans:1;widows:1;max-width:34rem;margin:.65rem 0 0;font-size:clamp(.75rem,1.05vw,1rem);line-height:1.55}.thinking-piece-close{width:var(--thinking-toolbar-size);height:var(--thinking-toolbar-size);color:#fff;cursor:pointer;background:#075bff;border:1px solid #fff6;border-radius:50%;flex:none;place-items:center;padding:0;transition:background .2s;display:grid;position:relative}.thinking-piece-close svg{stroke-width:1.5px;width:clamp(.75rem,1vw,1rem);height:clamp(.75rem,1vw,1rem)}.thinking-piece-close:hover{background:#ffffff26}.thinking-piece-close:focus-visible{outline-offset:3px;outline:2px solid #fff}@media (width<=760px){.thinking-reveal-stack{--thinking-corner-radius:1.75rem}.thinking-piece-name{gap:.3rem;inset-inline:.5rem}}@media (prefers-reduced-motion:reduce){.thinking-mosaic-header{position:relative}.thinking-piece-name strong,.thinking-piece-symbol,.thinking-piece-panel,.thinking-piece-panel-copy,.thinking-story-page-track,.thinking-piece-close{transition:none}}
