*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f7f2e1;--panel:#fff9ea;--panel-2:#f2ead2;--border:#e3dac1;--muted:#4b5563;--muted-2:#6b7280;--accent:#3566a0;--text:#1f2937;--radius:10px;--space-1:.5rem;--space-2:.75rem;--space-3:1rem;--space-4:1.5rem;--space-5:2rem;--space-6:3rem;--maxw:1220px;--card-min:380px;--badge-cf-bg:#e7f2f4;--badge-cf-bd:#178c8c;--badge-cf-fg:#0e3d42;--badge-fe-bg:#edeaf6;--badge-fe-bd:#6a5acd;--badge-fe-fg:#2f2a57;--badge-ai-bg:#fff3d6;--badge-ai-bd:#d99200;--badge-ai-fg:#5c3e00;--badge-ml-bg:#fbe8f7;--badge-ml-bd:#cf4acf;--badge-ml-fg:#631a53;--badge-data-bg:#e7f5ed;--badge-data-bd:#00a86b;--badge-data-fg:#1f513e;--badge-meta-bg:#e8f2fb;--badge-meta-bd:#5aa0d8;--badge-meta-fg:#14324b;--heading:#374151;--card-accent-bd:color-mix(in oklab, var(--accent) 48%, var(--border));--card-glow:color-mix(in oklab, var(--accent) 35%, white 65%);--card-shadow:#00000024;--media-accent-bd:var(--card-accent-bd);--media-glow:var(--card-glow);--chip-bg:#ece5d1;--chip-text:#374151;--media-bg:#efe7cf;--media-grad-a:#f4ecd6;--media-grad-b:#efe6cd;--media-card-bg:#ece5d1;--primary:#3566a0;--primary-hover:#2a5180;--btn-text-on-primary:#fff;--prose-muted:#4b5563;--prose-subtle:#6b7280}.btn.primary{background:var(--primary);border-color:var(--primary);color:var(--btn-text-on-primary)}.btn.primary:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.btn:not(.primary),.filter-btn,.carousel__prev,.carousel__next,.tabs__tab{background:var(--panel);color:var(--text);border-color:var(--border)}.btn.btn--learn-more,.btn.btn--what,.btn.btn--tell{background:var(--accent);border-color:var(--accent);color:var(--btn-text-on-primary);text-align:center;text-transform:uppercase;letter-spacing:.06em;width:100%;padding-block:.42rem;padding-inline:1rem;font-weight:800;line-height:1.1;display:block}.btn.btn--learn-more:hover,.btn.btn--what:hover,.btn.btn--tell:hover{background:var(--primary-hover);border-color:var(--primary-hover);color:var(--btn-text-on-primary)}@media (width<=600px){.btn--learn-more,.btn--what,.btn--tell{padding-block:.38rem}}.card__media{margin:-.25rem -.25rem var(--space-2);border-radius:calc(var(--radius) - 2px);background:var(--media-card-bg);border:1px solid var(--card-accent-bd);box-shadow:0 0 0 1px var(--card-glow), 0 2px 8px #00000014;min-height:160px;overflow:hidden}.card__media img{background:var(--media-card-bg)}.card__media model-viewer{background:var(--media-card-bg);border-radius:inherit}.card:hover .card__media{box-shadow:0 0 0 1px color-mix(in oklab, var(--accent) 42%, white 58%), 0 2px 8px #0000001a}.card__media:focus-within{outline:2px solid color-mix(in oklab, var(--accent) 55%, white 45%);outline-offset:2px}.carousel__viewport{border-radius:var(--radius);background:linear-gradient(135deg, var(--media-grad-a), var(--media-grad-b));clip-path:inset(0 round var(--radius));overscroll-behavior-x:contain;padding:0;padding-inline:0;position:relative;overflow:hidden;transform:translateZ(0);box-shadow:0 6px 20px #0000001f}section>header h3,main.container h3,.tabs__title,.quick-facts h3{color:var(--heading)}html,body{background:var(--bg);min-height:100vh;color:var(--text)}body{padding-top:calc(var(--header-h) + env(safe-area-inset-top,0px));font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.6}a{color:var(--accent);text-decoration:none}a:hover{color:var(--primary-hover);text-underline-offset:2px;text-decoration:underline}.container{width:100%;max-width:var(--maxw);padding:var(--space-5) var(--space-4);margin:0 auto}body>header.site{box-sizing:border-box;width:100%}#main-content-wrapper,main.container{z-index:0;position:relative}body>header.site{z-index:1001;isolation:isolate;position:fixed;top:0}@supports (top:max(0px)){body>header.site{top:max(0px, env(safe-area-inset-top))}}.hero{margin-bottom:var(--space-3)}.hero h2{margin-bottom:var(--space-2);font-size:clamp(1.5rem,2.8vw,2.25rem)}.hero p.sub{color:var(--muted);margin-bottom:var(--space-3)}.cta-row{gap:var(--space-3);margin-bottom:var(--space-2);flex-wrap:wrap;display:flex}.btn{border:1px solid var(--border);background:var(--panel);color:var(--text);border-radius:var(--radius);appearance:none;font-family:inherit;font-size:inherit;line-height:inherit;cursor:pointer;padding:.6rem 1rem;font-weight:600;display:inline-block}.btn:hover{border-color:var(--accent);text-decoration:none}.card .cta>.btn{border-radius:var(--radius);width:100%;padding-block:.42rem;padding-inline:1rem;display:block}.filter-bar{margin-top:var(--space-2);padding:var(--space-2);background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius);top:calc(var(--header-h) + env(safe-area-inset-top,0px) + 6px);z-index:200;-webkit-backdrop-filter:saturate(120%)blur(6px);backdrop-filter:saturate(120%)blur(6px);border-color:color-mix(in oklab, var(--border) 85%, transparent);flex-wrap:wrap;gap:.5rem;display:flex;position:sticky;box-shadow:0 6px 16px #00000014}.filter-btn{border:1px solid var(--border);background:var(--panel);color:var(--muted);cursor:pointer;border-radius:999px;padding:.35rem .75rem;font-size:.9rem}.filter-btn:hover{border-color:var(--accent);color:var(--text)}.filter-btn.active{background:var(--accent);border-color:var(--accent);color:var(--btn-text-on-primary)}.filter-btn.active:hover{background:var(--primary-hover);border-color:var(--primary-hover);color:var(--btn-text-on-primary)}.filter-btn:focus-visible{outline-offset:2px;outline:2px solid #8ec5ff}@supports (top:max(0px)){.filter-bar{top:calc(var(--header-h) + max(env(safe-area-inset-top), 0px) + 6px)}}@media (width<=600px){.filter-bar{-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-inline:var(--space-2);flex-wrap:nowrap;gap:.5rem;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 12px calc(100% - 12px),#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 12px calc(100% - 12px),#0000 100%)}.filter-bar::-webkit-scrollbar{display:none}.filter-btn{white-space:nowrap;flex:none}}section{margin-bottom:var(--space-6)}section>header{margin-bottom:var(--space-3)}section>header h3{letter-spacing:.06em;font-size:1.1rem}.grid{gap:var(--space-3);grid-template-columns:repeat(auto-fit, minmax(var(--card-min), 1fr));align-items:start;display:grid}.grid>.card{align-self:start}#multimedia .grid{grid-template-columns:repeat(3, minmax(var(--card-min), 1fr))}@media (width<=900px){#multimedia .grid{grid-template-columns:repeat(2, minmax(var(--card-min), 1fr))}}@media (width<=600px){#multimedia .grid{grid-template-columns:1fr}}.card{background:var(--panel);border:1px solid var(--card-accent-bd);box-shadow:0 0 0 1px var(--card-glow), 0 8px 24px var(--card-shadow);border-radius:var(--radius);padding:var(--space-3);flex-direction:column;gap:.5rem;display:flex}.card header h4{font-size:1rem}.card:hover{box-shadow:0 0 0 1px color-mix(in oklab, var(--accent) 42%, white 58%), 0 10px 28px #00000026}.summary,.outcome{color:var(--muted);font-size:.95rem}.cta{margin-top:auto}#web-dev .card .card__details{will-change:height, opacity, transform;transition:height .24s,opacity .24s,transform .24s;overflow:clip}#web-dev .card[data-expanded=false] .card__details{opacity:0;transform:translateY(-4px)}#web-dev .card[data-expanded=true] .card__details{opacity:1;margin-bottom:var(--space-5);transform:translateY(0)}#web-dev .card{position:relative}#web-dev .card .card__details.is-revealing{left:var(--space-3);right:var(--space-3);z-index:2;clip-path:inset(100% 0 0);opacity:0;transition:clip-path .24s,opacity .24s,transform .24s;position:absolute;bottom:1.42rem;transform:translateY(-6px)}#web-dev .card .card__details.is-revealing.show{clip-path:inset(0);opacity:1;transform:translateY(0)}#web-dev .card[data-expanded=false] .btn--what{display:block}#web-dev .card[data-expanded=false] .btn--learn-more,#web-dev .card[data-expanded=true] .btn--what{display:none}#web-dev .card[data-expanded=true] .btn--learn-more{display:block}#data-science .card .card__details{will-change:height, opacity, transform;transition:height .24s,opacity .24s,transform .24s;overflow:clip}#data-science .card[data-expanded=false] .card__details{opacity:0;transform:translateY(-4px)}#data-science .card[data-expanded=true] .card__details{opacity:1;margin-bottom:var(--space-5);transform:translateY(0)}#data-science .card{position:relative}#data-science .card .card__details.is-revealing{left:var(--space-3);right:var(--space-3);z-index:2;clip-path:inset(100% 0 0);opacity:0;transition:clip-path .24s,opacity .24s,transform .24s;position:absolute;bottom:1.42rem;transform:translateY(-6px)}#data-science .card .card__details.is-revealing.show{clip-path:inset(0);opacity:1;transform:translateY(0)}#data-science .card[data-expanded=false] .btn--tell{display:block}#data-science .card[data-expanded=false] .btn--learn-more,#data-science .card[data-expanded=true] .btn--tell{display:none}#data-science .card[data-expanded=true] .btn--learn-more{display:block}@media (prefers-reduced-motion:reduce){#web-dev .card .card__details,#data-science .card .card__details{transition:none}}.meta.badges{flex-wrap:wrap;gap:.4rem;margin-top:.15rem;display:flex}.badge{border:1px solid var(--border);background:var(--chip-bg);color:var(--chip-text);letter-spacing:.015em;white-space:nowrap;border-radius:999px;padding:.18rem .6rem;font-size:.78rem;line-height:1.2;transition:background-color .14s,color .14s,border-color .14s,box-shadow .14s,filter .14s;display:inline-block}.badge:hover{filter:brightness(1.04);box-shadow:0 0 0 1px #ffffff0f}.badge:not([class*=badge--]):hover{border-color:color-mix(in oklab, var(--border) 80%, #fff 20%);background:color-mix(in oklab, var(--chip-bg) 88%, #fff 12%);filter:brightness(1.06)}main[data-filter=web] .card:not([data-category=web]),main[data-filter=multimedia] .card:not([data-category=multimedia]),main[data-filter=data] .card:not([data-category=data]){display:none}footer{height:var(--space-5)}.card__media img{aspect-ratio:16/9;object-fit:cover;background:var(--media-card-bg);width:100%;height:auto;display:block}.card__media model-viewer{aspect-ratio:16/9;background:var(--media-card-bg);width:100%;display:block}.card__media.is-playing figcaption{display:none}.card--featured{border-color:color-mix(in oklab, var(--accent) 55%, var(--border) 45%);box-shadow:0 0 0 1px color-mix(in oklab, var(--accent) 45%, white 55%), 0 10px 28px #0000002e}.badge--cf,.badge--workers,.badge--do,.badge--r2,.badge--stream,.badge--vectorize,.badge--d1,.badge--websockets,.badge--wrangler{border-color:var(--badge-cf-bd);background:var(--badge-cf-bg);color:var(--badge-cf-fg)}.badge--cf:hover,.badge--workers:hover,.badge--do:hover,.badge--r2:hover,.badge--stream:hover,.badge--vectorize:hover,.badge--d1:hover,.badge--websockets:hover,.badge--wrangler:hover{border-color:color-mix(in oklab, var(--badge-cf-bd) 80%, #fff 20%);background:color-mix(in oklab, var(--badge-cf-bg) 88%, #fff 12%);filter:brightness(1.06)}.badge--fe,.badge--uxdesign,.badge--uidesign,.badge--react,.badge--typescript,.badge--vite,.badge--stripe,.badge--tailwind,.badge--javascript,.badge--three,.badge--modelviewer,.badge--reactthreefiber{border-color:var(--badge-fe-bd);background:var(--badge-fe-bg);color:var(--badge-fe-fg)}.badge--fe:hover,.badge--uxdesign:hover,.badge--uidesign:hover,.badge--react:hover,.badge--typescript:hover,.badge--vite:hover,.badge--stripe:hover,.badge--tailwind:hover,.badge--javascript:hover,.badge--three:hover,.badge--modelviewer:hover,.badge--reactthreefiber:hover{border-color:color-mix(in oklab, var(--badge-fe-bd) 80%, #fff 20%);background:color-mix(in oklab, var(--badge-fe-bg) 88%, #fff 12%);filter:brightness(1.06)}.badge--ai,.badge--anthropic,.badge--claude,.badge--gemini,.badge--mcp,.badge--cursor,.badge--llama,.badge--qwen,.badge--llava,.badge--rag,.badge--vectordb,.badge--openai,.badge--llms,.badge--mistral,.badge--mistral7b,.badge--dalle,.badge--convex,.badge--prompteng,.badge--gpt,.badge--huggingface{border-color:var(--badge-ai-bd);background:var(--badge-ai-bg);color:var(--badge-ai-fg)}.badge--ai:hover,.badge--anthropic:hover,.badge--claude:hover,.badge--gemini:hover,.badge--mcp:hover,.badge--cursor:hover,.badge--llama:hover,.badge--qwen:hover,.badge--llava:hover,.badge--rag:hover,.badge--vectordb:hover,.badge--openai:hover,.badge--llms:hover,.badge--mistral:hover,.badge--mistral7b:hover,.badge--dalle:hover,.badge--convex:hover,.badge--prompteng:hover,.badge--gpt:hover,.badge--huggingface:hover{border-color:color-mix(in oklab, var(--badge-ai-bd) 80%, #fff 20%);background:color-mix(in oklab, var(--badge-ai-bg) 88%, #fff 12%);filter:brightness(1.06)}.badge--ml,.badge--machinelearning,.badge--tensorflow,.badge--decisiontrees,.badge--imblearn,.badge--logreg,.badge--logisticregression,.badge--sklearn,.badge--scikitlearn,.badge--bagging,.badge--adaboost,.badge--keras,.badge--json,.badge--resnet,.badge--resnet50,.badge--cnn,.badge--cnns,.badge--deeplearning,.badge--neuralnets,.badge--smote,.badge--regularization,.badge--computervision,.badge--nlp,.badge--sentiment,.badge--dataaugmentation,.badge--opencv,.badge--xgboost,.badge--gradientboosting,.badge--randomforest,.badge--ensemble,.badge--ensemblelearning,.badge--naturalanguageprocessing,.badge--sentimentanalysis,.badge--computerVision,.badge--openCV,.badge--scikit-learn{border-color:var(--badge-ml-bd);background:var(--badge-ml-bg);color:var(--badge-ml-fg)}.badge--ml:hover,.badge--machinelearning:hover,.badge--tensorflow:hover,.badge--decisiontrees:hover,.badge--imblearn:hover,.badge--logreg:hover,.badge--logisticregression:hover,.badge--bagging:hover,.badge--adaboost:hover,.badge--sklearn:hover,.badge--scikitlearn:hover,.badge--json:hover,.badge--keras:hover,.badge--resnet:hover,.badge--resnet50:hover,.badge--cnn:hover,.badge--cnns:hover,.badge--deeplearning:hover,.badge--neuralnets:hover,.badge--smote:hover,.badge--regularization:hover,.badge--computervision:hover,.badge--nlp:hover,.badge--sentiment:hover,.badge--dataaugmentation:hover,.badge--opencv:hover,.badge--xgboost:hover,.badge--gradientboosting:hover,.badge--randomforest:hover,.badge--ensemble:hover,.badge--ensemblelearning:hover,.badge--naturalanguageprocessing:hover,.badge--sentimentanalysis:hover,.badge--computerVision:hover,.badge--openCV:hover,.badge--scikit-learn:hover{border-color:color-mix(in oklab, var(--badge-ml-bd) 80%, #fff 20%);background:color-mix(in oklab, var(--badge-ml-bg) 88%, #fff 12%);filter:brightness(1.06)}.badge--data,.badge--sql,.badge--missingvalue,.badge--pandas,.badge--numpy,.badge--seaborn,.badge--eda,.badge--dataviz,.badge--python,.badge--matplotlib,.badge--jupyter,.badge--scipy,.badge--exploratorydataanalysis{border-color:var(--badge-data-bd);background:var(--badge-data-bg);color:var(--badge-data-fg)}.badge--data:hover,.badge--sql:hover,.badge--missingvalue:hover,.badge--pandas:hover,.badge--numpy:hover,.badge--seaborn:hover,.badge--eda:hover,.badge--dataviz:hover,.badge--python:hover,.badge--matplotlib:hover,.badge--jupyter:hover,.badge--scipy:hover,.badge--exploratorydataanalysis:hover{border-color:color-mix(in oklab, var(--badge-data-bd) 80%, #fff 20%);background:color-mix(in oklab, var(--badge-data-bg) 88%, #fff 12%);filter:brightness(1.06)}.badge--meta,.badge--concept,.badge--essays,.badge--fiction,.badge--writing,.badge--editing,.badge--copywriting,.badge--blender,.badge--davinci,.badge--finalcut,.badge--photoshop,.badge--obs,.badge--fontforge,.badge--speaking{border-color:var(--badge-meta-bd);background:var(--badge-meta-bg);color:var(--badge-meta-fg)}.badge--meta:hover,.badge--concept:hover,.badge--essays:hover,.badge--fiction:hover,.badge--writing:hover,.badge--editing:hover,.badge--copywriting:hover,.badge--blender:hover,.badge--davinci:hover,.badge--finalcut:hover,.badge--photoshop:hover,.badge--obs:hover,.badge--fontforge:hover,.badge--speaking:hover{border-color:color-mix(in oklab, var(--badge-meta-bd) 80%, #fff 20%);background:color-mix(in oklab, var(--badge-meta-bg) 88%, #fff 12%);filter:brightness(1.06)}@media (prefers-reduced-motion:no-preference){.card{opacity:0;transition:transform .42s,opacity .42s,box-shadow .2s;transform:translateY(8px)}.card.is-visible{opacity:1;transform:translateY(0)}}.card:active{transform:translateY(1px)}.filter-btn .count{opacity:.75;margin-left:.25rem}[id]{scroll-margin-top:calc(var(--header-h) + env(safe-area-inset-top,0px))}.hero h2{position:relative}.hero h2:after{content:none}.carousel{margin-top:var(--space-3)}.carousel__slides{scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior-x:contain;scroll-padding-inline:var(--flow-gutter,16px);grid-auto-columns:100%;grid-auto-flow:column;display:grid;overflow-x:auto}.carousel.carousel--padded .carousel__slides{grid-auto-columns:100%;scroll-padding-inline:0}.carousel__slides::-webkit-scrollbar{display:none}@supports (scrollbar-gutter:stable both-edges){.carousel__slides{scrollbar-gutter:stable both-edges}}.carousel__slide{scroll-snap-align:center;scroll-snap-stop:always;position:relative;overflow:hidden}.carousel__slide img,.carousel__slide video{aspect-ratio:16/9;object-fit:cover;background:var(--media-bg);width:100%;height:auto;display:block}.carousel .card__media{margin:0 auto var(--space-2);box-sizing:border-box;width:100%;box-shadow:0 0 0 1px var(--card-glow)}.carousel .carousel__slide{place-items:center;display:grid}.carousel .carousel__slide>.card__media{justify-self:center}.carousel.carousel--padded .carousel__slide{grid-template-columns:var(--flow-gutter,16px) 1fr var(--flow-gutter,16px);box-sizing:border-box;place-items:center stretch;padding-inline:0;display:grid}.carousel.carousel--padded .card__media{box-sizing:border-box;grid-column:2;width:100%;max-width:100%;margin-inline:auto;padding-inline:0}.carousel.carousel--padded .carousel__slide>video,.carousel.carousel--padded .carousel__slide>img,.carousel.carousel--padded .carousel__slide>figure:not(.card__media){box-sizing:border-box;grid-column:2;width:100%;max-width:100%;margin-inline:auto}.carousel__controls{grid-template-columns:auto auto 1fr auto auto;align-items:center;gap:.5rem;margin-top:.5rem;display:grid}.carousel__prev,.carousel__next{appearance:none;border:1px solid var(--border);background:var(--panel);color:var(--text);cursor:pointer;border-radius:10px;padding:.4rem .6rem}.carousel__prev:disabled,.carousel__next:disabled{opacity:.5;cursor:default}.carousel__dots{justify-content:center;gap:.5rem;display:flex}.carousel__dot{cursor:pointer;background:#b6b6b6;border:0;border-radius:50%;width:.6rem;height:.6rem}.carousel__dot.is-active{background:#6b7280}.carousel__prev:focus-visible,.carousel__next:focus-visible,.carousel__dot:focus-visible{outline-offset:2px;outline:2px solid #8ec5ff}.carousel__count{color:var(--muted-2);-webkit-user-select:none;user-select:none;font-size:.85rem}.carousel__caption{color:var(--muted);text-align:center;min-height:1.2em;margin-top:.4rem;font-size:.95rem;line-height:1.4}@media (prefers-reduced-motion:reduce){.carousel__slides{scroll-behavior:auto}}.sr-only{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.tabs{margin:var(--space-3) 0 var(--space-4)}.tabs__list{margin-top:var(--space-3);flex-wrap:wrap;gap:.5rem;margin-bottom:0;display:flex}.tabs__tab{appearance:none;border:1px solid var(--border);background:var(--panel);color:var(--text);cursor:pointer;font:inherit;border-radius:999px;padding:.35rem .75rem}.tabs__tab.is-active{background:var(--accent);border-color:var(--accent);color:var(--btn-text-on-primary)}.tabs__tab:focus-visible{outline-offset:2px;outline:2px solid #8ec5ff}.tabs__panel{display:none}.tabs__panel.is-active{display:block}.tabs__title{color:var(--muted);margin-bottom:.25rem;font-size:1rem}.media>.cta-row{margin-top:var(--space-3)}.carousel--contain .carousel__viewport{background:var(--media-bg)}.carousel--contain .carousel__slide{padding:var(--space-2);place-items:center;display:grid}.carousel--contain .carousel__slide img{aspect-ratio:auto;object-fit:contain;background:var(--media-bg);width:auto;max-width:100%;height:auto;max-height:min(72svh,820px);box-shadow:none}@media (width<=600px){main.container p{margin-block:.65rem;font-size:1.02rem;line-height:1.7}main.container ul,main.container ol{margin-block:.65rem;padding-left:1.2rem;line-height:1.7}.card{padding:var(--space-4);gap:var(--space-2)}.card header h4{margin-bottom:.2rem}.summary,.outcome{margin-top:.25rem;line-height:1.65}.meta.badges{gap:.55rem .45rem}section{margin-bottom:var(--space-5)}section>header{margin-bottom:var(--space-2)}.hero{margin-bottom:var(--space-3)}.hero p.sub{margin-top:var(--space-2);line-height:1.7}.cta-row,.cta{margin-top:var(--space-3)!important}}:root{--pad-mob-max:clamp(.6rem, 3vw, .85rem)}@media (width<=600px){.container{padding-left:var(--pad-mob-max);padding-right:var(--pad-mob-max)}@supports (padding:max(0px)){.container{padding-left:max(var(--pad-mob-max), env(safe-area-inset-left));padding-right:max(var(--pad-mob-max), env(safe-area-inset-right))}}.card{padding:clamp(.6rem,1.6vw + .2rem,.85rem)}.card__media{margin-left:0;margin-right:0}.grid{gap:var(--space-1)}}:root{--prose-max:72ch}main.container section>header h2{letter-spacing:.01em;color:var(--heading);margin-bottom:.5rem;font-size:clamp(1.4rem,1.2rem + 1.2vw,2rem);font-weight:800;line-height:1.25;position:relative}main.container section>header h2:before{content:none}main.container h3{letter-spacing:.02em;color:var(--prose-muted);text-transform:none;margin-top:1.25rem;margin-bottom:.35rem;font-size:clamp(1rem,.95rem + .3vw,1.25rem);font-weight:650;line-height:1.35}main.container h2+p{color:var(--prose-muted);max-width:var(--prose-max);font-size:clamp(1.05rem,.95rem + .35vw,1.2rem);line-height:1.75}@media (width>=901px){main.container p{max-width:var(--prose-max)}}main.container ul{margin:.6rem 0 1rem 1.2rem;padding:0}main.container li{margin:.35rem 0;line-height:1.65}main.container ul{list-style:outside}main.container li::marker{color:color-mix(in oklab, var(--accent) 70%, #fff 30%)}main.container li b,main.container li strong{font-weight:650}main.container section{border-top:1px solid var(--border);padding-block:.75rem 1.25rem}main.container section:first-of-type{border-top:0}.callout{border:1px solid color-mix(in oklab, var(--accent) 30%, var(--border) 70%);border-radius:var(--radius);max-width:var(--prose-max);background:#fffaf0;margin:.75rem 0 1.1rem;padding:.9rem 1rem;box-shadow:0 6px 20px #00000014}.callout b,.callout strong{color:var(--text)}@media (width<=600px){main.container section{border-top-width:0;padding-block:.25rem .75rem}main.container h3{margin-top:1rem}}.case-grid{gap:var(--space-5);display:grid}@media (width>=900px){.case-grid{grid-template-columns:minmax(0,3fr) minmax(0,1.4fr);align-items:start}.case-aside{top:calc(var(--header-h) + var(--space-3));position:sticky}}@media (width<=899px){.case-grid{grid-template-columns:1fr;grid-template-areas:"aside""prose";align-items:start}.case-prose{grid-area:prose}.case-aside{z-index:auto;margin-bottom:var(--space-3);grid-area:aside;position:static;top:auto}.case-aside.is-sticky{top:calc(var(--header-h) + var(--space-2));z-index:3;position:sticky}@supports (top:max(0px)){.case-aside.is-sticky{top:calc(var(--header-h) + max(env(safe-area-inset-top), 0px))}}.case-aside .quick-facts{padding:clamp(.5rem,2.5vw + .2rem,.9rem);box-shadow:0 6px 20px #00000014}.case-aside .quick-facts>h3:first-of-type{display:none}.case-aside .quick-facts ul{margin:0 0 .5rem;padding-left:0;list-style:none}.case-aside .quick-facts ul li{display:none}@supports selector(:has(a)){.case-aside .quick-facts ul li:has(a[href]){display:block}}@supports not selector(:has(a)){.case-aside .quick-facts ul li:nth-child(4){display:block}}.case-aside .quick-facts ul li b,.case-aside .quick-facts .tabs__title{display:none}.case-aside .quick-facts .meta.badges{gap:.35rem;margin:0}.case-aside .quick-facts .badge{padding:.14rem .5rem;font-size:.72rem}.case-aside .quick-facts .cta{display:none}.case-aside .quick-facts ul li a:before{content:"Link: ";color:var(--muted);margin-right:.25rem;font-weight:700}.case-aside .quick-facts ul li a{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-weight:650;display:inline-block;overflow:hidden}}.quick-facts{border:1px solid var(--border);background:var(--panel-2);border-radius:var(--radius);padding:var(--space-4);padding-inline-end:clamp(.9rem,1.2vw + .6rem,1.2rem)}.quick-facts h3{color:var(--muted);margin-bottom:.35rem;font-size:1rem}.quick-facts ul{margin:.25rem 0 1rem 1.2rem}.quick-facts li{margin:.25rem 0;line-height:1.6}.carousel .card__media figcaption{display:none!important}.pager{gap:var(--space-3);margin-top:var(--space-5);padding-top:var(--space-3);border-top:1px solid var(--border);grid-template-columns:1fr auto 1fr;align-items:center;display:grid}.pager a{color:var(--accent);gap:2px;text-decoration:none;display:grid}.pager a:hover{color:var(--primary-hover);text-underline-offset:2px;text-decoration:underline}.pager__prev{grid-column:1;justify-self:start}.pager__next{text-align:right;grid-column:3;justify-self:end}.pager__home{color:var(--muted);grid-column:2;justify-self:center}.pager__kicker{color:var(--muted-2);text-transform:uppercase;letter-spacing:.06em;font-size:.8rem}.pager__title{color:var(--text);font-weight:600}@media (width<=600px){.pager{text-align:center;row-gap:var(--space-2);grid-template-columns:1fr}.pager__prev,.pager__next,.pager__home{text-align:center;grid-column:auto;justify-self:center}}@media (width<=899px){.case-aside .quick-facts>h3:first-of-type{display:block}.case-aside .quick-facts ul{margin:.25rem 0 1rem 1.2rem;padding-left:0;list-style:outside}.case-aside .quick-facts ul li{display:list-item}.case-aside .quick-facts ul li b{display:inline}@supports selector(:has(a)){.case-aside .quick-facts ul li:has(a[href]){display:list-item}}@supports not selector(:has(a)){.case-aside .quick-facts ul li:nth-child(4){display:list-item}}.case-aside .quick-facts .meta.badges{gap:.4rem;margin:.15rem 0 0}.case-aside .quick-facts .badge{padding:.18rem .6rem;font-size:.78rem}.case-aside .quick-facts .cta{display:block}.case-aside .quick-facts ul li a:before{content:none}.case-aside .quick-facts ul li a{white-space:normal;text-overflow:clip;overflow:visible}.case-aside .quick-facts{padding:var(--space-4);padding-inline-end:clamp(.6rem,2.5vw + .2rem,1rem)}.case-aside .quick-facts .tabs__title,.case-aside .quick-facts .cta{display:none}.case-aside .quick-facts.is-compact{padding:clamp(.5rem,2.5vw + .2rem,.9rem);padding-inline-end:clamp(.35rem,2vw + .1rem,.6rem)}.case-aside .quick-facts.is-compact>h2:first-of-type,.case-aside .quick-facts.is-compact>h3:first-of-type{display:none}.case-aside .quick-facts.is-compact ul{margin:.25rem 0 .5rem 1.2rem;padding-left:1.2rem;list-style:outside}.case-aside .quick-facts.is-compact ul li{display:none}@supports selector(:has(a)){.case-aside .quick-facts.is-compact ul li:has(a[href]){display:list-item}}@supports not selector(:has(a)){.case-aside .quick-facts.is-compact ul li:nth-child(4){display:list-item}}.case-aside .quick-facts.is-compact ul li b{display:inline}.case-aside .quick-facts.is-compact ul li a:before{content:none}.case-aside .quick-facts.is-compact ul li a{white-space:normal;text-overflow:clip;max-width:100%;font-weight:650;display:inline-block;overflow:visible}.case-aside .quick-facts.is-compact .tabs__title{display:none}.case-aside .quick-facts.is-compact .meta.badges{gap:.4rem;margin:.15rem 0 0}.case-aside .quick-facts.is-compact .badge{padding:.18rem .6rem;font-size:.78rem}.case-aside .quick-facts.is-compact .cta{display:none}.quick-facts-spacer{height:0;transition:height .14s}}@media (width<=600px){body>header.site{justify-content:space-between;align-items:center;flex-wrap:nowrap!important}body>header.site h1{flex:none;margin-bottom:0}body>header.site .fd-nav--inline{width:auto;padding-top:0}body>header.site .fd-nav--inline .fd-nav__list{gap:var(--fd-nav-gap,8px);background:0 0;border:0;flex-wrap:nowrap;grid-template-columns:none;padding:0;display:flex!important}body>header.site .fd-nav--inline .fd-nav__link{padding:var(--fd-nav-pill-pad-y,6px) var(--fd-nav-pill-pad-x,12px);text-shadow:0 1px 2px #00000040;background:0 0;border:1px solid #0000;font-size:14px;display:inline-flex}body>header.site .fd-nav--inline .fd-nav__link.is-active,body>header.site .fd-nav--inline .fd-nav__link[aria-current=page]{background:var(--fd-nav-bg-hover);box-shadow:inset 0 -2px 0 0 var(--fd-nav-active-underline,#fff)}:root{--header-h:56px}}@media (width<=360px){body>header.site .fd-nav--inline .fd-nav__link{padding:6px 10px;font-size:12px}body>header.site .fd-nav--inline .fd-nav__list{gap:6px}}
