.shade{min-height:var(--screen);grid-template-columns:repeat(12,1fr);align-items:center;padding:12vh 0;display:grid;position:relative}.shade__words{grid-area:1/2/auto/7;max-width:34em}.shade__title{font-family:var(--font-serif);font-size:var(--t-name);text-wrap:balance;margin:0;font-weight:400;line-height:1.1}.shade__body{max-width:30em;font-family:var(--font-serif);font-size:var(--t-body);text-wrap:pretty;margin:.9em 0 0;line-height:1.3}.shade__small{max-width:34em;font-family:var(--font-sans);font-size:var(--t-more);color:var(--ink-soft);margin:1.1em 0 0;line-height:1.45}.shade__ask{font-family:var(--font-sans);font-size:var(--t-chip);margin:1.4em 0 0}.shade__swatches{--swatch:9px;top:calc(.45em - var(--swatch) / 2);height:0;font-size:var(--t-body);pointer-events:none;gap:5px;margin:0;padding:0;list-style:none;display:flex;position:relative}.shade__swatch{width:var(--swatch);height:var(--swatch);background:var(--hue);flex:none;box-shadow:0 0 0 1px #03030329}.shade__fan{--blade:14%;aspect-ratio:1/.8;pointer-events:none;grid-area:1/7/auto/12;width:100%;position:relative}.shade__blade{left:calc(50% - var(--blade) / 2);width:var(--blade);transform-origin:50% 100%;will-change:transform;background-color:var(--hue);clip-path:polygon(0 0,100% 0,66% 100%,34% 100%);background-image:linear-gradient(90deg,#03030333,#0303030d 7%,#ffffff29 30%,#0000 55%,#0303030d);border-radius:999px 999px 0 0/22px 22px 0 0;height:90%;position:absolute;bottom:3%;transform:rotate(-36deg)}.shade__blade:after{content:"";background:linear-gradient(#ffffff59,#0000 7%);position:absolute;inset:0}.shade__rivet{z-index:40;background:radial-gradient(circle at 35% 30%,#f4f4f2,#8f9195 70%);border-radius:50%;width:14px;height:14px;position:absolute;bottom:calc(3% - 4px);left:calc(50% - 7px);box-shadow:0 0 0 1px #03030359}@property --pull{syntax:"<length-percentage>";inherits:false;initial-value:0%}.shade__deck{grid-area:1/7/auto/12}.shade__fan[data-card]{touch-action:pan-y pinch-zoom;-webkit-tap-highlight-color:transparent}.shade__fan[data-card] .shade__blade{--pull:0%;pointer-events:auto;cursor:pointer;transition:--pull .28s var(--enter);outline:none}.shade__fan[data-card] .shade__blade[data-shown=yes]{--pull:-3.5%}.shade__no{z-index:1;width:28%;font-family:var(--font-sans);letter-spacing:.02em;font-variant-numeric:tabular-nums;text-align:center;color:#03030399;pointer-events:none;font-size:10px;line-height:1;position:absolute;top:5%;left:2%}.shade__blade[data-ink=light] .shade__no{color:#fffc}.shade__fan[data-weave=stripe] .shade__blade{--band:calc(100% / var(--bands));background-image:linear-gradient(90deg, #03030333, #0303030d 7%, #ffffff29 30%, transparent 55%, #0303030d), repeating-linear-gradient(0deg, transparent 0 var(--band), #03030306 var(--band) calc(2 * var(--band)))}.shade__fan[data-weave=stripe] .shade__blade:before{content:"";-webkit-mask-image:repeating-linear-gradient(0deg, #000 0 var(--band), transparent var(--band) calc(2 * var(--band)));-webkit-mask-image:repeating-linear-gradient(0deg, #000 0 var(--band), transparent var(--band) calc(2 * var(--band)));mask-image:repeating-linear-gradient(0deg, #000 0 var(--band), transparent var(--band) calc(2 * var(--band)));background:linear-gradient(90deg,#ffffff08,#ffffff14 32%,#ffffff0a 62%,#ffffff06);position:absolute;inset:0}.shade__under{font-family:var(--font-sans);font-size:var(--t-number);justify-content:space-between;align-items:baseline;gap:1em;margin-top:.5em;display:flex}.shade__caption{color:var(--ink-soft);margin:0}.shade__caption[data-named]{color:var(--ink)}.shade__weave{gap:.8em;display:flex}.shade__weave button{color:var(--ink-soft);pointer-events:auto}.shade__weave button[aria-pressed=true]{color:var(--ink);text-underline-offset:.3em;text-decoration:underline}.shade__weave button:focus-visible{outline:1px solid var(--ink);outline-offset:4px}@media (pointer:coarse){.shade__weave button{position:relative}.shade__weave button:before{content:"";position:absolute;inset:min(0px,50% - 22px)}}@media (max-width:1024px){.shade{min-height:0;padding:12vh var(--edge-x) 8vh;flex-direction:column;gap:1.4rem;display:flex}.shade__fan{--blade:16%;order:1;align-self:center;width:min(100%,25em)}.shade__words{order:2}.shade__deck{order:1;align-self:center;width:min(100%,25em)}.shade__deck .shade__fan{width:100%}.shade__no{font-size:8.5px}}@media (prefers-reduced-motion:reduce){.shade__blade,.shade__fan[data-card] .shade__blade{transition:none}}
.foldout{min-height:var(--screen);grid-template-rows:auto auto;grid-template-columns:repeat(12,1fr);align-content:center;row-gap:4vh;padding:12vh 0 10vh;display:grid;position:relative}.foldout__head{grid-area:1/2/auto/6}.foldout__title{font-family:var(--font-serif);font-size:var(--t-name);margin:0;font-weight:400;line-height:1.1}.foldout__topics{grid-area:2/2/auto/5;margin:0;padding:0;list-style:none}.foldout__topic{text-align:left;width:100%;font-family:var(--font-serif);font-size:var(--t-step-text);color:var(--ink-soft);pointer-events:auto;transition:color .3s var(--enter);padding:.55em 0 .75em;line-height:1.25;display:block}.foldout__topic[aria-expanded=true],.foldout__topic:hover{color:var(--ink)}.foldout__topic:focus-visible{outline:1px solid var(--ink);outline-offset:4px}.foldout__crease{display:inline-block;position:relative}.foldout__crease:after{content:"";width:14em;height:3px;transform:scaleX(var(--draw,0));transform-origin:0;background:linear-gradient(#ffffffd9 0 1px,#0000 1px),linear-gradient(#0000 0 1px,#03030333 1px 2px,#0303030f 2px);position:absolute;bottom:-.4em;left:0}.foldout__topic[aria-expanded=true] .foldout__crease:after{background:linear-gradient(#ffffffe6 0 1px,#0000 1px),linear-gradient(#0000 0 1px,#0303036b 1px 2px,#0303031a 2px)}.foldout__answers{grid-area:2/6/auto/12;align-self:start;display:grid}.foldout__answer{pointer-events:none;grid-area:1/1}.foldout__answer-topic{font-family:var(--font-sans);font-size:var(--t-label);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-soft);opacity:0;transition:opacity .3s var(--enter);margin:0 0 1.1em}.foldout__answer[data-state=cut] .foldout__answer-topic{opacity:1;transition:opacity .5s var(--enter) .3s}.foldout__words{max-width:30em;font-family:var(--font-serif);font-size:calc(var(--t-body) * 1.08);text-wrap:pretty;margin:0;line-height:1.34}.engraved{--rise:0;--ink-on:0;color:rgb(18 18 18/var(--ink-on));transition:--rise .35s var(--enter), --ink-on .3s var(--enter)}.engraved .lo{opacity:var(--ink-on)}[data-state=cut] .engraved{--rise:-1;--ink-on:1;transition:--rise .6s var(--enter) calc(.35s + var(--w,0) * 25ms), --ink-on .45s var(--enter) calc(.35s + var(--w,0) * 25ms)}@starting-style{[data-state=cut] .engraved{--rise:0;--ink-on:0}}.foldout__inline{display:none}@media (max-width:1024px),(max-aspect-ratio:9/10){.foldout{min-height:0;padding:12vh var(--edge-x) 8vh;flex-direction:column;gap:2.2em;display:flex}.foldout__answers{display:none}.foldout__inline{font-family:var(--font-serif);font-size:var(--t-step-text);margin:.4em 0 1em;line-height:1.4;display:block}}@media (prefers-reduced-motion:reduce){.foldout__answer-topic,.foldout__answer[data-state=cut] .foldout__answer-topic,.engraved,[data-state=cut] .engraved{transition:none}}