/* Ron's approved composition: example 3, with the broad viewer from example 2.
   Artwork is decorative; text, navigation and actions remain native HTML. */
body.home { display: block; background: #081f35; color: #f4f8fb; }
body.home main { display: block; padding: 0; }
body.home .header-inner { height: 82px; gap: 20px; }
body.home .site-header { background: #0b293e; border-bottom: 1px solid #b9964c66; }
body.home .logo-link { height: 74px; width: 260px; flex: 0 0 260px; }
html body.home header.site-header .logo-link img[src*="survey-control-golden-globe.png"] { width: 260px !important; height: 72px !important; }
body.home .primary-nav { gap: 20px; }
body.home .primary-nav a { font-size: 13px; }
body.home .language-switch a, body.home .sign-in { min-height: 44px; display: inline-flex; align-items: center; }
body.home .start-button { min-height: 44px; display: inline-flex; align-items: center; }
body.home .gg-page {
  --gg-gold: #f5c55c;
  --gg-copy: #dde9f2;
  width: min(100%, 1540px);
  margin: 0 auto;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: #0b2c4b;
}
.gg-page::before { content: ''; position: absolute; z-index: -2; inset: 0 0 auto; aspect-ratio: 926 / 1698; pointer-events: none; background: url('/assets/public-release-20261024-b/img/golden-globe-20261024/world.webp') center top / 100% 100% no-repeat; mask-image: linear-gradient(180deg, #000 0 76%, transparent 100%); }
.gg-page::after { content: ''; position: absolute; z-index: -1; inset: 0; pointer-events: none; background: linear-gradient(90deg, #061c3699, transparent 58%), linear-gradient(180deg, transparent 0 17%, #08254366 29% 61%, transparent 77%, #081f35 100%); }
.gg-hero { min-height: clamp(660px, 54vw, 830px); padding: clamp(60px, 7vw, 110px) clamp(28px, 5.5vw, 84px) 100px; }
.gg-hero-copy { width: min(58%, 720px); text-shadow: 0 2px 16px #00162b; }
.gg-kicker { color: var(--gg-gold); font-size: 11px; line-height: 1.6; font-weight: 750; letter-spacing: .13em; text-transform: uppercase; }
.gg-hero h1 { margin: 16px 0 22px; font-size: clamp(40px, 4.2vw, 64px); line-height: 1.08; letter-spacing: -.035em; text-wrap: balance; }
.gg-page h1 span, .gg-page h2 span { color: var(--gg-gold); }
.gg-lead { max-width: 560px; font-size: clamp(17px, 1.3vw, 20px); line-height: 1.65; color: var(--gg-copy); }
.gg-actions { display: flex; flex-wrap: wrap; gap: 18px 24px; align-items: center; margin-top: 26px; }
.gg-button { display: inline-flex; align-items: center; justify-content: center; gap: 14px; min-height: 48px; padding: 13px 21px; border: 1px solid #f9d078; border-radius: 6px; background: linear-gradient(135deg, #ffdc80, #ecb43f); color: #102739; font-size: 14px; font-weight: 800; text-shadow: none; text-align: center; }
.gg-button:hover { background: #ffe19a; }
.gg-link { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; color: #97e2f5; font-size: 15px; font-weight: 650; }
.gg-link:hover { text-decoration: underline; text-underline-offset: 5px; }
.gg-section { padding: 45px clamp(28px, 5.5vw, 84px); position: relative; }
.gg-section h2 { margin: 9px 0 18px; font-size: clamp(30px, 3vw, 46px); line-height: 1.14; letter-spacing: -.025em; text-wrap: balance; }
.gg-section p { color: var(--gg-copy); font-size: 17px; line-height: 1.65; }
.gg-section .gg-kicker { color: var(--gg-gold); font-size: 11px; }
.gg-source { display: grid; grid-template-columns: .95fr 1.05fr; gap: 70px; align-items: center; padding-top: 24px; padding-bottom: 60px; }
.gg-source::before { content: ''; position: absolute; top: 0; left: 5.5%; width: 42%; height: 1px; background: linear-gradient(90deg, #eab84388, transparent); }
.gg-route { display: grid; gap: 0; list-style: none; margin: 0; padding: 0; position: relative; }
.gg-route::before { content: ''; position: absolute; left: 25px; top: 37px; bottom: 37px; width: 1px; background: linear-gradient(#f5c55c, #6ccbe6); }
.gg-route li { position: relative; }
.gg-route a { display: flex; gap: 22px; padding: 20px 0; align-items: center; }
.gg-step-number { flex: 0 0 52px; height: 52px; display: grid; place-items: center; border: 1px solid #d9b76e; border-radius: 50%; background: #0c2e4c; color: var(--gg-gold); font-size: 17px; box-shadow: 0 0 22px #4cc4f61f; }
.gg-route strong { display: block; font-size: 20px; }
.gg-route small { display: block; margin-top: 6px; color: var(--gg-copy); font-size: 15px; line-height: 1.5; }
.gg-route a:hover strong { color: var(--gg-gold); }
.gg-viewer { padding-top: 36px; padding-bottom: 55px; }
.gg-section-heading { display: grid; grid-template-columns: 1fr 1fr; align-items: end; gap: 50px; margin-bottom: 24px; }
.gg-section-heading p { margin: 0 0 17px; }
.gg-section-heading .gg-kicker { margin-bottom: 0; }
.gg-viewer-frame { margin: 0; border: 1px solid #63bdd078; border-radius: 9px; overflow: hidden; background: #0b243b; box-shadow: 0 20px 70px #02132680; }
.gg-viewer-bar { display: flex; justify-content: space-between; gap: 14px; padding: 17px 22px; border-bottom: 1px solid #61afc65c; color: #dfeef6; font-size: 11px; letter-spacing: .08em; }
.gg-map-art { display: block; width: 100%; height: auto; object-fit: contain; object-position: center; }
.gg-viewer-frame figcaption { padding: 14px 22px; color: #c3d6e4; font-size: 13px; line-height: 1.6; }
.gg-viewer-entry { display: flex; align-items: center; flex-wrap: wrap; gap: 22px; margin-top: 22px; }
.gg-viewer-entry > span { font-size: 14px; color: #d7e5ed; }
.gg-document { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr); gap: 55px; align-items: center; padding-top: 70px; padding-bottom: 70px; }
.gg-document-copy { padding: 25px; background: #082745cf; border-left: 1px solid #e5be6977; border-radius: 0 6px 6px 0; }
.gg-paper { margin: 0; background: #f9fbfe; color: #19354b; border: 1px solid #c0d1dd; border-radius: 4px; box-shadow: 0 24px 60px #02132680; overflow: hidden; }
.gg-paper-brand { padding: 14px 20px; background: #0d2c42; }
.gg-paper-brand img { display: block; width: 185px; max-width: 100%; height: auto; }
.gg-paper .sc-r48-sheet { margin: 0; padding: 23px; color: #19354b; background: #fff; font-size: 10px; }
.gg-paper .sc-r48-sheet header { display: flex; justify-content: space-between; gap: 12px; align-items: start; }
.gg-paper .sc-r48-sheet small { color: #365c75; font-size: 9px; letter-spacing: .08em; }
.gg-paper .sc-r48-sheet h3 { margin: 8px 0 12px; font-size: 20px; line-height: 1.25; }
.gg-paper .sc-r48-sheet-meta { display: grid; gap: 6px; font-size: 8px; color: #99471e; }
.gg-paper .sc-r48-sheet-rule { border-top: 2px solid #1d587e; margin: 14px 0; }
.gg-paper .sc-r48-sheet-body { display: grid; grid-template-columns: minmax(0, .4fr) minmax(0, .6fr); gap: 15px; }
.gg-paper .sc-r48-sheet h4 { font-size: 9px; color: #1b5074; margin: 20px 0 10px; }
.gg-paper .sc-r48-sheet aside > div { display: grid; gap: 4px; padding: 6px 0; border-bottom: 1px solid #dfe8ee; }
.gg-paper .sc-r48-sheet aside span { color: #697e8c; }
.gg-paper .sc-r48-sheet-body section { min-width: 0; padding-right: 15px; }
.gg-paper .sc-r48-table { border-block: 1px solid #cadce7; min-height: 215px; }
.gg-paper .sc-r48-table .is-head { display: grid; grid-template-columns: repeat(7, 1fr); gap: 4px; padding: 9px 2px; font-size: 8px; background: #edf3f7; }
.gg-paper .sc-r48-table p { color: #516d80; font-size: 12px; line-height: 1.7; padding: 25px 12px; text-align: center; }
.gg-paper .sc-r48-evidence { display: flex; flex-wrap: wrap; gap: 12px; border-top: 1px solid #cadce7; margin-top: 20px; padding-top: 13px; color: #345b77; font-size: 9px; }
.gg-paper .sc-r48-evidence strong { width: 100%; }
.gg-paper .sc-r48-evidence span { margin-right: 5px; font-weight: 800; }
.gg-paper .sc-r48-sheet footer { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px; margin-top: 25px; font-size: 8px; color: #516d80; }
.gg-paper > figcaption { padding: 15px 20px; background: #eaf1f6; color: #294a61; font-size: 12px; line-height: 1.65; border-top: 1px solid #c0d1dd; }
.gg-close { margin: 20px auto 0; padding-top: 65px; padding-bottom: 65px; background: linear-gradient(90deg, #082541db, #082541a8); border-top: 1px solid #d5ad5c55; }
.gg-close p { max-width: 740px; }
body.home .sc-image-disclosure { padding: 22px clamp(28px, 5.5vw, 84px); border-top: 1px solid #b5924e55; background: #0b293f; color: #cfdee8; font-size: 13px; line-height: 1.7; }
body.home .sc-image-disclosure summary { cursor: pointer; color: #e5c47b; min-height: 24px; }
body.home .sc-image-disclosure p { max-width: 1000px; }
body.home .site-footer { background: #092337; padding: 24px 0; font-size: 12px; }
body.home .footer-inner, body.home .footer-links { flex-wrap: wrap; gap: 18px 22px; }
body.home .footer-brand { display: block; }
body.home .footer-brand img { display: block; width: 210px; max-width: 100%; height: auto; }
body.home .footer-brand > span { display: none; }
body.home .footer-links a { min-height: 32px; display: inline-flex; align-items: center; }

/* Ron: no large dark field around the document. Retain the Golden Globe hero. */
.gg-document, .gg-close {
  --gg-copy: #405568;
  --gg-gold: #855317;
  color: #19354b;
  background: linear-gradient(120deg, #dce7ed, #f1dfc4);
}
.gg-document { gap: 32px; padding-top: 40px; padding-bottom: 40px; }
.gg-document-copy { background: transparent; border-left-color: #b78b4870; }
.gg-document-copy h2, .gg-close h2 { color: #19354b; }
.gg-document .gg-link, .gg-close .gg-link { color: #245d73; }
.gg-paper { box-shadow: 0 14px 38px #58452c26; }
.gg-close { margin-top: 0; padding-top: 40px; padding-bottom: 40px; border-top-color: #b78b4850; }

@media (max-width: 1200px) {
  body.home .primary-nav { display: none; }
  body.home .language-switch { margin-left: auto; }
  body.home .menu { display: block; }
  body.home .menu > summary { display: flex !important; min-height: 44px; align-items: center; }
  body.home .menu-panel { top: 82px; max-height: calc(100svh - 82px); overflow-y: auto; background: #09263d; }
  body.home .site-menu { gap: 28px; }
  .gg-hero { min-height: 650px; }
  .gg-hero-copy { width: 61%; }
  .gg-source { gap: 40px; }
  .gg-section-heading { gap: 30px; }
  .gg-document { gap: 25px; }
}
@media (max-width: 760px) {
  body.home .header-inner { height: 72px; gap: 12px; }
  body.home .logo-link { flex-basis: 166px; width: 166px; height: 55px; }
  html body.home header.site-header .logo-link img[src*="survey-control-golden-globe.png"] { width: 166px !important; height: 47px !important; }
  body.home .start-button { display: none; }
  body.home .sign-in { font-size: 11px; }
  body.home .menu-panel { top: 72px; max-height: calc(100svh - 72px); padding: 24px; }
  body.home .site-menu { grid-template-columns: 1fr 1fr; }
  body.home .menu-group a { padding: 11px 0; font-size: 15px; }
  body.home .language-switch { font-size: 11px; }
  body.home .gg-page { background-size: 100% auto; }
  .gg-page::after { background: linear-gradient(180deg, transparent, #082b49aa 220px, #0a2b49 590px, #0c3050c9 1600px, #0a2a45); }
  .gg-hero { min-height: 0; padding: clamp(250px, 65vw, 440px) 24px 35px; }
  .gg-hero-copy { width: 100%; }
  .gg-hero h1 { font-size: clamp(34px, 8.5vw, 50px); line-height: 1.1; }
  .gg-kicker { font-size: 10px; }
  .gg-lead { font-size: 17px; }
  .gg-actions { gap: 14px; align-items: stretch; flex-direction: column; }
  .gg-button { width: 100%; font-size: 15px; }
  .gg-link { font-size: 16px; }
  .gg-section { padding: 34px 24px; }
  .gg-section h2 { font-size: 33px; }
  .gg-section p { font-size: 16px; }
  .gg-source, .gg-section-heading, .gg-document { display: grid; grid-template-columns: 1fr; gap: 24px; }
  .gg-source::before { left: 24px; width: calc(100% - 48px); }
  .gg-route a { gap: 18px; padding: 16px 0; }
  .gg-route strong { font-size: 19px; }
  .gg-route small { font-size: 16px; }
  .gg-section-heading { gap: 0; margin-bottom: 18px; }
  .gg-viewer { padding-inline: 12px; }
  .gg-section-heading, .gg-viewer-entry { margin-inline: 12px; }
  .gg-viewer-bar { padding: 14px 12px; font-size: 9px; }
  .gg-viewer-bar > span:last-child { display: none; }
  .gg-map-art { object-fit: contain; max-height: none; }
  .gg-viewer-frame figcaption { font-size: 13px; padding: 14px; }
  .gg-viewer-entry { gap: 14px; }
  .gg-document-copy { grid-row: 1; padding: 0; border: 0; background: transparent; }
  .gg-paper .sc-r48-sheet { padding: 16px; }
  .gg-paper .sc-r48-sheet h3 { font-size: 17px; }
  .gg-paper .sc-r48-sheet-body { grid-template-columns: 1fr; }
  .gg-paper .sc-r48-sheet-body aside { display: grid; grid-template-columns: 1fr 1fr; gap: 0 14px; }
  .gg-paper .sc-r48-sheet h4 { grid-column: 1 / -1; font-size: 10px; }
  .gg-paper .sc-r48-table { min-height: 120px; }
  .gg-paper .sc-r48-table .is-head { font-size: 9px; }
  .gg-paper .sc-r48-sheet-body section { padding-right: 0; }
  .gg-paper .sc-r48-sheet aside > div { font-size: 11px; }
  .gg-paper .sc-r48-sheet footer { font-size: 9px; }
  .gg-close { margin-top: 0; }
  body.home .sc-image-disclosure { padding: 20px 24px; }
  body.home .footer-inner { display: grid; padding: 0 10px; }
  body.home .footer-links { gap: 10px 20px; font-size: 13px; }
  body.home .domain-pair { width: 100%; }
}
@media (max-width: 350px) {
  body.home .header-inner { gap: 7px; width: calc(100% - 20px); }
  body.home .logo-link { flex-basis: 145px; width: 145px; }
  body.home .logo-link img { max-width: 100% !important; }
  body.home .sign-in { font-size: 10px; }
  body.home .language-switch { gap: 4px; }
  body.home .site-menu { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) {
  .gg-page *, .gg-page *::before, .gg-page *::after { animation: none !important; transition: none !important; }
}