@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Noto+Serif+SC:wght@400;600;700&family=Outfit:wght@400;600;800&display=swap";@font-face{font-family:PP Nikkei Pacific;src:url(/FONTS/PPNikkeiPacific-Ultrabold.otf) format("opentype");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:PP Nikkei Pacific;src:url(/FONTS/PPNikkeiPacific-UltraboldItalic.otf) format("opentype");font-weight:800;font-style:italic;font-display:swap}@font-face{font-family:PP Nikkei Pacific;src:url(/FONTS/PPNikkeiPacific-Regular.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:PP Nikkei Pacific;src:url(/FONTS/PPNikkeiPacific-RegularItalic.otf) format("opentype");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:PP Nikkei Pacific;src:url(/FONTS/PPNikkeiPacific-Light.otf) format("opentype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:PP Nikkei Pacific;src:url(/FONTS/PPNikkeiPacific-LightItalic.otf) format("opentype");font-weight:300;font-style:italic;font-display:swap}:root{--color-crimson: #FF0038;--color-crimson-dark: #D6002F;--color-crimson-deep: #A80025;--color-cream: #F6EDE3;--color-cream-light: #FBF6F0;--color-cream-pure: #FFFDF9;--color-parchment: #EDE1D5;--color-charcoal: #191414;--color-charcoal-soft: #2D2424;--color-gold: #E6B53A;--color-gold-light: #F7D070;--color-swatch-red: #EE1C25;--color-swatch-red-rgb: 238, 28, 37;--color-swatch-yellow: #FFDF00;--color-swatch-yellow-rgb: 255, 223, 0;--color-swatch-green: #009440;--color-swatch-green-rgb: 0, 148, 64;--color-swatch-blue: #302681;--color-swatch-blue-rgb: 48, 38, 129;--color-pattern-ochre: #E8C55C;--color-pattern-gold: #D6A535;--color-pattern-light: #F4E09E;--color-pattern-sage: #88A89A;--border-cream: rgba(246, 237, 227, .25);--border-cream-strong: rgba(246, 237, 227, .65);--border-crimson: rgba(255, 0, 56, .2);--border-charcoal: rgba(25, 20, 20, .12);--font-display: "PP Nikkei Pacific", "Outfit", sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-chinese: "Noto Serif SC", "Songti SC", serif;--container-max: 1280px;--container-narrow: 1040px;--radius-sm: 4px;--radius-md: 10px;--radius-lg: 20px;--radius-full: 9999px;--shadow-subtle: 0 4px 20px rgba(0, 0, 0, .05);--shadow-card: 0 10px 30px rgba(0, 0, 0, .08);--shadow-crimson: 0 10px 35px rgba(229, 29, 44, .25);--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--transition-smooth: .35s cubic-bezier(.16, 1, .3, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px;background-color:var(--color-charcoal);color:var(--color-charcoal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background-color:var(--color-cream-light);color:var(--color-charcoal);line-height:1.6;overflow-x:hidden;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;opacity:.03;z-index:9999;background-image:radial-gradient(var(--color-charcoal) 1px,transparent 1px);background-size:4px 4px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-cream)}::-webkit-scrollbar-thumb{background:var(--color-crimson);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-crimson-dark)}::selection{background-color:var(--color-crimson);color:var(--color-cream-pure)}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 2rem}.container-narrow{width:100%;max-width:var(--container-narrow);margin:0 auto;padding:0 2rem}.site-header{position:fixed;top:0;left:0;width:100%;z-index:1000;padding:1.25rem 2rem;transition:transform .4s var(--ease-out-expo),opacity .4s ease;background:transparent;border-bottom:none;backdrop-filter:none;-webkit-backdrop-filter:none;opacity:0;pointer-events:none;transform:translateY(-100%)}.site-header.scrolled{padding:.65rem 2rem;background:#191414f0;border-bottom:1px solid rgba(230,181,58,.2);box-shadow:0 10px 30px #00000040;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);opacity:1;pointer-events:auto;transform:translateY(0)}.header-inner{max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.brand-link{display:flex;align-items:center;gap:.85rem;text-decoration:none;color:var(--color-cream);transition:transform .3s ease}.brand-link:hover{transform:translateY(-1px)}.brand-logo-icon{width:42px;height:42px;object-fit:contain;filter:drop-shadow(0 2px 8px rgba(0,0,0,.2))}.brand-logo-horizontal{height:66px;width:auto;max-width:320px;object-fit:contain;display:block;filter:drop-shadow(0 2px 10px rgba(0,0,0,.35));transition:transform .3s ease,opacity .3s ease}.brand-link:hover .brand-logo-horizontal{transform:translateY(-1px);opacity:.92}.brand-text{display:flex;flex-direction:column}.brand-title{font-family:var(--font-display);font-size:1.35rem;font-weight:800;letter-spacing:.06em;color:var(--color-cream-pure);line-height:1.1}.brand-subtitle{font-size:.65rem;text-transform:uppercase;letter-spacing:.16em;color:#f4ebe1bf;font-weight:500}.nav-menu{display:flex;align-items:center;gap:2rem;list-style:none}.mobile-menu-extras{display:none}.nav-link{color:var(--color-cream);text-decoration:none;font-size:.85rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase;position:relative;padding:.25rem 0;transition:color .3s ease}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:var(--color-gold);transition:width .3s var(--ease-out-expo)}.nav-link:hover,.nav-link.active{color:var(--color-cream-pure)}.nav-link:hover:after,.nav-link.active:after{width:100%}.header-actions{display:flex;align-items:center;gap:1.25rem}.audio-btn{background:#f4ebe11f;border:1px solid rgba(244,235,225,.3);color:var(--color-cream);border-radius:var(--radius-full);padding:.45rem .9rem;font-size:.75rem;font-family:var(--font-body);display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .3s ease}.audio-btn:hover{background:#f4ebe138;border-color:var(--color-gold);color:var(--color-gold-light)}.audio-bars{display:flex;align-items:flex-end;gap:2px;height:12px}.audio-bar{width:2px;background-color:currentColor;height:4px;border-radius:1px;transition:height .2s ease}.audio-btn.playing .audio-bar:nth-child(1){animation:audioPulse .8s ease-in-out infinite alternate}.audio-btn.playing .audio-bar:nth-child(2){animation:audioPulse .6s ease-in-out infinite .2s alternate}.audio-btn.playing .audio-bar:nth-child(3){animation:audioPulse .9s ease-in-out infinite .4s alternate}@keyframes audioPulse{0%{height:3px}to{height:12px}}.lang-selector{display:flex;background:#19141459;border:1px solid rgba(244,235,225,.2);border-radius:var(--radius-full);padding:2px}.lang-btn{background:transparent;border:none;color:#f4ebe199;padding:.25rem .6rem;font-size:.7rem;font-weight:600;border-radius:var(--radius-full);cursor:pointer;transition:all .2s ease}.lang-btn.active,.lang-btn:hover{background:var(--color-cream);color:var(--color-charcoal)}.header-cta-btn{background:var(--color-cream);color:var(--color-crimson);font-family:var(--font-display);font-weight:800;font-size:.8rem;letter-spacing:.05em;padding:.55rem 1.25rem;border-radius:var(--radius-full);text-decoration:none;text-transform:uppercase;transition:all .3s var(--ease-out-expo);box-shadow:0 4px 15px #00000026}.header-cta-btn:hover{background:var(--color-gold);color:var(--color-charcoal);transform:translateY(-1px);box-shadow:0 6px 20px #e6b53a59}.mobile-nav-toggle{display:none;background:transparent;border:none;color:var(--color-cream);cursor:pointer;padding:0}.hamburger-icon{width:22px;height:16px;display:flex;flex-direction:column;justify-content:space-between}.hamburger-icon .bar{width:100%;height:2px;background-color:var(--color-cream);border-radius:2px;transition:transform .3s ease,opacity .3s ease}.mobile-nav-toggle.active .bar-1{transform:translateY(7px) rotate(45deg)}.mobile-nav-toggle.active .bar-2{opacity:0}.mobile-nav-toggle.active .bar-3{transform:translateY(-7px) rotate(-45deg)}.hero-scroll-container{position:relative;height:520vh;background-color:var(--color-crimson)}.hero-sticky-frame{position:sticky;top:0;left:0;width:100vw;height:100vh;overflow:hidden;display:flex;align-items:center;justify-content:center;background-color:var(--color-crimson)}.hero-iris-underlay{position:absolute;top:0;left:0;width:100vw;height:100vh;background-color:var(--color-cream);z-index:1;opacity:0;pointer-events:none}.hero-stage-intro{position:absolute;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;z-index:10;pointer-events:none;will-change:transform,opacity}.intro-headline{display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:.82;text-align:center}.intro-word{font-family:var(--font-display);font-weight:800;font-size:clamp(3.2rem,16vw,16.5rem);color:var(--color-cream);letter-spacing:-.01em;text-transform:uppercase;-webkit-user-select:none;user-select:none}.hero-stage-temple{position:absolute;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;z-index:12;pointer-events:none;will-change:transform,opacity;transform:translate3d(0,105vh,0);opacity:0}.temple-svg{width:90vw;max-width:940px;height:auto;max-height:85vh;overflow:visible;filter:drop-shadow(0 15px 35px rgba(0,0,0,.15))}.hero-stage-tucano{position:absolute;top:0;left:0;width:100vw;height:100vh;display:none;align-items:center;justify-content:center;z-index:15;pointer-events:none;will-change:transform,opacity}.tucano-svg{width:85vw;max-width:840px;height:auto;max-height:82vh;overflow:visible;filter:drop-shadow(0 15px 35px rgba(0,0,0,.2))}.hero-stage-final{position:absolute;top:0;left:0;width:100vw;height:100vh;display:none;align-items:center;justify-content:center;z-index:20;background-color:transparent;padding:0;pointer-events:none}.hero-chinese-frame{position:absolute;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:5;transition:opacity .4s ease}.chinese-frame-line-top{position:absolute;top:clamp(24px,4vh,46px);left:0;width:100vw;height:2px;background-color:var(--color-crimson);opacity:.35}.chinese-frame-line-bottom{position:absolute;bottom:clamp(24px,4vh,46px);left:0;width:100vw;height:2px;background-color:var(--color-crimson);opacity:.35}.chinese-frame-line-left{position:absolute;top:0;left:clamp(24px,4vw,56px);width:2px;height:100vh;background-color:var(--color-crimson);opacity:.35}.chinese-frame-line-right{position:absolute;top:0;right:clamp(24px,4vw,56px);width:2px;height:100vh;background-color:var(--color-crimson);opacity:.35}.hero-overlay-grid{width:100%;max-width:1400px;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:clamp(2rem,5vw,5rem);position:relative;z-index:6;padding:0 clamp(2.5rem,5.5vw,6.5rem);will-change:transform,opacity}.hero-stage4-left{color:var(--color-charcoal);display:flex;flex-direction:column;gap:1.25rem}.hero-stage4-titles{display:flex;flex-direction:column}.hero-stage4-titles .title-bold{font-family:var(--font-display);font-weight:800;font-size:clamp(2.6rem,5.2vw,4.6rem);color:var(--color-crimson);line-height:.94;letter-spacing:-.01em;text-transform:uppercase}.hero-stage4-titles .title-bold.title-green{color:var(--color-swatch-green)}.hero-stage4-titles .title-regular{font-family:var(--font-display);font-weight:500;font-size:clamp(1.5rem,3.1vw,2.7rem);color:var(--color-charcoal);line-height:1.05;letter-spacing:.03em;text-transform:uppercase;margin-top:.2rem;margin-bottom:.8rem}.hero-stage4-desc{font-family:var(--font-body);font-size:clamp(.95rem,1.2vw,1.15rem);line-height:1.55;max-width:520px;color:var(--color-charcoal-soft);opacity:.92;font-weight:400;margin-bottom:.5rem}.hero-ribbon-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;width:fit-content;min-width:320px;max-width:420px;height:56px;margin-top:.25rem;transition:transform .3s var(--ease-out-expo),filter .3s ease;-webkit-user-select:none;user-select:none}.hero-ribbon-btn:hover{transform:translateY(-2px) scale(1.02);filter:drop-shadow(0 10px 25px rgba(255,0,56,.35))}.ribbon-svg{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.hero-ribbon-btn .ribbon-svg path{fill:var(--color-crimson);transition:fill .3s ease}.hero-ribbon-btn:hover .ribbon-svg path{fill:var(--color-crimson-dark)}.ribbon-text{position:relative;z-index:2;font-family:var(--font-display);font-weight:800;font-size:clamp(.95rem,1.15vw,1.18rem);color:var(--color-cream-pure);letter-spacing:.01em;padding:0 4.2rem;white-space:nowrap;text-transform:none}.hero-stage4-right{display:flex;align-items:center;justify-content:center;width:100%}.hero-stage4-brandmark{width:100%;max-width:540px;height:auto;object-fit:contain;filter:drop-shadow(0 15px 35px rgba(0,0,0,.08));transition:transform .6s var(--ease-out-expo);-webkit-user-select:none;user-select:none;pointer-events:auto}.hero-stage4-brandmark:hover{transform:scale(1.02)}@media(max-width:900px){.hero-overlay-grid{grid-template-columns:1fr;text-align:center;gap:2rem}.hero-stage4-left{align-items:center}.hero-stage4-brandmark{max-width:340px}}.hero-scroll-prompt{position:absolute;bottom:2.25rem;left:50%;transform:translate(-50%);z-index:60;display:flex;align-items:center;gap:.7rem;padding:.65rem 1.4rem;border-radius:var(--radius-full);background:#19141473;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1.5px solid rgba(246,237,227,.55);color:var(--color-cream-pure);font-family:var(--font-display);font-size:.85rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;box-shadow:0 8px 30px #00000059;animation:heroPromptFloat 2.6s infinite ease-in-out;transition:opacity .4s var(--ease-out-expo),transform .4s var(--ease-out-expo),background .25s ease,border-color .25s ease;will-change:transform,opacity;user-select:none;-webkit-user-select:none}.hero-scroll-prompt:hover{background:#191414b8;border-color:var(--color-gold);color:var(--color-gold-light)}.hero-scroll-prompt.hidden{opacity:0;pointer-events:none;transform:translate(-50%) translateY(22px) scale(.92)}.scroll-prompt-pulse{width:9px;height:9px;border-radius:50%;background-color:var(--color-gold, #E6B53A);box-shadow:0 0 10px #e6b53af2;position:relative;flex-shrink:0}.scroll-prompt-pulse:after{content:"";position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;border-radius:50%;border:1.5px solid var(--color-gold, #E6B53A);animation:promptPing 1.8s cubic-bezier(0,0,.2,1) infinite}.scroll-prompt-text{line-height:1}.scroll-prompt-icon{width:16px;height:16px;stroke:currentColor;animation:promptChevronBounce 1.8s infinite ease-in-out;flex-shrink:0}@keyframes heroPromptFloat{0%,to{transform:translate(-50%) translateY(0);box-shadow:0 0 #f6ede366,0 8px 25px #00000059}50%{transform:translate(-50%) translateY(-5px);box-shadow:0 0 0 8px #f6ede300,0 14px 32px #00000073}}@keyframes promptPing{0%{transform:scale(.9);opacity:.95}80%,to{transform:scale(2.2);opacity:0}}@keyframes promptChevronBounce{0%,to{transform:translateY(-1px)}50%{transform:translateY(3px)}}.hero-scroll-hint,.hero-progress-tracker{display:none!important}.progress-step-dot{width:8px;height:8px;border-radius:50%;border:1.5px solid var(--color-cream);background:transparent;transition:all .3s ease}.progress-step.active .progress-step-dot{background:var(--color-cream);transform:scale(1.3);box-shadow:0 0 10px #f4ebe1cc}.progress-step-label{font-family:var(--font-display);font-size:.7rem;letter-spacing:.1em;color:var(--color-cream);text-transform:uppercase}.section-manifesto{background-color:var(--color-cream-light);padding:8rem 0;position:relative;overflow:hidden}.section-manifesto:before{content:"友谊";position:absolute;top:5%;right:-2%;font-family:var(--font-chinese);font-size:26rem;line-height:1;color:#e51d2c0a;pointer-events:none;font-weight:700;z-index:1}.section-manifesto:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/SVG/PATTERN-CHINABRASC.svg);background-size:400px 300px;background-repeat:repeat;opacity:.045;pointer-events:none;z-index:1}.section-manifesto .container{position:relative;z-index:2}.section-header-badge{display:inline-flex;align-items:center;gap:.5rem;background:#e51d2c14;border:1px solid var(--border-crimson);color:var(--color-crimson);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.16em;padding:.35rem .9rem;border-radius:var(--radius-full);margin-bottom:1.25rem}.section-title{font-family:var(--font-display);font-size:clamp(2.2rem,4.2vw,3.6rem);font-weight:800;line-height:1.15;color:var(--color-charcoal);letter-spacing:.02em;text-transform:uppercase;margin-bottom:1.5rem}.section-subtitle{font-size:1.25rem;line-height:1.7;color:var(--color-charcoal-soft);max-width:720px;font-weight:400;margin-bottom:3.5rem}.heritage-cards-grid{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;margin-top:2rem}.heritage-card{background:var(--color-cream-pure);border:1px solid var(--border-charcoal);border-radius:var(--radius-md);padding:3rem 2.5rem;position:relative;transition:all .4s var(--ease-out-expo);box-shadow:var(--shadow-subtle);display:flex;flex-direction:column;justify-content:space-between}.heritage-card:hover{transform:translateY(-6px);border-color:var(--color-crimson);box-shadow:var(--shadow-card)}.heritage-card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:2rem}.heritage-icon-wrapper{width:70px;height:70px;border-radius:var(--radius-sm);background:#de291014;display:flex;align-items:center;justify-content:center;padding:10px}.heritage-icon-wrapper img,.heritage-icon-wrapper svg{width:100%;height:100%;object-fit:contain}.heritage-temple-svg path{fill:#de2910}.heritage-seal{font-family:var(--font-chinese);font-size:1.8rem;color:var(--color-crimson);opacity:.8;border:2px solid var(--color-crimson);padding:.2rem .5rem;border-radius:4px}.heritage-card-title{font-family:var(--font-display);font-size:1.85rem;font-weight:800;color:var(--color-charcoal);margin-bottom:.85rem}.heritage-card-body{font-size:1.05rem;color:#554848;line-height:1.7;margin-bottom:1.5rem}.heritage-card-tags{display:flex;flex-wrap:wrap;gap:.5rem}.heritage-tag{background:var(--color-parchment);color:var(--color-charcoal);font-size:.75rem;font-weight:600;padding:.3rem .75rem;border-radius:var(--radius-full)}.union-banner{margin-top:4rem;background:var(--color-charcoal);border-radius:var(--radius-md);padding:3.5rem;color:var(--color-cream);display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:3rem;position:relative;overflow:hidden;border:1px solid rgba(230,181,58,.3)}.union-banner:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/SVG/PATTERN-CHINABRASC.svg);background-size:380px 285px;background-repeat:repeat;opacity:.055;pointer-events:none;z-index:1}.union-banner:after{content:"";position:absolute;top:0;right:0;width:350px;height:100%;background:radial-gradient(circle,rgba(229,29,44,.25) 0%,transparent 70%);pointer-events:none;z-index:1}.union-banner>*{position:relative;z-index:2}.union-banner-title{font-family:var(--font-display);font-size:2.2rem;font-weight:800;line-height:1.2;color:var(--color-cream-pure);margin-bottom:1rem}.union-banner-text{font-size:1.05rem;line-height:1.7;color:#f4ebe1d9}.union-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.stat-item{border-left:3px solid var(--color-gold);padding-left:1.25rem}.stat-number{font-family:var(--font-display);font-size:2.8rem;font-weight:800;color:var(--color-gold);line-height:1;margin-bottom:.3rem}.stat-label{font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;color:#f4ebe1bf}.cultural-identity-showcase{margin-top:5.5rem;padding-top:4.5rem;border-top:1px solid var(--border-charcoal);display:flex;flex-direction:column;gap:2.5rem;position:relative}.identity-header{max-width:820px}.identity-title{font-family:var(--font-display);font-size:clamp(1.8rem,3.2vw,2.7rem);font-weight:800;color:var(--color-charcoal);line-height:1.18;text-transform:uppercase;letter-spacing:.02em;margin-bottom:1rem}.identity-desc{font-size:1.1rem;line-height:1.7;color:var(--color-charcoal-soft)}.identity-pattern-card{background:var(--color-cream-pure);border:1px solid var(--border-charcoal);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-card);transition:transform .4s var(--ease-out-expo),box-shadow .4s ease}.identity-pattern-card:hover{box-shadow:0 20px 45px #0000001f}.pattern-mosaic-visual{width:100%;height:240px;overflow:hidden;position:relative;background-color:var(--color-pattern-ochre);display:flex;align-items:center;justify-content:center;border-bottom:1px solid rgba(25,20,20,.1)}.pattern-mosaic-img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .8s var(--ease-out-expo)}.identity-pattern-card:hover .pattern-mosaic-img{transform:scale(1.02)}.identity-swatches-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;padding:2.5rem 2rem;background:var(--color-cream-pure)}.swatch-card{display:flex;flex-direction:column;gap:.9rem;border-radius:var(--radius-md);padding:1.25rem;background:#f6ede366;border:1px solid rgba(25,20,20,.08);transition:all .3s var(--ease-out-expo)}.swatch-card:hover{transform:translateY(-4px);background:#f6ede3f2;box-shadow:var(--shadow-subtle)}.swatch-card-red:hover{border-color:var(--color-swatch-red)}.swatch-card-yellow:hover{border-color:var(--color-swatch-yellow)}.swatch-card-green:hover{border-color:var(--color-swatch-green)}.swatch-card-blue:hover{border-color:var(--color-swatch-blue)}.swatch-color-chip{height:60px;width:100%;border-radius:var(--radius-sm);display:flex;align-items:flex-end;justify-content:flex-end;padding:.5rem .65rem;box-shadow:inset 0 0 0 1px #0000001a,0 3px 8px #0000001a}.swatch-code{font-family:monospace;font-size:.75rem;font-weight:700;color:#fff;background:#00000059;padding:.15rem .4rem;border-radius:3px;letter-spacing:.05em}.swatch-meta{display:flex;flex-direction:column;gap:.3rem}.swatch-name{font-family:var(--font-display);font-size:1.15rem;font-weight:800;color:var(--color-charcoal);line-height:1.2}.swatch-culture{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.swatch-card-red .swatch-culture{color:var(--color-swatch-red)}.swatch-card-yellow .swatch-culture{color:#b58800}.swatch-card-green .swatch-culture{color:var(--color-swatch-green)}.swatch-card-blue .swatch-culture{color:var(--color-swatch-blue)}.swatch-meaning{font-size:.88rem;line-height:1.5;color:var(--color-charcoal-soft);margin-top:.15rem}@media(max-width:992px){.identity-swatches-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.identity-swatches-grid{grid-template-columns:1fr}}.section-pilares{background-color:var(--color-charcoal);color:var(--color-cream);padding:8rem 0;position:relative;border-top:1px solid rgba(244,235,225,.1);border-bottom:1px solid rgba(244,235,225,.1)}.section-pilares .section-title{color:var(--color-cream-pure)}.section-pilares .section-subtitle{color:#f4ebe1bf}.pilares-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.75rem}.pilar-card.pilar-cultura{--pilar-color: var(--color-swatch-red);--pilar-color-rgb: var(--color-swatch-red-rgb)}.pilar-card.pilar-educacao{--pilar-color: var(--color-swatch-yellow);--pilar-color-rgb: var(--color-swatch-yellow-rgb)}.pilar-card.pilar-inovacao{--pilar-color: var(--color-swatch-green);--pilar-color-rgb: var(--color-swatch-green-rgb)}.pilar-card.pilar-social{--pilar-color: #5547C9;--pilar-color-rgb: 85, 71, 201}.pilar-card{background:#2d2424a6;border:1px solid rgba(244,235,225,.15);border-radius:var(--radius-md);padding:2.5rem 1.85rem;display:flex;flex-direction:column;justify-content:space-between;transition:all .4s var(--ease-out-expo);position:relative;overflow:hidden}.pilar-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:var(--pilar-color, var(--color-crimson));transform:scaleX(.35);transform-origin:left;transition:transform .4s var(--ease-out-expo),height .3s ease}.pilar-card:hover:before{transform:scaleX(1);height:5px}.pilar-card:after{content:"";position:absolute;bottom:-15px;right:-15px;width:120px;height:120px;background-image:url(/SVG/PATTERN-CHINABRASC.svg);background-size:240px 180px;opacity:.05;pointer-events:none;transition:opacity .4s ease,transform .4s var(--ease-out-expo)}.pilar-card:hover:after{opacity:.16;transform:scale(1.08)}.pilar-card:hover{transform:translateY(-8px);background:#372a2ae6;border-color:var(--pilar-color, var(--color-crimson));box-shadow:0 15px 35px #0006,0 0 25px rgba(var(--pilar-color-rgb, 229, 29, 44),.22)}.pilar-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem}.pilar-number{font-family:var(--font-display);font-size:1.4rem;font-weight:800;color:var(--pilar-color, var(--color-gold))}.pilar-kanji{font-family:var(--font-chinese);font-size:2rem;color:#f4ebe140;transition:color .3s ease}.pilar-card:hover .pilar-kanji{color:var(--pilar-color, var(--color-crimson))}.pilar-title{font-family:var(--font-display);font-size:1.5rem;font-weight:800;color:var(--color-cream-pure);line-height:1.25;margin-bottom:1rem}.pilar-desc{font-size:.95rem;line-height:1.65;color:#f4ebe1b3;margin-bottom:1.8rem}.pilar-list{list-style:none;display:flex;flex-direction:column;gap:.6rem;border-top:1px solid rgba(244,235,225,.1);padding-top:1.2rem}.pilar-list-item{font-size:.85rem;color:#f4ebe1d9;display:flex;align-items:center;gap:.5rem}.pilar-list-item:before{content:"›";color:var(--color-gold);font-size:1.2rem;line-height:1}.section-florianopolis{padding:8rem 0;background-color:var(--color-cream-light);position:relative}.florianopolis-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:4rem;align-items:center}.floripa-content{display:flex;flex-direction:column;gap:1.5rem}.geo-coordinates{display:inline-flex;align-items:center;gap:.6rem;font-family:var(--font-display);font-size:.85rem;letter-spacing:.12em;color:var(--color-crimson);font-weight:700;text-transform:uppercase}.floripa-p{font-size:1.1rem;line-height:1.75;color:#4a3e3e}.floripa-highlights{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:1rem}.floripa-highlight-item{background:var(--color-cream-pure);border:1px solid var(--border-charcoal);border-radius:var(--radius-sm);padding:1.25rem}.floripa-highlight-item h4{font-family:var(--font-display);font-size:1.1rem;font-weight:800;color:var(--color-charcoal);margin-bottom:.3rem}.floripa-highlight-item p{font-size:.85rem;color:#6a5b5b;line-height:1.5}.floripa-card-visual{background:var(--color-charcoal);border-radius:var(--radius-md);padding:3rem;color:var(--color-cream);position:relative;overflow:hidden;box-shadow:var(--shadow-card);border:1px solid rgba(230,181,58,.25)}.floripa-visual-badge{display:inline-flex;align-items:center;background:var(--color-crimson);color:var(--color-cream-pure);font-family:var(--font-display);font-size:.75rem;font-weight:800;letter-spacing:.1em;padding:.35rem .85rem;border-radius:var(--radius-full);margin-bottom:1.25rem;box-shadow:0 4px 15px #ff00384d}.floripa-visual-title{font-family:var(--font-display);font-size:1.9rem;font-weight:800;margin-bottom:1rem;color:var(--color-cream-pure)}.route-lines-diagram{margin:2.5rem 0;display:flex;flex-direction:column;gap:1.25rem}.route-hub{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1.25rem;background:#ffffff0d;border-radius:var(--radius-sm);border-left:3px solid var(--color-gold)}.hub-name{font-family:var(--font-display);font-weight:800;font-size:1.05rem}.hub-tag{font-size:.75rem;color:#f4ebe199;text-transform:uppercase;letter-spacing:.1em}.route-connector{display:flex;align-items:center;justify-content:center;gap:.5rem;color:var(--color-gold);font-size:.85rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.section-eventos{padding:8rem 0;background:var(--color-cream-pure);position:relative}.eventos-header-row{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:3.5rem}.event-filters{display:flex;gap:.5rem;background:var(--color-parchment);padding:4px;border-radius:var(--radius-full)}.filter-btn{background:transparent;border:none;font-family:var(--font-body);font-size:.8rem;font-weight:600;color:var(--color-charcoal-soft);padding:.5rem 1.15rem;border-radius:var(--radius-full);cursor:pointer;transition:all .25s ease}.filter-btn:hover{background:#19141414;color:var(--color-charcoal)}.filter-btn.active[data-filter=all],.filter-btn.active{background:var(--color-charcoal);color:var(--color-cream-pure)}.filter-btn.active[data-filter=cultura]{background:var(--color-swatch-red);color:#fff}.filter-btn.active[data-filter=educacao]{background:#d9ac28;color:#191414}.filter-btn.active[data-filter=negocios]{background:var(--color-swatch-green);color:#fff}.filter-btn.active[data-filter=social]{background:var(--color-swatch-blue);color:#fff}.eventos-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.75rem}@media(max-width:1200px){.eventos-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.eventos-grid{grid-template-columns:1fr}}.evento-card{background:var(--color-cream-light);border:1px solid var(--border-charcoal);border-radius:var(--radius-md);overflow:hidden;display:flex;flex-direction:column;transition:all .35s var(--ease-out-expo);box-shadow:var(--shadow-subtle);position:relative}.evento-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-card)}.evento-card[data-category=cultura]:hover{border-color:var(--color-swatch-red)}.evento-card[data-category=educacao]:hover{border-color:#d9ac28}.evento-card[data-category=negocios]:hover{border-color:var(--color-swatch-green)}.evento-card[data-category=social]:hover{border-color:var(--color-swatch-blue)}.evento-card-top{padding:1.25rem 1.5rem;display:flex;justify-content:space-between;align-items:center;transition:filter .3s ease}.evento-top-cultura{background:var(--color-swatch-red);color:#fff}.evento-top-educacao{background:#e5b830;color:#191414}.evento-top-inovacao{background:var(--color-swatch-green);color:#fff}.evento-top-social{background:var(--color-swatch-blue);color:#fff}.evento-date{font-family:var(--font-display);font-size:.95rem;font-weight:800;letter-spacing:.05em}.evento-badge{font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;padding:.22rem .65rem;border-radius:var(--radius-full);font-weight:700}.badge-cultura{background:#00000040;color:#fff}.badge-educacao{background:#19141429;color:#191414}.badge-inovacao{background:#00000040;color:#fff}.badge-social{background:#ffffff38;color:#fff}.evento-card-body{padding:1.75rem 1.5rem;display:flex;flex-direction:column;flex-grow:1;justify-content:space-between;background:var(--color-cream-pure)}.evento-card-title{font-family:var(--font-display);font-size:1.25rem;font-weight:800;color:var(--color-charcoal);line-height:1.25;margin-bottom:.75rem}.evento-card-desc{font-size:.9rem;color:#605151;line-height:1.6;margin-bottom:1.25rem}.evento-card-meta{display:flex;flex-direction:column;gap:.4rem;font-size:.8rem;color:#7d6b6b;margin-bottom:1.5rem;font-weight:500}.evento-card-btn{background:transparent;border:1px solid var(--color-charcoal);color:var(--color-charcoal);font-family:var(--font-display);font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;padding:.7rem 1.25rem;border-radius:var(--radius-sm);cursor:pointer;transition:all .25s ease;width:100%;text-align:center;text-decoration:none}.evento-card[data-category=cultura] .evento-card-btn:hover{background:var(--color-swatch-red);border-color:var(--color-swatch-red);color:#fff}.evento-card[data-category=educacao] .evento-card-btn:hover{background:#e5b830;border-color:#d9ac28;color:#191414}.evento-card[data-category=negocios] .evento-card-btn:hover{background:var(--color-swatch-green);border-color:var(--color-swatch-green);color:#fff}.evento-card[data-category=social] .evento-card-btn:hover{background:var(--color-swatch-blue);border-color:var(--color-swatch-blue);color:#fff}.section-filiacao{background-color:var(--color-crimson);color:var(--color-cream);padding:8rem 0;position:relative;overflow:hidden}.section-filiacao:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(rgba(0,0,0,.15) 1px,transparent 1px);background-size:16px 16px;pointer-events:none}.filiacao-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;position:relative;z-index:2}.filiacao-info{display:flex;flex-direction:column;gap:1.5rem}.filiacao-info .section-title{color:var(--color-cream-pure)}.filiacao-info .section-subtitle{color:#f4ebe1e6;margin-bottom:1.5rem}.benefits-list{list-style:none;display:flex;flex-direction:column;gap:1rem}.benefit-item{display:flex;align-items:flex-start;gap:1rem}.benefit-icon{background:var(--color-cream);color:var(--color-crimson);width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:800;flex-shrink:0}.benefit-text h5{font-family:var(--font-display);font-size:1.1rem;font-weight:800;color:var(--color-cream-pure);margin-bottom:.2rem}.benefit-text p{font-size:.9rem;color:#f4ebe1d9;line-height:1.5}.filiacao-form-card{background:var(--color-cream-pure);border-radius:var(--radius-md);padding:3rem 2.5rem;color:var(--color-charcoal);box-shadow:0 20px 50px #0000004d}.form-title{font-family:var(--font-display);font-size:1.6rem;font-weight:800;margin-bottom:.5rem;color:var(--color-charcoal)}.form-subtitle{font-size:.9rem;color:#6c5e5e;margin-bottom:2rem}.form-group{margin-bottom:1.25rem}.form-label{display:block;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.4rem;color:var(--color-charcoal)}.form-input,.form-select,.form-textarea{width:100%;padding:.8rem 1rem;background:var(--color-cream-light);border:1px solid var(--border-charcoal);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:.95rem;color:var(--color-charcoal);transition:border-color .2s ease,box-shadow .2s ease}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--color-crimson);box-shadow:0 0 0 3px #e51d2c26;background:#fff}.form-submit-btn{width:100%;background:var(--color-crimson);color:var(--color-cream-pure);border:none;padding:1rem;border-radius:var(--radius-sm);font-family:var(--font-display);font-size:1.1rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #e51d2c4d;margin-top:1rem}.form-submit-btn:hover{background:var(--color-crimson-dark);transform:translateY(-2px);box-shadow:0 8px 25px #e51d2c73}.form-feedback{margin-top:1rem;padding:.85rem;border-radius:var(--radius-sm);font-size:.9rem;display:none}.form-feedback.success{display:block;background:#e8f5e9;color:#2e7d32;border:1px solid #A5D6A7}.site-footer{background-color:var(--color-charcoal);color:var(--color-cream);padding:6rem 0 3rem;border-top:1px solid rgba(244,235,225,.1);position:relative}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:3rem;margin-bottom:4rem}.footer-col-brand{display:flex;flex-direction:column;gap:1.25rem}.footer-brand-link{display:inline-block;text-decoration:none;transition:transform .3s ease,opacity .3s ease}.footer-brand-link:hover{transform:translateY(-2px);opacity:.92}.footer-logo-horizontal{height:54px;width:auto;max-width:270px;object-fit:contain;display:block;filter:drop-shadow(0 2px 8px rgba(0,0,0,.2))}.footer-brand-title{font-family:var(--font-display);font-size:1.8rem;font-weight:800;letter-spacing:.08em;color:var(--color-cream-pure)}.footer-desc{font-size:.95rem;line-height:1.7;color:#f4ebe1b3;max-width:320px}.footer-col-title{font-family:var(--font-display);font-size:1.05rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--color-gold);margin-bottom:1.25rem}.footer-links{list-style:none;display:flex;flex-direction:column;gap:.75rem}.footer-link{color:#f4ebe1bf;text-decoration:none;font-size:.9rem;transition:color .2s ease,transform .2s ease;display:inline-block}.footer-link:hover{color:var(--color-cream-pure);transform:translate(4px)}.footer-col-newsletter p{font-size:.9rem;color:#f4ebe1b3;line-height:1.6;margin-bottom:1rem}.newsletter-form{display:flex;gap:.5rem}.newsletter-input{background:#ffffff14;border:1px solid rgba(244,235,225,.2);color:var(--color-cream);padding:.65rem .85rem;border-radius:var(--radius-sm);font-size:.85rem;flex-grow:1}.newsletter-input:focus{outline:none;border-color:var(--color-gold)}.newsletter-btn{background:var(--color-gold);border:none;color:var(--color-charcoal);font-family:var(--font-display);font-weight:800;padding:.65rem 1rem;border-radius:var(--radius-sm);cursor:pointer;transition:background .2s ease}.newsletter-btn:hover{background:var(--color-gold-light)}.footer-bottom{border-top:1px solid rgba(244,235,225,.1);padding-top:2rem;display:flex;align-items:center;justify-content:space-between;font-size:.85rem;color:#f4ebe180}.footer-seal-group{display:flex;align-items:center;gap:1.5rem}.footer-stamp{font-family:var(--font-chinese);color:var(--color-crimson);font-size:1.2rem;border:1px solid var(--color-crimson);padding:.1rem .4rem;border-radius:2px}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#191414d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all .3s ease;padding:1.5rem}.modal-overlay.open{opacity:1;visibility:visible}.modal-box{background:var(--color-cream-pure);border-radius:var(--radius-md);max-width:580px;width:100%;padding:2.5rem;position:relative;box-shadow:0 25px 60px #00000080;transform:translateY(20px) scale(.96);transition:transform .35s var(--ease-out-expo);border:1px solid var(--border-charcoal)}.modal-overlay.open .modal-box{transform:translateY(0) scale(1)}.modal-close-btn{position:absolute;top:1.25rem;right:1.25rem;background:transparent;border:none;font-size:1.5rem;cursor:pointer;color:#7a6969;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s ease}.modal-close-btn:hover{background:var(--color-parchment);color:var(--color-charcoal)}@media(max-width:1080px){.hero-overlay-grid{grid-template-columns:1fr;text-align:center;gap:2.5rem}.hero-text-col{align-items:center}.hero-cta-btn{align-self:center}.hero-emblem-col{order:-1}.hero-infinity-emblem{max-width:260px}.pilares-grid{grid-template-columns:repeat(2,1fr)}.florianopolis-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:820px){.site-header{padding:.75rem 1.25rem}.site-header.scrolled{padding:.55rem 1.25rem}.brand-logo-horizontal{height:48px;max-width:190px}.footer-logo-horizontal{height:46px;max-width:230px}#ambient-sound-text{display:none}.audio-btn{padding:.45rem .65rem}.header-lang-desktop,.header-cta-desktop{display:none!important}.mobile-nav-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#f6ede31a;border:1px solid rgba(246,237,227,.25);border-radius:var(--radius-sm);cursor:pointer;transition:all .25s ease}.mobile-nav-toggle:hover,.mobile-nav-toggle:active{background:#f6ede333;border-color:var(--color-gold)}.nav-menu{position:fixed;top:64px;left:0;width:100%;max-height:calc(100vh - 64px);overflow-y:auto;background:#191414fa;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:2px solid var(--color-gold);box-shadow:0 25px 50px #0009;padding:1.5rem 1.5rem 2.5rem;display:flex;flex-direction:column;align-items:stretch;gap:.75rem;opacity:0;pointer-events:none;transform:translateY(-12px);transition:opacity .3s ease,transform .3s var(--ease-out-expo);z-index:999}.nav-menu.open{opacity:1;pointer-events:auto;transform:translateY(0)}.nav-menu .nav-link{font-family:var(--font-display);font-size:1.2rem;font-weight:700;letter-spacing:.05em;padding:.75rem .5rem;border-bottom:1px solid rgba(246,237,227,.08);display:block;color:var(--color-cream)}.nav-menu .nav-link:after{display:none}.nav-menu .nav-link:hover,.nav-menu .nav-link.active{color:var(--color-gold);padding-left:.85rem}.mobile-menu-extras{display:flex;flex-direction:column;gap:1.25rem;margin-top:1rem;padding-top:1.25rem;border-top:1px solid rgba(246,237,227,.15)}.mobile-menu-extras .lang-selector{display:flex;justify-content:center;width:fit-content;align-self:center}.mobile-menu-extras .header-cta-btn{display:block;text-align:center;padding:.85rem;font-size:.95rem;width:100%}.heritage-cards-grid,.union-banner,.filiacao-grid,.eventos-grid{grid-template-columns:1fr}.eventos-header-row{flex-direction:column;align-items:flex-start;gap:1.5rem}.event-filters{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:6px;scrollbar-width:none}.event-filters::-webkit-scrollbar{display:none}.filter-btn{white-space:nowrap;flex-shrink:0;padding:.45rem .9rem;font-size:.75rem}.hero-frame-border{top:1rem;left:1rem;right:1rem;bottom:1rem;border-radius:16px}.hero-stage-final{padding:1.5rem}.hero-progress-tracker{display:none}}@media(max-width:600px){.container,.container-narrow{padding:0 1.25rem}.brand-logo-horizontal{height:40px;max-width:160px}.section-manifesto,.section-pilares,.section-florianopolis,.section-eventos,.section-filiacao{padding:4.5rem 0}.hero-overlay-grid{padding:0 1.25rem;gap:1.5rem}.hero-stage4-titles .title-bold{font-size:clamp(1.85rem,7.5vw,2.5rem);line-height:1.02}.hero-stage4-titles .title-regular{font-size:clamp(1.1rem,4.2vw,1.45rem);margin-bottom:.5rem}.hero-stage4-desc{font-size:.9rem;line-height:1.55}.hero-ribbon-btn{min-width:250px;max-width:100%;height:48px}.ribbon-text{font-size:.85rem;padding:0 2rem}.hero-stage4-brandmark{max-width:220px}.chinese-frame-line-left,.chinese-frame-line-right{left:8px;right:8px}.chinese-frame-line-top,.chinese-frame-line-bottom{top:8px;bottom:8px}.union-banner{padding:2rem 1.25rem;gap:2rem;margin-top:2.5rem}.union-banner-title{font-size:1.6rem}.union-stats-grid{grid-template-columns:1fr 1fr;gap:1.25rem}.stat-number{font-size:2.1rem}.stat-label{font-size:.75rem}.heritage-card{padding:2rem 1.25rem}.floripa-card-visual{padding:1.75rem 1.25rem}.floripa-highlights{grid-template-columns:1fr}.filiacao-form-card{padding:2rem 1.25rem}.pilares-grid,.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:1rem;text-align:center}.site-footer{padding:4.5rem 0 2.5rem}}
