/* GreekReel / responsive gateway typography v6.
   One centered sentence, always one line. A conservative viewport-scaled
   font size fits the longest category without absolute positioning or JS. */
html.gr-entry-landing .gr-home .gateway-intro{
  justify-content:center;align-items:center;
  width:100%;text-align:center;
}
html.gr-entry-landing .gr-home .gateway-intro>div{
  width:100%;min-width:0;max-width:none;
}
html.gr-entry-landing .gr-home .gateway-intro h1{
  display:block;position:static;
  width:100%;max-width:none;
  min-height:1.08em;
  margin:0 auto;
  white-space:nowrap;
  text-wrap:nowrap;
  text-align:center;
  font:750 clamp(10px,2.25vw,34px)/1.08 Commissioner,Arial,sans-serif;
  letter-spacing:-.052em;
}
html.gr-entry-landing .gr-home .gateway-intro h1 .gateway-headline-static,
html.gr-entry-landing .gr-home .gateway-intro h1 .gateway-headline-dynamic{
  display:inline;position:static;
  width:auto;max-width:none;
  min-height:0;
  margin:0;padding:0;
  white-space:inherit;text-align:inherit;
  transform:none;font-style:normal;
}
html.gr-entry-landing .gr-home .gateway-intro h1 .gateway-headline-dynamic{
  transition:opacity .16s ease;
}
html.gr-entry-landing .gr-home .gateway-intro h1 .gateway-headline-dynamic.is-switching{
  opacity:.28;
  transform:none;
}
@media(prefers-reduced-motion:reduce){
  html.gr-entry-landing .gr-home .gateway-intro h1 .gateway-headline-dynamic{
    transition:none!important;
  }
}
/* At each viewport size the very same font-size variable applies to every
   category title AND every item revealed by the hover/touch service list. */
html.gr-entry-landing .gr-home .gateway-grid{
  --gr-gateway-display-size:clamp(1.8rem,min(3.05vw,5.6svh),3.6rem);
  --gr-gateway-subtitle-size:clamp(.7rem,.95vw,.88rem);
}
html.gr-entry-landing .gr-home .gateway-card .gateway-title{
  left:10px;right:10px;
  top:50%;bottom:auto;
  width:calc(100% - 20px);max-width:none;
  transform:translateY(-50%);
  opacity:1;visibility:visible;
  text-align:center;text-wrap:balance;overflow-wrap:normal;
  font:750 var(--gr-gateway-display-size)/1.03 Commissioner,Arial,sans-serif;
  letter-spacing:-.063em;
  z-index:3;
  transition:opacity .2s ease,visibility .2s ease;
}
html.gr-entry-landing .gr-home .gateway-card .gateway-purpose{
  left:10px;right:10px;width:calc(100% - 20px);
  bottom:clamp(12px,2.1svh,24px);
  text-align:center;
  font-size:var(--gr-gateway-subtitle-size);
  font-weight:600;line-height:1.25;
  color:#e7e7e9;
}
html.gr-entry-landing .gr-home .gateway-card .gateway-hover-details{
  inset:0;z-index:5;
  display:flex;align-items:center;justify-content:center;
  padding:clamp(9px,1.3vw,20px);
  background:rgba(0,0,0,.80);
  pointer-events:none;
}
html.gr-entry-landing .gr-home .gateway-card .gateway-hover-list{
  width:100%;min-width:0;
  align-items:stretch;
  justify-content:center;
  gap:clamp(9px,2.2svh,20px);
}
html.gr-entry-landing .gr-home .gateway-card .gateway-hover-service{
  border:0;padding:0;margin:0;
  width:100%;max-width:none;
  text-align:center;white-space:normal;
  font:750 var(--gr-gateway-display-size)/1.04 Commissioner,Arial,sans-serif;
  letter-spacing:-.058em;
  color:#fff;
  overflow-wrap:break-word;
}
/* Three alternatives are peers, separated by hairlines rather than bullets.
   No added panel or large gap that would clip a short-height card. */
html.gr-entry-landing .gr-home .gateway-card .gateway-hover-list{
 gap:0;
}
html.gr-entry-landing .gr-home .gateway-card .gateway-hover-service{
 padding:clamp(7px,1.25svh,12px) 0;
 border:0;
}
html.gr-entry-landing .gr-home .gateway-card .gateway-hover-service + .gateway-hover-service{
 border-top:1px solid rgba(255,255,255,.48);
}
@media(max-width:650px){
 html.gr-entry-landing .gr-home .gateway-card .gateway-hover-service{
   padding:clamp(3px,.9svh,8px) 0;
 }
}
/* Letter fitting uses a single measured variable shared by all four cards.
   Keep each word break natural. No hidden overflow or truncation is allowed. */
html.gr-entry-landing .gr-home .gateway-card .gateway-hover-service{
  overflow-wrap:break-word;
  hyphens:auto;
}
/* All preview methods use the same visual state: mouse hover, keyboard focus
   and a touch press-and-hold. The category title fully leaves the card. */
html.gr-entry-landing .gr-home .gateway-card:is(:hover,:focus,:focus-visible,.gr-touch-preview) .gateway-title{
  opacity:0!important;visibility:hidden!important;
  transform:translateY(-50%)!important;
  top:50%!important;bottom:auto!important;
}
html.gr-entry-landing .gr-home .gateway-card:is(:hover,:focus,:focus-visible,.gr-touch-preview) .gateway-purpose{
  opacity:0!important;
}
html.gr-entry-landing .gr-home .gateway-card:is(:hover,:focus,:focus-visible,.gr-touch-preview) .gateway-hover-details{
  visibility:visible!important;
  opacity:1!important;
  transform:none!important;
  transition-delay:0s!important;
}
/* A touch-selected preview is visually identical to a hovered one. */
html.gr-entry-landing .gr-home .gateway-card.gr-touch-preview .gateway-media{
  opacity:.22;
}
@media(max-width:1050px){
  html.gr-entry-landing .gr-home .gateway-grid{
    --gr-gateway-display-size:clamp(1.6rem,min(4.15vw,4.9svh),3.1rem);
    --gr-gateway-subtitle-size:clamp(.68rem,1.3vw,.85rem);
  }
}
@media(max-width:650px){
  html.gr-entry-landing .gr-home .gateway-grid{
    --gr-gateway-display-size:clamp(1.06rem,min(4.9vw,3.25svh),1.72rem);
    --gr-gateway-subtitle-size:clamp(.58rem,2.45vw,.7rem);
  }
  html.gr-entry-landing .gr-home .gateway-card .gateway-title{
    left:6px;right:6px;width:calc(100% - 12px);
    letter-spacing:-.054em;
  }
  html.gr-entry-landing .gr-home .gateway-card .gateway-purpose{
    left:6px;right:6px;width:calc(100% - 12px);
    bottom:clamp(7px,1.5svh,13px);
  }
  html.gr-entry-landing .gr-home .gateway-card .gateway-hover-details{
    padding:8px 6px;
  }
  html.gr-entry-landing .gr-home .gateway-card .gateway-hover-list{
    gap:clamp(6px,1.4svh,13px);
  }
}
@media(max-width:355px){
  html.gr-entry-landing .gr-home .gateway-grid{
    --gr-gateway-display-size:clamp(.99rem,4.85vw,1.18rem);
    --gr-gateway-subtitle-size:.56rem;
  }
}
@media(prefers-reduced-motion:reduce){
  html.gr-entry-landing .gr-home .gateway-card .gateway-title{
    transition:none!important;
  }
}

.gr-audience main>.hero>.wrap{
  width:min(1610px,calc(100% - 2*clamp(20px,4.4vw,76px)));
  max-width:none;
}
.gr-audience .gr-category-masthead{
  width:100%;max-width:none;
  margin:0 0 clamp(20px,3.6svh,39px);
  color:#fff;
  font:750 clamp(4rem,10.8vw,11.4rem)/.88 Commissioner,Arial,sans-serif;
  letter-spacing:-.078em;
  text-wrap:balance;
}
.gr-audience .gr-category-masthead[data-group="actors"]{font-size:clamp(4.5rem,14.8vw,15.5rem)}
.gr-audience .gr-category-masthead[data-group="artists"]{font-size:clamp(3.7rem,10.2vw,10.8rem)}
.gr-audience .gr-category-masthead[data-group="theatre"]{font-size:clamp(2.6rem,6.2vw,7.1rem)}
.gr-audience .gr-category-masthead[data-group="social"]{font-size:clamp(4.2rem,12vw,12rem)}
.gr-audience .hero-layout{grid-template-columns:minmax(0,1fr) minmax(270px,.8fr);gap:clamp(22px,4vw,76px)}
.gr-audience .hero h1{
  max-width:24ch;
  font-size:clamp(1.7rem,2.55vw,3.15rem);
  line-height:1.12;
  margin:0 0 clamp(12px,2svh,23px);
}
.gr-audience .hero .lead{max-width:60ch;font-size:clamp(.95rem,1.15vw,1.15rem)}
.gr-audience .hero-image{height:clamp(235px,40svh,540px);max-height:none}
@media(max-width:1050px){
 html.gr-entry-landing .gr-home .gateway-card .gateway-title{
   font-size:clamp(1.45rem,3.35vw,2.55rem);
 }
 .gr-audience .gr-category-masthead{font-size:clamp(3.5rem,10vw,7.7rem)}
 .gr-audience .gr-category-masthead[data-group="actors"]{font-size:clamp(4rem,13.2vw,10rem)}
 .gr-audience .gr-category-masthead[data-group="theatre"]{font-size:clamp(2.45rem,5.8vw,5.3rem)}
 .gr-audience .hero-image{height:clamp(220px,35svh,420px)}
}
@media(max-width:650px){
 html.gr-entry-landing .gr-home .gateway-card .gateway-title{
   left:10px;right:9px;
   bottom:clamp(40px,6.4svh,54px);
   font-size:clamp(1.03rem,4.85vw,1.48rem);
   line-height:1.04;letter-spacing:-.052em;
 }
 html.gr-entry-landing .gr-home .gateway-card .gateway-purpose{
   left:10px;right:9px;
   bottom:clamp(9px,1.8svh,16px);
   font-size:clamp(.59rem,2.45vw,.71rem);
 }
 .gr-audience main>.hero>.wrap{width:calc(100% - 36px)}
 .gr-audience .gr-category-masthead{
   margin-bottom:clamp(17px,3svh,26px);
   font-size:clamp(2.45rem,11vw,4.7rem);
   line-height:.96;letter-spacing:-.069em;
   overflow-wrap:normal;
 }
 .gr-audience .gr-category-masthead[data-group="actors"]{font-size:clamp(3.1rem,14vw,5.4rem)}
 .gr-audience .gr-category-masthead[data-group="artists"]{font-size:clamp(2.65rem,10.5vw,4.7rem)}
 .gr-audience .gr-category-masthead[data-group="theatre"]{font-size:clamp(2.15rem,8.1vw,3.4rem)}
 .gr-audience .gr-category-masthead[data-group="social"]{font-size:clamp(3rem,12vw,5rem)}
 .gr-audience .hero-layout{grid-template-columns:1fr;gap:clamp(14px,2.5svh,26px)}
 .gr-audience .hero h1{font-size:clamp(1.6rem,6.1vw,2.15rem);margin-bottom:13px}
 .gr-audience .hero-image{height:clamp(205px,31svh,335px);max-height:none}
}
@media(max-width:360px){
 html.gr-entry-landing .gr-home .gateway-card .gateway-title{
  font-size:clamp(.96rem,4.55vw,1.09rem);
 }
 .gr-audience .gr-category-masthead[data-group="theatre"]{
  font-size:clamp(1.95rem,7.6vw,2.4rem);
 }
}


/* The category names belong at the bottom of their photographic cards.
   Individual words in the hover offerings must NEVER be split. */
html.gr-entry-landing .gr-home .gateway-card .gateway-title{
  top:auto!important;
  bottom:clamp(46px,6.5svh,75px)!important;
  transform:none!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  hyphens:none!important;
}
html.gr-entry-landing .gr-home .gateway-card .gateway-hover-service{
  overflow-wrap:normal!important;
  word-break:normal!important;
  hyphens:none!important;
}
/* Center the entire header group, only on the standalone gateway page. */
html.gr-entry-landing body.gr-home .site-header .header-row{
  justify-content:center;
  gap:clamp(13px,3vw,46px);
}
html.gr-entry-landing body.gr-home .site-header .header-end{
  margin-left:0;gap:clamp(8px,1.8vw,22px);
}
@media(max-width:650px){
  html.gr-entry-landing .gr-home .gateway-card .gateway-title{
    bottom:clamp(34px,5.8svh,52px)!important;
  }
  html.gr-entry-landing body.gr-home .site-header .header-row{
    width:calc(100% - 24px);
    gap:clamp(7px,2.6vw,16px);
  }
  html.gr-entry-landing body.gr-home .site-header .wordmark{
    width:clamp(108px,31vw,165px);
  }
  html.gr-entry-landing body.gr-home .site-header .header-end{
    gap:clamp(4px,1.7vw,10px);
  }
  html.gr-entry-landing body.gr-home .site-header .lang{
    font-size:clamp(.7rem,2.5vw,.83rem);gap:3px;
  }
  html.gr-entry-landing body.gr-home .site-header .header-contact{
    padding:8px 9px;font-size:clamp(.65rem,2.35vw,.78rem);
  }
}