.avatar-figure-frame[data-v-0fb039c5]{width:100%;height:100%;display:block}.avatar-figure[data-v-0fb039c5]{opacity:0;width:100%;height:100%;transition:opacity .12s ease-out;display:block;overflow:visible}.avatar-figure.is-ready[data-v-0fb039c5]{opacity:1}.avatar-figure__head[data-v-0fb039c5]{transition:transform .13s ease-out}.is-reacting .avatar-figure__head[data-v-0fb039c5]{transition:none}.is-still[data-v-0fb039c5]{transition:none;animation:none}.is-still .avatar-figure__head[data-v-0fb039c5]{transition:none}.dark{filter:drop-shadow(1px 0 #c6b7a9)drop-shadow(-1px 0 #c6b7a9)}@media (prefers-reduced-motion:reduce){.avatar-figure-frame[data-v-0fb039c5]{transition:none;transform:none!important}.avatar-figure[data-v-0fb039c5]{transition:none;animation:none}.avatar-figure__head[data-v-0fb039c5]{transition:none}}.brand-avatar[data-v-0671abeb]{pointer-events:none;width:100%;height:100%;filter:drop-shadow(.5px 0 0 var(--color-avatar-outline)) drop-shadow(-.5px 0 0 var(--color-avatar-outline));display:block}.theme-toggle[data-v-741d6caa]{border:1px solid var(--color-border-strong);width:40px;height:40px;color:var(--color-text-strong);background:0 0;border-radius:50%;flex:none;place-items:center;padding:0;transition:color .18s,background .18s,border-color .18s;display:grid}.theme-toggle[data-v-741d6caa]:is(:hover,:focus-visible){color:var(--color-accent);border-color:var(--color-accent);background:var(--color-accent-soft)}.theme-toggle .app-icon[data-v-741d6caa]{width:22px;height:22px}.theme-toggle .app-icon.is-moon[data-v-741d6caa]{width:20px;height:20px}@media (pointer:coarse){.theme-toggle[data-v-741d6caa]{width:44px;height:44px}}.author-name[data-v-981b16c9]{color:var(--color-text-strong);width:216px;max-width:100%;display:block}.signature[data-v-981b16c9]{width:100%;height:auto;display:block}.signature-stroke[data-v-981b16c9]{stroke-dasharray:1;stroke-dashoffset:1px;animation:5s cubic-bezier(.22,.61,.36,1) infinite paused draw-signature-981b16c9}.is-visible .signature-stroke[data-v-981b16c9]{animation-play-state:running}.signature-stroke[data-v-981b16c9]:nth-child(2){animation-name:draw-signature-middle-981b16c9}.signature-stroke[data-v-981b16c9]:nth-child(3){animation-name:draw-signature-end-981b16c9}.signature-dots[data-v-981b16c9]{animation-name:draw-signature-dots-981b16c9}@keyframes draw-signature-981b16c9{0%{stroke-dashoffset:1px;opacity:1}36%,86%{stroke-dashoffset:0;opacity:1}94%,to{stroke-dashoffset:0;opacity:0}}@keyframes draw-signature-middle-981b16c9{0%,3%{stroke-dashoffset:1px;opacity:1}39%,86%{stroke-dashoffset:0;opacity:1}94%,to{stroke-dashoffset:0;opacity:0}}@keyframes draw-signature-end-981b16c9{0%,6%{stroke-dashoffset:1px;opacity:1}42%,86%{stroke-dashoffset:0;opacity:1}94%,to{stroke-dashoffset:0;opacity:0}}@keyframes draw-signature-dots-981b16c9{0%,9%{stroke-dashoffset:1px;opacity:1}45%,86%{stroke-dashoffset:0;opacity:1}94%,to{stroke-dashoffset:0;opacity:0}}@media (prefers-reduced-motion:reduce){.signature .signature-stroke[data-v-981b16c9]{stroke-dashoffset:0;opacity:1;animation:none}}.app-footer[data-v-15d7e428]{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);display:grid}.app-footer__signature[data-v-15d7e428]{justify-self:center}.app-footer__blog[data-v-15d7e428]{justify-self:end}@media (width<=639px){.app-footer[data-v-15d7e428]{grid-template-columns:minmax(0,1fr) auto}.app-footer__signature[data-v-15d7e428]{grid-area:2/1/auto/-1;width:180px}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#07080a;--color-panel:#0b0d10;--color-panel-raised:#12161b;--color-border:#ffffff17;--color-border-strong:#ffffff2e;--color-text:#c5cbd3;--color-text-strong:#f3f5f8;--color-muted:#a0a8b3;--color-dim:#8b949f;--color-accent:#8bf3e6;--color-accent-soft:#46b7ff14;--color-accent-border:#46b7ff4d;--color-media-accent:#8bf3e6;--color-media-bg:#0b0d10;--color-topbar:#07080ae6;--color-selection:#46b7ff40;--color-avatar-outline:#f3f5f84d;--tool-monochrome-filter:none;--tool-chatgpt-filter:none;--radius:16px;--container-width:min(1232px, calc(100% - 80px));--topbar-height:68px;--font-sans:"LMX Sans", sans-serif;--ease-out:cubic-bezier(.16, 1, .3, 1)}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-bg:#f6f7f9;--color-panel:#fff;--color-panel-raised:#edf0f4;--color-border:#1218221a;--color-border-strong:#12182233;--color-text:#303844;--color-text-strong:#151b25;--color-muted:#566273;--color-dim:#657182;--color-accent:#007c72;--color-accent-soft:#007c7212;--color-accent-border:#007c7247;--color-topbar:#f6f7f9eb;--color-selection:#007c722e;--color-avatar-outline:#151b2533;--tool-monochrome-filter:brightness(0);--tool-chatgpt-filter:brightness(.5) saturate(1.4)}@media (width<=639px){:root{--container-width:calc(100% - 40px);--topbar-height:64px;--radius:14px}}@font-face{font-family:LMX Sans;src:url(/case/assets/lmx-sans-8kRkwJBP.woff2)format("woff2");font-style:normal;font-weight:400;font-display:swap}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;background:var(--color-bg)}body{min-width:320px;min-height:100vh;font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.65}::selection{color:var(--color-text-strong);background:var(--color-selection)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}input,select,textarea{font:inherit;color:inherit}button:disabled{cursor:default}img,video{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{color:var(--color-text-strong);font-weight:600;line-height:1.3}h1{text-wrap:balance;letter-spacing:-.035em}h2,h3{text-wrap:pretty}:focus-visible{outline:2px solid var(--color-accent);outline-offset:5px}button,a{-webkit-tap-highlight-color:transparent}.app-icon{flex:none;width:20px;height:20px;display:block}.tool-glyph--monochrome{filter:var(--tool-monochrome-filter)}.tool-glyph--chatgpt{filter:var(--tool-chatgpt-filter)}.app-video,.project-preview{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;color:var(--color-bg);background:var(--color-accent);border-radius:8px;padding:12px 20px;position:fixed;top:12px;left:16px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.container{width:var(--container-width);margin-inline:auto}.app-topbar{z-index:40;height:var(--topbar-height);background:var(--color-bg);border-bottom:1px solid #0000;transition:background .3s,border-color .3s;position:sticky;top:0}.app-topbar.is-scrolled{border-color:var(--color-border);background:var(--color-topbar);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.app-topbar__inner{justify-content:space-between;align-items:center;gap:24px;height:100%;display:flex}.brand{--brand-mark-height:46px;min-height:48px;color:var(--color-text-strong);flex-shrink:0;align-items:center;gap:26px;display:inline-flex}.brand__mark{width:38px;height:var(--brand-mark-height);flex:none;place-items:center;padding:2px;display:grid;position:relative;top:-2px}.brand__wordmark{height:var(--brand-mark-height);white-space:nowrap;padding-block:1px;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:6px;padding-top:5px;display:flex}.brand__name{letter-spacing:.025em;font-size:18px;font-weight:650;line-height:1.2}.brand__english{letter-spacing:.08em;color:var(--color-muted);margin-top:3px;font-size:11px;font-weight:400;line-height:1.2}.app-topbar__actions{align-items:center;gap:20px;display:flex}.app-topbar__nav{gap:8px;display:flex}.app-topbar__nav a{color:var(--color-muted);border-radius:99px;padding:8px 16px;font-size:13px;transition:color .2s,background .2s}.app-topbar__nav a.is-active{color:var(--color-text-strong);background:var(--color-panel-raised)}.app-topbar__nav a:hover{color:var(--color-text-strong)}.index-link{min-height:40px;color:var(--color-bg);background:var(--color-text-strong);border-radius:99px;justify-content:center;align-items:center;gap:14px;padding:8px 18px;font-size:13px;font-weight:550;transition:background .2s;display:inline-flex}.index-link:hover{background:var(--color-accent)}.index-link .app-icon{width:16px;height:16px}.works{scroll-margin-top:calc(var(--topbar-height) + 20px);padding-bottom:56px}.works-toolbar{border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:20px;padding-top:16px;display:flex}.collection-meta{color:var(--color-dim);font-variant-numeric:tabular-nums;justify-content:space-between;margin:16px 0;font-size:12px;display:flex}.card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 20px;display:grid;position:relative}.app-footer{border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:20px;padding-block:28px;display:flex}.app-footer__brand{color:var(--color-text-strong);font-size:18px;font-weight:600}.app-footer__brand span{color:var(--color-accent)}.app-footer p{color:var(--color-dim);margin-top:6px;font-size:12px}.project-hero{padding-top:28px}.breadcrumbs{min-width:0;color:var(--color-muted);align-items:center;gap:16px;font-size:13px;display:flex}.breadcrumbs__back{min-height:40px;color:var(--color-text-strong);white-space:nowrap;flex:none;align-items:center;gap:10px;padding-block:4px;font-weight:500;transition:color .18s;display:inline-flex}.breadcrumbs__back-label{line-height:1.6;display:inline-block;position:relative}.breadcrumbs__back-label:before,.breadcrumbs__back-label:after{content:"";height:1px;position:absolute;bottom:-3px;left:0;right:0}.breadcrumbs__back-label:before{opacity:.3;background:currentColor}.breadcrumbs__back-label:after{background:var(--color-accent);transform-origin:0;transition:transform .24s var(--ease-out);transform:scaleX(0)}.breadcrumbs__back .app-icon{width:16px;height:16px;color:var(--color-accent);transition:transform .24s var(--ease-out)}.breadcrumbs__back:is(:hover,:focus-visible){color:var(--color-accent)}.breadcrumbs__back:is(:hover,:focus-visible) .breadcrumbs__back-label:after{transform:scaleX(1)}.breadcrumbs__back:is(:hover,:focus-visible) .app-icon{transform:translate(-2px)}.breadcrumbs__separator{color:var(--color-border-strong);flex:none}.breadcrumbs__current{min-width:0;color:var(--color-dim);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}@media (prefers-reduced-motion:reduce){.breadcrumbs__back-label:after{opacity:0;transition:none;transform:none}.breadcrumbs__back:is(:hover,:focus-visible) .breadcrumbs__back-label:after{opacity:1}.breadcrumbs__back:is(:hover,:focus-visible) .app-icon{transform:none}}.project-hero__heading{justify-content:space-between;align-items:end;gap:24px;padding-block:24px;display:flex}.project-hero__category{color:var(--color-muted);align-items:center;gap:12px;font-size:12px;display:flex}.project-hero h1{margin-top:12px;font-size:clamp(28px,3.4vw,44px);line-height:1.2}.project-hero__heading>.text-link{flex:none;margin-bottom:4px}.project-overview{grid-template-columns:1.4fr 1fr;gap:40px;padding-block:28px 20px;display:grid}.project-overview h2{color:var(--color-muted);margin-bottom:14px;font-size:13px;font-weight:400}.project-overview p{max-width:60ch;color:var(--color-text-strong);font-size:17px;line-height:1.7}.project-overview ul{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.project-overview li{border:1px solid var(--color-border-strong);color:var(--color-text);border-radius:99px;padding:4px 12px;font-size:12px}.project-body{scroll-margin-top:calc(var(--topbar-height) + 20px);padding-bottom:32px}.case-content-heading{justify-content:space-between;align-items:center;gap:16px;padding:24px 0 12px;display:flex}.case-content-heading h2{font-size:22px}.case-content-heading>span{color:var(--color-dim);font-size:12px}.case-nav{top:var(--topbar-height);z-index:20;border-bottom:1px solid var(--color-border);background:var(--color-bg);scrollbar-width:thin;gap:6px;margin-bottom:20px;padding-block:10px;display:flex;position:sticky;overflow-x:auto}.case-nav a{color:var(--color-muted);border-radius:6px;flex:none;padding:6px 12px;font-size:12px;line-height:1.5;transition:color .18s;position:relative}.case-nav a.is-active{color:var(--color-accent)}.case-nav a.is-active:after{content:"";background:currentColor;border-radius:2px;height:2px;position:absolute;bottom:1px;left:12px;right:12px}.case-nav a:hover,.case-nav a:focus-visible{color:var(--color-accent)}.media-grid{grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;gap:20px;margin-block:20px 28px;display:grid}.media-figure-wrap{width:100%;min-width:0;max-width:var(--media-source-width,100%);grid-column:span 12;justify-self:center}.media-figure-wrap--half{grid-column:span 6}.media-figure-wrap--portrait{max-width:min(300px, var(--media-source-width,300px));grid-column:span 3}.media-figure-wrap--compact{max-width:min(420px, var(--media-source-width,420px));grid-column:span 4}.media-figure-wrap--icon{grid-column:span 2;max-width:112px}.media-grid--single>.media-figure-wrap{grid-column:1/-1}.media-grid--icons{grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:16px;max-width:960px}.media-grid--icons>.media-figure-wrap{grid-column:auto}.project-not-found{min-height:65vh;padding-block:100px 140px}.project-not-found__code{color:var(--color-accent);margin-bottom:16px;font-size:16px}.project-not-found h1{font-size:clamp(24px,4vw,40px)}.project-not-found>p:not(:first-child){color:var(--color-muted);margin-top:20px}.project-not-found .index-link{margin-top:32px}.next-project{border-top:1px solid var(--color-border);grid-template-columns:1fr 1.5fr;align-items:center;gap:40px;padding-block:32px 48px;display:grid}.next-project__intro>p{color:var(--color-dim);margin-bottom:12px;font-size:13px}.next-project__intro h2{margin-bottom:18px;font-size:28px}.next-project__link{grid-template-columns:180px 1fr auto;align-items:center;gap:24px;display:grid}.next-project__link>.app-image{aspect-ratio:16/9;object-fit:cover;background:var(--color-panel-raised);border-radius:12px;width:180px}.next-project__link p{color:var(--color-muted);margin-bottom:8px;font-size:12px}.next-project__link h3{font-size:19px}.next-project__link>.app-icon{color:var(--color-accent);transition:transform .3s var(--ease-out)}.next-project__link:hover>.app-icon{transform:translate(3px,-3px)}@media (width<=1023px){.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-overview{gap:32px}.media-figure-wrap--portrait{grid-column:span 4}.media-figure-wrap--compact{grid-column:span 6}.next-project{grid-template-columns:1fr 2fr;gap:32px}.next-project__link{grid-template-columns:120px 1fr auto;gap:16px}.next-project__link>.app-image{width:120px}}@media (width<=767px){.app-topbar__nav{display:none}.project-hero__heading{display:block}.project-hero__heading>.text-link{margin-top:20px}.project-overview{grid-template-columns:1fr;gap:24px}.media-grid{gap:16px}.next-project{grid-template-columns:1fr;gap:28px}.next-project__intro h2{font-size:26px}}@media (width<=639px){.brand__mark{width:34px}.brand{--brand-mark-height:42px;gap:20px;min-height:44px}.brand__name{font-size:17px}.brand__english{font-size:10px}.index-link{gap:10px;padding-inline:14px}.works-toolbar{flex-direction:column;align-items:stretch;gap:8px}.works-toolbar .motion-toggle{align-self:flex-end;min-height:32px}.collection-meta{margin-top:12px}.card-grid{grid-template-columns:minmax(0,1fr);gap:28px}.works{padding-bottom:40px}.app-footer{padding-block:24px}.app-footer__brand{font-size:16px}.project-hero{padding-top:20px}.breadcrumbs{gap:10px;font-size:12px}.project-hero__heading{padding-block:20px}.project-hero h1{font-size:28px}.project-overview{padding-block:24px}.project-overview p{font-size:16px}.case-content-heading>span{display:none}.media-grid{gap:12px;margin-bottom:24px}.media-figure-wrap--portrait,.media-figure-wrap--compact{grid-column:span 6}.media-figure-wrap--half{grid-column:span 12}.media-grid--single>.media-figure-wrap{grid-column:1/-1}.media-grid--icons{gap:12px}.next-project__link{grid-template-columns:100px 1fr 20px}.next-project__link>.app-image{width:100px}.next-project__link h3{font-size:17px}}.text-link{min-height:40px;color:var(--color-text-strong);align-items:center;gap:12px;font-size:13px;display:inline-flex}.text-link .app-icon{width:17px;height:17px;transition:transform .25s var(--ease-out)}.text-link:hover{color:var(--color-accent)}.text-link:hover .app-icon{transform:translate(3px)}.badge{border:1px solid var(--color-accent-border);min-height:25px;color:var(--color-accent);background:var(--color-accent-soft);white-space:nowrap;border-radius:99px;flex:none;align-items:center;padding:2px 10px;font-size:11px;line-height:1.5;display:inline-flex}.project-filters{scrollbar-width:none;align-items:center;gap:8px;min-width:0;margin:-4px;padding:4px;display:flex;overflow-x:auto}.project-filters::-webkit-scrollbar{display:none}.filter-button{min-height:42px;color:var(--color-muted);white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:99px;align-items:center;gap:10px;padding:8px 16px;font-size:13px;transition:background .2s,color .2s,border-color .2s;display:inline-flex}.filter-count{color:var(--color-dim);font-variant-numeric:tabular-nums;font-size:11px}.filter-label-short{display:none}.filter-button:hover{color:var(--color-text-strong)}.filter-button.is-active{color:var(--color-text-strong);background:var(--color-panel-raised);border-color:var(--color-border-strong)}.filter-button.is-active .filter-count{color:var(--color-accent)}.motion-toggle{min-height:42px;color:var(--color-muted);background:0 0;border:0;flex:none;align-items:center;gap:9px;padding:8px 0 8px 12px;font-size:12px;display:flex}.motion-toggle:disabled{color:var(--color-dim)}.motion-toggle__indicator{border:1px solid var(--color-dim);border-radius:50%;width:7px;height:7px}.motion-toggle__indicator.is-active{background:var(--color-accent);border-color:var(--color-accent)}.project-card{flex-direction:column;min-width:0;display:flex}.project-card>.project-preview{flex-shrink:0}.project-preview{aspect-ratio:16/9;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--preview-bg,var(--color-panel));isolation:isolate;transition:border-color .3s;position:relative}.project-preview__link{border-radius:inherit;display:block;position:absolute;inset:0;overflow:hidden}.project-preview__link:focus-visible{outline-offset:5px}.project-preview__image{object-fit:var(--preview-fit,cover);object-position:var(--preview-position,center);width:100%;height:100%;transition:opacity .35s,filter .35s}.project-preview__video{opacity:0;pointer-events:none;transition:opacity .35s;position:absolute;inset:0}.project-preview__video video{object-fit:cover;width:100%;height:100%}.project-preview.is-playing .project-preview__video{opacity:1}.project-preview.is-playing .project-preview__image{opacity:0}.project-preview--portrait .project-preview__video video,.project-preview--case .project-preview__video video,.project-preview--case .project-preview__image{object-fit:contain}.project-preview--portrait.is-playing .project-preview__image{opacity:.18;filter:blur(8px)}.project-preview__open{color:#fff;opacity:0;width:36px;height:36px;transition:opacity .25s ease, transform .3s var(--ease-out);background:#07080abf;border-radius:50%;place-items:center;display:grid;position:absolute;top:14px;right:14px;transform:translate(-4px,4px)}.preview-toggle{z-index:2;color:#fff;background:#07080ad1;border:1px solid #ffffff3d;border-radius:50%;place-items:center;width:36px;height:36px;padding:0;transition:background .2s,opacity .2s;display:grid;position:absolute;bottom:12px;right:12px}.preview-toggle .app-icon{width:14px;height:14px}.preview-toggle:hover{background:#172d32}.project-preview__status{color:#fff;pointer-events:none;background:#07080acc;border-radius:99px;align-items:center;gap:7px;padding:4px 9px;font-size:10px;line-height:1.5;display:flex;position:absolute;bottom:17px;left:14px}.project-preview__status>span{background:var(--color-media-accent);border-radius:50%;width:4px;height:4px}.project-card__body{flex-direction:column;flex:1;padding:12px 3px 0;display:flex}.project-card__heading{justify-content:space-between;align-items:start;gap:12px;display:flex}.project-card__title{letter-spacing:-.015em;padding-top:1px;font-size:17px;font-weight:550;line-height:1.5}.project-card__title a:hover{color:var(--color-accent)}.project-card__type{color:var(--color-dim);margin-top:3px;font-size:13px}.project-card__summary{color:var(--color-muted);overflow-wrap:anywhere;text-wrap:pretty;margin-top:8px;font-size:14px;line-height:1.75}.media-figure{border-radius:var(--radius);margin:0;overflow:hidden}.media-figure--video{border:1px solid var(--color-border);background:var(--color-panel)}.media-figure .app-image{width:100%;height:auto}.media-figure .app-image--strip{object-fit:fill}.media-figure .app-video{background:var(--color-media-bg);position:relative}.media-figure video{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.media-caption{color:var(--color-dim);text-align:center;margin-top:8px;font-size:12px;line-height:1.6}.media-board{border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden}.media-board summary{cursor:pointer;list-style:none}.media-board summary::-webkit-details-marker{display:none}.media-board summary:focus-visible{outline-offset:-3px}.media-board .app-image.media-board__preview{object-fit:cover;object-position:top;height:clamp(220px,30vw,360px)}.media-board__bar{background:var(--color-panel-raised);color:var(--color-text-strong);justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;font-size:13px;display:flex}.media-board__expand,.media-board__collapse{color:var(--color-accent);white-space:nowrap;font-size:12px}.media-board__collapse,.media-board[open] .media-board__preview,.media-board[open] .media-board__expand{display:none}.media-board[open] .media-board__collapse{display:inline}.media-error{color:var(--color-muted);background:var(--color-panel);width:100%;padding:16px;font-size:13px;position:absolute;bottom:0}.content-block__h2{scroll-margin-top:var(--case-scroll-offset,calc(var(--topbar-height) + 96px));margin:36px 0 16px;font-size:clamp(22px,2.2vw,28px)}.content-block__h3{scroll-margin-top:var(--case-scroll-offset,calc(var(--topbar-height) + 96px));margin:24px 0 12px;font-size:18px}.content-block__text{max-width:72ch;color:var(--color-muted);overflow-wrap:anywhere;margin-bottom:16px;line-height:1.8}.content-block__title-image{object-fit:contain;object-position:left;width:auto;max-width:min(360px,100%);height:auto;max-height:72px;margin:20px 0 14px}.back-to-top{z-index:30;border:1px solid var(--color-border-strong);width:44px;height:44px;color:var(--color-text-strong);background:var(--color-panel-raised);opacity:0;pointer-events:none;transition:opacity .25s ease, transform .3s var(--ease-out), border-color .2s ease;border-radius:50%;place-items:center;padding:0;display:grid;position:fixed;bottom:24px;right:24px;transform:translateY(12px)}.back-to-top--visible{opacity:1;pointer-events:auto;transform:translateY(0)}.back-to-top:hover{border-color:var(--color-accent)}@media (hover:hover){.project-card:hover .project-preview{border-color:var(--color-border-strong)}.project-preview:hover .project-preview__open,.project-preview:focus-within .project-preview__open{opacity:1;transform:translate(0)}.project-preview .preview-toggle{opacity:0}.project-preview:hover .preview-toggle,.project-preview:focus-within .preview-toggle{opacity:1}}@media (width<=639px){.filter-label{display:none}.filter-label-short{display:inline}.filter-button{gap:8px;padding:8px 12px;font-size:12px}.preview-toggle{width:40px;height:40px}.project-card__title{font-size:17px}.project-card__summary{font-size:13px}.media-board__bar{padding:12px;font-size:12px}.back-to-top{bottom:16px;right:16px}}.collection-move,.collection-enter-active{transition:opacity .3s ease, transform .45s var(--ease-out)}.collection-enter-from{opacity:0;transform:translateY(12px)}.collection-leave-active{display:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.collection-enter-from{transform:none}}