*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#FFFFFF;--bg2:#E6E8EE;--bg3:#F4F5F7;--border:#D8DBE2;--border2:#C2C6CF;--text:#1A1D24;--text2:#363940;--text3:#8A93A1;--accent:#3A4250;--accent-muted:#5A6370;--accent-rgb:58,66,80;--green:#3A4250;--nav-active-bg:#FFFFFF;--nav-hover-bg:#F3F4F7;--sidebar-bg:#E6E8EE;--nav-text:#3A4250;--theme-toggle-bg:#D8DBE2;--sidebar-w:248px;--font-sans:"Open Sans",sans-serif;--font-display:"Archivo",sans-serif;--font-mono:"DM Mono",monospace;--r:8px;--r-lg:12px;--transition:.16s ease;--fs-display:31px;--fs-h1:24px;--fs-h2:20px;--fs-h3:16px;--fs-body:16px;--fs-body-sm:14px;--fs-sm:13px;--fs-caption:12px;--fs-micro:11px;--fs-tiny:10px;--fs-nano:9px;--mobile-menu-bg:rgba(230,232,238,.7);--logo-filter:none;--logo-color:#1A1D24;--ticker-bg:#1A1D24;--ticker-logo-filter:grayscale(1) invert(1);--ticker-logo-filter-flip:grayscale(1);--ticker-logo-filter-boost:grayscale(1) invert(1) contrast(2) brightness(1.65)}:root[data-theme=dark]{--bg:#0C0D10;--bg2:#1B1E24;--bg3:#2D3036;--border:#2A2E36;--border2:#3A3F48;--text:#ECEEF2;--text2:#D0D4DB;--text3:#5A6370;--accent:#B0B7C2;--accent-muted:#8A93A1;--accent-rgb:176,183,194;--green:#B0B7C2;--btn-bg:#ECEEF2;--btn-fg:var(--bg);--nav-active-bg:#3A4250;--nav-hover-bg:#2C313B;--sidebar-bg:#1D1F25;--nav-text:#B3B9C2;--theme-toggle-bg:#3A4250;--mobile-menu-bg:rgba(20,23,28,.7);--logo-filter:invert(1);--logo-color:#ECEEF2;--ticker-bg:#ECEEF2;--ticker-logo-filter:grayscale(1);--ticker-logo-filter-flip:grayscale(1) invert(1);--ticker-logo-filter-boost:grayscale(1) contrast(2) brightness(.35)}html{font-family:var(--font-sans);background:var(--sidebar-bg);color:var(--text);font-size:var(--fs-body);line-height:1.65;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:var(--font-sans);cursor:pointer}input,textarea{font-family:var(--font-sans)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.app{display:flex;height:100vh;overflow:hidden;padding-left:10px}.page-frame{background:var(--bg);border-radius:var(--r-lg);box-shadow:0 1px 3px #0000000a,0 2px 12px #00000008;height:100%;overflow-y:auto;scrollbar-width:none;container-type:inline-size}.page-frame::-webkit-scrollbar{display:none}.page-frame:hover{scrollbar-width:thin;scrollbar-color:var(--border) transparent}.page-frame:hover::-webkit-scrollbar{display:block;width:4px}.page-frame:hover::-webkit-scrollbar-track{background:transparent}.page-frame:hover::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.sidebar{width:var(--sidebar-w);min-width:var(--sidebar-w);height:100vh;position:sticky;top:0;background:var(--sidebar-bg);display:flex;flex-direction:column;z-index:100}.sidebar-logo{padding:45px 16px 33px}.sidebar-nav{flex:1;overflow-y:auto;padding:10px 0}.nav-divider{font-size:var(--fs-nano);color:var(--nav-text);opacity:.75;padding:16px 16px 4px;letter-spacing:.07em;text-transform:uppercase}.nav-item{display:flex;align-items:center;gap:11px;padding:6px 8px;margin:3px 8px;border-radius:6px;font-size:var(--fs-caption);color:var(--nav-text);cursor:pointer;transition:background var(--transition),color var(--transition),box-shadow var(--transition);user-select:none}.nav-item:hover,.nav-item.active{color:var(--text);font-weight:500;box-shadow:0 1px 3px #00000014}.nav-item:hover{background:var(--nav-hover-bg)}.nav-item.active{background:var(--nav-active-bg)}.nav-icon{width:20px;height:20px;min-width:20px;display:flex;align-items:center;justify-content:center}.nav-icon svg{width:16px;height:16px;fill:var(--nav-text);stroke:none}.nav-icon img{width:16px;height:16px;display:block}.nav-item.active .nav-icon svg{fill:var(--text)}.nav-item:hover .nav-icon svg{fill:var(--text)}.nav-label{flex:1;font-size:var(--fs-sm)}.nav-shortcut{font-size:var(--fs-nano);font-family:var(--font-mono);color:var(--nav-text);background:var(--theme-toggle-bg);border:none;border-radius:4px;padding:1px 5px;min-width:18px;text-align:center;line-height:1.7}:root[data-theme=dark] .nav-shortcut{background:var(--bg2)}:root[data-theme=dark] .nav-item.active{color:#fff}:root[data-theme=dark] .nav-item.active .nav-icon svg{fill:#fff}.theme-bar{padding:16px 16px 20px}.theme-toggle{position:relative;display:flex;background:var(--theme-toggle-bg);border-radius:8px;padding:3px}.theme-indicator{position:absolute;top:3px;bottom:3px;left:3px;width:calc((100% - 6px) / 3);background:var(--bg);border-radius:6px;box-shadow:0 1px 3px #0000001a;transition:transform .22s cubic-bezier(.4,0,.2,1);pointer-events:none}.theme-btn{all:unset;position:relative;z-index:1;flex:1;font-size:var(--fs-caption);color:var(--nav-text);cursor:pointer;font-family:var(--font-sans);padding:3px 0;line-height:1;text-align:center;border-radius:6px;transition:color .16s ease;user-select:none}.theme-btn:hover{color:var(--text)}.theme-btn.on{color:var(--text);font-weight:700}.main{flex:1;padding:10px;overflow:hidden}.page{max-width:700px;margin-left:auto;margin-right:auto}#page-home{max-width:1400px}.page{display:none;animation:fadeIn .2s ease}.page.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.section{padding:54px 36px}.home-trusted{padding-top:108px}@media(min-width:601px)and (max-width:1024px)and (orientation:portrait){.section{padding:48px 21px}.home-trusted{padding-top:96px}}.section-label{font-size:var(--fs-micro);font-weight:600;color:var(--text3);text-transform:uppercase;letter-spacing:.07em;margin-top:32px;margin-bottom:16px;padding-bottom:0}.section-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:14px}.section-eyebrow{font-size:var(--fs-tiny);font-weight:500;color:var(--text3);text-transform:uppercase;letter-spacing:.07em;margin-bottom:4px}.page-title{font-size:var(--fs-display);font-weight:700;color:var(--text);margin-bottom:12px;font-family:var(--font-display)}.body-text{font-size:var(--fs-body);color:var(--text2);line-height:1.75;margin-bottom:12px;max-width:650px}.body-text:last-of-type{margin-bottom:0}.body-text strong{font-weight:500;color:var(--text)}.pull-quote{padding:10px 18px;margin:18px 0;max-width:520px}.pull-quote-text{font-size:var(--fs-body);font-weight:500;color:var(--text);line-height:1.55}.avail-bar{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;background:var(--bg2);border-radius:var(--r);border:1px solid var(--border);margin-top:16px}.avail-dot{width:7px;height:7px;border-radius:50%;background:var(--green);min-width:7px}.avail-text{font-size:var(--fs-caption);color:var(--text);font-weight:500}.avail-sub{font-size:var(--fs-micro);color:var(--text3);margin-left:4px}.ticker-wrap{background:transparent;padding:28px 0 54px;overflow:hidden;position:relative}.ticker-wrap.ticker--inverse{--ticker-bg:var(--bg);--ticker-logo-filter:grayscale(1) sepia(.5) hue-rotate(200deg) saturate(.7);--ticker-logo-filter-flip:grayscale(1) invert(1) sepia(.5) hue-rotate(200deg) saturate(.7);--ticker-logo-filter-boost:grayscale(1) contrast(2) brightness(.35) sepia(.5) hue-rotate(200deg) saturate(.7)}:root[data-theme=dark] .ticker-wrap.ticker--inverse{--ticker-logo-filter:grayscale(1) invert(1) sepia(.5) hue-rotate(200deg) saturate(.7);--ticker-logo-filter-flip:grayscale(1) sepia(.5) hue-rotate(200deg) saturate(.7);--ticker-logo-filter-boost:grayscale(1) invert(1) contrast(2) brightness(1.65) sepia(.5) hue-rotate(200deg) saturate(.7)}.ticker-fade-l{position:absolute;left:0;top:0;bottom:0;width:60px;z-index:2;pointer-events:none;background:linear-gradient(to right,var(--ticker-bg,var(--bg)),transparent)}.ticker-fade-r{position:absolute;right:0;top:0;bottom:0;width:60px;z-index:2;pointer-events:none;background:linear-gradient(to left,var(--ticker-bg,var(--bg)),transparent)}.ticker-row{display:flex;white-space:nowrap;align-items:center}.ticker-row+.ticker-row{margin-top:8px}.ticker-track{display:inline-flex;align-items:center;animation:ticker 36s linear infinite}.ticker-row--reverse .ticker-track{animation-direction:reverse}.ticker-wrap:hover .ticker-track{animation-play-state:paused}@keyframes ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}.ticker-logo{height:81px;padding:0 34px;display:flex;align-items:center;justify-content:center;opacity:.5}.ticker-logo img{opacity:1;filter:var(--ticker-logo-filter,grayscale(1))}.ticker-logo-flip img{filter:var(--ticker-logo-filter-flip,grayscale(1) invert(1))}.ticker-logo-text{font-size:var(--fs-micro);font-weight:500;color:var(--text3);letter-spacing:.06em;white-space:nowrap;font-family:var(--font-sans)}.ticker-logo-boost img{filter:var(--ticker-logo-filter-boost,grayscale(1) contrast(2) brightness(.35))}.ticker-sep{display:none}.update-thumb{width:40px;height:40px;min-width:40px;background:none;border:none;display:flex;align-items:center;justify-content:center;padding:0;overflow:visible}.update-thumb-img{width:40px;height:40px;object-fit:contain;display:block}.update-title{font-size:var(--fs-body);font-weight:700;color:var(--text);margin-bottom:3px;line-height:1.4;font-family:var(--font-display)}.update-desc{font-size:var(--fs-body-sm);color:var(--text2);line-height:1.5}.update-date{font-size:var(--fs-micro);color:var(--text3);font-family:var(--font-mono);white-space:nowrap}.update-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.update-card{display:flex;flex-direction:column;gap:0;padding:17px;background:var(--bg2);border-radius:var(--r-lg);min-height:160px;align-items:flex-start;cursor:pointer;transition:background var(--transition)}.update-card:hover{background:var(--bg3)}.update-card .update-body{margin-top:12px;width:100%}.update-card .update-date{margin-top:5px}.update-item{display:flex;align-items:flex-start;gap:14px;padding:14px 0;border-bottom:1px solid var(--border)}.update-item:last-child{border-bottom:none}.update-item .update-body{flex:1}.update-left{display:flex;flex-direction:column;align-items:flex-start;gap:6px;flex-shrink:0}.show-more{font-size:var(--fs-caption);color:var(--text3);margin-top:12px;cursor:pointer;display:inline-block;transition:color var(--transition);text-decoration:underline}.show-more:hover{color:var(--text2)}.show-more-em{font-size:var(--fs-body-sm);text-decoration:underline}.stack-group{margin-bottom:20px}.stack-group:last-child{margin-bottom:0}.stack-group-label{font-size:var(--fs-micro);color:var(--text3);margin-bottom:10px}.stack-icons{display:flex;flex-wrap:wrap;gap:8px}.stack-icon{width:44px;height:44px;background:var(--bg2);border-radius:var(--r);border:none;display:flex;align-items:center;justify-content:center;font-size:8px;color:var(--text3);text-align:center;line-height:1.2;padding:4px;transition:border-color var(--transition),background var(--transition);position:relative;cursor:default}.stack-icon:hover{background:var(--bg3)}.stack-icon img{width:22px;height:22px;object-fit:contain}.stack-icon[title]:hover:after{content:attr(title);position:absolute;bottom:-24px;left:50%;transform:translate(-50%);font-size:var(--fs-nano);color:var(--text2);background:var(--bg);padding:2px 6px;border-radius:4px;white-space:nowrap;z-index:10;pointer-events:none}.tools-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:12px;margin-top:16px}.tool-card{display:flex;align-items:center;gap:14px;padding:14px 16px;background:var(--bg2);border-radius:var(--r-lg);text-decoration:none;color:inherit;cursor:pointer;transition:background var(--transition)}.tool-card:hover{background:var(--bg3)}.tool-icon{width:40px;height:40px;min-width:40px;border-radius:0;background:none;display:flex;align-items:flex-start;justify-content:center;font-size:var(--fs-tiny);font-weight:700;color:var(--text3);font-family:var(--font-mono);flex-shrink:0}.tool-icon img{width:40px;height:40px;object-fit:contain}.tool-name{font-size:var(--fs-h3);font-weight:700;color:var(--text);font-family:var(--font-display);margin-bottom:2px}.tool-desc{font-size:var(--fs-body-sm);color:var(--text2);line-height:1.5}.tool-arrow{font-size:var(--fs-caption);color:var(--text3);flex-shrink:0}.skills-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.skill-col-title{font-size:var(--fs-body-sm);font-weight:500;color:var(--text);margin-bottom:12px}.skill-chips{display:flex;flex-wrap:wrap;gap:5px}.chip{font-size:var(--fs-micro);padding:4px 10px;border-radius:20px;border:1px solid transparent;color:var(--accent);background:rgba(var(--accent-rgb),.1)}.chip.expert{border-color:transparent;color:var(--accent);background:rgba(var(--accent-rgb),.16);font-weight:500}.tl-row{display:flex;gap:14px;align-items:flex-start;padding:12px 0}.tl-year{font-size:var(--fs-micro);font-family:var(--font-mono);color:var(--text3);min-width:54px;padding-top:3px}.tl-dot-col{display:flex;flex-direction:column;align-items:center;padding-top:5px}.tl-dot{width:7px;height:7px;border-radius:50%;background:var(--text2);min-height:7px;border:1px solid var(--text2)}.tl-line{width:1px;flex:1;background:var(--border);margin-top:4px;min-height:26px}.tl-body{flex:1}.tl-role{font-size:var(--fs-h3);font-weight:700;color:var(--text);margin-bottom:2px;font-family:var(--font-display)}.tl-co{font-size:var(--fs-body-sm);color:var(--text2);margin-bottom:5px}.tl-tags{display:flex;gap:5px;flex-wrap:wrap}.tl-tag{font-size:var(--fs-tiny);padding:2px 7px;border-radius:10px;border:1px solid transparent;color:var(--accent);background:rgba(var(--accent-rgb),.1)}.tl-note{font-size:var(--fs-micro);color:var(--text3);margin-top:4px;font-style:italic}.resume-link{font-size:var(--fs-caption);font-weight:600;color:var(--btn-fg,#FFFFFF);background:var(--btn-bg,var(--accent));border-radius:6px;padding:8px 16px;margin-top:16px;display:inline-block;cursor:pointer;text-decoration:none;transition:opacity var(--transition)}.resume-link:hover{opacity:.8}.foundation-card{background:var(--bg2);border-radius:var(--r-lg);padding:17px}.foundation-section-title{font-size:var(--fs-h2);font-weight:500;color:var(--text);margin-bottom:12px}.foundation-desc{font-size:var(--fs-body);color:var(--text2);line-height:1.75;margin-bottom:16px}.foundation-card.key-insight .foundation-section-title{font-size:var(--fs-h3);font-weight:700;line-height:1.4}.foundation-card.key-insight .foundation-desc{font-size:var(--fs-body-sm);line-height:1.7}.foundation-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.foundation-bullets{display:flex;flex-direction:column;gap:7px}.foundation-bullet{display:flex;gap:8px;align-items:flex-start;font-size:var(--fs-body-sm);color:var(--text2);line-height:1.55}.foundation-dot{width:4px;height:4px;border-radius:50%;background:var(--text3);margin-top:5px;min-width:4px}.contact-row{display:flex;justify-content:space-between;align-items:center;padding:16px 0;gap:16px}.contact-row-left{display:flex;flex-direction:column;gap:3px}.contact-row-label{font-size:var(--fs-tiny);color:var(--text3);text-transform:uppercase;letter-spacing:.06em}.contact-row-title{font-size:var(--fs-caption);font-weight:500;color:var(--text)}.contact-row-sub{font-size:var(--fs-micro);color:var(--text2)}.local-time-big{font-size:var(--fs-h1);font-weight:500;color:var(--text);font-family:var(--font-mono);line-height:1}.local-time-sub{font-size:var(--fs-micro);color:var(--text3);margin-top:3px}.contact-row-right{display:flex;gap:6px;align-items:center;flex-shrink:0}.action-btn{font-size:var(--fs-micro);padding:5px 10px;border-radius:var(--r);border:1px solid var(--border2);color:var(--text);background:transparent;cursor:pointer;transition:background var(--transition);white-space:nowrap}.action-btn:hover{background:var(--bg2)}.social-pills{display:flex;gap:5px;flex-wrap:wrap}.social-pill{display:flex;align-items:center;gap:5px;font-size:var(--fs-micro);color:var(--text);padding:5px 10px;border-radius:var(--r);border:1px solid var(--border2);cursor:pointer;transition:background var(--transition);text-decoration:none}.social-pill:hover{background:var(--bg2)}.modal .action-btn,.modal .social-pill{border:none}.modal .form-input,.modal .form-textarea{background:var(--bg)}.filter-bar{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:20px}.filter-pill{font-size:var(--fs-micro);padding:5px 12px;border-radius:20px;border:1px solid var(--border);color:var(--text2);cursor:pointer;transition:all var(--transition);background:transparent;font-family:var(--font-sans)}.filter-pill:hover{border-color:var(--border2);color:var(--text)}.filter-pill.active{background:var(--btn-bg,var(--accent));color:var(--btn-fg,#FFFFFF);border-color:var(--btn-bg,var(--accent))}.home-work-grid,.exp-work-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.fw-card{background:#d8dbe2;border-radius:var(--r-lg);padding:8px 19px;cursor:pointer;transition:background var(--transition),transform var(--transition);display:flex;flex-direction:column;gap:6px;overflow:hidden}.fw-card:hover{background:var(--bg3);transform:translateY(-1px)}.fw-thumb{margin:-8px -19px 2px;aspect-ratio:11/4;background:var(--bg2);overflow:hidden}.fw-thumb img{width:100%;height:100%;object-fit:cover;display:block}.fw-title{font-size:var(--fs-h3);font-weight:700;font-family:var(--font-display);line-height:1.35;color:#1a1d24}.fw-footer{display:flex;justify-content:space-between;align-items:center;gap:8px}.fw-cats{font-size:var(--fs-tiny);color:#5a6370}.fw-cta{font-size:var(--fs-caption);font-weight:700;color:#1a1d24;display:flex;align-items:center;gap:6px}.fw-arrow{font-size:var(--fs-caption);color:#1a1d24}:root[data-theme=dark] .fw-card{background:#1a1d24}:root[data-theme=dark] .fw-card:hover{background:var(--bg3)}:root[data-theme=dark] .fw-title,:root[data-theme=dark] .fw-cta,:root[data-theme=dark] .fw-arrow{color:#eceef2}:root[data-theme=dark] .fw-cats{color:#8a93a1}.work-grid{display:grid;grid-template-columns:1fr;gap:14px}.work-card{background:var(--bg2);border:none;border-radius:var(--r-lg);overflow:hidden;cursor:pointer;transition:background var(--transition),transform var(--transition);display:flex;flex-direction:column}.nav-tile{background:var(--bg2);border-radius:var(--r-lg);padding:17px;cursor:pointer;color:var(--text);transition:background var(--transition);display:flex;flex-direction:column;align-items:flex-start;gap:0;min-height:160px}.nav-tile:hover{background:var(--bg3)}.nav-tile .nav-tile-title{font-size:var(--fs-body);font-weight:700;color:var(--text);margin-bottom:3px;line-height:1.4;font-family:var(--font-display)}.nav-tile .nav-tile-desc{font-size:var(--fs-body-sm);color:var(--text2);line-height:1.5;margin-bottom:10px}.nav-tile .nav-tile-cta{margin-top:auto;align-self:flex-start;font-size:11px;font-weight:500;color:#1a1d24;background:#fff;padding:5px 10px;border-radius:6px}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}@media(max-width:600px){.portfolio-grid,.home-work-grid{grid-template-columns:1fr}}.work-card:hover{background:var(--bg3);transform:translateY(-1px)}.work-thumb{aspect-ratio:11/4;background:var(--bg2);display:flex;align-items:center;justify-content:center;font-size:var(--fs-tiny);color:var(--text3);position:relative;padding:12px;overflow:hidden}.work-thumb img{width:100%;height:100%;object-fit:cover;display:block}.work-body{padding:17px;background:var(--bg2);flex:1;display:flex;flex-direction:column}.work-client{font-size:var(--fs-micro);color:var(--text3);margin-bottom:3px;text-transform:uppercase;letter-spacing:.05em}.work-title{font-size:var(--fs-h3);font-weight:700;color:var(--text);margin-bottom:5px;line-height:1.35;font-family:var(--font-display)}.work-outcome{font-size:var(--fs-body-sm);color:var(--text2);line-height:1.5;margin-bottom:10px}.work-meta{display:flex;justify-content:space-between;align-items:center;padding-top:10px;margin-top:auto}.work-industry{font-size:var(--fs-tiny);color:var(--text3)}.work-arrow{font-size:var(--fs-caption);color:var(--text);font-weight:700}.list-row{display:flex;align-items:center;gap:14px;padding:12px 0;cursor:pointer;transition:background var(--transition)}.list-row:hover .list-title{text-decoration:underline;text-underline-offset:2px}.list-num{font-size:var(--fs-tiny);color:var(--text3);font-family:var(--font-mono);min-width:24px}.list-thumb{width:48px;height:36px;background:var(--bg2);border-radius:6px;border:1px solid var(--border);min-width:48px}.list-title{font-size:var(--fs-body);font-weight:500;color:var(--text);margin-bottom:2px}.list-sub{font-size:var(--fs-sm);color:var(--text2)}.list-body{flex:1}.list-tags{display:flex;gap:5px;margin-left:auto;padding-left:12px}.list-tag{font-size:var(--fs-tiny);padding:2px 7px;border-radius:10px;border:1px solid transparent;color:var(--accent);background:rgba(var(--accent-rgb),.1);white-space:nowrap}.list-arrow{font-size:var(--fs-caption);color:var(--text3);margin-left:8px}.section-row-label{font-size:var(--fs-micro);font-weight:500;color:var(--text3);text-transform:uppercase;letter-spacing:.06em;margin-bottom:12px}.breadcrumb{font-size:var(--fs-micro);color:var(--text3);margin-bottom:16px;cursor:pointer}.breadcrumb:hover,.breadcrumb span{color:var(--text2)}.cs-tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}.cs-tag{font-size:var(--fs-tiny);padding:3px 9px;border-radius:20px;border:1px solid transparent;color:var(--accent);background:rgba(var(--accent-rgb),.1)}.cs-title{font-size:var(--fs-h1);font-weight:500;color:var(--text);line-height:1.3;margin-bottom:8px}.cs-subtitle{font-size:var(--fs-body-sm);color:var(--text2);line-height:1.65}.cs-meta-card{background:transparent;border-radius:var(--r-lg);border:1px solid var(--border);padding:14px 18px;display:flex;flex-wrap:wrap;gap:10px 24px;margin:38px 0 10px}.cs-meta-row{padding:0;display:flex;flex-direction:column;gap:2px;flex:1;min-width:110px}.cs-meta-label{font-size:var(--fs-tiny);color:var(--text3);text-transform:uppercase;letter-spacing:.05em}.cs-meta-value{font-size:var(--fs-caption);color:var(--text);font-weight:500}.cs-hero{aspect-ratio:16/9;background:var(--bg2);border-radius:var(--r-lg);border:1px dashed var(--border2);display:flex;align-items:center;justify-content:center;font-size:var(--fs-micro);color:var(--text3);margin-bottom:34px}.cs-rule{border:none;border-top:1px solid var(--border);margin:16px 0}.stat-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.stat-box{background:var(--text);border-radius:var(--r-lg);padding:17px;display:flex;flex-direction:column;justify-content:flex-end}.stat-icon{color:var(--bg);margin-bottom:10px;display:flex;align-items:center}.stat-num{font-size:clamp(22px,3.4vw,32px);font-weight:800;color:var(--bg);line-height:.95;margin-bottom:10px;font-family:var(--font-display);letter-spacing:-1px}.stat-label{font-size:var(--fs-sm);font-weight:700;color:var(--bg);line-height:1.3;font-family:var(--font-display)}.car-grid{display:flex;flex-direction:column;background:transparent;border:none;border-radius:0;padding:0;gap:0;align-items:stretch}.car-sidebar{display:flex;flex-direction:row;flex-wrap:wrap;gap:2px;align-items:flex-end;padding:0;margin:0 0 -1px;position:relative;z-index:1}.car-step{padding:9px 14px 10px;border:1px solid var(--border);border-radius:var(--r) var(--r) 0 0;background:var(--bg2);cursor:pointer;transition:background var(--transition),color var(--transition)}.car-step:hover{background:var(--bg3)}.car-step.active{background:var(--bg);border-bottom-color:var(--bg);position:relative;z-index:2}.car-step-label{font-size:var(--fs-nano);text-transform:uppercase;letter-spacing:.06em;color:var(--text3);margin-bottom:2px}.car-step.active .car-step-label{color:var(--text2)}.car-step-title{font-size:var(--fs-caption);font-weight:700;color:var(--text)}.car-grid>div:not(.car-sidebar){background:var(--bg);border:1px solid var(--border);border-radius:0 0 var(--r-lg) var(--r-lg);padding:24px;min-height:160px;position:relative;z-index:0}.car-content{background:transparent;border:none;padding:0;min-height:0}.car-content-label{font-size:var(--fs-tiny);text-transform:uppercase;letter-spacing:.06em;color:var(--text3);margin-bottom:8px}.car-content-title{font-size:var(--fs-h3);font-weight:700;color:var(--text);margin-bottom:10px;line-height:1.4}.car-content-body{font-size:var(--fs-body-sm);color:var(--text2);line-height:1.7}.asset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.asset-thumb{height:80px;background:var(--bg2);border-radius:var(--r);border:1px dashed var(--border2);display:flex;align-items:center;justify-content:center;font-size:var(--fs-tiny);color:var(--text3)}.media-carousel{display:grid;grid-template-columns:64px minmax(0,1fr);gap:12px;align-items:start}.carousel-thumbs{display:flex;flex-direction:column;gap:8px;max-height:520px;overflow-y:auto;padding-right:4px;scrollbar-width:thin}.carousel-thumbs::-webkit-scrollbar{width:6px}.carousel-thumbs::-webkit-scrollbar-thumb{background:var(--border2);border-radius:6px}.carousel-thumb{padding:0;background:var(--bg2);border:2px solid transparent;border-radius:var(--r);overflow:hidden;cursor:pointer;aspect-ratio:1/1;transition:border-color var(--transition),opacity var(--transition);opacity:.55}.carousel-thumb:hover{opacity:.85}.carousel-thumb.active{border-color:var(--text);opacity:1}.carousel-thumb img{width:100%;height:100%;object-fit:cover;display:block}.carousel-main{position:relative;background:var(--bg2);border-radius:var(--r-lg);overflow:hidden}.carousel-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none}.carousel-track::-webkit-scrollbar{display:none}.carousel-slide{flex:0 0 100%;scroll-snap-align:start;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center}.carousel-slide img,.carousel-slide video{width:100%;height:100%;object-fit:cover;display:block}.carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);width:38px;height:38px;border-radius:50%;border:1px solid var(--border);background:var(--bg);color:var(--text);font-size:22px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;transition:background var(--transition),border-color var(--transition);padding:0}.carousel-arrow:hover{background:var(--bg2);border-color:var(--border2)}.carousel-arrow.prev{left:10px}.carousel-arrow.next{right:10px}.media-video{background:var(--bg2);border-radius:var(--r-lg);overflow:hidden;max-width:720px}.media-video video{width:100%;height:auto;display:block}.media-stack{display:flex;flex-direction:column;gap:18px}.media-figure{margin:0;background:var(--bg2);border-radius:var(--r-lg);overflow:hidden}.media-figure img{width:100%;height:auto;display:block}.media-caption{font-size:var(--fs-micro);color:var(--text3);padding:8px 12px;line-height:1.4}.media-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;align-items:start}.media-pair-equal{align-items:stretch}.media-pair-equal .media-figure{display:flex;flex-direction:column}.media-pair-equal .media-figure img{flex:1;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}@media(max-width:640px){.media-carousel{grid-template-columns:48px minmax(0,1fr);gap:8px}.carousel-thumbs{max-height:320px}.carousel-arrow{width:32px;height:32px;font-size:18px}}.next-prev{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.nav-card{background:var(--bg2);border-radius:var(--r-lg);border:none;padding:14px 16px;cursor:pointer;transition:background var(--transition)}.nav-card:hover{background:var(--bg3,var(--bg2))}.nav-card-dir{font-size:var(--fs-tiny);color:var(--text3);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}.nav-card-title{font-size:var(--fs-caption);font-weight:500;color:var(--text)}.nav-card-tag{font-size:var(--fs-tiny);color:var(--text3);margin-top:3px}.nav-card.right{text-align:right}.project-grid{display:grid;grid-template-columns:1fr;gap:24px}.project-card{background:var(--bg);border:none;border-radius:var(--r-lg);overflow:hidden;cursor:pointer;transition:transform var(--transition)}.project-card:hover{transform:translateY(-1px)}.project-thumb{aspect-ratio:1041/585;background:var(--bg2);display:flex;align-items:center;justify-content:center;font-size:var(--fs-tiny);color:var(--text3);overflow:hidden}.project-body{padding:17px;background:var(--bg2)}.project-title{font-size:var(--fs-h3);font-weight:700;color:var(--text);margin-bottom:5px;line-height:1.35;font-family:var(--font-display)}.project-desc{font-size:var(--fs-body-sm);color:var(--text2);line-height:1.5}.project-tags{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:10px}.project-tag{font-size:var(--fs-tiny);padding:2px 7px;border-radius:10px;border:1px solid transparent;color:var(--accent);background:rgba(var(--accent-rgb),.1)}.media-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.media-card{border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--border);cursor:pointer;transition:border-color var(--transition)}.media-card:hover{border-color:var(--border2)}.media-thumb{background:var(--bg2);aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;font-size:var(--fs-tiny);color:var(--text3);position:relative}.media-play{width:28px;height:28px;border-radius:50%;background:#0000004d;display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--fs-tiny)}.media-meta{padding:10px 12px}.media-title{font-size:var(--fs-body);font-weight:500;color:var(--text);margin-bottom:3px}.media-sub{font-size:var(--fs-tiny);color:var(--text3)}.design-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.design-thumb{background:var(--bg2);border-radius:var(--r-lg);border:1px solid var(--border);aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;font-size:var(--fs-tiny);color:var(--text3);cursor:pointer;transition:border-color var(--transition)}.design-thumb:hover{border-color:var(--border2)}.writing-row{display:flex;gap:16px;align-items:flex-start;padding:16px 0;cursor:pointer}.writing-row:hover .writing-title{text-decoration:underline;text-underline-offset:2px}.writing-date{font-size:var(--fs-tiny);font-family:var(--font-mono);color:var(--text3);min-width:60px;padding-top:2px}.writing-body{flex:1}.writing-title{font-size:var(--fs-h3);font-weight:700;color:var(--text);margin-bottom:4px;line-height:1.4}.writing-excerpt{font-size:var(--fs-sm);color:var(--text2);line-height:1.55}.writing-tags{display:flex;gap:5px;margin-top:6px}.writing-tag{font-size:var(--fs-tiny);padding:2px 7px;border-radius:10px;border:1px solid transparent;color:var(--accent);background:rgba(var(--accent-rgb),.1)}.writing-arrow{font-size:var(--fs-caption);color:var(--text3);padding-top:2px}.resume-section{margin-bottom:24px}.resume-section-title{font-size:var(--fs-micro);font-weight:500;color:var(--text3);text-transform:uppercase;letter-spacing:.07em;margin-bottom:12px}.resume-entry{padding:10px 0}.resume-entry-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:3px}.resume-entry-title{font-size:var(--fs-body);font-weight:500;color:var(--text)}.resume-entry-date{font-size:var(--fs-tiny);font-family:var(--font-mono);color:var(--text3)}.resume-entry-sub{font-size:var(--fs-sm);color:var(--text2);margin-bottom:5px}.resume-bullets{display:flex;flex-direction:column;gap:4px;margin-top:6px}.resume-bullet{display:flex;gap:8px;font-size:var(--fs-sm);color:var(--text2);line-height:1.5}.resume-bullet:before{content:"—";color:var(--text3);flex-shrink:0}.modal-overlay{position:fixed;inset:0;background:#0006;z-index:1000;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .2s ease}.modal-overlay.open{opacity:1;pointer-events:all}.modal{background:var(--sidebar-bg);border-radius:var(--r-lg);width:440px;max-width:calc(100vw - 48px);padding:28px;position:relative;transform:translateY(8px);transition:transform .2s ease}.modal-overlay.open .modal{transform:translateY(0)}.modal-close{position:absolute;top:14px;right:14px;width:28px;height:28px;border-radius:50%;border:none;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:var(--fs-sm);color:var(--text3);line-height:1;transition:background var(--transition)}.modal-close:hover{background:var(--bg2)}.modal-eyebrow{font-size:var(--fs-tiny);text-transform:uppercase;letter-spacing:.07em;color:var(--text3);margin-bottom:5px}.modal-title{font-size:var(--fs-h1);font-weight:500;color:var(--text);margin-bottom:4px}.modal-sub{font-size:var(--fs-body-sm);color:var(--text2);line-height:1.55;margin-bottom:20px}.intent-label{font-size:var(--fs-micro);color:var(--text2);margin-bottom:7px}.intent-chips{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px}.intent-chip{font-size:var(--fs-micro);padding:5px 11px;border-radius:20px;border:1px solid var(--border);color:var(--text2);cursor:pointer;background:transparent;font-family:var(--font-sans);transition:all var(--transition)}.intent-chip:hover{border-color:var(--border2);color:var(--text)}.intent-chip.selected{background:var(--bg2);border-color:var(--border2);color:var(--text)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.form-field{margin-bottom:12px}.form-label{font-size:var(--fs-micro);color:var(--text2);margin-bottom:5px;display:block}.form-input{width:100%;height:36px;border-radius:var(--r);border:none;background:var(--bg2);padding:0 12px;font-size:var(--fs-caption);color:var(--text);outline:none;font-family:var(--font-sans)}.form-textarea{width:100%;height:88px;border-radius:var(--r);border:none;background:var(--bg2);padding:10px 12px;font-size:var(--fs-caption);color:var(--text);resize:none;font-family:var(--font-sans);line-height:1.5;outline:none}.form-submit{width:100%;padding:10px;border-radius:var(--r);background:var(--btn-bg,var(--accent));color:var(--btn-fg,#FFFFFF);border:none;font-size:var(--fs-caption);font-weight:500;cursor:pointer;margin-top:4px;font-family:var(--font-sans);transition:opacity var(--transition)}.form-submit:hover{opacity:.85}.form-submit:disabled{opacity:.6;cursor:not-allowed}.form-status{font-size:var(--fs-caption);margin-top:10px;min-height:1em;line-height:1.4}.form-status[data-type=success]{color:var(--text)}.form-status[data-type=error]{color:#c0392b}:root[data-theme=dark] .form-status[data-type=error]{color:#e07a6e}.modal-footer{display:flex;gap:8px;justify-content:flex-start;margin-top:16px;padding-top:14px;flex-wrap:wrap}.page-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:6px}.page-count{font-size:var(--fs-caption);color:var(--text3)}.page-subtitle{font-size:var(--fs-body);color:var(--text2);margin-top:4px;margin-bottom:18px;max-width:500px}.btn{font-size:var(--fs-caption);padding:8px 16px;border-radius:var(--r);border:none;color:var(--btn-fg,#FFFFFF);background:var(--btn-bg,var(--accent));cursor:pointer;transition:filter var(--transition);font-family:var(--font-sans);font-weight:700}.btn:hover{filter:brightness(.8)}.btn.secondary{background:transparent;color:var(--text);border:1px solid var(--border2)}.btn-row{text-align:left;margin-top:36px}.sidebar-logo-img{height:24px;width:38px;display:block;background-color:var(--logo-color);-webkit-mask:url(/Icons/mikehnath-icon.svg) no-repeat center/contain;mask:url(/Icons/mikehnath-icon.svg) no-repeat center/contain}.sidebar-logo-caret{display:none}img[src$="Icons/github.svg"],img[src$="Icons/adobe-portfolio.svg"]{filter:var(--logo-filter,none)}.nav-mobile-logo,.mobile-topbar,.mobile-menu-close,.mobile-backdrop,.mobile-theme-fab,.mobile-menu-fab{display:none}@media(max-width:1024px)and (orientation:portrait),(max-height:500px)and (orientation:landscape)and (max-width:1024px),(max-width:768px){.sidebar-logo-img{height:19px;width:30px}.home-featured{padding-top:30px!important}}@media(max-width:1024px)and (orientation:portrait),(max-height:500px)and (orientation:landscape)and (max-width:1024px){#shortcut-tip{display:none!important}.home-intro-grid{grid-template-columns:1fr!important}.app{height:auto;overflow:visible;padding-left:0;flex-direction:column;padding-bottom:calc(58px + env(safe-area-inset-bottom,0px))}.main{padding:0;overflow:visible;min-height:0}.page-frame{border:none;border-radius:0;box-shadow:none;height:auto;overflow-y:visible}.sidebar{position:fixed;inset:auto 0 0;width:100%;height:auto;min-width:0;flex-direction:row;background:var(--sidebar-bg);border-top:1px solid var(--border);border-right:none;z-index:300;padding:0 0 env(safe-area-inset-bottom,0px);overflow:visible;transform:none;transition:none}.sidebar-logo{display:none}.nav-mobile-logo{display:flex;flex:1;align-items:center;justify-content:center;min-height:48px;padding:0 8px;order:-1;border-right:1px solid var(--border)}.nav-mobile-logo .sidebar-logo-img{height:20px}.sidebar-footer{display:none}.sidebar-nav{flex:1;display:flex;flex-direction:row;justify-content:space-around;align-items:center;padding:0;overflow:visible;gap:0}.nav-divider,.nav-label,.nav-shortcut{display:none}.nav-item{flex:1;flex-direction:column;justify-content:center;align-items:center;padding:10px 4px;border-radius:0;gap:0;white-space:nowrap;min-height:48px}.nav-item.active{margin:0;border-radius:0;background:transparent;box-shadow:none}.nav-item.active .nav-icon{background:var(--bg3);border-radius:8px;width:38px;height:28px}.nav-item.active .nav-icon svg{fill:var(--text)}.nav-item.active .nav-icon img{opacity:1;filter:var(--logo-filter,none)}.nav-icon{width:22px;height:22px}.nav-icon svg{width:20px;height:20px}.nav-icon img{width:20px;height:20px;opacity:.6}.update-grid{grid-template-columns:1fr;gap:0}.update-card{flex-direction:row;align-items:flex-start;gap:14px;min-height:0;padding:14px 0;background:transparent;border-radius:0;border-bottom:1px solid var(--border);cursor:default}.update-card:hover{background:transparent}.update-card:last-child{border-bottom:none}.update-card .update-body,.update-card .update-date{margin-top:0}.section{padding:36px 21px}.home-trusted{padding-top:72px}#home-greeting{font-size:clamp(50px,14vw,72px)!important;letter-spacing:-1px!important}.home-wave{margin-top:-266px!important;margin-bottom:-544px!important}.ticker-logo{padding:0 14px}.ticker-logo img{transform:scale(.8);transform-origin:center}.ticker-row+.ticker-row{margin-top:3px}}@media(max-width:1024px)and (orientation:portrait),(max-height:500px)and (orientation:landscape)and (max-width:1024px),(max-width:768px){.mobile-topbar{display:none}.app{flex-direction:row;padding-left:56px;padding-bottom:0;height:auto;overflow:visible}.main{padding:0;width:100%;overflow:visible;min-height:0}.page-frame{border:none;border-radius:0;box-shadow:none;height:auto;overflow-y:visible}.sidebar{position:fixed;inset:0 auto 0 0;width:56px;min-width:56px;height:100vh;height:100dvh;flex-direction:column;background:var(--sidebar-bg);border-top:none;border-right:1px solid var(--border);transform:none;transition:width .3s ease,min-width .3s ease;z-index:1000;padding:0;overflow:hidden}.sidebar.mobile-open{width:280px;min-width:280px;overflow-y:auto}.sidebar-logo{display:flex;justify-content:center;align-items:center;padding:18px 8px;cursor:pointer;min-height:56px}.sidebar.mobile-open .sidebar-logo{justify-content:space-between;padding:18px 18px 14px}.sidebar-logo{flex-direction:column;gap:4px}.sidebar-logo .sidebar-logo-img{display:none}.sidebar.mobile-open .sidebar-logo .sidebar-logo-img{display:inline-flex;height:26px;width:41px}.sidebar-logo-caret{display:flex;align-items:center;justify-content:center;width:20px;height:20px;color:var(--nav-text);transition:color .2s ease}.sidebar-logo-caret svg{width:16px;height:16px}.sidebar-logo:hover .sidebar-logo-caret{color:var(--text)}.sidebar.mobile-open .sidebar-logo{flex-direction:row;gap:0}.sidebar.mobile-open .sidebar-logo-caret,.nav-mobile-logo{display:none}.mobile-menu-close{display:none;align-items:center;justify-content:center;width:32px;height:32px;border-radius:4px;background:transparent;border:none;color:var(--nav-text);cursor:pointer;padding:0;line-height:0;transition:background var(--transition),color var(--transition)}.mobile-menu-close svg{width:24px;height:24px;display:block}.sidebar.mobile-open .mobile-menu-close{display:inline-flex}.mobile-menu-close:hover{background:var(--bg3);color:var(--text)}.sidebar-nav{flex:1;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;padding:6px 0;gap:0;overflow-y:auto;overflow-x:hidden}.nav-divider{display:none}.sidebar.mobile-open .nav-divider{display:block;font-size:var(--fs-nano);color:var(--text3);padding:14px 16px 4px;letter-spacing:.07em;text-transform:uppercase}.nav-label{display:none}.sidebar.mobile-open .nav-label{display:block;flex:1;font-size:16px}.nav-shortcut{display:none}.nav-item{flex:initial;flex-direction:row;justify-content:center;align-items:center;padding:0;border-radius:0;gap:0;width:36px;height:36px;min-height:0;margin:3px auto;white-space:normal}.nav-item:hover,.nav-item.active{margin:3px auto;border-radius:6px;box-shadow:0 1px 3px #00000014}.nav-item:hover{background:var(--nav-hover-bg)}.nav-item.active{background:var(--nav-active-bg)}.nav-item.active .nav-icon{background:transparent;width:20px;height:20px;border-radius:0}.nav-item.active .nav-icon svg{fill:var(--text)}.nav-icon{width:20px;height:20px}.nav-icon svg{width:16px;height:16px}.nav-icon img{width:16px;height:16px;opacity:1}.sidebar.mobile-open .nav-item{justify-content:flex-start;padding:8px 16px;gap:11px;aspect-ratio:auto;width:auto;height:auto;margin:0 8px}.sidebar.mobile-open .nav-icon{width:24px;height:24px}.sidebar.mobile-open .nav-icon svg{width:24px;height:24px}.sidebar.mobile-open .nav-icon img,.sidebar.mobile-open .nav-item.active .nav-icon{width:24px;height:24px}.sidebar-footer,.theme-bar{display:none}.mobile-theme-fab{display:flex;align-items:center;justify-content:center;position:fixed;bottom:16px;right:16px;width:44px;height:44px;border-radius:50%;background:var(--bg2);border:1px solid var(--border);color:var(--text);font-size:18px;line-height:1;cursor:pointer;z-index:1100;box-shadow:0 2px 10px #00000026}.mobile-theme-fab-icon{display:block;line-height:1}.mobile-backdrop{display:block;position:fixed;inset:0;background:#00000080;opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:999}.mobile-backdrop.open{opacity:1;pointer-events:auto}body.mobile-menu-open{overflow:hidden}:root{--fs-display:32px;--fs-micro:12px}}@media(max-width:640px)and (orientation:portrait){.app{padding-left:0}.page-frame{padding-top:40px}.page-frame.is-home{padding-top:20px}.mobile-menu-fab{display:flex;align-items:center;justify-content:center;position:fixed;top:max(12px,env(safe-area-inset-top,12px));left:12px;width:51px;height:51px;border-radius:50%;background:var(--bg2);border:1px solid var(--border);color:var(--text);cursor:pointer;padding:0;line-height:0;z-index:1100;transition:background var(--transition),color var(--transition)}.mobile-menu-fab svg{width:23px;height:23px;display:block}.sidebar{inset:0 auto 0 0;width:100%;min-width:0;max-width:100%;height:100vh;height:100dvh;border-radius:0;border:none;background:var(--sidebar-bg);transform:translate(-100%);transition:transform .3s ease;overflow-y:auto;z-index:1200}.sidebar.mobile-open{width:100%;min-width:0;max-width:100%;transform:translate(0)}}@media(max-width:640px){.update-grid,.skills-grid,.foundation-grid,.home-work-grid,.exp-work-grid,.work-grid,.asset-grid,.next-prev,.media-grid,.media-pair,.design-grid,.form-row,.car-grid{grid-template-columns:1fr!important}.car-sidebar{flex-wrap:nowrap}.car-step{flex:1 1 0;min-width:0;padding:9px 8px 10px;text-align:center}.stat-num{font-size:clamp(20px,3.06vw,29px)}}img.lightbox-eligible{cursor:zoom-in}.lightbox-overlay{position:fixed;inset:0;background:#000000e6;display:none;align-items:center;justify-content:center;padding:32px;z-index:9999;cursor:zoom-out;opacity:0;transition:opacity .18s ease}.lightbox-overlay.open{display:flex;opacity:1}.lightbox-img{max-width:100%;max-height:100%;width:auto;height:auto;display:block;border-radius:var(--r);box-shadow:0 20px 60px #0006;cursor:default;user-select:none}.lightbox-close{position:fixed;top:18px;right:24px;width:40px;height:40px;border-radius:50%;border:0;background:#ffffff1f;color:#fff;font-size:var(--fs-h2);line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--transition);padding:0;z-index:1}.lightbox-close:hover{background:#ffffff38}body.lightbox-open{overflow:hidden}@media(max-width:640px){.lightbox-overlay{padding:16px}.lightbox-close{top:10px;right:12px;width:36px;height:36px;font-size:18px}}