.learning-site{--skill-edge:#0111211f;--skill-glint:#fffffff2;--skill-stroke:linear-gradient(135deg, var(--skill-glint) 0%, var(--skill-edge) 24%, var(--skill-edge) 76%, var(--skill-glint) 100%);--skill-shadow:0 1px 2px #0111210d, 0 6px 18px -10px #01112124;--skill-shadow-raised:0 2px 4px #0111210f, 0 16px 32px -14px #01112133;--c-amber:#9a6a14;--c-amber-wash:#fbf1dc}.learning-site .skills-root{letter-spacing:normal}.learning-site [data-tone=sky]{--tone:var(--c-accent);--tone-ink:var(--c-accent-ink);--tone-wash:var(--c-accent-wash)}.learning-site [data-tone=violet]{--tone:var(--c-magic);--tone-ink:var(--c-magic);--tone-wash:var(--c-magic-wash)}.learning-site [data-tone=mint]{--tone:var(--c-mint);--tone-ink:var(--c-mint);--tone-wash:var(--c-mint-wash)}.learning-site [data-tone=rose]{--tone:var(--c-rose);--tone-ink:#a2554a;--tone-wash:var(--c-rose-wash)}.learning-site [data-tone=amber]{--tone:#c99a3e;--tone-ink:var(--c-amber);--tone-wash:var(--c-amber-wash)}.learning-site .skills-hero{grid-template-columns:1.1fr 1fr;align-items:center;gap:56px;padding-bottom:64px;display:grid}.learning-site .skills-hero h1{max-width:620px;font-family:var(--font-display);letter-spacing:-.025em;color:var(--c-ink);margin:0 0 22px;font-size:clamp(40px,4.6vw,62px);font-weight:400;line-height:1.08}.learning-site .skills-hero p{max-width:520px;color:var(--c-ink);margin:0;font-size:17px;line-height:1.7}.learning-site .skills-stack{height:340px;position:relative}.learning-site .skills-stack-item{width:56%;transform:translateX(calc(-50% + var(--x))) rotate(var(--r));animation:skills-fan .7s var(--ease-out) both;animation-delay:var(--d);position:absolute;top:40px;left:50%}.learning-site .skills-stack-item:first-of-type{--x:-32%;--r:-7deg;--d:0s}.learning-site .skills-stack-item:nth-of-type(2){--x:32%;--r:6deg;--d:70ms}.learning-site .skills-stack-item:nth-of-type(3){--x:0%;--r:-1deg;--d:.14s;top:70px}.learning-site .skills-stack-clover{z-index:2;--x:22%;--r:0deg;width:108px;height:auto;transform:translateX(calc(-50% + var(--x))) rotate(var(--r));animation:skills-fan .7s var(--ease-out) .26s both;position:absolute;top:-6px;left:50%}.learning-site .skills-stack-item .skill-cover{background:linear-gradient(#fff, #fff) padding-box, var(--skill-stroke) border-box;box-shadow:var(--skill-shadow-raised);border:1px solid #0000;border-radius:14px}@keyframes skills-fan{0%{opacity:0;transform:translateX(calc(-50% + var(--x))) translateY(28px) rotate(0deg)}}.learning-site .skills-chips{flex-wrap:wrap;gap:8px;margin-bottom:56px;display:flex}.learning-site .skills-chip{border:1px solid var(--skill-edge);border-radius:var(--r-pill);background:var(--c-surface);color:var(--c-ink);align-items:center;gap:8px;padding:7px 14px;font-size:14px;transition:border-color .16s,background-color .16s;display:inline-flex}.learning-site .skills-chip:before{content:"";background:var(--tone);border-radius:50%;width:8px;height:8px}.learning-site .skills-chip span{color:var(--c-muted);font-variant-numeric:tabular-nums}@media (hover:hover) and (pointer:fine){.learning-site .skills-chip:hover{background:#fff;border-color:#0111213d}}.learning-site .skills-section{margin-bottom:72px}.learning-site .skills-section-head{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:6px;display:flex}.learning-site .skills-section h2{font-family:var(--font-display);letter-spacing:-.015em;color:var(--c-ink);margin:0;font-size:30px;font-weight:400}.learning-site .skills-section-blurb{max-width:60ch;color:var(--c-ink);margin:0 0 24px;font-size:15px}.learning-site .skills-section-link{color:var(--tone-ink,var(--c-accent-ink));white-space:nowrap;font-size:14px;font-weight:500}.learning-site .skills-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.learning-site .skills-grid-featured>:first-child{grid-area:span 2/span 2}.learning-site .skills-grid-featured>:first-child .skill-cover{flex:none}.learning-site .skills-grid-featured>:first-child .skill-card-body{flex:1}.learning-site .skills-grid-featured>:first-child .skill-card-name{font-size:22px}.learning-site .skill-card{background:linear-gradient(var(--c-surface), var(--c-surface)) padding-box, var(--skill-stroke) border-box;box-shadow:var(--skill-shadow);border:1px solid #0000;border-radius:14px;flex-direction:column;transition:box-shadow .2s;display:flex;position:relative;overflow:hidden}.learning-site .skill-card-body{flex-direction:column;flex:1;gap:6px;padding:18px 20px;display:flex}.learning-site .skill-card-name{font-family:var(--font-body);letter-spacing:-.01em;color:var(--c-ink);margin:0;font-size:17px;font-weight:600;line-height:1.3}.landing-rd.learning-site .skill-card-name a{color:inherit;text-decoration:none}.learning-site .skill-card-name a:after{content:"";border-radius:inherit;position:absolute;inset:0}.learning-site .skill-card-name a:focus-visible{outline:none}.learning-site .skill-card:has(a:focus-visible){outline:2px solid var(--c-ink);outline-offset:2px}.learning-site .skill-card-line{-webkit-line-clamp:2;color:var(--c-ink-soft);text-wrap:pretty;-webkit-box-orient:vertical;margin:0;font-size:15px;line-height:1.5;display:-webkit-box;overflow:hidden}.learning-site .skill-card-meta{color:var(--c-muted);justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:10px;font-size:14px;display:flex}.learning-site .skill-card-tag{color:var(--c-ink-soft);align-items:center;gap:6px;font-weight:500;display:inline-flex}.learning-site .skill-card-tag:before{content:"";background:var(--tone);border-radius:50%;width:7px;height:7px}.learning-site .skill-card-stars{font-variant-numeric:tabular-nums}@media (hover:hover) and (pointer:fine){.learning-site .skill-card:hover{box-shadow:var(--skill-shadow-raised)}.learning-site .skill-card:hover .skill-window{transform:translateY(-6px)}}.learning-site .skill-cover{aspect-ratio:16/10;border-bottom:1px solid var(--skill-edge);background-color:#fff;position:relative;overflow:hidden}.learning-site .skill-cover-art{background-color:#f7f5f0}.learning-site .skill-cover-art img{object-fit:cover;width:100%;height:100%;display:block}.learning-site .skill-window{background:linear-gradient(#fff, #fff) padding-box, var(--skill-stroke) border-box;box-shadow:var(--skill-shadow-raised);transition:transform .22s var(--ease-out);border:1px solid #0000;border-bottom:0;border-radius:10px 10px 0 0;flex-direction:column;display:flex;position:absolute;inset:12% 8% -1px;overflow:hidden}.learning-site .skill-window-bar{border-bottom:1px solid var(--skill-edge);background:var(--c-bg);flex:none;align-items:center;gap:5px;height:24px;padding:0 10px;display:flex}.learning-site .skill-window-bar i{background:var(--c-line);border-radius:50%;width:7px;height:7px}.learning-site .skill-window-bar i:first-child{background:#e8a29a}.learning-site .skill-window-bar i:nth-child(2){background:#e6cf93}.learning-site .skill-window-bar i:nth-child(3){background:#9fc7a6}.learning-site .skill-window-bar span{font-family:var(--font-mono);color:var(--c-muted);white-space:nowrap;text-overflow:ellipsis;margin-left:6px;font-size:10px;overflow:hidden}.learning-site .skill-window-media{object-fit:cover;object-position:top;background:var(--c-bg-2);flex:1;width:100%;min-height:0}.learning-site .skill-window-prompt{font-family:var(--font-mono);color:var(--c-ink-soft);white-space:pre-wrap;background:#fff;flex:1;margin:0;padding:14px 16px;font-size:12px;line-height:1.6;overflow:hidden}.learning-site .skill-window-tool{color:var(--tone-ink);margin-top:12px;display:block}.learning-site .skill-window-prompt b{color:var(--tone-ink);font-weight:600}.learning-site .skill-cover-badge{z-index:1;border-radius:var(--r-pill);background:var(--c-surface);box-shadow:var(--shadow-sm);color:var(--c-ink);align-items:center;gap:5px;padding:3px 9px 3px 7px;font-size:12px;font-weight:500;display:inline-flex;position:absolute;top:10px;right:10px}.learning-site .skill-cover-badge:before{content:"";border-style:solid;border-width:4px 0 4px 7px;border-color:transparent transparent transparent var(--tone-ink)}.learning-site .skills-page-head{margin-bottom:40px}.learning-site .skills-crumbs{color:var(--c-muted);flex-wrap:wrap;gap:6px;margin-bottom:20px;font-size:14px;display:flex}.learning-site .skills-crumbs a:hover{color:var(--c-ink);text-underline-offset:3px;text-decoration:underline}.learning-site .skills-page-head h1{font-family:var(--font-display);letter-spacing:-.02em;color:var(--c-ink);margin:0 0 12px;font-size:clamp(34px,4vw,52px);font-weight:400;line-height:1.1}.learning-site .skills-page-head p{max-width:640px;color:var(--c-ink);margin:0;font-size:17px;line-height:1.65}.learning-site .skills-detail{grid-template-columns:minmax(0,1fr) 220px;align-items:start;gap:56px;display:grid}.learning-site .skills-detail-main{max-width:65ch;color:var(--c-ink);flex-direction:column;gap:36px;font-size:16px;line-height:1.6;display:flex}.learning-site .skills-detail-main h2{letter-spacing:-.01em;margin:0 0 10px;font-size:18px;font-weight:600}.learning-site .skills-facts{border-left:1px solid var(--skill-edge);flex-direction:column;gap:20px;margin:0;padding-left:24px;display:flex;position:sticky;top:24px}.learning-site .skills-facts dt{color:var(--c-muted);margin-bottom:4px;font-size:13px}.learning-site .skills-facts dd{color:var(--c-ink);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:0;font-size:15px}.learning-site .skills-facts a{text-decoration:underline;-webkit-text-decoration-color:var(--skill-edge);text-decoration-color:var(--skill-edge);text-underline-offset:3px}@media (max-width:760px){.learning-site .skills-detail{grid-template-columns:1fr;gap:32px}.learning-site .skills-facts{border-left:0;border-top:1px solid var(--skill-edge);order:-1;grid-template-columns:repeat(2,minmax(0,1fr));padding:20px 0 0;display:grid;position:static}}@media (max-width:1000px){.learning-site .skills-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.learning-site .skills-grid-featured>:first-child{grid-row:auto}.learning-site .skills-grid-featured>:first-child .skill-cover{aspect-ratio:16/9;flex:none;min-height:0}.learning-site .skills-hero{grid-template-columns:1fr;gap:24px}.learning-site .skills-stack{max-width:560px;height:300px}}@media (max-width:640px){.learning-site .skills-grid{grid-template-columns:1fr;gap:16px}.learning-site .skills-grid-featured>:first-child{grid-column:auto}.learning-site .skills-grid-featured>:first-child .skill-card-name{font-size:17px}.learning-site .skills-stack{height:220px}.learning-site .skills-stack-clover{width:80px}.learning-site .skills-section{margin-bottom:52px}.learning-site .skills-section h2{font-size:25px}}@media (prefers-reduced-motion:reduce){.learning-site .skills-stack-item,.learning-site .skills-stack-clover{animation-name:skills-fade}.learning-site .skill-window{transition:none}}@keyframes skills-fade{0%{opacity:0}}.learning-site .skills-hero h1,.learning-site .skills-page-head h1,.learning-site .skills-section h2,.learning-site .skill-card-name{text-wrap:balance}@supports (corner-shape:squircle){.learning-site .skill-card,.learning-site .skills-stack-item .skill-cover{corner-shape:squircle;border-radius:22px}.learning-site .skill-window{corner-shape:squircle;border-radius:14px 14px 0 0}.learning-site .skill-media-frame,.learning-site .skill-prompt-box{corner-shape:squircle;border-radius:14px}}