:root{--sand:#e8dcc7;--oat:#d4b895;--sage:#8b9d83;--moss:#606c38;--clay:#b08b6e;--terra:#c66b3d;--ochre:#c08e3a;--ink:#3e3a2d;--radius:24px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--sand);color:var(--ink);font-family:Epilogue,"Noto Sans TC",sans-serif;line-height:1.65}body:after{content:"";position:fixed;inset:0;pointer-events:none;opacity:.025;z-index:20;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.nav{display:flex;align-items:center;gap:28px;padding:24px clamp(20px,5vw,80px);border-bottom:1px solid rgba(62,58,45,.25)}.nav a{color:inherit;text-decoration:none;font-size:.9rem}.nav .brand{font-family:Fraunces,serif;font-size:1.4rem;font-weight:800;margin-right:auto}.hero{background:var(--oat);min-height:88vh;border-radius:0 0 48px 48px}.hero-inner{padding:clamp(70px,11vw,150px) clamp(20px,8vw,130px) 80px}.eyebrow{font-weight:700;letter-spacing:.08em;color:var(--moss);margin:0 0 18px}.hero h1{font-family:Fraunces,serif;font-size:clamp(3.6rem,9vw,9rem);line-height:.9;letter-spacing:-.045em;margin:0;max-width:1200px}.hero-meta{display:grid;grid-template-columns:minmax(260px,560px) auto;justify-content:space-between;align-items:end;gap:40px;margin-top:60px}.hero-meta p{font-size:1.1rem;margin:0}.primary-link,.vote-button{background:var(--terra);color:var(--sand);border:0;border-radius:999px;padding:18px 26px;text-decoration:none;font-weight:700;cursor:pointer;transition:transform .35s ease,background .35s ease}.primary-link:hover,.vote-button:not(:disabled):hover{transform:translateY(-3px);background:var(--moss)}.status-bar{display:flex;justify-content:space-between;gap:20px;margin:28px clamp(20px,5vw,80px);padding:18px 24px;background:var(--moss);color:var(--sand);border-radius:18px;font-weight:600}.works{padding:100px clamp(20px,5vw,80px)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px}.section-heading h2,.rules h2,.watch-info h2{font-family:Fraunces,serif;font-size:clamp(2.8rem,6vw,6rem);line-height:1;margin:0}.search{display:grid;gap:8px;font-weight:600}.search input{width:min(380px,80vw);background:transparent;border:0;border-bottom:2px solid var(--moss);padding:12px 4px;color:inherit;font:inherit;outline:none}.filter-row{display:flex;gap:10px;flex-wrap:wrap;margin:40px 0 24px}.filter{border:1px solid var(--moss);background:transparent;color:var(--moss);padding:9px 16px;border-radius:999px;cursor:pointer}.filter.active{background:var(--moss);color:var(--sand)}.video-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}.video-card{position:relative;overflow:hidden;background:var(--sage);border-radius:var(--radius);padding:0;display:flex;flex-direction:column;cursor:pointer;border:0;color:var(--ink);text-align:left;transition:transform .4s ease,background .4s ease}.video-card:nth-child(3n+2){background:var(--clay)}.video-card:nth-child(3n){background:var(--ochre)}.video-card:hover{transform:translateY(-7px)}.card-poster{position:relative;display:block;aspect-ratio:9/16;overflow:hidden;background:var(--moss)}.card-poster img{width:100%;height:100%;display:block;object-fit:cover}.play-mark{position:absolute;left:50%;top:50%;width:58px;height:58px;border:2px solid var(--sand);border-radius:50%;background:rgba(62,58,45,.45);transform:translate(-50%,-50%)}.play-mark:after{content:"";position:absolute;left:23px;top:17px;border-top:11px solid transparent;border-bottom:11px solid transparent;border-left:17px solid var(--sand)}.card-content{position:relative;display:flex;flex:1;flex-direction:column;padding:18px}.video-number{position:relative;font-family:Fraunces,serif;font-size:1.15rem;font-weight:800;color:var(--moss)}.video-card h3{font-family:Fraunces,serif;font-size:1.3rem;line-height:1.15;margin:6px 0;z-index:1}.video-card .team{font-size:.82rem;min-height:2.7em}.card-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(62,58,45,.35);margin-top:auto;padding-top:14px;font-weight:700;font-size:.82rem}.card-state{font-size:.72rem}.empty{text-align:center;padding:60px}.rules{margin:0 clamp(20px,5vw,80px) 100px;padding:clamp(35px,7vw,90px);background:var(--moss);color:var(--sand);border-radius:42px;display:grid;grid-template-columns:1fr 1.2fr;gap:60px}.rules .eyebrow{color:var(--oat)}.rules ol{list-style:none;padding:0;margin:0}.rules li{border-top:1px solid rgba(232,220,199,.35);padding:22px 0;font-size:1.15rem}.rules li span{font-family:Fraunces,serif;font-size:2rem;margin-right:20px;color:var(--oat)}.privacy-note{grid-column:1/-1;border-top:1px solid rgba(232,220,199,.35);padding-top:24px;font-size:.85rem;max-width:900px}.watch-dialog{width:min(980px,94vw);height:min(820px,92vh);max-height:92vh;border:0;border-radius:32px;padding:0;background:var(--sand);color:var(--ink);overflow:hidden;grid-template-columns:minmax(270px,44%) 1fr;grid-template-rows:1fr}.watch-dialog[open]{display:grid}.watch-dialog::backdrop{background:rgba(45,43,32,.82);backdrop-filter:blur(7px)}.close{position:absolute;top:16px;right:16px;z-index:3;border:0;background:var(--sand);padding:10px 16px;border-radius:999px;cursor:pointer;box-shadow:0 4px 18px rgba(62,58,45,.16)}.player-wrap{width:100%;height:100%;min-height:0;background:var(--moss);display:grid;place-items:center}.player-wrap iframe,.player-wrap>div:first-child{width:100%;height:100%}.unavailable{color:var(--sand);font-weight:700;padding:30px;text-align:center}.watch-info{padding:clamp(34px,5vw,64px);display:flex;min-width:0;flex-direction:column;justify-content:center;gap:28px;overflow-y:auto}.watch-info h2{font-size:clamp(2.4rem,4vw,4.4rem);overflow-wrap:anywhere}.progress-block{align-self:stretch}.progress-label{display:flex;justify-content:space-between}.progress{height:12px;background:var(--oat);border-radius:99px;overflow:hidden;margin-top:10px}.progress span{display:block;width:0;height:100%;background:var(--terra);transition:width .4s ease}.progress-block p,.message{font-size:.82rem}.vote-button{width:100%}.vote-button:disabled{cursor:not-allowed;background:var(--clay);opacity:.62}.message{margin:0}.message.error{color:#92371f}.message.success{color:var(--moss);font-weight:700}footer{display:flex;justify-content:space-between;padding:30px clamp(20px,5vw,80px);background:var(--oat)}footer a{color:inherit}.admin{padding:40px;max-width:1200px;margin:auto}.admin-table{width:100%;border-collapse:collapse;background:var(--sand)}.admin-table th,.admin-table td{text-align:left;border-bottom:1px solid var(--clay);padding:12px}.admin-input{padding:12px;border:1px solid var(--moss);border-radius:12px;background:var(--sand)}
@media(max-width:1100px){.video-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:800px){.nav a:not(.brand){display:none}.hero{min-height:auto}.hero-inner{padding-top:70px}.hero h1{font-size:clamp(3.2rem,15vw,6rem)}.hero-meta,.section-heading,.rules{grid-template-columns:1fr;display:grid}.status-bar{flex-direction:column}.video-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.rules{gap:30px}.search input{width:100%}.watch-dialog{width:min(520px,96vw);height:94vh;max-height:94vh;overflow-y:auto}.watch-dialog[open]{display:block}.player-wrap{width:min(100%,calc(62vh * 9 / 16));height:auto;min-height:0;aspect-ratio:9/16;margin-inline:auto}.watch-info{position:relative;z-index:1;padding:28px;background:var(--sand);overflow:visible;gap:20px}.watch-info h2{font-size:2.5rem}}
@media(max-width:520px){.video-grid{grid-template-columns:1fr 1fr;gap:12px}.works{padding:70px 14px}.card-content{padding:13px}.video-card h3{font-size:1.05rem}.video-card .team{font-size:.72rem}.card-footer{display:grid;gap:3px}.play-mark{width:50px;height:50px}.play-mark:after{left:20px;top:14px}.watch-dialog{width:100vw;height:100dvh;max-height:100dvh;border-radius:0;grid-template-rows:auto auto}.player-wrap{width:min(100%,calc(62dvh * 9 / 16));justify-self:center}.watch-info{padding:24px}.watch-info h2{font-size:2.2rem}footer{display:block}.hero-meta{margin-top:38px}}
.section-intro{margin:20px 0 0;max-width:520px;color:var(--moss)}.category-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-width:720px;margin:44px 0 34px;padding:7px;background:var(--oat);border-radius:26px}.category-tab{position:relative;display:flex;align-items:baseline;justify-content:center;gap:14px;padding:18px 22px;border:0;border-radius:20px;background:transparent;color:var(--ink);cursor:pointer;font:inherit;transition:background .35s ease,color .35s ease,transform .35s ease}.category-tab span{font-family:Fraunces,serif;font-size:clamp(1.4rem,2.1vw,1.9rem);font-weight:800}.category-tab small{font-size:.78rem;font-weight:600}.category-tab.active{background:var(--moss);color:var(--sand)}.category-tab:not(.active):hover{background:var(--sage);transform:translateY(-2px)}.group-heading{display:flex;justify-content:space-between;align-items:center;margin:0 0 22px;padding:0 4px 14px;border-bottom:1px solid rgba(62,58,45,.3)}.group-heading p{margin:0;font-family:Fraunces,serif;font-size:1.7rem;font-weight:800;color:var(--moss)}.group-heading span,.group-heading strong{font-size:.82rem}.group-heading strong{color:var(--moss)}
@media(max-width:600px){.category-tabs{gap:6px;margin-top:34px;padding:6px;border-radius:22px}.category-tab{display:grid;gap:2px;padding:15px 8px;text-align:center;border-radius:17px}.category-tab span{font-size:1.35rem}.category-tab small{font-size:.68rem}.group-heading{align-items:center}.group-heading p{font-size:1.6rem}.group-heading span{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Results */
.nav .current{font-weight:700;color:var(--moss);border-bottom:2px solid var(--moss)}.result-hero{background:var(--oat);border-radius:0 0 48px 48px}.result-hero-inner{padding:clamp(70px,9vw,125px) clamp(20px,8vw,130px) 70px}.result-hero h1{margin:0;max-width:1050px;font-family:Fraunces,serif;font-size:clamp(3.6rem,8vw,8rem);line-height:.92;letter-spacing:-.04em}.result-summary{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-top:48px;padding-top:24px;border-top:1px solid rgba(62,58,45,.28)}.result-summary p{margin:0}.result-summary p:first-child{max-width:560px;font-size:1.05rem}.result-summary p:last-child{font-size:.82rem;font-weight:600;color:var(--moss)}.results-main{padding:52px clamp(20px,5vw,80px) 110px}.preview-notice{display:flex;gap:18px;align-items:center;margin-bottom:34px;padding:17px 22px;background:var(--ochre);border-radius:18px;color:var(--sand)}.preview-notice span{font-size:.86rem}.results-unavailable{max-width:850px;margin:60px auto;padding:clamp(38px,7vw,80px);background:var(--moss);border-radius:32px;color:var(--sand);text-align:center}.results-unavailable .eyebrow{color:var(--oat)}.results-unavailable h2{margin:0 0 24px;font-family:Fraunces,serif;font-size:clamp(3rem,7vw,6rem);line-height:1}.results-unavailable .primary-link{display:inline-block;margin-top:20px;background:var(--terra)}.result-tabs{margin-inline:auto}.ranking-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin:65px 0 28px}.ranking-heading h2{margin:0;font-family:Fraunces,serif;font-size:clamp(2.7rem,5vw,5rem);line-height:1}.ranking-heading>p{max-width:330px;margin:0;font-size:.82rem;text-align:right}.top-results{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;align-items:end}.result-card{position:relative;overflow:hidden;background:var(--sage);border-radius:26px}.result-card:nth-child(2){background:var(--clay)}.result-card:nth-child(3){background:var(--ochre)}.result-card:nth-child(4),.result-card:nth-child(5){background:var(--oat)}.result-card.rank-1{transform:translateY(-12px)}.rank-badge{position:absolute;z-index:2;top:12px;left:12px;display:flex;align-items:baseline;gap:3px;padding:7px 11px;background:var(--sand);border-radius:999px;color:var(--moss)}.rank-badge span{font-size:.66rem;font-weight:700}.rank-badge strong{font-family:Fraunces,serif;font-size:1.4rem;line-height:1}.result-poster{position:relative;display:block;aspect-ratio:9/16;overflow:hidden;background:var(--moss)}.result-poster img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.result-poster:hover img{transform:scale(1.025)}.result-card-copy{padding:18px}.result-card-copy h3{min-height:2.4em;margin:6px 0;font-family:Fraunces,serif;font-size:1.18rem;line-height:1.15}.result-card-copy p{min-height:2.7em;margin:0;font-size:.72rem}.vote-total{display:flex;align-items:baseline;gap:6px;margin-top:18px;color:var(--terra)}.vote-total strong{font-family:Fraunces,serif;font-size:2rem;line-height:1}.vote-total span{font-size:.75rem;font-weight:700}.result-meter{height:7px;margin-top:9px;overflow:hidden;background:rgba(232,220,199,.7);border-radius:99px}.result-meter span{display:block;height:100%;background:var(--terra);border-radius:inherit}.other-results{margin-top:46px;padding:30px;background:var(--oat);border-radius:28px}.other-results h3{margin:0 0 16px;font-family:Fraunces,serif;font-size:1.65rem;color:var(--moss)}.ranking-list{display:grid;grid-template-columns:1fr 1fr;column-gap:42px;margin:0;padding:0;list-style:none}.ranking-list li{display:grid;grid-template-columns:28px 34px minmax(0,1fr) auto;align-items:center;gap:10px;padding:14px 0;border-top:1px solid rgba(62,58,45,.22)}.list-rank{font-family:Fraunces,serif;font-size:1.2rem;font-weight:800;color:var(--moss)}.list-number{font-size:.75rem;font-weight:700}.list-name{display:grid;min-width:0}.list-name strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.86rem}.list-name small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.68rem}.list-votes{font-size:.8rem;font-weight:700;color:var(--terra);font-variant-numeric:tabular-nums}
@media(max-width:1050px){.top-results{grid-template-columns:repeat(3,minmax(0,1fr))}.result-card.rank-1{transform:none}.top-results .result-card:nth-child(4),.top-results .result-card:nth-child(5){max-width:none}.ranking-list{grid-template-columns:1fr}}
@media(max-width:700px){.result-summary,.ranking-heading{display:grid;align-items:start}.ranking-heading>p{text-align:left}.top-results{grid-template-columns:1fr 1fr;gap:12px}.result-card:first-child{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.result-card:first-child .result-poster{aspect-ratio:9/16}.result-card-copy{padding:14px}.result-card-copy h3{font-size:1.05rem}.other-results{padding:22px 16px}.ranking-list li{grid-template-columns:25px 30px minmax(0,1fr) auto}.preview-notice{align-items:flex-start;display:grid;gap:3px}}

.vote-total em{margin-left:auto;color:var(--ink);font-size:.78rem;font-style:normal;font-weight:800}

/* Unify varied YouTube artwork with a soft Organic color wash. */
.card-poster img,.result-poster img{filter:none;transition:filter .4s ease,transform .4s ease}
.card-poster::after,.result-poster::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(160deg,rgba(45,52,29,.58),rgba(62,58,45,.48));transition:opacity .4s ease;opacity:1}
.video-card:hover .card-poster img,.result-poster:hover img{filter:none;transform:scale(1.025)}
.video-card:hover .card-poster::after,.result-poster:hover::after{opacity:0}
.card-poster .play-mark,.result-poster .play-mark{z-index:2;box-shadow:0 8px 24px rgba(62,58,45,.28)}

/* Campaign visual system: 綠照好時光 */
:root{--sand:#fde2d5;--oat:#f4d7c7;--sage:#a9bd92;--moss:#176735;--clay:#efaa91;--terra:#f0523e;--ochre:#ff8f1f;--ink:#243f2c;--radius:24px}
html,body{overflow-x:clip}body{background:#fbe7df;color:var(--ink)}
.nav{position:relative;z-index:5;background:rgba(253,226,213,.9);border-bottom-color:rgba(23,103,53,.16);backdrop-filter:blur(12px)}
.nav .brand{color:var(--terra);letter-spacing:.02em}.nav .brand span{color:var(--moss)}
.nav a:not(.brand){font-weight:700}.nav a:hover{color:var(--terra)}
.hero,.result-hero{position:relative;isolation:isolate;overflow:hidden;background:#fbd5c7;border-radius:0 0 48px 48px}
.hero::after,.result-hero::after{content:"";position:absolute;z-index:-1;left:0;right:0;bottom:-1px;height:min(52vw,590px);background:url('assets/campaign/four-seasons.png') center top/cover no-repeat;pointer-events:none}
.hero::before,.result-hero::before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(253,226,213,.98) 0%,rgba(253,226,213,.9) 42%,rgba(253,226,213,.25) 70%,rgba(253,226,213,.06) 100%)}
.hero{min-height:760px}.hero-inner,.result-hero-inner{position:relative;z-index:1;padding-top:clamp(74px,9vw,125px);padding-bottom:clamp(280px,29vw,410px)}
.hero h1,.result-hero h1{max-width:850px;color:var(--terra);font-size:clamp(4rem,8.2vw,8.6rem);line-height:.88;text-shadow:0 3px 0 rgba(255,255,255,.55)}
.hero h1>span,.result-hero h1>span{color:var(--moss)}
.hero h1 small,.result-hero h1 small{display:block;margin-top:22px;color:var(--ink);font-family:Epilogue,"Noto Sans TC",sans-serif;font-size:clamp(1.25rem,2.2vw,2.2rem);font-weight:700;letter-spacing:.04em;line-height:1.35;text-shadow:none}
.hero-meta,.result-summary{max-width:760px;margin-top:34px;padding:20px 24px;background:rgba(253,226,213,.84);border:1px solid rgba(23,103,53,.12);border-radius:22px;box-shadow:0 14px 35px rgba(85,64,34,.08);backdrop-filter:blur(9px)}
.hero-meta{grid-template-columns:minmax(260px,560px) auto;align-items:center}
.primary-link,.vote-button{background:var(--terra);color:#fff}.primary-link:hover,.vote-button:not(:disabled):hover{background:var(--moss)}
.status-bar{margin-top:-22px;position:relative;z-index:4;background:var(--moss);color:#fff;box-shadow:0 12px 30px rgba(23,103,53,.2)}
.works,.results-main{position:relative;background:#fbe7df}
.works::before,.results-main::before{content:"";position:absolute;z-index:0;right:-80px;top:150px;width:310px;aspect-ratio:1;background:url('assets/campaign/flower-leaves.png') center/contain no-repeat;opacity:.18;pointer-events:none}
.works>* ,.results-main>*{position:relative;z-index:1}
.section-heading h2,.ranking-heading h2{color:var(--moss)}
.category-tabs{background:#f5cbbc;box-shadow:inset 0 0 0 1px rgba(23,103,53,.08)}
.category-tab.active{background:var(--moss);color:#fff}.category-tab:not(.active):hover{background:#efaa91;color:var(--ink)}
.video-card{background:#f5cbbc;box-shadow:0 10px 24px rgba(85,64,34,.08)}.video-card:nth-child(3n+2){background:#efb69f}.video-card:nth-child(3n){background:#f0cfa8}
.rules{position:relative;overflow:hidden;background:var(--moss);color:#fff}.rules::after{content:"";position:absolute;right:-65px;bottom:-120px;width:380px;aspect-ratio:1;background:url('assets/campaign/winter.png') center/contain no-repeat;opacity:.17;pointer-events:none}.rules>*{position:relative;z-index:1}
.rules .eyebrow,.rules li span{color:#ffd59a}
.watch-dialog,.watch-info{background:#fde2d5}.progress{background:#f5cbbc}
footer{background:var(--moss);color:#fff}footer a{color:#fff}
.preview-notice{background:var(--ochre);color:#fff}.other-results{background:#f5cbbc}.result-card{background:#a9bd92}.result-card:nth-child(2){background:#efaa91}.result-card:nth-child(3){background:#e5bd72}.result-card:nth-child(4),.result-card:nth-child(5){background:#f4d7c7}
@media(max-width:800px){.hero{min-height:680px}.hero::after,.result-hero::after{height:400px;background-size:auto 100%;background-position:58% bottom}.hero::before,.result-hero::before{background:linear-gradient(180deg,rgba(253,226,213,.98) 0%,rgba(253,226,213,.86) 52%,rgba(253,226,213,.08) 78%)}.hero-inner,.result-hero-inner{padding-bottom:280px}.hero-meta{grid-template-columns:1fr}.works::before,.results-main::before{width:210px;right:-80px}}
@media(max-width:520px){.hero{min-height:650px}.hero-inner,.result-hero-inner{padding:56px 18px 260px}.hero h1,.result-hero h1{font-size:clamp(3.5rem,18vw,5.6rem)}.hero h1 small,.result-hero h1 small{font-size:1.05rem}.hero-meta,.result-summary{padding:16px;margin-top:24px}.hero::after,.result-hero::after{height:330px;background-position:52% bottom}.status-bar{margin-top:-14px}.rules::after{width:260px}}

.back-to-top{position:fixed;z-index:15;right:clamp(18px,3vw,42px);bottom:clamp(18px,3vw,36px);display:grid;width:54px;height:54px;place-items:center;background:var(--terra);color:#fff;border:3px solid #ffd8c8;border-radius:50%;box-shadow:0 12px 30px rgba(92,41,27,.3);text-decoration:none;transition:transform .35s ease,background .35s ease,box-shadow .35s ease}
.back-to-top svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.back-to-top:hover{background:var(--ochre);transform:translateY(-5px);box-shadow:0 16px 34px rgba(255,143,31,.34)}
.back-to-top:focus-visible{outline:3px solid var(--ochre);outline-offset:4px}
.site-footer{display:grid;grid-template-columns:1.25fr 1.25fr auto;align-items:center;gap:clamp(20px,3vw,48px);padding:28px clamp(22px,5vw,80px);background:var(--moss);color:#fff}
.footer-item{display:grid;gap:2px}.footer-item span{color:#ffd59a;font-size:.68rem;font-weight:700;letter-spacing:.08em}.footer-item strong{font-size:.82rem;line-height:1.45}.footer-copyright{margin:0;font-size:.72rem;white-space:nowrap}
@media(max-width:900px){.site-footer{grid-template-columns:1fr 1fr}.footer-copyright{white-space:normal}}
@media(max-width:520px){.back-to-top{right:14px;bottom:14px;width:48px;height:48px}.site-footer{grid-template-columns:1fr;gap:16px;padding-right:76px}.footer-copyright{padding-top:12px;border-top:1px solid rgba(255,255,255,.22)}}

.result-card .result-meter{height:9px;background:rgba(23,103,53,.2);box-shadow:inset 0 0 0 1px rgba(23,103,53,.3)}
.result-card .result-meter span{background:var(--terra);box-shadow:0 0 0 1px rgba(255,255,255,.35)}

.nav-menu{display:flex;align-items:center;gap:28px}.nav-toggle{display:none}

@media(max-width:800px){
  .nav{display:flex;flex-wrap:wrap;justify-content:space-between;gap:0;padding:14px}
  .nav .brand{margin:0;font-size:1.25rem}
  .nav-toggle{display:grid;width:42px;height:42px;place-items:center;padding:0;background:var(--terra);color:#fff;border:0;border-radius:14px;cursor:pointer}
  .nav-toggle svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}
  .nav-menu{display:none;flex:0 0 100%;margin-top:12px;padding:6px;background:rgba(253,226,213,.95);border:1px solid rgba(23,103,53,.14);border-radius:18px;box-shadow:0 12px 26px rgba(85,64,34,.1)}
  .nav-menu.open{display:grid}
  .nav .nav-menu a{display:block;padding:12px 14px;border-bottom:1px solid rgba(23,103,53,.12);font-size:.86rem;text-align:left}
  .nav .nav-menu a:last-child{border-bottom:0}
  .nav .nav-menu .current{color:var(--moss);border-left:4px solid var(--terra);border-bottom:0;background:#f5cbbc;border-radius:12px}
}

/* Results banner reuses the organizer artwork while retaining its own copy and summary card. */
.result-hero{
  background:#fae3db url('assets/campaign/banner/hero-desktop-bg.png') center top/100% auto no-repeat
}
.result-hero::before,
.result-hero::after{content:none}

@media(max-width:800px){
  .result-hero{
    background-image:url('assets/campaign/banner/hero-mobile-bg.png');
    background-position:center top;
    background-size:100% auto
  }
}
/* Four-vote flow and live rankings */
.rules-brief{max-width:1120px;margin:38px auto 0;padding:1.6rem 2rem;border:1px solid rgba(23,103,53,.15);border-radius:28px;background:rgba(255,250,244,.7)}.rules-brief-heading{display:flex;align-items:baseline;gap:1rem}.rules-brief-heading .eyebrow{margin:0;white-space:nowrap}.rules-brief h2{margin:0;color:var(--moss);font-family:Fraunces,serif;font-size:clamp(1.6rem,3vw,2.4rem)}.rules-brief ol{display:grid;grid-template-columns:repeat(4,1fr);gap:0;list-style:none;margin:1.35rem 0 0;padding:0;border-top:1px solid rgba(23,103,53,.14);border-bottom:1px solid rgba(23,103,53,.14)}.rules-brief li{display:flex;align-items:center;gap:.8rem;padding:1rem;border-right:1px solid rgba(23,103,53,.14)}.rules-brief li:last-child{border-right:0}.rules-brief li strong{color:var(--terra);font-family:Fraunces,serif;font-size:1.15rem;white-space:nowrap}.rules-brief li span{font-size:.78rem;font-weight:600;line-height:1.45}.rules-brief>p{margin:.8rem 0 0;color:#6a5d4e;font-size:.78rem}.works{padding-top:70px}.card-footer{justify-content:flex-start}.card-state{font-size:.8rem}
.close{width:44px;height:44px;display:grid;place-items:center;padding:0;border-radius:50%;transition:transform .25s ease,background .25s ease}.close svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.close:hover{transform:rotate(6deg) scale(1.06);background:#fff}.close:focus-visible{outline:3px solid var(--terra);outline-offset:3px}
.live-summary{max-width:1120px;margin:0 auto 5rem;padding:2.2rem;border:1px solid rgba(20,83,45,.16);border-radius:32px;background:rgba(255,250,244,.76);box-shadow:0 24px 70px rgba(69,54,32,.08)}
.live-summary .section-heading{display:flex;align-items:end;justify-content:space-between;gap:1.5rem}.summary-groups{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1.5rem}.summary-groups>div{padding:1.4rem;border-radius:22px;background:rgba(255,255,255,.65)}.summary-groups h3{margin:0 0 .8rem;color:var(--green,#075c37)}
.summary-list{list-style:none;padding:0;margin:0}.summary-list li{display:grid;grid-template-columns:2rem 1fr auto;gap:.75rem;align-items:center;padding:.85rem 0;border-bottom:1px solid rgba(20,83,45,.12)}.summary-list li:last-child{border:0}.summary-list li>strong{font:700 1.25rem Fraunces,serif;color:#ef4d37}.summary-list li>span{font-weight:700}.summary-list em{font-style:normal;text-align:right;font-size:.84rem;color:#6a5d4e}.results-updated{text-align:right;margin:.8rem 0 0;color:#6a5d4e;font-size:.82rem}
.video-card.voted{outline:3px solid #ef4d37;outline-offset:-3px}.replace-panel{padding:1rem;border-radius:15px;background:#fff3e8}.replace-panel strong{display:block;margin-bottom:.6rem}.replace-panel>div{display:grid;gap:.5rem}.replace-panel button{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;padding:.7rem .8rem;border:1px solid rgba(23,103,53,.22);border-radius:12px;background:rgba(255,250,246,.9);color:var(--moss);font:inherit;font-weight:700;text-align:left;cursor:pointer}.replace-panel button:hover,.replace-panel button:focus-visible{border-color:var(--moss);background:#fff}.replace-panel button em{flex:none;color:#b23b2d;font-size:.78rem;font-style:normal}.recaptcha-box{min-height:0;margin:.5rem 0}.demo-captcha{display:flex;align-items:center;gap:.75rem;width:min(304px,100%);padding:.8rem 1rem;border:1px solid #c8c8c8;background:#fafafa;color:#222}.demo-captcha input{width:24px;height:24px}.demo-captcha span{display:flex;flex-direction:column}.demo-captcha small{font-size:.7rem;color:#666}.cancel-vote-button{width:100%;padding:.85rem;border:1px solid #b23b2d;border-radius:999px;background:transparent;color:#9c2f23;font-weight:700;cursor:pointer}.cancel-vote-button:hover{background:#fff0eb}
@media(max-width:700px){.rules-brief{margin:24px 1rem 0;padding:1.25rem;border-radius:22px}.rules-brief-heading{display:block}.rules-brief-heading .eyebrow{margin-bottom:.25rem}.rules-brief ol{grid-template-columns:1fr 1fr}.rules-brief li:nth-child(2){border-right:0}.rules-brief li:nth-child(-n+2){border-bottom:1px solid rgba(23,103,53,.14)}.rules-brief>p{line-height:1.55}.works{padding-top:54px}.live-summary{margin:0 1rem 3rem;padding:1.25rem;border-radius:22px}.live-summary .section-heading{align-items:start;flex-direction:column}.summary-groups{grid-template-columns:1fr}.summary-list li{grid-template-columns:1.6rem 1fr auto}.status-bar{align-items:flex-start;gap:.35rem}.results-updated{text-align:left}}

/* Canva layout study — existing Organic assets, revised composition only */
.hero{min-height:800px}.hero::before{background:linear-gradient(180deg,rgba(253,226,213,.76) 0%,rgba(253,226,213,.4) 52%,rgba(253,226,213,.02) 80%)}
.hero-inner{display:flex;flex-direction:column;align-items:center;padding:clamp(88px,9vw,130px) 20px clamp(260px,27vw,390px);text-align:center}.hero-inner>.eyebrow{font-size:clamp(.9rem,1.4vw,1.2rem)}.hero h1{max-width:none;font-size:clamp(4.5rem,9vw,9rem);line-height:.95}
.hero-period{display:flex;align-items:center;justify-content:center;gap:14px;margin:28px 0 0;color:var(--moss);font-weight:700}.hero-period>span{font-size:.85rem;letter-spacing:.08em}.hero-period strong{display:flex;align-items:baseline;gap:7px;font:800 clamp(1.15rem,2vw,1.7rem) Fraunces,serif}.hero-period small{font:700 .68rem Epilogue,sans-serif}.hero-period i{width:42px;height:1px;background:var(--moss);position:relative}.hero-period i::after{content:"";position:absolute;right:-1px;top:-4px;border-left:8px solid var(--moss);border-top:4px solid transparent;border-bottom:4px solid transparent}
.hero-meta.hero-cta{display:grid;grid-template-columns:minmax(260px,420px) auto;max-width:690px;width:min(690px,92vw);margin-top:34px;padding:17px 18px 17px 28px;border-color:var(--moss);background:rgba(253,226,213,.9);text-align:left}.hero-cta p{font-size:.92rem;text-align:center}.hero-cta p strong{color:var(--moss);font-size:1.05rem}.hero-cta .primary-link{min-width:150px;text-align:center}
main{padding-top:1px}.rules-brief{max-width:1180px;margin:64px auto 0;padding:0 24px;border:0;background:transparent}.rules-brief-heading{display:block;text-align:center}.rules-brief-heading .eyebrow{margin:0 0 6px}.rules-brief h2{font-size:clamp(2rem,4vw,3.5rem)}.rules-brief ol{gap:14px;margin-top:34px;border:0}.rules-brief li{min-height:126px;display:flex;flex-direction:column;justify-content:center;gap:6px;padding:18px;border:1px solid rgba(23,103,53,.22);border-radius:22px;background:rgba(253,226,213,.72);text-align:center;box-shadow:0 10px 26px rgba(85,64,34,.06)}.rules-brief li strong{font-size:clamp(1.25rem,2vw,1.65rem)}.rules-brief li span{font-size:.82rem}.rules-brief>p{text-align:center;margin-top:16px}
.works{max-width:1320px;margin:0 auto;padding:100px 36px 110px}.works::before{top:70px}.works>.section-heading{display:block;text-align:center}.works .section-intro{margin:12px auto 0}.works .category-tabs{max-width:780px;margin:42px auto 18px}.works .status-bar{max-width:780px;margin:0 auto 42px;padding:12px 20px;border-radius:16px;box-shadow:none;font-size:.78rem}.group-heading{margin-bottom:26px}.video-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:22px}.video-card{border:1px solid rgba(23,103,53,.14);background:#f4d7c7!important;box-shadow:0 12px 28px rgba(85,64,34,.08)}.video-card:hover{box-shadow:0 18px 36px rgba(85,64,34,.14)}.card-content{padding:18px 18px 16px}.card-footer{margin-top:14px}.card-state{display:block;width:100%;padding:8px 10px;border-radius:10px;background:rgba(23,103,53,.08);color:var(--moss);text-align:center}
.live-summary{max-width:1180px;margin:0 auto 90px;padding:42px;border-color:rgba(23,103,53,.22);background:#f4d7c7;box-shadow:none}.live-summary .section-heading h2{font-size:clamp(2.2rem,4vw,3.8rem)}.summary-groups>div{background:rgba(253,226,213,.64)}
.result-hero-inner{display:flex;flex-direction:column;align-items:center;text-align:center}.result-hero h1{max-width:none}.result-summary{width:min(760px,92vw);text-align:left}.results-main{max-width:1400px;margin:0 auto}
@media(max-width:1100px){.video-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:800px){.hero{min-height:700px}.hero-inner{padding:68px 18px 275px}.hero h1{font-size:clamp(3.8rem,16vw,6rem)}.hero-period{flex-wrap:wrap;gap:9px}.hero-period i{width:24px}.hero-meta.hero-cta{grid-template-columns:1fr;text-align:center;padding:18px}.rules-brief ol{grid-template-columns:1fr 1fr}.rules-brief li{border-right:1px solid rgba(23,103,53,.22)!important;border-bottom:1px solid rgba(23,103,53,.22)!important}.works{padding:72px 18px 80px}.video-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.live-summary{margin:0 18px 60px;padding:26px}}
@media(max-width:520px){.hero{min-height:660px}.hero-inner{padding-top:48px}.hero-period>span{width:100%}.hero-cta p{font-size:.84rem}.rules-brief{padding:0 14px;margin-top:48px}.rules-brief ol{gap:10px}.rules-brief li{min-height:112px;padding:12px}.rules-brief li strong{font-size:1.15rem}.rules-brief li span{font-size:.72rem}.works .category-tabs{margin-top:30px}.works .status-bar{margin-bottom:30px;padding:11px 14px}.card-content{padding:13px}.live-summary{margin-inline:14px;padding:20px}}

/* Approved Canva composition: editorial hero + 2 × 2 rules */
.hero{min-height:920px}.hero::before{background:linear-gradient(90deg,rgba(253,226,213,.9) 0%,rgba(253,226,213,.72) 55%,rgba(253,226,213,.2) 100%)}.hero::after{height:min(45vw,520px);background-position:center bottom}
.hero-inner{align-items:flex-start;max-width:1220px;margin:0 auto;padding:clamp(76px,8vw,116px) 42px clamp(250px,25vw,360px);text-align:left}.hero-inner>.eyebrow{margin-bottom:22px;font-size:clamp(1.15rem,2.1vw,1.8rem)}.hero h1{font-size:clamp(5.2rem,10vw,10rem);letter-spacing:-.055em}.hero-period{justify-content:flex-start;width:100%;gap:18px;margin-top:22px}.hero-period>span{font-size:clamp(.9rem,1.5vw,1.25rem)}.hero-period i{flex:0 1 210px;max-width:210px}.hero-meta.hero-cta{display:flex;flex-direction:column;justify-content:center;gap:24px;width:100%;max-width:none;min-height:245px;margin-top:64px;padding:34px;border-radius:72px;background:rgba(255,250,246,.86);text-align:center}.hero-cta p{font-size:clamp(1.15rem,2vw,1.7rem);line-height:1.45}.hero-cta p strong{font-size:inherit;color:#748179}.hero-cta .primary-link{width:min(350px,80%);padding:18px 28px;font-size:clamp(1.15rem,1.7vw,1.45rem)}.hero-scroll{align-self:center;display:grid;width:42px;height:42px;place-items:center;margin-top:4px;color:#ec6670}.hero-scroll svg{width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.rules-brief{max-width:870px;margin:80px auto 0;padding:0 24px}.rules-brief-heading h2{font-size:clamp(3rem,6vw,5rem)}.rules-brief ol{grid-template-columns:1fr 1fr;gap:42px 34px;margin-top:54px}.rules-brief li{min-height:278px;justify-content:flex-start;gap:0;padding:0 10px 24px;border-color:var(--moss);border-radius:42px;overflow:hidden;background:rgba(255,250,246,.82);box-shadow:none}.rules-brief li strong{display:grid;width:100%;min-height:116px;place-items:center;padding:18px 8px;border-bottom:2px dashed rgba(240,82,62,.14);color:#ec6670;font-family:Epilogue,"Noto Sans TC",sans-serif;font-size:clamp(2rem,4vw,3.25rem);line-height:1.1}.rules-brief li span{display:grid;flex:1;place-items:center;padding:24px 12px 4px;color:#748179;font-size:clamp(1.15rem,2.4vw,1.75rem);font-weight:700;line-height:1.45;text-align:center}.rules-brief>p{margin-top:30px;color:#748179;font-size:clamp(.78rem,1.5vw,1rem);font-weight:600}
@media(max-width:800px){.hero{min-height:810px}.hero::before{background:linear-gradient(180deg,rgba(253,226,213,.92) 0%,rgba(253,226,213,.75) 55%,rgba(253,226,213,.08) 82%)}.hero::after{height:340px}.hero-inner{align-items:flex-start;padding:58px 24px 260px}.hero-inner>.eyebrow{font-size:1rem}.hero h1{font-size:clamp(4rem,17vw,6.4rem)}.hero-period{gap:10px;flex-wrap:nowrap}.hero-period>span{width:auto;font-size:.78rem}.hero-period strong{font-size:1.1rem}.hero-period i{flex-basis:40px}.hero-meta.hero-cta{min-height:210px;margin-top:42px;padding:24px;border-radius:46px}.hero-cta p{font-size:1rem}.rules-brief{max-width:680px;margin-top:64px}.rules-brief ol{gap:20px;margin-top:36px}.rules-brief li{min-height:220px;border-right:1px solid var(--moss)!important;border-bottom:1px solid var(--moss)!important;border-radius:32px}.rules-brief li strong{min-height:88px;font-size:clamp(1.45rem,6vw,2.3rem)}.rules-brief li span{padding-top:18px;font-size:clamp(.92rem,3.5vw,1.35rem)}}
@media(max-width:520px){.hero{min-height:760px}.hero-inner{padding:48px 16px 245px}.hero h1{font-size:clamp(3.55rem,17vw,5rem)}.hero-period{flex-wrap:wrap}.hero-period>span{width:100%}.hero-meta.hero-cta{min-height:190px;margin-top:32px;padding:20px 16px;border-radius:38px}.hero-cta .primary-link{width:92%}.rules-brief{padding:0 14px}.rules-brief-heading h2{font-size:2.8rem}.rules-brief ol{gap:12px}.rules-brief li{min-height:188px;border-radius:26px}.rules-brief li strong{min-height:78px;padding:12px 4px;font-size:1.35rem}.rules-brief li span{padding:14px 5px 2px;font-size:.88rem}.rules-brief>p{margin-top:22px;line-height:1.6}}

/* Canva works header: centered title, segmented group switch, quota at right */
.works{max-width:none;padding-top:98px}.works>.section-heading{position:relative;z-index:2}.works>.section-heading h2{font-size:clamp(3.2rem,6vw,5.8rem)}.works-subtitle{margin:6px 0 0;color:var(--moss);font-size:clamp(1.25rem,2.5vw,2rem);font-weight:800}.works .category-tabs{width:min(820px,78vw);max-width:none;margin:34px auto 10px;padding:10px;border-radius:42px}.works .category-tab{min-height:130px;display:flex;flex-direction:column;gap:6px;border-radius:36px}.works .category-tab span{font-size:clamp(2rem,3.5vw,3.2rem)}.works .category-tab small{font-size:clamp(.9rem,1.5vw,1.25rem)}.works .status-bar{max-width:1220px;margin:0 auto 12px;padding:0 8px;justify-content:flex-end;background:transparent;color:var(--moss);box-shadow:none;font-size:clamp(.9rem,1.4vw,1.15rem)}.works #activityStatus{display:none}.works #voteStatus{font-weight:800}.works::after{content:"";position:absolute;z-index:0;left:-80px;top:150px;width:310px;aspect-ratio:1;background:url('assets/campaign/flower-leaves.png') center/contain no-repeat;opacity:.18;pointer-events:none;transform:scaleX(-1)}.works .group-heading{max-width:1248px;margin:0 auto 26px}.works .video-grid{max-width:1248px;margin:0 auto}
@media(max-width:800px){.works{padding-top:74px}.works .category-tabs{width:min(680px,94vw);border-radius:32px}.works .category-tab{min-height:100px;border-radius:27px}.works .category-tab span{font-size:1.9rem}.works .category-tab small{font-size:.85rem}.works .status-bar{padding-inline:16px;margin-bottom:14px}.works::after{left:-80px;top:150px;width:210px;opacity:.18}}
@media(max-width:520px){.works>.section-heading h2{font-size:3rem}.works-subtitle{font-size:1.2rem}.works .category-tabs{margin-top:26px;padding:7px;border-radius:25px}.works .category-tab{min-height:84px;border-radius:20px}.works .category-tab span{font-size:1.45rem}.works .category-tab small{font-size:.68rem}.works .status-bar{align-items:flex-end;padding-right:18px;font-size:.8rem}.works::after{display:none}}

/* Canva entry cards: numbered portrait, watch state and live vote count */
.works .video-card{overflow:hidden;border:2px solid transparent;border-radius:38px;background:#f5d1c9!important;box-shadow:none;transition:border-color .25s ease,transform .3s ease,box-shadow .3s ease}.works .video-card:hover{box-shadow:0 16px 30px rgba(85,64,34,.14)}.works .video-card.voted{border:5px solid #EA6872}.works .card-poster{overflow:hidden;border-radius:34px 34px 0 0;background:#172315}.works .card-poster::after{background:rgba(18,28,17,.16)}.works .video-card:hover .card-poster::after{background:transparent}.works .video-number{position:absolute;z-index:3;top:18px;left:18px;display:grid;width:64px;height:64px;place-items:center;border-radius:50%;background:#f8d8d2;color:var(--moss);font-family:Fraunces,serif;font-size:1.65rem;font-weight:800;line-height:1}.works .card-state{position:absolute;z-index:3;bottom:22px;left:50%;width:auto;min-width:142px;padding:10px 20px;border:1px solid transparent;border-radius:999px;background:#fae4db;color:#748179;font-size:.95rem;font-weight:800;text-align:center;transform:translateX(-50%);transition:color .35s ease,background .35s ease,border-color .35s ease,box-shadow .35s ease,transform .35s ease;white-space:nowrap}.works .video-card:not(.voted):hover .card-state,.works .video-card:not(.voted):focus-visible .card-state{border-color:rgba(255,255,255,.5);background:#EA6872;color:#fff;box-shadow:0 10px 24px rgba(234,104,114,.32);transform:translateX(-50%) translateY(-5px) scale(1.05)}.works .video-card.voted .card-state{background:#EA6872;color:#fff}.works .card-content{min-height:190px;padding:22px 22px 18px}.works .video-card h3{margin:0;color:var(--moss);font-size:1.45rem;line-height:1.2}.works .video-card .team{min-height:auto;margin-top:4px;color:#748179;font-size:.9rem;font-weight:700}.works .card-votes{display:block;margin-top:auto;padding-top:24px;color:#EA6872;font-size:1.15rem;text-align:center}.works .video-card.voted .card-poster{border-radius:29px 29px 0 0}
@media(max-width:800px){.works .video-card{border-radius:30px}.works .card-poster{border-radius:28px 28px 0 0}.works .video-number{top:14px;left:14px;width:52px;height:52px;font-size:1.35rem}.works .card-state{bottom:16px;min-width:112px;padding:8px 14px;font-size:.78rem}.works .card-content{min-height:170px;padding:18px 16px 15px}.works .video-card h3{font-size:1.15rem}.works .card-votes{padding-top:18px;font-size:1rem}}
@media(max-width:520px){.works .video-number{top:10px;left:10px;width:42px;height:42px;font-size:1.1rem}.works .card-state{bottom:12px;min-width:96px;padding:7px 10px;font-size:.68rem}.works .card-content{min-height:145px;padding:14px 12px 12px}.works .video-card h3{font-size:1rem}.works .video-card .team{font-size:.72rem}.works .card-votes{padding-top:14px;font-size:.9rem}}

/* Canva hero typography: centered hierarchy and split campaign colors */
.hero-inner{align-items:center;max-width:1180px;padding:clamp(90px,8vw,135px) 28px clamp(250px,25vw,360px);text-align:center}.hero-inner>.eyebrow{display:flex;align-items:center;justify-content:center;gap:.28em;margin-bottom:22px;color:var(--moss);font-size:clamp(1.1rem,2vw,1.75rem);letter-spacing:.02em}.hero-inner>.eyebrow i{font-style:normal}.hero-inner>.eyebrow strong{color:#EA6872}.hero h1{display:flex;justify-content:center;max-width:none;color:var(--moss);font-size:clamp(5rem,9vw,9rem);letter-spacing:-.055em}.hero h1 em{color:#EA6872;font-style:normal}.hero-period{justify-content:center;max-width:820px;gap:14px;margin-top:22px}.hero-period>span{font-size:clamp(.95rem,1.5vw,1.25rem);white-space:nowrap}.hero-period i{flex:1 1 150px;max-width:210px}.hero-period b{width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:13px solid var(--moss)}.hero-meta.hero-cta{width:min(760px,92vw);min-height:255px;margin-top:58px;padding:34px;border-radius:72px;background:rgba(255,250,246,.9)}.hero-cta p,.hero-cta p strong{color:#748179}.hero-cta .primary-link{background:#EA6872}.hero-cta .primary-link:hover{background:var(--moss)}
@media(max-width:800px){.hero-inner{align-items:center;padding:60px 20px 270px;text-align:center}.hero h1{font-size:clamp(4rem,16vw,6.4rem)}.hero-period{justify-content:center;flex-wrap:nowrap}.hero-period i{flex-basis:70px}.hero-meta.hero-cta{min-height:210px;margin-top:42px}}
@media(max-width:520px){.hero-inner>.eyebrow{gap:.18em;font-size:.92rem}.hero h1{font-size:clamp(3.35rem,16vw,4.8rem)}.hero-period{display:grid;grid-template-columns:auto 1fr auto auto auto;width:100%;gap:7px}.hero-period>span{width:auto;font-size:.72rem}.hero-period strong{font-size:.95rem}.hero-period small{font-size:.56rem}.hero-period i{width:auto}.hero-period b{border-top-width:6px;border-bottom-width:6px;border-left-width:9px}.hero-meta.hero-cta{width:100%;min-height:190px;margin-top:34px;border-radius:38px}}
.hero-period i::after{display:none}

/* Canva live ranking: two soft group panels with pill-shaped rows */
.live-summary{max-width:1420px;margin:0 auto 100px;padding:48px 64px 30px;border:1px solid var(--moss);border-radius:62px;background:rgba(255,250,246,.9)}.live-summary .section-heading{align-items:center}.live-title-row{display:flex;align-items:baseline;gap:16px}.live-summary .section-heading h2{color:var(--moss);font-size:clamp(2.8rem,4.6vw,4.8rem)}.live-title-row>span{color:#748179;font-size:1rem;font-weight:800}.live-summary .primary-link{padding:12px 22px;background:#EA6872}.live-summary .primary-link:hover{background:var(--moss)}.summary-groups{gap:42px;margin-top:36px}.summary-groups>div{padding:28px 34px 44px;border-radius:48px;background:#f4ccc6}.summary-groups>div:nth-child(2){background:#d8e7d7}.summary-groups h3{margin:0 0 28px;color:#EA6872;font-size:clamp(1.55rem,2.4vw,2.2rem)}.summary-groups>div:nth-child(2) h3{color:var(--moss)}.summary-list{display:grid;gap:18px}.summary-list li{position:relative;grid-template-columns:76px minmax(0,1fr) auto;min-height:76px;gap:22px;padding:12px 24px 12px 0;border:0;border-radius:999px;background:rgba(255,250,246,.96)}.summary-list li>strong{display:grid;width:76px;height:76px;place-items:center;margin-left:-1px;border-radius:50%;background:#EA6872;color:#fff;font:800 2rem Fraunces,serif}.summary-groups>div:nth-child(2) .summary-list li>strong{background:var(--moss)}.summary-list li>span{overflow:hidden;color:var(--moss);font-size:clamp(.92rem,1.3vw,1.18rem);font-weight:800;text-overflow:ellipsis;white-space:nowrap}.summary-list em{color:#748179;font-size:.84rem;font-weight:700;line-height:1.35}.results-updated{margin:36px 0 0;color:#748179;font-size:.88rem;font-weight:700;text-align:center}.summary-timestamp{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:900px){.live-summary{margin-inline:18px;padding:36px 28px 28px;border-radius:42px}.summary-groups{grid-template-columns:1fr;gap:20px}.summary-groups>div{padding:24px 20px 30px;border-radius:34px}.summary-list li{grid-template-columns:58px minmax(0,1fr) auto;min-height:58px;gap:12px;padding-right:14px}.summary-list li>strong{width:58px;height:58px;font-size:1.5rem}.summary-list li>span{font-size:.85rem}.summary-list em{font-size:.7rem}}
@media(max-width:700px){.live-summary .section-heading{display:flex;align-items:center;flex-direction:row}.live-title-row{display:block}.live-title-row>span{display:block;margin-top:4px;font-size:.78rem}.summary-groups{grid-template-columns:1fr;margin-top:28px}.live-summary .primary-link{padding:10px 15px;font-size:.78rem}}
@media(max-width:420px){.live-summary{margin-inline:12px;padding:28px 14px 24px;border-radius:32px}.live-summary .section-heading h2{font-size:2rem}.summary-groups>div{padding:20px 12px 24px}.summary-list li{grid-template-columns:48px minmax(0,1fr) auto;min-height:48px;gap:8px;padding-right:10px}.summary-list li>strong{width:48px;height:48px;font-size:1.25rem}.summary-list li>span{font-size:.74rem}.summary-list em{font-size:.62rem}.results-updated{font-size:.72rem}}

/* Official campaign and organization marks */
.nav .brand{display:flex;align-items:center;line-height:0}.brand-logo{display:block;width:clamp(150px,15vw,210px);height:auto}.footer-organization{align-content:center}.footer-organization img{display:block;width:100%;height:48px;object-fit:contain;object-position:left center}.footer-organization:first-child img{max-width:360px;height:64px}.footer-organization:nth-child(2) img{max-width:280px}
@media(max-width:900px){.footer-organization img{height:44px}}
@media(max-width:520px){.brand-logo{width:150px}.footer-organization img{width:min(100%,320px);height:46px}.footer-organization:first-child img{height:56px}}

/* Marked layout refinements */
.works .category-tab{align-items:center;text-align:center}.works .group-heading{justify-content:flex-end;min-height:58px}.works .group-heading>div{display:none}.works .group-heading strong{color:var(--moss);font-size:clamp(1.1rem,1.8vw,1.4rem)}
.summary-list li{height:86px;min-height:86px;padding:0 24px 0 0}.summary-list li>strong{align-self:stretch;width:86px;height:86px}
.summary-list li>em{display:grid;min-width:72px;gap:4px;justify-items:end;line-height:1.1;white-space:nowrap}.summary-list li>em b,.summary-list li>em small{display:block;font:inherit}.summary-list li>em small{opacity:.9}
@media(max-width:900px){.summary-list li{height:72px;min-height:72px;padding-block:0}.summary-list li>strong{width:72px;height:72px}.works .group-heading strong{font-size:1.2rem}}
@media(max-width:420px){.summary-list li{height:60px;min-height:60px}.summary-list li>strong{width:60px;height:60px}.works .group-heading{min-height:50px}.works .group-heading strong{font-size:1.05rem}}

/* Full-width entry card area */
.works{padding-inline:clamp(18px,3vw,54px)}.works .group-heading,.works .video-grid{width:100%;max-width:none}

/* Results page aligned with the home page visual system */
.result-hero{min-height:780px}.result-hero-inner{display:flex;align-items:center;max-width:1180px;margin:0 auto;padding:clamp(88px,8vw,125px) 28px clamp(270px,26vw,380px);text-align:center}.result-hero-inner>.eyebrow{display:flex;align-items:center;gap:.28em;margin-bottom:22px;color:var(--moss);font-size:clamp(1.1rem,2vw,1.65rem);letter-spacing:.02em}.result-hero-inner>.eyebrow i{font-style:normal}.result-hero-inner>.eyebrow strong{color:#EA6872}.result-hero h1{display:flex;flex-wrap:wrap;justify-content:center;max-width:none;color:var(--moss);font-size:clamp(4.5rem,8vw,8rem)}.result-hero h1 em{color:#EA6872;font-style:normal}.result-hero h1 small{flex-basis:100%;margin-top:18px;color:var(--moss);font-size:clamp(1.35rem,2.2vw,2rem)}.result-summary{width:min(900px,92vw);max-width:none;margin-top:38px;padding:22px 28px;border:1px solid var(--moss);border-radius:34px;background:rgba(255,250,246,.9);box-shadow:none}.result-summary p:first-child{color:#748179;font-weight:700}.result-summary p:last-child{color:var(--moss)}
.results-main{max-width:none;padding:58px clamp(18px,3vw,54px) 110px}.preview-notice{max-width:1420px;margin:0 auto 46px;padding:18px 24px;border:1px solid rgba(234,104,114,.45);border-radius:24px;background:#f4ccc6;color:var(--moss)}.preview-notice strong{color:#EA6872}.result-tabs{width:min(820px,78vw);max-width:none;margin:0 auto 64px;padding:10px;border-radius:42px}.result-tabs .category-tab{min-height:120px;align-items:center;flex-direction:column;gap:6px;border-radius:34px;text-align:center}.result-tabs .category-tab span{font-size:clamp(2rem,3.2vw,3rem)}.result-tabs .category-tab small{font-size:clamp(.85rem,1.4vw,1.1rem)}
.ranking-heading{max-width:1420px;margin:0 auto 34px}.ranking-heading .eyebrow{margin-bottom:8px;color:#EA6872}.ranking-heading h2{color:var(--moss);font-size:clamp(3rem,5vw,5rem)}.ranking-heading>p{color:#748179;font-weight:700}.top-results{max-width:none;grid-template-columns:repeat(5,minmax(0,1fr));gap:22px}.result-card,.result-card:nth-child(n){overflow:hidden;border:2px solid transparent;border-radius:38px;background:#f5d1c9;box-shadow:none}.result-card.rank-1{transform:none}.rank-badge{top:18px;left:18px;display:grid;width:64px;height:64px;place-items:center;padding:0;border-radius:50%;background:#f8d8d2;color:var(--moss)}.rank-badge strong{font-size:1.7rem}.result-poster{border-radius:34px 34px 0 0}.result-card-copy{display:flex;min-height:210px;flex-direction:column;padding:22px}.result-card-copy h3{min-height:auto;margin:4px 0;color:var(--moss);font-size:1.35rem}.result-card-copy p{min-height:auto;margin-bottom:14px;color:#748179;font-weight:700}.vote-total{margin-top:auto;color:#EA6872}.vote-total em{margin-left:auto;color:#748179;font-size:.78rem;font-style:normal}.result-meter{background:rgba(234,104,114,.16)}.result-meter span{background:#EA6872}
.other-results{max-width:1420px;margin:54px auto 0;padding:36px;border-radius:48px;background:#f4ccc6}.other-results h3{color:#EA6872;font-size:2rem}.results-main [data-category="team"] .other-results{background:#d8e7d7}.results-main [data-category="team"] .other-results h3{color:var(--moss)}.ranking-list{gap:14px 24px}.ranking-list li{min-height:72px;padding:0 18px 0 0;border:0;border-radius:999px;background:rgba(255,250,246,.96)}.list-rank{display:grid;width:72px;height:72px;place-items:center;border-radius:50%;background:#EA6872;color:#fff}.results-main [data-category="team"] .list-rank{background:var(--moss)}.list-number{color:var(--moss);font-weight:800}.list-name strong{color:var(--moss)}.list-votes{color:#EA6872}
@media(max-width:1100px){.top-results{grid-template-columns:repeat(4,minmax(0,1fr))}.ranking-list{grid-template-columns:1fr}}
@media(max-width:800px){.result-hero{min-height:700px}.result-hero-inner{padding:62px 20px 280px}.result-hero h1{font-size:clamp(3.7rem,15vw,6rem)}.result-summary{display:grid;gap:8px;text-align:center}.result-tabs{width:min(680px,94vw);margin-bottom:46px;border-radius:32px}.result-tabs .category-tab{min-height:96px;border-radius:27px}.top-results{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.ranking-heading{align-items:flex-start}.ranking-heading>p{text-align:left}.other-results{padding:24px;border-radius:34px}.ranking-list li{min-height:64px}.list-rank{width:64px;height:64px}}
@media(max-width:520px){.result-hero-inner>.eyebrow{font-size:.92rem}.result-hero h1{font-size:clamp(3.2rem,15vw,4.7rem)}.result-summary{padding:18px 16px}.results-main{padding-inline:14px}.preview-notice{display:grid;margin-bottom:30px}.result-tabs{padding:7px}.result-tabs .category-tab{min-height:82px}.result-tabs .category-tab span{font-size:1.4rem}.result-tabs .category-tab small{font-size:.66rem}.ranking-heading{display:grid;gap:14px}.ranking-heading h2{font-size:2.7rem}.result-card{border-radius:28px}.rank-badge{top:12px;left:12px;width:48px;height:48px}.rank-badge strong{font-size:1.3rem}.result-card-copy{min-height:170px;padding:15px}.result-card-copy h3{font-size:1.05rem}.vote-total strong{font-size:1.45rem}.other-results{padding:20px 12px}.ranking-list li{grid-template-columns:56px 30px minmax(0,1fr) auto;min-height:56px;padding-right:10px}.list-rank{width:56px;height:56px}.list-name strong{font-size:.76rem}.list-votes{font-size:.68rem}}

/* Results corrections: match home title exactly and prevent ranking overlap */
.result-hero-inner{padding:clamp(90px,8vw,135px) 28px clamp(270px,26vw,380px)}.result-hero-inner>.eyebrow{font-size:clamp(1.1rem,2vw,1.75rem)}.result-hero h1{font-size:clamp(5rem,9vw,9rem);line-height:.95;letter-spacing:-.055em}.result-title-subtitle{margin:18px 0 0;color:var(--moss);font-size:clamp(1.35rem,2.2vw,2rem);font-weight:800;letter-spacing:.04em}.ranking-list li{grid-template-columns:72px 42px minmax(0,1fr) auto}.list-number{position:relative;z-index:1;text-align:center}
@media(max-width:800px){.result-hero-inner{padding:60px 20px 280px}.result-hero-inner>.eyebrow{font-size:1rem}.result-hero h1{font-size:clamp(4rem,16vw,6.4rem)}.ranking-list li{grid-template-columns:64px 38px minmax(0,1fr) auto}}
@media(max-width:520px){.result-hero-inner>.eyebrow{font-size:.92rem}.result-hero h1{font-size:clamp(3.35rem,16vw,4.8rem)}.result-title-subtitle{font-size:1.05rem}.ranking-list li{grid-template-columns:56px 34px minmax(0,1fr) auto}}
@media(min-width:1101px){.ranking-list{grid-template-rows:repeat(5,auto);grid-auto-flow:column}}

/* Custom vote confirmation dialog */
.confirm-dialog{width:min(500px,calc(100vw - 32px));padding:36px;border:1px solid rgba(23,103,53,.28);border-radius:36px;background:#f9ded4;color:var(--moss);box-shadow:0 28px 80px rgba(47,54,37,.28);text-align:center}.confirm-dialog[open]{animation:confirm-in .28s ease-out}.confirm-dialog::backdrop{background:rgba(35,42,29,.62);backdrop-filter:blur(5px)}.confirm-mark{display:grid;width:68px;height:68px;place-items:center;margin:0 auto 18px;border-radius:50%;background:#EA6872;color:#fff}.confirm-mark svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}.confirm-eyebrow{margin:0 0 6px;color:#EA6872;font-size:.78rem;font-weight:800;letter-spacing:.08em}.confirm-copy h2{margin:0;font-family:Fraunces,serif;font-size:2.45rem;line-height:1.15}.confirm-copy #confirmMessage{margin:16px auto 0;max-width:380px;color:#66766d;font-weight:700;line-height:1.7;white-space:pre-line}.confirm-actions{display:grid;grid-template-columns:1fr 1.4fr;gap:12px;margin-top:28px}.confirm-actions button{min-height:52px;border-radius:999px;font:800 .95rem Epilogue,"Noto Sans TC",sans-serif;cursor:pointer;transition:transform .25s ease,background .25s ease,box-shadow .25s ease}.confirm-secondary{border:1px solid var(--moss);background:transparent;color:var(--moss)}.confirm-primary{border:1px solid #EA6872;background:#EA6872;color:#fff;box-shadow:0 9px 22px rgba(234,104,114,.25)}.confirm-actions button:hover,.confirm-actions button:focus-visible{transform:translateY(-2px)}.confirm-secondary:hover,.confirm-secondary:focus-visible{background:rgba(23,103,53,.09)}.confirm-primary:hover,.confirm-primary:focus-visible{background:var(--moss);border-color:var(--moss);box-shadow:0 9px 22px rgba(23,103,53,.22)}.confirm-dialog[data-tone="cancel"] .confirm-mark,.confirm-dialog[data-tone="cancel"] .confirm-primary{background:var(--moss);border-color:var(--moss)}
@keyframes confirm-in{from{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:none}}
@media(max-width:520px){.confirm-dialog{padding:28px 20px;border-radius:30px}.confirm-mark{width:58px;height:58px}.confirm-copy h2{font-size:2rem}.confirm-actions{grid-template-columns:1fr}.confirm-primary{order:-1}}
@media(prefers-reduced-motion:reduce){.confirm-dialog[open]{animation:none}.confirm-actions button{transition:none}}

/* Full-height portrait viewing experience */
.watch-dialog{--portrait-player-width:min(590.625px,calc(56.25dvh - 27px));width:min(calc(var(--portrait-player-width) + 720px),calc(100vw - 48px));height:min(1050px,calc(100dvh - 48px));max-width:none;max-height:none;border:1px solid rgba(23,103,53,.2);border-radius:30px;grid-template-columns:minmax(0,var(--portrait-player-width)) minmax(0,1fr);background:#f9ded4;box-shadow:0 32px 90px rgba(35,42,29,.35)}
.watch-dialog .player-wrap{background:#172315}
.watch-dialog .close{top:20px;right:20px;width:48px;height:48px;padding:12px;border:1px solid rgba(23,103,53,.18);background:rgba(255,250,246,.94);color:var(--moss)}
.watch-dialog .close svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.watch-info{justify-content:flex-start;gap:18px;padding:clamp(44px,3.8vw,66px);background:radial-gradient(circle at 45% 48%,rgba(255,255,255,.56),transparent 55%),#f7d5cf}
.watch-dialog[data-category="team"] .watch-info{background:radial-gradient(circle at 45% 48%,rgba(255,255,255,.6),transparent 58%),#dcebdc}
.watch-heading{margin-top:clamp(58px,10vh,105px)}
.watch-heading .eyebrow{margin:0 0 10px;color:#EA6872;font-size:clamp(1.15rem,1.4vw,1.45rem);letter-spacing:.04em}
.watch-dialog[data-category="team"] .watch-heading .eyebrow{color:var(--moss)}
.watch-info h2{color:var(--moss);font-size:clamp(1.9rem,2.2vw,2.5rem);line-height:1.16;letter-spacing:-.02em}
.watch-heading #dialogTeam{margin:13px 0 0;color:#748179;font-size:clamp(.95rem,1.15vw,1.2rem);font-weight:700}
.watch-info .progress-block{margin-top:auto}
.watch-info .progress-label{align-items:end;color:var(--moss);font-size:clamp(.95rem,1.15vw,1.15rem);font-weight:800}
.watch-info .progress-label strong{font-size:clamp(1.75rem,2.15vw,2.25rem);line-height:1}
.watch-info .progress{height:13px;margin-top:11px;background:rgba(255,250,246,.86)}
.watch-info .progress span{background:#EA6872}
.watch-dialog[data-category="team"] .progress span{background:var(--moss)}
.watch-info #progressHint{margin:12px 0 0;color:#748179;font-size:clamp(.82rem,.9vw,.95rem);font-weight:700}
.watch-info .vote-button{width:100%;min-height:58px;padding:12px 22px;background:#EA6872;color:#fff;font-size:clamp(.95rem,1.1vw,1.1rem)}
.watch-dialog[data-category="team"] .vote-button:not(:disabled){background:var(--moss)}
.watch-info .vote-button:disabled{background:rgba(255,250,246,.92);color:#748179;opacity:1;cursor:not-allowed}
.watch-info .cancel-vote-button{align-self:center;min-height:58px;padding:12px 22px;font-size:clamp(.95rem,1.1vw,1.1rem);line-height:1.2}
.watch-info .recaptcha-box{display:flex;min-height:78px;margin:8px 0;align-items:center}
.watch-info .recaptcha-box:not(.captcha-visible)>*{visibility:hidden;pointer-events:none}
.video-pagination{display:flex;align-items:center;justify-content:space-between;margin-top:6px}
.video-pagination button{display:flex;align-items:center;gap:9px;border:0;background:transparent;color:#66766d;font:800 clamp(.9rem,1.05vw,1.05rem) Epilogue,"Noto Sans TC",sans-serif;cursor:pointer;transition:color .25s ease,transform .25s ease}
.video-pagination button:hover:not(:disabled),.video-pagination button:focus-visible:not(:disabled){color:#EA6872;transform:translateY(-2px)}
.watch-dialog[data-category="team"] .video-pagination button:hover:not(:disabled),.watch-dialog[data-category="team"] .video-pagination button:focus-visible:not(:disabled){color:var(--moss)}
.video-pagination button:disabled{opacity:.3;cursor:not-allowed}
.video-pagination svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

@media(max-width:1100px) and (min-width:801px){.watch-dialog{width:97vw;grid-template-columns:minmax(0,var(--portrait-player-width)) minmax(0,1fr)}.watch-info{padding:28px 34px}.watch-heading .eyebrow{font-size:1.25rem}.watch-info h2{font-size:2.25rem}.watch-heading #dialogTeam{margin-top:10px;font-size:1.05rem}.watch-info .progress-label{font-size:1.05rem}.watch-info .progress-label strong{font-size:2rem}.watch-info .progress{height:14px;margin-top:10px}.video-pagination svg{width:30px;height:30px}}

@media(max-width:800px){.watch-dialog{width:100vw;height:100dvh;max-height:100dvh;border:0;border-radius:0;display:block;overflow-y:auto}.watch-dialog[open]{display:block}.watch-dialog .player-wrap{width:100%;height:auto;aspect-ratio:9/16}.watch-info{min-height:70vh;padding:38px 24px 30px;gap:22px;overflow:visible}.watch-heading{margin-top:0;padding-right:42px}.watch-info h2{font-size:clamp(1.75rem,8vw,2.4rem)}.watch-heading #dialogTeam{font-size:.95rem}.watch-info .progress-block{margin-top:20px}.watch-info .vote-button,.watch-info .cancel-vote-button{min-height:58px}.video-pagination{margin-top:8px}.video-pagination svg{width:28px;height:28px}}
@media(max-width:420px){.watch-info{padding-inline:18px}.watch-heading .eyebrow{font-size:1.1rem}.video-pagination button{gap:8px;font-size:.95rem}}

/* Paired result boards: winner portrait above a compact full ranking */
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.final-results{max-width:1500px;margin:0 auto}
.final-results-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin:0 0 46px;text-align:center}
.final-results-heading h2{flex:1;margin:0;color:var(--moss);font:800 clamp(2.5rem,4vw,4.2rem)/1 Fraunces,serif}
.final-results-heading p{position:absolute;right:clamp(18px,3vw,54px);margin:0;color:#748179;font-size:.95rem;font-weight:700;text-align:right}
.final-results-columns{display:grid;grid-template-columns:1fr 1fr;gap:34px}
.final-group{overflow:hidden;border-radius:34px;background:#f2cbc5;box-shadow:0 16px 40px rgba(85,64,34,.08)}
.final-group-team{background:#d8e7d7}
.final-winner{display:grid;grid-template-columns:44% 56%;min-height:390px}
.final-winner-poster{display:block;min-height:390px;overflow:hidden;background:#f2cbc5}
.final-group-team .final-winner-poster{background:#d8e7d7}
.final-winner-poster img{display:block;width:100%;height:100%;object-fit:contain;object-position:left center}
.final-winner-copy{display:flex;min-width:0;flex-direction:column;padding:32px 30px 0;color:var(--moss)}
.final-winner-award{display:grid;grid-template-columns:36px auto 36px;align-items:center;align-self:center;gap:10px;margin-bottom:28px;color:#EA6872;text-align:center}
.final-group-team .final-winner-award{color:var(--moss)}
.winner-laurel{display:block;width:36px;height:68px;object-fit:contain}
.winner-laurel-right{transform:scaleX(-1)}
.final-winner-award-copy{min-width:0}
.final-winner-award span{display:inline-block;padding:5px 14px;border-radius:999px;background:#EA6872;color:#fff;font-size:.95rem;font-weight:800}
.final-group-team .final-winner-award span{background:var(--moss)}
.final-winner-award strong{display:block;margin-top:5px;color:#EA6872;font:800 1.9rem/1.1 Fraunces,serif}
.final-group-team .final-winner-award strong{color:var(--moss)}
.final-winner-copy>p{margin:0;color:var(--moss);font-size:1.05rem;font-weight:800}
.final-winner-copy h4{margin:6px 0;color:var(--moss);font:800 clamp(1.35rem,1.8vw,1.85rem)/1.25 Fraunces,serif;overflow-wrap:anywhere}
.final-winner-copy small{color:#748179;font-size:1rem;font-weight:700}
.final-winner-copy>b{display:flex;align-items:baseline;justify-content:center;gap:3px;margin:auto -30px 0;padding:24px;background:#EA6872;color:#fff;font-size:1.9rem;text-align:center}
.final-group-team .final-winner-copy>b{background:var(--moss)}
.final-winner-copy>b span{font-size:.9rem}
.final-ranking-table{padding:22px 14px 28px;border-top:1px dashed rgba(23,103,53,.25)}
.final-ranking-head,.final-ranking-table li{display:grid;grid-template-columns:52px minmax(0,1fr) 96px;align-items:center;gap:10px}
.final-ranking-head{padding:0 12px 9px;color:#748179;font-size:.82rem;font-weight:800}
.final-ranking-head span:last-child{text-align:right}
.final-ranking-table ol{display:grid;gap:4px;margin:0;padding:0;list-style:none}
.final-ranking-table li{min-height:48px;padding:6px 12px;border-radius:10px;background:rgba(255,250,246,.78)}
.final-ranking-table li>strong{color:#EA6872;font:800 1.15rem Fraunces,serif;text-align:center}
.final-group-team .final-ranking-table li>strong{color:var(--moss)}
.final-ranking-table li>span{display:flex;min-width:0;flex-direction:column}
.final-ranking-table li b{overflow:hidden;color:var(--moss);font-size:.9rem;text-overflow:ellipsis;white-space:nowrap}
.final-ranking-table li small{overflow:hidden;color:#748179;font-size:.74rem;text-overflow:ellipsis;white-space:nowrap}
.final-ranking-table li>em{color:#EA6872;font-size:.85rem;font-style:normal;font-weight:800;text-align:right;white-space:nowrap}
.final-group-team .final-ranking-table li>em{color:var(--moss)}
@media(max-width:900px){.final-results-heading{display:block;margin-bottom:32px}.final-results-heading p{position:static;margin-top:12px;text-align:center}.final-results-columns{grid-template-columns:1fr;gap:24px}.final-group{max-width:680px;margin-inline:auto;width:100%}}
@media(max-width:520px){.final-results-heading h2{font-size:2.5rem}.final-results-heading p{font-size:.82rem}.final-winner{grid-template-columns:46% 54%;min-height:284px}.final-winner-poster{min-height:284px}.final-winner-copy{padding:18px 14px 0}.final-winner-award{grid-template-columns:28px auto 28px;gap:4px;margin-bottom:14px}.winner-laurel{width:28px;height:48px}.final-winner-award span{font-size:.78rem}.final-winner-award strong{font-size:1.45rem}.final-winner-copy>p{font-size:.86rem}.final-winner-copy h4{font-size:1.12rem}.final-winner-copy small{font-size:.78rem}.final-winner-copy>b{margin-inline:-14px;padding:15px;font-size:1.4rem}.final-ranking-table{padding:16px 8px 22px}.final-ranking-head,.final-ranking-table li{grid-template-columns:40px minmax(0,1fr) 74px;gap:6px}.final-ranking-head{font-size:.7rem}.final-ranking-table li{min-height:44px;padding-inline:7px}.final-ranking-table li>strong{font-size:1rem}.final-ranking-table li b{font-size:.78rem}.final-ranking-table li small{font-size:.66rem}.final-ranking-table li>em{font-size:.73rem}}

/* Unified typography scale
   xs 12 / sm 14 / body 16 / lead 18 / card 20 / section 36–64 / display 54–136 */
:root{
  --type-xs:.75rem;
  --type-sm:.875rem;
  --type-body:1rem;
  --type-lead:1.125rem;
  --type-card:1.25rem;
  --type-section:clamp(2.25rem,4vw,4rem);
  --type-display:clamp(3.375rem,8.5vw,8.5rem)
}
body{font-size:var(--type-body)}
.nav a,.primary-link,.vote-button,.filter,.category-tab small,.site-footer strong{font-size:var(--type-sm)}
.eyebrow,.hero-period>span,.live-title-row>span,.result-title-subtitle,.result-hero-inner>.eyebrow{font-size:var(--type-lead)}
.hero h1,.result-hero h1{font-size:var(--type-display)}
.section-heading h2,.rules h2,.live-summary .section-heading h2,.ranking-heading h2,.final-results-heading h2{font-size:var(--type-section)}
.hero-cta p,.rules li,.result-summary p:first-child{font-size:var(--type-lead)}
.category-tab span,.summary-groups h3,.other-results h3{font-size:clamp(1.5rem,2.2vw,2rem)}
.video-card h3,.result-card-copy h3,.final-winner-copy h4{font-size:var(--type-card)}
.video-card .team,.card-footer,.card-state,.group-heading strong,.rules-brief li span,.rules-brief>p,.summary-list em,.results-updated,.preview-notice,.ranking-heading>p,.result-summary p:last-child,.progress-block p,.message,.watch-info #progressHint,.final-results-heading p,.final-ranking-head,.final-ranking-table li small,.final-ranking-table li>em{font-size:var(--type-sm)}
.video-number,.rules-brief li strong,.summary-list li>span,.list-rank,.list-name strong,.list-votes,.final-winner-copy>p,.final-winner-copy small,.final-ranking-table li b{font-size:var(--type-body)}
.watch-heading .eyebrow,.watch-heading #dialogTeam,.watch-info .progress-label,.watch-info .vote-button,.watch-info .cancel-vote-button,.video-pagination button{font-size:var(--type-body)}
.watch-info h2{font-size:clamp(1.75rem,2.2vw,2.25rem)}
.watch-info .progress-label strong,.vote-total strong,.final-winner-award strong,.final-winner-copy>b{font-size:2rem}
.final-winner-award span,.final-winner-copy>b span{font-size:var(--type-sm)}

@media(max-width:520px){
  :root{--type-section:2.25rem;--type-display:clamp(3.375rem,16vw,4.75rem)}
  .eyebrow,.hero-period>span,.result-title-subtitle,.result-hero-inner>.eyebrow{font-size:var(--type-body)}
  .category-tab span,.summary-groups h3,.other-results h3{font-size:1.5rem}
  .video-card h3,.result-card-copy h3,.final-winner-copy h4{font-size:var(--type-lead)}
  .video-card .team,.card-footer,.card-state,.group-heading strong,.result-tabs .category-tab small,.summary-list em,.final-results-heading p,.final-ranking-head,.final-ranking-table li small,.final-ranking-table li>em{font-size:var(--type-xs)}
  .summary-list li>span,.list-name strong,.list-votes,.final-winner-copy>p,.final-winner-copy small,.final-ranking-table li b{font-size:var(--type-sm)}
  .final-winner-award span,.final-winner-copy>b span{font-size:var(--type-xs)}
  .final-winner-award strong,.final-winner-copy>b,.vote-total strong{font-size:1.5rem}
}

/* Shared brand and footer sizing requested for the campaign shell. */
.brand-logo{width:150px}
.site-footer{background:#779e85;color:#D7E5D6}
.site-footer .footer-item>span{
  height:16px;
  color:#D7E5D6;
  font-size:1rem;
  line-height:16px
}
.site-footer .footer-item>strong,.site-footer .footer-copyright{color:#D7E5D6}

/* Voting rules typography follows the approved 2 × 2 reference composition. */
.rules-brief-heading h2{font-size:var(--type-section)}
.rules-brief li strong{font-size:clamp(1.75rem,3vw,2.75rem)}
.rules-brief li span{font-size:var(--type-lead);line-height:1.5}
.rules-brief>p{font-size:var(--type-sm)}

@media(max-width:520px){
  .rules-brief-heading h2{font-size:var(--type-section)}
  .rules-brief li strong{font-size:1.5rem}
  .rules-brief li span{font-size:var(--type-sm);line-height:1.5}
  .rules-brief>p{font-size:var(--type-xs)}
}

/* Compact laurel lockup based on the supplied winner badge reference. */
.final-winner-award{
  grid-template-columns:44px minmax(122px,auto) 44px;
  width:max-content;
  max-width:100%;
  gap:8px;
  margin-bottom:28px
}
.winner-laurel{width:44px;height:94px}
.final-winner-award span{padding:5px 16px;font-size:var(--type-body);line-height:1.25}
.final-winner-award strong{margin-top:5px;font-size:2.25rem;line-height:1.05;white-space:nowrap}

@media(max-width:520px){
  .final-winner-award{grid-template-columns:32px minmax(92px,auto) 32px;gap:5px;margin-bottom:20px}
  .winner-laurel{width:32px;height:70px}
  .final-winner-award span{padding:4px 12px;font-size:var(--type-sm)}
  .final-winner-award strong{font-size:1.75rem}
}

/* Navigation, rule-card borders, and medium-screen winner-card corrections. */
.nav .nav-menu a{font-size:var(--type-body)}
.rules-brief li{
  border:1.5px solid var(--moss)!important;
  box-shadow:inset 0 0 0 .25px var(--moss)
}
.final-winner-award{
  grid-template-columns:minmax(28px,44px) minmax(82px,122px) minmax(28px,44px);
  width:min(226px,100%)
}
.winner-laurel{width:100%;max-width:44px}

@media(max-width:1100px) and (min-width:521px){
  .final-winner-copy{padding-inline:20px}
  .final-winner-copy>b{margin-inline:-20px}
  .final-winner-award{gap:5px}
  .winner-laurel{height:84px}
  .final-winner-award strong{font-size:2rem}
}

@media(max-width:520px){
  .final-winner-award{
    grid-template-columns:minmax(24px,32px) minmax(72px,92px) minmax(24px,32px);
    width:min(166px,100%)
  }
  .winner-laurel{max-width:32px}
}

/* Ranking rows reuse the existing work dialog through stable work IDs. */
.summary-list li[data-work-id],.result-work-link{cursor:pointer;transition:transform .35s ease,box-shadow .35s ease,filter .35s ease}
.summary-list li[data-work-id]:hover,.summary-list li[data-work-id]:focus-visible{transform:translateX(5px);box-shadow:0 8px 22px rgba(23,103,53,.13);outline:none}
.result-work-link:hover,.result-work-link:focus-visible{filter:brightness(1.025);box-shadow:0 12px 28px rgba(23,103,53,.14);outline:3px solid rgba(234,104,114,.7);outline-offset:3px}
.final-group-team .result-work-link:hover,.final-group-team .result-work-link:focus-visible{outline-color:rgba(23,103,53,.78);box-shadow:0 12px 28px rgba(23,103,53,.2)}
.final-ranking-table .result-work-link{position:relative;z-index:0}
.final-ranking-table .result-work-link:hover,.final-ranking-table .result-work-link:focus-visible{z-index:2;transform:translateX(4px)}

/* A closed native dialog must stay out of the mobile document flow. */
.watch-dialog:not([open]){display:none!important}

/* Keep live-ranking circles and their reserved grid columns in sync. */
@media(max-width:900px) and (min-width:601px){
  .summary-list li{grid-template-columns:72px minmax(0,1fr) 82px;gap:14px}
}

@media(max-width:600px){
  .live-summary{padding:28px 18px 24px}
  .live-summary .section-heading{gap:12px;flex-wrap:wrap}
  .live-title-row{min-width:0}
  .summary-groups>div{padding:22px 14px 26px}
  .summary-list{gap:14px}
  .summary-list li{
    grid-template-columns:60px minmax(0,1fr) 72px;
    width:100%;
    height:60px;
    min-height:60px;
    gap:10px;
    padding:0 12px 0 0
  }
  .summary-list li>strong{width:60px;height:60px;font-size:1.35rem}
  .summary-list li>span{min-width:0;font-size:var(--type-sm)}
  .summary-list li>em{width:100%;min-width:0;padding-right:2px;font-size:var(--type-xs)}
  .summary-list li>em b,.summary-list li>em small{line-height:1.15}
  .summary-list li[data-work-id]:hover,.summary-list li[data-work-id]:focus-visible{transform:none}
}

@media(max-width:420px){
  .live-summary{margin-inline:10px;padding-inline:12px}
  .live-summary .section-heading{align-items:flex-start;flex-direction:column}
  .live-summary .primary-link{align-self:flex-end}
  .summary-groups>div{padding-inline:10px}
  .summary-list li{grid-template-columns:54px minmax(0,1fr) 58px;gap:7px;padding-right:12px}
  .summary-list li,.summary-list li>strong{height:54px;min-height:54px}
  .summary-list li>strong{width:54px}
}

/* Mobile footer: every organization and contact block occupies its own row. */
@media(max-width:520px){
  footer.site-footer{
    display:flex!important;
    width:100%;
    height:auto;
    min-height:0;
    flex-direction:column;
    align-items:stretch;
    gap:24px;
    overflow:visible;
    padding:30px 76px 34px 20px
  }
  .site-footer>.footer-item,.site-footer>.footer-copyright{
    display:grid;
    width:100%;
    min-width:0;
    flex:none;
    visibility:visible;
    opacity:1
  }
  .site-footer .footer-organization img{
    display:block;
    width:auto;
    max-width:100%;
    height:48px;
    object-fit:contain;
    object-position:left center
  }
  .site-footer .footer-organization:first-child img{height:58px}
.site-footer .footer-organization:nth-child(2) img{height:50px}
  .site-footer .footer-copyright{margin:0;padding-top:18px;white-space:normal}
}

/* Winner boards start flush at the image edge; retain rounding on the other corners. */
.final-group{border-top-left-radius:0}

/* Self-hosted Traditional Chinese typeface; keep the installed-font name as a legacy fallback. */
body,
.hero h1 small,
.result-hero h1 small,
.rules-brief li strong,
.confirm-actions button,
.video-pagination button{
  font-family:Epilogue,"Noto Sans TC Variable","Noto Sans TC",sans-serif
}

/* Official responsive campaign banner artwork supplied by the organizer. */
.hero{
  --hero-half-height:clamp(180px,15.625vw,300px);
  --hero-content-width:clamp(320px,27vw,520px);
  min-height:0;
  background:#fbe7df;
  border-radius:0
}
.hero::before,
.hero::after{content:none}
.hero-art-stage{
  position:relative;
  width:100%;
  height:clamp(360px,31.25vw,600px);
  overflow:hidden;
  background:#fbe7df url('assets/campaign/banner/hero-desktop-bg.png') center top/100% auto no-repeat
}
.hero-official-art{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  box-sizing:border-box;
  width:100%;
  height:100%;
  margin:0;
  padding:8px
}
.hero-official-art source{display:none}
.hero-official-art img{
  display:block;
  width:min(65%,1119px);
  height:auto;
  max-width:100%;
  max-height:calc(100% - 16px);
  object-fit:contain
}
.hero-inner{
  position:absolute;
  right:0;
  bottom:0;
  left:0;
  align-items:center;
  justify-content:center;
  max-width:none;
  height:var(--hero-half-height);
  min-height:0;
  margin:0;
  padding:38px 24px 28px;
  text-align:center
}
.hero-meta.hero-cta{
  flex:none;
  gap:8px;
  width:var(--hero-content-width);
  height:clamp(120px,11vw,190px);
  min-height:clamp(120px,11vw,190px);
  margin:0;
  padding:10px 32px;
  border-radius:38px
}
.hero-cta .primary-link{padding:clamp(11px,1.1vw,16px) 28px}
.hero-scroll{margin-top:8px}

@media(max-width:800px){
  .hero{
    --hero-half-height:min(50vw,300px);
    --hero-content-width:min(78vw,470px)
  }
  .hero-art-stage{
    height:min(100vw,600px);
    background-image:url('assets/campaign/banner/hero-mobile-bg.png')
  }
  .hero-official-art{padding:12px}
  .hero-official-art img{
    width:min(68%,700px);
    max-height:calc(100% - 24px)
  }
  .hero-inner{padding:10px 16px 8px}
  .hero-meta.hero-cta{
    width:var(--hero-content-width);
    height:clamp(120px,36vw,170px);
    min-height:clamp(120px,36vw,170px);
    margin:0;
    padding:10px 18px;
    border-radius:28px
  }
  .hero-cta p{font-size:clamp(.72rem,3vw,1rem);line-height:1.3}
  .hero-cta p strong{font-size:clamp(.78rem,3.4vw,1.05rem)}
  .hero-cta .primary-link{width:72%;min-width:0;padding:clamp(7px,2.2vw,9px) 18px;font-size:clamp(.75rem,3.2vw,.95rem)}
  .hero-scroll{width:34px;height:34px;margin-top:2px}
}

/* Tablets and landscape phones keep every control inside the 3.2:1 desktop artwork. */
@media(min-width:801px) and (max-width:1100px){
  .hero{
    --hero-half-height:15.625vw;
    --hero-content-width:27vw
  }
  .hero-art-stage{height:31.25vw}
  .hero-inner{
    justify-content:flex-start;
    padding:0 10px 30px
  }
  .hero-meta.hero-cta{
    gap:3px;
    width:var(--hero-content-width);
    height:clamp(88px,11.7vw,112px);
    min-height:clamp(88px,11.7vw,112px);
    padding:6px 12px;
    border-radius:clamp(20px,3vw,30px)
  }
  .hero-cta p{
    font-size:clamp(.68rem,1.35vw,.88rem);
    line-height:1.18
  }
  .hero-cta p strong{font-size:clamp(.72rem,1.55vw,.95rem)}
  .hero-cta .primary-link{
    width:70%;
    min-width:0;
    padding:6px 12px;
    font-size:clamp(.72rem,1.5vw,.9rem)
  }
  .hero-scroll{
    position:absolute;
    bottom:1px;
    left:50%;
    width:28px;
    height:28px;
    margin:0;
    transform:translateX(-50%)
  }
  .hero-scroll svg{width:23px;height:23px}
}

/* Keep all results-page copy and its summary card inside the responsive banner. */
.result-hero{
  height:clamp(480px,31.25vw,600px);
  min-height:0
}
.result-hero-inner{
  max-width:1100px;
  padding:clamp(20px,2.5vw,38px) 28px 24px
}
.result-hero-inner>.eyebrow{margin-bottom:8px}
.result-hero h1{
  font-size:clamp(3.4rem,6vw,6.4rem);
  line-height:.9
}
.result-title-subtitle{
  margin-top:10px;
  font-size:clamp(1rem,1.5vw,1.35rem)
}
.result-summary{
  margin-top:20px;
  padding:14px 22px;
  border-radius:26px
}

@media(max-width:1100px){
  .result-hero{
    height:clamp(520px,78vw,650px);
    background-image:url('assets/campaign/banner/hero-mobile-bg.png');
    background-position:center top;
    background-size:100% auto
  }
  .result-hero-inner{padding:28px 20px 20px}
  .result-hero h1{font-size:clamp(3.2rem,10vw,5.5rem)}
  .result-summary{margin-top:18px}
}

@media(max-width:600px){
  .result-hero{height:clamp(500px,135vw,620px)}
  .result-hero-inner{padding:24px 16px 18px}
  .result-hero-inner>.eyebrow{margin-bottom:6px;font-size:.82rem}
  .result-hero h1{font-size:clamp(2.7rem,14vw,4.2rem)}
  .result-title-subtitle{margin-top:8px;font-size:.9rem}
  .result-summary{
    gap:4px;
    margin-top:14px;
    padding:11px 14px;
    border-radius:22px
  }
  .result-summary p:first-child,
  .result-summary p:last-child{font-size:.72rem;line-height:1.4}
}

/* Results use the exact same artwork stage and breakpoint as the home banner. */
.result-hero{height:auto;min-height:0;overflow:visible;background:#fbe7df;border-radius:0}
.result-hero::before,.result-hero::after{content:none}
.result-art-stage{
  position:relative;width:100%;height:clamp(360px,31.25vw,600px);overflow:hidden;
  background:#fbe7df url('assets/campaign/banner/hero-desktop-bg.png') center top/100% auto no-repeat
}
.result-hero-inner{
  position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:space-between;
  width:100%;max-width:none;height:100%;margin:auto;padding:12px 28px clamp(28px,3vw,42px);text-align:center
}
.result-official-art{
  display:flex;flex:1 1 auto;align-items:center;justify-content:center;min-width:0;min-height:0;width:100%;padding:8px 0
}
.result-official-art img{
  display:block;width:min(65%,1119px);height:auto;max-width:100%;max-height:calc(100% - 16px);object-fit:contain
}
.result-hero-inner>.eyebrow{margin:0 0 5px;font-size:clamp(.78rem,1.25vw,1.1rem)}
.result-hero h1{margin:0;font-size:clamp(3.3rem,6.2vw,7rem);line-height:.88}
.result-title-subtitle{margin:8px 0 0;font-size:clamp(.85rem,1.25vw,1.15rem)}
.result-summary{width:min(900px,88vw);margin-top:14px;padding:11px 20px;border-radius:24px}

@media(min-width:801px) and (max-width:1100px){
  .result-hero-inner{padding:7px 20px clamp(18px,2.5vw,28px)}
  .result-hero-inner>.eyebrow{margin-bottom:2px;font-size:clamp(.68rem,1.2vw,.8rem)}
  .result-hero h1{font-size:clamp(2.7rem,6.2vw,4.3rem)}
  .result-title-subtitle{margin-top:4px;font-size:clamp(.68rem,1.15vw,.82rem)}
  .result-summary{width:min(64vw,560px);margin-top:7px;padding:7px 13px;border-radius:20px}
  .result-summary p:first-child,.result-summary p:last-child{font-size:clamp(.58rem,1.05vw,.72rem);line-height:1.3}
}

@media(max-width:800px){
  .result-art-stage{height:min(100vw,600px);background-image:url('assets/campaign/banner/hero-mobile-bg.png')}
  .result-official-art{padding:12px 0}
  .result-official-art img{width:min(68%,700px);max-height:calc(100% - 24px)}
  .result-hero-inner{padding:10px 16px clamp(18px,5vw,28px)}
  .result-hero-inner>.eyebrow{margin-bottom:4px;font-size:clamp(.7rem,2.8vw,.95rem)}
  .result-hero h1{font-size:clamp(2.7rem,13.5vw,5.2rem)}
  .result-title-subtitle{margin-top:6px;font-size:clamp(.76rem,3vw,1rem)}
  .result-summary{display:grid;gap:3px;width:min(78vw,430px);margin-top:10px;padding:9px 13px;border-radius:20px;text-align:center}
.result-summary p:first-child,.result-summary p:last-child{font-size:clamp(.62rem,2.5vw,.8rem);line-height:1.35}
}

/* Temporarily hide the campaign CTA while preserving the official banner dimensions. */
.hero-inner-hidden{display:none!important}

/* Shared campaign type scale: display, heading, card, emphasis, body, small, caption. */
:root{
  --type-level-1:clamp(2.25rem,4vw,4rem);
  --type-level-2:clamp(1.75rem,3vw,2.75rem);
  --type-level-3:clamp(1.25rem,2.2vw,1.5rem);
  --type-level-4:1.125rem;
  --type-level-5:1rem;
  --type-level-6:.875rem;
  --type-level-7:.75rem;
  --type-section:var(--type-level-1);
  --type-card:var(--type-level-3);
  --type-lead:var(--type-level-4);
  --type-body:var(--type-level-5);
  --type-sm:var(--type-level-6);
  --type-xs:var(--type-level-7)
}
.rules-brief-heading h2,
.works>.section-heading h2{font-size:var(--type-level-1)}
.rules-brief li strong,
.works-subtitle,
.works .category-tab span,
.group-heading p{font-size:var(--type-level-2)}
.rules-brief li span,
.works .video-number,
.works .video-card h3,
.summary-groups h3{font-size:var(--type-level-3)}
.group-heading strong,
.works .card-votes,
.summary-list li>span,
.summary-list li>em,
.summary-list li>em b{font-size:var(--type-level-4)}
.works .card-state{
  font-size:var(--type-level-5)
}
.works .category-tab small,
.group-heading span,
.works .video-card .team{font-size:var(--type-level-6)}
.works .group-heading>strong{font-size:var(--type-level-4)}
.live-summary .primary-link{font-size:var(--type-level-6)}
.summary-list li>strong{font-size:var(--type-level-2)}
.footer-copyright{font-size:var(--type-level-7)}

@media(max-width:600px){
  :root{
    --type-level-1:2.25rem;
    --type-level-2:1.5rem;
    --type-level-3:1.125rem;
    --type-level-4:1rem
  }
  .summary-list li>span,
  .summary-list li>em,
  .summary-list li>em b{font-size:var(--type-level-3)}
}

/* Team entries use the established green campaign palette; dimensions stay shared. */
.works .video-grid[data-category="team"] .video-card{background:#d8e7d7!important}
.works .video-grid[data-category="team"] .video-number{background:#edf4eb;color:var(--moss)}
.works .video-grid[data-category="team"] .video-card h3,
.works .video-grid[data-category="team"] .card-votes{color:var(--moss)}
.works .video-grid[data-category="team"] .video-card.voted{
  border-color:var(--moss);
  outline-color:var(--moss)
}
.works .video-grid[data-category="team"] .video-card.voted .card-state,
.works .video-grid[data-category="team"] .video-card:not(.voted):hover .card-state,
.works .video-grid[data-category="team"] .video-card:not(.voted):focus-visible .card-state{
  background:var(--moss);
  color:#fff;
  box-shadow:0 10px 24px rgba(23,103,53,.28)
}

/* Resting watch action uses the shared light campaign surface. */
.works .card-state{background:#fff9f5}

/* Results reuse the shared campaign type levels. */
.final-results-heading h2{font-size:var(--type-level-1)}
.final-winner-award strong,
.final-winner-copy>b{font-size:var(--type-level-2)}
.final-winner-copy h4{font-size:var(--type-level-3)}
.result-summary p:first-child{font-size:var(--type-level-4)}
.final-winner-copy>p,
.final-winner-copy small,
.final-ranking-table li>strong,
.final-ranking-table li b{font-size:var(--type-level-5)}
.result-summary p:last-child,
.preview-notice,
.final-results-heading p,
.final-winner-award span,
.final-winner-copy>b span,
.final-ranking-head,
.final-ranking-table li small,
.final-ranking-table li>em{font-size:var(--type-level-6)}

/* Video and vote-confirmation dialogs share the same campaign type scale. */
.watch-heading .eyebrow{font-size:var(--type-level-4)}
.watch-info h2{font-size:var(--type-level-2)}
.watch-heading>p:last-child,
.watch-info .progress-label,
.watch-info .vote-button,
.watch-info .cancel-vote-button,
.video-pagination button,
.replace-panel strong,
.replace-panel button,
.demo-captcha strong,
.confirm-copy #confirmMessage,
.confirm-actions button{font-size:var(--type-level-5)}
.watch-info .progress-label strong{font-size:var(--type-level-2)}
.watch-info .progress-block>p,
.message,
.replace-panel button em{font-size:var(--type-level-6)}
.demo-captcha small,
.confirm-eyebrow{font-size:var(--type-level-7)}
.confirm-copy h2{font-size:var(--type-level-2)}