.system-feature{gap:var(--hh-space-12);margin:var(--hh-space-8) 0;padding:var(--hh-space-8);background:var(--hh-bg-raised);color:var(--hh-ink);border:.5px solid var(--hh-line);border-radius:var(--hh-radius-xl);grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);scroll-margin-top:100px;display:grid}.system-feature h3{margin:var(--hh-space-4) 0;letter-spacing:-.035em;font-size:32px;line-height:1.15}.system-feature p{line-height:1.8}.system-feature .kicker{color:var(--hh-ink-muted)}.system-feature-actions{gap:var(--hh-space-4);margin-top:var(--hh-space-6);flex-wrap:wrap;align-items:center;display:flex}.system-feature .text-link{margin:0}.section-explore .system-feature .button-primary{background:var(--hh-primary);color:var(--hh-on-primary)}.section-explore .system-feature .button-secondary{background:var(--hh-bg-sunken);color:var(--hh-ink);border:.5px solid var(--hh-line-strong)}.system-feature :is(a,button,summary,pre):focus-visible{outline:2px solid var(--hh-ring);outline-offset:4px}@media (width<=899px){.system-feature{gap:var(--hh-space-6);padding:var(--hh-space-5);grid-template-columns:1fr}}.section-explore,:root[data-theme] .section-explore{background:var(--hh-bg);color:var(--hh-ink)}.system-collection .system-feature{border-radius:var(--hh-radius-lg);gap:32px;margin:24px 0}.system-collection .system-feature-primary{grid-template-columns:1.2fr 1fr;padding:40px}.system-specimen{background:var(--hh-bg-sunken);border:.5px solid var(--hh-line);border-radius:var(--hh-radius-md);flex-direction:column;justify-content:center;gap:20px;padding:32px;display:flex}.system-specimen>span{font-size:14px;font-weight:700}.system-specimen strong{letter-spacing:-.03em;font-size:32px;line-height:1.35}.system-specimen p{color:var(--hh-ink-muted);margin:0;font-size:12px}.specimen-colors{gap:8px;display:flex}.specimen-colors i{border:.5px solid var(--hh-line);background:var(--hh-ink);border-radius:50%;width:36px;height:36px}.specimen-colors i:nth-child(2){background:var(--hh-bg-raised)}.specimen-colors i:nth-child(3){background:var(--hh-bg-sunken)}.specimen-colors i:nth-child(4){background:var(--hh-brand)}.system-collection .system-feature-secondary{background:0 0;grid-template-columns:1fr auto;align-items:center;padding:32px}.system-collection .system-feature-secondary h3{font-size:20px}.system-feature-secondary p{max-width:720px}.system-feature-secondary .button{white-space:nowrap}.system-studio-link{border-bottom:.5px solid var(--hh-line);justify-content:space-between;align-items:center;gap:24px;padding:24px 0;display:flex}.system-studio-link h3{margin:0 0 8px;font-size:20px}.system-studio-link p{color:var(--hh-ink-muted);margin:0}.system-studio-link .text-link{white-space:nowrap}.system-archives>summary{cursor:pointer;min-height:44px;color:var(--hh-ink-muted);padding:24px 0}.system-archive-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.system-archive-grid .system-card{background:var(--hh-bg-raised);border-color:var(--hh-line);min-width:0}@media (width<=700px){.system-collection .system-feature-primary,.system-collection .system-feature-secondary{grid-template-columns:1fr;padding:24px}.system-specimen{padding:24px}.system-archive-grid{grid-template-columns:1fr}.system-studio-link{flex-direction:column;align-items:flex-start}}.system-shift-details{margin-top:var(--hh-space-5);border-top:.5px solid var(--hh-line)}.system-shift-details summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;min-height:44px;font-weight:600;list-style:none;display:flex}.system-shift-details summary::-webkit-details-marker{display:none}.system-shift-details ul{color:var(--hh-ink-muted);margin:0;padding:0 0 16px 20px;line-height:1.8}@media (prefers-reduced-motion:no-preference){.system-shift-details[open] ul{animation:.16s ease-out system-details-reveal}@keyframes system-details-reveal{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}}.system-resource-section{margin-block:var(--hh-space-12)}.system-resource-section+.system-resource-section{padding-top:var(--hh-space-8);border-top:.5px solid var(--hh-line)}.system-resource-heading h3{margin:0 0 var(--hh-space-3);font-size:20px}.system-resource-heading p{color:var(--hh-ink-muted);margin:0 0 var(--hh-space-6);line-height:1.7}.system-reference-grid{gap:var(--hh-space-6);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.system-resource-card{padding:var(--hh-space-6);border:.5px solid var(--hh-line);border-radius:var(--hh-radius-lg)}.system-resource-card h4{margin:var(--hh-space-3) 0;font-size:20px}.system-resource-card p{color:var(--hh-ink-muted);line-height:1.8}.system-resource-card .text-link{margin-top:var(--hh-space-4)}@media (width<=700px){.system-reference-grid{grid-template-columns:1fr}}.resource-tile-grid{gap:var(--hh-space-6);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.resource-tile{border:.5px solid var(--hh-line);border-radius:var(--hh-radius-lg);background:var(--hh-bg-raised);flex-direction:column;min-width:0;display:flex;overflow:hidden}.resource-tile-art{background:var(--hh-bg-sunken);height:200px;padding:var(--hh-space-5);color:var(--hh-ink);overflow:hidden}.resource-tile-art>span{font-size:14px;font-weight:600}.tile-window{opacity:.75;border:.5px solid;border-radius:8px;width:85%;margin:20px auto 0;padding:16px}.tile-window>i{background:currentColor;border-radius:50%;width:5px;height:5px;margin-right:4px;display:inline-block}.tile-lines{gap:7px;margin:14px 0;display:grid}.tile-lines b{opacity:.25;background:currentColor;width:75%;height:5px}.tile-lines b:first-child{opacity:.8;width:45%;height:10px}.tile-blocks{gap:8px;display:flex}.tile-blocks b{border:.5px solid;border-radius:5px;flex:1;height:35px}.resource-tile-art-happyhands .tile-lines b:first-child{background:var(--hh-brand)}.resource-tile-art-quartz .tile-window,.resource-tile-art-quartz .tile-blocks b{border-radius:0}.resource-tile-art-cult .tile-blocks b:nth-child(2){background:var(--hh-brand);transform:translateY(-8px)}.resource-tile-art-kage .tile-window{transform:rotate(-4deg)}.resource-tile-art-refero .tile-blocks b{opacity:.3;background:currentColor;border-radius:50%;flex:0 0 32px;height:32px}.resource-tile-body{padding:var(--hh-space-6);flex-direction:column;flex:1;align-items:flex-start;display:flex}.resource-tile-body h4{margin:0 0 var(--hh-space-3);font-size:20px}.resource-tile-body p{color:var(--hh-ink-muted);margin:0 0 var(--hh-space-5);line-height:1.7}.resource-tile-body .resource-tile-tag{margin-bottom:var(--hh-space-3);font-size:12px}.resource-tile-body .text-link{margin-top:auto}@media (width<=1000px){.resource-tile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.resource-tile-grid{grid-template-columns:1fr}}.system-card-rail.resource-tile-grid{gap:var(--hh-space-6);scroll-snap-type:x mandatory;padding:4px 4px var(--hh-space-4);overscroll-behavior-x:contain;scroll-padding-inline:4px;display:flex;overflow-x:auto}.system-card-rail>.resource-tile{scroll-snap-align:start;flex:0 0 350px}.system-rail-controls{gap:var(--hh-space-2);margin-bottom:var(--hh-space-4);display:flex}.system-rail-controls button{border:.5px solid var(--hh-line-strong);border-radius:var(--hh-radius-md);background:var(--hh-bg-raised);width:44px;height:44px;color:var(--hh-ink);cursor:pointer}.system-rail-controls button:disabled{opacity:.35;cursor:default}.system-card-rail:focus-visible,.system-rail-controls button:focus-visible{outline:2px solid var(--hh-ring);outline-offset:2px}@media (width<=600px){.system-card-rail>.resource-tile{flex-basis:85%}}.resource-tile-body .resource-tile-coverage{margin-top:var(--hh-space-3);color:var(--hh-ink-muted);font-size:12px}.resource-tile-art-lime .tile-lines b:first-child{background:var(--tile-accent)}