.site-hero{position:relative;overflow:hidden;padding-block:var(--sp-7) var(--sp-8);background:radial-gradient(58% 46% at 10% 0%,color-mix(in oklch,var(--violet) 13%,transparent),transparent 72%),radial-gradient(46% 52% at 96% 12%,color-mix(in oklch,var(--coral) 11%,transparent),transparent 72%),radial-gradient(40% 40% at 66% 104%,color-mix(in oklch,var(--amber) 10%,transparent),transparent 74%),var(--site-paper);border-bottom:1px solid var(--site-rule)}.site-hero:before{content:"";position:absolute;inset:0 0 auto;height:10px;background:repeating-linear-gradient(to right,var(--site-rule) 0 1px,transparent 1px 12px),repeating-linear-gradient(to right,var(--site-rule-soft) 0 1px,transparent 1px 4px);background-size:100% 10px,100% 5px;background-repeat:repeat-x;background-position:0 0,0 0;opacity:.85;pointer-events:none}.site-hero__inner{position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:var(--sp-7);align-items:center}.site-hero__title{margin:var(--sp-5) 0 0;font-family:var(--font-display);font-weight:600;font-size:clamp(36px,5.4vw,66px);line-height:.99;letter-spacing:-.03em;color:var(--ink-1);max-width:17ch;text-wrap:balance}.site-hero__title em{position:relative;white-space:nowrap}.site-hero__title em:after{content:"";position:absolute;left:0;right:0;bottom:.05em;height:.13em;border-radius:var(--r-full);background:color-mix(in oklch,var(--violet) 34%,transparent);z-index:-1}.site-hero__sub{max-width:48ch;margin:var(--sp-5) 0 var(--sp-6);font-size:17px;line-height:1.6;color:var(--ink-2)}.site-ctas{display:flex;flex-wrap:wrap;gap:var(--sp-3)}.site-proof{display:flex;flex-wrap:wrap;gap:var(--sp-2) var(--sp-6);margin-top:var(--sp-6);padding-top:var(--sp-5);border-top:1px solid var(--site-rule)}.site-proof div{display:flex;align-items:baseline;gap:var(--sp-2)}.site-proof b{font-family:var(--font-display);font-size:21px;font-weight:600;line-height:1}.site-proof span{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--site-ink-muted)}.site-doors{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-top:var(--sp-5)}.site-doors__row{--door-c: var(--magenta);display:inline-flex;align-items:center;gap:var(--sp-2);min-height:44px;padding:var(--sp-2) var(--sp-4);border:1px solid var(--site-rule);border-radius:var(--r-full);background:var(--bg-rise);color:var(--ink-2);font-size:13px;font-weight:600;text-decoration:none;transition:color var(--site-ease),border-color var(--site-ease),transform var(--site-ease)}.site-doors__row:hover{color:var(--ink-1);border-color:color-mix(in oklch,var(--door-c) 55%,var(--line));transform:translateY(-1px)}.site-doors__row:focus-visible{outline:2px solid var(--violet);outline-offset:3px}.site-doors__copy{display:inline-flex;align-items:center;gap:var(--sp-2)}.site-doors__name{font-weight:600}.site-doors__line{display:none}.site-doors__go{color:var(--site-ink-muted)}.site-faces{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-3);order:2}.faces__ring{position:absolute;inset:-12% -8%;border:1px dashed color-mix(in oklch,var(--violet) 26%,transparent);border-radius:50%;animation:site-spin 90s linear infinite;pointer-events:none}@keyframes site-spin{to{transform:rotate(360deg)}}.site-fig{position:relative;display:block;aspect-ratio:1;overflow:hidden;border:1px solid var(--site-rule);border-radius:16px;background:var(--bg-sunk);box-shadow:var(--site-shadow);text-decoration:none;transition:transform .26s var(--ease-out),box-shadow .26s var(--ease-out),border-color .26s var(--ease-out)}.site-fig img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.site-fig:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,oklch(.12 .02 265 / .8) 0%,transparent 56%)}.site-fig__quadra,.site-fig__code{position:absolute;z-index:2}.site-fig__quadra{top:var(--sp-2);left:var(--sp-2);padding:2px var(--sp-2);border-radius:var(--r-full);background:#03060d8c;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:#fff}.site-fig__code{left:var(--sp-3);bottom:var(--sp-2);font-family:var(--font-display);font-size:17px;font-weight:700;line-height:1;color:#fff}.site-fig__name{position:absolute;left:var(--sp-3);bottom:calc(var(--sp-2) + 19px);z-index:2;font-size:10.5px;color:#fffc}.site-fig:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:color-mix(in oklch,var(--violet) 45%,var(--line));z-index:3}.site-fig--wide{grid-column:span 2;aspect-ratio:2.05 / 1}.site-fig__offset{display:none}@media(min-width:900px){.site-hero{padding-block:var(--sp-8) var(--sp-9)}.site-hero__inner{grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);gap:var(--sp-8)}.site-faces{order:0;width:128%;margin-right:-28%}.site-fig__offset{display:block}.site-fig--nudge{transform:translateY(22px)}.site-fig--nudge:hover{transform:translateY(17px)}}.site-mech{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-3) var(--sp-5);margin-top:var(--sp-6);padding:var(--sp-4) var(--sp-5);border:1px solid var(--site-rule);border-radius:var(--r-md);background:color-mix(in oklch,var(--bg-rise) 70%,transparent)}.site-mech__tag{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--site-ink-muted)}.site-mech__pair{display:flex;align-items:center;gap:var(--sp-2)}.site-mech__opt{padding:var(--sp-1) var(--sp-3);border:1px solid var(--site-rule);border-radius:var(--r-full);background:var(--bg-rise);font-size:12.5px;color:var(--ink-2)}.site-mech__divide{width:1px;height:22px;background:var(--site-rule)}.site-mech__note{font-size:12.5px;color:var(--site-ink-muted)}.site-marq{position:relative;overflow:hidden;padding-block:var(--sp-5);border-bottom:1px solid var(--site-rule);background:var(--bg)}.site-marq:before,.site-marq:after{content:"";position:absolute;top:0;bottom:0;width:88px;z-index:2;pointer-events:none}.site-marq:before{left:0;background:linear-gradient(to right,var(--bg),transparent)}.site-marq:after{right:0;background:linear-gradient(to left,var(--bg),transparent)}.site-marq__track{display:flex;gap:var(--sp-3);width:max-content;animation:site-marq 72s linear infinite}.site-marq:hover .site-marq__track{animation-play-state:paused}@keyframes site-marq{to{transform:translate(-50%)}}.site-marq__item{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);border:1px solid var(--site-rule-soft);border-radius:var(--r-full);background:var(--bg-rise);text-decoration:none;white-space:nowrap}.site-marq__img{width:26px;height:26px;border-radius:50%;object-fit:cover;flex-shrink:0}.site-marq__code{font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.06em;color:var(--ink-1)}.site-marq__name{font-size:11.5px;color:var(--site-ink-muted)}.site-fork,.site-fork__rows{display:grid;gap:var(--sp-3)}.site-fork__row{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);min-height:76px;padding:var(--sp-4) var(--sp-5);border:1px solid color-mix(in oklch,var(--c) 30%,var(--line));border-radius:var(--r-md);background:linear-gradient(100deg,color-mix(in oklch,var(--c) 11%,var(--bg-rise)) 0%,var(--bg-rise) 72%);color:inherit;text-decoration:none;transition:border-color var(--site-ease),transform var(--site-ease)}.site-fork__row:hover{border-color:color-mix(in oklch,var(--c) 60%,var(--line));transform:translate(4px)}.site-fork__row:focus-visible{outline:2px solid var(--violet);outline-offset:3px}.site-fork__q{font-family:var(--font-display);font-size:18px;font-weight:600;line-height:1.25;color:var(--ink-1)}.site-fork__a{flex-shrink:0;display:inline-flex;align-items:center;gap:var(--sp-2);font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2)}.site-fork__a:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--c);flex-shrink:0}.site-fork__rail{display:none}.site-maps{display:grid;gap:var(--sp-3);grid-template-columns:repeat(auto-fit,minmax(min(100%,252px),1fr))}.site-maps__card{display:flex;flex-direction:column;gap:var(--sp-3);padding:var(--sp-5);border:1px solid color-mix(in oklch,var(--c) 26%,var(--line));border-radius:var(--site-radius);background:linear-gradient(160deg,color-mix(in oklch,var(--c) 12%,var(--bg-rise)),var(--bg-rise) 58%);color:inherit;text-decoration:none;transition:border-color var(--site-ease),transform var(--site-ease),box-shadow var(--site-ease)}.site-maps__card:hover{border-color:color-mix(in oklch,var(--c) 55%,var(--line));transform:translateY(-3px);box-shadow:var(--shadow-md)}.site-maps__card:focus-visible{outline:2px solid var(--violet);outline-offset:3px}.site-maps__card__fig{width:88px;height:88px;color:var(--c)}.site-maps__card__name{font-family:var(--font-display);font-size:24px;font-weight:600;line-height:1;letter-spacing:-.02em;color:var(--ink-1)}.site-maps__card__x{margin:0;font-size:13.5px;line-height:1.55;color:var(--ink-2)}.site-maps__card__link{margin-top:auto;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2)}.site-gallery-legend{display:flex;flex-wrap:wrap;gap:var(--sp-2) var(--sp-5);margin-bottom:var(--sp-5)}.site-legend{display:inline-flex;align-items:center;gap:var(--sp-2);font-size:12.5px;font-weight:600;color:var(--ink-2)}.site-legend i{width:10px;height:10px;border-radius:3px;background:var(--gc);flex-shrink:0}.site-legend em{font-style:normal;font-weight:400;color:var(--site-ink-muted)}.site-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-3)}.site-gallery__item{position:relative;display:block;aspect-ratio:1;overflow:hidden;border:1px solid color-mix(in oklch,var(--gc) 36%,var(--line));border-radius:16px;background:var(--bg-sunk);text-decoration:none}.site-gallery__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .3s var(--ease-out)}.site-gallery__item:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,oklch(.12 .02 265 / .85) 0%,transparent 58%);pointer-events:none}.site-gallery__item:hover .site-gallery__bg{transform:scale(1.06)}.site-gallery__item:focus-visible{outline:2px solid var(--violet);outline-offset:3px}.site-gallery__q{position:absolute;top:var(--sp-2);left:var(--sp-2);z-index:1;padding:2px var(--sp-2);border-radius:var(--r-full);background:#03060d8c;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:#fff}.site-gallery__ov{position:absolute;inset:auto 0 0;z-index:1;padding:var(--sp-3)}.site-gallery__p{display:block;font-family:var(--font-display);font-size:19px;font-weight:700;line-height:1;color:#fff}.site-gallery__s{display:block;margin-top:2px;font-size:11px;line-height:1.3;color:#ffffffd1}.site-steps{display:grid;gap:var(--sp-6);grid-template-columns:repeat(auto-fit,minmax(min(100%,262px),1fr))}.site-steps__step{display:flex;flex-direction:column;gap:var(--sp-3);padding-top:var(--sp-5);border-top:2px solid var(--c)}.site-steps__num{font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.14em;color:var(--site-ink-muted)}.site-steps__title{margin:0;font-family:var(--font-display);font-size:20px;font-weight:600;line-height:1.18;color:var(--ink-1)}.site-guides{display:grid;gap:0;grid-template-columns:minmax(0,1fr);border-top:1px solid var(--site-rule)}.site-guides__row{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);min-height:64px;padding:var(--sp-4) 0;border-bottom:1px solid var(--site-rule);color:inherit;text-decoration:none;transition:padding-inline var(--site-ease),color var(--site-ease)}.site-guides__row:hover{padding-inline:var(--sp-3);color:var(--violet-ink)}.site-guides__row:focus-visible{outline:2px solid var(--violet);outline-offset:-2px}.site-guides__t{font-family:var(--font-display);font-size:18px;font-weight:600;line-height:1.25;color:var(--ink-1)}.site-guides__row:hover .site-guides__t{color:var(--violet-ink)}.site-guides__go{font-family:var(--font-mono);font-size:12px;color:var(--site-ink-muted)}.site-stats{display:grid;gap:var(--sp-3);grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr))}.site-stats__item{padding:var(--sp-5);border:1px solid var(--site-rule);border-radius:var(--site-radius);background:var(--bg-sunk)}.site-stats__item b{display:block;font-family:var(--font-display);font-size:clamp(30px,4vw,40px);font-weight:600;line-height:1;letter-spacing:-.02em;color:var(--ink-1)}.site-stats__item span{display:block;margin-top:var(--sp-2);font-family:var(--font-mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--site-ink-muted)}.site-close{display:grid;justify-items:center;gap:var(--sp-5);margin-bottom:var(--sp-9);padding:var(--sp-8) var(--sp-6);border:1px solid color-mix(in oklch,var(--violet) 40%,transparent);border-radius:var(--r-xl);text-align:center;background:radial-gradient(120% 130% at 50% 0%,color-mix(in oklch,var(--violet) 40%,oklch(.16 .03 265)),#04070f 70%);color:#fff}.site-close__title{margin:0;font-family:var(--font-display);font-weight:600;font-size:clamp(28px,4vw,46px);line-height:1.04;letter-spacing:-.02em}.site-close__title em{color:oklch(.9 .09 295);font-style:italic}.site-close__sub{max-width:46ch;margin:0;font-size:15.5px;line-height:1.6;color:#ffffffd6}.site-tab__panel{display:none}#site-ttab-standard:checked~#site-panel-standard,#site-ttab-quick:checked~#site-panel-quick,#site-ttab-flash:checked~#site-panel-flash,#site-ttab-deepening:checked~#site-panel-deepening,#site-ttab-special:checked~#site-panel-special,#site-stab-soc:checked~#site-panel-soc,#site-stab-enn:checked~#site-panel-enn,#site-stab-mbti:checked~#site-panel-mbti,#site-stab-bf:checked~#site-panel-bf,#site-ptab-soc:checked~#site-panel-soc-types,#site-ptab-mbti:checked~#site-panel-mbti-types{display:block}@media(min-width:560px){.site-gallery{grid-template-columns:repeat(4,minmax(0,1fr))}.site-guides{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:var(--sp-7)}.site-faces{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:900px){.site-gallery{grid-template-columns:repeat(8,minmax(0,1fr))}.site-fork{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:var(--sp-6)}.site-fork__rail{display:flex;flex-direction:column;justify-content:center;gap:var(--sp-4);padding-left:var(--sp-6);border-left:1px dashed var(--site-rule)}.site-fork__rail b{font-family:var(--font-display);font-size:16px;color:var(--ink-1)}.site-fork__rail p{margin:0;font-size:13.5px;line-height:1.6;color:var(--ink-2)}}@media(max-width:899px){.site-marq__name{display:none}}@media(max-width:559px){.site-fork__row{padding:var(--sp-4)}}@media(prefers-reduced-motion:reduce){.site-marq__track,.faces__ring{animation:none}.site-fork__row:hover,.site-fig:hover,.site-maps__card:hover,.site-gallery__item:hover .site-gallery__bg,.site-doors__row:active,.site-fig--nudge{transform:none}}