@charset "utf-8";
/* ==========================================================================
   台灣仲夏節 Solar Festival in Taiwan — 2026 官網切版共用樣式
   Breakpoints: 1024↑ desktop / 768–1023 tablet / ≤767 mobile
   ========================================================================== */

:root{
  --yellow:#F1DF6F;
  --cream:#FBF6E0;
  --green:#1d7a35;
  --green-d:#155c27;
  --ink:#223333;
  --ink-2:#3a3520;
  --muted:#8a8258;
  --line-y:#d9cf9a;

  --sea:#1F2B4D; --sea-deep:#161f38; --sea-card:#25335a; --sea-line:#33406b;
  --sea-acc:#4db862; --sea-acc-2:#7fe096; --sea-txt:#b9c8e6; --sea-dim:#9db3d6;

  --mtn:#1E4D2B; --mtn-deep:#173c22; --mtn-card:#255232; --mtn-line:#2f6a40;
  --mtn-acc:#cfe3a8; --mtn-acc-2:#dcedbf; --mtn-txt:#c4d8c6; --mtn-dim:#a9c4ab;

  --s7-cool:#2e7d4f; --s7-play:#1f6fb2; --s7-taste:#c2571f; --s7-night:#2b2f6b;
  --s7-slow:#7a6234; --s7-wonder:#6b3fa0; --s7-fest:#c2185b;

  --wrap:1280px;
  --pad:56px;
  --r-lg:20px; --r-md:16px; --r-sm:12px;
}

*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}
body{margin:0;font-family:'Noto Sans TC',"PingFang TC","Microsoft JhengHei",sans-serif;
  font-size:16px;line-height:1.7;color:var(--ink);text-wrap:pretty;}
img{max-width:100%;display:block;}
a{color:var(--green);text-decoration:none;}
a:hover{color:var(--green-d);}
h1,h2,h3,h4,p,ul,ol{margin:0;}
ul{padding:0;list-style:none;}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;}
input,textarea,select{font:inherit;}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}
.script{font-family:'Pacifico',cursive;font-weight:400;}

.wrap{width:100%;max-width:var(--wrap);margin-inline:auto;padding-inline:var(--pad);}
.sec{padding-block:56px;}
.sec-head{display:flex;flex-direction:column;gap:6px;margin-bottom:28px;}
.sec-head.center{text-align:center;align-items:center;}
.sec-title{font-weight:900;font-size:clamp(20px,2.2vw,26px);line-height:1.35;}
.sec-sub{font-size:14px;color:var(--muted);}

/* ---------- 按鈕 ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;
  border-radius:999px;font-weight:900;text-align:center;min-height:44px;
  padding:11px 30px;transition:background-color .2s,color .2s,transform .2s,box-shadow .2s;}
.btn:hover{transform:translateY(-1px);}
.btn-sm{min-height:40px;padding:8px 20px;font-size:13px;}
.btn-lg{font-size:18px;padding:16px 44px;}
.btn-solid{background:var(--green);color:#fff;}
.btn-solid:hover{background:var(--green-d);color:#fff;}
.btn-line{border:2px solid var(--green);color:var(--green);padding:9px 28px;}
.btn-line:hover{background:rgba(29,122,53,.08);color:var(--green);}
.btn-acc{background:var(--accent,var(--green));color:var(--accent-on,#fff);}
.btn-acc:hover{color:var(--accent-on,#fff);filter:brightness(1.08);}
.btn-acc-line{border:2px solid var(--accent);color:var(--accent-2,var(--accent));padding:9px 26px;}
.btn-acc-line:hover{background:rgba(255,255,255,.08);color:var(--accent-2,var(--accent));}

/* ---------- 導覽列 ---------- */
.nav{position:sticky;top:0;z-index:80;background:var(--nav-bg,var(--yellow));}
.nav-in{display:flex;align-items:center;justify-content:space-between;gap:24px;
  padding-block:18px;position:relative;}
.brand{display:flex;align-items:baseline;gap:12px;flex-shrink:0;}
.brand .script{font-size:24px;color:var(--brand-script,var(--green));}
.brand .cjk{font-weight:900;font-size:18px;color:var(--brand-cjk,var(--ink));}
.nav-toggle{position:absolute;opacity:0;pointer-events:none;}
.burger{display:none;width:44px;height:44px;align-items:center;justify-content:center;
  flex-direction:column;gap:5px;margin-left:auto;}
.burger i{display:block;width:24px;height:3px;border-radius:2px;background:currentColor;}
.burger i:last-child{width:15px;}
.nav-menu{display:flex;align-items:center;gap:28px;font-weight:700;font-size:15px;}
.nav-menu a{color:var(--nav-link,var(--ink));}
.nav-menu a:hover{color:var(--nav-hover,var(--green));}
.nav-menu a[aria-current="page"]{color:var(--nav-active,var(--green));}
.nav-back{color:var(--nav-dim,var(--muted));}

/* ---------- 頁尾 ---------- */
.social{background:var(--social-bg,var(--green));color:var(--social-fg,#fff);}
.social .wrap{display:flex;align-items:center;justify-content:space-between;
  gap:16px;flex-wrap:wrap;padding-block:24px;}
.social .tags{font-weight:900;font-size:16px;}
.social .tags span{font-weight:400;font-size:13px;opacity:.85;}
.social ul{display:flex;gap:10px;flex-wrap:wrap;}
.social ul a{display:inline-flex;align-items:center;min-height:40px;padding:6px 18px;
  border-radius:999px;font-weight:700;font-size:13px;color:inherit;
  background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.4);}
.social ul a:hover{background:rgba(255,255,255,.3);color:inherit;}

.site-foot{background:var(--foot-bg,transparent);color:var(--foot-fg,var(--muted));}
.site-foot .wrap{padding-block:28px 22px;}
.orgs{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:center;}
.orgs dt{font-size:11px;font-weight:900;letter-spacing:.15em;color:var(--foot-fg,var(--muted));}
.orgs dd{margin:8px 0 0;min-height:44px;display:flex;align-items:center;justify-content:center;
  font-weight:900;font-size:15px;color:var(--foot-strong,var(--ink-2));}
.orgs dd.slot{border:1px dashed currentColor;border-radius:8px;font-weight:700;font-size:11px;
  color:var(--foot-slot,#b5ab7e);}
.legal{text-align:center;margin-top:20px;font-size:12px;}
.legal button{text-decoration:underline;font-size:12px;color:inherit;min-height:44px;padding:0 4px;}
.legal .mark{display:block;letter-spacing:.2em;margin-top:6px;}

/* ---------- Modal ---------- */
.modal{border:0;padding:0;max-width:560px;width:calc(100% - 40px);border-radius:var(--r-md);
  background:var(--cream);color:var(--ink-2);box-shadow:0 24px 60px rgba(0,0,0,.35);}
.modal::backdrop{background:rgba(20,24,18,.55);}
.modal-in{padding:28px;display:flex;flex-direction:column;gap:14px;}
.modal h2{font-size:20px;font-weight:900;}
.modal p{font-size:14px;line-height:1.9;}
.modal .close{align-self:flex-end;}

/* ==========================================================================
   主頁
   ========================================================================== */
.page-home{background:var(--yellow);}
.hero{position:relative;text-align:center;padding-block:64px 48px;}
.hero-logo{width:680px;max-width:100%;margin-inline:auto;}
.hero p{max-width:640px;margin:22px auto 0;font-size:17px;line-height:1.9;color:#4a4630;}
.hero-cta{margin-top:28px;display:flex;justify-content:center;gap:16px;flex-wrap:wrap;}
.deco{position:absolute;pointer-events:none;user-select:none;}
.deco.ice{left:0;top:36px;width:190px;}
.deco.fw{right:14px;top:30px;width:170px;}
.deco.lantern{left:64px;bottom:40px;width:70px;}
.deco.glasses{right:54px;bottom:70px;width:180px;}

.news{background:rgba(255,255,255,.55);border:2px solid var(--green);border-radius:var(--r-lg);
  padding-inline:28px;}
.news li{display:flex;gap:16px;align-items:center;padding-block:16px;border-bottom:1px solid var(--line-y);}
.news li:last-child{border-bottom:0;}
.news .tag{flex-shrink:0;background:var(--green);color:#fff;font-weight:900;font-size:12px;
  padding:4px 12px;border-radius:999px;}
.news .tag.sea{background:var(--sea);}
.news .tag.evt{background:var(--s7-taste);}
.news .t{font-weight:700;font-size:15px;color:var(--ink);}
.news time{margin-left:auto;font-size:13px;color:var(--muted);white-space:nowrap;}

.entries{background:var(--cream);}
.entry-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.entry{border-radius:var(--r-lg);overflow:hidden;display:flex;flex-direction:column;
  transition:transform .2s,box-shadow .2s;}
.entry:hover{transform:translateY(-4px);box-shadow:0 16px 36px rgba(0,0,0,.22);}
.entry .thumb{width:100%;height:190px;object-fit:cover;}
.entry .body{padding:22px;display:flex;flex-direction:column;gap:8px;flex:1;}
.entry .script{font-size:16px;}
.entry h3{font-weight:900;font-size:22px;line-height:1.4;color:#fff;}
.entry .meta{font-size:13px;line-height:1.8;}
.entry .go{margin-top:auto;align-self:flex-start;}
.entry-sea{background:var(--sea);}
.entry-sea .script{color:var(--sea-acc);} .entry-sea .meta{color:#aebfe0;}
.entry-sea .go{background:var(--sea-acc);color:#0f1a33;}
.entry-mtn{background:var(--mtn);}
.entry-mtn .script{color:var(--mtn-acc);} .entry-mtn .meta{color:#bcd4bf;}
.entry-mtn .go{background:var(--mtn-acc);color:#123018;}
.entry-travel{background:#fff;border:2px solid var(--green);}
.entry-travel h3{color:var(--ink);} .entry-travel .meta{color:var(--muted);}
.entry-travel .go{background:var(--green);color:#fff;}
.rainbow{height:190px;display:grid;grid-template-columns:repeat(7,1fr);}

.s7-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:12px;}
.s7{border-radius:14px;padding:18px 12px;color:#fff;text-align:center;display:block;
  transition:transform .2s;}
.s7:hover{transform:translateY(-3px);color:#fff;}
.s7 .ico{font-size:24px;line-height:1;}
.s7 .n{font-weight:900;font-size:16px;margin-top:6px;}
.s7 .d{font-size:11px;line-height:1.6;margin-top:6px;opacity:.9;}
.s7.cool{background:var(--s7-cool);} .s7.play{background:var(--s7-play);}
.s7.taste{background:var(--s7-taste);} .s7.night{background:var(--s7-night);}
.s7.slow{background:var(--s7-slow);} .s7.wonder{background:var(--s7-wonder);}
.s7.fest{background:var(--s7-fest);}

/* ==========================================================================
   活動頁(海/山共用)
   ========================================================================== */
.page-event{background:var(--bg);color:var(--body-fg);}
.page-event .nav{--nav-bg:var(--bg);--nav-link:var(--body-fg);--nav-hover:var(--accent-2);
  --nav-active:var(--accent-2);--nav-dim:var(--dim);--brand-script:var(--accent);--brand-cjk:var(--body-fg);}
.page-event a{color:var(--accent-2);}
.page-event .social{--social-bg:var(--deep);--social-fg:var(--body-fg);border-top:1px solid var(--line);}
.page-event .site-foot{--foot-bg:var(--deep);--foot-fg:var(--dim);--foot-strong:#fff;--foot-slot:var(--line);}
.page-event .sec-title,.page-event h1,.page-event h2,.page-event h3{color:#fff;}
.page-event .sec-sub{color:var(--dim);}

.page-sea{--bg:var(--sea);--deep:var(--sea-deep);--card:var(--sea-card);--line:var(--sea-line);
  --accent:var(--sea-acc);--accent-2:var(--sea-acc-2);--accent-on:#0f1a33;
  --body-fg:#e8eefb;--txt:var(--sea-txt);--dim:var(--sea-dim);
  --stripe-a:#2a3a63;--stripe-b:#25335a;--stripe-fg:#8fa4cc;}
.page-mtn{--bg:var(--mtn);--deep:var(--mtn-deep);--card:var(--mtn-card);--line:var(--mtn-line);
  --accent:var(--mtn-acc);--accent-2:var(--mtn-acc-2);--accent-on:#123018;
  --body-fg:#ecf4e6;--txt:var(--mtn-txt);--dim:var(--mtn-dim);
  --stripe-a:#2a5e38;--stripe-b:#255232;--stripe-fg:#9dbfa2;}

.ev-hero{display:flex;gap:56px;align-items:center;padding-block:48px;}
.ev-hero.rev{flex-direction:row-reverse;}
.ev-hero .poster{width:340px;flex-shrink:0;border-radius:var(--r-md);box-shadow:0 10px 30px rgba(0,0,0,.4);}
.ev-hero .txt{display:flex;flex-direction:column;gap:18px;}
.ev-hero .cjk-logo{width:340px;}
.ev-hero h1{font-weight:900;font-size:clamp(28px,4vw,48px);line-height:1.2;
  text-shadow:0 0 24px color-mix(in oklch,var(--accent) 45%,transparent);}
.chips{display:flex;gap:14px;flex-wrap:wrap;}
.chips li{border:2px solid var(--accent);color:var(--accent-2);border-radius:999px;
  padding:9px 22px;font-weight:900;font-size:clamp(14px,1.4vw,17px);}
.ev-hero .desc{font-size:16px;line-height:1.9;color:var(--txt);max-width:560px;}
.ev-hero .btn{align-self:flex-start;}

.lineup{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.lineup .photo{aspect-ratio:1;border-radius:14px;display:flex;align-items:center;justify-content:center;
  font-family:ui-monospace,monospace;font-size:12px;color:var(--stripe-fg);
  background:repeating-linear-gradient(45deg,var(--stripe-a),var(--stripe-a) 10px,var(--stripe-b) 10px,var(--stripe-b) 20px);}
.lineup .name{font-weight:900;margin-top:10px;}
.lineup .time{font-size:13px;color:var(--dim);}

.two-col{display:grid;grid-template-columns:1fr 1fr;gap:40px;}
.rundown li{display:flex;gap:18px;padding-block:12px;border-bottom:1px solid var(--line);}
.rundown li:last-child{border-bottom:0;}
.rundown .t{font-weight:900;color:var(--accent);width:64px;flex-shrink:0;}
.shuttle{width:100%;border-collapse:collapse;font-size:14px;color:var(--txt);}
.shuttle th,.shuttle td{text-align:left;padding:9px 8px 9px 0;border-bottom:1px solid var(--line);}
.shuttle th{font-weight:900;color:var(--accent-2);font-size:13px;}
.shuttle td:first-child{font-weight:900;color:#fff;white-space:nowrap;}
.drive{margin-top:14px;font-size:14px;line-height:1.9;color:var(--txt);}
.drive b{color:#fff;}

.packs{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
.pack{background:var(--card);border-radius:var(--r-md);padding:22px;display:flex;flex-direction:column;gap:4px;}
.pack .lv{font-weight:900;color:var(--accent);font-size:13px;}
.pack h3{font-weight:900;font-size:18px;}
.pack ul{margin-top:10px;display:flex;flex-direction:column;gap:2px;font-size:13px;line-height:1.9;color:var(--txt);}
.pack .btn{margin-top:14px;align-self:flex-start;}
.pack.top{background:var(--accent);}
.pack.top .lv,.pack.top h3{color:var(--accent-on);}
.pack.top ul{color:color-mix(in oklch,var(--accent-on) 82%,var(--accent));}
.pack.top .btn{background:var(--bg);color:#fff;}

.faq details{border-bottom:1px solid var(--line);}
.faq summary{list-style:none;cursor:pointer;padding:14px 0;font-size:15px;color:var(--txt);
  display:flex;gap:10px;align-items:flex-start;min-height:44px;}
.faq summary::-webkit-details-marker{display:none;}
.faq summary::before{content:"Q";font-weight:900;color:var(--accent-2);}
.faq summary::after{content:"＋";margin-left:auto;color:var(--dim);}
.faq details[open] summary::after{content:"−";}
.faq .a{padding:0 0 16px 24px;font-size:14px;line-height:1.9;color:var(--dim);}
.cta-band{text-align:center;padding-block:8px 56px;}

/* ==========================================================================
   仲夏旅遊
   ========================================================================== */
.page-travel{background:var(--cream);color:var(--ink-2);}
.page-travel .nav{--nav-bg:var(--yellow);}
.band-y{background:var(--yellow);position:relative;text-align:center;padding-block:56px 48px;}
.band-y .script{font-size:22px;color:var(--green);}
.band-y h1{font-weight:900;font-size:clamp(24px,3.4vw,40px);color:var(--ink);margin-top:8px;line-height:1.35;}
.band-y p{font-size:clamp(14px,1.4vw,16px);line-height:1.9;color:#4a4630;margin-top:14px;}

.find{display:grid;grid-template-columns:1fr 1fr;gap:28px;}
.find-card{background:#fff;border:2px solid var(--green);border-radius:var(--r-lg);padding:28px;
  display:flex;gap:22px;align-items:center;}
.find-card .ico{width:120px;height:120px;border-radius:var(--r-md);overflow:hidden;flex-shrink:0;}
.find-card .ico.mosaic{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);}
.find-card .ico.map{background:repeating-linear-gradient(45deg,#dcedbf,#dcedbf 8px,#cfe3a8 8px,#cfe3a8 16px);
  display:flex;align-items:center;justify-content:center;text-align:center;
  font-family:ui-monospace,monospace;font-size:11px;color:#5a7a4a;}
.find-card .body{display:flex;flex-direction:column;gap:8px;}
.find-card h3{font-weight:900;font-size:22px;color:var(--ink);}
.find-card p{font-size:14px;line-height:1.7;color:#5a563e;}
.find-card .btn{align-self:flex-start;margin-top:4px;}

.filters{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-bottom:24px;}
.filters button{border:2px solid var(--green);color:var(--green);font-weight:900;font-size:13px;
  padding:8px 20px;border-radius:999px;min-height:44px;}
.filters button[aria-pressed="true"]{background:var(--green);color:#fff;}
.regions{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;}
.region{background:#fff;border:1px solid #e2d9b8;border-radius:14px;overflow:hidden;display:block;}
.region:hover{box-shadow:0 10px 24px rgba(0,0,0,.12);}
.region .ph{height:78px;display:flex;align-items:center;justify-content:center;
  font-family:ui-monospace,monospace;font-size:10px;}
.region.mtn .ph{background:repeating-linear-gradient(45deg,#dcedbf,#dcedbf 8px,#cfe3a8 8px,#cfe3a8 16px);color:#5a7a4a;}
.region.sea .ph{background:repeating-linear-gradient(45deg,#cfe0f2,#cfe0f2 8px,#bcd4ea 8px,#bcd4ea 16px);color:#4a6a8a;}
.region .body{padding:12px;}
.region .n{font-weight:900;font-size:14px;color:var(--ink);}
.region .k{font-size:10px;margin-left:4px;}
.region.mtn .k{color:var(--s7-cool);} .region.sea .k{color:var(--s7-play);}
.region .th{font-size:11px;color:var(--muted);margin-top:4px;}
.region[hidden]{display:none;}

/* ==========================================================================
   數位明信片
   ========================================================================== */
.page-card{background:var(--cream);color:var(--ink-2);}
.page-card .nav{--nav-bg:var(--yellow);}
.builder{display:grid;grid-template-columns:440px 1fr;gap:36px;align-items:start;}
.panel{background:#fff;border:2px solid var(--green);border-radius:var(--r-lg);padding:24px;}
.panel+.panel{margin-top:24px;}
.step{display:flex;align-items:center;gap:10px;}
.step .no{flex-shrink:0;width:26px;height:26px;border-radius:50%;background:var(--green);color:#fff;
  font-weight:900;font-size:14px;display:inline-flex;align-items:center;justify-content:center;}
.step h2{font-weight:900;font-size:17px;color:var(--ink);}
.hint{font-size:11px;color:var(--muted);margin-top:10px;line-height:1.7;}

.tpl-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:16px;}
.tpl{aspect-ratio:3/2;border-radius:8px;border:3px solid transparent;cursor:pointer;
  font-size:9px;font-weight:900;color:#5a4a10;display:flex;align-items:center;justify-content:center;
  text-align:center;line-height:1.3;}
.tpl[aria-pressed="true"]{border-color:var(--ink);}
.drop{margin-top:16px;border:2px dashed var(--green);border-radius:14px;padding:26px;text-align:center;
  background:rgba(29,122,53,.05);cursor:pointer;display:block;}
.drop.over{background:rgba(29,122,53,.14);}
.drop .ico{font-size:26px;line-height:1;}
.drop .t{font-weight:700;font-size:14px;color:var(--green);margin-top:6px;}
.drop .s{font-size:11px;color:var(--muted);margin-top:4px;line-height:1.7;}
.fields{display:flex;flex-direction:column;gap:10px;margin-top:14px;}
.fields input,.fields textarea{border:1px solid #cfc79e;border-radius:10px;padding:12px 14px;
  font-size:14px;color:var(--ink-2);background:#fff;width:100%;min-height:44px;}
.fields textarea{resize:vertical;min-height:64px;}
.fields input:focus,.fields textarea:focus{outline:2px solid var(--green);outline-offset:1px;}
.lbl{font-weight:700;font-size:13px;color:var(--ink);margin-top:14px;}
.stickers{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px;}
.stickers button{width:44px;height:44px;border-radius:50%;background:var(--yellow);
  border:1px solid #cfc79e;font-size:18px;display:inline-flex;align-items:center;justify-content:center;}
.stickers button[aria-pressed="true"]{outline:2px solid var(--green);}
.preview-card{background:#fff;border-radius:var(--r-lg);padding:26px;box-shadow:0 10px 30px rgba(0,0,0,.12);}
.preview-card canvas{width:100%;height:auto;display:block;border-radius:var(--r-sm);background:var(--s7-play);}
.preview-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:20px;}
.preview-actions .note{font-size:12px;color:var(--muted);}

/* ==========================================================================
   響應式
   ========================================================================== */
@media (max-width:1279px){
  .regions{grid-template-columns:repeat(4,1fr);}
}
@media (max-width:1023px){
  :root{--pad:24px;}
  .sec{padding-block:40px;}
  .burger{display:flex;color:var(--nav-link,var(--ink));}
  .nav-menu{display:none;position:absolute;top:100%;left:calc(var(--pad) * -1);right:calc(var(--pad) * -1);
    z-index:70;flex-direction:column;align-items:stretch;gap:0;
    padding:8px var(--pad) 20px;background:var(--nav-bg,var(--yellow));
    box-shadow:0 14px 26px rgba(0,0,0,.22);border-radius:0 0 var(--r-md) var(--r-md);}
  .nav-menu a{display:flex;align-items:center;min-height:48px;
    border-bottom:1px solid color-mix(in oklch,currentColor 22%,transparent);}
  .nav-menu .btn{margin-top:12px;border-bottom:0;}
  .nav-toggle:checked ~ .nav-menu{display:flex;}
  .deco{display:none;}
  .hero{padding-block:36px 32px;}
  .hero-logo{width:420px;}
  .hero p{font-size:15px;}
  .entry-grid{grid-template-columns:1fr;}
  .entry{flex-direction:row;}
  .entry .thumb,.rainbow{width:150px;height:auto;min-height:190px;flex-shrink:0;}
  .rainbow{grid-template-columns:none;grid-template-rows:repeat(7,1fr);}
  .s7-grid{grid-template-columns:repeat(4,1fr);}
  .ev-hero,.ev-hero.rev{flex-direction:column;align-items:flex-start;gap:28px;padding-block:32px;}
  .ev-hero .poster{width:100%;max-width:340px;margin-inline:auto;}
  .ev-hero .cjk-logo{width:260px;}
  .lineup{grid-template-columns:repeat(2,1fr);}
  .two-col{grid-template-columns:1fr;gap:32px;}
  .packs{grid-template-columns:repeat(2,1fr);}
  .find{grid-template-columns:1fr;gap:16px;}
  .regions{grid-template-columns:repeat(3,1fr);}
  .builder{grid-template-columns:1fr;gap:24px;}
  .orgs{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:767px){
  :root{--pad:20px;}
  body{font-size:15px;}
  .sec{padding-block:32px;}
  .brand .script{font-size:18px;}
  .brand .cjk{font-size:14px;}
  .hero-logo{width:320px;}
  .hero-cta{gap:10px;}
  .hero-cta .btn{width:100%;}
  .news{padding-inline:18px;}
  .news li{flex-wrap:wrap;gap:8px;padding-block:14px;}
  .news .t{font-size:14px;width:100%;order:3;}
  .news time{margin-left:auto;order:2;}
  .entry{flex-direction:column;}
  .entry .thumb{width:100%;height:160px;min-height:0;}
  .rainbow{width:100%;min-height:0;height:14px;grid-template-columns:repeat(7,1fr);grid-template-rows:none;}
  .entry h3{font-size:18px;}
  .s7-grid{grid-template-columns:repeat(2,1fr);gap:10px;}
  .s7 .n{font-size:15px;}
  .s7.fest{grid-column:1/-1;}
  .lineup{grid-template-columns:repeat(2,1fr);gap:12px;}
  .chips li{padding:8px 16px;}
  .ev-hero h1{font-size:26px;}
  .ev-hero .cjk-logo{width:210px;}
  .ev-hero .btn,.pack .btn{align-self:stretch;}
  .packs{grid-template-columns:1fr;}
  .shuttle{font-size:13px;}
  .regions{grid-template-columns:repeat(2,1fr);}
  .band-y{padding-block:32px 28px;}
  .find-card{padding:18px;gap:14px;}
  .find-card .ico{width:72px;height:72px;}
  .find-card h3{font-size:17px;}
  .panel{padding:18px;}
  .tpl-grid{grid-template-columns:repeat(4,1fr);}
  .preview-card{padding:16px;}
  .preview-actions .btn{width:100%;}
  .orgs{grid-template-columns:1fr 1fr;gap:14px;}
  .orgs dd{font-size:13px;min-height:40px;}
  .social .wrap{flex-direction:column;align-items:flex-start;}
  .cta-band .btn{width:100%;}
}
@media (prefers-reduced-motion:reduce){
  *{transition:none!important;animation:none!important;}
  html{scroll-behavior:auto;}
}