/* FChoice 2026 — tranh dân gian đương đại, xuất phát từ KV địa cầu/quỹ đạo. */
:root{--turquoise:#159fa8;--bright-orange:#ed4e20;--folklore-cream:#fff0bd}

/* Cover minh họa: giữ toàn bộ headline, sapo dưới dạng chữ HTML. */
.hero{background:#ed4e20 url('./assets/folk-cover-classic-v7.webp') center center/cover no-repeat}
.hero::before{background:linear-gradient(180deg,rgba(224,66,17,.08) 0%,rgba(224,66,17,.04) 58%,transparent 88%)}
.hero-grain{opacity:.12}
.hero-content{max-width:1060px;margin-left:clamp(30px,6.3vw,105px);margin-right:0;padding:143px 24px 0;text-align:left}
.hero h1{font-size:clamp(59px,7.3vw,103px);line-height:1.02;letter-spacing:-.084em;color:var(--folklore-cream);text-shadow:2px 3px 0 rgba(7,55,94,.38)}
.hero-prehead{color:#fff1ca;max-width:740px;margin:0 0 25px;font-size:clamp(11px,1.1vw,14px);line-height:1.7;letter-spacing:.035em;text-shadow:0 1px 1px rgba(3,50,78,.65)}
.hero-script{color:#183e80;letter-spacing:-.075em;text-shadow:1px 1px 0 rgba(255,231,158,.7)}
.hero-script::after{background:#0d8898;height:.055em;bottom:-.05em}
.hero-year{color:#fff1b8;letter-spacing:-.09em}
.hero-deck{margin:28px 0 0;max-width:685px;border:0;border-left:4px solid #168e99;border-radius:0;background:rgba(255,242,202,.93);color:#123f38;padding:14px 19px;font-size:clamp(13px,1.19vw,16px);line-height:1.76;text-align:left}
.hero-scroll{display:inline-flex;flex-direction:row;align-items:center;gap:10px;margin:23px 0 0;padding:8px 13px;background:rgba(13,62,98,.88);color:#fff1c1}
.scroll-orbit{border-color:currentColor;width:27px;height:27px}
.hero-caption{color:#fff0bc;text-shadow:0 2px 2px #143866}
.hero-brand img{filter:brightness(0) saturate(100%) invert(91%) sepia(23%) saturate(648%) hue-rotate(332deg) brightness(110%)}
.ribbon{background:#078c98;border-top-color:#087e8e;border-bottom-color:#087e8e;color:var(--folklore-cream)}

/* Thay hình sao thuần trang trí bằng hình địa cầu/quỹ đạo từ nhận diện FChoice. */
.sunburst,.stories-abstract,.jury-asterisk{line-height:1;transform:none}
.sunburst img{display:block;width:145px;height:auto;transform:rotate(-9deg)}
.stories-abstract img{display:block;width:122px;height:auto;transform:rotate(11deg)}
.jury-asterisk img{display:block;width:120px;height:auto;transform:rotate(-7deg)}
.globe-star{display:none}
.globe-center strong small{color:#8be5da;text-shadow:1px 2px 0 rgba(0,28,78,.42);font-weight:900;font-size:.178em;letter-spacing:-.035em;white-space:nowrap;margin-left:35px}
.ring-one{border-color:#76d6cb;opacity:.55}
.ring-two{border-color:#f2c96a;opacity:.4}
.ring-three{border-color:#76d6cb;opacity:.42}

/* Hai đường kẻ được chuyển thành nét cọ/vòng lượn có chủ ý. */
.journey-band{border-top:0;border-bottom:0}
.journey-stroke{position:absolute;left:0;width:100%;height:28px;overflow:visible;fill:none;pointer-events:none;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;opacity:.9}
.journey-stroke-top{top:-15px;stroke:#e6532d;transform:rotate(-.35deg)}
.journey-stroke-bottom{bottom:-15px;stroke:#098994;transform:rotate(.25deg)}

.footer-credit{font-size:12px;font-weight:800;letter-spacing:.03em;color:var(--ink);text-align:right;margin-top:22px}

@media(max-width:1180px){
  .hero-content{max-width:90vw;margin-left:clamp(22px,4vw,65px)}
  .hero h1{font-size:clamp(58px,7.4vw,94px)}
  .sunburst img{width:110px}
  .stories-abstract img{width:90px}
  .jury-asterisk img{width:88px}
}
@media(max-width:850px){
  .hero{background-position:57% center}
  .hero-content{padding-top:140px}
  .hero h1{font-size:clamp(50px,8vw,77px)}
  .hero-prehead{font-size:11px}
  .hero-deck{max-width:600px}
}
@media(max-width:620px){
  .hero{min-height:775px;background-color:#ed4e20;background-size:auto 72%;background-position:73% bottom}
  .hero::before{background:linear-gradient(180deg,#ed4e20 0%,rgba(237,78,32,.98) 39%,rgba(237,78,32,.72) 62%,transparent 88%)}
  .hero-content{margin:0;padding:130px 20px 0;text-align:left}
  .hero h1{font-size:clamp(32px,9.8vw,59px);line-height:1.06;letter-spacing:-.085em}
  .hero-prehead{font-size:9px;max-width:400px;margin-bottom:20px;line-height:1.6}
  .hero-deck{max-width:420px;font-size:12px;line-height:1.7;margin-top:23px;padding:10px 12px;background:rgba(255,243,209,.94)}
  .hero-scroll{font-size:9px;margin:20px 0 0 4px;padding:7px 10px}
  .hero-caption{font-size:8px;bottom:13px}
  .hero-brand{top:23px;left:21px}
  .journey-stroke{height:17px}
  .journey-stroke-top{top:-9px}
  .journey-stroke-bottom{bottom:-9px}
  .globe-center strong small{font-size:.195em;margin-left:18px}
  .footer-credit{text-align:left;margin-top:14px;font-size:11px}
}