:root{--bg:#0a0b10;--bg-alt:#0d0f14;--card:#12141b;--card-hover:#161922;--line:#ffffff14;--line-strong:#ffffff24;--text:#eeeef1;--text-dim:#8d919e;--text-faint:#5c6070;--grid-line:#3e63ab0d;--header-bg:#0a0b10db;--mobile-bg:#0a0b10f7;--modal-overlay:#040508d9;--description:#c9cdd8;--blue:#2f6fd6;--blue-soft:#2f6fd6;--blue-hover:#4c86e8;--orange:#e0692e;--orange-soft:#f2955e;--amber:#c9903f;--amber-soft:#e0b578;--indigo:#5d61a8;--indigo-soft:#a5a8e0;--stripe-grad:linear-gradient(90deg, var(--blue), var(--orange));--btn-text:#f7f9fc;--radius:10px;--radius-lg:16px;--mono:ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;--csans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}.credential-site{background:linear-gradient(var(--grid-line) 1px, transparent 1px) 0 0/46px 46px, linear-gradient(90deg, var(--grid-line) 1px, transparent 1px) 0 0/46px 46px, var(--bg);color:var(--text);font-family:var(--csans);-webkit-font-smoothing:antialiased;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;min-height:100vh;line-height:1.5}.credential-site[data-theme=light]{--bg:#f7f9fc;--bg-alt:#eef3f8;--card:#fff;--card-hover:#f0f4fa;--line:#182a481f;--line-strong:#182a4838;--text:#182235;--text-dim:#5b6678;--text-faint:#788396;--grid-line:#2f6fd612;--header-bg:#f7f9fce6;--mobile-bg:#f7f9fcfa;--modal-overlay:#141f319e;--description:#4f5b6e;--blue:#2865c7;--blue-soft:#245db8;--blue-hover:#194f9f;--orange:#cb5826;--orange-soft:#b84b1d;--amber:#a66e1d;--amber-soft:#906018;--indigo:#595da7;--indigo-soft:#55599d;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.credential-site *{box-sizing:border-box}.credential-site img{max-width:100%;display:block}.credential-site a{color:inherit;text-decoration:none}.credential-site .wrap{max-width:1180px;margin:0 auto;padding:0 24px}.credential-site section{padding:90px 0}.credential-site h1,.credential-site h2,.credential-site h3{margin:0;font-weight:700;line-height:1.15}.credential-site h2.section-title{letter-spacing:-.015em;margin-bottom:10px;font-size:clamp(24px,3.4vw,34px);font-weight:800}.credential-site p.section-sub{color:var(--text-dim);max-width:640px;margin-bottom:42px;font-size:15px}.credential-site .eyebrow{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--blue-soft);align-items:center;gap:8px;margin-bottom:10px;font-size:11px;display:inline-flex}.credential-site .eyebrow img{opacity:.9;width:15px;height:15px}.credential-site .section-title .accent{color:var(--blue-soft)}.credential-site #innovate,.credential-site #works{position:relative}.credential-site #innovate .wrap,.credential-site #works .wrap{z-index:1;position:relative}.credential-site #innovate:before,.credential-site #works:before{content:"";z-index:0;pointer-events:none;opacity:.55;background-image:radial-gradient(1.6px at 10% 20%,#3e63ab52 99%,#0000 100%),radial-gradient(1.6px at 24% 62%,#3e63ab42 99%,#0000 100%),radial-gradient(1.5px at 42% 30%,#e0692e42 99%,#0000 100%),radial-gradient(1.5px at 56% 74%,#3e63ab38 99%,#0000 100%),radial-gradient(1.6px at 71% 22%,#e0692e38 99%,#0000 100%),radial-gradient(1.5px at 86% 56%,#3e63ab42 99%,#0000 100%),radial-gradient(1.4px at 94% 30%,#c9903f33 99%,#0000 100%);width:min(440px,38vw);height:230px;position:absolute;top:70px;right:0}.credential-site .top-stripe{background:var(--stripe-grad);height:3px}.credential-site #personal-banner{background:var(--card-hover);border-bottom:1px solid var(--line);color:var(--orange-soft);text-align:center;padding:10px 16px;font-size:13.5px;font-weight:600;display:none}.credential-site header{z-index:50;background:var(--header-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);position:sticky;top:0}.credential-site .nav{justify-content:space-between;align-items:center;gap:16px;padding:14px 24px;display:flex}.credential-site .nav img.logo{width:auto;height:26px}.credential-site[data-theme=light] .nav img.logo{filter:drop-shadow(0 0 1px #182235f2)}.credential-site .nav-links{color:var(--text-dim);gap:28px;font-size:13.5px;display:flex}.credential-site .nav-links a{padding:2px 0;position:relative}.credential-site .nav-links a:after{content:"";background:var(--blue-soft);height:1px;transition:right .18s;position:absolute;bottom:-2px;left:0;right:100%}.credential-site .nav-links a:hover{color:var(--text)}.credential-site .nav-links a:hover:after{right:0}.credential-site .nav-right{align-items:center;gap:12px;display:flex}.credential-site .menu-toggle{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:8px 9px;display:none}.credential-site .menu-toggle span{background:var(--text);border-radius:1px;width:16px;height:1.5px;display:block}.credential-site .mobile-sheet{background:var(--mobile-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);opacity:0;pointer-events:none;visibility:hidden;flex-direction:column;gap:12px;padding:16px 24px 22px;transition:opacity .16s,transform .16s;display:none;position:absolute;top:100%;left:0;right:0;transform:translateY(-6px)}.credential-site .mobile-sheet.open{opacity:1;pointer-events:auto;visibility:visible;transform:translateY(0)}.credential-site .mobile-links{flex-direction:column;display:flex}.credential-site .mobile-links a{color:var(--text-dim);border-bottom:1px solid var(--line);padding:11px 0;font-size:14.5px}.credential-site .mobile-links a:hover{color:var(--text)}.credential-site .mobile-sheet .mobile-search{width:100%}.credential-site .mobile-cta{gap:10px;display:flex}.credential-site .mobile-cta .btn{flex:1;justify-content:center}.credential-site .lang-toggle{border:1px solid var(--line);border-radius:8px;display:flex;overflow:hidden}.credential-site .lang-toggle button{color:var(--text-dim);font-family:var(--mono);cursor:pointer;letter-spacing:.04em;background:0 0;border:none;padding:7px 11px;font-size:11px;font-weight:600}.credential-site .lang-toggle button.active{background:var(--card-hover);color:var(--blue-soft)}.credential-site .theme-toggle{background:var(--card);border:1px solid var(--line);min-height:32px;color:var(--text-dim);cursor:pointer;font-family:var(--mono);letter-spacing:.03em;border-radius:8px;align-items:center;gap:7px;padding:6px 9px;font-size:10.5px;font-weight:600;transition:color .15s,border-color .15s,background .15s;display:inline-flex}.credential-site .theme-toggle:hover{color:var(--text);border-color:var(--line-strong);background:var(--card-hover)}.credential-site .theme-toggle:focus-visible{outline:2px solid var(--blue-soft);outline-offset:2px}.credential-site .theme-toggle-icon{width:16px;height:16px;display:inline-flex}.credential-site .theme-toggle-icon svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%}.credential-site .search-box{background:var(--card);border:1px solid var(--line);color:var(--text);border-radius:8px;width:170px;padding:7px 12px;font-size:13px}.credential-site .search-box:focus{border-color:var(--blue);outline:none}.credential-site .btn{background:var(--blue);color:var(--btn-text);cursor:pointer;white-space:nowrap;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:700;transition:background .15s;display:inline-flex}.credential-site .btn:hover{background:var(--blue-hover)}.credential-site .btn:disabled{opacity:.65;cursor:wait}.credential-site .btn-ghost{border:1px solid var(--line-strong);color:var(--text);background:0 0}.credential-site .btn-ghost:hover{border-color:var(--blue-soft);color:var(--blue-soft)}.credential-site .btn-ghost-orange:hover,.credential-site .btn-ghost-orange:active{border-color:var(--orange);color:var(--orange)}@media (max-width:900px){.credential-site .nav-links,.credential-site .nav-right .search-box,.credential-site .nav-right .btn{display:none}.credential-site .menu-toggle,.credential-site .mobile-sheet{display:flex}.credential-site .search-box{width:110px}.credential-site .theme-toggle-label{display:none}.credential-site .theme-toggle{padding:7px}}.credential-site .hero{text-align:center;padding:104px 0 68px;position:relative;overflow:hidden}.credential-site .hero:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(48% 42% at 26% 4%,#3e63ab24,#0000 62%),radial-gradient(38% 32% at 76% 16%,#e0692e14,#0000 62%);position:absolute;inset:0}.credential-site .hero-canvas{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;-webkit-mask-image:radial-gradient(58% 52% at 50% 32%,#0000 15%,#000000e6 78%);mask-image:radial-gradient(58% 52% at 50% 32%,#0000 15%,#000000e6 78%)}.credential-site .hero-grid-floor{z-index:0;pointer-events:none;transform-origin:bottom;background-image:repeating-linear-gradient(0deg,#3e63ab38 0 1px,#0000 1px 40px),repeating-linear-gradient(90deg,#3e63ab1f 0 1px,#0000 1px 40px);height:48%;position:absolute;bottom:0;left:-15%;right:-15%;transform:perspective(300px)rotateX(60deg);-webkit-mask-image:linear-gradient(#0000 8%,#000000d9 100%);mask-image:linear-gradient(#0000 8%,#000000d9 100%)}.credential-site .hero-scanline{z-index:0;pointer-events:none;background:linear-gradient(#0000,#3e63ab1a,#0000);height:120px;animation:11s ease-in-out infinite cred-scan;position:absolute;top:-120px;left:0;right:0}@keyframes cred-scan{0%{opacity:0;top:-120px}8%{opacity:1}92%{opacity:1}to{opacity:0;top:100%}}@media (prefers-reduced-motion:reduce){.credential-site .hero-scanline{animation:none;display:none}}.credential-site .hero .wrap{z-index:1;position:relative}.credential-site .hero img.mark{opacity:.97;height:56px;margin:0 auto 14px}.credential-site .hero .tagline{font-family:var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--blue-soft);opacity:.85;margin-bottom:30px;font-size:11px}.credential-site .hero h1{letter-spacing:-.015em;color:var(--text);margin-bottom:20px;font-size:clamp(32px,5vw,54px);font-weight:800}.credential-site .hero h1 .accent{color:var(--blue-soft)}.credential-site .hero-rule{background:var(--stripe-grad);border-radius:2px;width:64px;height:2px;margin:0 auto 26px}.credential-site .hero p{color:var(--text-dim);max-width:620px;margin:0 auto 44px;font-size:16px}.credential-site .pillars{grid-template-columns:repeat(3,1fr);gap:16px;max-width:900px;margin:0 auto 54px;display:grid}.credential-site .pillar{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);text-align:left;padding:22px 20px}.credential-site .pillar h3{font-family:var(--mono);color:var(--blue-soft);letter-spacing:.08em;margin-bottom:9px;font-size:12px;font-weight:600}.credential-site .pillar p{color:var(--text-dim);margin:0;font-size:13px}@media (max-width:720px){.credential-site .pillars{grid-template-columns:1fr}}.credential-site .stats{flex-wrap:wrap;justify-content:center;gap:60px;display:flex}.credential-site .stat b{color:var(--text);letter-spacing:-.01em;font-size:29px;font-weight:700;display:block}.credential-site .stat span{font-family:var(--mono);color:var(--text-faint);text-transform:uppercase;letter-spacing:.09em;font-size:10.5px}.credential-site .innovate-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px;display:grid}.credential-site .innovate-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;padding:22px;transition:transform .15s,border-color .15s,background .15s}.credential-site .innovate-card:hover{border-color:var(--line-strong);background:var(--card-hover);transform:translateY(-3px)}.credential-site .innovate-card .ic{width:34px;height:34px;font-family:var(--mono);color:#fff;border-radius:8px;justify-content:center;align-items:center;margin-bottom:16px;font-size:12.5px;font-weight:700;display:flex}.credential-site .innovate-card h3{margin-bottom:7px;font-size:15px}.credential-site .innovate-card p{color:var(--text-dim);margin:0;font-size:12.5px}.credential-site .filter-bar{flex-wrap:wrap;align-items:center;gap:9px;margin-bottom:32px;display:flex}.credential-site .chip{background:var(--card);border:1px solid var(--line);color:var(--text-dim);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:999px;padding:8px 15px;font-family:inherit;font-size:12.5px;line-height:1.5;transition:border-color .15s,color .15s}.credential-site .chip.active{border-color:var(--chip-color,var(--orange));color:var(--chip-color,var(--orange));background:var(--card-hover);font-weight:600}.credential-site .result-count{font-family:var(--mono);color:var(--text-faint);margin-left:auto;font-size:11.5px}.credential-site .client-select{background:var(--card);border:1px solid var(--line);color:var(--text-dim);cursor:pointer;border-radius:8px;padding:8px 12px;font-family:inherit;font-size:12.5px}.credential-site .client-select:focus-visible,.credential-site .chip:focus-visible,.credential-site .innovate-card:focus-visible,.credential-site .card:focus-visible,.credential-site .thumb:focus-visible{outline:2px solid var(--blue-soft);outline-offset:2px}.credential-site .works-grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:20px;display:grid}.credential-site .card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-lg);cursor:pointer;opacity:0;transition:transform .15s,border-color .15s;animation:.5s forwards cred-fadeIn;overflow:hidden;transform:translateY(10px)}@keyframes cred-fadeIn{to{opacity:1;transform:translateY(0)}}.credential-site .card:hover{border-color:var(--line-strong);transform:translateY(-4px)}.credential-site .thumb{aspect-ratio:16/9;background:#0d0f14;position:relative;overflow:hidden}.credential-site .thumb img{object-fit:cover;width:100%;height:100%}.credential-site .thumb .ph{color:#ffffffd9;width:100%;height:100%;font-size:32px;font-weight:700;font-family:var(--mono);justify-content:center;align-items:center;display:flex;position:relative}.credential-site .thumb .ph:after{content:"";pointer-events:none;background-image:repeating-linear-gradient(135deg,#ffffff09 0 1px,#0000 1px 7px);position:absolute;inset:0}.credential-site .ph-initials{z-index:1;position:relative}.credential-site .ph-badge{z-index:1;font-family:var(--mono);letter-spacing:.04em;background:#0a0b1073;border:1px solid;border-radius:6px;padding:3px 7px;font-size:10px;position:absolute;bottom:10px;right:10px}.credential-site .thumb .play{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.credential-site .thumb .play i{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0a0b1080;border:1.5px solid #ffffffb3;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-style:normal;display:flex}.credential-site .thumb .play i:after{content:"";border-top:7px solid #0000;border-bottom:7px solid #0000;border-left:11px solid #fff;margin-left:3px}.credential-site .tag-cat{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-family:var(--mono);letter-spacing:.02em;border-radius:999px;padding:4px 9px;font-size:10px;position:absolute;top:10px;left:10px}.credential-site .card .meta{padding:15px 16px 17px}.credential-site .card .meta h3{margin-bottom:4px;font-size:14.5px;font-weight:600}.credential-site .card .meta p{color:var(--text-dim);margin:0;font-size:12px}.credential-site .no-results{color:var(--text-dim);text-align:center;grid-column:1/-1;padding:40px 0;font-size:14px}.credential-site .modal-overlay{background:var(--modal-overlay);z-index:100;justify-content:center;align-items:flex-start;padding:40px 16px;display:none;position:fixed;inset:0;overflow-y:auto}.credential-site .modal-overlay.open{display:flex}.credential-site .modal{background:var(--bg-alt);border:1px solid var(--line-strong);border-radius:var(--radius-lg);width:100%;max-width:760px;position:relative;overflow:hidden}.credential-site .modal .thumb{aspect-ratio:16/9}.credential-site .modal-body{padding:28px 30px 32px}.credential-site .modal-close{z-index:5;border:1px solid var(--line);color:#fff;cursor:pointer;background:#0a0b10b3;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;line-height:1;display:flex;position:absolute;top:14px;right:14px}.credential-site .modal-tag{font-family:var(--mono);border:1px solid var(--line-strong);letter-spacing:.02em;border-radius:999px;margin-bottom:14px;padding:4px 10px;font-size:10.5px;display:inline-block}.credential-site .modal h2{letter-spacing:-.01em;margin-bottom:5px;font-size:22px}.credential-site .modal .client{color:var(--text-dim);margin-bottom:18px;font-size:13px}.credential-site .modal .desc{color:var(--description);white-space:pre-line;margin:0;font-size:14.5px}.credential-site .modal .gallery-main{background:#000}.credential-site .modal .gallery-main img,.credential-site .modal .gallery-main video{object-fit:contain;background:#000;width:100%;height:100%}.credential-site .gallery-video{display:block}.credential-site .gallery-nav{z-index:4;border:1px solid var(--line);color:#fff;cursor:pointer;background:#0a0b10a6;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:20px;line-height:1;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.credential-site .gallery-nav:hover{background:#0a0b10e6}.credential-site .gallery-nav-prev{left:10px}.credential-site .gallery-nav-next{right:10px}.credential-site .gallery-count{z-index:4;font-family:var(--mono);color:#fff;border:1px solid var(--line);background:#0a0b10a6;border-radius:999px;padding:3px 9px;font-size:11px;position:absolute;bottom:10px;right:12px}.credential-site .gallery-strip{background:var(--bg-alt);gap:8px;padding:12px 16px 0;display:flex;overflow-x:auto}.credential-site .gallery-thumb{aspect-ratio:16/9;cursor:pointer;background:#0d0f14;border:2px solid #0000;border-radius:6px;flex:none;width:64px;padding:0;position:relative;overflow:hidden}.credential-site .gallery-thumb img{object-fit:cover;width:100%;height:100%}.credential-site .gallery-thumb.active{border-color:var(--blue-hover)}.credential-site .gallery-thumb-icon{background:#00000059;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.credential-site .gallery-thumb-play{border-top:5px solid #0000;border-bottom:5px solid #0000;border-left:8px solid #fff;width:0;height:0;margin-left:2px}.credential-site .contact-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.credential-site .contact-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:26px}.credential-site .contact-card h3{margin-bottom:3px;font-size:16px}.credential-site .contact-card .role{font-family:var(--mono);color:var(--blue-soft);letter-spacing:.02em;margin-bottom:16px;font-size:11.5px}.credential-site .contact-card a.row{color:var(--text-dim);gap:8px;margin-bottom:9px;font-size:13.5px;display:flex}.credential-site .contact-card a.row:hover{color:var(--text)}.credential-site .cta-final{text-align:center;margin-top:48px}.credential-site .cta-final p{color:var(--text-dim);max-width:560px;margin-bottom:20px;margin-left:auto;margin-right:auto;font-size:14.5px}@media (max-width:720px){.credential-site .contact-grid{grid-template-columns:1fr}}.credential-site footer{border-top:1px solid var(--line);text-align:center;color:var(--text-faint);padding:32px 0;font-size:12px}.print-doc .works-list{flex-direction:column;gap:18px;display:flex}.print-doc .work-item{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-lg);grid-template-columns:300px 1fr;align-items:start;gap:22px;padding:18px;display:grid}@media (max-width:720px){.print-doc .work-item{grid-template-columns:1fr}}.print-doc .work-thumb{aspect-ratio:16/9;background:#0d0f14;border-radius:10px;position:relative;overflow:hidden}.print-doc .work-thumb img{object-fit:cover;width:100%;height:100%}.print-doc .work-thumb .ph{color:#ffffffd9;width:100%;height:100%;font-size:30px;font-weight:700;font-family:var(--mono);justify-content:center;align-items:center;display:flex}.print-doc .work-body .tag-cat{margin-bottom:10px;display:inline-block;position:static}.print-doc .work-body h3{margin-bottom:4px;font-size:17px}.print-doc .work-body .client{color:var(--text-dim);margin-bottom:12px;font-size:12.5px}.print-doc .work-body .desc{color:#c9cdd8;margin:0 0 8px;font-size:13.5px}.print-doc .work-body .yt-link{font-family:var(--mono);color:var(--blue-soft);margin:0;font-size:11px}.print-doc .contact-card a.row{color:var(--text-dim);gap:8px;margin-bottom:9px;font-size:13.5px;display:flex}@media print{.print-doc section{padding:40px 0}.print-doc .pillar,.print-doc .innovate-card,.print-doc .stat,.print-doc .work-item,.print-doc .contact-card,.print-doc .cta-final{break-inside:avoid;page-break-inside:avoid}.print-doc *{cursor:default!important}.print-doc .hero-scanline,.print-doc .hero-canvas{animation:none!important}}
