@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&family=Space+Mono:wght@400;700&family=Syne:wght@600;700;800&display=swap";:root{--color-bg-light:#f9f8f5;--color-bg-dark:#121316;--color-surface-light:#f0eee9;--color-surface-dark:#1c1e24;--color-card-light:#fff;--color-card-dark:#242730;--color-text-main:#121316;--color-text-inverse:#f9f8f5;--color-text-muted-light:#676b75;--color-text-muted-dark:#9ca3af;--color-accent-terracotta:#d35438;--color-accent-terracotta-hover:#b74227;--color-accent-slate:#3867d6;--color-accent-gold:#d97706;--color-border-light:#1213161f;--color-border-dark:#f9f8f51f;--font-display:"Syne", sans-serif;--font-body:"Plus Jakarta Sans", sans-serif;--font-mono:"Space Mono", monospace;--space-2xs:.2rem;--space-xs:.4rem;--space-sm:.85rem;--space-md:1.4rem;--space-lg:2.2rem;--space-xl:3.5rem;--space-2xl:5rem;--space-3xl:7rem;--container-max-width:1560px;--container-padding:clamp(2rem, 5vw, 4.5rem);--shadow-sm:0 2px 8px #0000000a;--shadow-md:0 10px 30px #00000014;--shadow-lg:0 20px 48px #00000024;--transition-fast:.2s cubic-bezier(.16, 1, .3, 1);--transition-normal:.3s cubic-bezier(.16, 1, .3, 1);--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-pill:9999px}@media (width<=768px){:root{--container-padding:1.5rem}}html{font-family:var(--font-body);color:var(--color-text-main);background-color:var(--color-bg-light);scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:15px;line-height:1.55}body{margin:0;padding:0;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-weight:700;line-height:1.1}.hero-title{letter-spacing:-.025em;text-transform:uppercase;font-size:clamp(2.2rem,4.8vw,4.5rem);font-weight:800;line-height:1.02}.section-title{text-transform:uppercase;letter-spacing:-.015em;margin-bottom:.5rem;font-size:clamp(1.6rem,3.2vw,2.8rem);font-weight:700}.section-subtitle{font-family:var(--font-body);color:var(--color-text-muted-light);max-width:850px;font-size:clamp(1rem,1.4vw,1.25rem);font-weight:400;line-height:1.55}.tag-label{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--color-accent-terracotta);align-items:center;gap:.4rem;font-size:.72rem;font-weight:700;display:inline-flex}.tag-label:before{content:"";background-color:var(--color-accent-terracotta);border-radius:50%;width:6px;height:6px;display:inline-block}.stat-number{font-family:var(--font-display);letter-spacing:-.02em;font-size:clamp(2rem,3.8vw,3.2rem);font-weight:800;line-height:1}.stat-label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted-light);margin-top:.3rem;font-size:.7rem;font-weight:700}.section-dark{background-color:var(--color-bg-dark);color:var(--color-text-inverse)}.section-dark .section-subtitle,.section-dark .stat-label{color:var(--color-text-muted-dark)}a{color:inherit;transition:color var(--transition-fast);text-decoration:none}.btn{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;border-radius:var(--radius-pill);transition:all var(--transition-normal);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:.6rem;padding:.75rem 1.6rem;font-size:.8rem;font-weight:700;display:inline-flex}.btn-primary{background-color:var(--color-bg-dark);color:var(--color-text-inverse);border-color:var(--color-bg-dark)}.btn-primary:hover{background-color:var(--color-accent-terracotta);border-color:var(--color-accent-terracotta);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.btn-secondary{color:var(--color-text-main);border-color:var(--color-border-light);background-color:#0000}.btn-secondary:hover{border-color:var(--color-text-main);background-color:#1213160a;transform:translateY(-2px)}.section-dark .btn-primary{background-color:var(--color-text-inverse);color:var(--color-bg-dark)}.section-dark .btn-primary:hover{background-color:var(--color-accent-terracotta);color:var(--color-text-inverse)}.section-dark .btn-secondary{color:var(--color-text-inverse);border-color:var(--color-border-dark)}.section-dark .btn-secondary:hover{border-color:var(--color-text-inverse);background-color:#f9f8f514}.header-nav{z-index:1000;-webkit-backdrop-filter:blur(16px);border:1px solid var(--color-border-light);border-radius:var(--radius-pill);width:min(100% - 4rem,1680px);box-shadow:var(--shadow-sm);transition:all var(--transition-normal);background-color:#f9f8f5e0;justify-content:space-between;align-items:center;padding:.65rem 1.8rem;display:flex;position:fixed;top:1.2rem;left:50%;transform:translate(-50%)}.header-nav.scrolled{border-color:var(--color-border-dark);color:var(--color-text-inverse);box-shadow:var(--shadow-md);background-color:#121316eb;padding:.55rem 1.4rem;top:.8rem}.nav-brand{font-family:var(--font-display);letter-spacing:-.01em;align-items:center;gap:.5rem;font-size:1rem;font-weight:800;display:flex}.nav-brand span{font-family:var(--font-mono);color:var(--color-accent-terracotta);font-size:.65rem;font-weight:700}.nav-links{align-items:center;gap:1.6rem;margin:0;padding:0;list-style:none;display:flex}.nav-link{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;opacity:.8;padding:.2rem 0;font-size:.72rem;font-weight:700;position:relative}.nav-link:hover,.nav-link.active{opacity:1;color:var(--color-accent-terracotta)}.header-nav.scrolled .nav-link:hover,.header-nav.scrolled .nav-link.active{color:var(--color-accent-terracotta)}.lang-selector{border-radius:var(--radius-pill);border:1px solid var(--color-border-light);background-color:#1213160f;align-items:center;gap:.25rem;padding:.25rem;display:flex}.header-nav.scrolled .lang-selector{border-color:var(--color-border-dark);background-color:#f9f8f51f}.lang-btn{font-family:var(--font-mono);border-radius:var(--radius-pill);color:var(--color-text-muted-light);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;padding:.25rem .65rem;font-size:.68rem;font-weight:700}.header-nav.scrolled .lang-btn{color:var(--color-text-muted-dark)}.lang-btn:hover{color:var(--color-text-main)}.header-nav.scrolled .lang-btn:hover{color:var(--color-text-inverse)}.lang-btn.active{background-color:var(--color-accent-terracotta);color:#fff!important}.mobile-toggle{cursor:pointer;color:inherit;background:0 0;border:none;padding:.3rem;display:none}.mobile-menu{background-color:var(--color-bg-dark);color:var(--color-text-inverse);z-index:999;opacity:0;pointer-events:none;transition:opacity var(--transition-normal);flex-direction:column;justify-content:center;align-items:center;gap:1.8rem;display:flex;position:fixed;inset:0}.mobile-menu.open{opacity:1;pointer-events:auto}.mobile-menu .nav-link{letter-spacing:.12em;font-size:1.25rem}.filter-bar{flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:2.2rem;display:flex}.filter-btn{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;border-radius:var(--radius-pill);border:1px solid var(--color-border-light);color:var(--color-text-muted-light);cursor:pointer;transition:all var(--transition-fast);background:0 0;padding:.5rem 1.1rem;font-size:.72rem;font-weight:700}.filter-btn:hover{border-color:var(--color-text-main);color:var(--color-text-main)}.filter-btn.active{background-color:var(--color-bg-dark);border-color:var(--color-bg-dark);color:var(--color-text-inverse)}.work-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:2rem;width:100%;display:grid}.project-card{background-color:var(--color-card-light);border-radius:var(--radius-lg);border:1px solid var(--color-border-light);transition:all var(--transition-normal);flex-direction:column;display:flex;position:relative;overflow:hidden}.project-card:hover{box-shadow:var(--shadow-lg);border-color:#d3543866;transform:translateY(-5px)}.card-media{aspect-ratio:16/9;background-color:var(--color-surface-light);width:100%;position:relative;overflow:hidden}.card-media img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-slow)}img[src*=sgf-la\.jpg]{object-position:center center!important}.project-card:hover .card-media img{transform:scale(1.04)}.card-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--color-text-inverse);font-family:var(--font-mono);border-radius:var(--radius-pill);letter-spacing:.06em;text-transform:uppercase;background-color:#121316d9;padding:.3rem .65rem;font-size:.62rem;font-weight:700;position:absolute;top:.8rem;left:.8rem}.card-content{flex-direction:column;flex-grow:1;padding:1.5rem;display:flex}.card-meta{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.card-category{font-family:var(--font-mono);color:var(--color-accent-terracotta);letter-spacing:.08em;text-transform:uppercase;font-size:.65rem;font-weight:700}.card-year{font-family:var(--font-mono);color:var(--color-text-muted-light);font-size:.65rem}.card-title{margin-bottom:.5rem;font-size:1.25rem;font-weight:700;line-height:1.25}.card-desc{color:var(--color-text-muted-light);flex-grow:1;margin-bottom:1.2rem;font-size:.88rem;line-height:1.5}.card-action{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-main);transition:gap var(--transition-fast);cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;margin-top:auto;padding:0;font-size:.72rem;font-weight:700;display:flex}.project-card:hover .card-action{color:var(--color-accent-terracotta);gap:.8rem}.social-grid{grid-template-columns:repeat(3,1fr);gap:2rem;width:100%;margin-top:2rem;display:grid}@media (width<=992px){.social-grid{grid-template-columns:1fr}}.social-card{background-color:var(--color-card-light);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);transition:all var(--transition-normal);flex-direction:column;display:flex;overflow:hidden}.social-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.social-card.yt:hover{border-color:red}.social-card.ig:hover{border-color:#e1306c}.social-card.tk:hover{border-color:#00f2fe}.social-preview-frame{aspect-ratio:16/9;background-color:var(--color-surface-dark);width:100%;position:relative;overflow:hidden}.social-preview-frame img{object-fit:cover;object-position:top center;width:100%;height:100%;transition:transform var(--transition-slow)}.social-card:hover .social-preview-frame img{transform:scale(1.04)}.social-platform-badge{font-family:var(--font-mono);border-radius:var(--radius-pill);text-transform:uppercase;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:.35rem .8rem;font-size:.65rem;font-weight:700;position:absolute;top:1rem;left:1rem}.social-platform-badge.yt{background-color:#ff0000e0}.social-platform-badge.ig{background:linear-gradient(45deg,#f58529e6,#dd2a7be6,#8134afe6)}.social-platform-badge.tk{background-color:#121316eb;border:1px solid #00f2fe66}.social-card-body{flex-direction:column;flex-grow:1;padding:1.6rem;display:flex}.social-card-title{margin-bottom:.3rem;font-size:1.3rem;font-weight:700}.social-card-stats{font-family:var(--font-mono);color:var(--color-accent-terracotta);margin-bottom:.8rem;font-size:.72rem;font-weight:700}.social-card-desc{color:var(--color-text-muted-light);flex-grow:1;margin-bottom:1.5rem;font-size:.88rem;line-height:1.5}.social-btn{width:100%;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;border-radius:var(--radius-pill);text-align:center;transition:all var(--transition-fast);box-sizing:border-box;padding:.8rem 1rem;font-size:.72rem;font-weight:700;display:inline-block}.social-btn.yt{background-color:var(--color-bg-dark);color:#fff;border:1px solid var(--color-bg-dark)}.social-btn.yt:hover{background-color:red;border-color:red}.social-btn.ig{background-color:var(--color-bg-dark);color:#fff;border:1px solid var(--color-bg-dark)}.social-btn.ig:hover{background:linear-gradient(45deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);border-color:#0000}.social-btn.tk{background-color:var(--color-bg-dark);color:#fff;border:1px solid var(--color-bg-dark)}.social-btn.tk:hover{color:#00f2fe;background-color:#121316;border-color:#00f2fe}dialog.case-modal{border-radius:var(--radius-lg);background-color:var(--color-bg-dark);width:calc(100% - 2rem);max-width:920px;max-height:88vh;color:var(--color-text-inverse);box-shadow:var(--shadow-lg);opacity:0;transition-behavior:allow-discrete;border:none;padding:0;transition-property:opacity,transform,display,overlay;transition-duration:.3s;transition-timing-function:cubic-bezier(.16,1,.3,1);overflow-y:auto;transform:scale(.96)translateY(15px)}dialog.case-modal[open]{opacity:1;transform:scale(1)translateY(0)}@starting-style{dialog.case-modal[open]{opacity:0;transform:scale(.96)translateY(15px)}}dialog.case-modal::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:display .3s allow-discrete, overlay .3s allow-discrete, background-color .3s ease-out;background-color:#000000c7}.modal-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border-dark);z-index:10;background-color:#121316f2;justify-content:space-between;align-items:center;padding:1.2rem 1.8rem;display:flex;position:sticky;top:0}.modal-close{color:var(--color-text-inverse);cursor:pointer;width:32px;height:32px;transition:background var(--transition-fast);background:#f9f8f51a;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:.9rem;display:flex}.modal-close:hover{background:var(--color-accent-terracotta)}.modal-body{padding:1.8rem}.modal-hero-img{object-fit:cover;border-radius:var(--radius-md);width:100%;height:320px;margin-bottom:1.8rem}.modal-grid{grid-template-columns:2fr 1fr;gap:2.2rem;display:grid}@media (width<=768px){.modal-grid{grid-template-columns:1fr}}.modal-meta-box{background-color:var(--color-surface-dark);border-radius:var(--radius-md);border:1px solid var(--color-border-dark);flex-direction:column;gap:1.2rem;padding:1.4rem;display:flex}.meta-item-label{font-family:var(--font-mono);color:var(--color-text-muted-dark);text-transform:uppercase;margin-bottom:.25rem;font-size:.65rem}.meta-item-value{font-size:.9rem;font-weight:600}.pipeline-container{grid-template-columns:repeat(7,1fr);gap:.8rem;width:100%;margin:2.2rem 0;display:grid}@media (width<=1100px){.pipeline-container{grid-template-columns:repeat(4,1fr)}}@media (width<=600px){.pipeline-container{grid-template-columns:repeat(2,1fr)}}.pipeline-step{background-color:var(--color-surface-light);border:1px solid var(--color-border-light);border-radius:var(--radius-md);text-align:center;transition:all var(--transition-normal);cursor:pointer;padding:1.1rem .8rem}.pipeline-step:hover,.pipeline-step.active{background-color:var(--color-bg-dark);color:var(--color-text-inverse);border-color:var(--color-accent-terracotta);transform:translateY(-3px)}.pipeline-step .step-num{font-family:var(--font-mono);color:var(--color-accent-terracotta);margin-bottom:.3rem;font-size:.65rem;display:block}.pipeline-step .step-title{font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;font-size:.78rem;font-weight:700}.indie-grid{grid-template-columns:repeat(3,1fr);gap:1.8rem;width:100%;display:grid}@media (width<=1024px){.indie-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=650px){.indie-grid{grid-template-columns:1fr}}.indie-card{background-color:var(--color-surface-dark);border:1px solid var(--color-border-dark);border-radius:var(--radius-lg);transition:transform var(--transition-normal);flex-direction:column;padding:1.8rem;display:flex}.indie-card:hover{border-color:#d3543880;transform:translateY(-4px)}.indie-header{justify-content:space-between;align-items:flex-start;margin-bottom:1rem;display:flex}.indie-title{color:var(--color-text-inverse);font-size:1.35rem;font-weight:700}.indie-studio{font-family:var(--font-mono);color:var(--color-text-muted-dark);font-size:.7rem}.relationship-grid{grid-template-columns:repeat(6,1fr);gap:1.2rem;width:100%;margin-top:1.8rem;display:grid}@media (width<=1100px){.relationship-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=600px){.relationship-grid{grid-template-columns:repeat(2,1fr)}}.relationship-chip{background-color:var(--color-card-light);border:1px solid var(--color-border-light);border-radius:var(--radius-md);text-align:center;font-family:var(--font-display);transition:all var(--transition-fast);padding:1.1rem .8rem;font-size:1rem;font-weight:700}.relationship-chip:hover{border-color:var(--color-accent-terracotta);transform:translateY(-3px)}.relationship-type{font-family:var(--font-mono);color:var(--color-text-muted-light);text-transform:uppercase;margin-top:.3rem;font-size:.6rem;font-weight:700;display:block}.timeline{border-left:2px solid var(--color-border-light);margin:2rem 0;padding-left:1.8rem;position:relative}.section-dark .timeline{border-left-color:var(--color-border-dark)}.timeline-item{margin-bottom:2rem;position:relative}.timeline-item:before{content:"";background-color:var(--color-accent-terracotta);border-radius:50%;width:9px;height:9px;position:absolute;top:.35rem;left:calc(-1.8rem - 5px)}.timeline-date{font-family:var(--font-mono);color:var(--color-accent-terracotta);margin-bottom:.2rem;font-size:.72rem;font-weight:700}.timeline-role{margin-bottom:.2rem;font-size:1.1rem;font-weight:700}.timeline-company{font-family:var(--font-mono);color:var(--color-text-muted-light);margin-bottom:.6rem;font-size:.78rem}.section-dark .timeline-company{color:var(--color-text-muted-dark)}.skills-tabs{border-bottom:1px solid var(--color-border-light);gap:.8rem;margin-bottom:1.6rem;display:flex}.section-dark .skills-tabs{border-bottom-color:var(--color-border-dark)}.skill-tab{font-family:var(--font-mono);color:var(--color-text-muted-light);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-bottom:2px solid #0000;padding:.6rem 1.1rem;font-size:.78rem;font-weight:700}.section-dark .skill-tab{color:var(--color-text-muted-dark)}.skill-tab.active{color:var(--color-accent-terracotta);border-bottom-color:var(--color-accent-terracotta)}.skill-tags-grid{flex-wrap:wrap;gap:.65rem;width:100%;display:flex}.skill-tag{font-family:var(--font-body);background-color:var(--color-surface-light);border-radius:var(--radius-pill);border:1px solid var(--color-border-light);padding:.5rem 1.1rem;font-size:.85rem;font-weight:600}.section-dark .skill-tag{background-color:var(--color-surface-dark);border-color:var(--color-border-dark);color:var(--color-text-inverse)}.shorts-carousel-wrapper{width:100%;margin-top:1.5rem;padding-block:1rem;position:relative}.shorts-track-container{scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;width:100%;padding-block:1rem;overflow-x:auto}.shorts-track-container::-webkit-scrollbar{display:none}.shorts-track{gap:1.25rem;width:max-content;display:flex}.short-card{background-color:var(--color-surface-dark);border:1px solid var(--color-border-dark);border-radius:var(--radius-lg);width:230px;height:440px;transition:transform var(--transition-normal), border-color var(--transition-normal), box-shadow var(--transition-normal);flex-direction:column;flex-shrink:0;display:flex;position:relative;overflow:hidden}.short-card:hover{border-color:var(--color-accent-terracotta);transform:translateY(-6px);box-shadow:0 12px 30px #d354384d}.short-media-frame{cursor:pointer;background-color:#08080a;width:100%;height:390px;position:relative;overflow:hidden}.short-media-frame img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-slow)}.short-card:hover .short-media-frame img{transform:scale(1.05)}.short-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font-family:var(--font-mono);border-radius:var(--radius-pill);letter-spacing:.06em;z-index:2;background-color:#d35438e6;padding:.25rem .6rem;font-size:.6rem;font-weight:700;position:absolute;top:.8rem;left:.8rem}.short-play-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;z-index:2;background-color:#d35438eb;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;transition:transform .25s,background-color .25s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 6px 16px #0006}.short-card:hover .short-play-btn{background-color:red;transform:translate(-50%,-50%)scale(1.15)}.short-card-footer{background-color:var(--color-surface-dark);border-top:1px solid var(--color-border-dark);justify-content:center;align-items:center;margin-top:auto;padding:.6rem .8rem;display:flex}.short-link{font-family:var(--font-mono);color:var(--color-text-muted-dark);text-transform:uppercase;letter-spacing:.06em;transition:color var(--transition-fast);font-size:.65rem;font-weight:700;text-decoration:none}.short-link:hover{color:var(--color-accent-terracotta)}.shorts-nav-btn{border:1px solid var(--color-border-dark);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:44px;height:44px;color:var(--color-text-inverse);cursor:pointer;z-index:10;transition:all var(--transition-fast);background-color:#121316e0;border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.shorts-nav-btn:hover{background-color:var(--color-accent-terracotta);border-color:var(--color-accent-terracotta);box-shadow:0 4px 14px #d3543866}.shorts-nav-btn.prev{left:.5rem}.shorts-nav-btn.next{right:.5rem}.cta-box .btn-secondary,#copyEmailBtn{transition:all var(--transition-fast);background-color:#f9f8f514;border-color:#f9f8f559;color:#fff!important}.cta-box .btn-secondary:hover,#copyEmailBtn:hover{background-color:#f9f8f52e;border-color:#fff;color:#fff!important}#copyEmailBtn.copied{box-shadow:0 4px 16px #d3543866;background-color:var(--color-accent-terracotta)!important;border-color:var(--color-accent-terracotta)!important;color:#fff!important}.container{width:min(calc(100% - (var(--container-padding) * 2)), var(--container-max-width));box-sizing:border-box;margin-inline:auto}section{box-sizing:border-box;width:100%;padding-block:4.5rem;position:relative}@media (width<=768px){section{padding-block:3rem}}.hero-section{align-items:center;min-height:82vh;padding-top:7rem;padding-bottom:4rem;display:flex;position:relative;overflow:hidden}.hero-grid{grid-template-columns:1.25fr .95fr;align-items:center;gap:3.5rem;width:100%;display:grid}@media (width<=1024px){.hero-grid{grid-template-columns:1fr;gap:2.8rem}}.hero-content{flex-direction:column;gap:1.4rem;display:flex}.hero-stats-grid{border-top:1px solid var(--color-border-light);grid-template-columns:repeat(4,1fr);gap:1.8rem;width:100%;margin-top:1.5rem;padding-top:1.6rem;display:grid}@media (width<=768px){.hero-stats-grid{grid-template-columns:repeat(2,1fr);gap:1.4rem}}.hero-portrait-frame{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);aspect-ratio:4/3.2;background-color:var(--color-surface-light);width:100%;position:relative;overflow:hidden}.hero-portrait-frame img{object-fit:cover;object-position:center top;width:100%;height:100%}.hero-badge-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--color-text-inverse);border-radius:var(--radius-md);border:1px solid var(--color-border-dark);background-color:#121316e0;padding:1rem 1.2rem;position:absolute;bottom:1.2rem;left:1.2rem;right:1.2rem}.ecosystem-grid{grid-template-columns:repeat(3,1fr);gap:1.8rem;margin-top:2.2rem;display:grid}@media (width<=1024px){.ecosystem-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.ecosystem-grid{grid-template-columns:1fr}}.ecosystem-card{background-color:var(--color-card-light);border:1px solid var(--color-border-light);border-radius:var(--radius-md);transition:all var(--transition-normal);padding:1.6rem}.ecosystem-card:hover{border-color:var(--color-accent-terracotta);box-shadow:var(--shadow-md);transform:translateY(-4px)}.global-map-grid{grid-template-columns:1fr 1.3fr;align-items:center;gap:3rem;margin-top:2.5rem;display:grid}@media (width<=1024px){.global-map-grid{grid-template-columns:1fr}}.map-visual-container{background-color:var(--color-surface-dark);border:1px solid var(--color-border-dark);border-radius:var(--radius-lg);flex-direction:column;justify-content:center;min-height:300px;padding:2.2rem;display:flex;position:relative}.map-pin{border:1px solid var(--color-border-dark);border-radius:var(--radius-md);transition:all var(--transition-fast);cursor:pointer;color:var(--color-text-inverse);background-color:#f9f8f514;align-items:center;gap:1.2rem;margin-bottom:1rem;padding:1rem 1.4rem;display:flex}.map-pin .map-year{font-family:var(--font-mono);color:var(--color-accent-terracotta);transition:color var(--transition-fast);font-size:1.1rem;font-weight:700}.map-pin:hover,.map-pin.active{background-color:var(--color-accent-terracotta);border-color:var(--color-accent-terracotta);color:var(--color-text-inverse)}.map-pin:hover .map-year,.map-pin.active .map-year{color:#fff!important}.cta-box{background-color:var(--color-bg-dark);color:var(--color-text-inverse);border-radius:var(--radius-lg);text-align:center;border:1px solid var(--color-border-dark);box-sizing:border-box;width:100%;padding:clamp(2.5rem,5vw,4.5rem);position:relative;overflow:hidden}.cta-box:before{content:"";pointer-events:none;background:radial-gradient(circle,#d354382e 0%,#12131600 70%);width:700px;height:700px;position:absolute;top:-50%;left:50%;transform:translate(-50%)}.site-footer{background-color:var(--color-bg-dark);color:var(--color-text-muted-dark);border-top:1px solid var(--color-border-dark);font-family:var(--font-mono);padding-block:2.5rem;font-size:.78rem}.footer-flex{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.2rem;display:flex}.fade-up{opacity:0;transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1);transform:translateY(18px)}.fade-up.visible{opacity:1;transform:translateY(0)}