@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--green:#173f32;--lime:#def58b;--paper:#f8f9f3;--ink:#1f352c;--line:#d9ded5}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:16px;line-height:1.6}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}button{border:0}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #75a134;outline-offset:5px}img{width:100%;height:100%;object-fit:cover;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:'Manrope',Arial,sans-serif}em{font-family:Georgia,serif;font-weight:400}h2{font-size:clamp(2rem,3.5vw,3.5rem);font-weight:500;line-height:1.16;letter-spacing:-.045em}p{line-height:1.7}.skip{position:fixed;top:-80px;background:var(--lime);padding:12px;z-index:20}.skip:focus{top:0}header{height:98px;padding:0 3.6%;display:flex;align-items:center;gap:3%;background:var(--paper);position:relative;z-index:10;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:800;line-height:1.2;letter-spacing:.015em;flex-shrink:0}.brand small{display:block;font-size:9px;letter-spacing:.2em;margin-top:4px}.brand-mark{font:800 44px/.9 'Manrope',sans-serif;position:relative;letter-spacing:-8px;width:42px;display:block}.brand-mark>span{font-size:29px;position:absolute;right:-3px;top:-6px}nav{display:flex;align-items:center;justify-content:space-between;gap:16px;flex:1}nav a,nav button{font-size:14px;white-space:nowrap;background:none;padding:8px 0}nav a:hover,nav button:hover{color:#6d862c}.register{background:var(--green)!important;color:white!important;padding:13px 18px!important;border-radius:4px}.register span{margin-left:13px}.menu-toggle{display:none}.hero-intro{padding:60px 4.2% 42px;display:flex;justify-content:space-between;align-items:flex-end;gap:24px}.eyebrow,.section-kicker{font-size:12px;font-weight:700;letter-spacing:.15em;line-height:1.5;margin-bottom:24px}.tiny-cross{font-size:23px;color:#829b43;vertical-align:middle;margin-right:7px}h1{font-size:clamp(2.5rem,4.55vw,4.7rem);line-height:1.1;letter-spacing:-.05em;font-weight:500}h1 em{color:#778b43}.hero-aside{display:flex;align-items:flex-end;gap:35px}.hero-aside p{font-size:14px}.round-link{display:grid;place-items:center;width:48px;height:48px;border:1px solid #acb8a7;border-radius:50%;font-size:23px;flex-shrink:0}.hero-image{position:relative;height:560px;margin:0 24px;border-radius:8px;overflow:hidden;color:white;background:#3c594f}.hero-image>img{object-position:center 54%}.image-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,24,19,.1),rgba(5,28,21,.1) 30%,rgba(5,28,21,.77))}.photo-label{position:absolute;top:26px;left:36px;font-size:11px;letter-spacing:.16em;line-height:1.7}.hero-image-copy{position:absolute;bottom:38px;left:3.6%;right:3.6%}.hero-image-copy>span{font-size:14px;letter-spacing:.35em}.hero-image-copy strong{display:flex;justify-content:space-between;align-items:center;font-family:'Manrope',Arial,sans-serif;font-size:clamp(4rem,11.5vw,11rem);font-weight:700;line-height:1.13;letter-spacing:-.065em}.hero-image-copy strong span{font-size:60px;font-weight:400;letter-spacing:0}.hero-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.hero-bottom p{font-size:15px;letter-spacing:.05em}.lime-button{display:inline-flex;align-items:center;justify-content:space-between;gap:26px;background:var(--lime);color:var(--green);padding:16px 23px;border-radius:3px;font-size:14px;font-weight:600;transition:background .2s}.lime-button:hover{background:#eafbba}.event-strip{display:flex;justify-content:space-between;align-items:center;margin:0 4.2%;padding:24px 0;border-bottom:1px solid var(--line);font-size:13px;gap:20px}.event-strip b{font-size:12px;margin-right:16px;letter-spacing:.045em}.event-strip span:nth-child(2){font-size:11px;letter-spacing:.08em}.event-strip span:nth-child(2) b{margin-left:18px}.event-strip a{font-weight:600}.section{padding:94px 7%;scroll-margin-top:20px}.welcome{display:grid;grid-template-columns:1fr 2.65fr;gap:40px}.welcome-text{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-top:35px;color:#5a675e}.signature{font-family:Georgia,serif;font-style:italic;display:block;color:var(--green);font-size:23px;margin-top:22px}.welcome small{display:block;font-size:12px;margin-top:5px}.about{display:grid;grid-template-columns:1fr 1fr;gap:7%;padding-top:32px}.about-photo{height:530px;position:relative;border-radius:5px;overflow:hidden}.about-photo:after{content:'';position:absolute;inset:60% 0 0;background:linear-gradient(transparent,#102a21b0)}.about-photo span{position:absolute;bottom:24px;left:26px;color:white;font-size:11px;letter-spacing:.18em;z-index:1}.about-copy{padding-top:25px}.about-copy>p:not(.section-kicker){margin-top:25px;color:#5a675e}.text-link{display:flex;background:transparent;align-items:center;justify-content:space-between;border-bottom:1px solid #b3beb0;font-weight:600;padding:20px 0 13px;margin-top:10px}.city-facts{display:flex;gap:45px;margin-top:30px;font-size:23px;font-weight:500}.city-facts small{display:block;font-size:10px;letter-spacing:.1em;margin-top:4px}.news{background:#eef1e8}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:38px}.section-heading .section-kicker{margin-bottom:20px}.pill{border:1px solid #bcc9b1;padding:7px 12px;border-radius:30px;font-size:10px;font-weight:600;letter-spacing:.06em;display:inline-block}.news-list{border-top:1px solid #c7d1c1}.news-list button{width:100%;background:none;display:grid;grid-template-columns:165px 1fr 130px 20px;gap:20px;align-items:center;text-align:left;padding:27px 0;border-bottom:1px solid #c7d1c1}.news-list button:hover .news-title{text-decoration:underline}.news-type{font-size:10px;letter-spacing:.06em;border:1px solid #c7d1c1;border-radius:3px;padding:4px 8px;justify-self:start}.news-title{font-size:19px;font-weight:500}.news-status{font-size:12px;color:#687564}.venue{background:var(--green);color:var(--paper);display:grid;grid-template-columns:1fr 1fr;gap:10%;overflow:hidden}.venue .section-kicker{color:#c5d3be}.venue h2 em{color:var(--lime)}.venue p:not(.section-kicker){margin:25px 0;max-width:430px;color:#cad6c7}.venue .venue-note{font-size:14px!important}.light{border-color:#6b8667;color:#e0edcf}.venue-graphic{display:flex;flex-direction:column;justify-content:center;border-left:1px solid #64826c;padding-left:17%;transform:rotate(-5deg)}.venue-graphic>span{font-family:'Manrope',Arial,sans-serif;font-size:clamp(3rem,6vw,6rem);line-height:1.04;letter-spacing:-.045em;font-weight:600}.venue-graphic em{color:var(--lime)}.venue-graphic small{letter-spacing:.16em;font-size:12px;margin-top:25px}.section-heading>p{color:#697264;font-size:14px}.attraction-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:26px}.attraction-card{position:relative;height:390px;overflow:hidden;border-radius:5px;color:white;background:var(--green)}.attraction-card:after{content:'';position:absolute;inset:25% 0 0;background:linear-gradient(transparent,#10291fe0)}.attraction-card>div{position:absolute;bottom:28px;left:30px;right:30px;z-index:1}.attraction-card img{transition:transform .45s}.attraction-card:hover img{transform:scale(1.04)}.attraction-card span{font-size:11px;letter-spacing:.13em}.attraction-card h3{font-size:26px;letter-spacing:-.04em;margin:8px 0}.attraction-card p{font-size:14px}.source-note{font-size:12px;color:#77816f;margin-top:16px}.accommodation{border-top:1px solid var(--line);display:grid;grid-template-columns:1.1fr 1fr;gap:8%;padding-top:70px;padding-bottom:75px}.accommodation>div>p:not(.section-kicker){color:#5a675e}.accommodation .text-link{width:100%}.travel-actions{display:flex;gap:23px;margin-top:23px}.travel-actions button{padding:0;background:none;font-size:13px}.video{height:480px;position:relative;margin:0 24px;border-radius:6px;overflow:hidden}.video:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0c271dd9,transparent)}.video-overlay{position:absolute;inset:50px auto 40px 6%;z-index:1;color:white}.video-overlay h2{font-size:65px;line-height:1.03}.video-status{display:inline-block;border:1px solid #ffffff85;border-radius:30px;padding:8px 16px;font-size:10px;letter-spacing:.1em;margin-top:30px}.sponsors{text-align:center}.sponsors>p:not(.section-kicker){color:#5a675e;margin-top:20px}.sponsor-announcement{padding:34px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:35px}.sponsor-announcement span{font-size:11px;letter-spacing:.13em;color:#718163}.sponsor-announcement p{font-size:20px;margin-top:10px;color:#68755f}.faq{background:#eef1e8;display:grid;grid-template-columns:1fr 1.7fr;gap:8%}.faq>div>p:last-child{margin-top:20px;color:#66715f}details{border-bottom:1px solid #c6d0c0}summary{display:flex;justify-content:space-between;gap:15px;cursor:pointer;list-style:none;padding:23px 0;font-size:17px}summary::-webkit-details-marker{display:none}summary>span{font-size:23px;line-height:1.2}details[open] summary>span{transform:rotate(45deg)}details p{padding:0 30px 24px 0;font-size:15px;color:#5c6954}details a{text-decoration:underline}footer{padding:58px 4.2% 25px;background:var(--green);color:var(--paper)}.footer-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:45px;border-bottom:1px solid #54705d}.footer-top h2{font-size:36px}.footer-top em{color:var(--lime)}.footer-bottom{display:flex;justify-content:space-between;gap:25px;margin-top:24px;font-size:12px;color:#c3d2bf}.footer-bottom>span:last-child{display:flex;gap:25px}.footer-bottom button{background:none;color:inherit;font-size:12px;padding:0}dialog{border:0;border-radius:9px;max-width:540px;width:calc(100% - 36px);padding:45px;background:var(--paper);color:var(--green);box-shadow:0 30px 100px #0004}dialog::backdrop{background:#072319aa;backdrop-filter:blur(4px)}dialog h2{font-size:32px;margin-bottom:25px}dialog p{margin-bottom:16px}dialog a{text-decoration:underline}.dialog-close{position:absolute;right:15px;top:9px;background:none;font-size:30px}.dialog-done{background:var(--green);color:white;padding:10px 25px;border-radius:3px;margin-top:15px}body.modal-open{overflow:hidden}
@media(min-width:1600px){header,main,footer{max-width:1800px;margin:auto}}
@media(max-width:1250px){header{padding:0 2%;gap:2%}nav{gap:10px}nav a,nav button{font-size:12px}.brand{font-size:16px}.hero-aside{gap:16px}.hero-aside p{font-size:12px}.hero-image{height:500px}.section{padding-left:6%;padding-right:6%}}
@media(max-width:1199px){header{height:80px;padding:0 5%;justify-content:space-between}.brand{font-size:18px}.menu-toggle{display:flex;width:45px;height:45px;flex-direction:column;justify-content:center;gap:7px;background:none;padding:10px}.menu-toggle span{display:block;height:2px;background:var(--green);width:25px;transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4.5px) rotate(-45deg)}nav{display:none;position:absolute;left:0;right:0;top:80px;background:var(--paper);padding:18px 5% 26px;border-bottom:1px solid var(--line);max-height:calc(100dvh - 80px);overflow:auto;box-shadow:0 20px 25px #183f3210}nav.open{display:grid;grid-template-columns:1fr 1fr;gap:8px 24px}nav a,nav button{text-align:left;padding:12px 0;font-size:15px}nav .register{margin-top:6px;text-align:center}.hero-aside{display:none}.hero-intro{padding:42px 5% 32px}h1{font-size:6vw}.hero-image{height:480px;margin:0 15px}.hero-image-copy strong span{font-size:44px}.event-strip{flex-wrap:wrap}.event-strip span:first-child{flex-basis:100%}.section{padding:65px 6%}.welcome{grid-template-columns:1fr;gap:0}.welcome-text{gap:30px}.about{gap:35px}.about-photo{height:500px}.news-list button{grid-template-columns:135px 1fr 22px}.news-status{display:none}.venue{gap:40px}.attraction-card h3{font-size:22px}.faq{gap:35px}.city-facts{gap:20px;font-size:18px}}
@media(max-width:600px){html{scroll-padding-top:20px}.hero-intro{padding:32px 6% 26px}.eyebrow{font-size:9px;letter-spacing:.1em;margin-bottom:20px}.tiny-cross{font-size:18px}h1{font-size:clamp(2rem,7.5vw,2.8rem);line-height:1.16}.hero-image{height:500px;margin:0 10px;border-radius:4px}.hero-image>img{object-position:52% center}.photo-label{left:22px;top:22px;font-size:9px}.hero-image-copy{bottom:24px;left:22px;right:22px}.hero-image-copy>span{font-size:11px;letter-spacing:.25em}.hero-image-copy strong{font-size:14vw;letter-spacing:-.065em;margin-top:8px;display:block}.hero-image-copy strong span{display:none}.hero-bottom{display:block;margin-top:15px}.hero-bottom p{font-size:12px}.hero-bottom button{margin-top:24px;width:100%;padding:15px 19px}.event-strip{margin:0 6%;padding:20px 0;gap:12px}.event-strip span:first-child{font-size:12px}.event-strip span:first-child b{display:block;margin-bottom:3px}.event-strip span:nth-child(2){font-size:9px}.event-strip span:nth-child(2) b{font-size:10px;margin-left:8px;margin-right:0}.event-strip a{font-size:11px;margin-left:auto}.section{padding:52px 6%}.section-kicker{font-size:10px;margin-bottom:20px}h2{font-size:33px}.welcome-text{grid-template-columns:1fr;gap:20px;margin-top:24px}.welcome-text p,.about-copy>p,.accommodation p{font-size:15px}.welcome small{font-size:11px}.about{display:flex;flex-direction:column-reverse;gap:30px;padding-top:10px}.about-copy{padding-top:0}.about-photo{height:340px}.city-facts{font-size:23px;gap:35px}.section-heading{display:block;margin-bottom:28px}.section-heading>.pill{margin-top:20px}.section-heading>p{margin-top:20px}.news-list button{grid-template-columns:1fr 20px;gap:10px;padding:23px 0}.news-type{grid-column:1;font-size:9px}.news-title{grid-column:1;font-size:17px}.news-list button>span:last-child{grid-column:2;grid-row:2}.venue{grid-template-columns:1fr;gap:38px}.venue-graphic{border-left:0;border-top:1px solid #638269;padding:30px 0 0;transform:none}.venue-graphic>span{font-size:55px}.venue-graphic>span br{display:none}.venue-graphic>span em{display:block}.venue-graphic small{margin-top:14px}.attraction-grid{grid-template-columns:1fr;gap:18px}.attraction-card{height:320px}.attraction-card>div{left:23px;bottom:23px}.source-note{font-size:11px}.accommodation{grid-template-columns:1fr;gap:25px}.travel-actions{gap:20px}.travel-actions button{font-size:12px}.video{height:420px;margin:0 10px}.video-overlay{left:7%;top:35px}.video-overlay h2{font-size:57px}.sponsor-announcement{padding:28px 0}.sponsors>p:not(.section-kicker){font-size:14px}.sponsor-announcement p{font-size:17px}.faq{grid-template-columns:1fr;gap:20px}summary{font-size:15px;padding:21px 0}footer{padding:38px 6% 25px}.footer-top{align-items:flex-start;gap:30px;flex-direction:column;padding-bottom:30px}.footer-top h2{font-size:29px}.footer-bottom{flex-direction:column;font-size:11px}.footer-bottom>span:last-child{gap:20px;flex-wrap:wrap}dialog{padding:38px 25px}dialog h2{font-size:28px}dialog p{font-size:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
/* Bilingual controls and restrained editorial motion */
.language-button{display:flex;align-items:center;gap:6px;padding:9px 10px;background:transparent;border:1px solid var(--line);border-radius:25px;white-space:nowrap;flex-shrink:0;font-size:14px;order:3;min-height:42px}.language-button svg{width:20px;height:20px}.language-button:hover{background:var(--lime)}header{gap:18px}nav{gap:12px}.hero-image>img,.video>img{will-change:transform}.hero-intro h1{animation:hero-arrive 1s cubic-bezier(.2,.65,.25,1) both}.hero-intro .eyebrow{animation:hero-arrive .8s ease both}.hero-aside{animation:hero-arrive 1.1s ease both}.round-link{transition:background .25s,transform .25s}.round-link:hover{background:var(--lime);transform:translateY(5px)}.lime-button,.register{transition:transform .25s,background .25s,box-shadow .25s}.lime-button:hover,.register:hover{transform:translateY(-3px);box-shadow:0 7px 18px #102c211c}.motion-enter{animation:section-arrive .85s cubic-bezier(.2,.65,.25,1) var(--motion-delay,0ms) both}.text-link>span{transition:transform .25s}.text-link:hover>span{transform:translate(4px,-4px)}
@keyframes section-arrive{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}
@keyframes hero-arrive{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1200px){.about{align-items:start;min-height:760px}.about-photo{position:sticky;top:35px}.about-copy{padding-top:45px;padding-bottom:80px}header{padding-left:2.5%;padding-right:2.5%}nav a,nav button{font-size:14px}nav{gap:10px}.register{padding:12px!important}.brand{font-size:16px}.brand-mark{font-size:38px;width:36px}}
@media(min-width:1200px) and (max-width:1439px){header{gap:12px;padding-left:18px;padding-right:18px}nav{gap:8px}.brand{font-size:14px}.brand-mark{width:30px;font-size:34px}.brand small{font-size:9px;letter-spacing:.06em}.register{padding:10px 8px!important}.register span{margin-left:4px}.language-button{padding:8px}.language-button span{font-size:12px}}
@media(max-width:1199px){.language-button{order:0;margin-left:auto}.menu-toggle{order:1}header{gap:12px}.hero-image>img,.video>img{will-change:auto}.motion-enter{animation-duration:.65s}}
html[lang=zh-Hant] body{font-family:'DM Sans','Noto Sans TC','PingFang TC','Microsoft JhengHei',sans-serif}html[lang=zh-Hant] h1,html[lang=zh-Hant] h2,html[lang=zh-Hant] h3{font-family:'Manrope','PingFang TC','Microsoft JhengHei',sans-serif;letter-spacing:.015em;line-height:1.35}html[lang=zh-Hant] em{font-family:inherit;font-style:normal;font-weight:500}html[lang=zh-Hant] h1{font-size:clamp(2.3rem,4.1vw,4.5rem)}html[lang=zh-Hant] .hero-image-copy strong{font-family:'Manrope',sans-serif}html[lang=zh-Hant] .section-kicker{letter-spacing:.12em}html[lang=zh-Hant] .venue-graphic>span{line-height:1.25}html[lang=zh-Hant] .brand small{font-size:11px;letter-spacing:.15em}html[lang=zh-Hant] .video-overlay h2{line-height:1.25}html[lang=zh-Hant] .signature{font-family:inherit;font-size:19px;font-style:normal}html[lang=zh-Hant] .news-type{font-size:12px}html[lang=zh-Hant] .footer-top h2{font-size:30px}
@media(max-width:600px){html[lang=zh-Hant] h1{font-size:clamp(1.8rem,7vw,2.6rem)}html[lang=zh-Hant] h2{font-size:29px}html[lang=zh-Hant] .video-overlay h2{font-size:48px}.language-button{font-size:12px;padding:8px;gap:4px}.language-button svg{width:18px;height:18px}header .brand{font-size:15px}header .brand small{font-size:9px}.motion-enter{animation-name:mobile-arrive}html[lang=zh-Hant] .footer-top h2{font-size:25px}}
@keyframes mobile-arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.hero-image>img,.video>img{transform:none!important;will-change:auto}.about-photo{position:relative;top:auto}}
