@keyframes astroFadeInOut{0%{opacity:1}to{opacity:0}}@keyframes astroFadeIn{0%{opacity:0;mix-blend-mode:plus-lighter}to{opacity:1;mix-blend-mode:plus-lighter}}@keyframes astroFadeOut{0%{opacity:1;mix-blend-mode:plus-lighter}to{opacity:0;mix-blend-mode:plus-lighter}}@keyframes astroSlideFromRight{0%{transform:translate(100%)}}@keyframes astroSlideFromLeft{0%{transform:translate(-100%)}}@keyframes astroSlideToRight{to{transform:translate(100%)}}@keyframes astroSlideToLeft{to{transform:translate(-100%)}}@media (prefers-reduced-motion){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*),[data-astro-transition-scope]{animation:none!important}}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/ibm-plex-sans-latin-400-normal.CDDApCn2.woff2)format("woff2"),url(/_astro/ibm-plex-sans-latin-400-normal.CYLoc0-x.woff)format("woff")}@font-face{font-family:IBM Plex Sans;font-style:italic;font-display:swap;font-weight:400;src:url(/_astro/ibm-plex-sans-latin-400-italic.CZTNEAuW.woff2)format("woff2"),url(/_astro/ibm-plex-sans-latin-400-italic.CsGl1sm0.woff)format("woff")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/ibm-plex-sans-latin-500-normal.6ng42L7E.woff2)format("woff2"),url(/_astro/ibm-plex-sans-latin-500-normal.BgVn5rGT.woff)format("woff")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/_astro/ibm-plex-sans-latin-600-normal.CuJfVYMP.woff2)format("woff2"),url(/_astro/ibm-plex-sans-latin-600-normal.Cu4Hd6ag.woff)format("woff")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/ibm-plex-sans-latin-700-normal.Bxkt5Cjx.woff2)format("woff2"),url(/_astro/ibm-plex-sans-latin-700-normal.Bth3BMcD.woff)format("woff")}@font-face{font-family:IBM Plex Sans Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/ibm-plex-sans-condensed-latin-700-normal.D8r4s4aS.woff2)format("woff2"),url(/_astro/ibm-plex-sans-condensed-latin-700-normal.D3enqrvP.woff)format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/ibm-plex-mono-latin-700-normal.7sUh57Bg.woff2)format("woff2"),url(/_astro/ibm-plex-mono-latin-700-normal.CNHXzs6v.woff)format("woff")}:root{--background:#040f13;--primary-color:#ffa329;--text-color:#9ca18f;--surface:#121719;--border-radius:24px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:clamp(32px, 6vw, 48px);--spacing-3xl:clamp(40px, 8vw, 64px);--spacing-5xl:clamp(64px, 14vw, 120px);--font-size-xs:12px;--font-size-sm:14px;--font-size-md:clamp(16px, 2.5vw, 20px);--font-size-lg:clamp(20px, 3vw, 24px);--font-size-xl:clamp(24px, 4vw, 32px);--font-size-2xl:clamp(32px, 6vw, 48px)}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;vertical-align:baseline;border:0;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}*,:before,:after{box-sizing:border-box}html{background-color:var(--background)}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}body{color:var(--text-color);font-family:IBM Plex Sans,sans-serif;line-height:1}a{color:inherit;text-decoration:none}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}button{font-family:inherit;font-size:inherit;color:inherit;cursor:pointer;background:0 0;border:none;margin:0;padding:0}p{font-size:var(--font-size-md);text-rendering:optimizelegibility;line-height:1.5}h1{font-size:var(--font-size-2xl);font-weight:700;line-height:1.3}h2{font-size:var(--font-size-xl);font-weight:700;line-height:1.3}h3{font-size:var(--font-size-lg);font-weight:700;line-height:1.3}body{grid-template-columns:max-content minmax(0,1fr);min-height:100dvh;display:grid}@media (width<=768px){body{grid-template-columns:1fr}}.container{width:100%;max-width:1200px;min-height:100vh;padding:var(--spacing-3xl) var(--spacing-md);min-width:0;margin:0 auto}.container--narrow{max-width:750px}.page-header{text-align:center;max-width:1000px;margin:0 auto}.grid{gap:var(--grid-gap,var(--spacing-lg));grid-template-columns:repeat(6,minmax(0,1fr));display:grid}.grid>:nth-child(5n+1),.grid>:nth-child(5n+2){grid-column:span 3}.grid>:nth-child(5n+3),.grid>:nth-child(5n+4),.grid>:nth-child(5n+5){grid-column:span 2}@media (width<=768px){.grid{grid-template-columns:1fr}.grid>:nth-child(n){grid-column:span 1}}.grid>*{margin:0}.page-title{font-size:var(--font-size-2xl);color:var(--primary-color);font-weight:700}.page-subtitle{font-size:var(--font-size-2xl);margin-top:var(--spacing-md);margin-bottom:var(--spacing-3xl)}.card{border-radius:var(--border-radius);background:var(--surface);transition:box-shadow .3s,transform .3s;display:block;overflow:hidden}.card:hover{background:#1a2024;transform:scale(1.02)}.card:hover .card__badge{transform:translateY(-4px)}.card:hover .card__tag{transform:rotate(-2deg)}.card__media{aspect-ratio:16/9;position:relative;overflow:hidden}.card__thumbnail{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.card__body{align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-lg);flex-direction:column;display:flex}.card__tag{align-items:center;gap:var(--spacing-sm);background:var(--background);border-radius:var(--border-radius);font-size:var(--font-size-xs);color:var(--primary-color);padding:6px 12px;font-weight:500;transition:transform .2s;display:inline-flex}.card__tag-icon{justify-content:center;align-items:center;width:20px;height:20px;display:flex}.card__badge{gap:var(--spacing-xs);background:var(--primary-color);font-size:var(--font-size-xs);color:var(--background);border-radius:24px;align-items:center;padding:6px 12px;font-weight:600;transition:transform .2s;display:inline-flex;transform:rotate(-2.5deg)}.icon{--icon-stroke:#9ca18f;--icon-primary:#44694f;--icon-accent:#ffa329;color:var(--icon-stroke)}.icon-fill-primary,.icon-fill-accent{fill:none;stroke:currentColor;transition:fill .2s,stroke .2s}.icon-fill-primary{--fill:var(--icon-primary)}.icon-fill-accent{--fill:var(--icon-accent)}.sidebar a:is(:hover,[aria-current=page]) :is(.icon-fill-primary,.icon-fill-accent){stroke:none;fill:var(--fill)}.sidebar a:is(:hover,[aria-current=page]) .icon-stroke-hover{color:var(--icon-accent)}.sidebar a:is(:hover,[aria-current=page]) .icon-stroke-hover :is(.icon-fill-primary,.icon-fill-accent){stroke:currentColor;fill:none}.sidebar{background-color:var(--surface);width:max-content;height:100dvh;padding:var(--spacing-md);align-self:start;position:sticky;top:0}.sidebar__list{gap:var(--spacing-lg);flex-direction:column;display:flex}.sidebar__item:first-child{margin-bottom:var(--spacing-md)}.sidebar__item{text-align:center}.sidebar__item-link:is(:hover,[aria-current=page]){color:var(--primary-color)}.sidebar__item-title{margin-top:var(--spacing-xs);font-size:var(--font-size-xs);display:block}.sidebar__item-title>span{padding-bottom:var(--spacing-xs);display:block}@media (width<=768px){.sidebar{width:100%;height:auto;padding:var(--spacing-sm) var(--spacing-md);z-index:10}.sidebar__list{justify-content:space-between;gap:var(--spacing-xs);flex-direction:row}.sidebar__item:first-child{margin-bottom:0}.sidebar__item-link{padding:var(--spacing-xs);display:flex}.sidebar__item-title{display:none}}@media (width>=768px){.sidebar__item--search{margin-bottom:var(--spacing-xl)}}.search-container{margin:var(--spacing-md) 0;display:block}.search-input{width:100%;padding:var(--spacing-md) var(--spacing-xl);border:1.5px solid var(--text-color);background:var(--surface);color:inherit;font-family:inherit;font-size:var(--font-size-md);border-radius:16px;outline:none;transition:border-color .2s}.search-input:focus{border-color:var(--primary-color)}.search-label{font-size:var(--font-size-sm);color:var(--primary-color);margin-top:var(--spacing-md);margin-bottom:var(--spacing-xs)}.search-results{margin-top:var(--spacing-sm)}.search-results li{margin-bottom:var(--spacing-sm);border-radius:var(--border-radius);background:var(--surface);border:1px solid var(--border-color);transition:all .2s}.search-results li:hover{border-color:var(--primary-color);transform:translate(4px)}.search-results a{padding:var(--spacing-md);display:block}.search-results h4{margin-bottom:var(--spacing-xs);font-size:var(--font-size-md)}.search-results p{font-size:var(--font-size-sm);opacity:.8;line-height:1.4}.back-link{top:calc(30px + env(safe-area-inset-top,0px));left:var(--spacing-md);z-index:120;background:var(--primary-color);color:#000;padding:var(--spacing-sm);border:16px solid var(--surface);box-sizing:content-box;border-radius:50%;justify-content:center;align-items:center;text-decoration:none;transition:all .2s;display:flex;position:fixed}.back-link__icon{flex-shrink:0;width:32px;height:32px;display:block}.site-header--hidden{visibility:hidden;pointer-events:none}.back-link:hover{transform:scale(1.2)}@media (width<=767px){.back-link{padding:var(--spacing-xs);top:calc(var(--spacing-md) + env(safe-area-inset-top,0px));left:var(--spacing-sm);border-width:8px}.back-link__icon{width:24px;height:24px}}@media (width>=768px){.back-link{left:15%}}.breadcrumb{margin-bottom:var(--spacing-lg)}.breadcrumb__list{align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);flex-wrap:wrap;display:flex}.breadcrumb__item{align-items:center;display:inline-flex}.breadcrumb__item+.breadcrumb__item:before{content:">";margin-right:var(--spacing-sm);opacity:.5}.breadcrumb__link{transition:color .2s}.breadcrumb__link:hover,.breadcrumb__current{color:var(--primary-color)}.note__title{margin-bottom:var(--spacing-sm)}.note__subtitle{margin-top:var(--spacing-3xl);font-size:var(--font-size-lg);margin-bottom:var(--spacing-3xl)}.note__subtitle:has(+.note__thumbnail-media){margin-bottom:var(--spacing-lg)}.note__thumbnail-media{aspect-ratio:16/9;border-radius:var(--border-radius);margin-bottom:var(--spacing-3xl);position:relative;overflow:hidden}.note__thumbnail{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.note__header{position:relative;overflow:hidden}.note__visual{z-index:-1;opacity:.65;filter:blur(2px);max-width:60%;height:auto;position:absolute;top:10%;right:-10%}.note__takeaway{gap:var(--spacing-lg);padding-bottom:var(--spacing-2xl);flex-direction:column;display:flex}.note__takeaway__item{gap:var(--spacing-md);display:flex}.note__takeaway__number{font-size:var(--font-size-2xl);color:var(--primary-color);opacity:.2;font-family:IBM Plex Mono,monospace;font-weight:700}@media (width>=768px){.note__header{overflow:visible}.note__visual{max-width:none;right:-15%}.note__takeaway__item{gap:var(--spacing-2xl)}}.note__description{margin-bottom:var(--spacing-3xl)}.note__description>p+p{margin-top:var(--spacing-lg)}.note__further__reading__title{font-size:var(--font-size-xl)}.note__further__reading__list{gap:var(--spacing-md);margin-top:var(--spacing-xl);flex-direction:column;display:flex}.note__further__reading__item{background:var(--surface);padding:var(--spacing-xl);border-radius:var(--border-radius);cursor:pointer;transition:all .2s;position:relative}.note__further__reading__item:hover{box-shadow:0 0 0 1px var(--primary-color)}.note__further__reading__item__title{margin-bottom:var(--spacing-xs)}.note__further__reading__item svg{opacity:0;transition:all .2s;position:absolute;top:20px;right:20px;transform:translate(-10px)}.note__further__reading__item:hover svg{opacity:1;transform:translate(0)}.note__content{width:100%;margin-inline:auto}.note__other-posts{margin-top:var(--spacing-3xl)}.note__other-posts .grid{margin-top:var(--spacing-xl)}@media (width>=768px){.note__other-posts .grid{grid-template-columns:repeat(2,minmax(0,1fr))}.note__other-posts .grid>*{grid-column:span 1}}@keyframes fadeUpOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-12px)}}@keyframes fadeUpIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{display:none}.astro-route-announcer{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;top:0;left:0;overflow:hidden}
