@import"https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Inter:wght@400;500;600;700;800&display=swap";:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#080808;background:#f7f6f5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--paper: #f7f6f5;--paper-deep: #ebeae9;--ink: #080808;--muted: #73716d;--line: rgba(8, 8, 8, .14);--blue: #003dff;--blue-soft: #d2daf7;--green: #dfeee6;--coral: #f4d7cf;--amber: #f2e4c8;--white: #ffffff;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-snap: cubic-bezier(.34, 1.56, .64, 1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--paper);overflow-x:hidden}button,input{font:inherit}button{color:inherit}a{color:inherit;text-decoration:none}::selection{background:var(--blue);color:var(--white)}html.has-custom-cursor,html.has-custom-cursor *{cursor:none!important}.app-shell{min-height:100vh}.custom-cursor{position:fixed;top:0;left:0;z-index:10000;display:grid;place-items:center;width:24px;height:24px;opacity:0;pointer-events:none;transform:translate3d(-50px,-50px,0);transition:opacity .16s ease;will-change:transform}.custom-cursor.is-visible{opacity:1}.custom-cursor.is-hidden{opacity:0}.custom-cursor-shape{display:grid;place-items:center;width:24px;height:24px;border:1px solid transparent;border-radius:999px;background:var(--blue);color:var(--white);box-shadow:0 10px 28px #003dff29;transform:scale(1);transition:opacity .16s ease,box-shadow .18s ease}.custom-cursor-shape span{display:none;max-width:58px;opacity:0;overflow:hidden;color:inherit;font-size:10px;font-weight:800;letter-spacing:0;line-height:1;text-transform:uppercase;transform:translateY(3px) scale(.92);transition:opacity .15s ease,transform .18s var(--ease-out);white-space:nowrap}.custom-cursor.is-interactive .custom-cursor-shape span{opacity:1;transform:translateY(0) scale(1)}.custom-cursor.is-link .custom-cursor-shape,.custom-cursor.is-card .custom-cursor-shape,.custom-cursor.is-blue .custom-cursor-shape{width:24px;height:24px;border-color:var(--blue);background:var(--blue);box-shadow:0 10px 28px #003dff29}.custom-cursor.is-text .custom-cursor-shape{width:24px;height:24px;border-color:var(--blue);background:var(--blue);color:var(--white);box-shadow:0 10px 28px #003dff29}.custom-cursor.is-pressed .custom-cursor-shape{transform:scale(1)}.topbar{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:24px;height:72px;padding:0 clamp(18px,4vw,54px);background:color-mix(in srgb,var(--paper) 90%,transparent);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);animation:topbar-in .46s var(--ease-out) both}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--blue);border-radius:50%;background:var(--blue);color:var(--white);font-weight:800;letter-spacing:0;transition:transform .24s var(--ease-snap),background .18s ease,color .18s ease}.brand-mark:hover{background:var(--ink);border-color:var(--ink);transform:rotate(-8deg) scale(1.06)}.nav-links{display:flex;gap:clamp(18px,4vw,52px);justify-content:center;font-size:14px;font-weight:600}.nav-links a,.contact-link{position:relative;white-space:nowrap}.nav-links a:after,.contact-link:after{position:absolute;right:0;bottom:-6px;left:0;height:1px;content:"";background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .18s ease}.nav-links a:hover:after,.contact-link:hover:after{transform:scaleX(1)}.nav-links a:hover,.contact-link:hover{color:var(--blue)}.contact-link{justify-self:end;color:var(--blue);font-size:14px;font-weight:700}.hero-section{min-height:620px;display:flex;flex-direction:column;justify-content:flex-end;gap:clamp(28px,6vw,64px);padding:clamp(48px,8vw,96px) clamp(18px,4vw,54px) clamp(38px,7vw,82px);border-bottom:1px solid var(--line)}.hero-section[data-reveal]{opacity:1;transform:none}.hero-section[data-reveal]>*{opacity:0;transform:translateY(26px);transition:opacity .68s var(--ease-out),transform .68s var(--ease-out);transition-delay:var(--reveal-delay, 0ms)}.hero-section.is-visible>*{opacity:1;transform:translateY(0)}.hero-kicker{display:inline-flex;align-items:center;gap:12px;width:fit-content;color:var(--ink);font-size:14px;font-weight:700}.dot{width:8px;height:8px;border-radius:50%;background:var(--blue);box-shadow:0 0 #003dff2e;animation:dot-pulse 2.4s ease-out infinite}.hero-section h1{max-width:1180px;margin:0;font-family:"Instrument Serif",Georgia,serif;font-size:clamp(64px,11vw,172px);font-weight:400;line-height:.86;letter-spacing:0}.hero-section h1 span{color:var(--blue);font-style:italic}.hero-meta{display:grid;grid-template-columns:140px 140px minmax(260px,560px);align-items:end;gap:clamp(16px,4vw,48px);max-width:980px;margin-left:auto}.hero-meta div{padding-top:18px;border-top:1px solid var(--ink)}.hero-meta div:first-child{border-color:var(--blue)}.meta-label{display:block;color:var(--muted);font-size:12px;font-weight:700;text-transform:uppercase}.hero-meta strong{display:block;margin-top:4px;font-size:38px;line-height:1}.hero-meta p{margin:0;color:#373532;font-size:clamp(17px,2vw,22px);line-height:1.45}.hero-case{display:grid;grid-template-columns:minmax(160px,220px) minmax(280px,620px) minmax(220px,320px);gap:clamp(18px,4vw,58px);align-items:end;max-width:1180px;margin-left:auto}.hero-services{display:grid;gap:8px;padding-top:18px;border-top:1px solid var(--blue)}.hero-services span,.resource-context span{color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase}.hero-services strong{color:var(--ink);font-size:14px;font-weight:700}.hero-statement{padding-top:18px;border-top:1px solid var(--ink)}.hero-statement p{margin:0 0 12px;color:var(--blue);font-size:clamp(18px,2vw,26px);font-weight:700;line-height:1.15}.hero-statement h2{margin:0;color:#373532;font-size:clamp(17px,1.7vw,22px);font-weight:500;line-height:1.48}.index-section{display:grid;grid-template-columns:minmax(116px,12vw) minmax(0,1fr);gap:clamp(18px,3vw,42px);padding:clamp(24px,4vw,54px);border-bottom:1px solid var(--line)}.side-rail{position:sticky;top:112px;display:flex;flex-direction:column;gap:18px;align-self:start;color:var(--muted);font-size:13px;font-weight:700}.side-rail:before{width:32px;height:2px;content:"";background:var(--blue)}.side-rail a{width:fit-content}.side-rail a:hover{color:var(--blue)}.resource-workspace{min-width:0}.resource-context{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(18px,4vw,56px);margin-bottom:24px;padding-bottom:26px;border-bottom:1px solid var(--line)}.resource-context[data-reveal]{opacity:0;transform:translateY(20px);transition:opacity .62s var(--ease-out),transform .62s var(--ease-out)}.resource-context.is-visible{opacity:1;transform:translateY(0)}.resource-context p{max-width:520px;margin:10px 0 0;color:#373532;font-size:clamp(16px,1.7vw,20px);line-height:1.55}.toolbar{display:grid;grid-template-columns:minmax(220px,1fr);gap:12px;margin-bottom:18px}.search-box{display:flex;align-items:center;gap:12px;min-height:54px;padding:0 16px;background:var(--white);border:1px solid var(--line);border-radius:8px;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.search-box:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-soft);transform:translateY(-1px)}.search-box svg{color:var(--muted);flex:none;transition:color .18s ease,transform .18s var(--ease-snap)}.search-box:focus-within svg{color:var(--blue);transform:rotate(-8deg) scale(1.08)}.search-box input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--ink);font-size:15px}.toolbar-actions,.detail-actions{display:flex;gap:8px}.icon-button{display:grid;place-items:center;width:44px;height:44px;flex:none;border:1px solid var(--line);border-radius:50%;background:var(--white);cursor:pointer;transition:transform .18s var(--ease-snap),border-color .16s ease,color .16s ease,background .16s ease}.icon-button:hover{border-color:var(--blue);color:var(--blue);transform:translateY(-1px)}.icon-button:active{transform:translateY(0) scale(.94)}.filter-row,.status-row{display:flex;gap:8px;padding-bottom:12px;overflow-x:auto}.filter-chip,.status-chip{min-height:36px;padding:0 13px;border:1px solid var(--line);border-radius:999px;background:transparent;color:#4b4945;font-size:13px;font-weight:700;white-space:nowrap;cursor:pointer;transition:color .17s ease,background .17s ease,border-color .17s ease,transform .18s var(--ease-snap)}.filter-chip:hover,.status-chip:hover,.filter-chip.active,.status-chip.active{border-color:var(--blue);background:var(--blue);color:var(--white)}.filter-chip:hover,.status-chip:hover{transform:translateY(-1px)}.filter-chip.active,.status-chip.active{animation:chip-pop .26s var(--ease-snap)}.status-chip span{margin-left:6px;color:color-mix(in srgb,currentColor 72%,transparent)}.workspace-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,420px);gap:clamp(18px,3vw,36px);align-items:start;margin-top:12px}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(246px,1fr));gap:12px}.resource-card{position:relative;display:grid;grid-template-rows:auto minmax(156px,1fr) auto;gap:18px;min-height:300px;padding:18px;background:var(--white);border:1px solid var(--line);border-radius:8px;cursor:pointer;overflow:hidden;transition:transform .24s var(--ease-out),border-color .18s ease,background .18s ease,box-shadow .24s ease}.resource-card[data-reveal]{opacity:0;transform:translateY(20px);transition-delay:calc(var(--card-index, 0) * 42ms)}.resource-card.is-visible{opacity:1;transform:translateY(0)}.resource-card:before{position:absolute;inset:0;content:"";background:radial-gradient(260px circle at var(--pointer-x, 50%) var(--pointer-y, 0%),rgba(0,61,255,.055),transparent 58%);opacity:0;transition:opacity .18s ease;pointer-events:none}.resource-card:after{position:absolute;inset:10px;content:"";border:1px solid rgba(0,61,255,0);border-radius:6px;pointer-events:none;transition:border-color .18s ease,inset .18s var(--ease-out)}.resource-card>*{position:relative;z-index:1}.resource-card:hover,.resource-card.active{border-color:var(--blue);background:color-mix(in srgb,var(--white) 94%,var(--blue-soft));transform:translateY(-4px);box-shadow:0 18px 45px #0000000f}.resource-card:hover:before{opacity:1}.card-topline{display:flex;align-items:center;justify-content:space-between}.favicon,.detail-favicon{width:34px;height:34px;border-radius:50%;background:var(--paper-deep);border:1px solid var(--line);transition:transform .22s var(--ease-snap)}.resource-card:hover .favicon,.resource-card.active .favicon{transform:scale(1.08) rotate(-5deg)}.type-badge{display:grid;place-items:center;min-width:48px;height:28px;padding:0 10px;border:1px solid var(--line);border-radius:999px;color:var(--blue);font-size:11px;font-weight:800;transition:transform .18s var(--ease-snap),border-color .18s ease,background .18s ease}.resource-card:hover .type-badge,.resource-card.active .type-badge{border-color:var(--blue);background:var(--white);transform:translate(-2px)}.card-category{margin-bottom:10px;color:var(--muted);font-size:12px;font-weight:800}.card-classification{display:flex;align-items:center;gap:8px;min-width:0;margin-bottom:10px}.card-classification span{flex:none;color:var(--blue);font-size:11px;font-weight:800}.card-classification em{min-width:0;overflow:hidden;color:var(--muted);font-size:11px;font-style:normal;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.card-classification em:before{margin-right:8px;content:"/";color:#08080842}.resource-card h2{margin:0 0 12px;font-family:"Instrument Serif",Georgia,serif;font-size:clamp(30px,4vw,44px);font-weight:400;line-height:.95;letter-spacing:0}.resource-card p{margin:0;color:#393733;font-size:14px;line-height:1.55}.card-purpose{display:flex;align-items:baseline;gap:8px;min-width:0;margin-top:14px;padding-top:12px;border-top:1px solid rgba(8,8,8,.08)}.card-purpose span{color:var(--blue);font-size:10px;font-weight:800;text-transform:uppercase}.card-purpose strong{min-width:0;overflow:hidden;color:#25231f;font-size:12px;font-weight:800;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.card-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:14px;border-top:1px solid var(--line);color:var(--muted);font-size:12px;font-weight:700}.card-source{min-width:0;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap}.usage{display:inline-flex;align-items:center;min-height:26px;padding:0 9px;border-radius:999px;color:var(--ink)}.usage-高频{background:var(--blue-soft)}.usage-常用{background:var(--green)}.usage-偶尔{background:var(--amber)}.usage-待试{background:var(--coral)}.detail-panel{position:sticky;top:96px;padding:20px;background:linear-gradient(145deg,var(--brand-surface),rgba(255,255,255,.42)),radial-gradient(circle at 18% 16%,color-mix(in srgb,var(--brand-accent) 32%,transparent),transparent 34%),radial-gradient(circle at 82% 0%,color-mix(in srgb,var(--brand-accent-soft) 46%,transparent),transparent 38%);border:1px solid color-mix(in srgb,var(--brand-accent) 30%,rgba(255,255,255,.52));border-radius:8px;color:var(--brand-ink);overflow:hidden;box-shadow:0 26px 70px #00000024,inset 0 1px #ffffff9e;-webkit-backdrop-filter:blur(22px) saturate(1.22);backdrop-filter:blur(22px) saturate(1.22);animation:detail-panel-in .36s var(--ease-out) both}.detail-panel:before{position:absolute;inset:0;z-index:0;content:"";background:linear-gradient(90deg,color-mix(in srgb,var(--brand-accent) 18%,transparent) 1px,transparent 1px),linear-gradient(0deg,color-mix(in srgb,var(--brand-accent) 12%,transparent) 1px,transparent 1px);background-size:38px 38px;opacity:.28;pointer-events:none;-webkit-mask-image:linear-gradient(to bottom,#000 0%,transparent 72%);mask-image:linear-gradient(to bottom,#000 0%,transparent 72%)}.detail-panel:after{position:absolute;inset:0;z-index:0;content:"";background:radial-gradient(circle at 12% 90%,color-mix(in srgb,var(--brand-accent) 30%,transparent),transparent 32%),linear-gradient(135deg,rgba(255,255,255,.46),transparent 45%);opacity:.62;pointer-events:none}.detail-panel>*{position:relative;z-index:1}.detail-glass-bg{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}.detail-glass-bg:before,.detail-glass-bg:after{position:absolute;width:190px;height:190px;content:"";border-radius:50%;filter:blur(8px)}.detail-glass-bg:before{top:-72px;right:-48px;background:color-mix(in srgb,var(--brand-accent) 28%,transparent)}.detail-glass-bg:after{bottom:-92px;left:-58px;background:color-mix(in srgb,var(--brand-accent-soft) 38%,transparent)}.detail-brand-stage{display:grid;grid-template-columns:88px minmax(0,1fr);gap:16px;align-items:end;min-height:126px;margin:-4px -4px 18px;padding:16px;background:linear-gradient(135deg,#ffffff70,#ffffff29),radial-gradient(circle at 22% 30%,color-mix(in srgb,var(--brand-accent) 28%,transparent),transparent 48%);border:1px solid rgba(255,255,255,.44);border-radius:8px;box-shadow:inset 0 1px #ffffffa8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);animation:detail-content-in .42s var(--ease-out) both}.brand-seal{position:relative;display:grid;place-items:center;width:82px;height:82px;border:1px solid color-mix(in srgb,var(--brand-accent) 36%,rgba(255,255,255,.48));border-radius:50%;background:color-mix(in srgb,var(--brand-accent) 12%,rgba(255,255,255,.7));color:var(--brand-accent);overflow:hidden}.brand-seal img{position:absolute;width:34px;height:34px;border-radius:50%;opacity:.22;transform:translate(-16px,-16px)}.brand-seal span{position:relative;z-index:1;max-width:72px;overflow:hidden;font-family:"Instrument Serif",Georgia,serif;font-size:32px;line-height:1;text-align:center;text-overflow:ellipsis;white-space:nowrap}.detail-brand-stage>div:last-child{min-width:0}.detail-brand-stage span{display:block;color:var(--brand-muted);font-size:11px;font-weight:800}.detail-brand-stage strong{display:block;margin-top:7px;overflow:hidden;color:var(--brand-ink);font-size:14px;font-weight:800;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.detail-panel-paper:before{background-image:radial-gradient(color-mix(in srgb,var(--brand-accent) 18%,transparent) 1px,transparent 1px);background-size:11px 11px;opacity:.22}.detail-panel-editorial:before{background-size:100% 58px;opacity:.36}.detail-panel-code:before{background:linear-gradient(90deg,color-mix(in srgb,var(--brand-accent-soft) 22%,transparent) 1px,transparent 1px),linear-gradient(0deg,color-mix(in srgb,var(--brand-accent) 12%,transparent) 1px,transparent 1px);background-size:24px 24px}.detail-panel-motion:before{background:repeating-linear-gradient(115deg,color-mix(in srgb,var(--brand-accent) 18%,transparent) 0 2px,transparent 2px 18px);opacity:.24}.detail-panel-research:before{background:linear-gradient(90deg,color-mix(in srgb,var(--brand-accent) 16%,transparent) 1px,transparent 1px),radial-gradient(color-mix(in srgb,var(--brand-accent) 20%,transparent) 1px,transparent 1px);background-size:32px 32px,15px 15px}.detail-top{display:flex;justify-content:space-between;gap:18px;padding-bottom:22px;border-bottom:1px solid color-mix(in srgb,var(--brand-accent) 18%,rgba(8,8,8,.1));animation:detail-content-in .42s var(--ease-out) both}.detail-identity{display:flex;align-items:flex-start;gap:14px;min-width:0}.detail-favicon{width:42px;height:42px;background:var(--white);box-shadow:0 10px 26px #0000001f}.detail-identity span,.detail-label{display:block;color:var(--brand-muted);font-size:11px;font-weight:800;text-transform:uppercase}.detail-identity h2{margin:4px 0 0;font-family:"Instrument Serif",Georgia,serif;font-size:44px;font-weight:400;line-height:.95;letter-spacing:0}.detail-panel .icon-button{background:#ffffff52;border-color:color-mix(in srgb,var(--brand-accent) 24%,rgba(255,255,255,.4));color:var(--brand-ink);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.detail-panel .icon-button:hover{border-color:var(--brand-accent);background:color-mix(in srgb,var(--brand-accent) 12%,rgba(255,255,255,.48));color:var(--brand-accent)}.detail-block{padding:22px 0;border-bottom:1px solid color-mix(in srgb,var(--brand-accent) 16%,rgba(8,8,8,.1));animation:detail-content-in .42s var(--ease-out) both;animation-delay:var(--detail-delay, 0ms)}.detail-block p{margin:10px 0 0;color:color-mix(in srgb,var(--brand-ink) 88%,#ffffff);font-size:16px;line-height:1.58}.area-summary{margin-top:10px}.area-summary strong{display:block;color:var(--brand-accent);font-size:22px;font-weight:800;line-height:1.12}.area-summary p{margin-top:8px}.source-meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px}.source-meta-grid div{min-width:0;padding:12px;background:#ffffff47;border:1px solid color-mix(in srgb,var(--brand-accent) 18%,rgba(255,255,255,.4));border-radius:8px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.source-meta-grid span{display:block;margin-bottom:7px;color:var(--brand-muted);font-size:10px;font-weight:800;text-transform:uppercase}.source-meta-grid strong{display:block;overflow:hidden;color:var(--brand-ink);font-size:13px;line-height:1.25;text-overflow:ellipsis}.source-homepage{display:inline-flex;align-items:center;gap:8px;max-width:100%;min-height:34px;margin-top:12px;padding:0 11px;border:1px solid color-mix(in srgb,var(--brand-accent) 28%,rgba(255,255,255,.42));border-radius:999px;color:var(--brand-accent);font-size:12px;font-weight:800;transition:border-color .16s ease,background .16s ease,transform .18s var(--ease-snap)}.source-homepage span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.source-homepage:hover{border-color:var(--brand-accent);background:color-mix(in srgb,var(--brand-accent) 10%,rgba(255,255,255,.4));transform:translateY(-1px)}.usecase-list,.tag-list,.alt-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.usecase-list span,.tag-list span,.alt-list span{min-height:30px;padding:7px 10px;border:1px solid color-mix(in srgb,var(--brand-accent) 18%,rgba(255,255,255,.5));border-radius:999px;color:var(--brand-ink);font-size:12px;font-weight:700;transition:border-color .16s ease,background .16s ease,transform .18s var(--ease-snap)}.usecase-list span:hover,.tag-list span:hover,.alt-list span:hover{border-color:var(--brand-accent);background:color-mix(in srgb,var(--brand-accent) 10%,rgba(255,255,255,.4));transform:translateY(-1px)}.detail-link{display:flex;align-items:center;gap:10px;min-width:0;padding-top:18px;color:var(--brand-accent);font-size:12px;font-weight:700}.detail-link span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.collections-section,.closing-section{padding:clamp(54px,9vw,118px) clamp(18px,4vw,54px);border-bottom:1px solid var(--line)}.section-title{display:grid;grid-template-columns:minmax(110px,14vw) minmax(0,760px);gap:clamp(18px,4vw,48px);margin-bottom:28px}.section-title span,.closing-section p{margin:0;color:var(--blue);font-size:13px;font-weight:800}.section-title h2,.closing-section h2{margin:0;font-family:"Instrument Serif",Georgia,serif;font-size:clamp(48px,8vw,104px);font-weight:400;line-height:.98;letter-spacing:0}.collection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}.collection-grid article{min-height:250px;padding:24px;background:var(--paper);transition:background .18s ease,transform .22s var(--ease-out)}.collection-grid article[data-reveal],.section-title[data-reveal],.closing-section[data-reveal]{opacity:0;transform:translateY(24px);transition:opacity .62s var(--ease-out),transform .62s var(--ease-out);transition-delay:calc(var(--card-index, 0) * 72ms)}.collection-grid article.is-visible,.section-title.is-visible,.closing-section.is-visible{opacity:1;transform:translateY(0)}.collection-grid article:hover{background:var(--white);transform:translateY(-3px)}.collection-grid svg{color:var(--blue)}.collection-grid h3{margin:72px 0 12px;font-family:"Instrument Serif",Georgia,serif;font-size:42px;font-weight:400;letter-spacing:0}.collection-grid p{max-width:330px;margin:0;color:#3d3b37;line-height:1.6}.closing-section{display:grid;grid-template-columns:minmax(110px,14vw) minmax(0,920px);gap:clamp(18px,4vw,48px)}@keyframes topbar-in{0%{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:translateY(0)}}@keyframes dot-pulse{0%{box-shadow:0 0 #003dff2e}68%{box-shadow:0 0 0 8px #003dff00}to{box-shadow:0 0 #003dff00}}@keyframes chip-pop{0%{transform:scale(.98)}62%{transform:scale(1.04)}to{transform:scale(1)}}@keyframes detail-panel-in{0%{opacity:0;transform:translate(18px) scale(.985)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes detail-content-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1050px){.workspace-grid{grid-template-columns:1fr}.detail-panel{position:static}}@media(max-width:820px){.topbar{grid-template-columns:48px 1fr;gap:14px;height:64px}.nav-links{justify-content:flex-end;gap:16px;font-size:13px}.contact-link{display:none}.hero-section{min-height:auto;padding-top:88px}.hero-meta{grid-template-columns:1fr 1fr;margin-left:0}.hero-meta p{grid-column:1 / -1}.hero-case{grid-template-columns:1fr;margin-left:0}.resource-context{grid-template-columns:1fr}.index-section{display:block}.side-rail{position:static;flex-direction:row;margin-bottom:22px;overflow-x:auto}.section-title,.closing-section,.collection-grid{grid-template-columns:1fr}}@media(max-width:560px){.nav-links a:nth-child(2){display:none}.toolbar{grid-template-columns:1fr}.toolbar-actions{display:none}.cards-grid{grid-template-columns:1fr}.resource-card{min-height:270px}.hero-section h1{font-size:clamp(58px,18vw,96px)}.detail-top{flex-direction:column}.detail-actions{align-self:flex-start}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}[data-reveal],.hero-section[data-reveal]>*,.resource-card[data-reveal],.collection-grid article[data-reveal],.section-title[data-reveal],.closing-section[data-reveal]{opacity:1!important;transform:none!important}.resource-context[data-reveal]{opacity:1!important;transform:none!important}}.app-shell{position:relative;min-height:100vh;color:var(--ink);background:radial-gradient(circle,rgba(214,255,60,.95) 0 1.6px,transparent 1.8px),linear-gradient(90deg,rgba(255,255,255,.09) 1px,transparent 1px),linear-gradient(0deg,rgba(255,255,255,.09) 1px,transparent 1px),var(--blue);background-size:28px 28px,72px 72px,72px 72px,auto;isolation:isolate}.app-shell:before{position:fixed;inset:0;z-index:-1;content:"";background:linear-gradient(90deg,rgba(0,0,0,.12),transparent 28%,transparent 72%,rgba(0,0,0,.08)),radial-gradient(circle at 72% 8%,rgba(255,255,255,.16),transparent 26%);pointer-events:none}.catalog-layout{display:grid;grid-template-columns:286px minmax(0,1fr);min-height:100vh}.catalog-sidebar{position:sticky;top:0;display:flex;flex-direction:column;gap:24px;height:100vh;padding:30px 18px 22px;overflow-y:auto;color:#ffffffbd;background:linear-gradient(90deg,rgba(0,0,0,.18),transparent),#0031cd57;border-right:2px solid rgba(255,255,255,.22);box-shadow:inset -8px 0 #ffffff1c}.sidebar-head{display:flex;align-items:center;gap:12px;padding:6px 2px 0}.sidebar-dot{width:13px;height:13px;border-radius:50%;background:#d8ff3d;box-shadow:18px 0 #d8ff3dd9,36px 0 #d8ff3db3}.sidebar-head strong{display:block;color:var(--white);font-size:25px;font-weight:900;letter-spacing:0}.sidebar-head span:not(.sidebar-dot){display:block;margin-top:4px;font-size:13px;font-weight:800}.sidebar-wave{height:12px;margin:-4px 0 4px;background:radial-gradient(16px 8px at 16px 8px,transparent 10px,rgba(216,255,61,.7) 11px 12px,transparent 13px);background-size:38px 12px}.category-nav{display:grid;gap:8px}.category-group{min-width:0}.nav-group,.nav-child,.clear-filter-button,.empty-state button{appearance:none;border:0;font:inherit;cursor:pointer}.nav-group{display:grid;grid-template-columns:24px minmax(0,1fr) auto 14px;gap:10px;align-items:center;width:100%;min-height:50px;padding:8px 10px;border-radius:6px;background:transparent;color:#ffffffc7;text-align:left;transition:background .17s ease,color .17s ease,transform .22s var(--ease-snap)}.nav-group svg{opacity:.9}.nav-copy{min-width:0}.nav-copy strong,.nav-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-copy strong{color:currentColor;font-size:16px;font-weight:900}.nav-copy small{margin-top:3px;color:#ffffff8a;font-size:11px;font-weight:800}.nav-group em,.nav-child em{font-style:normal;font-size:12px;font-weight:900;color:#ffffff80}.nav-chevron{justify-self:end;transition:transform .18s var(--ease-snap)}.category-group.open .nav-chevron{transform:rotate(90deg)}.nav-group:hover,.category-group.open>.nav-group{background:#ffffff1f;color:var(--white);transform:translate(3px)}.nav-group.active{background:#3a2f27;color:var(--white);box-shadow:7px 7px #f28b26e6}.nav-children{display:grid;gap:4px;margin:6px 0 12px 28px;padding-left:13px;border-left:2px solid rgba(255,255,255,.25);animation:detail-content-in .26s var(--ease-out) both}.nav-child{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:36px;padding:0 10px;border-radius:5px;background:transparent;color:#ffffffa8;text-align:left;transition:background .16s ease,color .16s ease,transform .18s var(--ease-snap)}.nav-child span{min-width:0;overflow:hidden;font-size:13px;font-weight:850;text-overflow:ellipsis;white-space:nowrap}.nav-child:hover,.nav-child.active{background:#3a2f27;color:var(--white);transform:translate(3px)}.sidebar-foot{display:flex;align-items:center;gap:8px;margin-top:auto;padding:12px 10px;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#ffffffb3;font-size:12px;font-weight:800}.sidebar-foot span{color:var(--white)}.sidebar-foot i{width:4px;height:4px;border-radius:50%;background:#d8ff3d}.catalog-main{min-width:0;padding:clamp(28px,4vw,58px)}.catalog-header{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,480px);gap:clamp(18px,4vw,48px);align-items:start;margin-bottom:28px}.catalog-header[data-reveal]{opacity:0;transform:translateY(18px);transition:opacity .56s var(--ease-out),transform .56s var(--ease-out)}.catalog-header.is-visible{opacity:1;transform:translateY(0)}.active-filter-line{display:flex;flex-wrap:wrap;align-items:center;gap:9px;color:#ffffffb3;font-size:14px;font-weight:850}.active-filter-line strong,.active-filter-line em{color:var(--white);font-style:normal}.active-filter-line em{min-height:24px;padding:4px 8px;border-radius:999px;background:#ffffff29}.catalog-title h1{margin:16px 0 8px;color:var(--white);font-size:clamp(42px,6vw,78px);font-weight:900;line-height:.98;letter-spacing:0}.catalog-title p{margin:0;color:#ffffffb8;font-size:16px;font-weight:850}.catalog-search{min-height:68px;padding:0 20px;background:radial-gradient(circle,rgba(58,47,39,.1) 0 1px,transparent 1.2px),#fffaf0;background-size:14px 14px;border:2px solid rgba(58,47,39,.7);border-radius:5px;box-shadow:14px 14px #f28b26;color:#20160f}.catalog-search:focus-within{border-color:#20160f;box-shadow:10px 10px #f28b26,0 0 0 4px #d8ff3d61;transform:translate(-2px,-2px)}.catalog-search svg{color:#20160f}.catalog-search input{color:#20160f;font-size:18px;font-weight:750}.catalog-search input::placeholder{color:#20160f7a}.catalog-status-row{align-items:center;gap:10px;margin-bottom:22px;padding-bottom:4px}.catalog-status-row .status-chip{min-height:36px;border-color:#ffffff38;border-radius:5px;background:#ffffff1a;color:#ffffffd1}.catalog-status-row .status-chip:hover,.catalog-status-row .status-chip.active{border-color:#fffaf0;background:#fffaf0;color:#20160f}.clear-filter-button{min-height:36px;padding:0 13px;border:1px solid rgba(216,255,61,.62);border-radius:5px;background:#d8ff3d1f;color:#ecff8a;font-size:13px;font-weight:900;transition:background .16s ease,color .16s ease,transform .18s var(--ease-snap)}.clear-filter-button:hover{background:#d8ff3d;color:#20160f;transform:translateY(-1px)}.catalog-workspace{grid-template-columns:minmax(0,1fr) minmax(300px,360px);gap:clamp(22px,2.4vw,28px);margin-top:0}.catalog-workspace .detail-panel{top:28px}.list-heading{color:#ffffffc2;font-size:14px}.cards-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:26px}.resource-card{grid-template-rows:150px auto minmax(132px,1fr) auto;gap:16px;min-height:430px;padding:18px;background:radial-gradient(circle,rgba(58,47,39,.08) 0 1px,transparent 1.2px),#fffaf0;background-size:14px 14px;border:2px solid rgba(58,47,39,.55);border-radius:6px;box-shadow:12px 12px color-mix(in srgb,var(--card-accent, #f28b26) 86%,#f28b26)}.resource-card:hover,.resource-card.active{border-color:color-mix(in srgb,var(--card-accent, var(--blue)) 70%,#20160f);background:radial-gradient(circle,rgba(58,47,39,.09) 0 1px,transparent 1.2px),#fffaf0;box-shadow:17px 17px color-mix(in srgb,var(--card-accent, #f28b26) 86%,#f28b26);transform:translate(-3px,-5px)}.resource-card.active:after{inset:8px;border-color:color-mix(in srgb,var(--card-accent, var(--blue)) 42%,transparent)}.resource-card:hover:before{opacity:.85}.card-preview{position:relative;min-height:150px;margin:-6px -6px 0;overflow:hidden;border:1px solid rgba(58,47,39,.18);border-radius:4px;background:linear-gradient(135deg,color-mix(in srgb,var(--card-accent, var(--blue)) 18%,#fffaf0),#fffaf0),var(--card-accent-soft, var(--blue-soft))}.card-preview:before{position:absolute;inset:0;content:"";background:linear-gradient(90deg,color-mix(in srgb,var(--card-accent, var(--blue)) 18%,transparent) 1px,transparent 1px),linear-gradient(0deg,color-mix(in srgb,var(--card-accent, var(--blue)) 12%,transparent) 1px,transparent 1px);background-size:26px 26px;opacity:.48}.card-preview:after{position:absolute;right:-28px;bottom:-56px;width:150px;height:150px;content:"";border-radius:50%;background:color-mix(in srgb,var(--card-accent, var(--blue)) 32%,transparent);filter:blur(1px)}.preview-window{position:absolute;inset:18px;z-index:1;display:flex;flex-direction:column;justify-content:space-between;padding:14px;border:1px solid color-mix(in srgb,var(--card-accent, var(--blue)) 25%,rgba(255,255,255,.5));border-radius:5px;background:#ffffff4d;box-shadow:inset 0 1px #ffffff8a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.preview-window span{overflow:hidden;color:color-mix(in srgb,var(--card-accent, var(--blue)) 90%,#20160f);font-family:"Instrument Serif",Georgia,serif;font-size:44px;line-height:.88;text-overflow:ellipsis;white-space:nowrap}.preview-window strong{align-self:flex-end;max-width:100%;overflow:hidden;color:#20160f9e;font-size:12px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.card-preview-paper:before{background-image:radial-gradient(color-mix(in srgb,var(--card-accent, #c9502f) 26%,transparent) 1px,transparent 1px);background-size:10px 10px}.card-preview-code{background:linear-gradient(135deg,#111820,color-mix(in srgb,var(--card-accent-soft, #58a6ff) 26%,#111820))}.card-preview-code .preview-window{background:#050a129e}.card-preview-code .preview-window span,.card-preview-code .preview-window strong{color:#ffffffd6}.card-preview-motion:before{background:repeating-linear-gradient(115deg,color-mix(in srgb,var(--card-accent, #ff4d7d) 22%,transparent) 0 2px,transparent 2px 18px)}.card-topline{margin-top:2px}.resource-card h2{color:#20160f;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:clamp(26px,3.2vw,36px);font-weight:900;line-height:1.03}.resource-card p{color:#20160fd1;font-size:16px;font-weight:650}.type-badge{border-color:#3a2f273d;background:#ffffff70;color:color-mix(in srgb,var(--card-accent, var(--blue)) 80%,#20160f)}.empty-state{display:grid;place-items:center;min-height:260px;padding:34px;border:2px dashed rgba(255,255,255,.46);border-radius:6px;color:var(--white);font-size:18px;font-weight:900}.empty-state button{min-height:38px;margin-top:14px;padding:0 14px;border-radius:5px;background:#fffaf0;color:#20160f;font-size:13px;font-weight:900}@media(max-width:1180px){.catalog-workspace{grid-template-columns:1fr}.catalog-workspace .detail-panel{order:-1;position:static}}@media(max-width:900px){.catalog-layout{grid-template-columns:220px minmax(0,1fr)}.catalog-sidebar{position:sticky;height:100vh;max-height:100vh;padding:22px 12px 16px;box-shadow:inset -6px 0 #ffffff1c}.category-nav{grid-template-columns:1fr}.catalog-main{padding:22px 14px 34px}.catalog-header{grid-template-columns:1fr}.catalog-title h1{font-size:clamp(34px,8vw,48px)}}@media(max-width:620px){.catalog-main{padding:22px 14px 34px}.category-nav,.cards-grid{grid-template-columns:1fr}.catalog-search{min-height:58px;box-shadow:8px 8px #f28b26}.resource-card{min-height:390px}.card-preview{min-height:128px}}@media(max-width:560px){.catalog-layout{grid-template-columns:1fr}.catalog-sidebar{position:relative;height:auto;max-height:none;box-shadow:inset 0 -8px #ffffff1c}}@media(prefers-reduced-motion:reduce){.catalog-header[data-reveal]{opacity:1!important;transform:none!important}}.app-shell{min-height:100vh;color:var(--ink);background:var(--paper);isolation:auto}.app-shell:before{display:none;content:none}.index-section{grid-template-columns:clamp(190px,18vw,260px) minmax(0,1fr);gap:clamp(28px,4vw,62px)}.category-rail{gap:18px}.category-rail:before{width:38px;height:1px;content:"";background:var(--blue)}.rail-title{color:var(--blue);font-size:12px;font-weight:800;letter-spacing:.02em}.category-menu{display:grid;gap:0;width:100%;max-height:min(58vh,520px);overflow-y:auto;padding-right:8px;border-top:1px solid var(--line)}.category-menu-button{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;min-height:42px;padding:0 0 0 2px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;color:var(--muted);cursor:pointer;font-size:12px;font-weight:800;text-align:left;transition:color .18s ease,padding .22s var(--ease-out)}.category-menu-button:before{position:absolute;top:13px;bottom:13px;left:-8px;width:2px;content:"";background:var(--blue);opacity:0;transform:scaleY(.4);transform-origin:center;transition:opacity .18s ease,transform .22s var(--ease-out)}.category-menu-index{color:color-mix(in srgb,var(--muted) 54%,transparent);font-family:"Instrument Serif",Georgia,serif;font-size:18px;font-weight:400;line-height:1}.category-menu-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.category-menu-button em{flex:none;color:color-mix(in srgb,currentColor 64%,transparent);font-size:11px;font-style:normal;font-weight:800}.category-menu-button:hover,.category-menu-button.active{color:var(--blue);padding-left:8px}.category-menu-button:hover:before,.category-menu-button.active:before{opacity:1;transform:scaleY(1)}.category-menu-button.active .category-menu-index{color:var(--blue)}.list-heading{display:flex;justify-content:space-between;gap:18px;margin-bottom:12px;color:var(--muted);font-size:13px;font-weight:700}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}.resource-card{grid-template-rows:auto minmax(118px,1fr) auto;gap:14px;min-height:244px;padding:15px;background:var(--white);border:1px solid var(--line);border-radius:8px;box-shadow:none;opacity:1;transform:none}.resource-card:hover,.resource-card.active{border-color:var(--blue);background:var(--white);transform:translateY(-1px);box-shadow:0 10px 28px #0000000b}.resource-card.active:after{inset:8px;border-color:#003dff57}.resource-card h2{margin:0 0 12px;color:var(--ink);font-family:"Instrument Serif",Georgia,serif;font-size:clamp(25px,3.2vw,34px);font-weight:400;line-height:1;letter-spacing:0;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.resource-card p{margin:0;color:#393733;font-size:13px;font-weight:400;line-height:1.55;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.type-badge{border-color:var(--line);background:transparent;color:var(--blue)}@media(max-width:820px){.index-section{display:block}.category-rail{position:static;flex-direction:column;margin-bottom:22px;overflow:visible}}@media(max-width:620px){.resource-card{min-height:244px}}@media(max-width:560px){.resource-card{min-height:232px}}