:root{--bg: hsl(212 0% 11% / 1);--bg-alt: hsl(212 0% 20% / 1);--text: hsl(0 0% 90% / 1);--text-head: hsl(0 0% 98% / 1);--text-muted: hsl(0 0% 64% / 1);--accent: hsl(41 38% 56% / 1);--highlight: #efefef;--border: #333333;--font: "code saver", ui-monospace, "SF Mono", Menlo, monospace;--fs-xs: .75rem;--fs-sm: .9rem;--fs-base: 16px;--fs-md: 1.1rem;--fs-lg: 1.3rem;--fs-xl: 1.8rem;--fs-2xl: 2.5rem;--sp-xs: .5rem;--sp-sm: 1rem;--sp-md: 1.5rem;--sp-lg: 2rem;--sp-xl: 3rem;--sp-2xl: 4rem;--sp-3xl: 5rem;--sp-4xl: 6rem;--sp-5xl: 8rem;--container-w: min(90vw, 1600px);--container-narrow: 900px;--container-large: 1300px;--inner-max-w: 900px;--radius: 6px;--radius-lg: 10px;--radius-full: 9999px;--ease: cubic-bezier(.32, .72, 0, 1);--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--dur-fast: .16s;--dur: .2s;--dur-slow: .28s;--dur-entrance: .48s}[data-theme=light]{--bg: hsl(33 15% 95% / 1);--bg-alt: hsl(33 15% 88% / 1);--accent: hsl(41 35% 50% / 1);--text: hsl(0 0% 15% / 1);--text-head: #0a0a0a;--text-muted: #555555;--border: #333333;--highlight: #000000}:root{--bg-color: var(--bg);--bg-secondary: var(--bg-alt);--text-main: var(--text);--text-heading: var(--text-head);--accent-color: var(--accent);--highlight-color: var(--highlight);--border-color: var(--border);--font-primary: var(--font);--font-size-xs: var(--fs-xs);--font-size-sm: var(--fs-sm);--font-size-base: var(--fs-base);--font-size-md: var(--fs-md);--font-size-lg: var(--fs-lg);--font-size-xl: var(--fs-xl);--font-size-2xl: var(--fs-2xl);--space-xs: var(--sp-xs);--space-sm: var(--sp-sm);--space-md: var(--sp-md);--space-lg: var(--sp-lg);--space-xl: var(--sp-xl);--space-2xl: var(--sp-2xl);--space-3xl: var(--sp-3xl);--space-4xl: var(--sp-4xl);--space-5xl: var(--sp-5xl);--container-width: var(--container-w);--container-width-narrow: var(--container-narrow);--container-width-large: var(--container-large);--inner-container-max-width: var(--inner-max-w);--radius-base: var(--radius);--transition-effect: var(--ease);--leading-normal: 1.6;--leading-tight: 1.2}*{box-sizing:border-box}html{scroll-behavior:smooth;font-size:var(--fs-base);font-weight:400}body:has(.sticky-tags){scroll-padding-top:7rem}body{margin:0;padding:0;background-color:var(--bg);color:var(--text);font-family:var(--font);line-height:1.5;overflow-wrap:anywhere;-webkit-font-smoothing:antialiased}body,button,input,textarea,select{font-family:var(--font);font-size:inherit;font-weight:400}:focus{outline:none}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:var(--radius);transition:outline-offset .16s var(--ease)}a{color:var(--accent);text-decoration:underline;text-decoration-color:color-mix(in oklch,var(--border) 70%,transparent);text-decoration-thickness:1px;text-underline-offset:.2em;transition:color .2s var(--ease),text-decoration-color .2s var(--ease)}a.anchor{height:0;text-decoration:none}a:hover{color:var(--highlight);text-decoration-color:var(--highlight)}html.theme-ready,html.theme-ready body{transition:background-color .22s var(--ease),color .22s var(--ease)}html.theme-ready *{transition:background-color .22s var(--ease),border-color .22s var(--ease),color .22s var(--ease)}@media(prefers-reduced-motion:reduce){html.theme-ready,html.theme-ready body,html.theme-ready *{transition:none}}hr{border:0;height:1px;background-color:var(--bg-alt);margin:4rem 0}h1,h2,h3,h4{color:var(--text-head);line-height:1.2;margin-top:var(--sp-md);margin-bottom:var(--sp-md);font-weight:700}h1{font-size:var(--fs-2xl);letter-spacing:-.03em}h2{font-size:var(--fs-xl);letter-spacing:-.02em;margin-bottom:var(--sp-lg)}h2.underlined{border-bottom:1px solid var(--accent);padding-bottom:var(--sp-xs)}h3{font-size:var(--fs-lg)}p{margin-top:0;margin-bottom:1.8rem}picture{display:block;width:100%}.iframe-wrap{position:relative;aspect-ratio:3 / 4;border-radius:var(--radius-lg);overflow:hidden;margin-bottom:2rem}@media(min-width:600px){.iframe-wrap{aspect-ratio:16 / 9}}.iframe-wrap iframe{position:absolute;inset:0;width:200%;height:200%;transform:scale(.5);transform-origin:0 0;border:0}iframe{width:100%;margin-bottom:2rem;border:0;border-radius:var(--radius-lg)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.container{max-width:var(--container-w);margin:0 auto;padding:var(--sp-xl) var(--sp-sm);animation:container-fade-in .6s linear both}@keyframes container-fade-in{0%{opacity:0}to{opacity:1}}@media(min-width:600px){.container{padding:var(--sp-xl) var(--sp-lg)}}@media(min-width:1920px){.container{max-width:var(--container-large)}}@media(prefers-reduced-motion:reduce){.container{animation:none}}.container.narrow{max-width:var(--container-narrow)!important}.inner-container{max-width:var(--inner-max-w)}.fade-in{opacity:0;transition:opacity var(--dur-entrance) var(--ease-out)}.fade-in.is-loaded{opacity:1}@media(prefers-reduced-motion:reduce){.fade-in{transition:none}}.legend{color:#fff;opacity:.5;border:0;position:absolute;top:.5rem;right:.5rem;font-size:var(--fs-xs);background:#0000004d;padding:0 4px;border-radius:5px;transition:background-color var(--dur) var(--ease),opacity var(--dur) var(--ease),transform 80ms var(--ease);z-index:10;cursor:pointer}.legend:hover{background-color:#000c;opacity:1}.legend:active{transform:scale(.96);transition:transform 80ms var(--ease)}[data-theme=light] .legend{color:var(--bg-alt)}[data-theme=light] .legend:hover{color:var(--text)}.mobile-hide{display:none}.mobile-show{display:block}@media(min-width:1000px){.mobile-hide{display:block}.mobile-show{display:none}}@media(min-width:1000px){.widen{width:calc(90vw - 2 * var(--sp-lg))!important;max-width:70rem;margin-left:50%;transform:translate(-50%);margin-bottom:1.5rem}}.caption{font-size:var(--fs-sm);color:var(--text-muted);font-style:italic;max-width:900px;margin:1.5rem auto;text-align:center}.site-header{margin-bottom:var(--sp-xl);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--sp-md)}.logo{font-weight:700;color:var(--text-head);font-size:var(--fs-md);text-decoration:none;display:flex;align-items:center}.logo-img{height:2.5rem;width:auto;display:block}.logo-img .bg{fill:var(--accent)}.logo-img :nth-child(2){fill:var(--bg)}.main-nav{display:flex;align-items:center;gap:var(--sp-lg)}nav ul{display:flex;gap:var(--sp-lg);list-style:none;padding:0;margin:0;flex-wrap:wrap}nav a{color:var(--text);text-decoration:none;opacity:.8}nav a:hover,nav a[aria-current=page]{opacity:1;color:var(--accent)}[data-theme=light] nav a[aria-current=page]{text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:.25em}.page-nav-header{display:flex;justify-content:space-between}.page-nav-header p{margin-bottom:0}.burger-menu{display:none;flex-direction:column;justify-content:space-between;width:28px;height:21px;background:transparent;border:none;cursor:pointer;padding:0;z-index:2000;margin-right:.5rem}.burger-bar{width:100%;height:2.5px;background:var(--text-head);border-radius:10px;transition:transform .24s var(--ease),opacity .18s var(--ease);position:relative;transform-origin:center}.burger-menu{transition:transform .2s var(--ease)}.burger-menu:active{transform:scale(.94);transition:transform 60ms var(--ease)}@media(max-width:600px){.burger-menu{display:flex}.main-nav{display:flex;flex-direction:column;align-items:center;justify-content:center;position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--bg);z-index:1500;margin:0;padding:0;gap:2rem;opacity:0;visibility:hidden;transform:translateY(-8px);pointer-events:none;transition:opacity .24s var(--ease),transform .24s var(--ease),visibility 0s linear .24s}body.nav-open .main-nav{opacity:1;visibility:visible;transform:none;pointer-events:auto;transition:opacity .24s var(--ease),transform .24s var(--ease),visibility 0s}.main-nav ul{flex-direction:column;align-items:center;justify-content:center;gap:1rem}.main-nav ul a{font-size:1.25rem;opacity:0;transform:translateY(6px);transition:opacity .22s var(--ease),transform .22s var(--ease)}body.nav-open .main-nav ul a{opacity:1;transform:none}body.nav-open .main-nav ul li:nth-child(1) a{transition-delay:40ms}body.nav-open .main-nav ul li:nth-child(2) a{transition-delay:70ms}body.nav-open .main-nav ul li:nth-child(3) a{transition-delay:.1s}body.nav-open .main-nav ul li:nth-child(4) a{transition-delay:.13s}body.nav-open .main-nav ul li:nth-child(5) a{transition-delay:.16s}body.nav-open .main-nav ul li:nth-child(6) a{transition-delay:.19s}body.nav-open .main-nav ul li:nth-child(7) a{transition-delay:.22s}body.nav-open{overflow:hidden}body.nav-open .burger-bar:nth-child(1){transform:translateY(9px) rotate(45deg)}body.nav-open .burger-bar:nth-child(2){opacity:0}body.nav-open .burger-bar:nth-child(3){transform:translateY(-9px) rotate(-45deg)}}.theme-switch-wrapper{display:flex;align-items:center}.theme-switch{display:inline-block;height:15px;position:relative;width:30px}.theme-switch input{display:none}.slider{background-color:var(--bg-alt);border:1px solid var(--border);cursor:pointer;inset:1px 0 0;position:absolute;transition:.4s;border-radius:34px}.slider:before{background-color:var(--text-muted);bottom:1px;content:"";height:10px;left:2px;position:absolute;transition:.4s;width:10px;border-radius:50%}input:checked+.slider{background-color:var(--accent);border-color:var(--accent)}input:checked+.slider:before{transform:translate(15px);background-color:#fff}.sticky-tags{position:sticky;top:0;z-index:100;width:100vw;margin-inline:calc(50% - 50vw);background-color:var(--bg);margin-bottom:var(--sp-lg)}.sticky-tags .tags-list{display:flex;flex-wrap:wrap;gap:var(--sp-xs);list-style:none;margin:0 auto;padding:var(--sp-md) var(--sp-sm)}.badge{font-size:var(--fs-xs);padding:.25em .7em;border-radius:var(--radius);background-color:var(--bg-alt);color:var(--text-head);border:none;text-decoration:none;transition:background-color var(--dur) var(--ease),color var(--dur) var(--ease);font-family:var(--font)}.badge:hover{background-color:var(--accent);color:var(--bg);border-color:var(--accent)}.tags-list{display:flex;gap:.25rem}.tags-list.mini-tags .badge{font-size:var(--fs-xs);padding:.1em .4rem;opacity:.8;text-align:center}.project-card{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:3rem;gap:var(--sp-md);border-radius:var(--radius)}a.project-card{color:inherit;text-decoration:none}a.project-card:hover .project-card-link{color:var(--highlight)}.project-card-image-wrapper{width:100%;border-radius:var(--radius);overflow:hidden}.project-card-image{max-width:100%;object-position:top left;border-radius:var(--radius);display:block;height:auto}.project-card-content{flex:1;display:flex;flex-direction:column}.project-card-content h3{font-size:var(--fs-xl);color:var(--text-head);margin:0;margin-bottom:1rem}.project-card-meta{font-size:var(--fs-sm);color:var(--text-muted);display:flex;flex-wrap:wrap;margin-bottom:1rem}.project-card-meta .meta-item{width:100%}.project-card-meta .meta-item strong{font-weight:400;color:var(--accent)}.project-card-description{font-size:var(--fs-md);line-height:1.6;margin-bottom:1rem}.project-card-link{font-weight:700;color:var(--accent);margin-top:auto;align-self:flex-start}@media(max-width:870px){.project-card{flex-direction:column}.project-card-image-wrapper{width:100%}}.project-category{margin-bottom:var(--sp-2xl)}.project-grid{display:grid;grid-template-columns:1fr;gap:var(--sp-md)}@media(min-width:870px){.project-grid{grid-template-columns:repeat(2,calc((100% / 2) - ((var(--sp-md)) / 2)))}}@media(min-width:1000px){.project-grid{grid-template-columns:repeat(3,calc((100% / 3) - ((var(--sp-md) * 2) / 3)))}}.album-card{display:block;max-width:30rem;text-decoration:none;border-radius:var(--radius);overflow:hidden;break-inside:auto;margin-bottom:var(--sp-lg)}@media(min-width:750px){.album-card{margin-bottom:0;max-width:initial}}.album-cover{position:relative;overflow:hidden}.album-cover picture{position:absolute;top:0;left:0;width:100%;height:100%}.album-cover img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block;border-radius:var(--radius)}.album-info h4{margin-top:1rem;margin-bottom:0}.album-date{font-size:var(--fs-sm);color:var(--text-muted)}.albums-grid{margin-top:var(--sp-lg)}@media(min-width:600px){.albums-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(18rem,1fr));column-gap:var(--sp-md);row-gap:var(--sp-2xl);margin-bottom:var(--sp-2xl)}}.lightbox{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--bg);z-index:3000;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.985);pointer-events:none;transition:opacity .28s var(--ease-out),transform .28s var(--ease-out)}.lightbox.visible{opacity:1;transform:none;pointer-events:auto}.lightbox-content{width:90vw;height:90vh;position:relative;justify-content:center;align-items:center}.lightbox-content>div{width:100%;height:100%;background-color:transparent!important}.lightbox-content picture{width:100%;height:100%}.lightbox-content img{display:block;width:auto!important;max-width:100%;height:100%;margin:0 auto;user-select:none;transition:opacity .24s var(--ease);opacity:1;transform:none;border-radius:var(--radius)}.lightbox-content img.fade-out,.lightbox-content img.is-incoming{opacity:0}.lightbox-content .legend{display:none}.nav-arrow{position:absolute;top:50%;transform:translateY(-50%);background:var(--bg);color:var(--text-head);width:1.75rem;height:1.75rem;border-radius:50%;font-size:.5rem;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;transition:background-color var(--dur) var(--ease),color var(--dur) var(--ease);border:1px solid transparent;text-align:center}.nav-arrow:hover{background:var(--accent);color:var(--bg);transform:translateY(-50%);border:0}@media(max-width:900px){.nav-arrow{width:2.5rem;height:2.5rem;font-size:1.2rem;opacity:.9}}.lightbox-close,.lightbox-prev,.lightbox-next{z-index:3010}.lightbox-close{position:absolute;width:1.75rem;height:1.75rem;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;border:1px solid transparent;background:var(--bg);color:var(--text-head);transition:background-color var(--dur) var(--ease),color var(--dur) var(--ease);top:2rem;right:2rem;font-size:3rem;line-height:1}.lightbox-close:hover{background:var(--accent);color:var(--bg)}.lightbox-close svg{width:1rem;height:1rem;stroke-width:2}.lightbox-prev{left:2rem;transform:translateY(-50%)}.lightbox-next{right:2rem;top:50%;transform:translateY(-50%)}@media(max-width:900px){.lightbox-prev,.lightbox-next{display:none}}.album-page{width:100%;margin-bottom:2rem}@media(min-width:900px){.album-page{margin-bottom:4rem}}.album-header h1{margin-bottom:.5rem}.gallery-grid{column-count:1;column-gap:var(--sp-sm)}@media(min-width:600px){.gallery-grid{column-count:2}}@media(min-width:900px){.gallery-grid{column-count:3}}@media(min-width:1200px){.gallery-grid{column-count:4}}@media(min-width:1920px){.gallery-grid{column-count:5}}.gallery-item{display:block;width:100%;padding:0;background:linear-gradient(110deg,var(--bg-alt) 0%,color-mix(in oklch,var(--bg-alt) 80%,var(--text) 8%) 40%,var(--bg-alt) 80%);background-size:200% 100%;animation:shimmer 1.6s linear infinite;border:none;border-radius:var(--radius);overflow:hidden;cursor:pointer;margin-bottom:var(--sp-sm);break-inside:avoid}.gallery-item:has(img.is-loaded){animation:none;background:var(--bg-alt)}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media(prefers-reduced-motion:reduce){.gallery-item{animation:none}}.gallery-item img{display:block;max-width:100%;height:100%;object-fit:cover;transition:opacity .36s var(--ease-out)}.screen-item{margin-bottom:var(--sp-3xl)}@media(min-width:1200px){.screen-item-image.gallery-item{width:calc(90vw - 2 * var(--sp-lg));max-width:70rem;margin-left:50%;transform:translate(-50%);margin-bottom:1.5rem}.screen-item-image.gallery-item img{width:100%;height:auto;display:block}}.screen-image{width:100%;height:auto;border-radius:var(--radius);box-shadow:0 1px 2px #0000000f,0 8px 16px #00000014,0 24px 48px #0000001f;margin-bottom:var(--sp-sm);display:block}.screen-text{font-size:var(--fs-sm);color:var(--text-muted);font-style:italic;max-width:900px;margin:0 auto;text-align:center}.carousel-wrapper{position:relative;width:100%;margin-bottom:var(--sp-xl)}@media(min-width:900px){.carousel-wrapper{width:calc(100vw - 2 * var(--sp-lg));max-width:1300px;margin-left:50%;transform:translate(-50%)}}.carousel-container{border-radius:10px;overflow:hidden;margin:var(--sp-md) 0}.carousel-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:var(--sp-lg);padding-bottom:var(--sp-md);-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth}.carousel-track::-webkit-scrollbar{display:none}.carousel-arrow.prev{left:-1rem}.carousel-arrow.next{right:-1rem}@media(max-width:900px){.carousel-arrow.prev{left:-1.5rem}.carousel-arrow.next{right:-1.5rem}}.carousel-card{flex:0 0 85%;scroll-snap-align:center;background:var(--bg-alt);padding:var(--sp-lg);border-radius:var(--radius);display:flex;flex-direction:column;text-align:center;position:relative;overflow:hidden}.carousel-card:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:6rem;background:linear-gradient(to bottom,transparent,var(--bg-alt));pointer-events:none;z-index:2}.carousel-scroll-area{max-height:20rem;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:2rem;display:flex;flex-direction:column;flex-grow:1}.carousel-scroll-area::-webkit-scrollbar{display:none}@media(min-width:600px){.carousel-card{flex:0 0 45%}}@media(min-width:900px){.carousel-card{flex:0 0 26.7%;scroll-snap-align:start}}.reference-quote{margin:0 0 var(--sp-md) 0;font-style:italic;font-size:var(--fs-md);line-height:1.6;flex-grow:1;display:flex;flex-direction:column;justify-content:center;align-items:center}.reference-quote p{margin-bottom:var(--sp-sm)}.reference-quote p:last-child{margin-bottom:0}.reference-author{font-style:normal;font-size:var(--fs-sm);display:flex;flex-direction:column;gap:.2rem;align-items:center}.reference-author strong{color:var(--accent)}.reference-company a{color:var(--text-muted);text-decoration:none}.reference-company a:hover{color:var(--accent);text-decoration:none}.timeline{position:relative;padding-left:var(--sp-lg)}.timeline:before{content:"";position:absolute;top:1rem;left:0;width:2px;height:calc(100% - 1rem);background-color:var(--border)}.timeline .item{margin-bottom:var(--sp-xl);position:relative}.timeline .item:before{content:"";position:absolute;left:-2.6rem;top:var(--sp-xs);width:var(--sp-sm);height:var(--sp-sm);background:var(--bg);border:2px solid var(--accent);border-radius:50%}.timeline .year{font-family:var(--font);color:var(--accent);font-weight:700;font-size:var(--fs-lg);margin-bottom:var(--sp-xs)}code[class*=language-],pre[class*=language-]{color:#ccc;background:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;border-radius:var(--radius);tab-size:4;hyphens:none}pre[class*=language-]{padding:1.5em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#262626}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.comment,.token.block-comment,.token.prolog,.token.doctype,.token.cdata{color:#999}.token.punctuation{color:#ccc}.token.tag,.token.attr-name,.token.namespace,.token.deleted{color:#e2777a}.token.function-name{color:#6196cc}.token.boolean,.token.number,.token.function{color:#f08d49}.token.property,.token.class-name,.token.constant,.token.symbol{color:#f8c555}.token.selector,.token.important,.token.atrule,.token.keyword,.token.builtin{color:#cc99cd}.token.string,.token.char,.token.attr-value,.token.regex,.token.variable{color:#7ec699}.token.operator,.token.entity,.token.url{color:#67cdcc}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.code-container{position:relative;background:#262626;color:#d4d4d4;border-radius:8px;overflow:hidden;margin:1.5em 0}.code-header{padding:.65rem 1rem;font-size:.8rem;border-bottom:2px solid var(--bg);line-height:1}.language-label{position:absolute;top:.5rem;right:.5rem;font-size:.6rem;padding:.1rem .3rem;border-radius:5px;background-color:var(--bg);color:var(--text-muted)}.code-container pre{white-space:pre!important;display:flex!important;align-items:center!important;min-height:0!important;height:auto!important;margin:0!important;padding:1rem!important}.code-container pre code{font-size:.8rem;line-height:1.3;padding:0;margin:0;outline:none}.code-container button{background:transparent;color:#fff;border:none;padding:8px 16px;margin:10px;cursor:pointer;border-radius:4px;font-weight:700}.code-container button:disabled{background:#555;cursor:not-allowed}.code-container .output-header{padding:5px 15px;font-size:.8em;color:#888;text-transform:uppercase}.code-container .code-output{display:none;padding:0 15px 15px;font-size:.8rem;color:#b5cea8;white-space:pre-wrap;min-height:1.2em}.code-container .code-output.is-loaded{display:block}.code-container .code-spinner{display:inline-block;width:12px;height:12px;border:2px solid rgba(255,255,255,.3);border-radius:50%;animation:spin 1s ease-in-out infinite;margin-right:8px}@keyframes spin{to{transform:rotate(360deg)}}.plyr{--plyr-color-main: var(--accent);--plyr-video-background: var(--bg);--plyr-menu-background: var(--bg);--plyr-menu-color: var(--text);--plyr-menu-border-color: var(--bg);--plyr-tooltip-background: var(--accent);--plyr-tooltip-color: var(--bg)}.video-wrapper{width:100%}.video-wrapper video{width:100%;margin-bottom:1.5rem}@media(min-width:1200px){.video-wrapper{width:calc(90vw - 2 * var(--sp-lg));max-width:70rem;margin-left:50%;transform:translate(-50%);margin-bottom:1.5rem}}.post-list{list-style:none;padding:0}.post-item{border-bottom:1px solid var(--border);padding:var(--sp-md) 0}.post-item-header{display:flex;flex-direction:column;gap:1rem;justify-content:space-between;align-items:flex-start}@media(min-width:600px){.post-item-header{flex-direction:row}}.post-item a{text-decoration:none;font-weight:500;font-size:var(--fs-lg)}.post-main{display:flex;flex-direction:column;gap:var(--sp-xs)}.post-meta{font-size:var(--fs-sm);color:var(--text-muted);margin-bottom:1rem}.post-content{margin-bottom:2rem}.post-content h2,.post-content h3{margin-top:var(--sp-2xl)}.post-content>:first-child{margin-top:0}.post-content ul{margin-bottom:2rem;padding-left:.5rem}@media(min-width:600px){.post-content ul{padding-left:1.5rem}}.post-content li{margin-bottom:1rem}.post-content li ul{margin-top:1rem}.post-content li ul li{margin-bottom:.5rem}.quick-menu{background:var(--bg-alt);padding:var(--sp-md);border-radius:var(--radius);border:1px solid var(--border)}.quick-menu ul{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:1rem}.quick-menu a{text-decoration:none;font-weight:700}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.skill-group h3{color:var(--accent);margin-top:0}.skill-group ul{list-style:none;padding:0}.skill-group li{margin-bottom:var(--sp-xs);padding-left:1.2rem;position:relative}.skill-group li:before{content:"\25b9";position:absolute;left:0;color:var(--text)}