.mascot-stage .mascot-stage__object{position:relative;overflow:visible}.mascot-x-backdrop{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.mascot-x-grid{will-change:transform, opacity;background-image:linear-gradient(90deg,#2b292617 1px,#0000 1px),linear-gradient(#2b292617 1px,#0000 1px),linear-gradient(90deg,#2b292607 1px,#0000 1px),linear-gradient(#2b292607 1px,#0000 1px);background-size:72px 72px,72px 72px,14.4px 14.4px,14.4px 14.4px;position:absolute;inset:-72px 0;-webkit-mask-image:radial-gradient(56% 66% at 76%,#000 0%,#0006 48%,#0000 80%);mask-image:radial-gradient(56% 66% at 76%,#000 0%,#0006 48%,#0000 80%)}.mascot-x-wash{will-change:opacity;background:radial-gradient(38% 46% at 76%,#ecc88c57,#0000 72%);position:absolute;inset:0}.mascot-x-frame{pointer-events:none;color:var(--stone,#847e75);position:absolute;inset:0}.mascot-x-halo{transform-origin:50%;will-change:opacity, transform;background:radial-gradient(closest-side,#fffbf3f2,#fffbf380 55%,#fffbf300);border-radius:50%;position:absolute;inset:-24%}.mascot-x-corner{border:0 solid var(--metal,#c8a66b);width:18px;height:18px;position:absolute}.mascot-x-corner--tl{border-top-width:1px;border-left-width:1px;top:-18px;left:-18px}.mascot-x-corner--tr{border-top-width:1px;border-right-width:1px;top:-18px;right:-18px}.mascot-x-corner--bl{border-bottom-width:1px;border-left-width:1px;bottom:-18px;left:-18px}.mascot-x-corner--br{border-bottom-width:1px;border-right-width:1px;bottom:-18px;right:-18px}.mascot-x-north{transform-origin:50% 62%;opacity:.8;position:absolute;top:3%;right:3%}.mascot-x-caption{white-space:nowrap;position:absolute;bottom:-44px;left:0}.mascot-x-scale{white-space:nowrap;align-items:center;gap:.7rem;display:flex;position:absolute;bottom:-44px;right:0}.mascot-x-scale-bar{background:linear-gradient(currentColor,currentColor) 50% 100%/1px 100% no-repeat;border:1px solid;border-top:0;width:46px;height:5px;display:block}.mascot-x-plinth{filter:blur(6px);transform-origin:50%;will-change:opacity, transform;background:radial-gradient(closest-side,#2b292642,#2b29261a 58%,#0000);border-radius:50%;width:78%;height:12%;position:absolute;bottom:-9%;left:50%}.mascot-x-dim{background:var(--hairline-strong,#2b292647);pointer-events:none;position:absolute}.mascot-x-dim:before,.mascot-x-dim:after{content:"";background:var(--metal,#c8a66b);position:absolute}.mascot-x-dim--h{height:1px;top:-34px;left:0;right:0}.mascot-x-dim--h:before,.mascot-x-dim--h:after{width:1px;height:9px;top:-4px}.mascot-x-dim--h:before{left:0}.mascot-x-dim--h:after{right:0}.mascot-x-dim--v{width:1px;top:0;bottom:0;left:-34px}.mascot-x-dim--v:before,.mascot-x-dim--v:after{width:9px;height:1px;left:-4px}.mascot-x-dim--v:before{top:0}.mascot-x-dim--v:after{bottom:0}.mascot-x-caption:before{content:"";background:var(--metal,#c8a66b);vertical-align:.08em;border-radius:50%;width:5px;height:5px;margin-right:.6rem;display:inline-block}.mascot-x-cue{z-index:10;pointer-events:none;flex-direction:column;align-items:center;gap:10px;display:flex;position:absolute;bottom:28px;left:50%;translate:-50%}.mascot-x-cue-line{background:var(--ink,#2b2926);transform-origin:top;width:1px;height:44px;display:block;transform:scaleY(0)}.mascot-x-mask{margin-bottom:-.14em;padding-bottom:.14em;overflow:hidden}.mascot-x-count{letter-spacing:.14em}.mascot-x-index{border-top:1px solid var(--hairline,#2b292624);max-width:26rem;padding:0;list-style:none}.mascot-x-row{border-bottom:1px solid var(--hairline,#2b292624);color:var(--stone,#847e75);opacity:.5;transition:opacity .5s var(--ease-out,cubic-bezier(.16, 1, .3, 1)), color .5s var(--ease-out,cubic-bezier(.16, 1, .3, 1)), padding-left .5s var(--ease-out,cubic-bezier(.16, 1, .3, 1));grid-template-columns:2.2rem 1fr 3.5rem;align-items:center;gap:.75rem;padding:.7rem 0;display:grid}.mascot-x-row[data-state=done]{opacity:.8}.mascot-x-row[data-state=active]{opacity:1;color:var(--ink,#2b2926);padding-left:.35rem}.mascot-x-row-num{font-family:var(--font-display), serif;letter-spacing:.04em;font-size:.82rem;font-style:italic}.mascot-x-row{position:relative}.mascot-x-row:before{content:"";background:var(--metal,#c8a66b);width:5px;height:5px;transition:transform .5s var(--ease-out,cubic-bezier(.16, 1, .3, 1));border-radius:50%;position:absolute;top:50%;left:-.9rem;transform:translateY(-50%)scale(0)}.mascot-x-row[data-state=active]:before{transform:translateY(-50%)scale(1)}.mascot-x-row-label{letter-spacing:.01em;font-size:.82rem}.mascot-x-row-track{background:var(--hairline-strong,#2b292647);height:1px;display:block;position:relative;overflow:hidden}.mascot-x-row-fill{background:var(--metal,#c8a66b);transform-origin:0;will-change:transform;position:absolute;inset:0}.mascot-x-arrow{transition:transform .5s var(--ease-out,cubic-bezier(.16, 1, .3, 1));display:inline-block}.mascot-x-release:hover .mascot-x-arrow,.mascot-x-release:focus-visible .mascot-x-arrow{transform:translate(5px)}@media (max-width:767px){.mascot-stage .mascot-stage__object{width:min(15rem,32svh,56vw)}.mascot-column .mascot-title{min-height:2.4em;margin-top:1rem;line-height:1.12}.mascot-column .mascot-body{max-width:none;min-height:6.2em;margin-top:.75rem;font-size:.8125rem;line-height:1.6}.mascot-column .mascot-rule{margin-top:.75rem}.mascot-x-caption,.mascot-x-scale,.mascot-x-dim--h,.mascot-x-cue,.mascot-x-dim--v{display:none}.mascot-x-dim--h{top:-24px}.mascot-x-caption,.mascot-x-scale{bottom:-34px}.mascot-x-corner--tl{top:-12px;left:-12px}.mascot-x-corner--tr{top:-12px;right:-12px}.mascot-x-corner--bl{bottom:-12px;left:-12px}.mascot-x-corner--br{bottom:-12px;right:-12px}}@media (prefers-reduced-motion:no-preference){.mascot-x-caption{animation:7.4s ease-in-out infinite mascot-x-drift}.mascot-x-scale{animation:8.6s ease-in-out -3.1s infinite mascot-x-drift}.mascot-x-north{animation:9.5s ease-in-out infinite mascot-x-sway}.mascot-x-cue-line{animation:2.6s cubic-bezier(.65,0,.35,1) infinite mascot-x-cue}}@media (prefers-reduced-motion:reduce){.mascot-x-row,.mascot-x-row:before,.mascot-x-arrow{transition:none}.mascot-x-cue-line{transform:scaleY(1)}}@keyframes mascot-x-drift{0%,to{translate:0}50%{translate:0 -4px}}@keyframes mascot-x-sway{0%,to{rotate:-5deg}50%{rotate:5deg}}@keyframes mascot-x-cue{0%{transform-origin:top;transform:scaleY(0)}45%{transform-origin:top;transform:scaleY(1)}55%{transform-origin:bottom;transform:scaleY(1)}to{transform-origin:bottom;transform:scaleY(0)}}
.dos-grid{grid-template-columns:minmax(0,1fr);display:grid}.dos-cell{margin-bottom:.75rem}@media (min-width:1024px){.dos-grid{grid-template-columns:repeat(4,minmax(0,1fr));column-gap:1.25rem}.dos-cell{grid-row:1;grid-column:var(--col);margin-bottom:0;margin-top:calc(var(--lag,0) * 2.75rem)}.dos-panel{grid-area:2/1/auto/-1}}.dos-folder{--front-top:58%;--vis:100px;--hide:24px;--lift:10px;--dos-r:7px;text-align:left;width:100%;height:17rem;color:var(--dos-ink);cursor:pointer;perspective:1200px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:opacity .5s var(--ease-out-expo), transform .8s var(--ease-out-expo);background:0 0;border:0;padding:0;display:block;position:relative}@media (min-width:1024px){.dos-folder{--vis:155px;--lift:14px;height:24rem}}@media (hover:hover){.dos-folder[data-open=false]:hover{transform:translateY(-4px)}}.dos-folder:focus-visible{outline:1px solid var(--metal);outline-offset:6px}.dos-folder[data-tone="1"]{--dos-bg:color-mix(in srgb, var(--tint,var(--stone)) 12%, color-mix(in srgb, var(--paper) 93%, var(--ink) 7%));--dos-back:color-mix(in srgb, var(--tint,var(--stone)) 20%, color-mix(in srgb, var(--paper) 85%, var(--ink) 15%));--dos-ink:var(--ink);--dos-line:#1a1a1a24;--dos-key:#1a1a1a29;--dos-hi:#ffffff61;--dos-lo:#1a1a1a0d;--dos-edge:#ffffffa6;--dos-deboss:0 1px 0 #fff9}.dos-folder[data-tone="2"]{--dos-bg:color-mix(in srgb, var(--tint,var(--stone)) 12%, color-mix(in srgb, var(--stone) 60%, var(--paper) 40%));--dos-back:color-mix(in srgb, var(--tint,var(--stone)) 20%, color-mix(in srgb, var(--stone) 84%, var(--paper) 16%));--dos-ink:var(--ink);--dos-line:#1a1a1a29;--dos-key:#1a1a1a33;--dos-hi:#ffffff57;--dos-lo:#1a1a1a0f;--dos-edge:#fff9;--dos-deboss:0 1px 0 #ffffff80}.dos-folder[data-tone="3"]{--dos-bg:color-mix(in srgb, var(--tint,var(--stone)) 16%, color-mix(in srgb, var(--ink) 94%, var(--stone-dim) 6%));--dos-back:color-mix(in srgb, var(--tint,var(--stone)) 24%, color-mix(in srgb, var(--ink) 82%, var(--stone-dim) 18%));--dos-ink:var(--paper);--dos-line:#f1ede429;--dos-key:#f1ede433;--dos-hi:#ffffff12;--dos-lo:#0000003d;--dos-edge:#ffffff21;--dos-deboss:0 -1px 0 #0000008c}.dos-folder[data-tone="4"]{--dos-bg:color-mix(in srgb, var(--tint,var(--stone)) 14%, color-mix(in srgb, var(--stone-dim) 82%, var(--ink) 18%));--dos-back:color-mix(in srgb, var(--tint,var(--stone)) 22%, color-mix(in srgb, var(--stone-dim) 70%, var(--ink) 30%));--dos-ink:var(--paper);--dos-line:#f1ede42e;--dos-key:#f1ede43d;--dos-hi:#ffffff1a;--dos-lo:#0000002e;--dos-edge:#ffffff2b;--dos-deboss:0 -1px 0 #00000073}.dos-shadow{z-index:0;filter:blur(16px);opacity:.34;pointer-events:none;height:30px;transition:opacity .7s var(--ease-out-expo), transform .8s var(--ease-out-expo);background:#1a1a1a99;border-radius:50%;position:absolute;bottom:-2px;left:5%;right:5%}@media (hover:hover){.dos-folder[data-open=false]:hover .dos-shadow{opacity:.46;transform:translateY(9px)scaleX(.94)}}.dos-folder[data-open=true] .dos-shadow{opacity:.2}.dos-back{background:var(--dos-back);border:1px solid var(--dos-line);border-radius:0 var(--dos-r) var(--dos-r) var(--dos-r);position:absolute;inset:21px 0 0}.dos-back:before,.dos-front:after{content:"";border-radius:inherit;pointer-events:none;opacity:.06;background-image:url(/grain.png);background-size:128px 128px;position:absolute;inset:0}.dos-tab{width:120px;height:22px;position:absolute;top:-22px;left:-1px}.dos-tab svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.dos-tab__fill{fill:var(--dos-back)}.dos-tab__line{fill:none;stroke:var(--dos-line);stroke-width:1px;vector-effect:non-scaling-stroke}.dos-tab__num{height:21px;font-family:var(--font-body), sans-serif;letter-spacing:.18em;font-variant-numeric:tabular-nums;color:var(--dos-ink);opacity:.8;align-items:center;font-size:10px;display:flex;position:absolute;top:0;left:1.05rem}.dos-sheets{pointer-events:none;clip-path:inset(-40px -40px 0);position:absolute;inset:0}.dos-sheet{left:calc(4.5% + var(--k) * 2%);right:calc(4.5% + var(--k) * 2%);top:calc(var(--front-top) - var(--vis) - var(--k) * 9px);bottom:calc(100% - var(--front-top) - var(--hide));z-index:calc(3 - var(--k));background:var(--dos-back);border:1px solid var(--dos-line);rotate:calc(var(--r,0) * 1deg);translate:calc(var(--mx,0) * (3px + var(--k) * 3px)) 0;transition:transform .8s var(--ease-out-expo) calc(var(--k) * 45ms), rotate .8s var(--ease-out-expo), translate .6s var(--ease-out-expo), opacity .5s var(--ease-out-expo);border-radius:3px 3px 0 0;position:absolute;overflow:hidden}.dos-sheet[data-hero=true]{background:color-mix(in srgb, var(--paper) 94%, #fff);padding:6px;box-shadow:0 8px 18px -8px #1a1a1a66}.dos-sheet__img{width:100%;height:100%;display:block;position:relative;overflow:hidden}.dos-folder[data-in=false] .dos-sheet{opacity:0;transform:translateY(calc(var(--vis) + 30px))}.dos-folder[data-in=true] .dos-sheet{animation:dos-rise 1.3s var(--ease-out-expo) calc(.15s + (2 - var(--k)) * .14s) backwards}@keyframes dos-rise{0%{opacity:0;transform:translateY(calc(var(--vis) + 30px))}to{opacity:1;transform:translateY(0)}}.dos-sheet[data-hero=true] .dos-sheet__img img{animation:20s ease-in-out infinite alternate dos-drift;animation-delay:calc(var(--col,1) * -4.5s)}@keyframes dos-drift{0%{transform:scale(1.03)translate(0,0)}to{transform:scale(1.1)translate(-1.5%,1%)}}.dos-folder[data-open=true] .dos-sheet img{animation-play-state:paused}@media (hover:hover){.dos-folder[data-open=false]:hover .dos-sheet,.dos-folder[data-open=false]:focus-visible .dos-sheet{transform:translateY(calc((var(--lift) + var(--k) * 4px) * -1));rotate:0deg}}.dos-folder[data-open=true] .dos-sheet{opacity:0;transform:translateY(8px)rotate(0)}.dos-front{bottom:0;left:0;right:0;top:var(--front-top);z-index:10;background:linear-gradient(180deg, var(--dos-hi) 0%, transparent 34%, transparent 68%, var(--dos-lo) 100%), var(--dos-bg);border:1px solid var(--dos-line);border-radius:var(--dos-r);box-shadow:inset 0 1px 0 var(--dos-edge);transform-origin:50% 100%;transition:transform .8s var(--ease-out-expo);flex-direction:column;justify-content:space-between;padding:1.15rem 1.35rem 1.25rem;display:flex;position:absolute;overflow:hidden}@media (hover:hover){.dos-folder[data-open=false]:hover .dos-front,.dos-folder[data-open=false]:focus-visible .dos-front{transform:translateY(2px)rotateX(-9deg)}}.dos-folder[data-open=true] .dos-front{transform:translateY(4px)rotateX(-6deg)}.dos-key{border:1px solid var(--dos-key);border-radius:calc(var(--dos-r) - 3px);pointer-events:none;position:absolute;inset:7px}.dos-front:before{content:"";background:var(--metal);transform-origin:0;height:2px;transition:transform .8s var(--ease-out-expo);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.dos-folder[data-open=true] .dos-front:before{transform:scaleX(1)}.dos-front__top{font-family:var(--font-body), sans-serif;letter-spacing:.18em;text-transform:uppercase;font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;font-size:10px;display:flex;position:relative}.dos-front__count{opacity:.78}.dos-front__label{font-family:var(--font-display), serif;letter-spacing:-.01em;font-optical-sizing:auto;text-wrap:balance;text-shadow:var(--dos-deboss);font-size:clamp(1.45rem,2vw,1.9rem);font-weight:300;line-height:1.05;display:block;position:relative}.dos-front__bottom{flex-direction:column;gap:.45rem;display:flex;position:relative}.dos-front__tag{letter-spacing:.03em;opacity:.66;font-size:.75rem}.dos-front__ghost{font-family:var(--font-display), serif;letter-spacing:-.04em;font-variant-numeric:lining-nums;color:var(--dos-ink);opacity:.07;pointer-events:none;font-size:clamp(5.5rem,9vw,8.5rem);font-weight:200;line-height:.8;position:absolute;bottom:-.9rem;right:.9rem}.dos-plus{border:1px solid color-mix(in srgb, currentColor 32%, transparent);width:26px;height:26px;transition:transform .5s var(--ease-out-expo), background-color .4s var(--ease-out-expo), color .4s var(--ease-out-expo), border-color .4s var(--ease-out-expo);border-radius:50%;position:relative}.dos-plus:before,.dos-plus:after{content:"";background:currentColor;position:absolute}.dos-plus:before{height:1px;top:12px;left:7px;right:7px}.dos-plus:after{width:1px;top:7px;bottom:7px;left:12px}@media (hover:hover){.dos-folder[data-open=false]:hover .dos-plus{background:var(--dos-ink);border-color:var(--dos-ink);color:var(--dos-bg)}}.dos-folder[data-open=true] .dos-plus{border-color:var(--metal);color:var(--metal);transform:rotate(45deg)}.dos-grid[data-has-open=true] .dos-cell[data-open=false] .dos-folder{opacity:.62}@media (hover:hover){.dos-grid[data-has-open=true] .dos-cell[data-open=false] .dos-folder:hover{opacity:.9}}.dos-panel{transition:grid-template-rows .7s var(--ease-out-expo);grid-template-rows:0fr;display:grid}.dos-panel[data-open=true]{grid-template-rows:1fr}.dos-panel__clip{min-height:0;overflow:hidden}.dos-panel__inner{border-top:1px solid var(--hairline);margin-top:.25rem;padding-top:2.25rem;padding-bottom:2.5rem;position:relative}@media (min-width:1024px){.dos-panel__inner{margin-top:1.25rem;padding-bottom:3rem}}.dos-panel[data-settled=false] .dos-panel__inner a,.dos-panel[data-settled=false] .dos-panel__inner button{pointer-events:none}.dos-panel__inner a,.dos-panel__inner button{touch-action:manipulation}.dos-panel[data-open=false] .dos-panel__inner{visibility:hidden;transition:visibility 0s linear .7s}.dos-panel[data-open=true] .dos-panel__inner{visibility:visible}.dos-panel__bar{background:var(--metal);transform-origin:0;height:2px;transition:transform .9s var(--ease-out-expo);position:absolute;top:-1px;left:0;right:0;transform:scaleX(0)}.dos-panel[data-open=true] .dos-panel__bar{transition-delay:.15s;transform:scaleX(1)}.dos-head{align-items:end;gap:1.5rem;margin-bottom:2rem;display:grid}@media (min-width:1024px){.dos-head{grid-template-columns:minmax(0,7fr) minmax(0,5fr);margin-bottom:2.5rem}.dos-head__actions{justify-self:end}}.dos-head__copy>*+*{margin-top:.75rem}.dos-head__blurb{max-width:46ch;color:color-mix(in srgb, var(--ink) 65%, transparent);font-size:.9375rem;line-height:1.6}.dos-head__actions{align-items:center;gap:2rem;display:flex}.dos-close{color:var(--stone-dim);cursor:pointer;transition:color .3s var(--ease-out-expo);background:0 0;border:0;padding:.5rem 0}.dos-close:hover,.dos-close:focus-visible{color:var(--ink)}.dos-close:focus-visible{outline:1px solid var(--metal);outline-offset:4px}.dos-plates{scroll-snap-type:x mandatory;scrollbar-width:none;gap:.75rem;margin:0;padding:0;list-style:none;display:flex;overflow-x:auto}.dos-plates::-webkit-scrollbar{display:none}.dos-plate{scroll-snap-align:start;flex:0 0 64%}@media (min-width:640px){.dos-plate{flex-basis:38%}}@media (min-width:1024px){.dos-plates{grid-template-columns:repeat(5,minmax(0,1fr));gap:1.25rem;display:grid;overflow:visible}.dos-plate{flex:none}}.dos-plate__link{color:var(--ink);display:block}.dos-plate__link:focus-visible{outline:1px solid var(--metal);outline-offset:4px}.dos-plate__img{aspect-ratio:4/5;clip-path:inset(0 0 100%);transition:clip-path .9s var(--ease-out-expo) calc(var(--k) * 20ms);display:block;position:relative;overflow:hidden}.dos-panel[data-open=true] .dos-plate__img{clip-path:inset(0);transition-delay:calc(.18s + var(--k) * 70ms)}.dos-plate__img img{transition:transform 1.2s var(--ease-out-expo)}@media (hover:hover){.dos-plate__link:hover .dos-plate__img img{transform:scale(1.04)}}.dos-plate__cap{opacity:0;transition:opacity .6s var(--ease-out-expo), transform .6s var(--ease-out-expo);grid-template-columns:auto minmax(0,1fr);gap:.2rem .75rem;margin-top:.9rem;display:grid;transform:translateY(8px)}.dos-panel[data-open=true] .dos-plate__cap{opacity:1;transition-delay:calc(.42s + var(--k) * 70ms);transform:none}.dos-plate__num{color:var(--metal)}.dos-plate__title{font-family:var(--font-display), serif;font-size:1.05rem;font-weight:400;line-height:1.2}.dos-plate__meta{letter-spacing:.02em;color:color-mix(in srgb, var(--ink) 55%, transparent);-webkit-line-clamp:2;-webkit-box-orient:vertical;grid-column:2;font-size:.75rem;line-height:1.45;display:-webkit-box;overflow:hidden}@media (prefers-reduced-motion:reduce){.dos-root *,.dos-root :before,.dos-root :after{transition-duration:0s!important;transition-delay:0s!important;animation:none!important}}.dos-root[data-reduced=true] *,.dos-root[data-reduced=true] :before,.dos-root[data-reduced=true] :after{transition-duration:0s!important;transition-delay:0s!important;animation:none!important}
