.notebook{position:relative;scroll-margin-top:24px}.notebook-mobile-pager{display:none}.notebook-anchor{position:absolute;top:0;left:0;width:0;height:0;scroll-margin-top:24px}.notebook .notebook-index{margin-left:34px;z-index:0;border-bottom:0}.notebook .notebook-index:after{content:none}.notebook-paper{display:grid;position:relative;isolation:isolate;z-index:1;margin-top:0;perspective:2400px;perspective-origin:0;background:#fbf5e8 url(/assets/plates/paper.webp) 50%/760px;box-shadow:3px 7px 18px #75654b1c}.notebook-paper:after{content:"";position:absolute;z-index:3;inset:0 auto 0 0;width:32px;border-right:1px solid #b6a98e40;background:linear-gradient(90deg,#75654b0d,transparent 75%);pointer-events:none}.notebook-binding{position:absolute;z-index:100;left:-19px;top:28px;bottom:28px;width:44px;pointer-events:none;mask-image:linear-gradient(transparent,#000 5px,#000 calc(100% - 5px),transparent)}.notebook-binding svg{display:block;width:44px;height:100%;overflow:visible}.notebook-punch-rim{fill:#d7cbb3;stroke:#fbf4e6;stroke-width:1}.notebook-punch{fill:#655c4c}.notebook-binding path{fill:none;stroke-linecap:round}.notebook-wire-shadow{stroke:#514833;stroke-width:3;opacity:.16}.notebook-wire-back{stroke:#9b927f;stroke-width:2}.notebook-wire{stroke:#706958;stroke-width:3}.notebook-wire-light{stroke:#d4cbb6;stroke-width:.9}.notebook .notebook-paper .notebook-page{grid-area:1/1;min-width:0;min-height:0;position:relative;padding:38px 28px 40px 56px;background:#fbf5e8 url(/assets/plates/paper.webp) 50%/760px;transform-origin:left center;backface-visibility:hidden}.notebook .notebook-paper .notebook-page[data-inactive=true]{visibility:hidden;pointer-events:none}.notebook [data-inactive=true] *{animation-play-state:paused!important}.notebook .notebook-paper .notebook-page:focus-visible{outline:2px solid #284a41;outline-offset:4px}.notebook-turn{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none;overflow:hidden;mask-image:linear-gradient(90deg,transparent 32px,#000 104px)}@media (prefers-reduced-motion:no-preference){.notebook .notebook-paper .notebook-page[data-turn=departing]{visibility:visible}}@media (prefers-reduced-motion:reduce){.notebook-turn{display:none}.notebook .notebook-page{clip-path:none!important}}@media (max-width:899px){.notebook{overflow-anchor:none}.notebook .notebook-paper{display:block;margin-top:0;background:none;box-shadow:none;perspective:none;touch-action:pan-y pinch-zoom}.notebook .notebook-binding,.notebook .notebook-paper:after,.notebook .notebook-turn{display:none}.notebook .notebook-paper .notebook-page{min-height:0;padding:22px 0 32px;background:none;clip-path:none!important}.notebook .notebook-paper .notebook-page[data-inactive=true]{display:none}}@media (min-width:900px){.notebook-paper:before{content:"";position:absolute;z-index:4;left:0;right:0;bottom:-9px;height:14px;background:#fbf5e8 url(/assets/plates/paper.webp) bottom/760px;clip-path:polygon(0 0,100% 0,100% 65%,98% 55%,96% 80%,93% 61%,90% 88%,87% 64%,84% 75%,81% 52%,78% 79%,75% 66%,72% 90%,69% 71%,66% 82%,63% 60%,60% 78%,57% 57%,54% 85%,51% 72%,48% 95%,45% 63%,42% 82%,39% 58%,36% 75%,33% 67%,30% 88%,27% 62%,24% 77%,21% 54%,18% 81%,15% 65%,12% 86%,9% 60%,6% 75%,3% 56%,0 78%);pointer-events:none}}.notebook .notebook-index{--tab-rest:48px;--tab-raised:56px;position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(max-content,1fr);grid-auto-rows:62px;align-items:end;gap:4px;width:calc(100% - 34px);max-width:none;min-width:0;margin:4px 0 0 34px;padding:6px 6px 0;overflow-x:auto;overflow-y:hidden;touch-action:pan-x pan-y pinch-zoom;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline:6px;scrollbar-width:none}.notebook .notebook-index::-webkit-scrollbar{display:none}.notebook-tabs{display:grid;grid-template-columns:0 minmax(0,1fr) 0;align-items:end;width:calc(100% - 34px);min-width:0;margin:4px 0 0 34px}.notebook-tabs[data-overflow=true]{grid-template-columns:44px minmax(0,1fr) 44px}.notebook .notebook-tabs .notebook-index{grid-column:2;width:100%;margin:0}.notebook-scroll{display:flex;align-items:center;justify-content:center;width:44px;min-height:48px;margin-bottom:2px;color:#39584e;background:#f8f2e5 url(/assets/plates/paper.webp) 50%/300px;cursor:pointer}.notebook-scroll-back{grid-column:1;grid-row:1}.notebook-scroll-forward{grid-column:3;grid-row:1}.notebook-scroll[hidden]{display:none}.notebook-scroll:disabled{opacity:.25;cursor:default}.notebook-scroll:not(:disabled):hover{color:#172e25;background-color:#eee2c8}.notebook-scroll:focus-visible{outline:2px solid #284a41;outline-offset:-3px}:is(.work-story-index,.writing-story-index,.experiment-choices):after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:4px;border-top:1px solid #d2c8b3;border-bottom:1px solid #ded5c1;pointer-events:none}:is(.work-story-index,.writing-story-index,.experiment-choices) :is(a,button){--tab-paper:#d8cbb2;--tab-shape:polygon(0 100%,6px 6px,6.5px 3.7px,7.8px 1.6px,9.8px .4px,12px 0,calc(100% - 12px) 0,calc(100% - 9.8px) .4px,calc(100% - 7.8px) 1.6px,calc(100% - 6.5px) 3.7px,calc(100% - 6px) 6px,100% 100%);position:relative;isolation:isolate;display:flex;justify-content:center;align-items:center;min-width:0;height:var(--tab-rest);padding:10px 20px 12px;white-space:nowrap;-webkit-user-select:none;user-select:none;scroll-snap-align:start;border-radius:3px;background:none;filter:drop-shadow(1px 2px 2px #67573726);color:#354239;text-decoration:none;font-family:Inter Tight,sans-serif;font-size:16px;font-weight:500;line-height:1.2;text-align:center;transition:height .34s cubic-bezier(.16,1,.3,1),color .18s ease-out,filter .34s cubic-bezier(.16,1,.3,1)}:is(.work-story-index,.writing-story-index,.experiment-choices) :is(a,button):before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,#fff9e62b,transparent 28%,#6757370c),var(--tab-paper) url(/assets/plates/paper.webp) center /220px;background-blend-mode:normal,multiply;clip-path:var(--tab-shape);box-shadow:inset 0 1px 0 #fff8df88,inset 0 -1px 0 #67573726;opacity:.88;transition:opacity .24s ease-out;pointer-events:none}:is(.work-story-index,.writing-story-index,.experiment-choices) :is(a,button):after{content:"";position:absolute;z-index:-2;inset:0;clip-path:var(--tab-shape);transform:translate(.7px,1.5px);background:#a89a7e url(/assets/plates/paper.webp) 50%/220px;opacity:.55;pointer-events:none}:is(.work-story-index,.writing-story-index,.experiment-choices) :is(a,button):nth-child(2){--tab-paper:#bdcbb0}:is(.work-story-index,.writing-story-index,.experiment-choices) :is(a,button):nth-child(3){--tab-paper:#d6ae94}:is(.work-story-index,.writing-story-index,.experiment-choices) :is(a,button):nth-child(4){--tab-paper:#b6c9ce}:is(.work-story-index,.writing-story-index,.experiment-choices) :is(a,button):nth-child(5){--tab-paper:#c9bfd3}:is(.work-story-index,.writing-story-index,.experiment-choices) :is(a,button):is([aria-current=location],[aria-selected=true]){--tab-paper:#edc260;height:var(--tab-raised);font-weight:600;color:#203b30;filter:drop-shadow(1px 3px 3px #67573730);z-index:1}:is(.work-story-index,.writing-story-index,.experiment-choices) :is(a,button):is([aria-current=location],[aria-selected=true],:hover):before{opacity:1}:is(.work-story-index,.writing-story-index,.experiment-choices) :is(a,button):focus-visible{height:var(--tab-raised);outline:2px solid #284a41;outline-offset:3px;z-index:2}@media (hover:hover) and (pointer:fine){:is(.work-story-index,.writing-story-index,.experiment-choices) :is(a,button):hover{height:calc(var(--tab-rest) + 5px);color:#172e25}:is(.work-story-index,.writing-story-index,.experiment-choices) :is(a,button):is([aria-current=location],[aria-selected=true]):hover{height:var(--tab-raised)}}@media (prefers-reduced-motion:reduce){:is(.work-story-index,.writing-story-index,.experiment-choices) :is(a,button),:is(.work-story-index,.writing-story-index,.experiment-choices) :is(a,button):before{transition:none}}.notebook-tab-hint{display:flex;align-items:center;gap:10px;width:fit-content;max-width:calc(100% - 46px);min-height:38px;margin:20px 6px 0;color:#39584e;font:500 16px/1.45 var(--font-body)}.notebook-tab-hint>span{padding-bottom:8px;text-wrap:balance}.notebook-tab-hint svg{flex:none;color:#59765c;transform:translateY(2px)}.notebook .notebook-tab-hint{margin-left:40px}.notebook-tab-hint+:is(.work-story-index,.writing-story-index,.experiment-choices){margin-top:4px}@media(max-width:899px){.notebook .notebook-index,.notebook-tabs{width:100%;margin-left:0}.notebook .notebook-tab-hint,.notebook-tab-hint{margin-left:6px;max-width:calc(100% - 12px);font-size:15px}.home-experiments .notebook-tab-hint+.experiment-choices,.notebook-tab-hint~.notebook-mobile-pager{margin-top:4px}}