.language-switch{display:flex;gap:4px;margin-left:auto;margin-right:24px;position:relative;z-index:10}.language-switch a{color:#aaa;text-decoration:none;font-size:12px;font-weight:700;letter-spacing:.1em;padding:8px 10px;border:1px solid #343434;border-radius:3px}.language-switch a[aria-current=page],.language-switch a:hover{color:#fff;background:#0f33ff;border-color:#0f33ff}.language-switch a:focus-visible,.content-page a:focus-visible{outline:2px solid #fff;outline-offset:4px}.header--cta{left:52%}.content-page{overflow:auto;height:auto;min-height:100vh;background:#0c0c0c;color:#fff}.content-header{max-width:1180px;margin:auto;padding:25px 28px;display:flex;align-items:center;gap:32px;flex-wrap:wrap;border-bottom:1px solid #262626}.content-header .language-switch{margin-right:0}.content-nav{display:flex;gap:22px}.content-nav a{color:#bbb;text-decoration:none}.content-nav a:hover{color:#fff}.content-main{max-width:1120px;margin:0 auto;padding:64px 28px 100px}.content-main h1{font-size:clamp(34px,6vw,72px);line-height:1.08;letter-spacing:-.04em;max-width:950px;margin:20px 0 30px}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:#8c98ff}.content-lead{max-width:760px;color:#aaa;font-size:20px;line-height:1.6}.content-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;margin:32px 0}.content-card{display:block;color:#fff;text-decoration:none;border:1px solid #292929;background:#141414;padding:24px}.content-card img{height:190px;object-fit:cover}.content-card h2{font-size:24px;line-height:1.25}.content-card h2 a{color:inherit;text-decoration:none}.content-card p{color:#aaa}.content-link{color:#8c98ff;text-decoration:none;font-weight:700}.topic-nav{display:flex;flex-wrap:wrap;gap:10px;margin:32px 0}.topic-nav a{padding:8px 16px;border:1px solid #383838;color:#ddd;text-decoration:none}.topic-nav a:hover,.topic-nav a[aria-current=page]{background:#0f33ff;border-color:#0f33ff;color:#fff}.content-article{max-width:850px;margin:auto}.article-cover{width:100%;max-height:560px;object-fit:cover;margin:24px 0}.article-body{font-size:18px;line-height:1.8;overflow-wrap:anywhere}.article-body img{max-width:100%;height:auto}.article-body a{color:#8c98ff}.article-body pre{overflow:auto;background:#181818;padding:20px}.article-body h2{margin-top:48px;line-height:1.3}.content-pagination a{color:#8c98ff}.intro--banner h1{font-size:clamp(32px,4.8vw,64px)}@media(max-width:700px){.content-header{gap:16px;padding:20px}.content-nav{order:3;width:100%;justify-content:space-between}.content-main{padding:38px 20px 64px}.header--cta{display:none!important}.header .language-switch{margin-right:14px}.content-grid{grid-template-columns:1fr}.work .content-grid{max-height:48vh;overflow-y:auto}.intro--banner h1{font-size:36px}}
.intro--options>a{color:#aaa}.intro--options h3{color:#eee}.intro--options>a:hover{color:#fff}.header--nav-toggle{appearance:none;background:transparent;border:0;padding:0;flex-shrink:0;color:#fff}.content-pagination{display:flex;gap:30px}.outer-nav>li{font-size:clamp(19px,3.6vw,48px)}
.language-switch{display:block;flex-shrink:0}
.blog-direct-link{color:inherit;text-decoration:none}.side-nav .blog-direct-link{position:absolute;left:0;top:-8px;width:100%;height:32px}.side-nav .blog-direct-link span{top:11px}.blog-direct-link:focus-visible{outline:2px solid #8c98ff;outline-offset:4px}
body{transition:opacity 260ms ease}body.page-leaving{opacity:0;pointer-events:none}@media(prefers-reduced-motion:reduce){body{transition:none}}
.language-switch__trigger{display:flex;align-items:center;justify-content:center;gap:10px;min-width:44px;padding:8px 12px;list-style:none;cursor:pointer;color:#fff;background:#0f33ff;border:1px solid #0f33ff;border-radius:3px;font-size:12px;font-weight:700;letter-spacing:.1em;user-select:none}
.language-switch__trigger::-webkit-details-marker{display:none}
.language-switch__trigger:focus-visible{outline:2px solid #fff;outline-offset:4px}
.language-switch__chevron{transition:transform .15s ease}
.language-switch[open] .language-switch__chevron{transform:rotate(180deg)}
.language-switch__menu{position:absolute;top:100%;right:0;width:180px;padding:6px;background:#141414;border:1px solid #343434;border-radius:3px;box-shadow:0 12px 30px rgba(0,0,0,.45);z-index:20}
.language-switch__menu a{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px;color:#ddd;border:0;letter-spacing:0;text-decoration:none}
.language-switch__code{font-size:10px;opacity:.7;letter-spacing:.1em}
@media(prefers-reduced-motion:reduce){.language-switch__chevron{transition:none}}
[data-portfolio-carousel]{position:relative;touch-action:pan-y;user-select:none;min-height:360px}[data-portfolio-carousel] .slider--item-image img{object-fit:contain;background:#141414}[data-portfolio-carousel] .slider--item-hidden{display:none}.content-page [data-portfolio-carousel]{margin:48px auto 80px;max-width:900px}
.portfolio-article-logo{display:block;width:auto;height:auto;max-width:min(180px,100%);max-height:120px;object-fit:contain;margin:36px 0 0}
.portfolio-showcase{margin-bottom:48px}.portfolio-showcase .slider--item-image img{height:100%;object-fit:cover}.portfolio-showcase button{appearance:none;border:0;padding:0;color:#fff}.portfolio-showcase a:focus-visible,.portfolio-showcase button:focus-visible{outline:2px solid #8c98ff;outline-offset:5px}.portfolio-showcase__placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:#181d35;color:#8c98ff;font-size:64px}.portfolio-showcase .portfolio-showcase--pair{width:100%;justify-content:center;gap:32px}.portfolio-showcase--pair .slider--item-center{left:auto;transform:none;flex:1;min-width:0}.portfolio-showcase--pair .slider--item-image{max-width:100%;width:220px;height:auto;aspect-ratio:1}.portfolio-showcase .slider--item-description{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.portfolio-showcase .slider--item-left .slider--item-description,.portfolio-showcase .slider--item-right .slider--item-description{display:none}@media(max-width:600px){.portfolio-showcase .portfolio-showcase--pair{gap:16px}.portfolio-showcase--pair .slider--item-center .slider--item-image{width:140px;height:auto}.portfolio-showcase--pair .slider--item-title{font-size:12px}.portfolio-showcase--pair .slider--item-description{font-size:12px}}

.home-about__body{max-height:55vh;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;padding-right:16px;margin:20px 0;scrollbar-width:thin}.home-about__body .article-cover{max-height:260px;object-fit:contain}.home-about__body h3{font-size:26px;margin-top:0}.home-about__body:focus-visible{outline:2px solid #8c98ff;outline-offset:4px}

[data-portfolio-carousel] {
    --portfolio-size: clamp(190px, 25vw, 300px);
    --portfolio-spread: clamp(130px, 25vw, 280px);
}
[data-portfolio-carousel] .slider {
    width: 100%;
    height: calc(var(--portfolio-size) + 160px);
}
[data-portfolio-carousel] .slider .slider--item {
    display: block;
    position: absolute;
    top: 30px;
    left: 50%;
    right: auto;
    width: var(--portfolio-size);
    opacity: 0;
    pointer-events: none;
    transform: translateX(-50%) scale(.5);
    transform-origin: center calc(var(--portfolio-size) / 2);
    transition: transform 420ms cubic-bezier(.22,.61,.36,1), opacity 300ms ease;
}
[data-portfolio-carousel] .slider .slider--item-image {
    width: var(--portfolio-size);
    height: var(--portfolio-size);
}
[data-portfolio-carousel] .slider .slider--item-center {
    opacity: 1;
    pointer-events: auto;
    transform: translateX(-50%) scale(1);
    z-index: 2;
}
[data-portfolio-carousel] .slider .slider--item-left {
    opacity: .65;
    transform: translateX(calc(-50% - var(--portfolio-spread))) scale(.5);
}
[data-portfolio-carousel] .slider .slider--item-right {
    opacity: .65;
    transform: translateX(calc(-50% + var(--portfolio-spread))) scale(.5);
}
[data-portfolio-carousel] .slider .slider--item-title,
[data-portfolio-carousel] .slider .slider--item-description {
    visibility: hidden;
    opacity: 0;
    transition: opacity 120ms ease;
    overflow-wrap: anywhere;
}
[data-portfolio-carousel] .slider .slider--item-title {
    margin-top: 25px;
    font-size: 16px;
}
[data-portfolio-carousel] .slider .slider--item-description {
    display: -webkit-box;
}
[data-portfolio-carousel] .slider .slider--item-center .slider--item-title,
[data-portfolio-carousel] .slider .slider--item-center .slider--item-description {
    visibility: visible;
    opacity: 1;
    transition: opacity 180ms ease 240ms;
}
[data-portfolio-carousel] .slider--prev,
[data-portfolio-carousel] .slider--next {
    top: calc(var(--portfolio-size) / 2 + 5px);
    z-index: 3;
}
@media(max-width:600px) {
    [data-portfolio-carousel] .slider .slider--item-left,
    [data-portfolio-carousel] .slider .slider--item-right { opacity: 0; }
}
@media(prefers-reduced-motion:reduce) {
    [data-portfolio-carousel] .slider .slider--item,
    [data-portfolio-carousel] .slider .slider--item-title,
    [data-portfolio-carousel] .slider .slider--item-description { transition: none; }
}
