[data-theme=gate] body{background:var(--t-bg);color:var(--t-ink);flex-direction:column;min-height:100svh;display:flex}[hidden]{display:none!important}.gate{flex:1 0 auto;min-height:640px;display:flex;position:relative;overflow:hidden}.foot{flex:none}.side{min-width:0;transition:flex-grow .35s var(--ease);flex:1 1 0;position:relative;overflow:hidden}.gate.lean-tech .tech,.gate.lean-art .art,.gate:has(.tech:focus-within) .tech,.gate:has(.art:focus-within) .art{flex-grow:1.45}@media (hover:hover){.gate:has(.tech:hover) .tech,.gate:has(.art:hover) .art{flex-grow:1.45}}.inner{flex-direction:column;justify-content:center;width:max(50vw,560px);padding:96px 48px 40px;display:flex;position:absolute;inset:0}.tech .inner{left:auto;right:0}.block{align-self:stretch;align-items:inherit;min-height:var(--block,404px);flex-direction:column;display:flex}.block>.t-enter,.block>.a-enter{margin-top:auto;padding-top:22px}.tech .block>.t-panel{margin-top:auto}.tech .block>.lede{padding-bottom:28px}.t-label{margin-top:8px}.art .inner{left:0}.t-enter:after,.a-enter:after{content:"";z-index:1;position:absolute;inset:0}.t-enter:focus-visible,.a-enter:focus-visible{outline:none}.tech:has(.t-enter:focus-visible),.art:has(.a-enter:focus-visible){box-shadow:inset 0 0 0 3px var(--t-acc)}.art:has(.a-enter:focus-visible){box-shadow:inset 0 0 0 3px var(--a-acc)}.tech{background:var(--t-bg);color:var(--t-ink);background-image:linear-gradient(var(--t-line) 1px, transparent 1px), linear-gradient(90deg, var(--t-line) 1px, transparent 1px);background-position:-1px -1px;background-size:24px 24px}.tech:after{content:"";pointer-events:none;background:linear-gradient(90deg,#e8eae600 0%,#e8eae6bf 30%,#e8eae6eb 100%);position:absolute;inset:0}.tech .inner{z-index:1;font-family:var(--sans);text-align:right;align-items:flex-end}.t-label{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--t-mute);font-size:11px}.t-label b{color:var(--t-acc);font-weight:500}.tech h2{font-family:var(--mono);letter-spacing:-.03em;margin:14px 0 0;font-size:clamp(40px,5vw,68px);font-weight:500;line-height:1}.tech .lede{color:#343a3e;max-width:26em;margin:18px 0 0;font-size:17px;line-height:1.5}.t-panel{border-top:1px solid var(--t-ink);text-align:left;width:min(100%,460px);margin-top:28px}.t-row{border-bottom:1px solid var(--t-line);grid-template-columns:76px 1fr auto;align-items:baseline;gap:12px;padding:9px 0;font-size:14px;transition:background .15s;display:grid}@media (hover:hover){.t-row:hover{background:#ffffff8c}}.t-row .k{font-family:var(--mono);color:var(--t-mute);text-transform:uppercase;letter-spacing:.06em;font-size:11px}.t-row .v{color:var(--t-ink);overflow-wrap:anywhere;min-width:0}.tech .ai-mark{color:var(--t-mute);white-space:nowrap;font-size:11px}.tech .ai-mark[data-level=ai-made]{color:var(--t-acc)}.tech .ai-mark i{width:8px;height:8px}.t-more{opacity:0;max-height:0;transition:max-height .35s var(--ease), opacity .25s;overflow:hidden}.gate.lean-tech .t-more,.gate:has(.tech:focus-within) .t-more{opacity:1;max-height:200px}@media (hover:hover){.gate:has(.tech:hover) .t-more{opacity:1;max-height:200px}}@media (hover:none){.t-more,.a-more{opacity:1;max-height:200px;margin-top:18px}}.t-enter,.a-enter{color:inherit;text-decoration:none;position:static}.t-enter{font-family:var(--mono);align-items:center;gap:10px;margin-top:22px;font-size:13px;display:inline-flex}.t-enter kbd,.a-enter kbd,.foot kbd{font-family:var(--mono);opacity:.7;border:1px solid;border-radius:3px;padding:0 4px;font-size:10px}.arrow{transition:transform .2s;display:inline-block}@media (hover:hover){.tech:hover .t-enter .arrow{transform:translate(-4px)}}.readout{z-index:1;font-family:var(--mono);color:var(--t-mute);opacity:0;text-align:left;pointer-events:none;font-size:10px;line-height:1.6;transition:opacity .2s;position:absolute;bottom:24px;left:48px}@media (hover:hover){.tech:hover .readout{opacity:1}}.xh{z-index:0;pointer-events:none;opacity:0;transition:opacity .2s;position:absolute}@media (hover:hover){.tech:hover .xh{opacity:1}}.xh.h{background:#d9532b59;height:1px;left:0;right:0}.xh.v{background:#d9532b59;width:1px;top:0;bottom:0}.art{background:var(--a-bg);color:var(--a-ink)}.art:before{content:"";opacity:.18;pointer-events:none;will-change:transform;background:#ffe6cc;position:absolute;inset:0;-webkit-mask:url(/grain.webp);mask:url(/grain.webp)}.art .inner{z-index:1;font-family:var(--serif)}.a-label{font-family:var(--hand);color:var(--a-acc);transform-origin:0;font-size:22px;display:inline-block;transform:rotate(-2deg)}.art h2{font-family:var(--serif);letter-spacing:-.02em;margin:10px 0 0;font-size:clamp(44px,5.6vw,76px);font-style:italic;font-weight:300;line-height:1}.art .lede{color:#e3d4c1;max-width:24em;margin:18px 0 0;font-size:18px;font-weight:300;line-height:1.5}.collage{width:min(100%,480px);height:210px;margin-top:26px;position:relative}.scrap{z-index:2;transition:transform .3s var(--ease), box-shadow .3s;color:inherit;text-decoration:none;display:block;position:absolute}.scrap:hover,.scrap:focus-within{z-index:4}.tape{color:#2a1a1f;background:#e9dcc6;border-radius:6px;width:190px;height:118px;padding:10px 12px;top:18px;left:0;transform:rotate(-4deg);box-shadow:0 2px #00000040}.tape .lbl{border-bottom:3px solid var(--a-rose);font-family:var(--hand);color:inherit;white-space:nowrap;text-overflow:ellipsis;background:#f6efe2;padding:4px 8px;font-size:19px;line-height:1.1;text-decoration:none;display:block;overflow:hidden}.tape.cover{height:132px}.tape .strip{background:41% 53%/cover no-repeat;border-radius:2px;width:166px;height:42px;position:absolute;top:10px;left:12px}.tape .lbl.tab{z-index:1;white-space:normal;border-bottom:0;border-radius:2px;max-width:160px;padding:2px 7px 3px;font-size:15px;line-height:1.05;position:absolute;top:38px;left:18px;overflow:visible;box-shadow:0 1px 2px #00000040}.tape .lbl.tab small{font:8.5px var(--mono);color:#7d6a5c;letter-spacing:.04em;text-transform:uppercase;margin-top:1px;display:block}.tape.cover .win{height:30px;margin:0;position:absolute;bottom:14px;left:35px}.tape .win{background:#2a1a1f;border-radius:18px;justify-content:space-between;align-items:center;width:120px;height:36px;margin:10px auto 0;padding:0 10px;display:flex}.reel{border:3px dotted #e9dcc6;border-radius:50%;width:22px;height:22px}.tape.playing .reel{animation:2.4s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.play{background:var(--a-acc);color:#2a1a1f;cursor:pointer;border:0;border-radius:50%;width:40px;height:40px;font-size:14px;position:absolute;bottom:-14px;right:-14px;box-shadow:0 2px #0000004d}.polaroid{z-index:3;background:#f4ece0;width:128px;padding:8px 8px 26px;top:0;left:168px;transform:rotate(7deg);box-shadow:0 2px #00000040}.polaroid img{object-fit:cover;background:#6c4440;width:100%;height:104px;display:block}.polaroid .cap{font-family:var(--hand);color:#2a1a1f;text-align:center;white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:17px;display:block;overflow:hidden}.note{color:#2a1a1f;-webkit-line-clamp:5;background:#e8b04a;-webkit-box-orient:vertical;width:150px;padding:10px 12px;font-size:14px;line-height:1.35;display:-webkit-box;top:96px;left:274px;overflow:hidden;transform:rotate(-2deg);box-shadow:0 2px #00000040}.note small{font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;opacity:.7;margin-bottom:4px;font-size:9px;display:block}@media (hover:hover){.tape:hover{transform:rotate(-1deg)translateY(-6px)}.polaroid:hover{transform:rotate(1deg)translateY(-6px)}.note:hover{transform:rotate(0)translateY(-6px)}.art:hover .a-enter .arrow{transform:translate(4px)}.art:hover .squiggle path{stroke-dashoffset:0}}.a-more{opacity:0;max-height:0;transition:max-height .35s var(--ease), opacity .25s, margin-top .35s var(--ease);color:var(--a-mute);margin-top:0;font-size:15px;overflow:hidden}.a-more a{z-index:2;color:var(--a-ink);text-decoration-color:var(--a-rose);position:relative}.gate.lean-art .a-more,.gate:has(.art:focus-within) .a-more{opacity:1;max-height:200px;margin-top:18px}@media (hover:hover){.gate:has(.art:hover) .a-more{opacity:1;max-height:200px;margin-top:18px}}.a-enter{font-family:var(--serif);align-self:flex-start;align-items:center;gap:10px;margin-top:20px;font-size:17px;font-style:italic;display:inline-flex}.squiggle{opacity:.55;width:120px;position:absolute;top:34px;right:36px}.squiggle path{stroke-dasharray:260;stroke-dashoffset:260px;transition:stroke-dashoffset .6s var(--ease)}@media (hover:none){.squiggle path{stroke-dashoffset:0}}.name-l,.name-r{z-index:2;white-space:nowrap;font-size:20px;position:absolute;top:32px}.name-l{font-family:var(--mono);letter-spacing:-.01em;font-weight:500;right:18px}.name-r{font-family:var(--serif);font-size:24px;font-style:italic;top:28px;left:18px}.garden-link{z-index:5;color:#e8eae6;font-family:var(--mono);white-space:nowrap;background:#121416;border-radius:99px;align-items:center;gap:10px;padding:8px 16px 8px 12px;font-size:12px;text-decoration:none;transition:background .2s,padding .2s;display:inline-flex;position:absolute;bottom:26px;left:50%;transform:translate(-50%);box-shadow:0 0 0 1px #ffffff14}@media (hover:hover){.garden-link:hover{background:#000;padding-right:20px}}.garden-link .sprout{width:14px;height:14px}.garden-link em{font-family:var(--serif);color:#e8b04a;font-size:14px}.garden-link kbd{font-family:var(--mono);color:#9aa09b;border:1px solid #555;border-radius:3px;padding:0 4px;font-size:10px}.foot{color:#b9bdb7;min-height:56px;font-family:var(--mono);background:#121416;justify-content:space-between;align-items:center;gap:24px;padding:0 48px;font-size:12px;display:flex}.foot a{color:#e8eae6;text-underline-offset:3px;text-decoration-color:#555}.foot .pref-switch button{color:#b9bdb7;border-color:#3b4044;padding:3px 8px;font-size:11px}.foot .pref-switch button[aria-pressed=true]{color:#121416;background:#e8eae6;border-color:#e8eae6}.foot .pref-label{color:#7d837f}.foot .pref-archive{color:#9aa09c}@media (width<=820px){.gate{flex-direction:column}.side{flex:none!important}.inner{min-height:520px;padding:70px 24px 32px;position:relative;text-align:left!important;align-items:flex-start!important;width:100%!important}.block{min-height:0}.t-label{margin-top:0}.name-l,.name-r,.readout{display:none}.collage{max-width:100%}.garden-link{align-self:flex-start;margin:18px 24px;position:static;transform:none;left:auto!important}.t-more,.a-more{opacity:1;max-height:200px;margin-top:18px}.foot{flex-direction:column;align-items:flex-start;padding:14px 24px}}@media (width>=821px) and (width<=1056px){.collage{width:calc(50vw - 72px);height:236px}.polaroid{left:auto;right:6px}.note{top:150px;left:22px}.t-panel{width:min(100%,50vw - 72px)}}@media (width<=520px){.collage{height:270px}.polaroid{left:auto;right:6px}.note{top:160px;left:14px}}.a-note{z-index:2;color:var(--a-mute);margin-top:12px;position:relative}.t-note{z-index:2;color:var(--t-mute);margin-top:12px;position:relative}@media (width>=1800px) and (height>=1000px){.inner>*,.name-l,.name-r{zoom:1.2}.garden-link{transform-origin:50% 100%;transform:translate(-50%)scale(1.2)}}@media (width>=2300px) and (height>=1300px){.inner>*,.name-l,.name-r{zoom:1.45}.garden-link{transform:translate(-50%)scale(1.45)}}