/* 2027 JCI Taichung: white space, city light, original brand geometry. */
:root{--green:#171432;--lime:#f7bf36;--paper:#fff;--ink:#171432;--line:#dfe4ef;--blue:#526bb2;--teal:#50b7b9;--muted:#596278}
body{background:white;color:var(--ink)}h1,h2,h3{font-weight:700;letter-spacing:-.04em}em{font-family:inherit;font-style:normal;font-weight:inherit;color:var(--blue)}p{color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible{outline-color:#25858b}header{height:90px;padding:0 2.5%;gap:20px;background:#fff;border-bottom:1px solid var(--line)}header .brand{width:220px;min-width:0}.brand img{height:auto;object-fit:contain;width:100%}nav{gap:10px}nav a,nav button{font-size:var(--font-small)}nav a:hover,nav button:hover{color:var(--blue)}.register{background:var(--lime)!important;color:var(--ink)!important;border-radius:0;padding:12px 15px!important;font-weight:700}.language-button{border-color:var(--line);border-radius:0;padding:9px 8px;gap:5px}.language-button span{font-size:var(--font-small)}.language-button:hover{background:#f1f4fa}.hero{display:grid;grid-template-columns:53% 47%;position:relative;overflow:hidden}.hero-intro{display:flex;align-items:flex-start;justify-content:center;flex-direction:column;padding:45px 5% 45px 9%;gap:0;position:relative;z-index:2}.eyebrow{font-size:var(--font-small);letter-spacing:.11em;color:var(--blue);display:flex;align-items:center;gap:10px;margin:0 0 20px;animation:none!important}.edition-dot{width:9px;height:9px;background:var(--teal);display:inline-block;flex-shrink:0}.hero-logo{width:320px;height:auto;object-fit:contain;max-width:76%;margin-bottom:24px}.hero h1{font-size:clamp(1.8rem,2.65vw,3rem);line-height:1.22;font-weight:700;letter-spacing:-.04em;position:relative}.hero h1 em{color:var(--blue)}.hero-date{display:flex;gap:20px;align-items:center;margin:27px 0 25px}.date-numbers{font-size:clamp(2.6rem,4.4vw,4.7rem);font-weight:800;line-height:1;letter-spacing:-.045em;color:#198fc3;font-family:'Manrope',sans-serif;white-space:nowrap}.date-dash{font-weight:400;color:var(--teal);font-size:.65em;vertical-align:middle}.date-year{font-family:'Manrope',sans-serif;font-size:24px;font-weight:700;line-height:1.2}.date-year>span{display:block;font-size:var(--font-small);letter-spacing:.05em;line-height:1.5;margin-top:6px;max-width:140px}.hero-actions{display:flex;align-items:center;gap:27px}.lime-button{background:var(--lime);color:var(--ink);font-weight:700;border-radius:0;min-height:50px;font-size:var(--font-body);padding:14px 24px}.lime-button:hover{background:#ffd262}.hero-explore{font-size:var(--font-small);font-weight:600;display:flex;align-items:center;gap:16px;border-bottom:1px solid var(--line);padding:10px 0}.hero-explore:hover{color:var(--blue)}.hero-art{position:relative;min-width:0;display:flex;align-items:center;padding:65px 0 55px}.hero-image{margin:0;width:100%;height:515px;border-radius:48% 0 0 8%;background:#171432;position:relative;z-index:1}.hero-image>img{object-position:48% 50%}.image-shade{background:linear-gradient(180deg,#17143200 35%,#171432c9)}.photo-label{top:38%;left:auto;right:28px;font-size:var(--font-small);text-align:right;opacity:.85}.hero-image-copy{left:14%;right:7%;bottom:48px}.hero-image-copy>span{font-size:var(--font-small);letter-spacing:.25em;color:#fff}.hero-image-copy strong{font-size:clamp(3.3rem,6.1vw,6rem);letter-spacing:-.055em;line-height:1.12;color:white;display:block}.hero-image-copy strong span{font-size:22px;letter-spacing:.16em;margin-left:16px;display:inline-block;color:var(--lime)}.hero-image-copy p{font-size:var(--font-small);letter-spacing:.03em;color:#fff;margin-top:10px}.brand-shapes{position:absolute;width:270px;height:auto;right:0;top:0;z-index:2;pointer-events:none;animation:brand-float 10s ease-in-out infinite}.hero-lines{position:absolute;width:300px;height:auto;left:-65px;bottom:6px;z-index:2;pointer-events:none;animation:brand-float 13s ease-in-out infinite reverse}.city-caption{position:absolute;right:28px;bottom:20px;letter-spacing:.17em;font-size:var(--font-small);color:var(--blue)}.event-strip{grid-column:1/-1;margin:0 4.8%;padding:23px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:var(--font-small);background:white;z-index:3;position:relative}.event-strip b,.event-strip span:nth-child(2),.event-strip span:nth-child(2) b{font-size:var(--font-small)}.event-strip a{font-size:var(--font-small)}.section{padding:90px 7%}.section-kicker{color:var(--blue);font-size:var(--font-small);letter-spacing:.13em}.welcome{position:relative;grid-template-columns:1fr 2.6fr;gap:35px;background:none;background-size:320px auto}.welcome-text{color:var(--muted)}.welcome h2{max-width:780px}.signature{font-family:inherit;font-style:normal;font-size:19px;font-weight:600;color:var(--blue)}.welcome small{font-size:var(--font-small);color:var(--muted)}.about{gap:8%;padding-top:40px;min-height:710px}.about-photo{border-radius:180px 180px 4px 4px;height:520px}.about-photo:after{background:linear-gradient(transparent,#171432aa)}.about-photo span{font-size:var(--font-small);letter-spacing:.1em}.about-copy>p:not(.section-kicker){color:var(--muted)}.text-link{border-color:var(--line);color:var(--blue)}.city-facts{color:var(--blue);gap:30px}.city-facts small{font-size:var(--font-small);color:var(--muted)}.news{background:#f2f5fb;border-top:5px solid var(--blue)}.pill{font-size:var(--font-small);color:var(--blue);border-color:#c5d1ea;border-radius:2px}.news-list{border-color:#cbd5e8}.news-list button{border-color:#cbd5e8;grid-template-columns:165px 1fr 130px 20px}.news-type{font-size:var(--font-small);border-color:#cbd5e8;color:var(--blue)}.news-status{color:var(--muted)}.news-title{font-size:20px;font-weight:600}.news-list button:hover{color:var(--blue)}.venue{background:#171432;color:white;gap:9%;position:relative}.venue .section-kicker{color:#8cd4d5}.venue p:not(.section-kicker){color:#d4d7e5}.venue h2 em{color:#f7bf36}.venue .light{color:#fff;border-color:#6a6884}.venue-graphic{position:relative;transform:none;padding-left:15%;border-color:#4c4968;min-height:350px}.venue-graphic>img{position:absolute;width:180px;height:auto;right:-5%;top:0;background:#fff;padding:12px;border-radius:50%;transform:rotate(8deg);opacity:.98}.venue-graphic>span{font-size:clamp(3rem,6vw,6rem);font-weight:800;position:relative;z-index:1}.venue-graphic em{color:#f7bf36}.venue-graphic small{font-size:var(--font-small)}.section-heading>p{font-size:var(--font-body);color:var(--muted)}.attraction-card{border-radius:3px;height:400px}.attraction-card.wide{border-top-left-radius:100px}.attraction-card:after{background:linear-gradient(transparent,#171432dd)}.attraction-card h3{font-size:26px;letter-spacing:-.025em}.attraction-card span{font-size:var(--font-small)}.source-note{color:var(--muted);font-size:var(--font-small)}.accommodation{background:#f3fbfb;border-top:1px solid #d5ebea}.accommodation>div>p:not(.section-kicker){color:var(--muted)}.travel-actions{gap:22px;flex-wrap:wrap}.travel-actions button{font-size:var(--font-small);color:var(--ink)}.video{margin:0;border-radius:0;height:470px}.video:after{background:linear-gradient(90deg,#171432dd,transparent)}.video-overlay .section-kicker{color:#fff}.video-overlay h2 em{color:#f7bf36}.video-status{font-size:var(--font-small)}.sponsors{background:white;background-size:300px auto}.sponsors>p:not(.section-kicker){color:var(--muted)}.sponsor-announcement{background:#ffffffeb}.sponsor-announcement span{font-size:var(--font-small);color:var(--blue)}.sponsor-announcement p{color:var(--muted)}.faq{background:#f2f5fb}.faq>div>p:last-child,details p{color:var(--muted)}details{border-color:#ccd5e7}footer{background:#171432;color:white;border-top:8px solid var(--teal)}.footer-top{border-color:#49455f}.footer-top .brand{width:290px;background:white;padding:15px}.footer-top h2{font-size:34px}.footer-top em{color:var(--lime)}.footer-bottom{color:#d4d7e5;font-size:var(--font-small)}.footer-bottom button{font-size:var(--font-small)}.footer-bottom>span:last-child a{font-size:var(--font-small)}dialog{background:white;color:var(--ink);border-top:6px solid var(--lime);border-radius:4px}dialog::backdrop{background:#171432aa}.dialog-done{background:var(--blue)}.dialog-close{width:42px;height:42px}.dialog-done{min-height:44px}.round-link{border-color:var(--line)}
@keyframes brand-float{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(12px) rotate(2deg)}}
@media(min-width:1200px) and (max-width:1439px){header{gap:12px;padding:0 18px}header .brand{width:190px}nav{gap:8px}.register{padding:10px!important}.language-button{padding:8px 6px}.hero-intro{padding-left:8%;padding-right:3%}.hero-logo{width:285px}.hero-date{gap:15px}.date-year{font-size:22px}.date-year>span{font-size:var(--font-small)}.hero-image{height:500px}.hero-art{padding-top:55px;padding-bottom:50px}.hero-actions{gap:22px}}
@media(max-width:1199px){header{height:80px;padding:0 5%;gap:15px}header .brand{width:245px;max-width:60%}.menu-toggle{flex-shrink:0}nav{background:white}nav a,nav button{font-size:var(--font-body)}.hero-intro{padding:38px 5% 35px 9%}.hero-logo{width:255px;max-width:92%;margin-bottom:20px}.hero h1{font-size:2rem}.hero-date{align-items:flex-start;gap:12px;flex-direction:column;margin:24px 0}.date-numbers{font-size:3.6rem}.date-year{display:flex;gap:12px;align-items:center;font-size:18px}.date-year>span{font-size:var(--font-small);margin:0;max-width:none}.hero-actions{align-items:flex-start;gap:14px;flex-direction:column}.hero-explore{font-size:var(--font-small)}.hero-image{height:500px;border-top-left-radius:45%}.hero-art{padding-top:65px;padding-bottom:55px}.hero-image-copy strong{font-size:5.7vw}.hero-image-copy strong span{font-size:18px;margin:8px 0;display:block}.hero-lines{width:230px;left:-30px;bottom:20px}.brand-shapes{width:220px}.photo-label{font-size:var(--font-small)}.eyebrow{font-size:var(--font-small);letter-spacing:.04em;line-height:1.6}.event-strip{gap:12px;padding:20px 0}.event-strip span:first-child{flex-basis:100%}.section{padding:65px 6%}.welcome{grid-template-columns:1fr;background-size:200px; background-position:-90px 100%}.about{gap:35px;min-height:0}.about-photo{height:470px}.news-list button{grid-template-columns:135px 1fr 22px}.news-title{font-size:18px}.venue-graphic>img{width:135px;right:-12%;top:15px}.venue-graphic>span{font-size:64px}.attraction-card h3{font-size:23px}.travel-actions{gap:16px}.footer-top .brand{width:240px}.footer-top h2{font-size:30px}}
html[lang=zh-Hant] h1,html[lang=zh-Hant] h2,html[lang=zh-Hant] h3{letter-spacing:.01em}html[lang=zh-Hant] .hero h1{font-size:clamp(1.8rem,2.7vw,2.9rem);line-height:1.4}html[lang=zh-Hant] em{font-weight:700}html[lang=zh-Hant] .hero-image-copy strong{line-height:1.1}html[lang=zh-Hant] .hero-image-copy>span{letter-spacing:.15em}
@media(max-width:600px){header{height:76px;gap:8px;padding:0 5%}header .brand{width:205px;max-width:58%}.language-button{min-height:42px;font-size:var(--font-small);padding:7px;gap:4px}.language-button span{font-size:var(--font-small)}.language-button svg{width:18px;height:18px}.menu-toggle{width:40px;padding:7px}nav{top:76px;max-height:calc(100dvh - 76px)}.hero{display:flex;flex-direction:column}.hero-intro{padding:28px 6% 22px;align-items:flex-start}.hero .eyebrow{font-size:var(--font-small);margin-bottom:18px;letter-spacing:.035em}.hero-logo{width:240px;max-width:74%;margin-bottom:20px}.hero h1,html[lang=zh-Hant] .hero h1{font-size:clamp(1.65rem,6.2vw,2.2rem);line-height:1.3}.hero-date{flex-direction:row;align-items:center;gap:18px;margin:24px 0}.date-numbers{font-size:clamp(2.5rem,10vw,3.4rem)}.date-year{display:block;font-size:20px}.date-year>span{font-size:var(--font-small);max-width:105px;line-height:1.4;margin-top:3px}.hero-actions{flex-direction:row;align-items:center;gap:20px;width:100%}.hero-actions .lime-button{padding:13px 20px;gap:22px}.hero-explore{font-size:var(--font-small);gap:10px}.hero-art{display:block;padding:22px 0 30px 6%;min-height:0;isolation:isolate}.hero-image{height:330px;border-radius:115px 0 0 5px;width:100%;margin:0}.hero-image>img{object-position:center 53%}.brand-shapes{width:155px;right:0;top:-12px;z-index:2}.hero-lines{width:190px;left:-28px;bottom:0}.hero-image-copy{left:14%;right:6%;bottom:36px}.hero-image-copy strong{font-size:13vw;margin:4px 0;line-height:1.1}.hero-image-copy strong span{font-size:20px;display:inline-block;margin:0 0 0 14px}.hero-image-copy p{font-size:var(--font-small)}.hero-image-copy>span{font-size:var(--font-small)}.photo-label{top:95px;right:20px;font-size:var(--font-small)}.city-caption{font-size:var(--font-small);right:18px;bottom:5px;letter-spacing:.08em}.event-strip{margin:20px 6% 0;font-size:var(--font-small);gap:13px}.event-strip span:first-child{font-size:var(--font-small)}.event-strip span:first-child b{font-size:var(--font-small);margin-bottom:5px}.event-strip span:nth-child(2),.event-strip span:nth-child(2) b{font-size:var(--font-small);letter-spacing:0}.event-strip span:nth-child(2) b{margin-left:8px;margin-right:0}.event-strip a{font-size:var(--font-small);margin-left:0}.section{padding:55px 6%}.section-kicker{font-size:var(--font-small);margin-bottom:20px}h2{font-size:32px}.welcome{gap:0;background-image:none}.welcome-text{gap:20px}.welcome-text p,.about-copy>p,.accommodation p{font-size:var(--font-body)}.welcome small{font-size:var(--font-small)}.about{padding-top:12px;gap:30px}.about-photo{height:365px;border-radius:130px 130px 4px 4px}.about-photo span{font-size:var(--font-small);left:20px;letter-spacing:.06em}.city-facts{font-size:22px}.city-facts small{font-size:var(--font-small)}.section-heading>p{font-size:var(--font-body)}.news-list button{grid-template-columns:1fr 20px}.news-type{font-size:var(--font-small)}.news-title{font-size:18px}.venue{gap:35px}.venue-graphic{padding:25px 0 0;min-height:210px;border-color:#4c4968}.venue-graphic>img{width:115px;right:0;top:24px}.venue-graphic>span{font-size:48px;max-width:75%}.venue-graphic>span br{display:block}.venue-graphic>span em{display:inline}.venue-graphic small{font-size:var(--font-small)}.attraction-card{height:330px}.attraction-card.wide{border-top-left-radius:70px}.attraction-card h3{font-size:24px}.attraction-card span,.source-note{font-size:var(--font-small)}.travel-actions{gap:18px}.travel-actions button{font-size:var(--font-small)}.video{height:415px;margin:0}.video-overlay h2{font-size:54px}.video-status{font-size:var(--font-small)}.sponsors{background-size:180px auto;padding-bottom:75px}.sponsors>p:not(.section-kicker){font-size:var(--font-body)}.sponsor-announcement span{font-size:var(--font-small)}.faq{gap:25px}summary{font-size:var(--font-body)}details p{font-size:var(--font-body)}.footer-top{gap:28px}.footer-top .brand{width:255px;max-width:100%}.footer-top h2{font-size:28px}.footer-bottom{font-size:var(--font-small)}.footer-bottom>span:last-child{gap:20px}.footer-bottom button{font-size:var(--font-small)}dialog p{font-size:var(--font-body)}}
@media(prefers-reduced-motion:reduce){.brand-shapes,.hero-lines{animation:none!important}.hero-art img{will-change:auto}}