:root{color-scheme:light;--body-background:#ebf5fc;--accent-color:#1f7ed4;--accent-color-darker:#17365f;--leftjun-primary:#0f7aff;--leftjun-primary-deep:#17365f;--leftjun-primary-soft:#0f7aff1f;--leftjun-radius-lg:22px;--leftjun-radius-md:16px;--leftjun-radius-sm:10px;--body-text-color:#748195;--card-background:#fff;--card-background-selected:#dcedfb;--card-text-color-main:#142033;--card-text-color-secondary:#6c788b;--card-text-color-tertiary:#8b98aa;--card-separator-color:#36577c29;--card-border-radius:22px;--card-padding:25px;--main-top-padding:44px;--right-sidebar-sticky-top:var(--main-top-padding);--section-separation:40px;--layout-column-gap:clamp(18px, 1.25vw, 24px);--content-item-gap:14px;--section-block-gap:var(--section-separation);--leftjun-layout-gutter:clamp(12px, 1.25vw, 24px);--leftjun-sidebar-width:clamp(226px, 14.1vw, 248px);--right-sidebar-max-width:clamp(240px, 15vw, 292px);--leftjun-column-gap:var(--layout-column-gap);--leftjun-hover-duration:.16s;--leftjun-hover-lift:-2px;--leftjun-hover-accent:#1f7ed4;--leftjun-hover-border:#1f7ed46b;--leftjun-hover-surface:#1f7ed417;--leftjun-hover-shadow:0 16px 34px #1f7ed429, 0 7px 18px #2a4c6c12;--leftjun-surface-shadow:0 18px 48px #2356881a;--leftjun-surface-shadow-soft:0 10px 26px #2356880f;--shadow-l1:0 10px 24px #2356881f;--shadow-l2:0 18px 42px #2356882e;--leftjun-page-wash:radial-gradient(circle at 7% 5%, #2f72b83d, transparent 34rem), radial-gradient(circle at 88% 12%, #00a8c433, transparent 31rem), radial-gradient(circle at 52% 92%, #5093de21, transparent 38rem), linear-gradient(180deg, #edf7ff 0%, #e3f1fb 48%, #f4f9ff 100%);--leftjun-reading-surface:#fffffffc;--leftjun-surface:#eff8fff0;--leftjun-surface-strong:#fafdfffb;--leftjun-surface-muted:#e4f2fdf0;--leftjun-hero-background:#eef8fff0;--leftjun-sidebar-background:#eef8fff0;--leftjun-neutral-card-background:var(--leftjun-surface-strong);--leftjun-game-card-background:#f4fbfffb;--leftjun-game-card-border:#1f7ed43b;--leftjun-embedded-card-background:#f2fdfcfb;--leftjun-embedded-card-border:#0f766e40;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei UI,Microsoft YaHei,Droid Sans,Helvetica Neue,sans-serif}:root[data-scheme=dark]{color-scheme:dark;--body-background:#171b1a;--accent-color:#8ab8ef;--accent-color-darker:#c9e3ff;--leftjun-primary:#5fa8ff;--leftjun-primary-deep:#d6ebff;--leftjun-primary-soft:#5fa8ff24;--body-text-color:#b8cadf;--card-background:#17242a;--card-background-selected:#8ab8ef1f;--card-text-color-main:#e7f4ff;--card-text-color-secondary:#b8cadf;--card-text-color-tertiary:#8fa6bd;--card-separator-color:#8ab8ef29;--leftjun-hover-accent:#8ab8ef;--leftjun-hover-border:#8ab8ef6b;--leftjun-hover-surface:#8ab8ef1a;--leftjun-hover-shadow:0 14px 34px #2760ae33, 0 10px 26px #0000002e;--leftjun-surface-shadow:0 16px 44px #00000038;--leftjun-surface-shadow-soft:0 8px 24px #00000029;--shadow-l1:0 12px 26px #0003;--shadow-l2:0 18px 42px #00000047;--leftjun-page-wash:radial-gradient(circle at 10% 8%, #6ac5b521, transparent 30rem), radial-gradient(circle at 86% 18%, #8ab8ef24, transparent 28rem), radial-gradient(circle at 52% 92%, #5093de14, transparent 32rem), #121b20;--leftjun-reading-surface:#121c21f0;--leftjun-surface:#162328e0;--leftjun-surface-strong:#1a2930f0;--leftjun-surface-muted:#13242be6;--leftjun-hero-background:#162429e6;--leftjun-sidebar-background:#142126e6;--leftjun-neutral-card-background:var(--leftjun-surface-strong);--leftjun-game-card-background:#162631f0;--leftjun-game-card-border:#8ab8ef3d;--leftjun-embedded-card-background:#142a27f0;--leftjun-embedded-card-border:#6ac5b540}*,:before,:after{box-sizing:border-box}html{background:var(--body-background);scroll-behavior:smooth;font-size:62.5%}body{background:var(--leftjun-page-wash);min-height:100vh;color:var(--body-text-color);letter-spacing:0;background-attachment:fixed;margin:0;font-size:1.62rem;line-height:1.15;overflow-x:hidden}::view-transition-old(root),::view-transition-new(root){animation-duration:.42s;animation-timing-function:cubic-bezier(.2,.84,.2,1)}html.theme-transition-running::view-transition-old(root){animation:none}html.theme-transition-running::view-transition-new(root){mix-blend-mode:normal;clip-path:circle(0 at var(--theme-transition-x,50vw) var(--theme-transition-y,50vh));animation:none}html.language-transition-running body{pointer-events:none}html.language-transition-exiting :is(.site-meta,.site-footer,.sidebar-portfolio-pdf,.mobile-social-language a span,.menu-label,.theme-toggle__label,.sidebar-collapse-toggle__label,.home-topbar a,.home-topbar input,.mobile-bottom-nav a span,.home-hero__content,.home-section__header,.project-card__content,.home-plan-card__main,.home-plan-card__actions,.article-details,.project-info-strip,.main-article :is(h1,h2,h3,h4,p,li,dt,dd,figcaption,blockquote),.right-sidebar){animation:.19s both leftjun-language-text-out}html.language-transition-entering :is(.site-meta,.site-footer,.sidebar-portfolio-pdf,.mobile-social-language a span,.menu-label,.theme-toggle__label,.sidebar-collapse-toggle__label,.home-topbar a,.home-topbar input,.mobile-bottom-nav a span,.home-hero__content,.home-section__header,.project-card__content,.home-plan-card__main,.home-plan-card__actions,.article-details,.project-info-strip,.main-article :is(h1,h2,h3,h4,p,li,dt,dd,figcaption,blockquote),.right-sidebar){animation:.72s cubic-bezier(.22,1,.36,1) both leftjun-language-text-in}.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}@keyframes leftjun-language-text-out{0%{opacity:1}36%{opacity:0}to{opacity:0}}@keyframes leftjun-language-text-in{0%{opacity:0}46%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none!important}}a{color:inherit;text-decoration:none}img,video{max-width:100%;display:block}button,input,select,textarea{font:inherit}button{-webkit-tap-highlight-color:transparent}.inline-icon{vertical-align:-4px;flex:none;width:18px;height:18px;display:inline-block}.inline-icon svg{stroke-width:1.8px;width:100%;height:100%;display:block}.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}.container{width:min(100%,1536px);margin-inline:auto}.main-container{align-items:flex-start;gap:var(--section-separation);min-height:100vh;padding:var(--main-top-padding) 15px 0}.flex{flex-direction:column;display:flex}.site-content-layout{gap:var(--section-block-gap);width:100%;min-width:0;display:grid}.site-content-layout.has-right-sidebar{align-items:start}main.main{gap:var(--section-block-gap);flex-direction:column;width:100%;min-width:0;max-width:100%;display:flex}.left-sidebar{--sidebar-avatar-size:120px;--emoji-size:40px;--emoji-font-size:20px;z-index:180;border:1px solid var(--card-separator-color);background:var(--leftjun-sidebar-background);width:100%;min-width:0;max-width:none;box-shadow:var(--leftjun-surface-shadow);backdrop-filter:blur(12px)saturate(1.12);border-radius:22px;flex-direction:column;flex-shrink:0;gap:3.75rem;padding:1.55rem;display:flex;position:relative}.sidebar-profile-card{display:contents}.brand{--brand-mark-size:40px;--brand-lockup-width:188px;width:min(var(--brand-lockup-width), 100%);height:48px;min-height:48px;color:inherit;box-shadow:none;background:0 0;border:0;flex-shrink:0;justify-content:flex-start;align-items:center;text-decoration:none;display:flex}.brand-logo{object-fit:contain;flex:none;max-width:100%;transition:opacity .18s,transform .18s;display:none}.brand-logo-mark{width:var(--brand-mark-size);aspect-ratio:4096/3855;height:auto}.brand-logo-lockup{width:min(var(--brand-lockup-width), 100%);object-fit:contain;max-width:100%;height:auto;display:none}.sidebar.is-expanded .brand-logo-lockup{transform-origin:0;display:block;transform:scale(1.545)translate(-18%)translateY(-11%)}.sidebar.is-collapsed .brand-logo-mark{display:block}.sidebar.is-collapsed .brand{justify-content:center;width:52px;height:46px;min-height:46px}.left-sidebar header{z-index:2;flex-direction:column;flex:none;gap:1.05rem;display:flex}.site-avatar{width:var(--sidebar-avatar-size);height:var(--sidebar-avatar-size);flex-shrink:0;margin:0;position:relative}.site-avatar .site-logo{object-fit:cover;width:100%;height:100%;transition:transform var(--leftjun-hover-duration) ease, box-shadow var(--leftjun-hover-duration) ease;border-radius:30px;box-shadow:0 14px 30px #26548433}.site-avatar a:hover .site-logo,.site-avatar a:focus-visible .site-logo{transform:translateY(-1px);box-shadow:0 18px 36px #2f72b82e}.site-avatar .emoji{z-index:2;width:var(--emoji-size);height:var(--emoji-size);border:4px solid var(--card-background);background:color-mix(in srgb, var(--accent-color) 10%, var(--card-background));font-size:var(--emoji-font-size);cursor:default;transition:transform var(--leftjun-hover-duration) ease, box-shadow var(--leftjun-hover-duration) ease;border-radius:999px;outline:none;place-items:center;display:grid;position:absolute;bottom:-3px;right:-3px;box-shadow:0 10px 26px #2f72b838}.site-avatar .status-tooltip{z-index:260;border:1px solid var(--card-separator-color);background:var(--card-background);width:max-content;min-width:150px;max-width:230px;color:var(--card-text-color-main);box-shadow:var(--shadow-l2);text-align:left;opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--leftjun-hover-duration) ease, transform var(--leftjun-hover-duration) ease, visibility var(--leftjun-hover-duration) ease;border-radius:12px;padding:10px 12px;line-height:1.45;position:absolute;top:50%;left:calc(100% + 16px);transform:translateY(-50%)translate(-8px)}.site-avatar .status-tooltip:before{content:"";border-left:1px solid var(--card-separator-color);border-bottom:1px solid var(--card-separator-color);background:var(--card-background);width:10px;height:10px;position:absolute;top:50%;left:-6px;transform:translateY(-50%)rotate(45deg)}.site-avatar .status-tooltip strong,.site-avatar .status-tooltip small{line-height:1.45;display:block}.site-avatar .status-tooltip strong{font-size:16px;font-weight:800}.site-avatar .status-tooltip small{color:var(--card-text-color-secondary);margin-top:5px;font-size:12.8px}.site-avatar .status-emoji:hover,.site-avatar .status-emoji:focus-visible{box-shadow:var(--shadow-l2);transform:translateY(-1px)scale(1.04)}.site-avatar .status-emoji:hover .status-tooltip,.site-avatar .status-emoji:focus-visible .status-tooltip{opacity:1;visibility:visible;transform:translateY(-50%)translate(0)}.site-meta{flex-direction:column;gap:.72rem;display:flex}.site-name{color:var(--card-text-color-main);margin:0;font-size:25.5px;font-weight:800;line-height:28.56px}.site-name a{color:inherit}.site-name a:hover,.site-name a:focus-visible{color:var(--leftjun-hover-accent)}.site-role-pill{border:1px solid color-mix(in srgb, #7c5cff 35%, var(--card-separator-color));background:linear-gradient(135deg, #7c5cff1f, #2f72b81a), color-mix(in srgb, var(--leftjun-surface-strong) 86%, transparent);width:fit-content;max-width:100%;min-height:2.3rem;color:color-mix(in srgb, #5b47d6 86%, var(--card-text-color-main));letter-spacing:0;border-radius:999px;justify-content:center;align-items:center;padding:.42rem .88rem;font-size:1.02rem;font-weight:800;line-height:1.1;display:inline-flex;box-shadow:0 8px 18px #2f72b814}:root[data-scheme=dark] .site-role-pill{color:#c8c0ff;background:linear-gradient(135deg,#8b77ff2e,#50a0dc1a),#ffffff0b;border-color:#a18eff6b;box-shadow:0 8px 18px #0000002e}.site-identity{border:1px solid color-mix(in srgb, var(--leftjun-hover-accent) 42%, var(--card-separator-color));background:color-mix(in srgb, var(--leftjun-hover-accent) 9%, var(--card-background));width:fit-content;max-width:100%;min-height:2.6rem;color:var(--leftjun-hover-accent);border-radius:999px;padding:.48rem .98rem;font-size:1.12rem;font-weight:800;line-height:1.1;box-shadow:0 6px 14px #2f72b814}.site-description{color:var(--body-text-color);margin:.08rem 0 0;font-size:clamp(1.35rem,1.35vw,1.55rem);font-weight:500;line-height:1.62}.sidebar-portfolio-pdf{flex-wrap:wrap;align-items:center;gap:.48rem;margin-top:.06rem;display:flex}.sidebar-portfolio-pdf a{white-space:nowrap;min-height:2.28rem;transition:transform var(--leftjun-hover-duration) ease, border-color var(--leftjun-hover-duration) ease, background var(--leftjun-hover-duration) ease, color var(--leftjun-hover-duration) ease, box-shadow var(--leftjun-hover-duration) ease;border-radius:999px;justify-content:center;align-items:center;gap:.42rem;font-size:.92rem;font-weight:820;line-height:1;display:inline-flex}.sidebar-portfolio-pdf__main{border:1px solid color-mix(in srgb, var(--leftjun-primary) 34%, var(--card-separator-color));background:linear-gradient(135deg, color-mix(in srgb, var(--leftjun-primary) 18%, transparent), #48bba81f), color-mix(in srgb, var(--leftjun-surface-strong) 92%, transparent);color:var(--leftjun-primary);padding:.48rem .84rem;box-shadow:0 10px 22px #0f7aff1c}.sidebar-portfolio-pdf__download{border:1px solid color-mix(in srgb, var(--leftjun-primary) 20%, var(--card-separator-color));background:color-mix(in srgb, var(--leftjun-primary) 8%, var(--leftjun-surface-strong));color:color-mix(in srgb, var(--leftjun-primary-deep) 72%, var(--leftjun-primary));padding:.48rem .72rem}.sidebar-portfolio-pdf a:hover,.sidebar-portfolio-pdf a:focus-visible{transform:translateY(var(--leftjun-hover-lift));border-color:var(--leftjun-hover-border);background:var(--leftjun-hover-surface);box-shadow:var(--leftjun-hover-shadow);color:var(--leftjun-hover-accent)}:root[data-scheme=dark] .sidebar-portfolio-pdf__main{color:#8ab8ef;background:linear-gradient(135deg,#5fa8ff33,#48bba81f),#ffffff0d;border-color:#8ab8ef61;box-shadow:0 10px 22px #0003}:root[data-scheme=dark] .sidebar-portfolio-pdf__download{color:#c8def8;background:#8ab8ef14;border-color:#8ab8ef47}.menu-social{flex-wrap:wrap;flex:none;gap:.55rem;margin:0;padding:0;list-style:none;display:flex}.mobile-sidebar-search,.mobile-social-language,.project-detail-mobile-actions{display:none}.menu-social li a{border:1px solid var(--card-separator-color);background:var(--leftjun-surface-strong);width:3.4rem;height:3.4rem;color:var(--card-text-color-secondary);transition:transform var(--leftjun-hover-duration) ease, border-color var(--leftjun-hover-duration) ease, color var(--leftjun-hover-duration) ease, background var(--leftjun-hover-duration) ease, box-shadow var(--leftjun-hover-duration) ease;border-radius:999px;place-items:center;display:grid;box-shadow:0 7px 16px #2356880f}:root[data-scheme=dark] .menu-social li a{background:#ffffff0d}.menu-social li a:hover,.menu-social li a:focus-visible{transform:translateY(var(--leftjun-hover-lift));border-color:var(--leftjun-hover-border);background:var(--leftjun-hover-surface);box-shadow:var(--leftjun-hover-shadow);color:var(--leftjun-hover-accent)}#main-menu{min-height:0;box-shadow:none;background:0 0;flex-direction:column;flex:auto;gap:6px;margin:0;padding:0 3px 0 0;list-style:none;display:flex;overflow:hidden auto}#main-menu::-webkit-scrollbar{width:5px}#main-menu::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--leftjun-hover-accent) 28%, transparent);border-radius:999px}#main-menu li>a,#i18n-switch,#dark-mode-toggle{width:100%;min-height:3.7rem;color:var(--body-text-color);transition:transform var(--leftjun-hover-duration) ease, border-color var(--leftjun-hover-duration) ease, background-color var(--leftjun-hover-duration) ease, background var(--leftjun-hover-duration) ease, color var(--leftjun-hover-duration) ease, box-shadow var(--leftjun-hover-duration) ease;background:0 0;border:0;border-radius:12px;align-items:center;gap:40px;padding:.76rem 1.05rem;font-size:14px;font-weight:400;line-height:1.15;display:flex}#main-menu li>a:hover,#main-menu li>a:focus-visible,#main-menu li.current>a,#i18n-switch:hover,#i18n-switch:focus-visible{background:var(--leftjun-hover-surface);color:var(--leftjun-hover-accent);font-weight:700;transform:translate(2px)}.sidebar-bottom-actions{flex:none;gap:7.5px;margin-top:auto;padding-top:7px;display:grid}#dark-mode-toggle{appearance:none;border:1px solid color-mix(in srgb, var(--leftjun-hover-accent) 18%, var(--card-separator-color));border-color:color-mix(in srgb, var(--leftjun-hover-accent) 18%, var(--card-separator-color));background:var(--leftjun-surface-strong);min-height:39px;box-shadow:var(--leftjun-surface-shadow-soft);color:var(--card-text-color-main);cursor:pointer;border-radius:999px;justify-content:center;gap:7px;font-size:16px;line-height:18.4px}:root[data-scheme=dark] #dark-mode-toggle,:root[data-scheme=dark] #sidebar-collapse-toggle{border-color:color-mix(in srgb, var(--leftjun-hover-accent) 28%, var(--card-separator-color));color:var(--leftjun-hover-accent);background:#8ab8ef1a}#dark-mode-toggle:hover,#dark-mode-toggle:focus-visible{transform:translateY(var(--leftjun-hover-lift));border-color:var(--leftjun-hover-border);background:var(--leftjun-hover-surface);box-shadow:var(--leftjun-hover-shadow);color:var(--leftjun-hover-accent)}#sidebar-collapse-toggle{appearance:none;border:1px solid color-mix(in srgb, var(--leftjun-hover-accent) 18%, var(--card-separator-color));background:var(--leftjun-surface-strong);width:100%;min-height:39px;box-shadow:var(--leftjun-surface-shadow-soft);color:var(--card-text-color-main);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:7px;font-size:16px;line-height:18.4px;display:none}#sidebar-collapse-toggle:hover,#sidebar-collapse-toggle:focus-visible{transform:translateY(var(--leftjun-hover-lift));border-color:var(--leftjun-hover-border);background:var(--leftjun-hover-surface);box-shadow:var(--leftjun-hover-shadow);color:var(--leftjun-hover-accent)}.sidebar-collapse-toggle__label{white-space:nowrap}.theme-toggle__icon{place-items:center;width:1.35rem;height:1.35rem;display:inline-grid;position:relative}.theme-toggle__icon .inline-icon{width:1.25rem;height:1.25rem;transition:opacity var(--leftjun-hover-duration) ease, transform var(--leftjun-hover-duration) ease;grid-area:1/1;display:block!important}#dark-mode-toggle[data-scheme-state=light] .theme-toggle__icon .inline-icon:first-child,#dark-mode-toggle[data-scheme-state=dark] .theme-toggle__icon .inline-icon:last-child{opacity:1;transform:scale(1)rotate(0)}#dark-mode-toggle[data-scheme-state=light] .theme-toggle__icon .inline-icon:last-child,#dark-mode-toggle[data-scheme-state=dark] .theme-toggle__icon .inline-icon:first-child{opacity:0;transform:scale(.72)rotate(-18deg)}.theme-toggle__label{font-weight:900}.hamburger{display:none}.section-card,.section-hero,.home-hero,.home-stats,.article-list--compact,.main-article,.project-card,.home-workflow__item,.home-plan-card,.project-info-strip,.right-sidebar .widget{border:1px solid var(--card-separator-color);background:var(--leftjun-surface);box-shadow:var(--leftjun-surface-shadow-soft);backdrop-filter:blur(8px);border-radius:22px}.section-card,.section-hero{padding:var(--card-padding);gap:2rem;display:grid}.section-card{transition:transform var(--leftjun-hover-duration) ease, box-shadow var(--leftjun-hover-duration) ease, border-color var(--leftjun-hover-duration) ease}.section-card:hover,.section-card:focus-within{transform:translateY(var(--leftjun-hover-lift));border-color:var(--leftjun-hover-border);box-shadow:var(--leftjun-hover-shadow)}.section-title{color:var(--card-text-color-secondary);margin:0 0 1rem;font-size:1.6rem;font-weight:700;line-height:1.15}.records-section{gap:1rem;margin-top:0;display:grid}.records-section[hidden]{display:none!important}.records-section__header{justify-content:space-between;align-items:end;gap:1rem;display:flex}.records-section__header h2{color:var(--card-text-color-main);letter-spacing:0;margin:0;font-size:clamp(1.75rem,2.4vw,2.35rem);font-weight:850;line-height:1.08}.records-section__eyebrow{color:var(--card-text-color-secondary);margin:0 0 .28rem;font-size:.9rem;font-weight:760}.records-section__header>span{background:var(--leftjun-primary-soft);min-width:3rem;min-height:2rem;color:var(--leftjun-primary);white-space:nowrap;border-radius:999px;place-items:center;padding:.28rem .72rem;font-size:.86rem;font-weight:780;display:inline-grid}.records-section__list{margin:0}.section-details{flex-direction:column;gap:.8rem;display:flex}.section-count,.section-term,.section-description{margin:0}.section-count,.home-hero__eyebrow,.home-section__eyebrow{color:var(--card-text-color-tertiary);letter-spacing:0;text-transform:uppercase;font-size:1.4rem;font-weight:700;line-height:1.15}.section-term{color:var(--card-text-color-main);font-size:22px;font-weight:700;line-height:25.3px}.section-description{max-width:780px;color:var(--card-text-color-secondary);font-size:1.6rem;font-weight:400;line-height:1.15}.home-hero{isolation:isolate;min-height:clamp(430px,31vw,500px);color:var(--card-text-color-main);background:linear-gradient(110deg,#fffffff2 0%,#f6fbffe6 42%,#e4f0fa85 100%),radial-gradient(circle at 16% 16%,#0f7aff1f,#0000 34rem);border:0;border-radius:28px;padding:clamp(3rem,4.35vw,6.1rem);display:block;position:relative;overflow:hidden;box-shadow:0 24px 58px #2356881c}.home-hero:before,.home-hero:after{content:"";z-index:1;pointer-events:none;position:absolute;inset:0}.home-hero:after{opacity:.92;background:linear-gradient(#ffffff4d,#0000 19%),linear-gradient(#0000 74%,#f9fdff94),radial-gradient(circle at 72% 84%,#0f7aff14,#0000 26rem)}:root[data-scheme=dark] .home-hero{color:var(--card-text-color-main);background:linear-gradient(110deg,#141f25f5 0%,#111d24eb 44%,#0e181fbd 100%),radial-gradient(circle at 16% 16%,#5fa8ff24,#0000 34rem);box-shadow:0 26px 66px #00000047}:root[data-scheme=dark] .home-hero:after{background:linear-gradient(#ffffff0d,#0000 24%),linear-gradient(#0000 72%,#121d2485),radial-gradient(circle at 72% 84%,#5fa8ff1c,#0000 26rem)}.home-hero__content{z-index:3;align-content:center;gap:1rem;max-width:51rem;min-height:calc(clamp(430px,31vw,500px) - clamp(6rem,8.7vw,12.2rem));display:grid;position:relative}.home-hero__eyebrow,.home-section__eyebrow{margin:0 0 .65rem}.home-hero .home-hero__eyebrow{color:color-mix(in srgb, var(--card-text-color-main) 84%, var(--leftjun-primary));text-transform:none;margin:0;font-size:clamp(1.22rem,1vw,1.44rem);font-weight:820}.home-hero__title{color:var(--card-text-color-main);text-wrap:balance;margin:0;font-size:clamp(5.5rem,6vw,8.4rem);font-weight:900;line-height:.92}.home-hero__role{color:var(--leftjun-primary);margin:-.25rem 0 0;font-size:clamp(2.25rem,2.05vw,2.92rem);font-weight:820;line-height:1.12}.home-hero__subtitle{max-width:38rem;color:var(--card-text-color-secondary);margin:0;font-size:clamp(1.55rem,1.22vw,1.82rem);font-weight:560;line-height:1.45}.home-hero__skills,.project-detail-pills,.project-info-strip__tech div{flex-wrap:wrap;gap:.55rem;display:flex}.home-hero__skills span,.project-detail-pills span,.project-info-strip__tech strong{border-radius:999px;align-items:center;min-height:2rem;font-size:.9rem;font-weight:800;line-height:1;display:inline-flex}.home-hero__skills span{color:var(--card-text-color-secondary);background:#ffffffad;padding:.42rem .78rem;box-shadow:inset 0 0 0 1px #2f72b81f,0 5px 12px #2356880f}:root[data-scheme=dark] .home-hero__skills span{color:#d5eaff;background:#ffffff14;box-shadow:inset 0 0 0 1px #8ab8ef26}.home-hero__summary-list{display:none}.home-hero__summary{opacity:0;pointer-events:none;grid-area:1/1;align-content:start;gap:.52rem;transition:opacity .36s,transform .36s;display:grid;transform:translate(-.65rem)}.home-hero__summary.is-active{opacity:1;pointer-events:auto;transform:translate(0)}.home-hero__summary span{color:var(--leftjun-primary);font-size:.86rem;font-weight:850}.home-hero__summary strong{color:var(--card-text-color-main);font-size:clamp(1.35rem,1.55vw,1.85rem);line-height:1.12}.home-hero__summary small{max-width:36rem;color:var(--card-text-color-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.94rem;line-height:1.45;display:-webkit-box;overflow:hidden}.home-hero__summary-tags{flex-wrap:wrap;gap:.45rem;display:flex}.home-hero__summary-tags em{background:var(--leftjun-primary-soft);min-height:1.72rem;color:color-mix(in srgb, var(--leftjun-primary-deep) 82%, var(--leftjun-primary));border-radius:999px;align-items:center;padding:.32rem .62rem;font-size:.78rem;font-style:normal;font-weight:780;display:inline-flex}.home-hero__stage{z-index:0;aspect-ratio:auto;border-radius:inherit;width:100%;min-width:0;height:100%;box-shadow:none;touch-action:pan-y;user-select:none;background:0 0;border:0;position:absolute;inset:0;overflow:hidden}:root[data-scheme=dark] .home-hero__stage{box-shadow:none;background:0 0}.home-hero__slide{opacity:0;pointer-events:none;transition:opacity .45s,transform .45s;position:absolute;inset:0;transform:translate(1.2rem)scale(.992)}.home-hero__slide.is-active{opacity:1;pointer-events:auto;transform:translate(0)scale(1)}.home-hero__stage.is-swiping .home-hero__slide{transition-duration:.24s}.home-hero__media-link,.home-hero__media-blur,.home-hero__media-frame{display:block;position:absolute;inset:0}.home-hero__media-link{color:inherit;overflow:hidden}.home-hero__media-link:before{content:"";z-index:3;pointer-events:none;background:linear-gradient(90deg,#f8fcfffc 0%,#f8fcffe6 38%,#f8fcff2e 72%,#0000 100%);width:min(52%,46rem);position:absolute;inset:0 auto 0 0}:root[data-scheme=dark] .home-hero__media-link:before{background:linear-gradient(90deg,#111d24fa 0%,#111d24c7 38%,#111d2424 72%,#0000 100%)}.home-hero__media-blur{z-index:0;opacity:.38}.home-hero__media-blur img{object-fit:cover;filter:blur(24px)saturate(1.08);width:100%;height:100%;transform:scale(1.08)}.home-hero__media-frame{z-index:1;justify-content:flex-end;align-items:stretch;display:flex}.home-hero__media-frame img,.home-hero__media-frame video{object-fit:contain;object-position:center right;width:auto;max-width:86%;height:100%}@media (prefers-reduced-motion:reduce){.home-hero__slide,.home-hero__summary{transition:none}}.home-hero__dots{z-index:5;filter:drop-shadow(0 2px 5px #0f172a47);gap:.5rem;display:flex;position:absolute;bottom:clamp(1.05rem,1.6vw,1.7rem);left:50%;transform:translate(-50%)}.home-hero__dots button{backdrop-filter:blur(10px);cursor:pointer;background:#ffffffad;border:0;border-radius:999px;width:1.72rem;height:.5rem;padding:0;transition:width .2s,background-color .2s,transform .2s;box-shadow:0 0 0 1px #ffffff6b,0 6px 14px #0f172a1f}.home-hero__dots button[aria-current=true]{background:#fffffff2;width:2.45rem;box-shadow:0 0 0 1px #ffffffb8,0 8px 18px #0f172a29}.home-hero__dots button:hover,.home-hero__dots button:focus-visible{background:#ffffffe6;outline:none;transform:translateY(-1px)}:root[data-scheme=dark] .home-hero__dots button{background:#ffffff80;box-shadow:0 0 0 1px #ffffff3d,0 8px 18px #00000038}:root[data-scheme=dark] .home-hero__dots button[aria-current=true],:root[data-scheme=dark] .home-hero__dots button:hover,:root[data-scheme=dark] .home-hero__dots button:focus-visible{background:#fffffff0}.home-hero__dots button span{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.home-hero__nav{z-index:6;color:#172033;cursor:pointer;opacity:0;pointer-events:none;backdrop-filter:blur(12px);background:#ffffffbd;border:1px solid #ffffff94;border-radius:999px;place-items:center;width:3rem;height:3rem;padding:0;transition:opacity .2s,transform .2s,background-color .2s,color .2s;display:grid;position:absolute;top:50%;transform:translateY(-50%)scale(.96);box-shadow:0 12px 28px #0f172a29}.home-hero__nav--prev{left:clamp(.8rem,1.5vw,1.4rem)}.home-hero__nav--next{right:clamp(.8rem,1.5vw,1.4rem)}.home-hero__nav .inline-icon,.home-hero__nav svg{width:1.45rem;height:1.45rem}.home-hero__stage:hover .home-hero__nav,.home-hero__stage:focus-within .home-hero__nav,.home-hero__nav:focus-visible{opacity:1;pointer-events:auto;transform:translateY(-50%)scale(1)}.home-hero__nav:hover,.home-hero__nav:focus-visible{color:var(--leftjun-hover-accent);background:#fffffff0;outline:none}:root[data-scheme=dark] .home-hero__nav{color:#e7f4ff;background:#14202ab3;border-color:#ffffff2e;box-shadow:0 14px 30px #00000052}:root[data-scheme=dark] .home-hero__nav:hover,:root[data-scheme=dark] .home-hero__nav:focus-visible{color:#8ab8ef;background:#182a37eb}.home-stats{backdrop-filter:blur(18px)saturate(1.1);background:#fffc;border:0;border-radius:22px;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:.86rem;display:grid;box-shadow:0 18px 42px #23568814}.home-stat{border-right:0;grid-template-columns:auto auto;grid-template-areas:"icon value""icon label""icon detail";justify-content:center;align-items:center;gap:.18rem .78rem;min-width:0;padding:.95rem 1rem;display:grid;position:relative}.home-stat:not(:last-child):after{content:"";background:linear-gradient(#0000,#36577c2e,#0000);border-radius:999px;width:1px;height:56%;position:absolute;top:22%;right:0}.home-stat .inline-icon{width:2.35rem;height:2.35rem;color:var(--leftjun-primary);grid-area:icon}.home-stat strong{color:var(--card-text-color-main);grid-area:value;font-size:clamp(2.1rem,2.3vw,3rem);line-height:1}.home-stat span{color:var(--card-text-color-secondary);grid-area:label;font-size:1.03rem;font-weight:850;line-height:1.2}.home-stat small{color:var(--card-text-color-tertiary);grid-area:detail;font-size:.84rem;font-weight:700;line-height:1.25}:root[data-scheme=dark] .home-stats{background:#14222ad1;box-shadow:0 20px 48px #0000003d}:root[data-scheme=dark] .home-stat{border-right-color:#0000}:root[data-scheme=dark] .home-stat:not(:last-child):after{background:linear-gradient(#0000,#8ab8ef2e,#0000)}.home-hero__actions,.project-links__list{flex-wrap:wrap;gap:.75rem;display:flex}.home-hero__scroll{z-index:6;width:max-content;color:color-mix(in srgb, var(--card-text-color-secondary) 86%, var(--leftjun-primary));opacity:.76;filter:drop-shadow(0 2px 8px #ffffff80);transition:opacity var(--leftjun-hover-duration) ease, transform var(--leftjun-hover-duration) ease, color var(--leftjun-hover-duration) ease;flex-direction:column;align-items:center;gap:.2rem;margin:0;font-size:.82rem;font-weight:820;display:inline-flex;position:absolute;bottom:clamp(2.15rem,2.2vw,2.85rem);left:50%;transform:translate(-50%)}.home-hero__scroll .inline-icon{width:15px;height:15px;transform:rotate(90deg)}.home-hero__scroll:hover,.home-hero__scroll:focus-visible{color:var(--leftjun-primary);opacity:1;outline:none;transform:translate(-50%)translateY(1px)}.home-action,.project-links__button,.action-button{border:1px solid var(--card-separator-color);min-height:33.3px;color:var(--card-text-color-main);transition:transform var(--leftjun-hover-duration) ease, border-color var(--leftjun-hover-duration) ease, background var(--leftjun-hover-duration) ease, color var(--leftjun-hover-duration) ease, box-shadow var(--leftjun-hover-duration) ease;background:#fff9;border-radius:999px;justify-content:center;align-items:center;gap:4.5px;padding:6.8px 10px;font-size:16px;font-weight:700;line-height:18.4px;display:inline-flex}.home-action:hover,.home-action:focus-visible,.project-links__button:hover,.project-links__button:focus-visible,.action-button:hover,.action-button:focus-visible{transform:translateY(var(--leftjun-hover-lift));border-color:var(--leftjun-hover-border);background:var(--leftjun-hover-surface);box-shadow:var(--leftjun-hover-shadow);color:var(--leftjun-hover-accent)}.home-action--primary,.action-button.primary{border-color:color-mix(in srgb, var(--accent-color) 42%, transparent);color:#fff;background:linear-gradient(135deg,#17365f,#2f72b8)}.home-action--primary:hover,.home-action--primary:focus-visible,.action-button.primary:hover,.action-button.primary:focus-visible{color:#fff}:root[data-scheme=dark] .home-action:not(.home-action--primary),:root[data-scheme=dark] .project-links__button,:root[data-scheme=dark] .action-button:not(.primary){color:#d5eaff;background:#8ab8ef14;border-color:#8ab8ef38}:root[data-scheme=dark] .home-action:not(.home-action--primary):hover,:root[data-scheme=dark] .home-action:not(.home-action--primary):focus-visible,:root[data-scheme=dark] .project-links__button:hover,:root[data-scheme=dark] .project-links__button:focus-visible,:root[data-scheme=dark] .action-button:not(.primary):hover,:root[data-scheme=dark] .action-button:not(.primary):focus-visible{color:#e7f4ff;background:#8ab8ef24;border-color:#8ab8ef6b}.home-section{gap:var(--content-item-gap);display:grid}@media (width>=768px){body.home-page .main-container{padding-top:0}}.home-page .site-footer{order:20}.home-topbar{z-index:90;background:color-mix(in srgb, var(--leftjun-surface-strong) 70%, transparent);backdrop-filter:blur(22px)saturate(1.16);border-radius:0 0 20px 20px;justify-content:space-between;align-items:center;gap:1rem;min-height:54px;padding:.55rem clamp(1.35rem,1.8vw,2rem);display:flex;position:sticky;top:0;box-shadow:0 10px 26px #2356880b}:root[data-scheme=dark] .home-topbar{background:#121e26c7;box-shadow:0 12px 32px #0000002e}.home-topbar__nav,.home-topbar__tools{align-items:center;gap:clamp(.78rem,1.2vw,1.35rem);display:flex}.home-topbar__nav a{min-height:34px;color:var(--card-text-color-main);align-items:center;font-size:.98rem;font-weight:840;line-height:1;display:inline-flex;position:relative}.home-topbar__nav a:after{content:"";background:var(--leftjun-primary);opacity:0;border-radius:999px;width:1.55rem;height:2.2px;transition:opacity .16s,transform .16s;position:absolute;bottom:1px;left:0;right:auto;transform:scaleX(.42)}.home-topbar__nav a:hover:after,.home-topbar__nav a:focus-visible:after,.home-topbar__nav a.is-active:after{opacity:1;transform:scaleX(1)}.home-topbar__search{width:min(30vw,334px);min-width:244px;min-height:38px;color:var(--card-text-color-tertiary);background:#ffffffb8;border-radius:999px;align-items:center;gap:.7rem;padding:0 .8rem 0 1rem;display:flex;position:relative;box-shadow:inset 0 0 0 1px #36577c1a,0 7px 18px #2356880e}:root[data-scheme=dark] .home-topbar__search{background:#ffffff0f;box-shadow:inset 0 0 0 1px #8ab8ef29,0 10px 24px #0000002e}.home-topbar__search .inline-icon{width:17px;height:17px;color:color-mix(in srgb, var(--card-text-color-secondary) 82%, var(--leftjun-primary))}.home-topbar__search input{width:100%;min-width:0;color:var(--card-text-color-main);background:0 0;border:0;outline:none;font-size:.98rem;font-weight:650}.home-topbar__search input::placeholder{color:var(--card-text-color-tertiary)}.home-topbar__results{z-index:160;backdrop-filter:blur(18px)saturate(1.16);background:#fffffff5;border-radius:22px;width:min(580px,88vw);max-height:min(68vh,560px);padding:.78rem;position:absolute;top:calc(100% + .72rem);right:0;overflow:auto;box-shadow:0 24px 56px #2356882e}:root[data-scheme=dark] .home-topbar__results{background:#121e26f5;box-shadow:0 24px 56px #00000057}.home-topbar__result,.home-topbar__empty{border-radius:15px;gap:.34rem;padding:1.12rem 1.22rem;display:grid}.home-topbar__result:hover,.home-topbar__result:focus-visible{background:color-mix(in srgb, var(--leftjun-primary) 9%, transparent);outline:none}.home-topbar__result-section{color:var(--leftjun-primary);font-size:1rem;font-weight:900}.home-topbar__result strong{color:var(--card-text-color-main);font-size:1.42rem;line-height:1.22}.home-topbar__result small,.home-topbar__result em,.home-topbar__empty{color:var(--card-text-color-secondary);font-size:1.14rem;font-style:normal;line-height:1.45}.home-topbar__result small{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.home-topbar__result em{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.home-topbar__theme,.home-topbar__github{width:40px;height:40px;color:var(--card-text-color-main);cursor:pointer;transition:transform var(--leftjun-hover-duration) ease, box-shadow var(--leftjun-hover-duration) ease, background var(--leftjun-hover-duration) ease, color var(--leftjun-hover-duration) ease;background:#ffffffc2;border:0;border-radius:999px;place-items:center;display:grid;box-shadow:inset 0 0 0 1px #36577c1a,0 8px 20px #2356880f}.home-topbar__portfolio-pdf{background:linear-gradient(135deg, color-mix(in srgb, var(--leftjun-primary) 16%, transparent), #48bba81a), #ffffffc2;min-height:40px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--leftjun-primary) 22%, #36577c1a), 0 8px 20px #0f7aff14;color:var(--leftjun-primary);white-space:nowrap;transition:transform var(--leftjun-hover-duration) ease, box-shadow var(--leftjun-hover-duration) ease, background var(--leftjun-hover-duration) ease, color var(--leftjun-hover-duration) ease;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:0 1rem;font-size:.95rem;font-weight:850;line-height:1;display:inline-flex}.home-topbar__portfolio-pdf .inline-icon{width:17px;height:17px}.home-topbar__portfolio-pdf:hover,.home-topbar__portfolio-pdf:focus-visible{background:var(--leftjun-hover-surface);box-shadow:var(--leftjun-hover-shadow);color:var(--leftjun-hover-accent);outline:none;transform:translateY(-1px)}:root[data-scheme=dark] .home-topbar__portfolio-pdf{color:#8ab8ef;background:linear-gradient(135deg,#5fa8ff2e,#48bba81a),#ffffff12;box-shadow:inset 0 0 0 1px #8ab8ef3d,0 10px 24px #0000002e}.home-topbar__theme:hover,.home-topbar__theme:focus-visible,.home-topbar__github:hover,.home-topbar__github:focus-visible{background:color-mix(in srgb, var(--leftjun-primary) 8%, #fff);box-shadow:var(--leftjun-hover-shadow);color:var(--leftjun-primary);outline:none;transform:translateY(-1px)}:root[data-scheme=dark] .home-topbar__theme,:root[data-scheme=dark] .home-topbar__github{background:#ffffff12;box-shadow:inset 0 0 0 1px #8ab8ef26,0 10px 24px #0000002e}.home-topbar__theme-icon{place-items:center;display:grid}.home-topbar__theme-icon .inline-icon{grid-area:1/1}.home-topbar__theme-icon .inline-icon:last-child,.home-topbar__theme[data-scheme-state=dark] .home-topbar__theme-icon .inline-icon:first-child{opacity:0}.home-topbar__theme[data-scheme-state=dark] .home-topbar__theme-icon .inline-icon:last-child{opacity:1}.home-dashboard{grid-template-columns:minmax(0,1.58fr) minmax(330px,.78fr);align-items:start;gap:clamp(1.45rem,1.75vw,2.25rem);display:grid}.home-dashboard .home-section{min-width:0}.home-section__header{justify-content:space-between;align-items:end;gap:16px;display:flex}.home-section__header--with-link{align-items:flex-end}.home-section__header--with-link>div:first-child{min-width:0}.home-section__header h2{color:var(--card-text-color-main);margin:4px 0 0;font-size:clamp(1.55rem,1.78vw,2rem);line-height:1.2}.home-section__link{color:#0a84ff;white-space:nowrap;justify-content:flex-end;align-items:center;gap:5px;font-size:clamp(1.16rem,1vw + .16rem,1.36rem);font-weight:850;line-height:1;text-decoration:none;transition:color .18s,transform .18s;display:inline-flex}.home-section__link .inline-icon{width:17px;height:17px;transition:transform .18s}.home-section__link:hover,.home-section__link:focus-visible{color:var(--leftjun-hover-accent);transform:translate(1px)}.home-section__link:hover .inline-icon,.home-section__link:focus-visible .inline-icon{transform:translate(3px)}.home-project-grid,.home-plan-grid,.project-list{gap:var(--content-item-gap);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.home-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-dashboard .home-project-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.home-dashboard .home-plan-grid{grid-template-columns:1fr}.home-dashboard .home-development-plans{backdrop-filter:blur(18px)saturate(1.1);background:#ffffffb8;border:0;border-radius:24px;height:100%;padding:clamp(1.55rem,1.72vw,2.05rem);box-shadow:0 20px 48px #23568814}.home-dashboard .home-plan-card{border:0;border-left:1px solid color-mix(in srgb, var(--leftjun-primary) 20%, transparent);min-height:0;box-shadow:none;background:0 0;border-radius:0;padding:0 0 1.05rem 1.35rem}.home-dashboard .home-plan-card:before{content:"";border:2px solid var(--leftjun-surface-strong);background:var(--leftjun-primary);width:.7rem;height:.7rem;box-shadow:0 0 0 4px var(--leftjun-primary-soft);border-radius:999px;position:absolute;top:.22rem;left:-.35rem}.home-dashboard .home-plan-card:hover,.home-dashboard .home-plan-card:focus-within{border-color:color-mix(in srgb, var(--leftjun-primary) 34%, var(--card-separator-color));box-shadow:none;background:0 0;transform:none}.home-dashboard .home-plan-card__actions{display:none}.home-project-grid .project-card{backdrop-filter:blur(12px)saturate(1.06);background:#ffffffd1;border:0;border-radius:18px;box-shadow:0 16px 38px #23568813}.home-project-grid .project-card:hover,.home-project-grid .project-card:focus-within{transform:translateY(-4px);box-shadow:0 24px 52px #1f7ed421,0 10px 24px #2a4c6c12}:root[data-scheme=dark] .home-project-grid .project-card{background:#16242ed1;box-shadow:0 18px 42px #0000003d}.home-project-grid .project-card__image{border-radius:0}.home-project-grid .project-card__title{font-size:1.52rem;font-weight:850}.home-project-grid .project-card__description{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:3em;font-size:.94rem;display:-webkit-box;overflow:hidden}.home-project-grid .project-card__roles{display:none}.home-project-grid .project-card__tags{gap:.42rem;margin-top:.78rem}.home-project-grid .project-card__tag{min-height:1.62rem;padding:.32rem .6rem;font-size:.72rem;font-weight:760}.home-project-grid .project-card__meta{color:var(--card-text-color-tertiary);flex-wrap:wrap;gap:.35rem;margin:.8rem 2rem 0 0;font-size:.82rem;font-weight:760;line-height:1.3;display:flex}.home-project-grid .project-card a{position:relative}.home-project-grid .project-card a:after{content:"›";background:color-mix(in srgb, var(--leftjun-primary) 8%, var(--leftjun-surface-strong));width:1.55rem;height:1.55rem;color:var(--leftjun-primary);transition:transform var(--leftjun-hover-duration) ease, background var(--leftjun-hover-duration) ease;border-radius:999px;place-items:center;font-size:1.28rem;font-weight:900;line-height:1;display:grid;position:absolute;bottom:.88rem;right:1.04rem}.home-project-grid .project-card:hover a:after,.home-project-grid .project-card:focus-within a:after{background:var(--leftjun-primary);color:#fff;transform:translate(1px)}.home-post-list{--compact-image-width:74px;box-shadow:none;background:0 0;border:0;border-radius:0;grid-template-columns:repeat(4,minmax(0,1fr));gap:.86rem;display:grid;overflow:visible}.home-post-list .post-card>a{backdrop-filter:blur(12px)saturate(1.05);background:#ffffffc7;border:0;border-radius:16px;flex-direction:row-reverse;align-items:center;gap:.78rem;min-height:92px;padding:.65rem;box-shadow:0 14px 34px #2356880f}.home-post-list .article-details{gap:.36rem;min-width:0;padding:.12rem .1rem}.home-post-list .compact-title-row{gap:.36rem;display:grid}.home-post-list .article-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:1.02rem;font-weight:820;line-height:1.34;display:-webkit-box;overflow:hidden}.home-post-list .compact-subtitle{display:none}.home-post-list .compact-pill-list{justify-content:flex-start;margin-left:0}.home-post-list .compact-pill{text-overflow:ellipsis;max-width:100%;overflow:hidden}.home-post-list .article-time{font-size:.78rem;font-weight:750}.home-post-list .article-image{width:var(--compact-image-width);height:var(--compact-image-width);flex-basis:var(--compact-image-width);aspect-ratio:1;border-radius:10px}.home-workflow__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.home-workflow__item{--liquid-x:var(--cursor-x,50%);--liquid-y:var(--cursor-y,50%);z-index:0;box-shadow:var(--leftjun-surface-shadow-soft), inset 0 1px 0 #ffffffb3;backdrop-filter:blur(16px)saturate(1.18);transition:background var(--leftjun-hover-duration) ease, box-shadow var(--leftjun-hover-duration) ease;background:linear-gradient(145deg,#f9fdffdb,#e7f4fed1) padding-box padding-box,linear-gradient(135deg,#2f72b82e,#00a8c421) border-box;border-color:#0000;flex-direction:column;justify-content:space-between;gap:.9rem;padding:1rem;display:flex;position:relative;overflow:visible}.home-workflow__item:before,.home-workflow__item:after{content:"";pointer-events:none;opacity:0;transition:opacity .18s;position:absolute}.home-workflow__item:before{z-index:0;border-radius:inherit;background:radial-gradient(circle at var(--liquid-x) var(--liquid-y), #ffffff24, transparent 24%), radial-gradient(circle at calc(var(--liquid-x) + 12%) calc(var(--liquid-y) + 18%), #2f72b80f, transparent 58%), linear-gradient(135deg, #fff3, #ffffff09 46%, transparent 72%);inset:0;box-shadow:inset 0 1px 1px #ffffffa3,inset 0 -1px #2f72b80f}.home-workflow__item:after{z-index:0;border-radius:inherit;background:radial-gradient(circle at var(--liquid-x) var(--liquid-y), #2f72b857, transparent 28%), radial-gradient(circle at calc(var(--liquid-x) - 16%) calc(var(--liquid-y) + 18%), #00bed22b, transparent 46%);-webkit-mask-composite:xor;padding:1px;inset:-1px;mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-position:0 0,0 0;mask-size:auto,auto;mask-repeat:repeat,repeat;mask-clip:content-box,border-box;mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}.home-workflow__item>*{z-index:1;position:relative}.home-workflow__item:hover,.home-workflow__item:focus-within{z-index:30;background:linear-gradient(145deg, #fcfeffeb, #e8f5ffdb) padding-box, radial-gradient(circle at var(--liquid-x) var(--liquid-y), #2f72b861, #00a8c433 48%, #2f72b826 78%) border-box;box-shadow:0 16px 38px #2f72b81c,inset 0 1px #ffffffd1,inset 0 -18px 48px #2f72b808}:root[data-scheme=dark] .home-workflow__item{box-shadow:var(--leftjun-surface-shadow-soft), inset 0 1px 0 #ffffff0a;background:linear-gradient(145deg,#232a27e6,#1f2624d6) padding-box padding-box,linear-gradient(135deg,#8ab8ef38,#6ac5b51f) border-box}:root[data-scheme=dark] .home-workflow__item:hover,:root[data-scheme=dark] .home-workflow__item:focus-within{background:linear-gradient(145deg, #27302ef0, #222b29e6) padding-box, radial-gradient(circle at var(--liquid-x) var(--liquid-y), #8ab8ef57, #6ac5b529 48%, #8ab8ef1a 78%) border-box;box-shadow:0 16px 38px #0003,inset 0 1px #ffffff0d,inset 0 -18px 48px #8ab8ef08}:root[data-scheme=dark] .home-workflow__item:before{background:radial-gradient(circle at var(--liquid-x) var(--liquid-y), #ffffff0f, transparent 24%), radial-gradient(circle at calc(var(--liquid-x) + 12%) calc(var(--liquid-y) + 18%), #8ab8ef14, transparent 58%), linear-gradient(135deg, #ffffff14, #ffffff05 46%, transparent 72%);box-shadow:inset 0 1px 1px #ffffff14,inset 0 -1px #8ab8ef0d}:root[data-scheme=dark] .home-workflow__item:after{background:radial-gradient(circle at var(--liquid-x) var(--liquid-y), #8ab8ef57, transparent 28%), radial-gradient(circle at calc(var(--liquid-x) - 16%) calc(var(--liquid-y) + 18%), #6ac5b52e, transparent 46%)}@media (hover:hover) and (pointer:fine){.home-workflow__item:hover:before,.home-workflow__item:hover:after{opacity:.72}}.home-workflow__body{gap:.7rem;display:grid}.home-workflow__icon{border:1px solid color-mix(in srgb, var(--leftjun-hover-accent) 20%, var(--card-separator-color));background:color-mix(in srgb, var(--leftjun-hover-accent) 10%, var(--leftjun-surface-strong));width:2.25rem;height:2.25rem;color:var(--leftjun-hover-accent);border-radius:12px;justify-content:center;align-items:center;display:inline-flex}.home-workflow__item h3{color:color-mix(in srgb, var(--card-text-color-main) 82%, var(--leftjun-hover-accent));margin:0;font-size:1.12rem;font-weight:850}.home-workflow__item p{color:var(--card-text-color-secondary);margin:0;line-height:1.65}.home-workflow__projects{flex-wrap:wrap;gap:.5rem;display:flex}.home-workflow__project{color:#245f9d;max-width:100%;min-height:1.95rem;transition:transform var(--leftjun-hover-duration) ease, box-shadow var(--leftjun-hover-duration) ease, border-color var(--leftjun-hover-duration) ease, background var(--leftjun-hover-duration) ease;background:linear-gradient(135deg,#e8f5fff5,#def9ffe0);border:1px solid #2f72b852;border-radius:999px;align-items:center;padding:.34rem .72rem;font-size:.84rem;font-weight:850;display:inline-flex;position:relative;box-shadow:0 6px 16px #2f72b81a}.home-workflow__project[href*="/smart-boat/"]{color:#0f766e;background:linear-gradient(135deg,#e0f9f8f5,#e5f9eee6);border-color:#0f766e5c}.home-workflow__project-label{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.home-workflow__project:hover,.home-workflow__project:focus-visible{z-index:120;transform:translateY(var(--leftjun-hover-lift));border-color:var(--leftjun-hover-border);box-shadow:0 16px 34px #2f72b82e, var(--shadow-l1);background:linear-gradient(135deg,#cae7fffa,#def9fff0)}:root[data-scheme=dark] .home-workflow__project{color:#b9d8ff;background:linear-gradient(135deg,#234265d1,#1f4656b8);border-color:#8ab8ef57;box-shadow:0 8px 18px #0000002e}:root[data-scheme=dark] .home-workflow__project[href*="/smart-boat/"]{color:#a8eee0;background:linear-gradient(135deg,#1a4e5bd1,#1b503bb8);border-color:#6ac5b557}:root[data-scheme=dark] .home-workflow__project:hover,:root[data-scheme=dark] .home-workflow__project:focus-visible{box-shadow:0 16px 34px #0000003d, var(--shadow-l1);background:linear-gradient(135deg,#2b4f77e6,#235363d1)}:root[data-scheme=dark] .home-workflow__project[href*="/smart-boat/"]:hover,:root[data-scheme=dark] .home-workflow__project[href*="/smart-boat/"]:focus-visible{background:linear-gradient(135deg,#1e5b60e6,#205a42d1)}.home-workflow__preview{z-index:220;border:1px solid var(--card-separator-color);background:var(--leftjun-reading-surface);width:min(300px,72vw);box-shadow:var(--shadow-l2);opacity:0;pointer-events:none;transform-origin:1.35rem 100%;transition:opacity var(--leftjun-hover-duration) ease, transform var(--leftjun-hover-duration) ease;border-radius:14px;padding:.5rem;position:absolute;bottom:calc(100% + .7rem);left:0;transform:translateY(.4rem)scale(.98)}.home-workflow__preview:after{content:"";border-right:1px solid var(--card-separator-color);border-bottom:1px solid var(--card-separator-color);background:var(--leftjun-reading-surface);width:10px;height:10px;position:absolute;bottom:-6px;left:1.35rem;transform:rotate(45deg)}.home-workflow__item:last-child .home-workflow__preview{transform-origin:calc(100% - 1.35rem) 100%;left:auto;right:0}.home-workflow__preview-media{aspect-ratio:16/9;border-radius:10px;display:block;overflow:hidden}.home-workflow__preview-media img{object-fit:cover;width:100%;height:100%}.home-workflow__preview-caption{max-height:4.35rem;color:var(--card-text-color-secondary);margin:.7rem .3rem .16rem;line-height:1.45;display:block;overflow:hidden auto}.home-workflow__preview-caption::-webkit-scrollbar{width:.38rem}.home-workflow__preview-caption::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--leftjun-hover-accent) 32%, transparent);border-radius:999px}.home-workflow__project:hover .home-workflow__preview,.home-workflow__project:focus-visible .home-workflow__preview{opacity:1;transform:translateY(0)scale(1)}.home-plan-card{background:color-mix(in srgb, var(--leftjun-hover-accent) 5%, var(--leftjun-surface));min-height:13rem;transition:transform var(--leftjun-hover-duration) ease, box-shadow var(--leftjun-hover-duration) ease, border-color var(--leftjun-hover-duration) ease, background var(--leftjun-hover-duration) ease;flex-direction:column;gap:1rem;padding:1rem;display:flex;position:relative}.home-plan-card:hover,.home-plan-card:focus-within{transform:translateY(var(--leftjun-hover-lift));border-color:var(--leftjun-hover-border);background:var(--leftjun-reading-surface);box-shadow:var(--leftjun-hover-shadow)}:root[data-scheme=dark] .home-plan-card{background:#162328e0;border-color:#8ab8ef2e}:root[data-scheme=dark] .home-plan-card:hover,:root[data-scheme=dark] .home-plan-card:focus-within{background:#1a2930fa;border-color:#8ab8ef57}:root[data-scheme=dark] .home-dashboard .home-plan-card,:root[data-scheme=dark] .home-dashboard .home-plan-card:hover,:root[data-scheme=dark] .home-dashboard .home-plan-card:focus-within{box-shadow:none;background:0 0;border-color:#8ab8ef38}.home-plan-card__main{flex-direction:column;flex:auto;gap:.58rem;display:flex;position:relative}.home-plan-card__meta{color:var(--leftjun-hover-accent);font-size:.88rem;font-weight:850}.home-dashboard .home-plan-card__meta{color:var(--card-text-color-tertiary);font-size:.78rem;position:absolute;top:.03rem;right:0}.home-plan-card__title{color:var(--card-text-color-main);font-size:1.27rem;font-weight:850;line-height:1.28}.home-plan-card__description{color:var(--card-text-color-secondary);font-size:.94rem;line-height:1.55}.home-plan-card__tags,.home-plan-card__actions{flex-wrap:wrap;gap:.45rem;display:flex}.home-plan-card__tags{margin-top:auto}.home-plan-card__tag,.home-plan-card__pill,.compact-pill,.project-card__role,.project-card__tag{border-radius:999px;align-items:center;line-height:1;display:inline-flex}.home-plan-card__tag{color:#245f9d;background:#1f7ed41c;min-height:1.7rem;padding:.28rem .62rem;font-size:.8rem;font-weight:700}.home-plan-card__pill{background:color-mix(in srgb, #2f72b8 9%, var(--leftjun-surface-strong));color:#245f9d;min-height:2rem;transition:border-color var(--leftjun-hover-duration) ease, background var(--leftjun-hover-duration) ease, color var(--leftjun-hover-duration) ease, box-shadow var(--leftjun-hover-duration) ease;border:1px solid #2f72b857;padding:.42rem .8rem;font-size:.85rem;font-weight:800}.home-plan-card__pill:hover,.home-plan-card__pill:focus-visible{color:#245f9d;background:linear-gradient(135deg,#d2e8fff5,#e8f8fff2);border-color:#2f72b885;box-shadow:0 8px 18px #2f72b81f}.home-plan-card__pill--retrospective{background:color-mix(in srgb, #0f8f88 9%, var(--leftjun-surface-strong));color:#0f766e;border-color:#0f766e57}.home-plan-card__pill--retrospective:hover,.home-plan-card__pill--retrospective:focus-visible{color:#0f766e;background:linear-gradient(135deg,#d2f9f7f5,#e5f9eef2);border-color:#0f766e85}:root[data-scheme=dark] .home-plan-card__tag{color:#b9d8ff;background:#8ab8ef29}:root[data-scheme=dark] .home-plan-card__pill{color:#b9d8ff;background:#234265b8;border-color:#8ab8ef57}:root[data-scheme=dark] .home-plan-card__pill:hover,:root[data-scheme=dark] .home-plan-card__pill:focus-visible{color:#d9eaff;background:#2b4f77db;border-color:#8ab8ef8a}:root[data-scheme=dark] .home-plan-card__pill--retrospective{color:#a8eee0;background:#1a4e5bb3;border-color:#6ac5b552}:root[data-scheme=dark] .home-plan-card__pill--retrospective:hover,:root[data-scheme=dark] .home-plan-card__pill--retrospective:focus-visible{color:#c4fff4;background:#1e5b60db;border-color:#6ac5b585}.project-hero{margin-bottom:1.25rem}.project-section-card{background:var(--leftjun-surface);min-height:184px}.project-section-heading{flex-wrap:wrap;align-items:baseline;gap:.55rem 1.25rem;display:flex}.project-section-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.85rem 1rem;margin-top:1.15rem;display:flex}.project-view-toggle,.project-filter-toggle{flex-wrap:wrap;gap:.75rem;display:flex}.project-view-toggle__button,.project-filter-toggle__button,.project-index-type-button,.records-filter-button{appearance:none;border:1px solid var(--card-separator-color);background:var(--leftjun-surface-strong);color:var(--card-text-color-main);cursor:pointer;transition:transform var(--leftjun-hover-duration) ease, box-shadow var(--leftjun-hover-duration) ease, border-color var(--leftjun-hover-duration) ease, background-color var(--leftjun-hover-duration) ease, color var(--leftjun-hover-duration) ease;border-radius:999px;padding:.7rem 1.15rem;font-size:.95rem;font-weight:600;line-height:1.15}.project-view-toggle__button:hover,.project-view-toggle__button:focus-visible,.project-filter-toggle__button:hover,.project-filter-toggle__button:focus-visible,.records-filter-button:hover,.records-filter-button:focus-visible,.project-index-type-button:hover,.project-index-type-button:focus-visible,.project-view-toggle__button.is-active,.project-filter-toggle__button.is-active,.records-filter-button.is-active,.project-index-type-button.is-active{transform:translateY(var(--leftjun-hover-lift));border-color:var(--leftjun-hover-border);background:var(--leftjun-hover-surface);box-shadow:var(--leftjun-hover-shadow);color:var(--leftjun-hover-accent)}.project-view-toggle__button.is-active,.project-filter-toggle__button.is-active,.records-filter-toggle .records-filter-button.is-active{color:#fff;background:linear-gradient(135deg,#17365f,#2f72b8)}.records-section-actions{justify-content:flex-start}.project-card{background:var(--leftjun-neutral-card-background);transition:transform var(--leftjun-hover-duration) ease, box-shadow var(--leftjun-hover-duration) ease, border-color var(--leftjun-hover-duration) ease;scroll-margin-top:1.5rem;overflow:hidden}.project-card[data-project-type=game]{border-color:var(--leftjun-game-card-border);background:var(--leftjun-game-card-background)}.project-card[data-project-type=embedded]{border-color:var(--leftjun-embedded-card-border);background:var(--leftjun-embedded-card-background)}.project-card:hover,.project-card:focus-within{transform:translateY(var(--leftjun-hover-lift));border-color:var(--leftjun-hover-border);box-shadow:var(--leftjun-hover-shadow)}.project-card[hidden]{display:none}.post-card[hidden]{display:none!important}.project-card a{min-height:100%;color:inherit;display:block}.project-card__image{aspect-ratio:16/9;background:var(--leftjun-surface-muted);overflow:hidden}.project-card__image img,.project-card__image video{object-fit:cover;width:100%;height:100%;transition:transform .22s;display:block}.project-card:hover .project-card__image img,.project-card:hover .project-card__image video,.project-card:focus-within .project-card__image img,.project-card:focus-within .project-card__image video{transform:scale(1.01)}.project-card__content{padding:1.2rem}.project-card__title{color:var(--card-text-color-main);margin:0;font-size:1.65rem;font-weight:850;line-height:1.18}.project-card__description{color:var(--card-text-color-secondary);margin:.55rem 0 0;font-size:1rem;line-height:1.6}.project-card__meta{color:var(--card-text-color-tertiary);margin:.9rem 0 0;font-size:.86rem;font-weight:740;line-height:1.35}.project-card__roles,.project-card__tags{flex-wrap:wrap;gap:.5rem;margin-top:.95rem;display:flex}.project-card__role{color:#0f766e;background:#2dd4bf24;min-height:1.65rem;padding:.32rem .68rem;font-size:.78rem;font-weight:400}.project-card__tag{min-height:1.75rem;padding:.38rem .72rem;font-size:.78rem;font-weight:400}.project-card[data-project-type=game] .project-card__tag{color:#245f9d;background:#1f7ed41f}.project-card[data-project-type=embedded] .project-card__tag{color:#0f766e;background:#0f766e1f}:root[data-scheme=dark] .project-card__role{color:#99f6e4;background:#2dd4bf2e}:root[data-scheme=dark] .project-card[data-project-type=game] .project-card__tag{color:#b9d8ff;background:#8ab8ef29}:root[data-scheme=dark] .project-card[data-project-type=embedded] .project-card__tag{color:#a8eee0;background:#6ac5b529}:root[data-scheme=dark] .project-card__description{color:#b8cadf}.project-showcase[data-view=single] .project-list{grid-template-columns:1fr}.project-showcase[data-view=single] .project-card{padding:.68rem}.project-showcase[data-view=single] .project-card a{display:block}.project-showcase[data-view=single] .project-card__image{border-radius:18px}.project-showcase[data-view=single] .project-card__content{background:0 0;padding:1.7rem 1.15rem 1.1rem}.project-showcase[data-view=single] .project-card__title{font-size:2.7rem}.project-showcase[data-view=single] .project-card__description{font-size:1.18rem}.project-showcase[data-view=single] .project-card__tag{padding:.45rem .82rem;font-size:.92rem}.project-showcase[data-view=grid] .project-list{grid-template-columns:repeat(2,minmax(0,1fr))}.project-showcase[data-view=grid] .project-card{border-color:#ffffff38;position:relative}.project-showcase[data-view=grid] .project-card a{position:relative}.project-showcase[data-view=grid] .project-card__content{color:#fff;background:linear-gradient(#0000,#0a1420d1);padding:1.25rem;position:absolute;inset:auto 0 0}.project-showcase[data-view=grid] .project-card__title{color:#fff;font-size:1.72rem}.project-showcase[data-view=grid] .project-card__description{color:#ffffffe0}.project-showcase[data-view=grid] .project-card__role,.project-showcase[data-view=grid] .project-card__tag{color:#ffffffeb;background:#ffffff29}.article-list--compact{--compact-image-width:clamp(178px, 22vw, 280px);background:var(--leftjun-reading-surface);box-shadow:var(--leftjun-surface-shadow-soft);overflow:hidden}.article-list--compact .post-card{background:0 0}.article-list--compact .post-card+.post-card{border-top:1px solid var(--card-separator-color)}.article-list--compact .post-card>a{border-radius:calc(var(--card-border-radius) - 2px);transition:transform var(--leftjun-hover-duration) ease, box-shadow var(--leftjun-hover-duration) ease, border-color var(--leftjun-hover-duration) ease, background-color var(--leftjun-hover-duration) ease;border:1px solid #0000;align-items:stretch;gap:1rem;padding:.85rem;display:flex}.article-list--compact .post-card>a:hover,.article-list--compact .post-card>a:focus-visible{transform:translateY(var(--leftjun-hover-lift));border-color:var(--leftjun-hover-border);background:color-mix(in srgb, var(--leftjun-hover-accent) 5%, var(--leftjun-surface-strong));box-shadow:0 12px 28px #23568817}.article-list--compact .article-details{flex-direction:column;flex:auto;justify-content:center;gap:.65rem;min-width:0;min-height:0;padding:.65rem .85rem;display:flex}.compact-title-row{align-items:center;gap:.8rem;display:flex}.post-card-column-badges{flex-wrap:wrap;gap:.38rem;display:flex}.post-card-column-badge{border:1px solid color-mix(in srgb, var(--leftjun-primary) 22%, transparent);background:color-mix(in srgb, var(--leftjun-primary-soft) 82%, var(--leftjun-surface));width:fit-content;min-height:1.36rem;color:var(--leftjun-primary);white-space:nowrap;border-radius:999px;align-items:center;padding:.22rem .54rem;font-size:.72rem;font-weight:820;line-height:1;display:inline-flex}:root[data-scheme=dark] .post-card-column-badge{color:#b9d8ff;background:#22569147;border-color:#8ab8ef47}.article-list--compact .article-title{min-width:0;color:var(--card-text-color-main);margin:0;font-size:19.5px;font-weight:600;line-height:24.375px}.compact-pill-list{flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;gap:.34rem;margin-left:auto;display:flex}.compact-pill{min-height:17.5px;color:var(--card-text-color-secondary);white-space:nowrap;background:#0f172a14;padding:2.8px 6.2px;font-size:10.5px;font-weight:400;line-height:10.5px}:root[data-scheme=dark] .compact-pill{color:#ffffffb3;background:#ffffff1f}.compact-subtitle{color:var(--card-text-color-secondary);margin:0;font-size:13.5px;line-height:19.575px}.article-list--compact .article-time{color:var(--card-text-color-tertiary);margin-top:.02rem;font-size:14px;font-weight:700}.article-list--compact .article-image{width:var(--compact-image-width);flex:0 0 var(--compact-image-width);aspect-ratio:16/9;background:var(--leftjun-surface-muted);border-radius:8px;align-self:center;overflow:hidden}.article-list--compact .article-image img,.article-list--compact .article-image video{object-fit:cover;width:100%;height:100%}.posts-index-page .main>header{margin-bottom:0}.posts-section-card{min-height:0}.posts-section-actions{justify-content:flex-start}.posts-view-toggle{gap:.65rem}.posts-view-panel[hidden],.posts-columns-panel[hidden]{display:none!important}.posts-columns-panel{gap:var(--section-block-gap);display:grid}.posts-column-section{--posts-column-accent:#0f7aff;--posts-column-accent-rgb:15, 122, 255;border:1px solid rgba(var(--posts-column-accent-rgb), .2);background:linear-gradient(135deg, rgba(var(--posts-column-accent-rgb), .16), rgba(var(--posts-column-accent-rgb), .03) 46%, transparent 72%), var(--leftjun-surface);box-shadow:0 18px 42px rgba(var(--posts-column-accent-rgb), .09), var(--leftjun-surface-shadow-soft);backdrop-filter:blur(8px);border-radius:22px;gap:clamp(1rem,1.7vw,1.35rem);padding:clamp(1.25rem,2.2vw,1.85rem);display:grid;position:relative;overflow:hidden}.posts-column-section:before{content:"";background:linear-gradient(180deg, rgba(var(--posts-column-accent-rgb), .84), rgba(var(--posts-column-accent-rgb), .24));width:5px;position:absolute;inset:0 auto 0 0}.posts-column-section--technical{--posts-column-accent:#0f91ff;--posts-column-accent-rgb:15, 145, 255}.posts-column-section__header{justify-content:space-between;align-items:end;gap:1rem;display:flex}.posts-column-section__title-link{color:inherit;display:inline-flex}.posts-column-section__header h2{color:var(--card-text-color-main);letter-spacing:0;margin:0;font-size:clamp(1.85rem,2.5vw,2.55rem);font-weight:860;line-height:1.06}.posts-column-section__eyebrow{color:var(--posts-column-accent);margin:0 0 .35rem;font-size:.92rem;font-weight:820}.posts-column-section__all-link{border:1px solid rgba(var(--posts-column-accent-rgb), .24);background:rgba(var(--posts-column-accent-rgb), .1);min-height:2.15rem;color:var(--posts-column-accent);white-space:nowrap;box-shadow:0 10px 22px rgba(var(--posts-column-accent-rgb), .08);transition:transform var(--leftjun-hover-duration) ease, border-color var(--leftjun-hover-duration) ease, background-color var(--leftjun-hover-duration) ease, box-shadow var(--leftjun-hover-duration) ease;border-radius:999px;align-items:center;gap:.34rem;padding:.36rem .86rem;font-size:.88rem;font-weight:820;display:inline-flex}.posts-column-section__all-link:hover,.posts-column-section__all-link:focus-visible,.posts-column-section__title-link:hover,.posts-column-section__title-link:focus-visible{color:var(--leftjun-hover-accent)}.posts-column-section__all-link:hover,.posts-column-section__all-link:focus-visible{transform:translateY(var(--leftjun-hover-lift));border-color:rgba(var(--posts-column-accent-rgb), .42);background:rgba(var(--posts-column-accent-rgb), .14);box-shadow:0 14px 28px rgba(var(--posts-column-accent-rgb), .14)}.posts-column-section__description{max-width:62ch;color:var(--card-text-color-secondary);margin:0;font-size:clamp(.98rem,1.3vw,1.08rem);line-height:1.7}.posts-column-section__meta{flex-wrap:wrap;gap:.48rem;display:flex}.posts-column-section__meta span{background:color-mix(in srgb, var(--leftjun-surface-strong) 74%, rgba(var(--posts-column-accent-rgb), .12));min-height:2rem;color:var(--card-text-color-secondary);border-radius:999px;place-items:center;padding:.25rem .72rem;font-size:.82rem;font-weight:780;display:inline-grid}.posts-column-latest__label{color:var(--posts-column-accent);margin:0;font-size:.86rem;font-weight:840}.posts-column-list.article-list--compact{border-color:rgba(var(--posts-column-accent-rgb), .14);background:color-mix(in srgb, var(--leftjun-surface-strong) 88%, transparent);backdrop-filter:none;border-radius:18px;gap:.72rem;padding:clamp(.7rem,1.2vw,.95rem);display:grid;overflow:visible;box-shadow:inset 0 1px #ffffff38,0 12px 24px #2356880d}.posts-column-list.article-list--compact .post-card>a{background:color-mix(in srgb, var(--leftjun-surface-strong) 94%, transparent)}.posts-column-list.article-list--compact .post-card+.post-card{border-top-color:color-mix(in srgb, var(--card-separator-color) 74%, transparent)}.posts-all-section{margin-top:clamp(.25rem,1.2vw,.8rem)}.posts-column-detail-hero{background:linear-gradient(135deg, #0f91ff29, #ffffff2e 52%, transparent 100%), var(--leftjun-surface);border-color:#0f91ff3d;position:relative;overflow:hidden}.posts-column-detail-hero:before{content:"";background:linear-gradient(#0f91ffe6,#00b7cf3d);width:5px;position:absolute;inset:0 auto 0 0}.posts-column-detail-back{width:fit-content;color:var(--leftjun-primary);font-size:.92rem;font-weight:820;display:inline-flex}.posts-column-detail-description{max-width:68ch;color:var(--card-text-color-secondary);margin:0;font-size:clamp(1rem,1.3vw,1.08rem);line-height:1.72}.posts-column-detail-list{margin-top:clamp(.25rem,1.2vw,.85rem)}:root[data-scheme=dark] .posts-column-section{border-color:rgba(var(--posts-column-accent-rgb), .2);background:linear-gradient(135deg, rgba(var(--posts-column-accent-rgb), .14), #0e1a2229 52%, transparent 74%), var(--leftjun-surface);box-shadow:0 16px 36px #00000038}:root[data-scheme=dark] .posts-column-list.article-list--compact{background:#111d24e6;box-shadow:inset 0 1px #8ab8ef14,0 10px 24px #0003}:root[data-scheme=dark] .posts-column-list.article-list--compact .post-card>a{background:#16232ae6}:root[data-scheme=dark] .posts-column-detail-hero{background:linear-gradient(135deg, #0f91ff1f, #121f2638 58%, transparent 100%), var(--leftjun-surface)}@media (width<=767px){.posts-column-section{border-radius:18px;padding:1.15rem}.posts-column-section__header{align-items:flex-start}.posts-column-section__all-link{flex:none;padding-inline:.72rem}.posts-column-list.article-list--compact{border-radius:14px;padding:.62rem}}.home-post-list{box-shadow:none;background:0 0;border:0;border-radius:0;overflow:visible}.home-post-list .post-card+.post-card{border-top:0}.home-post-list .post-card>a{border:0}.main-article{background:var(--leftjun-reading-surface);overflow:hidden}.article-header{background:var(--leftjun-reading-surface)}.main-article.has-image .article-header{padding-top:0}.main-article .article-image{background:var(--leftjun-surface-muted);max-height:480px;overflow:hidden}.main-article .article-image img,.main-article .article-image video{object-fit:cover;width:100%;height:min(42vw,480px);min-height:260px}.article-details{padding:var(--card-padding)}.main-article .article-title{color:var(--card-text-color-main);margin:0;font-size:24px;font-weight:700;line-height:29px}.article-subtitle{max-width:58rem;color:var(--card-text-color-secondary);margin:.65rem 0 0;font-size:16px;font-weight:500;line-height:1.65}.main-article .article-time{color:var(--card-text-color-tertiary);flex-wrap:wrap;gap:1rem;margin-top:1.2rem;font-size:.95rem;font-weight:700;display:flex}.main-article .article-time a{color:var(--leftjun-hover-accent)}.project-detail-hero{background:var(--leftjun-reading-surface);min-height:0;position:relative;overflow:hidden}.project-detail-hero:before{display:none}.project-detail-hero .article-image{border-bottom:1px solid var(--card-separator-color);background:#07111e;max-height:none}.project-detail-page .main-article .article-image img,.project-detail-page .main-article .article-image video{height:clamp(340px,35vw,520px);min-height:320px}.project-detail-hero__details{z-index:2;width:100%;padding:clamp(1.6rem, 3vw, 3rem) var(--card-padding);position:relative}.project-detail-kicker{color:#7fc2ff;margin:0 0 .72rem;font-size:.95rem;font-weight:900}.project-detail-hero .article-title{color:var(--card-text-color-main);text-wrap:balance;font-size:clamp(2.6rem,3.8vw,4.8rem);font-weight:900;line-height:1.04}.project-detail-hero .article-subtitle{max-width:48rem;color:var(--card-text-color-secondary);font-size:clamp(1.12rem,1.25vw,1.42rem);line-height:1.62}.project-detail-pills{margin-top:1.15rem}.project-detail-pills span{background:var(--leftjun-primary-soft);color:color-mix(in srgb, var(--leftjun-primary-deep) 78%, var(--leftjun-primary));padding:.42rem .78rem;box-shadow:inset 0 0 0 1px #2f72b81f}.project-detail-actions{flex-wrap:wrap;align-items:center;gap:.56rem;margin-top:1rem;display:flex}.project-detail-actions a{border:1px solid color-mix(in srgb, var(--leftjun-primary) 20%, transparent);background:color-mix(in srgb, var(--leftjun-primary) 8%, var(--leftjun-surface-strong));min-height:2.2rem;color:color-mix(in srgb, var(--leftjun-primary-deep) 78%, var(--leftjun-primary));border-radius:999px;justify-content:center;align-items:center;gap:.42rem;padding:.46rem .86rem;font-weight:850;line-height:1;display:inline-flex}.project-detail-actions a:hover,.project-detail-actions a:focus-visible{transform:translateY(var(--leftjun-hover-lift));border-color:var(--leftjun-hover-border);background:var(--leftjun-hover-surface);box-shadow:var(--leftjun-hover-shadow);color:var(--leftjun-hover-accent)}.project-detail-action--pdf{box-shadow:0 10px 22px #0f7aff1f;border-color:color-mix(in srgb, var(--leftjun-primary) 36%, var(--card-separator-color))!important;background:linear-gradient(135deg, color-mix(in srgb, var(--leftjun-primary) 22%, transparent), #48bba81f), color-mix(in srgb, var(--leftjun-surface-strong) 92%, transparent)!important;color:var(--leftjun-primary)!important}.project-detail-action--download{border-color:color-mix(in srgb, var(--leftjun-primary) 24%, var(--card-separator-color))!important;background:color-mix(in srgb, var(--leftjun-primary) 10%, var(--leftjun-surface-strong))!important;color:color-mix(in srgb, var(--leftjun-primary-deep) 74%, var(--leftjun-primary))!important}:root[data-scheme=dark] .project-detail-actions a{color:#c8def8;background:#8ab8ef14;border-color:#8ab8ef3d}:root[data-scheme=dark] .project-detail-action--pdf{color:#8ab8ef!important;background:linear-gradient(135deg,#5fa8ff38,#48bba81f),#ffffff0d!important;border-color:#8ab8ef66!important}.article-toc{margin:1.3rem var(--card-padding) 1.25rem;border:1px solid color-mix(in srgb, var(--leftjun-hover-accent) 20%, var(--card-separator-color));background:color-mix(in srgb, var(--leftjun-hover-accent) 4%, var(--leftjun-surface));box-shadow:var(--leftjun-surface-shadow-soft);backdrop-filter:blur(10px);border-radius:22px;display:none;overflow:hidden}.article-toc details{padding:0}.article-toc summary{cursor:pointer;min-height:4.15rem;color:var(--card-text-color-main);justify-content:space-between;align-items:center;padding:.96rem 1.12rem;font-size:1.78rem;font-weight:800;list-style:none;display:flex}.article-toc summary::-webkit-details-marker{display:none}.article-toc-title{align-items:center;gap:.78rem;min-width:0;display:flex}.article-toc-title .inline-icon{border:1px solid var(--card-separator-color);background:var(--leftjun-surface-strong);width:2.55rem;height:2.55rem;box-shadow:var(--leftjun-surface-shadow-soft);color:var(--leftjun-hover-accent);transition:transform var(--leftjun-hover-duration) ease;border-radius:999px;flex:0 0 2.55rem;padding:.6rem}.article-toc details[open] .article-toc-title .inline-icon{transform:rotate(90deg)}.article-toc .toc-nav{opacity:0;max-height:0;padding:0 1rem;transition:max-height .22s,opacity .18s,transform .18s,padding .18s;overflow:hidden;transform:translateY(-4px)}.article-toc details[open] .toc-nav{opacity:1;max-height:min(52vh,420px);padding:.18rem 1.12rem 1.15rem;overflow-y:auto;transform:translateY(0)}.article-content{padding:0 var(--card-padding) var(--card-padding);color:var(--card-text-color-main);font-size:16.8px;line-height:1.75}.article-content h2,.article-content h3,.article-content h4{scroll-margin-top:calc(var(--main-top-padding) + 18px);color:var(--card-text-color-main);line-height:1.28}.project-card,[id^=project-]{scroll-margin-top:calc(var(--main-top-padding) + 18px)}.article-content h2{margin:2.1rem 0 .9rem;font-size:23px}.article-content h3{margin:1.7rem 0 .75rem;font-size:19px}.article-content p,.article-content ul,.article-content ol{color:var(--card-text-color-main)}.article-content a{color:var(--leftjun-hover-accent);font-weight:800}.article-content img,.article-content video,.article-content iframe{border:1px solid var(--card-separator-color);background:var(--leftjun-surface-muted);border-radius:14px;width:100%}.article-content pre{background:#111827;border-radius:14px;padding:16px;overflow:auto}.about-contact-card{margin:0 var(--card-padding) var(--card-padding);border:1px solid color-mix(in srgb, var(--leftjun-primary) 18%, var(--card-separator-color));background:linear-gradient(135deg, color-mix(in srgb, var(--leftjun-primary) 7%, transparent), #48bba80f), color-mix(in srgb, var(--leftjun-surface-strong) 94%, transparent);box-shadow:var(--leftjun-surface-shadow-soft);border-radius:18px;gap:1.1rem;padding:clamp(1.15rem,2.4vw,1.55rem);display:grid}.about-contact-card__eyebrow{color:var(--leftjun-primary);margin:0 0 .32rem;font-size:.85rem;font-weight:900}.about-contact-card h2{color:var(--card-text-color-main);margin:0;font-size:1.45rem;line-height:1.22}.about-contact-card__heading p,.about-contact-card__body p,.about-contact-card__body ul,.about-contact-card__body ol{color:var(--card-text-color-secondary);margin:.55rem 0 0;line-height:1.72}.about-contact-card__body h2{margin-top:1.05rem;font-size:1.05rem}.about-contact-card__body a{color:var(--leftjun-hover-accent);font-weight:850}.about-contact-card__link{background:color-mix(in srgb, var(--leftjun-primary) 12%, var(--leftjun-surface-strong));width:fit-content;min-height:2.35rem;color:var(--leftjun-primary);border-radius:999px;align-items:center;gap:.42rem;padding:0 .95rem;font-size:.92rem;font-weight:850;display:inline-flex;box-shadow:0 8px 18px #0f7aff1a}.about-contact-card__link:hover,.about-contact-card__link:focus-visible{transform:translateY(var(--leftjun-hover-lift));background:var(--leftjun-hover-surface);box-shadow:var(--leftjun-hover-shadow);color:var(--leftjun-hover-accent)}:root[data-scheme=dark] .about-contact-card{background:linear-gradient(135deg,#5fa8ff1f,#48bba80f),#ffffff0b;border-color:#8ab8ef38}:root[data-scheme=dark] .about-contact-card__link{color:#9fc9ff;background:#8ab8ef1a}.project-info-strip{margin:1.15rem var(--card-padding) 0;border-color:color-mix(in srgb, var(--leftjun-primary) 24%, var(--card-separator-color));background:color-mix(in srgb, var(--leftjun-primary) 5%, var(--leftjun-surface-strong));gap:1rem;padding:1.15rem;display:grid}.project-info-strip__grid{grid-template-columns:minmax(0,1.6fr) minmax(7rem,.7fr) minmax(8rem,.85fr) minmax(9rem,1fr);gap:0;margin:0;display:grid}.project-info-strip__item{border-right:1px solid var(--card-separator-color);min-width:0;padding:.2rem .85rem .2rem 0}.project-info-strip__item:last-child{border-right:0}.project-info-strip dt{color:var(--card-text-color-tertiary);align-items:center;gap:.5rem;margin:0 0 .42rem;font-size:.86rem;font-weight:900;display:flex}.project-info-strip dt .inline-icon{width:1.42rem;height:1.42rem;color:var(--leftjun-primary)}.project-info-strip dd{color:var(--card-text-color-main);margin:0;font-size:clamp(.94rem,.75vw,1.03rem);font-weight:760;line-height:1.45}.project-info-strip__tech{flex-wrap:wrap;align-items:center;gap:.7rem .9rem;padding-top:.15rem;display:flex}.project-info-strip__tech>span{color:var(--card-text-color-tertiary);font-size:.86rem;font-weight:900}.project-info-strip__tech strong{background:var(--leftjun-primary-soft);color:color-mix(in srgb, var(--leftjun-primary-deep) 82%, var(--leftjun-primary));padding:.4rem .72rem}.project-info-strip__outcome{border-top:1px solid var(--card-separator-color);color:var(--card-text-color-secondary);margin:0;padding-top:.9rem;line-height:1.58}:root[data-scheme=dark] .project-info-strip{background:#152530e0;border-color:#5fa8ff3d}:root[data-scheme=dark] .project-info-strip__tech strong{color:#d6ebff}.project-facts,.project-records{margin:1.15rem var(--card-padding) 0;border:1px solid color-mix(in srgb, var(--leftjun-hover-accent) 22%, var(--card-separator-color));background:var(--leftjun-surface-muted);border-radius:14px;padding:1.15rem 1.25rem}.project-facts__title,.project-links__title,.project-records__title{color:var(--card-text-color-main);margin:0 0 .9rem;font-size:1.58rem;font-weight:800}.project-facts__title,.project-links__title,.project-records__title,.related-content--wrapper>h2,.article-content h2,.article-content h3{align-items:center;gap:.58rem;display:flex}.project-facts__title:before,.project-links__title:before,.project-records__title:before,.related-content--wrapper>h2:before,.article-content h2:before{content:"";background:linear-gradient(180deg, var(--leftjun-hover-accent), #2dd4bfb8);width:.38rem;height:1.05em;box-shadow:0 0 0 .28rem color-mix(in srgb, var(--leftjun-hover-accent) 10%, transparent);border-radius:999px;flex:0 0 .38rem}.article-content h3:before{content:"";background:var(--leftjun-hover-accent);width:.56rem;height:.56rem;box-shadow:0 0 0 .26rem color-mix(in srgb, var(--leftjun-hover-accent) 12%, transparent);border-radius:999px;flex:0 0 .56rem}.project-facts__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem 1.1rem;margin:0;display:grid}.project-facts__item--wide{grid-column:1/-1}.project-facts dt{color:var(--card-text-color-tertiary);margin-bottom:.25rem;font-size:1rem;font-weight:800}.project-facts dd{color:var(--card-text-color-main);margin:0;line-height:1.55}.project-records__list{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.project-records__button{background:color-mix(in srgb, #2f72b8 7%, var(--leftjun-surface-strong));transition:transform var(--leftjun-hover-duration) ease, border-color var(--leftjun-hover-duration) ease, background var(--leftjun-hover-duration) ease, box-shadow var(--leftjun-hover-duration) ease;border:1px solid #2f72b84d;border-radius:14px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.35rem .65rem;padding:.8rem .9rem;display:grid}.project-records__button:hover,.project-records__button:focus-visible{transform:translateY(var(--leftjun-hover-lift));border-color:var(--leftjun-hover-border);background:var(--leftjun-surface-strong);box-shadow:var(--leftjun-hover-shadow)}.project-records__button .inline-icon{color:var(--leftjun-hover-accent);grid-row:span 2}.project-records__label{color:var(--leftjun-hover-accent);font-size:1.05rem;font-weight:800;line-height:1}.project-records__button strong{min-width:0;color:var(--card-text-color-main);text-overflow:ellipsis;white-space:nowrap;font-size:1.08rem;overflow:hidden}.project-records__button--retrospectives{background:color-mix(in srgb, #0f8f88 8%, var(--leftjun-surface-strong));border-color:#0f766e52}.project-records__button--retrospectives .inline-icon,.project-records__button--retrospectives .project-records__label{color:#0f766e}.article-footer{margin:0 var(--card-padding) var(--card-padding);padding-top:.35rem}.article-tags{flex-wrap:wrap;gap:.9rem;display:flex}.article-tags a{color:#fff;min-height:3.1rem;transition:transform var(--leftjun-hover-duration) ease, box-shadow var(--leftjun-hover-duration) ease, background-color var(--leftjun-hover-duration) ease;background:#2382d6;border:1px solid #2f72b833;border-radius:8px;justify-content:center;align-items:center;padding:.64rem 1.35rem;font-size:1rem;font-weight:800;line-height:1;display:inline-flex;box-shadow:0 10px 20px #2f72b829}.article-tags a:hover,.article-tags a:focus-visible{transform:translateY(var(--leftjun-hover-lift));box-shadow:var(--leftjun-hover-shadow);background:#176fbd}.related-content--wrapper{margin:1.9rem 0 var(--card-padding)}.related-content--wrapper>h2{color:var(--card-text-color-secondary);margin:0 0 1rem;font-size:1.45rem;font-weight:800}.related-content{scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--leftjun-hover-accent) 32%, transparent) transparent;margin:0;padding:0 0 .9rem;overflow:auto hidden}.related-grid{flex-wrap:nowrap;gap:1.05rem;width:max-content;max-width:none;display:flex}.related-card{--related-mask:#1f7ed494;--related-mask-strong:#0f233ad1;aspect-ratio:16/9;border:1px solid color-mix(in srgb, var(--related-mask) 42%, #ffffff52);background:radial-gradient(circle at 18% 12%, color-mix(in srgb, var(--related-mask) 28%, transparent), transparent 48%), var(--leftjun-surface-muted);box-shadow:var(--leftjun-surface-shadow-soft);scroll-snap-align:start;transition:transform var(--leftjun-hover-duration) ease, border-color var(--leftjun-hover-duration) ease, box-shadow var(--leftjun-hover-duration) ease;border-radius:18px;flex:0 0 clamp(260px,31vw,405px);position:relative;overflow:hidden}.related-card--embedded,.related-card--retrospectives{--related-mask:#0f766e99;--related-mask-strong:#082f49d6}.related-card--plans{--related-mask:#1f7ed49e;--related-mask-strong:#17365fd6}.related-card a,.related-card__media,.related-card__media img,.related-card__media video{width:100%;height:100%;display:block}.related-card__media{background:var(--leftjun-surface-muted);position:absolute;inset:0;overflow:hidden}.related-card__media img,.related-card__media video{object-fit:cover;transition:transform .22s,filter .22s}.related-card__media:after{content:"";background:linear-gradient(180deg, #05121e0a 0%, color-mix(in srgb, var(--related-mask) 34%, transparent) 44%, var(--related-mask-strong) 100%), radial-gradient(circle at 18% 18%, color-mix(in srgb, var(--related-mask) 42%, transparent), transparent 48%);position:absolute;inset:0}.related-card__overlay{z-index:1;color:#fff;gap:.45rem;padding:1rem;display:grid;position:absolute;inset:auto 0 0}.related-card__overlay h3{color:#fff;text-shadow:0 1px 8px #00000040;margin:0;font-size:clamp(1rem,1.35vw,1.22rem);font-weight:800;line-height:1.25}.related-card__overlay time{color:#ffffffc7;font-size:.78rem;font-weight:700}.related-card__pills{flex-wrap:wrap;gap:.32rem;display:flex}.related-card__pills span{color:#ffffffe0;backdrop-filter:blur(8px);background:#ffffff29;border:1px solid #ffffff47;border-radius:999px;align-items:center;min-height:1.35rem;padding:.25rem .52rem;font-size:.72rem;font-weight:700;line-height:1;display:inline-flex}.related-card:hover,.related-card:focus-within{transform:translateY(var(--leftjun-hover-lift));border-color:color-mix(in srgb, var(--related-mask) 65%, #fff6);box-shadow:var(--leftjun-hover-shadow)}.related-card:hover .related-card__media img,.related-card:hover .related-card__media video,.related-card:focus-within .related-card__media img,.related-card:focus-within .related-card__media video{filter:saturate(1.04);transform:scale(1.015)}:root[data-scheme=dark] .article-toc{box-shadow:var(--leftjun-surface-shadow-soft);background:#232a27e6;border-color:#8ab8ef3d}:root[data-scheme=dark] .article-toc-title .inline-icon{color:#a9cdf8;background:#27302eeb;border-color:#8ab8ef3d}:root[data-scheme=dark] .related-card{border-color:color-mix(in srgb, var(--related-mask) 38%, #8ab8ef2e);background:#13242be6}:root[data-scheme=dark] .related-card__media:after{background:linear-gradient(180deg, #040a0e0f 0%, color-mix(in srgb, var(--related-mask) 30%, transparent) 42%, #091118e0 100%), radial-gradient(circle at 18% 18%, color-mix(in srgb, var(--related-mask) 36%, transparent), transparent 50%)}:root[data-scheme=dark] .related-card__pills span{color:#e7f4ffe6;background:#8ab8ef24;border-color:#d2eaff38}:root[data-scheme=dark] .article-tags a{color:#e7f4ff;background:#256da8;border-color:#8ab8ef47;box-shadow:0 12px 24px #287cc62e}:root[data-scheme=dark] .article-tags a:hover,:root[data-scheme=dark] .article-tags a:focus-visible{background:#2b7fc5}.right-sidebar{top:var(--right-sidebar-sticky-top);flex-direction:column;gap:1.1rem;display:flex;position:sticky;overflow-x:hidden}.right-sidebar .widget{background:var(--leftjun-sidebar-background);box-shadow:var(--leftjun-surface-shadow);backdrop-filter:blur(12px);padding:1.35rem;overflow-x:hidden}.right-sidebar .widget-icon{border:1px solid var(--card-separator-color);background:var(--leftjun-surface-strong);width:3.4rem;height:3.4rem;box-shadow:var(--shadow-l1);color:var(--body-text-color);border-radius:999px;justify-content:center;align-items:center;margin-bottom:.72rem;display:inline-flex}.right-sidebar .widget-icon .inline-icon{width:1.9rem;height:1.9rem}.right-sidebar .widget-title{color:var(--card-text-color-main);margin:0 0 .9rem;font-size:16px;font-weight:700}.right-sidebar .widget--toc{background:var(--leftjun-sidebar-background)}.toc-nav{gap:.18rem;display:grid}.right-sidebar .toc-nav{gap:.42rem;padding:.1rem 0;overflow-x:hidden}.toc-nav a{color:var(--card-text-color-secondary);font-size:14px;line-height:1.45;display:block}.article-toc .toc-nav a{min-height:3rem;padding-top:.68rem;padding-left:calc(.8rem + var(--toc-indent,0px));overflow-wrap:anywhere;transition:transform var(--leftjun-hover-duration) ease, background-color var(--leftjun-hover-duration) ease, border-color var(--leftjun-hover-duration) ease, color var(--leftjun-hover-duration) ease;border-left:3px solid #0000;border-radius:10px;padding-bottom:.68rem;padding-right:.8rem;font-size:1.5rem}.article-toc .toc-nav a:hover,.article-toc .toc-nav a:focus-visible,.article-toc .toc-nav a.is-active{border-left-color:var(--leftjun-hover-accent);background:var(--leftjun-hover-surface);color:var(--leftjun-hover-accent);transform:translate(2px)}.right-sidebar .toc-nav a{padding:.78rem .88rem .78rem calc(1.28rem + var(--toc-indent,0px));color:var(--card-text-color-secondary);overflow-wrap:anywhere;transition:transform var(--leftjun-hover-duration) ease, background-color var(--leftjun-hover-duration) ease, border-color var(--leftjun-hover-duration) ease, color var(--leftjun-hover-duration) ease;border-left:3px solid #0000;border-radius:14px;font-size:16.6px;font-weight:700;line-height:1.52;position:relative}.right-sidebar .toc-nav a:before{content:"";opacity:.82;background:currentColor;border-radius:999px;width:.42rem;height:.42rem;position:absolute;top:50%;left:.22rem;transform:translateY(-50%)}.right-sidebar .toc-nav a:hover,.right-sidebar .toc-nav a:focus-visible,.right-sidebar .toc-nav a.is-active{border-left-color:var(--leftjun-hover-accent);background:var(--leftjun-hover-surface);box-shadow:var(--leftjun-surface-shadow-soft);color:var(--leftjun-hover-accent);transform:translate(2px)}.right-sidebar .tagCloud-tags{flex-wrap:wrap;gap:.95rem 1rem;display:flex}.right-sidebar .tagCloud-tags span,.right-sidebar .tagCloud-tags a,.right-sidebar .tagCloud-tags button{appearance:none;border:1px solid var(--card-separator-color);background:var(--leftjun-surface-strong);min-height:3.35rem;box-shadow:var(--leftjun-surface-shadow-soft);color:var(--card-text-color-secondary);cursor:pointer;transition:transform var(--leftjun-hover-duration) ease, box-shadow var(--leftjun-hover-duration) ease, border-color var(--leftjun-hover-duration) ease, color var(--leftjun-hover-duration) ease, background-color var(--leftjun-hover-duration) ease;border-radius:999px;align-items:center;padding:.8rem 2rem;font-size:14px;font-weight:400;line-height:1.15;text-decoration:none;display:inline-flex}:root[data-scheme=dark] .right-sidebar .tagCloud-tags span,:root[data-scheme=dark] .right-sidebar .tagCloud-tags a,:root[data-scheme=dark] .right-sidebar .tagCloud-tags button{color:#ffffffb3;background:#424242;border-color:#ffffff1f;box-shadow:0 4px 8px #0000000a,0 0 2px #0000000f,0 0 1px #0000000a}.right-sidebar .tagCloud-tags span:hover,.right-sidebar .tagCloud-tags a:hover,.right-sidebar .tagCloud-tags a:focus-visible,.right-sidebar .tagCloud-tags button:hover,.right-sidebar .tagCloud-tags button:focus-visible{transform:translateY(var(--leftjun-hover-lift));border-color:var(--leftjun-hover-border);background:var(--leftjun-hover-surface);box-shadow:var(--leftjun-hover-shadow);color:var(--leftjun-hover-accent)}.right-sidebar .tagCloud-tags a:focus-visible,.right-sidebar .tagCloud-tags button:focus-visible{outline:3px solid color-mix(in srgb, var(--leftjun-hover-accent) 30%, transparent);outline-offset:3px}.right-sidebar .tagCloud-tags a.is-active,.right-sidebar .tagCloud-tags button.is-active{border-color:color-mix(in srgb, var(--leftjun-primary) 48%, var(--card-separator-color));background:color-mix(in srgb, var(--leftjun-primary) 16%, var(--leftjun-surface-strong));color:var(--leftjun-primary);order:-1;font-weight:760;box-shadow:0 12px 26px #1f7ed433,inset 0 0 0 1px #1f7ed424}:root[data-scheme=dark] .right-sidebar .tagCloud-tags a.is-active,:root[data-scheme=dark] .right-sidebar .tagCloud-tags button.is-active{color:#8ab8ef;background:#5fa8ff2e;border-color:#8ab8ef75;box-shadow:0 12px 28px #2760ae3d,inset 0 0 0 1px #8ab8ef29}.project-index-type-list,.project-index-list{flex-direction:column;gap:.58rem;margin:0;padding:0;list-style:none;display:flex}.records-filter-list{flex-flow:column;gap:.58rem}.project-index-type-button,.project-index-list a{text-align:left;border-radius:14px;width:100%}.project-index-type-button{box-shadow:none;background:0 0;border-color:#0000}.right-sidebar .project-index-type-button{min-height:4.2rem;padding:.85rem 1rem;font-size:1.6rem;font-weight:400;line-height:1.45}.right-sidebar .records-filter-button{width:100%;min-height:4.2rem;box-shadow:none;text-align:left;background:0 0;border-color:#0000;border-radius:14px;padding:.85rem 1rem;font-size:1.6rem;font-weight:400;line-height:1.45}.right-sidebar .records-filter-button.is-active{border-color:color-mix(in srgb, var(--leftjun-primary) 48%, var(--card-separator-color));background:color-mix(in srgb, var(--leftjun-primary) 16%, var(--leftjun-surface-strong));color:var(--leftjun-primary);font-weight:780;box-shadow:0 12px 26px #1f7ed429,inset 0 0 0 1px #1f7ed41f}:root[data-scheme=dark] .right-sidebar .records-filter-button{background:#ffffff0d}:root[data-scheme=dark] .right-sidebar .records-filter-button.is-active{color:#8ab8ef;background:#5fa8ff2e;border-color:#8ab8ef75}.right-sidebar .project-index-type-button:hover,.right-sidebar .project-index-type-button:focus-visible,.right-sidebar .project-index-type-button.is-active,.right-sidebar .records-filter-button:hover,.right-sidebar .records-filter-button:focus-visible,.right-sidebar .records-filter-button.is-active{transform:translateY(var(--leftjun-hover-lift));border-color:color-mix(in srgb, var(--leftjun-primary) 48%, var(--card-separator-color));background:color-mix(in srgb, var(--leftjun-primary) 16%, var(--leftjun-surface-strong));color:var(--leftjun-primary);font-weight:780;box-shadow:0 12px 26px #1f7ed429,inset 0 0 0 1px #1f7ed41f}:root[data-scheme=dark] .right-sidebar .project-index-type-button:hover,:root[data-scheme=dark] .right-sidebar .project-index-type-button:focus-visible,:root[data-scheme=dark] .right-sidebar .project-index-type-button.is-active,:root[data-scheme=dark] .right-sidebar .records-filter-button:hover,:root[data-scheme=dark] .right-sidebar .records-filter-button:focus-visible,:root[data-scheme=dark] .right-sidebar .records-filter-button.is-active{color:#8ab8ef;background:#5fa8ff2e;border-color:#8ab8ef75;box-shadow:0 12px 28px #2760ae3d,inset 0 0 0 1px #8ab8ef29}.project-index-list a{color:var(--card-text-color-main);transition:transform var(--leftjun-hover-duration) ease, box-shadow var(--leftjun-hover-duration) ease, border-color var(--leftjun-hover-duration) ease, background-color var(--leftjun-hover-duration) ease, color var(--leftjun-hover-duration) ease;border:1px solid #0000;border-radius:14px;padding:.7rem .86rem;font-size:14px;line-height:1.45;display:block}.project-index-list a:hover,.project-index-list a:focus-visible{border-color:var(--leftjun-hover-border);background:var(--leftjun-hover-surface);box-shadow:var(--leftjun-hover-shadow);color:var(--leftjun-hover-accent);transform:translate(2px)}.site-footer{color:var(--card-text-color-tertiary);text-align:left;padding:4px 0 28px;font-size:.86rem}.footer-single-line{white-space:nowrap}@media (width>=768px){.container.extended{width:100%;max-width:none;padding-left:calc(var(--leftjun-sidebar-width) + var(--leftjun-column-gap));padding-right:var(--leftjun-layout-gutter)}.left-sidebar{--sidebar-avatar-size:88px;--emoji-size:24px;--emoji-font-size:13px;--sidebar-menu-min-gap:.42rem;--sidebar-bottom-reserve-gap:clamp(3.75rem, 6vh, 5.6rem);box-shadow:none;backdrop-filter:blur(24px)saturate(1.1);background:linear-gradient(#ffffffdb,#f1f9ffc2),radial-gradient(circle at 10% 4%,#0f7aff14,#0000 22rem);border-width:0 1px 0 0;border-color:#2f72b814;border-radius:0;gap:clamp(1.05rem,1.55vh,1.7rem);min-height:0;padding:clamp(1.45rem,2.4vh,2.45rem) clamp(1.35rem,1.45vw,2rem) clamp(.85rem,1.3vh,1.35rem);overflow:hidden}:root[data-scheme=dark] .left-sidebar{background:linear-gradient(#121f26f5,#0e181feb);border-color:#8ab8ef21}.left-sidebar.sticky{width:var(--leftjun-sidebar-width);max-width:var(--leftjun-sidebar-width);height:100dvh;max-height:100dvh;position:fixed;top:0;left:0}.sidebar-profile-card{flex-direction:column;flex:none;gap:clamp(.85rem,1.2vh,1.15rem);min-height:0;display:flex}.brand{width:min(100%,180px)}.brand-logo-lockup{width:min(180px,100%);height:auto;max-height:38px}.left-sidebar header{gap:.92rem}.site-avatar .site-logo{border-radius:999px;box-shadow:0 13px 26px #26548429}.site-avatar .emoji{border-width:3px;bottom:-1px;right:-1px}.site-meta{gap:.52rem}.site-name{font-size:26px;line-height:1.08}.site-role-pill{min-height:2.48rem;padding:.5rem .98rem;font-size:1.12rem}.site-identity{min-height:0;color:var(--leftjun-primary);box-shadow:none;background:0 0;border-color:#0000;padding:0;font-size:1.24rem;line-height:1.15}.site-description{max-width:19rem;font-size:1.16rem;line-height:1.46}.menu-social{gap:.56rem}.menu-social li a{width:2.9rem;height:2.9rem;box-shadow:none;color:var(--card-text-color-main);background:0 0;border-color:#0000}:root[data-scheme=dark] .menu-social li a{color:var(--card-text-color-main);background:0 0}#main-menu{gap:var(--sidebar-menu-min-gap);overscroll-behavior:contain;scrollbar-gutter:stable;flex:auto;justify-content:space-between;min-height:0;padding-right:0;overflow:hidden auto}#main-menu li{flex:none}#main-menu li>a,#i18n-switch{min-height:3.75rem;color:color-mix(in srgb, var(--card-text-color-secondary) 88%, var(--card-text-color-main));border-radius:12px;gap:.62rem;padding:.54rem .72rem;font-weight:650}#main-menu li>a:hover,#main-menu li>a:focus-visible,#main-menu li.current>a,#i18n-switch:hover,#i18n-switch:focus-visible{background:color-mix(in srgb, var(--leftjun-primary) 10%, transparent);color:var(--leftjun-primary);font-weight:820;transform:none}#dark-mode-toggle{border-color:color-mix(in srgb, var(--leftjun-primary) 12%, var(--card-separator-color));background:#ffffffa3;justify-content:space-between;min-height:3.78rem;padding-inline:.82rem;font-size:1.3rem;box-shadow:0 9px 20px #2356880e}:root[data-scheme=dark] #dark-mode-toggle{background:#8ab8ef14}.sidebar-bottom-actions{margin-top:var(--sidebar-bottom-reserve-gap);flex:none;margin-bottom:1px}#sidebar-collapse-toggle{border-color:color-mix(in srgb, var(--leftjun-primary) 12%, var(--card-separator-color));min-height:3.78rem;transition:width var(--sidebar-collapse-duration) var(--sidebar-collapse-ease), min-height var(--sidebar-collapse-duration) var(--sidebar-collapse-ease), padding var(--sidebar-collapse-duration) var(--sidebar-collapse-ease), gap var(--sidebar-collapse-duration) var(--sidebar-collapse-ease), border-radius var(--sidebar-collapse-duration) var(--sidebar-collapse-ease), transform var(--leftjun-hover-duration) ease, background-color var(--leftjun-hover-duration) ease, background var(--leftjun-hover-duration) ease, color var(--leftjun-hover-duration) ease, box-shadow var(--leftjun-hover-duration) ease;background:#ffffffa3;justify-content:space-between;padding-inline:.82rem;font-size:1.3rem;display:flex;overflow:hidden;box-shadow:0 9px 20px #2356880e}#sidebar-collapse-toggle .inline-icon{transition:transform .22s}.container.extended{transition:padding-left .26s cubic-bezier(.22,1,.36,1)}.left-sidebar{--sidebar-collapse-duration:.26s;--sidebar-collapse-ease:cubic-bezier(.22, 1, .36, 1);transition:width var(--sidebar-collapse-duration) var(--sidebar-collapse-ease), max-width var(--sidebar-collapse-duration) var(--sidebar-collapse-ease), padding var(--sidebar-collapse-duration) var(--sidebar-collapse-ease), gap var(--sidebar-collapse-duration) var(--sidebar-collapse-ease), background var(--sidebar-collapse-duration) ease, border-color var(--sidebar-collapse-duration) ease}.left-sidebar header,#main-menu,.brand{transition:gap var(--sidebar-collapse-duration) var(--sidebar-collapse-ease), width var(--sidebar-collapse-duration) var(--sidebar-collapse-ease)}.site-avatar{transition:width var(--sidebar-collapse-duration) var(--sidebar-collapse-ease), height var(--sidebar-collapse-duration) var(--sidebar-collapse-ease)}#main-menu li>a,#i18n-switch,#dark-mode-toggle,#sidebar-collapse-toggle{transition:width var(--sidebar-collapse-duration) var(--sidebar-collapse-ease), min-height var(--sidebar-collapse-duration) var(--sidebar-collapse-ease), padding var(--sidebar-collapse-duration) var(--sidebar-collapse-ease), gap var(--sidebar-collapse-duration) var(--sidebar-collapse-ease), border-radius var(--sidebar-collapse-duration) var(--sidebar-collapse-ease), transform var(--leftjun-hover-duration) ease, background-color var(--leftjun-hover-duration) ease, background var(--leftjun-hover-duration) ease, color var(--leftjun-hover-duration) ease, box-shadow var(--leftjun-hover-duration) ease;overflow:hidden}.menu-label,.theme-toggle__label,.sidebar-collapse-toggle__label{opacity:1;white-space:nowrap;max-width:15rem;transition:max-width .2s var(--sidebar-collapse-ease), opacity .16s ease, transform .2s var(--sidebar-collapse-ease);overflow:hidden;transform:translate(0)}body.sidebar-collapsed{--leftjun-sidebar-width:88px;--leftjun-column-gap:clamp(18px, 2vw, 28px)}body.sidebar-collapsed .left-sidebar{--sidebar-avatar-size:48px;--emoji-size:16px;--emoji-font-size:10px;align-items:center;gap:1.4rem;padding:2rem 1rem}body.sidebar-collapsed .left-sidebar header{align-items:center;gap:.8rem}body.sidebar-collapsed .site-meta,body.sidebar-collapsed .menu-social,body.sidebar-collapsed .menu-label,body.sidebar-collapsed .theme-toggle__label,body.sidebar-collapsed .sidebar-collapse-toggle__label{opacity:0;pointer-events:none;max-width:0;transform:translate(-6px)}body.sidebar-collapsed .site-avatar .site-logo{border-radius:18px}body.sidebar-collapsed .site-avatar .emoji{border-width:2px;bottom:-2px;right:-2px}body.sidebar-collapsed #main-menu{overscroll-behavior:contain;scrollbar-gutter:stable;flex:auto;justify-content:flex-start;align-items:center;gap:.55rem;width:100%;min-height:0;overflow:hidden auto}body.sidebar-collapsed #main-menu li{width:100%}body.sidebar-collapsed #main-menu li>a,body.sidebar-collapsed #i18n-switch,body.sidebar-collapsed #dark-mode-toggle,body.sidebar-collapsed #sidebar-collapse-toggle{border-radius:18px;justify-content:center;gap:0;width:52px;min-height:52px;padding:0}body.sidebar-collapsed #main-menu .inline-icon,body.sidebar-collapsed #i18n-switch .inline-icon,body.sidebar-collapsed #sidebar-collapse-toggle>.inline-icon{place-items:center;width:18px;height:18px;display:inline-grid}body.sidebar-collapsed #dark-mode-toggle .theme-toggle__icon{width:18px;height:18px}body.sidebar-collapsed .sidebar-bottom-actions{place-items:center;gap:.65rem;width:100%;margin-top:auto}body.sidebar-collapsed #sidebar-collapse-toggle .inline-icon{transform:rotate(180deg)}.site-content-layout.has-right-sidebar{grid-template-columns:minmax(0, 1fr) minmax(240px, var(--right-sidebar-max-width));gap:var(--layout-column-gap)}.list-page .site-content-layout.has-right-sidebar{width:calc(100% - 15px)}}@media (width>=768px) and (width<=1180px){:root{--leftjun-sidebar-width:clamp(226px, 21vw, 252px);--layout-column-gap:clamp(18px, 1.7vw, 28px);--leftjun-column-gap:var(--layout-column-gap)}.left-sidebar{--sidebar-avatar-size:76px;--sidebar-menu-min-gap:.34rem;--sidebar-bottom-reserve-gap:clamp(2.75rem, 4.8vh, 3.9rem);gap:1.4rem;min-height:0;padding:2.2rem 1.55rem 1.1rem;overflow:hidden}.sidebar-profile-card{flex:none}#main-menu,body.sidebar-collapsed #main-menu{overscroll-behavior:contain;scrollbar-gutter:stable;flex:auto;justify-content:space-between;min-height:0;overflow:hidden auto}body.sidebar-collapsed #main-menu{justify-content:flex-start}.sidebar-bottom-actions{margin-top:var(--sidebar-bottom-reserve-gap);flex:none}.site-name{font-size:23px}.site-description{font-size:1.18rem}#main-menu li>a,#i18n-switch,#dark-mode-toggle{gap:.85rem;min-height:3.35rem;padding:.58rem .72rem;font-size:13px}}@media (width<=1360px) and (width>=768px){.site-content-layout.has-right-sidebar{grid-template-columns:1fr}.site-content-layout>.right-sidebar{display:none}.article-toc{display:block}}@media (width<=1120px){.home-hero__content{max-width:38rem}.home-hero__stage{width:100%;max-width:none}.home-dashboard{grid-template-columns:1fr}.home-project-grid,.home-workflow__grid,.home-post-list{grid-template-columns:repeat(2,minmax(0,1fr))}.project-info-strip__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.project-info-strip__item{border-right:0;padding:0}.project-info-strip__item+.project-info-strip__item{padding-left:0}}@media (width<=900px){.home-topbar{display:none}.home-hero{border-radius:20px;gap:0;min-height:auto;padding:0;display:grid}.home-hero:before,.home-hero__media-link:before{display:none}.home-hero:after{opacity:.36}.home-hero__content{order:2;gap:.75rem;max-width:100%;min-height:0;padding:18px}.home-hero__title{font-size:clamp(40px,8vw,56px);line-height:1}.home-hero__role{font-size:clamp(18px,3.2vw,22px)}.home-hero__subtitle{max-width:28rem;font-size:15.5px;line-height:1.38}.home-hero__skills{gap:.42rem}.home-hero__skills span{min-height:1.72rem;padding:.34rem .58rem;font-size:.76rem}.home-hero__summary-list{min-height:10.6rem}.home-hero__summary small{-webkit-line-clamp:3}.home-hero__stage{aspect-ratio:16/9;background:color-mix(in srgb, var(--leftjun-primary) 6%, #f8fbff);border-radius:18px;order:1;height:auto;position:relative;inset:auto}:root[data-scheme=dark] .home-hero__stage{background:#08111ab8}.home-hero__media-blur{opacity:.34}.home-hero__media-frame{place-items:center;display:grid}.home-hero__media-frame img,.home-hero__media-frame video{object-fit:contain;object-position:center;width:100%;max-width:none;height:100%}.home-hero__dots{top:min(56.25vw - 40.875px,268px);bottom:auto}.home-hero__scroll{display:none}}@media (width<=767px){:root{--main-top-padding:16px;--section-separation:9px;--card-padding:20px}.main-container{align-items:stretch;width:100%;max-width:100%;padding:35px 15px 0;overflow-x:hidden}.left-sidebar{width:100%;max-width:100%;min-height:0;box-shadow:none;-webkit-backdrop-filter:none;background:0 0;border:0;border-radius:0;gap:6px;padding:0}.sidebar-profile-card{border:1px solid var(--card-separator-color);background:var(--leftjun-sidebar-background);width:100%;min-height:186px;box-shadow:var(--leftjun-surface-shadow);-webkit-backdrop-filter:blur(12px)saturate(1.12);border-radius:22px;flex-direction:column;flex:none;gap:12.5px;margin-bottom:6px;padding:13.5px;display:flex;position:relative}.brand{width:min(166px,100% - 54px);height:40px;min-height:40px}.brand-logo-lockup{width:min(166px,100%);height:auto;max-height:36px}.left-sidebar header{padding-right:54px}.site-avatar{--sidebar-avatar-size:100px}.site-name{font-size:21.5px;line-height:24.08px}.site-description{font-size:14.7px;line-height:1.54}.mobile-sidebar-search{z-index:18;-webkit-backdrop-filter:blur(20px)saturate(1.16);background:#f4faffb8;border:1px solid #7aaed642;border-radius:24px;flex:none;grid-template-columns:minmax(0,1fr) 42px;align-items:center;gap:8px;width:100%;padding:7px;display:grid;position:relative;box-shadow:0 14px 34px #2356881f}:root[data-scheme=dark] .mobile-sidebar-search{background:#16232eb8;border-color:#8fb8e02e;box-shadow:0 18px 36px #0000003d}.mobile-sidebar-search__field{min-width:0;min-height:42px;color:color-mix(in srgb, var(--leftjun-primary-deep) 72%, var(--leftjun-primary));background:#ffffffe6;border-radius:999px;align-items:center;gap:10px;padding:0 14px;display:flex;box-shadow:inset 0 0 0 1px #36577c1a}:root[data-scheme=dark] .mobile-sidebar-search__field{color:#c8def8;background:#ffffff14;box-shadow:inset 0 0 0 1px #b4d3f41f}.mobile-sidebar-search__field .inline-icon{flex:none;width:18px;height:18px}.mobile-sidebar-search__field input{width:100%;min-width:0;color:var(--card-text-color-main);background:0 0;border:0;outline:0;font-size:14px;font-weight:720;line-height:1.2}.mobile-sidebar-search__field input::placeholder{color:var(--card-text-color-tertiary)}.mobile-sidebar-search__theme{width:42px;height:42px;color:var(--card-text-color-main);cursor:pointer;background:#ffffffe0;border:0;border-radius:999px;place-items:center;display:grid;box-shadow:inset 0 0 0 1px #36577c1a,0 8px 18px #2356881a}:root[data-scheme=dark] .mobile-sidebar-search__theme{color:#e8f2ff;background:#ffffff1a;box-shadow:inset 0 0 0 1px #b4d3f41f,0 10px 20px #00000038}.mobile-sidebar-search__theme-icon{place-items:center;display:grid}.mobile-sidebar-search__theme-icon .inline-icon{width:18px;height:18px;transition:opacity var(--leftjun-hover-duration) ease, transform var(--leftjun-hover-duration) ease;grid-area:1/1}.mobile-sidebar-search__theme-icon .inline-icon:last-child,.mobile-sidebar-search__theme[data-scheme-state=dark] .mobile-sidebar-search__theme-icon .inline-icon:first-child{opacity:0;transform:scale(.86)}.mobile-sidebar-search__theme[data-scheme-state=dark] .mobile-sidebar-search__theme-icon .inline-icon:last-child{opacity:1;transform:scale(1)}.mobile-sidebar-search__results{z-index:260;-webkit-backdrop-filter:blur(18px)saturate(1.16);background:#fffffff5;border-radius:22px;max-height:min(54vh,420px);padding:8px;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow:auto;box-shadow:0 22px 46px #1c416833}.mobile-sidebar-search__results[hidden]{display:none}:root[data-scheme=dark] .mobile-sidebar-search__results{background:#121e26f5;box-shadow:0 24px 48px #00000057}.mobile-sidebar-search__result,.mobile-sidebar-search__empty{border-radius:14px;gap:4px;padding:10px 12px;display:grid}.mobile-sidebar-search__result:hover,.mobile-sidebar-search__result:focus-visible{background:color-mix(in srgb, var(--leftjun-primary) 10%, transparent);outline:none}.mobile-sidebar-search__result-section{color:var(--leftjun-primary);font-size:11px;font-weight:900}.mobile-sidebar-search__result-title{color:var(--card-text-color-main);font-size:14px;line-height:1.28}.mobile-sidebar-search__result-description,.mobile-sidebar-search__result-tags,.mobile-sidebar-search__empty{color:var(--card-text-color-secondary);font-size:12px;font-style:normal;line-height:1.42}.mobile-sidebar-search__result-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.mobile-sidebar-search__result-tags{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.menu-social{flex-wrap:wrap;align-items:center;gap:8px;max-width:100%;padding-right:0}.menu-social li a{width:34px;height:34px}.mobile-social-language{margin-left:auto;display:block}.menu-social .mobile-social-language a{background:color-mix(in srgb, var(--leftjun-primary) 12%, var(--leftjun-surface-strong));width:auto;min-width:74px;height:34px;color:color-mix(in srgb, var(--leftjun-primary-deep) 72%, var(--leftjun-primary));white-space:nowrap;border-color:#0000;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:12px;font-weight:820;line-height:1;display:inline-flex}.menu-social .mobile-social-language a .inline-icon{width:14px;height:14px}#i18n-switch{display:none}main.main,.site-content-layout,.home-hero,.home-stats,.home-dashboard,.section-card,.section-hero,.main-article,.project-card,.home-workflow__item,.home-plan-card{width:100%;min-width:0;max-width:100%}main.main{width:100%;max-width:100%}.home-page main.main{gap:24px}#main-menu{opacity:0;pointer-events:none;flex:none;gap:6.5px;max-height:0;padding-right:0;transition:max-height .34s cubic-bezier(.22,1,.36,1),opacity .22s,transform .28s;display:flex;overflow:hidden;transform:translateY(-8px)}#main-menu li{opacity:0;transition:opacity .22s,transform .28s;transform:translate(-6px)}#main-menu li>a,#i18n-switch{min-height:37px;padding:7.6px 10.5px;font-size:14px;line-height:16.1px}#dark-mode-toggle{gap:7px;min-height:39px;padding:7.6px 10.5px;font-size:16px;line-height:18.4px}#sidebar-collapse-toggle{display:none}.sidebar-bottom-actions{opacity:0;pointer-events:none;gap:6px;max-height:0;padding-top:0;transition:max-height .3s cubic-bezier(.22,1,.36,1),opacity .22s,transform .28s,padding-top .28s;display:grid;overflow:hidden;transform:translateY(-6px)}body.show-menu #main-menu,html.mobile-menu-preopen #main-menu{opacity:1;pointer-events:auto;max-height:340px;transform:translateY(0)}body.show-menu #main-menu li,html.mobile-menu-preopen #main-menu li{opacity:1;transform:translate(0)}body.show-menu #main-menu li:first-child,html.mobile-menu-preopen #main-menu li:first-child{transition-delay:30ms}body.show-menu #main-menu li:nth-child(2),html.mobile-menu-preopen #main-menu li:nth-child(2){transition-delay:55ms}body.show-menu #main-menu li:nth-child(3),html.mobile-menu-preopen #main-menu li:nth-child(3){transition-delay:80ms}body.show-menu #main-menu li:nth-child(4),html.mobile-menu-preopen #main-menu li:nth-child(4){transition-delay:.105s}body.show-menu #main-menu li:nth-child(5),html.mobile-menu-preopen #main-menu li:nth-child(5){transition-delay:.13s}body.show-menu #main-menu li:nth-child(6),html.mobile-menu-preopen #main-menu li:nth-child(6){transition-delay:.155s}body.show-menu #main-menu li:nth-child(7),html.mobile-menu-preopen #main-menu li:nth-child(7){transition-delay:.18s}body.show-menu .sidebar-bottom-actions,html.mobile-menu-preopen .sidebar-bottom-actions{opacity:1;pointer-events:auto;max-height:58px;padding-top:4px;transform:translateY(0)}#toggle-menu{top:calc(8.86px + env(safe-area-inset-top));right:calc(11.85px + env(safe-area-inset-right));z-index:320;width:42.8px;height:42.8px;box-shadow:none;color:color-mix(in srgb, var(--accent-color) 54%, #eefaff);cursor:pointer;transition:background-color var(--leftjun-hover-duration) ease, box-shadow var(--leftjun-hover-duration) ease, color var(--leftjun-hover-duration) ease;background:0 0;border:0;border-radius:999px;outline:none;place-items:center;padding:0;display:grid;position:fixed}#toggle-menu:hover,#toggle-menu.is-active,html.mobile-menu-preopen #toggle-menu{background:color-mix(in srgb, var(--accent-color) 6%, transparent);box-shadow:0 0 0 1px color-mix(in srgb, var(--accent-color) 15%, transparent)}#toggle-menu:focus{outline:none}#toggle-menu:focus-visible{background:color-mix(in srgb, var(--leftjun-hover-surface) 58%, transparent);box-shadow:0 0 0 .18rem color-mix(in srgb, var(--accent-color) 18%, transparent)}#toggle-menu .hamburger-box{width:27.79px;height:20.29px;display:block;position:relative}#toggle-menu .hamburger-inner,#toggle-menu .hamburger-inner:before,#toggle-menu .hamburger-inner:after{transform-origin:50%;border-radius:999px;width:27.79px;height:2.25px;transition:transform .18s,opacity .18s,top .1s ease-out,bottom .1s ease-out;display:block;position:absolute;left:0;background-color:currentColor!important}#toggle-menu .hamburger-inner{margin-top:-1.1px;top:50%}#toggle-menu .hamburger-inner:before,#toggle-menu .hamburger-inner:after{content:""}#toggle-menu .hamburger-inner:before{top:-8.5px}#toggle-menu .hamburger-inner:after{bottom:-8.5px}html.mobile-menu-preopen #toggle-menu .hamburger-inner,#toggle-menu.is-active .hamburger-inner{transform:rotate(45deg)}html.mobile-menu-preopen #toggle-menu .hamburger-inner:before,#toggle-menu.is-active .hamburger-inner:before{opacity:0;top:0}html.mobile-menu-preopen #toggle-menu .hamburger-inner:after,#toggle-menu.is-active .hamburger-inner:after{bottom:0;transform:rotate(-90deg)}.site-avatar .status-tooltip{width:165px;min-width:0;max-width:calc(100vw - 105px);top:50%;left:calc(100% + 6.5px);transform:translateY(-50%)translate(-6px)}.home-hero__subtitle{max-width:23rem}.home-stats{border-radius:18px;grid-template-columns:repeat(3,minmax(0,1fr));justify-self:center;width:min(100%,100vw - 30px);max-width:calc(100vw - 30px);padding:.45rem;overflow:hidden}.home-stat{text-align:center;grid-template-columns:1fr;grid-template-areas:"icon""value""label";justify-items:center;gap:.24rem;min-width:0;padding:.55rem .22rem;overflow:hidden}.home-stat .inline-icon{width:1.55rem;height:1.55rem}.home-stat strong{font-size:2rem}.home-stat span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.64rem;overflow:hidden}.home-stat small{display:none}.home-section__header{flex-direction:column;align-items:flex-start}.home-dashboard,.home-dashboard .home-project-grid{grid-template-columns:1fr}.home-dashboard .home-development-plans{border-radius:18px;padding:1rem}.home-project-grid,.home-plan-grid,.home-post-list,.home-workflow__grid,.project-list,.project-showcase[data-view=grid] .project-list,.project-records__list,.project-facts__grid,.project-info-strip__grid{grid-template-columns:1fr}.home-workflow__preview{display:none}.project-showcase[data-view=single] .project-card{border:1px solid var(--card-separator-color);background:var(--leftjun-neutral-card-background);box-shadow:var(--leftjun-surface-shadow-soft);padding:.68rem;overflow:hidden}.project-showcase[data-view=single] .project-card:hover,.project-showcase[data-view=single] .project-card:focus-within{transform:translateY(var(--leftjun-hover-lift));box-shadow:var(--leftjun-hover-shadow)}.project-showcase[data-view=single] .project-card a{display:block}.project-showcase[data-view=single] .project-card__image{box-shadow:none;border-radius:18px}.project-showcase[data-view=single] .project-card__content{box-shadow:none;background:0 0;border:0;border-radius:0;padding:1.08rem .78rem .82rem}.project-showcase[data-view=single] .project-card[data-project-type=game]{border-color:var(--leftjun-game-card-border);background:var(--leftjun-game-card-background)}.project-showcase[data-view=single] .project-card[data-project-type=embedded]{border-color:var(--leftjun-embedded-card-border);background:var(--leftjun-embedded-card-background)}:root[data-scheme=dark] .project-showcase[data-view=single] .project-card[data-project-type=game]{background:var(--leftjun-game-card-background);border-color:#8ab8ef42}:root[data-scheme=dark] .project-showcase[data-view=single] .project-card[data-project-type=embedded]{background:var(--leftjun-embedded-card-background);border-color:#6ac5b547}.project-showcase[data-view=single] .project-card__title{font-size:26px;line-height:1.18}.project-showcase[data-view=single] .project-card__description{font-size:14.8px;line-height:1.58}.project-showcase[data-view=single] .project-card__roles,.project-showcase[data-view=single] .project-card__tags{gap:.38rem;margin-top:.72rem}.project-showcase[data-view=single] .project-card__role,.project-showcase[data-view=single] .project-card__tag{min-height:1.55rem;padding:.3rem .58rem;font-size:.76rem}.related-content--wrapper{margin-left:1rem;margin-right:1rem}.related-content{margin-right:-1rem;padding-bottom:.8rem;padding-right:1rem}.related-grid{flex-wrap:nowrap;gap:.75rem;width:max-content;display:flex}.related-card{border-radius:16px;flex-basis:min(82vw,360px)}.related-card__overlay{padding:.85rem}.related-card__overlay h3{font-size:1rem}.related-card__pills span{min-height:1.24rem;padding:.22rem .46rem;font-size:.68rem}.home-action,.project-links__button,.action-button{font-size:16.8px}.article-list--compact .post-card>a{flex-direction:column;padding:.72rem}.article-list--compact .article-image{flex-basis:auto;width:100%}.compact-title-row{flex-direction:column;align-items:flex-start;gap:6px}.compact-pill-list{justify-content:flex-start;margin-left:0}.right-sidebar{display:none}.article-toc{display:block}.main-article .article-image img,.main-article .article-image video{height:58vw;min-height:210px}.project-detail-hero{background:var(--leftjun-reading-surface);min-height:0}.project-detail-hero:before{display:none}.project-detail-page .main-article .article-image img,.project-detail-page .main-article .article-image video{height:58vw;min-height:210px}.project-detail-hero__details{width:100%;padding:var(--card-padding);position:relative}.project-detail-kicker{color:var(--leftjun-primary)}.project-detail-hero .article-title{color:var(--card-text-color-main);font-size:32px;line-height:1.08}.project-detail-hero .article-subtitle{color:var(--card-text-color-secondary);font-size:15.5px;line-height:1.6}.project-detail-pills span{background:var(--leftjun-primary-soft);color:color-mix(in srgb, var(--leftjun-primary-deep) 78%, var(--leftjun-primary));box-shadow:none}.project-info-strip{margin-left:1rem;margin-right:1rem;padding:1rem}.project-info-strip__item,.project-info-strip__item+.project-info-strip__item{border-right:0;border-bottom:1px solid var(--card-separator-color);padding:0 0 .8rem}.project-info-strip__item:last-child{border-bottom:0;padding-bottom:0}.project-facts,.project-records,.project-links{margin-left:1rem;margin-right:1rem}.project-facts__title,.project-links__title,.project-records__title,.related-content--wrapper>h2{font-size:1.72rem}.project-links__list{gap:.58rem}.project-links__button{white-space:normal;max-width:100%}.project-records{padding:1rem}.project-records__button{min-width:0;padding:.82rem .9rem}.footer-single-line{white-space:normal}}@media (width<=900px){.home-workflow__preview{display:none}}@media (width<=620px){.home-hero__actions,.project-links__list{align-items:flex-start;gap:.5rem}.home-hero .home-action{gap:.32rem;min-height:34px;padding:.56rem .82rem;font-size:13.2px;line-height:1.1}.home-hero .home-action .inline-icon{width:14px;height:14px}.project-links__button{width:auto}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important}.section-card:hover,.home-workflow__item:hover,.home-plan-card:hover,.project-card:hover,.project-records__button:hover,#main-menu li>a:hover,.home-action:hover,.article-list--compact .post-card>a:hover{transform:none}}body{color:#172033;font-size:16px;line-height:1.65}:root[data-scheme=dark] body{color:var(--card-text-color-main)}@media (width>=768px){:root{--leftjun-sidebar-width:260px;--right-sidebar-max-width:260px;--layout-column-gap:clamp(24px, 2vw, 36px);--section-separation:30px;--content-item-gap:22px}.container.extended{padding-left:calc(var(--leftjun-sidebar-width) + 32px);padding-right:32px}.left-sidebar.sticky{width:var(--leftjun-sidebar-width);max-width:var(--leftjun-sidebar-width)}.site-content-layout.has-right-sidebar{grid-template-columns:minmax(0, 920px) var(--right-sidebar-max-width);justify-content:center;gap:32px}}.home-page main.main{gap:28px}.home-hero{border-radius:28px;min-height:420px;padding:clamp(44px,4.1vw,72px);box-shadow:0 28px 70px #2356881c}.home-hero:before{background:linear-gradient(90deg,#fffffff5 0%,#ffffffd1 34%,#ffffff40 58%,#ffffff05 100%),radial-gradient(circle at 13% 30%,#0f7aff14,#0000 22rem)}:root[data-scheme=dark] .home-hero:before{background:linear-gradient(90deg,#111d24f5 0%,#111d24d1 34%,#111d2440 58%,#111d2405 100%),radial-gradient(circle at 13% 30%,#5fa8ff1a,#0000 22rem)}.home-hero__content{gap:14px;max-width:520px;min-height:calc(420px - clamp(88px,8.2vw,144px))}.home-hero .home-hero__eyebrow{color:#4b5870;font-size:17px;font-weight:500}.home-hero__role{margin:0;font-size:clamp(24px,2.4vw,34px);font-weight:700;line-height:1.2}.home-hero__subtitle{color:#4b5870;max-width:520px;font-size:20px;font-weight:400;line-height:1.6}.home-action,.project-links__button,.action-button{gap:8px;min-height:46px;padding:0 24px;font-size:15px;font-weight:600}.home-action--primary,.action-button.primary{background:#007aff;box-shadow:0 14px 30px #007aff33}.home-action:not(.home-action--primary){color:#172033;background:#ffffffd9;border-color:#788caa2e}.home-hero__media-link:before{background:linear-gradient(90deg,#fffffff5 0%,#ffffffd1 34%,#ffffff40 58%,#ffffff05 100%);width:62%}.home-hero__media-frame img,.home-hero__media-frame video{object-fit:cover;object-position:62% center;width:100%;max-width:none}.home-stats{border-radius:24px;grid-template-columns:repeat(4,minmax(0,1fr));min-height:96px;padding:12px}.home-stat{text-align:center;grid-template-columns:1fr;grid-template-areas:"icon""value""label""detail";justify-items:center;gap:4px;padding:14px 12px}.home-stat .inline-icon{width:22px;height:22px}.home-stat strong{font-size:30px;font-weight:750}.home-stat span{font-size:14px;font-weight:600}.home-stat small{font-size:12px;font-weight:400}.home-dashboard{grid-template-columns:minmax(0,1fr) 360px;gap:28px}.home-dashboard .home-development-plans{border-radius:24px;position:sticky;top:90px}.home-dashboard .home-plan-card__title{font-size:15px;font-weight:650}.home-dashboard .home-plan-card__description{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;line-height:1.6;display:-webkit-box;overflow:hidden}.home-section__header h2{letter-spacing:0;font-size:clamp(28px,2.3vw,36px);font-weight:750}.home-project-grid{gap:22px}.home-project-grid .project-card{background:#ffffffd1;border-radius:22px}.home-project-grid .project-card__image{aspect-ratio:auto;height:180px}.home-project-grid .project-card__content{padding:18px 18px 20px}.home-project-grid .project-card__title{font-size:20px;font-weight:650;line-height:1.35}.home-project-grid .project-card__description{color:#66748a;min-height:auto;font-size:15px;font-weight:400;line-height:1.7}.home-project-grid .project-card__tag{border-radius:999px;min-height:0;padding:6px 10px;font-size:12px;font-weight:500}.home-project-grid .project-card__meta{font-size:13px;font-weight:500}.home-post-list{grid-template-columns:repeat(3,minmax(0,1fr))}.home-workflow__grid{grid-template-columns:repeat(4,minmax(0,1fr))}.project-detail-page .main-article{max-width:920px;box-shadow:none;backdrop-filter:none;background:0 0;border:0;margin-inline:auto;overflow:visible}.project-detail-page .article-header{background:0 0;gap:20px;display:grid}.project-detail-hero .article-image{border:0;border-radius:28px;height:360px;position:relative;overflow:hidden;box-shadow:0 24px 58px #23568821}.project-detail-page .main-article .article-image img,.project-detail-page .main-article .article-image video{object-fit:cover;height:100%;min-height:0}.project-hero-play-badge{z-index:2;color:#fff;backdrop-filter:blur(14px);background:#09111ead;border-radius:999px;align-items:center;gap:12px;padding:10px 14px 10px 10px;display:inline-flex;position:absolute;bottom:22px;left:22px}.project-hero-play-badge__button{color:#0f172a;background:#fff;border-radius:999px;place-items:center;width:42px;height:42px;font-size:15px;display:grid}.project-hero-play-badge strong,.project-hero-play-badge small{line-height:1.2;display:block}.project-hero-play-badge strong{font-size:14px;font-weight:650}.project-hero-play-badge small{color:#ffffffc2;margin-top:2px;font-size:12px}.project-detail-hero__details{padding:0}.project-detail-kicker{background:var(--leftjun-primary-soft);color:#007aff;border-radius:999px;width:max-content;margin:0 0 8px;padding:5px 9px;font-size:12px;font-weight:650}.project-detail-hero .article-title{color:#172033;letter-spacing:0;font-size:44px;font-weight:750;line-height:1.1}.project-detail-hero .article-subtitle{color:#5d6a7f;max-width:820px;font-size:18px;font-weight:400;line-height:1.7}.project-detail-pills{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.project-detail-pills span{min-height:0;padding:6px 11px;font-size:12px;font-weight:500}.project-info-strip{background:#ffffffc7;border:1px solid #788caa29;border-radius:24px;margin:20px 0 0;padding:24px 28px;box-shadow:0 18px 42px #23568812}.project-info-strip__grid{grid-template-columns:repeat(5,minmax(0,1fr))}.project-info-strip__item{padding:0 18px 0 0}.project-info-strip__item+.project-info-strip__item{padding-left:18px}.project-info-strip dt{color:#718096;font-size:13px;font-weight:500}.project-info-strip dt .inline-icon{width:18px;height:18px}.project-info-strip dd{color:#172033;font-size:16px;font-weight:650}.project-info-strip small{color:#7a8799;margin-top:5px;font-size:12px;font-weight:400;line-height:1.5;display:block}.project-info-strip__outcome{font-size:14px}.project-links{margin:16px 0 0}.project-links__list{gap:10px}.project-links__button{background:#ffffffd9;border-color:#788caa33}.project-links__button--retrospective{color:#0f766e}.project-detail-page .article-content{color:#273246;max-width:920px;margin:0 auto;padding:18px 0 0;font-size:17px;font-weight:400;line-height:1.85}.project-detail-page .article-content p{margin:0 0 1.1em}.project-detail-page .article-content h2{margin:56px 0 20px;font-size:28px;font-weight:750;line-height:1.3}.project-detail-page .article-content h3{margin:32px 0 12px;font-size:20px;font-weight:650}.project-detail-page .article-content li{margin-bottom:8px;line-height:1.8}.project-detail-page .article-content img,.project-detail-page .article-content video,.project-detail-page .article-content iframe{border-radius:18px}.case-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:24px 0 28px;display:grid}.case-card{background:#ffffffb8;border:1px solid #788caa29;border-radius:18px;padding:20px;box-shadow:0 12px 28px #2356880e}.article-content .case-card h3{margin-top:0}.article-content .case-card h3:before{display:none}.case-card p,.case-card ul{margin-bottom:0}.case-media-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:24px 0 32px;display:grid}.case-figure{background:#ffffffbd;border:1px solid #788caa29;border-radius:20px;margin:0;overflow:hidden;box-shadow:0 14px 32px #2356880f}.case-figure img{object-fit:contain;border:0;border-radius:0;width:100%;height:auto}.case-figure figcaption{color:#66748a;gap:5px;padding:14px 16px 16px;font-size:14px;line-height:1.65;display:grid}.case-figure figcaption strong{color:#172033;font-size:16px;font-weight:650}.right-sidebar{top:var(--right-sidebar-sticky-top);gap:16px}.right-sidebar .widget{background:#ffffffd1;border-radius:20px;padding:20px}.right-sidebar .widget-icon{display:none}.right-sidebar .widget-title{color:#172033;margin-bottom:14px;font-size:16px;font-weight:700}.right-sidebar .toc-nav{gap:8px}.right-sidebar .toc-nav a{padding:4px 0 4px calc(20px + var(--toc-indent,0px));box-shadow:none;color:#5d6a7f;background:0 0;border:0;border-radius:0;font-size:14px;font-weight:500;line-height:1.7}.right-sidebar .toc-nav a:before{background:#8a97aa;width:5px;height:5px;left:3px}.right-sidebar .toc-nav a:hover,.right-sidebar .toc-nav a:focus-visible,.right-sidebar .toc-nav a.is-active{box-shadow:none;color:#007aff;background:0 0;transform:none}.right-sidebar .toc-nav a:hover:before,.right-sidebar .toc-nav a:focus-visible:before,.right-sidebar .toc-nav a.is-active:before{background:#007aff;width:12px;height:12px;box-shadow:inset 0 0 0 4px #fff,0 0 0 3px #007aff21}.project-download-list{gap:12px;display:grid}.project-download-list a{color:#273246;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;font-size:14px;line-height:1.5;display:grid}.project-download-list .inline-icon{color:#007aff}.project-download-list .inline-icon:last-child{color:#7a8799;width:14px;height:14px;transform:rotate(90deg)}.project-summary-widget dl{gap:12px;margin:0;display:grid}.project-summary-widget dl div{justify-content:space-between;gap:16px;display:flex}.project-summary-widget dt,.project-summary-widget dd{margin:0;font-size:13px;line-height:1.5}.project-summary-widget dt{color:#718096}.project-summary-widget dd{color:#273246;text-align:right}:root[data-scheme=dark] .home-hero__subtitle,:root[data-scheme=dark] .home-hero .home-hero__eyebrow,:root[data-scheme=dark] .project-detail-hero .article-subtitle,:root[data-scheme=dark] .project-detail-page .article-content,:root[data-scheme=dark] .case-figure figcaption,:root[data-scheme=dark] .right-sidebar .toc-nav a,:root[data-scheme=dark] .project-download-list a,:root[data-scheme=dark] .project-summary-widget dd{color:var(--card-text-color-secondary)}:root[data-scheme=dark] .home-action:not(.home-action--primary),:root[data-scheme=dark] .project-info-strip,:root[data-scheme=dark] .case-card,:root[data-scheme=dark] .case-figure,:root[data-scheme=dark] .right-sidebar .widget,:root[data-scheme=dark] .project-links__button{background:#16242ed1}:root[data-scheme=dark] .project-detail-hero .article-title,:root[data-scheme=dark] .project-info-strip dd,:root[data-scheme=dark] .case-figure figcaption strong,:root[data-scheme=dark] .right-sidebar .widget-title{color:var(--card-text-color-main)}@media (width<=1535px) and (width>=768px){.project-detail-page .site-content-layout.has-right-sidebar{grid-template-columns:1fr}.project-detail-page .site-content-layout>.right-sidebar{display:none}.project-detail-page .article-toc{display:block}}@media (width<=1120px){.home-dashboard,.home-post-list,.home-workflow__grid{grid-template-columns:1fr}.home-dashboard .home-project-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.home-dashboard .home-development-plans{position:static}.project-info-strip__grid,.case-card-grid,.case-media-grid{grid-template-columns:1fr}}@media (width<=900px){.home-hero{padding:0}.home-hero__content{padding:20px}.home-hero__title{font-size:clamp(40px,11vw,58px)}.home-hero__role{font-size:clamp(20px,5vw,26px)}.home-hero__subtitle{font-size:16px}.home-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.home-stat:nth-child(2):after{display:none}.project-detail-hero .article-image{aspect-ratio:16/9;border-radius:20px;height:auto}.project-detail-hero .article-title{font-size:34px}.project-detail-hero .article-subtitle{font-size:16px}.project-info-strip{margin-left:0;margin-right:0;padding:18px}.project-info-strip__item,.project-info-strip__item+.project-info-strip__item{border-right:0;border-bottom:1px solid var(--card-separator-color);padding:0 0 14px}.project-detail-page .article-content{font-size:16px}}@media (width>=1536px){.project-detail-page .container.extended{--project-detail-expanded-main-width:920px;--project-detail-collapsed-main-width:min(1080px, calc(100vw - 560px));--project-detail-sidebar-gap:32px;--project-detail-main-shift:-56px;--project-detail-collapsed-sidebar-shift:56px;--project-detail-collapsed-main-shift:calc(( (var(--leftjun-sidebar-width) + 32px) + (50vw + 460px + var(--project-detail-sidebar-gap) + var(--project-detail-collapsed-sidebar-shift)) - 100vw ) / 2);padding-right:calc(var(--leftjun-sidebar-width) + 32px)}.project-detail-page .site-content-layout.has-right-sidebar{grid-template-columns:minmax(0, var(--project-detail-collapsed-main-width));justify-content:center;align-items:start;position:relative}.project-detail-page main.main,.project-detail-page .main-article{width:100%;max-width:var(--project-detail-expanded-main-width);margin-inline:auto}.project-detail-page main.main{transform:translateX(var(--project-detail-main-shift))}.project-detail-page .site-content-layout>.right-sidebar{top:var(--right-sidebar-sticky-top);left:calc(50% + 460px + var(--project-detail-sidebar-gap));width:260px;max-height:calc(100vh - var(--right-sidebar-sticky-top) - 24px);overscroll-behavior:contain;scrollbar-width:thin;margin-top:0;display:flex;position:fixed;overflow-y:auto}.project-detail-page main.main{gap:18px}}@media (width>=768px){.project-detail-page main.main{gap:18px}}.home-hero{min-height:0;box-shadow:none;background:0 0;border-radius:0;grid-template-columns:minmax(360px,.4fr) minmax(0,.6fr);align-items:start;gap:clamp(18px,1.75vw,26px);padding:0;display:grid;overflow:visible}.home-hero__content,.home-hero__stage{align-self:start}.home-hero:before,.home-hero:after,.home-hero__media-link:before,.home-hero__media-blur,.home-hero__scroll{display:none}.home-hero__content{z-index:2;backdrop-filter:blur(18px)saturate(1.08);background:radial-gradient(circle at 86% 15%,#0f7aff14,#0000 8rem),radial-gradient(circle at 92% 86%,#60be971c,#0000 15rem),#ffffffd6;border:1px solid #788caa24;border-radius:28px;flex-direction:column;justify-content:center;gap:0;max-width:none;min-height:clamp(360px,29vw,430px);padding:clamp(32px,3vw,48px);display:flex;position:relative;box-shadow:0 24px 62px #23568814}:root[data-scheme=dark] .home-hero__content{background:radial-gradient(circle at 86% 15%,#5fa8ff1f,#0000 8rem),radial-gradient(circle at 92% 86%,#60be9714,#0000 15rem),#14222ad1;box-shadow:0 24px 62px #0000003d}.home-hero .home-hero__eyebrow{color:#6b778a;letter-spacing:0;margin:0 0 14px;font-size:14px;font-weight:650}.home-hero__title{letter-spacing:0;font-size:clamp(54px,5.1vw,76px);font-weight:850;line-height:.96}.home-hero__role{color:#007aff;letter-spacing:0;max-width:none;margin:16px 0 0;font-size:clamp(23px,2vw,30px);font-weight:760;line-height:1.24}.home-hero__subtitle{color:#536174;max-width:560px;margin:18px 0 0;font-size:16px;font-weight:450;line-height:1.75}.home-hero__actions{gap:12px;margin-top:24px}.home-hero .home-action{min-height:42px;padding:0 18px;font-size:14px;font-weight:700}.home-action[href$=\.pdf]{color:#172033}.home-hero__stats{border-top:1px solid #788caa29;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:28px;padding-top:20px;display:grid}.home-hero__stats span{text-align:center;border-right:1px solid #788caa29;justify-items:center;gap:7px;padding-inline:14px;display:grid}.home-hero__stats span:last-child{border-right:0}.home-hero__stats strong{color:#172033;letter-spacing:0;font-size:23px;font-weight:800;line-height:1}.home-hero__stats small{color:#657388;font-size:12.5px;font-weight:560;line-height:1.2}.home-hero__stage{z-index:1;aspect-ratio:16/9;background:#d8e7f0;border-radius:28px;width:100%;height:auto;min-height:0;position:relative;overflow:hidden;box-shadow:0 24px 62px #2356881a}.home-hero__media-link,.home-hero__media-frame{display:block;position:absolute;inset:0}.home-hero__media-frame{z-index:1;padding-left:0}.home-hero__media-frame img,.home-hero__media-frame video{object-fit:cover;object-position:center;filter:saturate(1.02)contrast(1.02);width:100%;max-width:none;height:100%}.home-hero__project-link{z-index:4;color:#fff;backdrop-filter:blur(16px)saturate(1.08);background:#0f172a75;border-radius:18px;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"label label""title icon";align-items:center;gap:4px 10px;min-width:min(220px,52%);padding:16px 18px;display:grid;position:absolute;bottom:clamp(18px,2vw,28px);left:clamp(18px,2vw,28px);box-shadow:0 18px 36px #0f172a2e}.home-hero__project-link small{color:#ffffffb8;grid-area:label;font-size:12px;font-weight:650}.home-hero__project-link strong{grid-area:title;font-size:22px;font-weight:780;line-height:1.2}.home-hero__project-link .inline-icon{grid-area:icon;width:22px;height:22px}.home-hero__dots{width:max-content;max-width:calc(100% - 36px);bottom:clamp(22px,2vw,30px);left:auto;right:clamp(18px,2vw,28px);transform:none}@media (width>=1181px){.home-hero{align-items:stretch}.home-hero__content{align-self:stretch;min-height:0;padding:clamp(28px,2.4vw,38px)}.home-hero .home-hero__eyebrow{margin-bottom:10px;font-size:13.5px}.home-hero__title{font-size:clamp(50px,4.65vw,68px)}.home-hero__role{margin-top:12px;font-size:clamp(22px,1.8vw,27px);line-height:1.18}.home-hero__subtitle{margin-top:15px;font-size:15.5px;line-height:1.62}.home-hero__actions{margin-top:20px}.home-hero .home-action{min-height:40px;padding-inline:16px}.home-hero__stats{margin-top:18px;padding-top:15px}.home-hero__stats span{gap:4px;padding-inline:10px}.home-hero__stats strong{font-size:21px}.home-hero__stats small{font-size:12px}body.sidebar-collapsed .home-hero{align-items:stretch}body.sidebar-collapsed .home-hero__content{align-self:stretch;height:100%;min-height:0}body.sidebar-collapsed .home-hero__stage{align-self:start}}@media (width>=901px) and (width<=1535px){.home-hero{grid-template-columns:minmax(300px,.38fr) minmax(0,.62fr);align-items:stretch;gap:clamp(16px,1.55vw,24px)}.home-hero__content,.home-hero__stage,body.sidebar-collapsed .home-hero__content,body.sidebar-collapsed .home-hero__stage{align-self:stretch;height:auto;min-height:0}.home-hero__stage{aspect-ratio:auto}.home-hero__content{justify-content:center;padding:clamp(22px,2.1vw,34px)}.home-hero .home-hero__eyebrow{margin-bottom:8px;font-size:13px}.home-hero__title{font-size:clamp(40px,4.2vw,62px);line-height:.98}.home-hero__role{margin-top:10px;font-size:clamp(20px,1.72vw,25px);line-height:1.18}.home-hero__subtitle{margin-top:12px;font-size:clamp(14px,1.08vw,15.5px);line-height:1.56}.home-hero__actions{gap:9px;margin-top:16px}.home-hero .home-action{min-height:38px;padding-inline:14px;font-size:13px}.home-hero__stats{margin-top:14px;padding-top:12px}.home-hero__stats span{gap:3px;padding-inline:8px}.home-hero__stats strong{font-size:19px}.home-hero__stats small{font-size:11.5px}}@media (width>=901px) and (width<=1120px){.home-hero{grid-template-columns:minmax(286px,.41fr) minmax(0,.59fr)}.home-hero__content{padding:22px}.home-hero__project-link{border-radius:16px;min-width:min(190px,56%);padding:12px 14px}.home-hero__project-link strong{font-size:18px}.home-hero__dots{bottom:18px;right:18px}}.home-dashboard{grid-template-columns:minmax(0,1fr) minmax(304px,328px);align-items:stretch;gap:clamp(18px,1.8vw,26px);padding-right:0}.home-dashboard .home-section__header{min-height:52px}.home-featured-projects{grid-template-rows:auto minmax(0,1fr);height:100%;display:grid}.home-section__side{flex-wrap:wrap;flex:none;justify-content:flex-end;align-items:center;gap:18px;margin-left:auto;display:flex}.home-mini-stats{color:#6b778a;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;font-size:13px;font-weight:500;line-height:1.2;display:flex}.home-mini-stats span{white-space:nowrap;align-items:baseline;gap:4px;display:inline-flex}.home-mini-stats span+span:before{content:"·";color:#9aa8ba;margin-right:2px}.home-mini-stats strong{color:#007aff;font-size:16px;font-weight:760}.home-dashboard .home-development-plans{background:#ffffffbd;border-radius:24px;grid-template-rows:auto minmax(0,1fr);align-self:stretch;height:100%;min-height:0;margin-top:0;padding:clamp(18px,1.55vw,22px);display:grid;box-shadow:0 18px 42px #23568812}.home-dashboard .home-development-plans .home-section__header{align-items:flex-end;min-height:36px;padding-top:0}.home-dashboard .home-development-plans .home-section__eyebrow{color:#6e7d91;letter-spacing:0;text-transform:uppercase;margin-bottom:3px;font-size:12px;font-weight:700}.home-dashboard .home-development-plans .home-section__header h2{letter-spacing:0;font-size:clamp(20px,1.45vw,24px);font-weight:780;line-height:1.08}.home-dashboard .home-development-plans .home-section__link{margin-top:0}.home-dashboard .home-plan-card__actions{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.home-dashboard .home-plan-card__main{padding-right:0}.home-dashboard .home-plan-card__meta{position:static}.home-dashboard .home-plan-grid{border-left:1px solid #007aff38;gap:0;padding-left:10px}.home-dashboard .home-plan-card{padding:0 0 12px 14px}.home-dashboard .home-plan-card:last-child{padding-bottom:0}.home-dashboard .home-plan-card:before{background:#007aff;border-width:3px;width:11px;height:11px;top:2px;left:-17px;box-shadow:0 0 0 4px #007aff17}.home-dashboard .home-plan-card__meta{color:#718096;font-size:11.5px;font-weight:700}.home-dashboard .home-plan-card__title{letter-spacing:0;margin-top:3px;font-size:15px;font-weight:760;line-height:1.26}.home-dashboard .home-plan-card__description{color:#66748a;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:3px;font-size:12.5px;line-height:1.42;display:-webkit-box;overflow:hidden}.home-dashboard .home-plan-card__tag{min-height:19px;padding:3px 7px;font-size:10.5px;font-weight:650}.home-dashboard .home-plan-card__pill{min-height:23px;padding:4px 8px;font-size:10.5px;font-weight:720}:root[data-scheme=dark] .home-dashboard .home-development-plans{background:#14222ac7;box-shadow:0 22px 50px #0000003d}.home-dashboard .home-project-grid{align-items:stretch;gap:clamp(14px,1.25vw,18px);height:100%}.home-dashboard .home-project-grid .project-card,.home-dashboard .home-project-grid .project-card a{height:100%}.home-dashboard .home-project-grid .project-card a{flex-direction:column;display:flex}.home-dashboard .home-project-grid .project-card__image{aspect-ratio:auto;flex:none;height:clamp(174px,13vw,192px)}@media (width<=767px){.home-dashboard .home-project-grid .project-card__image{aspect-ratio:16/9;height:auto}}.home-dashboard .home-project-grid .project-card__content{flex-direction:column;flex:1;padding:17px 18px 19px;display:flex}.home-dashboard .home-project-grid .project-card__description{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:3.4em;margin-top:9px;display:-webkit-box;overflow:hidden}.home-dashboard .home-project-grid .project-card__tags{margin-top:10px}.home-dashboard .home-project-grid .project-card__meta{margin-top:auto;padding-top:14px}.home-dashboard .home-project-grid .project-card__schedule{margin-top:7px;padding-top:0}.home-plan-card__pill:before,.project-record-pill:before{content:"·";color:currentColor;font-size:20px;font-weight:900;line-height:0}.home-post-list{grid-template-columns:1fr;gap:12px;max-width:780px;overflow:visible}.home-post-list .post-card>a{grid-template-columns:96px minmax(0,1fr);grid-template-areas:"image body";gap:14px;min-height:0;padding:12px;display:grid}.home-post-list .article-image{aspect-ratio:auto;border-radius:14px;flex-basis:auto;grid-area:image;width:96px;height:72px}.home-post-list .article-details{grid-area:body;padding:0}.home-post-list .compact-title-row{align-items:flex-start;display:flex}.home-post-list .article-title{font-size:15px;font-weight:600;line-height:1.45}.home-post-list .compact-subtitle{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;line-height:1.55;display:-webkit-box;overflow:hidden}.project-detail-page .right-sidebar{top:var(--right-sidebar-sticky-top);box-shadow:none;background:0 0;margin-top:0;padding-bottom:2px;overflow:visible}.project-detail-page .site-content-layout>.right-sidebar{overflow:visible}.project-detail-page .right-sidebar .widget{max-width:260px;box-shadow:var(--leftjun-surface-shadow-soft);flex:none}.project-detail-page .right-sidebar .widget--toc{flex-direction:column;flex:0 auto;min-height:0;display:flex;overflow:hidden}.project-detail-page .right-sidebar .widget--toc .widget-title{flex:none}.project-detail-page .right-sidebar .widget--toc .toc-nav{overscroll-behavior:contain;scrollbar-width:thin;flex:auto;min-height:0;max-height:none;padding-right:4px;overflow:hidden auto}.project-detail-page .project-download-widget,.project-detail-page .project-summary-widget{flex:none;max-height:none;overflow:visible}.article-content img{height:auto}.project-detail-page .article-content .case-figure img{object-fit:contain;height:auto;display:block}.project-detail-hero .article-image{aspect-ratio:auto;background:radial-gradient(circle at 83% 45%,#4884523d,#0000 32rem),linear-gradient(135deg,#102318e0,#34582e73);place-items:center;height:auto;max-height:none;display:grid}.project-detail-page .main-article .article-image img,.project-detail-page .main-article .article-image video{object-fit:contain;width:100%;height:auto;min-height:0;max-height:none}.project-links--primary{margin-top:14px}.project-record-pills{margin-top:8px}.project-record-pills .project-links__list{width:100%;display:flex}.project-record-pill{min-height:36px;padding:0 14px;font-size:13px}.project-record-pill--retrospective{background:color-mix(in srgb, #0f8f88 9%, var(--leftjun-surface-strong));color:#0f766e;border-color:#0f766e52}.project-record-pill--plan{background:color-mix(in srgb, #2f72b8 9%, var(--leftjun-surface-strong));color:#245f9d;border-color:#2f72b857}@media (width<=767px){.project-detail-action--pdf,.project-detail-action--download,.project-detail-action--language{display:none!important}.project-detail-mobile-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.project-detail-mobile-action{border:1px solid color-mix(in srgb, var(--leftjun-primary) 28%, var(--card-separator-color));background:color-mix(in srgb, var(--leftjun-primary) 9%, var(--leftjun-surface-strong));min-height:36px;color:color-mix(in srgb, var(--leftjun-primary-deep) 78%, var(--leftjun-primary));box-shadow:var(--leftjun-surface-shadow-soft);white-space:nowrap;transition:transform var(--leftjun-hover-duration) ease, border-color var(--leftjun-hover-duration) ease, background var(--leftjun-hover-duration) ease, color var(--leftjun-hover-duration) ease, box-shadow var(--leftjun-hover-duration) ease;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:780;line-height:1;display:inline-flex}.project-detail-mobile-action:hover,.project-detail-mobile-action:focus-visible{transform:translateY(var(--leftjun-hover-lift));border-color:var(--leftjun-hover-border);background:var(--leftjun-hover-surface);box-shadow:var(--leftjun-hover-shadow);color:var(--leftjun-hover-accent)}.project-detail-mobile-action--taptap{background:linear-gradient(135deg, #2cbe842e, #5bd6a51f), color-mix(in srgb, var(--leftjun-surface-strong) 92%, transparent);color:#13845c;border-color:#0000;box-shadow:inset 0 -1px #13845c38,0 8px 16px #13845c1a}.project-detail-mobile-action--build{background:linear-gradient(135deg, #5fa8ff2e, #81cdff21), color-mix(in srgb, var(--leftjun-surface-strong) 92%, transparent);color:#2876b8;border-color:#0000;box-shadow:inset 0 -1px #2876b838,0 8px 16px #2876b81a}.project-detail-mobile-action--language{background:linear-gradient(135deg, color-mix(in srgb, var(--leftjun-primary) 20%, transparent), #5fa8ff1a), color-mix(in srgb, var(--leftjun-surface-strong) 92%, transparent);color:var(--leftjun-primary);border-color:#0000;margin-left:auto}.project-detail-mobile-action .inline-icon{width:14px;height:14px}:root[data-scheme=dark] .project-detail-mobile-action{color:#c8def8;background:#8ab8ef14;border-color:#8ab8ef4d}:root[data-scheme=dark] .menu-social .mobile-social-language a{color:#c8def8;background:#8ab8ef1a;border-color:#0000}:root[data-scheme=dark] .project-detail-mobile-action--taptap{color:#8de8bf;background:linear-gradient(135deg,#2cbe8433,#5bd6a51a),#ffffff0d;border-color:#0000;box-shadow:inset 0 -1px #8de8bf38,0 8px 16px #2cbe8421}:root[data-scheme=dark] .project-detail-mobile-action--build{color:#8ab8ef;background:linear-gradient(135deg,#5fa8ff33,#48bba81a),#ffffff0d;border-color:#0000;box-shadow:inset 0 -1px #8ab8ef38,0 8px 16px #5fa8ff21}:root[data-scheme=dark] .project-detail-mobile-action--language{color:#9fc9ff;background:linear-gradient(135deg,#5fa8ff38,#8ab8ef1a),#ffffff0d;border-color:#0000}}.case-card-grid,.project-detail-page .article-content>p,.project-detail-page .article-content>ul,.project-detail-page .article-content>ol,.project-detail-page .article-content>h2,.project-detail-page .article-content>h3{max-width:920px;margin-left:auto;margin-right:auto}.project-detail-page .article-content>p:has(img),.project-detail-page .article-content>.case-media-grid{max-width:920px}.project-detail-page .article-content p img[src*=flow-system]{object-fit:contain;background:#ffffffc7;border-radius:22px;width:min(100%,920px);margin-inline:auto;padding:16px}:root[data-scheme=dark] .home-hero:before,:root[data-scheme=dark] .home-hero__media-link:before{background:linear-gradient(90deg,#111d24f5 0%,#142420c7 33%,#41754c33 60%,#21704a14 100%)}@media (width<=1120px){.home-post-list{max-width:none}}@media (width<=900px){body.sidebar-collapsed{--leftjun-sidebar-width:clamp(226px, 14.1vw, 248px)}.home-hero{grid-template-columns:1fr;gap:18px}.home-hero__content,.home-hero__stage{border-radius:24px;min-height:0}.home-hero__media-frame{padding-left:0}.home-hero__content{max-width:none;padding:28px 24px}.home-hero:after{display:none}.home-hero__media-link:before,.home-hero__media-blur{mask-image:none}.home-hero__stage{aspect-ratio:16/9}.home-dashboard{padding-right:0}.home-dashboard .home-development-plans{border-radius:24px;padding:20px}.home-dashboard .home-development-plans .home-section__header{text-align:left;justify-content:flex-start;align-items:flex-start}.home-dashboard .home-development-plans .home-section__header>div{text-align:left;width:100%}.home-dashboard .home-development-plans .home-section__eyebrow,.home-dashboard .home-development-plans .home-section__header h2{text-align:left}.home-dashboard .home-development-plans .home-section__link{align-self:flex-start}.home-dashboard .home-development-plans .home-section__header h2{font-size:24px}.home-dashboard .home-plan-card__title{font-size:16px}.home-dashboard .home-plan-card__description{font-size:13px}.home-section__header,.home-section__side,.home-mini-stats{justify-content:flex-start;align-items:flex-start}.home-section__header--with-link{text-align:left;flex-direction:row;justify-content:space-between;align-items:flex-end;gap:12px;width:100%}.home-section__header--with-link>div:first-child{flex:auto;width:auto;min-width:0}.home-section__header--with-link .home-section__side{flex:none;justify-content:flex-end;align-items:center;margin-left:auto}.home-dashboard .home-development-plans .home-section__header--with-link{text-align:left;justify-content:space-between;align-items:flex-end}.home-dashboard .home-development-plans .home-section__header--with-link>div:first-child{text-align:left;width:auto}.home-dashboard .home-development-plans .home-section__header--with-link .home-section__link{align-self:flex-end}.project-detail-page .right-sidebar{max-height:none;overflow:visible}.home-post-list .post-card>a{grid-template-columns:1fr;grid-template-areas:"image""body"}.home-post-list .article-image{aspect-ratio:16/9;width:100%;height:auto}}.mobile-bottom-nav{display:none}.home-dashboard .home-development-plans{position:static;top:auto}@media (width>=768px){.home-topbar{margin-bottom:clamp(14px,1.45vw,22px)}body:not(.home-page) .home-topbar{border-radius:20px}.menu-icon{color:currentColor;flex:none;place-items:center;width:1.25rem;height:1.25rem;display:inline-grid}.menu-icon .inline-icon,.menu-icon .inline-icon svg{color:currentColor;stroke:currentColor;width:100%;height:100%;opacity:1!important;visibility:visible!important;display:block!important}body.sidebar-collapsed .left-sidebar{color:var(--card-text-color-main)}body.sidebar-collapsed #main-menu{display:flex}body.sidebar-collapsed #main-menu li>a,body.sidebar-collapsed #i18n-switch,body.sidebar-collapsed #dark-mode-toggle,body.sidebar-collapsed #sidebar-collapse-toggle{color:color-mix(in srgb, var(--card-text-color-main) 78%, var(--leftjun-primary))}body.sidebar-collapsed #main-menu li.current>a{background:color-mix(in srgb, var(--leftjun-primary) 13%, transparent);color:var(--leftjun-primary)}body.sidebar-collapsed .menu-icon,body.sidebar-collapsed .theme-toggle__icon{place-items:center;width:18px;height:18px;opacity:1!important;visibility:visible!important;display:inline-grid!important}body.sidebar-collapsed .menu-icon .inline-icon,body.sidebar-collapsed .menu-icon .inline-icon svg,body.sidebar-collapsed .theme-toggle__icon .inline-icon,body.sidebar-collapsed .theme-toggle__icon .inline-icon svg{width:18px;height:18px;opacity:1!important;visibility:visible!important;display:block!important}body.sidebar-collapsed .theme-toggle__icon .inline-icon{grid-area:1/1}body.sidebar-collapsed #dark-mode-toggle[data-scheme-state=light] .theme-toggle__icon .inline-icon:last-child,body.sidebar-collapsed #dark-mode-toggle[data-scheme-state=dark] .theme-toggle__icon .inline-icon:first-child{opacity:0!important}body.sidebar-collapsed #sidebar-collapse-toggle .menu-icon{transition:transform .22s;transform:rotate(180deg)}body.sidebar-collapsed #sidebar-collapse-toggle .inline-icon{transform:none}}@media (width<=1120px){.home-dashboard{grid-template-columns:1fr}.home-dashboard .home-featured-projects{order:1}.home-dashboard .home-development-plans{order:2;position:static;top:auto}.home-dashboard .home-development-plans .home-section__header--with-link{flex-direction:row;justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.home-dashboard .home-development-plans .home-section__header--with-link>div:first-child{flex:1 1 0;width:auto;min-width:9rem}.home-dashboard .home-development-plans .home-section__header h2{word-break:keep-all;overflow-wrap:normal}.home-dashboard .home-development-plans .home-section__side{flex:none;margin-left:auto}}@media (width<=767px){body{padding-bottom:calc(88px + env(safe-area-inset-bottom))}.home-topbar{display:none!important}.mobile-bottom-nav{left:50%;bottom:max(12px, env(safe-area-inset-bottom));z-index:260;backdrop-filter:blur(22px)saturate(1.2);background:#f4faffc2;border:1px solid #78aad23d;border-radius:24px;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;width:min(100vw - 24px,430px);min-height:62px;padding:7px;display:grid;position:fixed;transform:translate(-50%);box-shadow:0 18px 42px #144d6e2e}:root[data-scheme=dark] .mobile-bottom-nav{background:#0e1a22c7;border-color:#8ab8ef2e;box-shadow:0 18px 42px #00000052}.mobile-bottom-nav a{min-width:0;min-height:48px;color:color-mix(in srgb, var(--card-text-color-secondary) 86%, var(--card-text-color-main));border-radius:18px;place-items:center;gap:3px;padding:5px 2px;font-size:10px;font-weight:760;line-height:1;display:grid}.mobile-bottom-nav a.is-active{background:color-mix(in srgb, var(--leftjun-primary) 13%, #ffffff8f);color:var(--leftjun-primary)}.mobile-bottom-nav .inline-icon{width:18px;height:18px;display:block}.home-dashboard{grid-template-columns:1fr}.home-dashboard .home-featured-projects{order:1}.home-dashboard .home-development-plans{order:2;position:static;top:auto}.home-dashboard .home-development-plans .home-section__header--with-link{flex-direction:row;justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.home-dashboard .home-development-plans .home-section__header--with-link>div:first-child{flex:auto;width:auto;min-width:0}.home-dashboard .home-development-plans .home-section__header h2{writing-mode:horizontal-tb;text-orientation:mixed;word-break:keep-all;overflow-wrap:normal}.home-dashboard .home-development-plans .home-section__eyebrow{writing-mode:horizontal-tb;text-orientation:mixed;white-space:nowrap;word-break:keep-all;overflow-wrap:normal;display:inline-block}}@media (width>=768px){.home-topbar{display:flex!important}body.sidebar-collapsed .site-meta,body.sidebar-collapsed .menu-social{max-height:0;margin:0;padding:0;overflow:hidden}body.sidebar-collapsed .menu-label,body.sidebar-collapsed .theme-toggle__label,body.sidebar-collapsed .sidebar-collapse-toggle__label{display:inline-block}}html{scroll-padding-top:96px}.home-hero__media-link{cursor:pointer}.home-hero__media-link:hover .home-hero__project-link,.home-hero__media-link:focus-visible .home-hero__project-link{background:#ffffffe6;transform:translateY(-2px);box-shadow:0 18px 36px #10436933}:root[data-scheme=dark] .home-hero__media-link:hover .home-hero__project-link,:root[data-scheme=dark] .home-hero__media-link:focus-visible .home-hero__project-link{background:#0e1a22e0}.home-hero__project-link{pointer-events:none;transition:transform .22s cubic-bezier(.22,1,.36,1),background .22s,box-shadow .22s}.home-latest-posts{order:8}.home-featured-projects,.home-dashboard .home-development-plans,.home-latest-posts{gap:clamp(9px,.85vw,12px)}.home-featured-projects>.home-section__header--with-link,.home-dashboard .home-development-plans>.home-section__header--with-link,.home-latest-posts>.home-section__header--with-link{transform:translateY(-2px)}.home-workflow{order:9}.home-tech-stack{order:10}.home-latest-posts .home-section__header h2,.home-workflow .home-section__header h2,.home-tech-stack .home-section__header h2{letter-spacing:0;font-size:clamp(24px,2.3vw,28px)}.home-post-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;max-width:none;display:grid}.home-post-list .post-card,.home-post-list .post-card+.post-card{margin:0}.home-post-list .post-card>a{background:#ffffffb8;border-radius:24px;grid-template-columns:minmax(128px,150px) minmax(0,1fr);grid-template-areas:"image body";align-items:stretch;gap:18px;height:100%;min-height:184px;padding:18px;display:grid;box-shadow:0 16px 34px #1c4b7014}:root[data-scheme=dark] .home-post-list .post-card>a{background:#121e27bd;box-shadow:0 16px 34px #00000038}.home-post-list .article-image{aspect-ratio:auto;border-radius:18px;grid-area:image;width:100%;height:100%;min-height:148px}.home-post-list .article-details{flex-direction:column;grid-area:body;align-self:stretch;gap:10px;min-width:0;display:flex}.home-post-list .compact-title-row{gap:10px}.home-post-list .article-title{letter-spacing:0;font-size:clamp(17px,1.45vw,19px);line-height:1.45}.home-post-list .compact-subtitle{color:var(--card-text-color-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14.5px;line-height:1.7;display:-webkit-box;overflow:hidden}.home-post-list .article-time{margin-top:auto}.home-workflow__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.home-workflow__item{min-height:0;box-shadow:none;background:#ffffff8f;border:1px solid #788caa1a;border-radius:22px;padding:20px;overflow:hidden}.home-workflow__item:hover,.home-workflow__item:focus-within{transform:translateY(-2px);box-shadow:0 14px 30px #1c4b7014}:root[data-scheme=dark] .home-workflow__item{box-shadow:none;background:#121e278a;border-color:#8ab8ef1f}.home-workflow__item:before,.home-workflow__item:after,.home-workflow__preview{display:none!important}.home-workflow__body{gap:10px}.home-workflow__icon{border-radius:13px;width:34px;height:34px}.home-workflow__item h3{font-size:16px;font-weight:650}.home-workflow__item p{-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:14px;line-height:1.65;display:-webkit-box;overflow:hidden}.home-workflow__projects{gap:8px;margin-top:14px}.home-workflow__project{border-radius:999px;min-height:0;padding:7px 10px;font-size:12px;line-height:1.25}.home-tech-stack{background:#ffffff85;border:1px solid #788caa1a;border-radius:28px;padding:clamp(24px,3vw,34px);box-shadow:0 18px 40px #1c4b7012}:root[data-scheme=dark] .home-tech-stack{background:#121e2780;border-color:#8ab8ef1f;box-shadow:0 18px 40px #00000038}.home-tech-stack .home-section__header{margin-bottom:18px}.home-tech-stack__pills{flex-wrap:wrap;gap:10px;display:flex}.home-tech-stack__pills span{min-height:36px;color:color-mix(in srgb, var(--card-text-color-main) 84%, var(--leftjun-primary));background:#ffffffb3;border:1px solid #639dcf29;border-radius:999px;align-items:center;padding:8px 14px;font-size:13px;font-weight:720;display:inline-flex}:root[data-scheme=dark] .home-tech-stack__pills span{background:#ffffff0f;border-color:#8ab8ef29}@media (width>=768px){body.sidebar-collapsed #main-menu li>a,body.sidebar-collapsed #i18n-switch,body.sidebar-collapsed #dark-mode-toggle,body.sidebar-collapsed #sidebar-collapse-toggle{text-align:center!important;grid-template-columns:1fr!important;place-content:center!important;place-items:center!important;gap:0!important;width:52px!important;min-width:52px!important;height:52px!important;min-height:52px!important;padding:0!important;display:grid!important}body.sidebar-collapsed #main-menu li,body.sidebar-collapsed .sidebar-bottom-actions{place-items:center;display:grid}body.sidebar-collapsed .menu-icon,body.sidebar-collapsed .theme-toggle__icon{transform-origin:50%;grid-area:1/1!important;place-self:center!important;margin:0!important}body.sidebar-collapsed .menu-label,body.sidebar-collapsed .theme-toggle__label,body.sidebar-collapsed .sidebar-collapse-toggle__label{opacity:0!important;pointer-events:none!important;width:0!important;min-width:0!important;max-width:0!important;overflow:hidden!important;transform:translate(-6px)!important}}@media (width<=1100px){.home-post-list{grid-template-columns:1fr}.home-workflow__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=767px){.home-latest-posts .home-section__header h2,.home-workflow .home-section__header h2,.home-tech-stack .home-section__header h2{font-size:24px}.home-post-list{grid-template-columns:1fr;gap:16px}.home-post-list .post-card>a{grid-template-columns:1fr;grid-template-areas:"image""body";min-height:0;padding:16px}.home-post-list .article-image{aspect-ratio:16/9;height:auto;min-height:0}.home-workflow__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.home-workflow__item{border-radius:18px;padding:14px}.home-workflow__body{gap:8px}.home-workflow__icon{border-radius:12px;width:30px;height:30px}.home-workflow__item h3{font-size:14px;line-height:1.3}.home-workflow__item p{-webkit-line-clamp:4;font-size:12px;line-height:1.55}.home-workflow__projects{gap:6px;margin-top:10px}.home-workflow__project{white-space:normal;padding:6px 8px;font-size:11px}.home-tech-stack{border-radius:24px;padding:22px}.home-tech-stack__pills{gap:8px}}:root[data-scheme=dark]{--body-background:#0f171d;--leftjun-primary:#4da3ff;--leftjun-primary-deep:#d9edff;--body-text-color:#b9cbe0;--card-background:#16242c;--card-text-color-main:#edf7ff;--card-text-color-secondary:#b9cbe0;--card-text-color-tertiary:#91a8bf;--card-separator-color:#83b4e82e;--leftjun-page-wash:radial-gradient(circle at 8% 6%, #3f93b72e, transparent 32rem), radial-gradient(circle at 88% 14%, #5b8fe629, transparent 30rem), linear-gradient(180deg, #0f171d 0%, #111f27 52%, #0d151a 100%);--leftjun-surface:#142129e0;--leftjun-surface-strong:#17262ff0;--leftjun-sidebar-background:#101c23eb}.home-hero__project-link:hover,.home-hero__project-link:focus-within{background:#0e3256c7;transform:translateY(-3px);box-shadow:0 22px 42px #0b315b47}:root[data-scheme=dark] .home-hero__project-link:hover,:root[data-scheme=dark] .home-hero__project-link:focus-within{background:#205684db;box-shadow:0 22px 42px #00000052}:root[data-scheme=dark] .home-hero__stats{border-top-color:#83b4e82e}:root[data-scheme=dark] .home-hero__stats span{border-right-color:#83b4e829}:root[data-scheme=dark] .home-hero__stats strong,:root[data-scheme=dark] .home-hero__title{color:#f2f8ff}:root[data-scheme=dark] .home-hero__stats small,:root[data-scheme=dark] .home-hero__subtitle,:root[data-scheme=dark] .home-hero .home-hero__eyebrow{color:#b7c8dc}:root[data-scheme=dark] .home-action[href$=\.pdf]{color:#eaf5ff}.home-workflow__preview,.home-workflow__project:hover .home-workflow__preview,.home-workflow__project:focus-visible .home-workflow__preview{visibility:hidden!important;opacity:0!important;pointer-events:none!important;display:none!important}.home-workflow__item{background:linear-gradient(145deg,#ffffffb8,#e8f5ffb3)}.home-workflow__item:hover,.home-workflow__item:focus-within{background:linear-gradient(145deg,#f8fdffdb,#e0f2ffc2);border-color:#4098e642}:root[data-scheme=dark] .home-workflow__item,:root[data-scheme=dark] .home-post-list .post-card>a,:root[data-scheme=dark] .home-tech-stack{background:#142129d1;border-color:#83b4e829}:root[data-scheme=dark] .home-workflow__item:hover,:root[data-scheme=dark] .home-workflow__item:focus-within{background:#192d39e6;border-color:#4da3ff47}.home-post-list .post-card:not(.has-image)>a,.article-list--compact .post-card:not(.has-image)>a{grid-template-columns:minmax(0,1fr);grid-template-areas:"body"}.home-post-list .post-card:not(.has-image) .article-details,.article-list--compact .post-card:not(.has-image) .article-details{grid-area:body}.home-tech-stack__pills a{min-height:36px;color:color-mix(in srgb, var(--card-text-color-main) 82%, var(--leftjun-primary));background:#ffffffbd;border:1px solid #639dcf2e;border-radius:999px;align-items:center;padding:8px 14px;font-size:13px;font-weight:760;transition:transform .18s,border-color .18s,background .18s,color .18s,box-shadow .18s;display:inline-flex;box-shadow:0 8px 18px #2356880f}.home-tech-stack__pills a:hover,.home-tech-stack__pills a:focus-visible{color:#0d67d6;background:#dff1ffeb;border-color:#0f7aff5c;transform:translateY(-2px);box-shadow:0 14px 28px #2368b41f}.home-tech-stack__pills span{display:none}:root[data-scheme=dark] .home-tech-stack__pills a{color:#d8ebff;box-shadow:none;background:#ffffff0f;border-color:#83b4e82e}:root[data-scheme=dark] .home-tech-stack__pills a:hover,:root[data-scheme=dark] .home-tech-stack__pills a:focus-visible{color:#f3f9ff;background:#4da3ff21;border-color:#4da3ff6b}.taxonomy-result-section{gap:16px;display:grid}.taxonomy-result-section__header{color:var(--card-text-color-secondary);justify-content:space-between;align-items:center;gap:12px;display:flex}.taxonomy-result-section__header p{color:var(--card-text-color-main);letter-spacing:0;margin:0;font-size:clamp(20px,2vw,26px);font-weight:820}.taxonomy-result-section__header span{background:var(--leftjun-primary-soft);min-width:34px;min-height:28px;color:var(--leftjun-primary);border-radius:999px;place-items:center;font-size:13px;font-weight:780;display:inline-grid}.taxonomy-project-showcase[data-view=single] .project-card{margin-bottom:16px}.taxonomy-record-list{max-width:none}@media (width>=768px){body.sidebar-collapsed .sidebar-bottom-actions{width:100%;place-items:center!important}body.sidebar-collapsed .sidebar-bottom-actions>a,body.sidebar-collapsed .sidebar-bottom-actions>button{margin-left:auto!important;margin-right:auto!important}body.sidebar-collapsed .sidebar-bottom-actions .menu-icon,body.sidebar-collapsed .sidebar-bottom-actions .theme-toggle__icon{position:relative;left:0;place-items:center!important;display:grid!important}}@media (width<=767px){.home-hero__project-link{display:none}}.home-hero__media-link:hover .home-hero__project-link,.home-hero__media-link:focus-visible .home-hero__project-link{color:#fff;background:#0f172a75;transform:none;box-shadow:0 18px 36px #0f172a2e}.home-hero__project-link{pointer-events:auto;cursor:pointer}.home-hero__project-link:hover,.home-hero__media-link:focus-visible .home-hero__project-link{color:#fff;background:#0e3256c7;transform:translateY(-3px);box-shadow:0 22px 42px #0b315b47}:root[data-scheme=dark] .home-hero__media-link:hover .home-hero__project-link,:root[data-scheme=dark] .home-hero__media-link:focus-visible .home-hero__project-link{color:#edf7ff;background:#0f172a75}:root[data-scheme=dark] .home-hero__project-link:hover,:root[data-scheme=dark] .home-hero__media-link:focus-visible .home-hero__project-link{color:#f5fbff;background:#205684db;box-shadow:0 22px 42px #00000052}@media (width>=768px){.article-page:not(.project-detail-page) .container.extended,.project-detail-page .container.extended{transition:none}.article-page main.main,.article-page .main-article{transform-origin:top;transition:max-width .26s cubic-bezier(.22,1,.36,1),width .26s cubic-bezier(.22,1,.36,1),transform .26s cubic-bezier(.22,1,.36,1),opacity .18s}.article-page .site-content-layout>.right-sidebar{transition:transform .26s cubic-bezier(.22,1,.36,1),opacity .18s,left .26s cubic-bezier(.22,1,.36,1)}}@media (width>=768px) and (width<=1180px){.container.extended{padding-left:calc(var(--leftjun-sidebar-width) + 18px);padding-right:18px}.left-sidebar,body.sidebar-collapsed .left-sidebar{--sidebar-avatar-size:48px;--emoji-size:16px;--emoji-font-size:10px;width:var(--leftjun-sidebar-width);max-width:var(--leftjun-sidebar-width);align-items:center;gap:1.1rem;padding:24px 10px}.brand,body.sidebar-collapsed .brand{justify-content:center;width:52px;height:40px;min-height:40px}.brand-logo-mark,body.sidebar-collapsed .brand-logo-mark{display:block}.brand-logo-lockup,body.sidebar-collapsed .brand-logo-lockup{display:none}.left-sidebar header,body.sidebar-collapsed .left-sidebar header{align-items:center;gap:.8rem}.site-meta,.menu-social,.menu-label,.theme-toggle__label,.sidebar-collapse-toggle__label{display:none!important}#main-menu,body.sidebar-collapsed #main-menu{align-items:center;gap:.55rem;width:100%}#main-menu li,body.sidebar-collapsed #main-menu li,.sidebar-bottom-actions,body.sidebar-collapsed .sidebar-bottom-actions{place-items:center;width:100%;display:grid}#main-menu li>a,#i18n-switch,#dark-mode-toggle,body.sidebar-collapsed #main-menu li>a,body.sidebar-collapsed #i18n-switch,body.sidebar-collapsed #dark-mode-toggle{border-radius:18px;grid-template-columns:1fr!important;justify-content:center!important;place-items:center!important;width:52px!important;min-width:52px!important;height:52px!important;min-height:52px!important;padding:0!important;display:grid!important}.site-content-layout.has-right-sidebar,.project-detail-page .site-content-layout.has-right-sidebar{grid-template-columns:1fr}.site-content-layout>.right-sidebar,.project-detail-page .site-content-layout>.right-sidebar{display:none}.article-toc{display:block}.article-page main.main,.article-page .main-article,.project-detail-page main.main,.project-detail-page .main-article{width:100%;max-width:min(100%,920px);margin-inline:auto}.project-detail-page .article-content,.project-detail-page .article-content>p,.project-detail-page .article-content>ul,.project-detail-page .article-content>ol,.project-detail-page .article-content>h2,.project-detail-page .article-content>h3,.project-detail-page .article-content>p:has(img),.project-detail-page .article-content>.case-media-grid{max-width:100%}:root{--leftjun-sidebar-width:clamp(226px, 22vw, 252px);--layout-column-gap:20px;--leftjun-column-gap:18px;--leftjun-layout-gutter:18px}body.sidebar-collapsed{--leftjun-sidebar-width:76px;--leftjun-column-gap:18px}.left-sidebar{--sidebar-avatar-size:64px;--emoji-size:18px;--emoji-font-size:11px;--sidebar-menu-min-gap:.34rem;--sidebar-bottom-reserve-gap:clamp(2.75rem, 4.8vh, 3.9rem);width:var(--leftjun-sidebar-width);max-width:var(--leftjun-sidebar-width);align-items:stretch;gap:1rem;min-height:0;padding:24px 14px 12px;overflow:hidden}.sidebar-profile-card{flex:none}.brand{justify-content:flex-start;width:min(170px,100%);height:42px;min-height:42px}.brand-logo-mark{display:none}.brand-logo-lockup{width:min(170px,100%);height:auto;max-height:36px;display:block}body.sidebar-collapsed .left-sidebar{--sidebar-avatar-size:48px;--emoji-size:16px;--emoji-font-size:10px;align-items:center;gap:1.1rem;min-height:0;padding:24px 10px 10px;overflow:hidden}body.sidebar-collapsed .brand{justify-content:center;width:52px;height:40px;min-height:40px}body.sidebar-collapsed .brand-logo-mark{display:block}body.sidebar-collapsed .brand-logo-lockup{display:none}.left-sidebar header{align-items:flex-start;gap:.8rem}body.sidebar-collapsed .left-sidebar header{align-items:center}.site-meta,.menu-social{display:flex!important}.menu-label,.theme-toggle__label,.sidebar-collapse-toggle__label{display:inline!important}body.sidebar-collapsed .site-meta,body.sidebar-collapsed .menu-social,body.sidebar-collapsed .menu-label,body.sidebar-collapsed .theme-toggle__label,body.sidebar-collapsed .sidebar-collapse-toggle__label{display:none!important}#main-menu,body.sidebar-collapsed #main-menu{gap:var(--sidebar-menu-min-gap);overscroll-behavior:contain;scrollbar-gutter:stable;flex:auto;width:100%;min-height:0;overflow:hidden auto}#main-menu{justify-content:space-between;align-items:stretch}body.sidebar-collapsed #main-menu{justify-content:flex-start;align-items:center;gap:.55rem}#main-menu li{flex:none;width:100%;display:block}.sidebar-bottom-actions{width:100%;margin-top:var(--sidebar-bottom-reserve-gap);flex:none;place-items:stretch stretch;display:grid}body.sidebar-collapsed #main-menu li,body.sidebar-collapsed .sidebar-bottom-actions{place-items:center;width:100%;display:grid}body.sidebar-collapsed .sidebar-bottom-actions{margin-top:auto}#main-menu li>a,#i18n-switch,#dark-mode-toggle,#sidebar-collapse-toggle{border-radius:14px;grid-template-columns:none!important;justify-content:flex-start!important;align-items:center!important;gap:.72rem!important;width:100%!important;min-width:0!important;height:auto!important;min-height:44px!important;padding:.58rem .72rem!important;display:flex!important}#dark-mode-toggle,#sidebar-collapse-toggle{justify-content:center!important}body.sidebar-collapsed #main-menu li>a,body.sidebar-collapsed #i18n-switch,body.sidebar-collapsed #dark-mode-toggle,body.sidebar-collapsed #sidebar-collapse-toggle{border-radius:18px;grid-template-columns:1fr!important;justify-content:center!important;place-items:center!important;gap:0!important;width:52px!important;min-width:52px!important;height:52px!important;min-height:52px!important;padding:0!important;display:grid!important}#sidebar-collapse-toggle{display:inline-flex!important}}@media (width>=1536px){.article-page:not(.project-detail-page) .container.extended{--article-expanded-main-width:920px;--article-collapsed-main-width:min(980px, calc(100vw - 560px));--article-sidebar-gap:32px;--article-main-shift:-56px;padding-left:calc(var(--leftjun-sidebar-width) + 32px);padding-right:calc(var(--leftjun-sidebar-width) + 32px)}.article-page:not(.project-detail-page) .site-content-layout.has-right-sidebar{grid-template-columns:minmax(0, var(--article-collapsed-main-width));justify-content:center;align-items:start;position:relative}.article-page:not(.project-detail-page) main.main,.article-page:not(.project-detail-page) .main-article{width:100%;max-width:var(--article-expanded-main-width);margin-inline:auto}.article-page:not(.project-detail-page) main.main{transform:translateX(var(--article-main-shift))}.article-page:not(.project-detail-page) .site-content-layout>.right-sidebar{top:var(--right-sidebar-sticky-top);left:calc(50% + 460px + var(--article-sidebar-gap));width:var(--right-sidebar-max-width);max-height:calc(100vh - var(--right-sidebar-sticky-top) - 24px);overscroll-behavior:contain;scrollbar-width:thin;margin-top:0;display:flex;position:fixed;overflow-y:auto}body.sidebar-collapsed.article-page:not(.project-detail-page) main.main,body.sidebar-collapsed.article-page:not(.project-detail-page) .main-article{max-width:var(--article-collapsed-main-width)}body.sidebar-collapsed.article-page:not(.project-detail-page) main.main{transform:none}body.sidebar-collapsed.article-page:not(.project-detail-page) .site-content-layout>.right-sidebar{transform:translate(24px)}.project-detail-page .container.extended{padding-left:calc(var(--leftjun-sidebar-width) + 32px);padding-right:calc(var(--leftjun-sidebar-width) + 32px)}body.sidebar-collapsed.project-detail-page main.main,body.sidebar-collapsed.project-detail-page .main-article{max-width:var(--project-detail-collapsed-main-width)}body.sidebar-collapsed.project-detail-page main.main{transform:translateX(var(--project-detail-collapsed-main-shift))}body.sidebar-collapsed.project-detail-page .site-content-layout>.right-sidebar{transform:translateX(var(--project-detail-collapsed-sidebar-shift))}}.left-sidebar .brand{--brand-mark-size:40px;--brand-lockup-width:184px;box-shadow:none;background:0 0;border:0}.left-sidebar .brand-logo{display:none}.left-sidebar.is-expanded .brand-logo-lockup{transform-origin:0;display:block;transform:scale(1.545)translate(-18%)translateY(-11%)}.left-sidebar.is-collapsed .brand-logo-mark{display:block}@media (width>=768px){.left-sidebar.is-expanded .brand{width:min(var(--brand-lockup-width), 100%);justify-content:flex-start;height:46px;min-height:46px;position:static}.left-sidebar.is-expanded .brand-logo-lockup{width:min(var(--brand-lockup-width), 100%);max-height:43px}body.sidebar-collapsed .left-sidebar .brand,.left-sidebar.is-collapsed .brand{justify-content:center;width:54px;height:46px;min-height:46px}body.sidebar-collapsed .left-sidebar .brand-logo-mark,.left-sidebar.is-collapsed .brand-logo-mark{width:var(--brand-mark-size);height:auto}}@media (width>=768px) and (width<=1180px){.left-sidebar .brand{--brand-lockup-width:172px}body.sidebar-collapsed .left-sidebar .brand,.left-sidebar.is-collapsed .brand{--brand-mark-size:40px;width:52px;height:44px;min-height:44px}}@media (width<=767px){.left-sidebar{position:relative}.left-sidebar .brand{--brand-lockup-width:150px;z-index:4;width:clamp(132px, 39vw, var(--brand-lockup-width));pointer-events:auto;justify-content:flex-end;height:40px;min-height:40px;position:absolute;top:58px;right:48px}.left-sidebar .brand-logo{display:none}.left-sidebar .brand-logo-lockup{width:100%;max-height:38px;display:block;transform:translate(-34%)translateY(-9%)}.left-sidebar header{padding-right:0}}@media (prefers-reduced-motion:reduce){.article-page main.main,.article-page .main-article,.article-page .site-content-layout>.right-sidebar{transition:none!important}}.project-detail-page .article-content>.case-video{aspect-ratio:16/10;object-fit:cover;max-width:920px;margin:24px auto 32px;display:block}.project-detail-page .article-content pre{color:#26364d;background:#ffffffc7;border:1px solid #788caa29;box-shadow:0 12px 28px #2356880e}:root[data-scheme=dark] .project-detail-page .article-content pre{color:#d9e6f5;background:#121e2adb;border-color:#94a3b82e}.project-detail-page .article-content .case-figure img[src*=ue5-coop-training-range\/pdf-extracted]{object-fit:contain;background:#fff}@media (width<=767px){.home-dashboard .home-project-grid{grid-template-columns:1fr}.project-detail-page .article-content>.case-video{aspect-ratio:16/10}}picture{display:contents}@media (width>=768px){.left-sidebar.is-expanded{--sidebar-profile-nav-gap:clamp(1.05rem, 1.55vh, 1.7rem);--sidebar-nav-actions-gap:clamp(32px, 4vh, 48px);gap:0}.left-sidebar.is-expanded .sidebar-profile-card{margin-bottom:var(--sidebar-profile-nav-gap)}.left-sidebar.is-expanded #main-menu{margin-bottom:var(--sidebar-nav-actions-gap);justify-content:space-between}.left-sidebar.is-expanded .sidebar-bottom-actions{margin-top:0;padding-top:0}.left-sidebar{--sidebar-bottom-reserve-gap:clamp(1rem, 2vh, 1.5rem)}#main-menu,body.sidebar-collapsed #main-menu{scrollbar-gutter:auto}}@media (width>=768px) and (width<=1180px){:root{--leftjun-sidebar-width:clamp(226px, 22vw, 248px)}.left-sidebar.is-expanded{--sidebar-profile-nav-gap:1rem}}@media (width>=1181px){:root{--leftjun-sidebar-width:248px}}@media (width>=768px) and (height>=840px) and (height<=960px){.left-sidebar{--sidebar-bottom-reserve-gap:0;gap:.5rem;padding-block:1rem .5rem}.left-sidebar.is-expanded{--sidebar-profile-nav-gap:.5rem;gap:0;padding-top:18px}.left-sidebar.is-expanded #main-menu li>a{min-height:35.5px;padding-block:.32rem!important}.left-sidebar.is-expanded .sidebar-bottom-actions{gap:4px}}@media (width<=767.98px){html body{padding-bottom:calc(80px + env(safe-area-inset-bottom))}html body .left-sidebar .sidebar-bottom-actions,html body.show-menu .left-sidebar .sidebar-bottom-actions{display:none}html body .mobile-bottom-nav{bottom:max(9px, env(safe-area-inset-bottom));grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;width:min(100vw - 20px,420px);min-height:58px;padding:6px}html body .mobile-bottom-nav a{min-height:46px}html body.home-page main.main{gap:18px}html body.home-page .home-hero__content{padding:16px}}html body.home-page .home-hero__identity-tags{flex-wrap:wrap;gap:7px;margin-top:14px;display:flex}html body.home-page .home-hero__identity-tags span{border:1px solid color-mix(in srgb, var(--leftjun-primary) 24%, var(--card-separator-color));background:color-mix(in srgb, var(--leftjun-primary) 7%, transparent);min-height:30px;color:var(--card-text-color-secondary);border-radius:8px;align-items:center;padding:5px 9px;font-size:12px;font-weight:760;display:inline-flex}html body.home-page .home-section__description{max-width:760px;color:var(--card-text-color-secondary);margin:8px 0 0;font-size:14px;line-height:1.6}html body.home-page .home-guanghe-program{order:7;gap:clamp(9px,.85vw,12px)}html body.home-page .home-guanghe-program>.home-section__header--with-link{transform:translateY(-2px)}html body.home-page .home-program-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:14px;display:grid}@media (width<=767.98px){html body.home-page .home-program-grid{grid-template-columns:1fr}}@media (width>=768px) and (width<=1180px){html body .home-topbar__search{display:none}}@media (width>=1181px) and (width<=1280px){html body .home-topbar{gap:10px;padding-inline:14px}html body .home-topbar__nav,html body .home-topbar__tools{gap:8px}html body .home-topbar__search{flex:0 220px;width:clamp(188px,18vw,220px);min-width:188px}}@media (width>=901px) and (width<=1120px){html body.home-page .home-hero{grid-template-columns:minmax(286px,41fr) minmax(0,59fr)}}@media (width>=768px) and (width<=900px){html body .home-topbar__portfolio-pdf{display:none}html body.home-page .home-dashboard .home-development-plans .home-section__header--with-link .home-section__side{width:auto;min-width:0}}@media (width<=767.98px){html body.home-page .home-dashboard .home-development-plans .home-section__header--with-link .home-section__side{width:auto;min-width:0}html body.home-page .home-hero__stage{aspect-ratio:2}html body.home-page .home-hero__content{padding:14px}html body.home-page .home-hero__stats{margin-top:20px;padding-top:14px}}.post-detail-page .post-detail-article{overflow:visible}.post-detail-page .post-detail-hero{flex-direction:column;gap:0;padding:0 0 32px;display:flex}.post-detail-page .post-detail-hero__details{order:1;padding:32px 36px 24px}.content-detail-kicker{color:var(--leftjun-primary);letter-spacing:0;text-transform:uppercase;margin:0 0 10px;font-size:13px;font-weight:800}.post-detail-page .main-article .article-title{max-width:22ch;font-size:40px;line-height:1.18}.post-detail-page .article-subtitle{max-width:68ch;margin-top:14px;font-size:17px;line-height:1.65}.post-detail-page .main-article .article-time{gap:12px;margin-top:16px;font-size:13px;line-height:1.5}.post-detail-page .post-detail-hero .article-image{aspect-ratio:auto;border:1px solid var(--card-separator-color);background:var(--leftjun-surface-muted);max-height:none;box-shadow:var(--leftjun-surface-shadow);border-radius:22px;order:2;margin:0 36px;overflow:hidden}.post-detail-page .post-detail-hero .article-image img{object-fit:contain;width:100%;height:auto;min-height:0}.post-detail-page .content-detail-hero--video .article-image{aspect-ratio:16/10}.post-detail-page .content-detail-hero--video .article-image video{object-fit:cover;width:100%;height:100%;min-height:0}.post-detail-page .article-toc,.post-detail-page .article-content,.post-detail-page .article-footer{width:min(100%,800px);margin-left:auto;margin-right:auto}.post-detail-page .article-content{padding-left:32px;padding-right:32px;font-size:16px;line-height:1.75}@media (width<=1000px){.post-detail-page .post-detail-hero__details{padding:28px 28px 20px}.post-detail-page .main-article .article-title{font-size:34px}.post-detail-page .post-detail-hero .article-image{margin-left:28px;margin-right:28px}}@media (width<=767px){.post-detail-page .post-detail-hero{padding-bottom:24px}.post-detail-page .post-detail-hero__details{padding:20px 16px 18px}.content-detail-kicker{margin-bottom:8px;font-size:12px}.post-detail-page .main-article .article-title{max-width:none;font-size:28px;line-height:1.2}.post-detail-page .article-subtitle{margin-top:12px;font-size:16px}.post-detail-page .main-article .article-time{margin-top:14px;font-size:12px}.post-detail-page .post-detail-hero .article-image{border-radius:16px;margin-left:16px;margin-right:16px}.post-detail-page .article-content{padding-left:16px;padding-right:16px;font-size:15px;line-height:1.75}}.record-detail-page{--record-detail-accent:#168f88;--record-detail-accent-soft:color-mix(in srgb, #168f88 10%, var(--leftjun-reading-surface))}.record-detail-page--plans{--record-detail-accent:#b77913;--record-detail-accent-soft:color-mix(in srgb, #b77913 11%, var(--leftjun-reading-surface))}.record-detail-page .record-detail-article{overflow:visible}.record-detail-page .record-detail-hero{flex-direction:column;gap:0;padding:0 0 32px;display:flex}.record-detail-page .record-detail-hero__details{order:1;padding:32px 36px 24px}.record-detail-page .content-detail-kicker{color:var(--record-detail-accent)}.record-detail-page .main-article .article-title{max-width:22ch;font-size:40px;line-height:1.18}.record-detail-page .article-subtitle{max-width:68ch;margin-top:14px;font-size:17px;line-height:1.65}.record-detail-page .main-article .article-time{gap:12px;margin-top:16px;font-size:13px;line-height:1.5}.record-detail-page .record-detail-hero .article-image{aspect-ratio:auto;border:1px solid var(--card-separator-color);background:var(--leftjun-surface-muted);max-height:none;box-shadow:var(--leftjun-surface-shadow);border-radius:22px;order:2;margin:0 36px;overflow:hidden}.record-detail-page .record-detail-hero .article-image img{object-fit:contain;width:100%;height:auto;min-height:0}.record-detail-page .content-detail-hero--video .article-image{aspect-ratio:16/10}.record-detail-page .content-detail-hero--video .article-image video{object-fit:cover;width:100%;height:100%;min-height:0}.record-detail-context{border-top:1px solid var(--card-separator-color);border-bottom:1px solid var(--card-separator-color);background:linear-gradient(90deg, var(--record-detail-accent-soft), transparent 72%);grid-template-columns:minmax(220px,.8fr) minmax(0,1.4fr);gap:24px;margin:0 36px;padding:22px 0;display:grid}.record-detail-context__heading p{color:var(--record-detail-accent);text-transform:uppercase;margin:0 0 6px;font-size:12px;font-weight:800}.record-detail-context__heading h2{margin:0;font-size:22px;line-height:1.24}.record-detail-context__heading h2 a{color:var(--card-text-color-main);text-decoration:none}.record-detail-context__heading h2 a:hover,.record-detail-context__heading h2 a:focus-visible{color:var(--record-detail-accent)}.record-detail-context__heading span{color:var(--card-text-color-secondary);margin-top:9px;font-size:14px;line-height:1.58;display:block}.record-detail-context__facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 20px;margin:0;display:grid}.record-detail-context__facts div{min-width:0}.record-detail-context__facts dt{color:var(--card-text-color-tertiary);font-size:12px;font-weight:700}.record-detail-context__facts dd{color:var(--card-text-color-main);overflow-wrap:anywhere;margin:4px 0 0;font-size:14px;font-weight:700;line-height:1.45}.record-detail-links{flex-wrap:wrap;gap:10px;margin:18px 36px 28px;display:flex}.record-detail-link{border:1px solid var(--card-separator-color);background:var(--leftjun-surface-strong);min-height:44px;color:var(--card-text-color-secondary);border-radius:10px;align-items:center;gap:7px;padding:9px 13px;font-size:14px;font-weight:750;text-decoration:none;display:inline-flex}.record-detail-link:hover,.record-detail-link:focus-visible{border-color:var(--record-detail-accent);background:var(--record-detail-accent-soft);color:var(--record-detail-accent)}.record-detail-link .inline-icon{width:17px;height:17px}.record-detail-page .article-toc,.record-detail-page .article-content,.record-detail-page .article-footer{width:min(100%,800px);margin-left:auto;margin-right:auto}.record-detail-page .article-content{padding-left:32px;padding-right:32px;font-size:16px;line-height:1.75}@media (width<=1000px){.record-detail-page .record-detail-hero__details{padding:28px 28px 20px}.record-detail-page .main-article .article-title{font-size:34px}.record-detail-page .record-detail-hero .article-image,.record-detail-context{margin-left:28px;margin-right:28px}.record-detail-context{grid-template-columns:1fr}.record-detail-links{margin-left:28px;margin-right:28px}}@media (width<=767px){.record-detail-page .record-detail-hero{padding-bottom:24px}.record-detail-page .record-detail-hero__details{padding:20px 16px 18px}.record-detail-page .main-article .article-title{max-width:none;font-size:28px;line-height:1.2}.record-detail-page .article-subtitle{margin-top:12px;font-size:16px}.record-detail-page .main-article .article-time{margin-top:14px;font-size:12px}.record-detail-page .record-detail-hero .article-image,.record-detail-context{margin-left:16px;margin-right:16px}.record-detail-page .record-detail-hero .article-image{border-radius:16px}.record-detail-context{background:linear-gradient(180deg, var(--record-detail-accent-soft), transparent 78%);gap:16px;padding:18px 0}.record-detail-context__facts{grid-template-columns:1fr;gap:10px}.record-detail-links{margin:14px 16px 24px;display:grid}.record-detail-link{width:100%}.record-detail-page .article-content{padding-left:16px;padding-right:16px;font-size:15px;line-height:1.75}}.skip-link{z-index:1000;border:2px solid var(--leftjun-primary);background:var(--leftjun-surface-strong);min-height:44px;box-shadow:var(--leftjun-surface-shadow);color:var(--card-text-color-main);border-radius:10px;align-items:center;padding:0 16px;font-size:14px;font-weight:800;transition:transform .16s;display:inline-flex;position:fixed;top:12px;left:12px;transform:translateY(calc(-100% - 18px))}.skip-link:focus,.skip-link:focus-visible{outline:3px solid color-mix(in srgb, var(--leftjun-primary) 45%, transparent);outline-offset:3px;transform:translateY(0)}#main-content:focus{outline:none}.standalone-shell{--standalone-shell-padding:clamp(24px, 5vw, 64px);min-height:100vh;padding:var(--standalone-shell-padding) 15px;display:grid}.standalone-shell>.standalone-main{min-height:calc(100vh - (2 * var(--standalone-shell-padding)));justify-content:center}.site-role-pill,.site-identity,.sidebar-portfolio-pdf a{font-size:12px}.home-topbar__nav a,.home-topbar__search,.home-topbar__theme,.home-topbar__github,.home-topbar__portfolio-pdf{min-height:44px}.home-topbar__theme,.home-topbar__github{width:44px;height:44px}.home-topbar__nav a,.home-topbar__search input,.home-topbar__portfolio-pdf,.home-topbar__result-section,.home-topbar__result small,.home-topbar__result em,.home-topbar__empty{font-size:12px}@media (width<=767px){.mobile-sidebar-search__field,.mobile-sidebar-search__theme{min-height:44px}.mobile-sidebar-search__theme{width:44px;height:44px}.mobile-sidebar-search__result-section,.mobile-sidebar-search__result-description,.mobile-sidebar-search__result-tags,.mobile-sidebar-search__empty,.mobile-bottom-nav a{font-size:12px}}@media (prefers-reduced-motion:reduce){.skip-link{transition:none}}.project-case-page .project-case{gap:0;width:100%;max-width:1120px;margin-inline:auto;display:grid;container:project-case/inline-size}.project-case__hero{align-items:start;gap:18px;display:grid}.project-case__media{aspect-ratio:16/9;border:1px solid color-mix(in srgb, var(--leftjun-primary) 12%, var(--card-separator-color));background:var(--leftjun-surface);border-radius:22px;width:100%;position:relative;overflow:hidden;box-shadow:0 22px 52px #2356881f}.project-case__media .project-case__cover{object-fit:cover;width:100%;height:100%;display:block}.project-case__intro{gap:12px;min-width:0;display:grid}@container project-case (width>=880px){.project-case__hero.has-media{grid-template-areas:"media intro"}.project-case__hero.has-media .project-case__media{grid-area:media}.project-case__hero.has-media .project-case__intro{grid-area:intro}.project-case__hero.has-media.has-result .project-case__result{grid-area:media;align-self:start;width:100%;margin-top:calc(56.25% + 14px)}}@container project-case (width>=880px) and (width<=959.98px){.project-case__hero.has-media{grid-template-columns:minmax(0,52fr) minmax(0,48fr);column-gap:24px}.project-case__intro h1{font-size:32px}}@container project-case (width>=960px){.project-case__hero.has-media{grid-template-columns:minmax(0,58fr) minmax(0,42fr);column-gap:clamp(24px,3cqi,30px)}.project-case__media{align-self:start}.project-case__intro h1{font-size:clamp(32px,3.8cqi,36px)}}.project-case__eyebrow{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.project-case__status,.project-case__kicker{border-radius:999px;width:max-content;margin:0;padding:5px 10px;font-size:12px;font-weight:750;line-height:1.3}.project-case__status{background:var(--leftjun-primary);color:#fff}.project-case__kicker{border:1px solid color-mix(in srgb, var(--leftjun-primary) 24%, var(--card-separator-color));background:var(--leftjun-primary-soft);color:var(--leftjun-primary-deep)}.project-case__intro h1{color:var(--card-text-color-main);letter-spacing:0;overflow-wrap:anywhere;margin:0;font-size:38px;font-weight:760;line-height:1.12}.project-case__role{color:var(--card-text-color-main);flex-wrap:wrap;align-items:baseline;gap:8px 14px;margin:0;font-size:15px;line-height:1.6;display:flex}.project-case__role span,.project-case__result>span{color:var(--card-text-color-secondary);text-transform:uppercase;font-size:12px;font-weight:700}.project-case__role strong{font-weight:680}.project-case__result{border-left:4px solid var(--leftjun-primary);background:color-mix(in srgb, var(--leftjun-primary) 7%, var(--leftjun-surface-strong));border-radius:0 16px 16px 0;gap:5px;padding:13px 16px;display:grid}.project-case__result p,.project-case__description{margin:0}.project-case__result p{color:var(--card-text-color-main);font-size:16px;font-weight:650;line-height:1.65}.project-case__description{max-width:780px;color:var(--card-text-color-secondary);font-size:16px;line-height:1.72}.project-case__actions,.project-case__secondary-links,.project-case__records,.project-case__pills{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.project-case__actions{margin-top:2px}.project-case__primary-action,.project-case__utility-action,.project-case__secondary-links a,.project-case__records a{min-height:44px;transition:transform var(--leftjun-hover-duration) ease, box-shadow var(--leftjun-hover-duration) ease, border-color var(--leftjun-hover-duration) ease;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:0 15px;font-size:14px;font-weight:720;line-height:1.2;display:inline-flex}.project-case__primary-action{background:var(--leftjun-primary);color:#fff;min-width:180px;box-shadow:0 14px 30px color-mix(in srgb, var(--leftjun-primary) 24%, transparent);border:1px solid #0000}.project-case__primary-action .inline-icon:last-child{width:14px;height:14px;margin-left:auto;transform:rotate(90deg)}.project-case__utility-action,.project-case__secondary-links a,.project-case__records a{border:1px solid var(--card-separator-color);background:var(--leftjun-surface-strong);color:var(--card-text-color-main)}.project-case__primary-action:hover,.project-case__primary-action:focus-visible,.project-case__utility-action:hover,.project-case__utility-action:focus-visible,.project-case__secondary-links a:hover,.project-case__secondary-links a:focus-visible,.project-case__records a:hover,.project-case__records a:focus-visible{transform:translateY(var(--leftjun-hover-lift));box-shadow:var(--leftjun-hover-shadow)}.project-case__secondary-links a{min-height:38px;padding-inline:12px;font-size:13px}.project-case__pills span{border:1px solid var(--card-separator-color);background:color-mix(in srgb, var(--leftjun-surface-strong) 88%, transparent);color:var(--card-text-color-secondary);border-radius:999px;padding:5px 9px;font-size:12px;line-height:1.25}.project-case__facts{border-block:1px solid var(--card-separator-color);background:0 0;margin-top:24px;padding:18px 0}.project-case__facts dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 24px;margin:0;display:grid}.project-case__facts dl>div{border-inline-start:1px solid color-mix(in srgb, var(--leftjun-primary) 18%, var(--card-separator-color));min-width:0;padding-inline-start:14px}.project-case__facts dt{color:var(--card-text-color-secondary);align-items:center;gap:7px;font-size:12px;font-weight:650;display:flex}.project-case__facts dt .inline-icon{width:16px;height:16px;color:var(--leftjun-primary)}.project-case__facts dd{color:var(--card-text-color-main);overflow-wrap:anywhere;margin:7px 0 0;font-size:14px;font-weight:620;line-height:1.55}.project-case__supporting{gap:10px;margin-top:12px;display:grid}.project-case__records{margin-top:12px}.project-case__records a{min-height:38px;font-size:13px}.project-case__records a.is-retrospective{border-color:color-mix(in srgb, #0f8f88 32%, var(--card-separator-color));color:#0f766e}.project-case__records a.is-plan{border-color:color-mix(in srgb, #c88b22 34%, var(--card-separator-color));color:#9a6415}.project-case-page .project-case__content{width:100%;max-width:920px;margin:0 auto;padding-top:24px}.project-case-page .project-case__content>p,.project-case-page .project-case__content>ul,.project-case-page .project-case__content>ol,.project-case-page .project-case__content>h2,.project-case-page .project-case__content>h3,.project-case-page .project-case__content>blockquote,.project-case-page .project-case__content>pre{max-width:760px;margin-left:auto;margin-right:auto}.project-case-page .project-case__content>p:has(img),.project-case-page .project-case__content>p:has(video),.project-case-page .project-case__content>p:has(iframe),.project-case-page .project-case__content>.case-media-grid,.project-case-page .project-case__content>.case-video,.project-case-page .project-case__content>figure{max-width:920px}.project-case-page .project-case__content img,.project-case-page .project-case__content video,.project-case-page .project-case__content iframe{max-width:100%;height:auto}.project-case-page .project-case__content img{object-fit:contain}.project-case__footer{max-width:760px;margin-inline:auto}.project-case__mobile-toc{margin-top:18px}.project-case__mobile-toc summary{justify-content:space-between;align-items:center;min-height:44px;display:flex}.project-case-page .project-case-sidebar{box-shadow:none;background:0 0;overflow:visible}.project-case-page .project-case-sidebar .widget{width:100%;max-width:260px;box-shadow:var(--leftjun-surface-shadow-soft);border-radius:16px;flex:none}.project-case-page .project-case-sidebar .widget--toc{flex-direction:column;flex:auto;min-height:112px;display:flex;overflow:hidden}.project-case-page .project-case-sidebar .widget--toc .widget-title{flex:none}.project-case-page .project-case-sidebar .widget--toc .toc-nav{overscroll-behavior:contain;scrollbar-width:thin;flex:auto;grid-auto-rows:max-content;align-content:start;min-height:0;overflow:hidden auto}.project-case-page .project-case-sidebar .project-download-widget,.project-case-page .project-case-sidebar .project-summary-widget{flex:none;overflow:visible}@media (width>=1536px){.project-case-page .project-case-sidebar{height:calc(100vh - var(--right-sidebar-sticky-top) - 24px);max-height:calc(100vh - var(--right-sidebar-sticky-top) - 24px)}}@media (width<=1120px){.project-case__intro h1{font-size:34px}.project-case__facts dl{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=767.98px){.project-case-page main.main{gap:14px}.project-case__hero{gap:13px}.project-case__media{aspect-ratio:11/5;border-radius:16px}.project-case__intro{gap:10px}.project-case__eyebrow{display:none}.project-case__intro h1{font-size:27px;line-height:1.16}.project-case__role{gap:3px;font-size:14px;display:grid}.project-case__result{border-radius:0 12px 12px 0;padding:10px 12px}.project-case__result p,.project-case__description{font-size:14px;line-height:1.62}.project-case__actions{align-items:stretch}.project-case__primary-action{width:100%}.project-case__utility-action{flex:140px}.project-case__secondary-links{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.project-case__secondary-links a{white-space:normal;min-width:0}.project-case__facts{background:0 0;margin-top:18px;padding:16px 0}.project-case__facts dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px}.project-case__facts dd{font-size:13px}.project-case-page .project-case__content{padding-top:12px;font-size:15.5px;line-height:1.78}.project-case-page .project-case__content h2{margin-top:38px;font-size:24px}.project-case-page .project-case__content h3{font-size:19px}}@media (width<=430px){.project-case__secondary-links{grid-template-columns:1fr}}body[data-visual-theme=emotion-mask]{--emotion-theme-blue:#1764a7;--emotion-theme-gold:#bd8120;--emotion-theme-red:#b6403b;--emotion-theme-reading:#fffdf8f2;--emotion-theme-surface:#fffdf8eb;--emotion-theme-surface-strong:#fffffcf7;--leftjun-reading-surface:var(--emotion-theme-reading);--leftjun-surface:var(--emotion-theme-surface);--leftjun-surface-strong:var(--emotion-theme-surface-strong);--leftjun-surface-muted:#eee8dcf0;background:#eee7dc;position:relative}:root[data-scheme=dark] body[data-visual-theme=emotion-mask]{--emotion-theme-blue:#6fafe8;--emotion-theme-gold:#e3b45c;--emotion-theme-red:#e77870;--emotion-theme-reading:#121417f2;--emotion-theme-surface:#16181bed;--emotion-theme-surface-strong:#1b1d20f7;--leftjun-surface-muted:#232426f2;background:#111317}.visual-theme-backdrop{z-index:0;pointer-events:none;background:#eee7dc;position:fixed;inset:0;overflow:hidden}.visual-theme-backdrop:after{content:"";background:#f9f6f094;position:absolute;inset:0}.visual-theme-backdrop__picture,.visual-theme-backdrop__image{width:100%;height:100%;display:block}.visual-theme-backdrop__image{object-fit:cover}:root[data-scheme=dark] .visual-theme-backdrop{background:#111317}:root[data-scheme=dark] .visual-theme-backdrop:after{background:#080a0ec7}body[data-visual-theme=emotion-mask]>.site-shell,body[data-visual-theme=emotion-mask]>.standalone-shell{z-index:1;position:relative}body[data-visual-theme=emotion-mask] .left-sidebar{border-color:color-mix(in srgb, var(--emotion-theme-blue) 26%, transparent);box-shadow:inset -1px 0 0 color-mix(in srgb, var(--emotion-theme-gold) 20%, transparent);backdrop-filter:blur(20px)saturate(1.04);background:#faf9f5f5}:root[data-scheme=dark] body[data-visual-theme=emotion-mask] .left-sidebar{border-color:color-mix(in srgb, var(--emotion-theme-blue) 24%, transparent);box-shadow:inset -1px 0 0 color-mix(in srgb, var(--emotion-theme-gold) 24%, transparent);background:#14171bf5}body[data-visual-theme=emotion-mask] .left-sidebar a[aria-current=page]{border-color:color-mix(in srgb, var(--emotion-theme-blue) 34%, transparent);background:color-mix(in srgb, var(--emotion-theme-blue) 10%, var(--emotion-theme-surface-strong));box-shadow:inset 3px 0 0 var(--emotion-theme-blue)}body[data-visual-theme=emotion-mask] .main-article:not(.project-case),body[data-visual-theme=emotion-mask] .article-header,body[data-visual-theme=emotion-mask] .record-detail-context{background:var(--emotion-theme-reading)}body[data-visual-theme=emotion-mask] .record-detail-context{border-color:color-mix(in srgb, var(--emotion-theme-gold) 28%, var(--card-separator-color))}body[data-visual-theme=emotion-mask] .project-case__media,body[data-visual-theme=emotion-mask] .record-detail-hero .article-image{border-color:color-mix(in srgb, var(--emotion-theme-blue) 28%, var(--card-separator-color));box-shadow:0 22px 48px #1b2b372e}body[data-visual-theme=emotion-mask] .project-case__result{border-left-color:var(--emotion-theme-red);background:color-mix(in srgb, var(--emotion-theme-gold) 9%, var(--emotion-theme-surface-strong))}body[data-visual-theme=emotion-mask] .project-case__facts dl>div{border-inline-start-color:color-mix(in srgb, var(--emotion-theme-gold) 36%, var(--card-separator-color))}body[data-visual-theme=emotion-mask] .project-case__facts dt .inline-icon,body[data-visual-theme=emotion-mask] .content-detail-kicker{color:var(--emotion-theme-blue)}body[data-visual-theme=emotion-mask] .right-sidebar{box-shadow:none;background:0 0}body[data-visual-theme=emotion-mask] .right-sidebar .widget{border-color:color-mix(in srgb, var(--emotion-theme-blue) 20%, var(--card-separator-color));background:var(--emotion-theme-surface-strong);backdrop-filter:blur(16px)saturate(1.02);box-shadow:0 16px 34px #1c222726}body[data-visual-theme=emotion-mask] .right-sidebar .widget--toc{border-left:3px solid var(--emotion-theme-blue)}body[data-visual-theme=emotion-mask] .right-sidebar .project-download-widget{border-left:3px solid var(--emotion-theme-gold)}body[data-visual-theme=emotion-mask] .right-sidebar .project-summary-widget{border-left:3px solid var(--emotion-theme-red)}body[data-visual-theme=emotion-mask] .right-sidebar .toc-nav a:hover,body[data-visual-theme=emotion-mask] .right-sidebar .toc-nav a:focus-visible,body[data-visual-theme=emotion-mask] .right-sidebar .toc-nav a.is-active{color:var(--emotion-theme-blue)}body[data-visual-theme=emotion-mask] .right-sidebar .toc-nav a:hover:before,body[data-visual-theme=emotion-mask] .right-sidebar .toc-nav a:focus-visible:before,body[data-visual-theme=emotion-mask] .right-sidebar .toc-nav a.is-active:before{background:var(--emotion-theme-red);box-shadow:inset 0 0 0 4px var(--emotion-theme-surface-strong), 0 0 0 3px color-mix(in srgb, var(--emotion-theme-red) 18%, transparent)}@media (width>=1536px){body.article-page[data-visual-theme=emotion-mask] .site-content-layout.has-right-sidebar>.right-sidebar{height:calc(100vh - var(--right-sidebar-sticky-top) - 24px);max-height:calc(100vh - var(--right-sidebar-sticky-top) - 24px);overflow:visible}body[data-visual-theme=emotion-mask] .right-sidebar .widget{flex:none}body[data-visual-theme=emotion-mask] .right-sidebar .widget--toc{flex-direction:column;flex:auto;min-height:112px;display:flex;overflow:hidden}body[data-visual-theme=emotion-mask] .right-sidebar .widget--toc .widget-title{flex:none}body[data-visual-theme=emotion-mask] .right-sidebar .widget--toc .toc-nav{overscroll-behavior:contain;scrollbar-width:thin;flex:auto;grid-auto-rows:max-content;align-content:start;min-height:0;overflow:hidden auto}}@media (width<=767px){.visual-theme-backdrop:after{background:#f9f6f0c2}:root[data-scheme=dark] .visual-theme-backdrop:after{background:#080a0edb}body[data-visual-theme=emotion-mask] .left-sidebar,body[data-visual-theme=emotion-mask] .main-article:not(.project-case),body[data-visual-theme=emotion-mask] .right-sidebar .widget{background:var(--emotion-theme-surface-strong);backdrop-filter:none}}