/* ========================================================================
   GREEKREEL — CINEMATIC NIGHT EXPERIMENT / v2.
   Restorable light version: greekreel-light-v1 branch.
   Optimized for readable prices, forms and headings; atmosphere in imagery.
   ======================================================================== */
:root {
  color-scheme:dark;
  --paper:#000000;
  --ink:#F3F3F4;
  --pine:#F98C9B;
  --blue:#EF0D2B;
  --blue-deep:#CA0B24;
  --muted:#C9ACB0;
  --line:#43292C;
  --gr-dark:#000000;
  --gr-white:#F3F3F4;
}
html,body{background:#000000;color:#F3F3F4}
::selection{background:#BA182E;color:#fff}
.eyebrow,.number,.num,.scope-index,.finder-number{color:#F98F9D}
.muted,.location,.scope-card p,.step p,.studio-principles span,
.gr-home .hero-lead,.gr-home .scope-note,.gr-home .section-intro{color:var(--muted)}
a{transition:color .22s ease}
a:hover{color:#FAA1AD}
.gr-home .site-header,.gr-service .site-head,.gr-audience .head{
  background:rgba(7,10,15,.88);
  border-color:rgba(155,181,215,.15);
  backdrop-filter:blur(20px);
}
.gr-home .brand-label{color:#D8B8BC}
.gr-home #site-nav a,.gr-service .head-nav a,.gr-audience .nav a{color:#F0DBDE}
.gr-home #site-nav a:hover,.gr-service .head-nav a:hover,.gr-audience .nav a:hover{color:#FAA1AD}
.gr-home .lang a,.gr-audience .lang a,.gr-service .lang a{color:#F6E2E5}
.gr-home .lang a[aria-current]{color:#FA97A4}
.gr-home .header-contact{background:transparent;border:1px solid #F87183;color:#F1F7FF}
.gr-home .header-contact:hover{background:#8A0D1E;border-color:#FA97A4}
.gr-home .menu-toggle{border-color:#9D646C;color:#F3F3F4}
.gr-home .divider{color:#A9888C}
.gr-home #site-nav.open{background:#0B1018;border-color:#58353A;box-shadow:0 20px 32px #000a}
.gr-home .hero{
  position:relative;
  isolation:isolate;
  border-bottom:1px solid #331519;
  background:#000000;
}
.gr-home .hero::before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:#000000;
}
.gr-home .hero-topline{border-color:#563439}
.gr-home .hero-topline .eyebrow{color:#FA99A6}
.gr-home .hero-topline .location{color:#C9ACB0}
.gr-home .hero-grid{
  display:block;position:relative;isolation:isolate;overflow:hidden;
  min-height:clamp(570px,63vw,740px);
}
.gr-home .hero-copy{
  position:relative;z-index:3;
  width:min(68%,800px);
  min-height:clamp(570px,63vw,740px);
  padding:clamp(65px,11vw,150px) clamp(15px,4vw,52px) clamp(90px,10vw,130px) 0;
}
.gr-home .hero-copy h1{
  position:relative;
  font-size:clamp(3.1rem,5.9vw,6.7rem);
  letter-spacing:-.068em;
  color:#F1F5FC;
  text-shadow:0 2px 30px rgba(0,0,0,.35);
}
.gr-home .hero-copy h1 em{color:#F87E8E}
.gr-home .hero-lead{color:#E4CCCF;max-width:500px}
.gr-home .hero-frame{
  position:absolute;inset:0 0 0 29%;z-index:1;
  min-height:0;overflow:hidden;background:#000000;
}
.gr-home .hero-frame::after{
  content:"";pointer-events:none;position:absolute;inset:0;z-index:2;
  background:
    linear-gradient(90deg,#000000 0%,rgba(8,11,16,.90) 12%,rgba(8,11,16,.4) 37%,transparent 70%),
    linear-gradient(0deg,#000000 0%,transparent 34%),
    linear-gradient(180deg,rgba(8,11,16,.35) 0%,transparent 25%);
}
.gr-home .showcase-track,.gr-home .showcase-slide,.gr-home .showcase-slide img{height:100%}
.gr-home .showcase-slide img{
  object-fit:cover;object-position:center;
  filter:brightness(.73) saturate(.77) contrast(1.16);
  transform:scale(1.035);
  transition:filter 1.1s ease,transform 7s ease;
}
.gr-home .showcase-slide.is-active img{
  filter:brightness(.86) saturate(.82) contrast(1.11);
  transform:scale(1);
}
.gr-home .showcase-slide{transition:opacity 1.15s ease}
.gr-home .frame-meta{z-index:3;left:auto;max-width:72%;color:#F2F5FC;background:none;bottom:26px}
.gr-home .frame-meta .frame-tag{color:#FAD8DD}
.gr-home .showcase-controls{z-index:4;bottom:26px;left:32px}
.gr-home .showcase-dot{background:rgba(211,229,255,.38);height:3px}
.gr-home .showcase-dot.is-active{background:#F8798A}
.gr-home .hero-footer{color:#DDC0C4;border-color:#47262A;margin-top:0}
.gr-home .hero-footer .num{color:#F98998}
.gr-home .button,.gr-service .button{color:#fff;background:#EF0D2B;border-color:#EF0D2B}
.gr-home .button:hover,.gr-service .button:hover{background:#CA0B24;border-color:#CA0B24;color:#fff}
.gr-home .text-link{color:#FEE9EC}
.gr-home .text-link:hover{color:#FAA4AF}
.gr-home .section{position:relative}
.gr-home .section-head h2,.gr-audience .section-label h2,.gr-service .section-head h2{color:#F0F5FC}
.gr-home .finder-card,.gr-home .scope-card,
.gr-service .card,.gr-service .hub-card,.gr-service .related a,
.gr-audience .service,.gr-home .price-card{
  color:#E9EFF8;
  background:#000000;
  border:1px solid #492B2F;
  box-shadow:inset 0 1px 0 rgba(164,190,229,.06);
}
.gr-home .finder-card:hover,.gr-home .scope-card:hover,
.gr-service .hub-card:hover,.gr-service .related a:hover,.gr-audience .service:hover{
  border-color:#C55F6D;
  box-shadow:0 17px 46px rgba(0,0,0,.35),inset 0 1px 0 rgba(164,190,229,.08);
  background:#000000;
}
.gr-home .finder-card h3,.gr-home .scope-card h3,
.gr-service .card h3,.gr-audience .service h3{color:#F0F5FC}
.gr-home .finder-card p,.gr-home .finder-links a,
.gr-home .scope-card p,.gr-audience .service p,.gr-service .card p,
.gr-service .hub-card p,.gr-service .related strong{color:#E3C9CC}
.gr-home .finder-links,.gr-home .scope-card .package-spec{border-color:#533539}
.gr-home .finder-number,.gr-home .scope-index,.gr-home .finder-primary,
.gr-home .finder-links small,.gr-service .hub-card em,.gr-audience .service-footer a{color:#FA97A5}
.gr-home .finder-primary:hover,.gr-home .finder-links a:hover{color:#FCCBD1}
.gr-home .scope-card .button{
  color:#FEE9EC;background:transparent;border:1px solid #C36B77;
}
.gr-home .scope-card .button:hover{color:#fff;background:#CA0B24;border-color:#CA0B24}
.gr-home .work-section,.gr-home .contact,.gr-service .process,.gr-audience .outcomes{background:#000000;color:#F1F5FC}
.gr-home .work-head p:not(.eyebrow){color:#D7B7BB}
.gr-home .work-media img,.gr-audience .hero-image img,.gr-service .portrait-example img{
  filter:brightness(.85) saturate(.82) contrast(1.12);
  transition:filter .7s ease;
}
.gr-home .work-media:hover img,.gr-audience .hero-image:hover img,.gr-service .portrait-example:hover img{
  filter:brightness(1) saturate(.93) contrast(1.05);
}
.gr-home .work-description{color:#D8B7BB}
.gr-home .step{border-color:#6F454B}
.gr-home .step p,.gr-home .studio-block p{color:#DCBEC2}
.gr-home .contact{border-top:1px solid #532A2F}
.gr-home .contact .eyebrow{color:#FA97A5}
.gr-home .field :is(input,textarea,select),
.gr-home .field :is(input,textarea,select)::placeholder{color:#F8DCE0}
.gr-home .field :is(input,textarea,select){
  color:#F1F5FC;background:#251114;border:1px solid #8F6268;
}
.gr-home .field :is(input,textarea,select)::placeholder{color:#CBAAAE}
.gr-home .field :is(input,textarea,select):focus{outline:2px solid #F995A2}
.gr-home .brief-form .button{color:#fff;background:#EF0D2B;border-color:#EF0D2B}
.gr-home .brief-form .button:hover{background:#CA0B24;border-color:#CA0B24}
.gr-home .brief-copy,.gr-home .contact-links a{color:#FAE1E4}
.gr-home .form-note,.gr-home .form-status{color:#E0BDC2}
.gr-home .selected-package{border-color:#A46A72}
.gr-home .mobile-contact{background:#080D15;border-color:#563136}
.gr-home .mobile-contact a{color:#FCE9EC}
.gr-home .mobile-contact a:last-child{background:#EF0D2B;color:#fff}
.gr-service .hero,.gr-audience .hero{background:#000000;
  color:#F4F8FF;border:1px solid #B54655;
}
.gr-service .price-card .price{color:#fff}
.gr-service .price-card small{color:#F5CDD2;opacity:1}
.gr-service .clean-list div,.gr-service .faq details{border-color:#553539}
.gr-service .section,.gr-audience .section{border-color:#46262A}
.gr-service .section-head .eyebrow,.gr-audience .eyebrow{color:#FA97A4}
.gr-service .process .card{background:#200D10;border-color:#59353A}
.gr-service .cta,.gr-audience .next{
  background:#000000;
  color:#EDF4FF;
  border-top:1px solid #9F3442;
}
.gr-service .cta .button.light,.gr-audience .next a.cta{
  background:#EF0D2B;color:#fff;border-color:#EF0D2B;
}
.gr-service .cta .button.light:hover,.gr-audience .next a.cta:hover{background:#CA0B24}
.gr-audience .hero-side{
  background:#000000;
  border-top:2px solid #F87788;
  color:#F3F6FC;
}
.gr-audience .hero-side .eyebrow,.gr-audience .next .eyebrow{color:#FA9AA7}
.gr-audience .service-intro,.gr-audience .service .service-footer span{color:#E3C9CC}
.gr-audience .outcomes li{border-color:#553539}
.gr-audience .note,.gr-audience .foot{color:#D2ABB0}
.gr-service footer,.gr-audience .foot,.gr-home .site-footer{border-top:1px solid #462429}
.gr-service footer,.gr-audience .foot,.gr-home .site-footer{color:#E5CBCE}
.gr-home dialog{background:#0E1520;color:#F2F6FC;border-color:#6C4046}
.gr-home .dialog-close{color:#EDF3FD;border-color:#C78D95}
.gr-home .video-consent{color:#E6CCCF}
.gr-home .showcase-pause{color:#fff}
/* Animate entry and departure only when supported, otherwise content stays fully visible. */
@keyframes gr-emergence {
  0%{opacity:.32;transform:translateY(25px);filter:blur(2px)}
  22%{opacity:1;transform:translateY(0);filter:blur(0)}
  79%{opacity:1;transform:translateY(0);filter:blur(0)}
  100%{opacity:.48;transform:translateY(-10px);filter:blur(.8px)}
}
@keyframes gr-first-light {
  from{opacity:.18;filter:blur(9px);transform:translateY(22px)}
  to{opacity:1;filter:blur(0);transform:translateY(0)}
}
@keyframes gr-image-reveal {
  from{opacity:.45;filter:brightness(.37) blur(7px)}
  to{opacity:1;filter:brightness(1) blur(0)}
}
@media (prefers-reduced-motion:no-preference) {
  .gr-home .hero-copy{animation:gr-first-light 1.25s cubic-bezier(.2,.72,.2,1) both}
  .gr-home .hero-frame{animation:gr-image-reveal 1.6s ease both}
}
@supports(animation-timeline:view()) {
  @media (prefers-reduced-motion:no-preference) {
    .gr-home .finder-card,.gr-home .scope-card,.gr-home .section-head,
    .gr-home .work-head,.gr-home .work-media,.gr-home .studio-block,
    .gr-audience .service,.gr-audience .section-label,
    .gr-service .card,.gr-service .section-head,.gr-service .related a,
    .gr-service .hub-card,.gr-service .portrait-example {
      animation-name:gr-emergence;
      animation-duration:1ms;
      animation-timing-function:linear;
      animation-fill-mode:both;
      animation-timeline:view();
      animation-range:cover 0% cover 100%;
    }
  }
}
@media(max-width:850px) {
  .gr-home .hero-grid{min-height:580px}
  .gr-home .hero-copy{width:73%;min-height:580px;padding:85px 0}
  .gr-home .hero-frame{left:23%}
  .gr-home .hero-copy h1{font-size:clamp(2.7rem,6.8vw,4.3rem)}
}
@media(max-width:600px) {
  .gr-home .hero-grid{min-height:unset;display:flex;flex-direction:column;overflow:visible}
  .gr-home .hero-copy{width:100%;min-height:0;padding:56px 0 28px}
  .gr-home .hero-copy h1{font-size:clamp(2.55rem,9.5vw,3.7rem)}
  .gr-home .hero-frame{position:relative;inset:auto;height:auto;min-height:0;aspect-ratio:5/4}
  .gr-home .hero-frame::after{
    background:#000000;
  }
  .gr-home .frame-meta{left:0;right:0;max-width:none;bottom:13px}
  .gr-home .showcase-controls{left:14px;bottom:11px}
  .gr-home .finder-card,.gr-home .scope-card{background:#101721}
}
@media (prefers-reduced-motion:reduce) {
  .gr-home .showcase-slide,.gr-home .showcase-slide img,.gr-home .work-media img,
  .gr-audience .hero-image img,.gr-service .portrait-example img{
    animation:none!important;transition:none!important;transform:none!important;filter:none!important;
  }
}

/* GreekReel / Absolute Black × Deep Red — experiment 03.
   The light and blue-night states are preserved as GitHub branches. */
:root{
  color-scheme:dark;
  --paper:#000000;--ink:#F3F3F4;--pine:#FF7386;
  --blue:#D62842;--blue-deep:#A71931;
  --muted:#B9B9BD;--line:#29292D;--gr-dark:#000000;--gr-white:#F3F3F4;
}
html,body,.gr-home,.gr-service,.gr-audience{background:#000!important;color:#F3F3F4}
.gr-home .site-header,.gr-service .site-head,.gr-audience .head{
  background:rgba(0,0,0,.95)!important;border-color:#29292D
}
.gr-home .hero,.gr-service .hero,.gr-audience .hero,
.gr-home .hero::before,.gr-home .work-section,.gr-home .contact,
.gr-home .builder-section,.gr-service .process,.gr-audience .outcomes,
.gr-home .site-footer,.gr-service footer,.gr-audience .foot{
  background:#000!important;color:#F3F3F4
}
.gr-home .hero-frame,.gr-home .hero-frame::after{background-color:#000}
.gr-home .hero-frame::after{
  background:
  linear-gradient(90deg,#000 0%,rgba(0,0,0,.98) 8%,rgba(0,0,0,.72) 29%,rgba(0,0,0,.02) 72%),
  linear-gradient(0deg,#000 0%,transparent 35%),
  linear-gradient(180deg,rgba(0,0,0,.3),transparent 30%)!important
}
.gr-home .hero-copy h1 em,.gr-home .price-grid .price,
.gr-home .finder-number,.gr-home .finder-primary,
.gr-home .scope-index,.gr-home .location,
.gr-home .work-section .eyebrow,.gr-home .contact .eyebrow,
.gr-service .eyebrow,.gr-audience .eyebrow{
  color:#FF7386
}
.gr-home .hero-topline .location{color:#C0C0C4}
.gr-home .finder-card,.gr-home .scope-card,.gr-home .price-card,
.gr-home .builder-summary,.gr-service .price-card,
.gr-service .card,.gr-service .hub-card,.gr-service .related a,
.gr-audience .service,.gr-audience .hero-side{
  background:#000!important;color:#F3F3F4!important;border:1px solid #333337!important;
  box-shadow:none
}
.gr-home .finder-card:hover,.gr-home .scope-card:hover,
.gr-home .price-card:hover,.gr-service .hub-card:hover,
.gr-audience .service:hover{
  background:#070507!important;border-color:#A93149!important;
  box-shadow:inset 0 0 0 1px rgba(214,40,66,.13)
}
.gr-home .price-card .price,.gr-home .builder-total strong,.gr-service .price-card .price{color:#FF7688}
.gr-home .price-card h3,.gr-home .price-card p,.gr-home .price-card .package-spec,
.gr-home .finder-card h3,.gr-home .scope-card h3,
.gr-service .price-card small,.gr-audience .service h3{color:#F3F3F4}
.gr-home .price-grid{border-color:#29292D}
.gr-home .package-spec,.gr-home .scope-card .package-spec{border-color:#323236}
.gr-home .price-card.custom-teaser{border:1px solid #94213B!important;background:#100207!important}
.gr-home .price-card.custom-teaser .price{color:#FF8998}
.gr-home .button,.gr-home .brief-form .button,
.gr-service .button,.gr-service .cta .button.light,
.gr-audience .next a.cta,.gr-home .mobile-contact a:last-child{
  background:#D62842!important;border-color:#D62842!important;color:#fff!important
}
.gr-home .button:hover,.gr-home .brief-form .button:hover,
.gr-service .button:hover,.gr-audience .next a.cta:hover{
  background:#A71931!important;border-color:#A71931!important
}
.gr-home .scope-card .button{
  background:transparent!important;color:#F3F3F4!important;border-color:#A1A1A8!important
}
.gr-home .scope-card .button:hover{background:#D62842!important;border-color:#D62842!important}
.gr-home .header-contact{border-color:#D62842;background:#D62842;color:#fff}
.gr-home .header-contact:hover{background:#A71931;border-color:#A71931}
.gr-home #site-nav a:hover,.gr-service .head-nav a:hover,.gr-audience .nav a:hover,
.gr-home .text-link:hover,.gr-home .finder-primary:hover{color:#FF8B9A}
.gr-home .hero-footer,.gr-home .hero-topline,.gr-home .step{border-color:#29292D}
.gr-home .step{border-top:1px solid #38383A}
.gr-home .builder-grid,.gr-home .builder-panel,.gr-home .builder-summary{color:#F3F3F4}
.gr-home .builder-panel fieldset,.gr-home .builder-panel .choice,
.gr-home .builder-panel select{border-color:#404046;color:#F3F3F4}
.gr-home .builder-panel select{background:#080808}
.gr-home .builder-panel .choice{background:#050505}
.gr-home .builder-panel .choice:has(input:checked){border-color:#D62842;background:#160408}
.gr-home .builder-panel .choice small,.gr-home .builder-summary small{color:#C8C8CC}
.gr-home .builder-panel input{accent-color:#D62842}
.gr-home .builder-summary{border-color:#45454A!important}
.gr-home .builder-summary .eyebrow{color:#FF8393}
.gr-home .builder-section .section-intro{color:#C8C8CC}
.gr-home .field :is(input,textarea,select){background:#080808;color:#F3F3F4;border-color:#66666A}
.gr-home .field :is(input,textarea,select):focus{outline-color:#FF7688}
.gr-home .selected-package,.gr-home dialog{border-color:#5A5A5C}
.gr-home dialog{background:#060606!important}
.gr-audience .next,.gr-service .cta{background:#090103!important;border-top:1px solid #D62842}
.gr-audience .hero-image img,.gr-home .work-media img{filter:brightness(.9) saturate(.82)}
.gr-home .showcase-dot.is-active{background:#D62842;border-color:#D62842}
.gr-home .mobile-contact{background:#000;border-color:#3B3B3D}
.gr-home #site-nav.open{background:#060606;border-color:#29292D}
@media(max-width:600px){
 .gr-home .hero-frame::after{
  background:linear-gradient(0deg,#000,transparent 34%),linear-gradient(180deg,#000,transparent 29%)!important
 }
}

/* Theatre / camera tiers – budget-transparent archival vs. edited coverage */
.theatre-camera-section{background:#000;color:#F3F3F4;border-top:1px solid #303034}
.theatre-camera-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:28px}
.theatre-camera-card{border:1px solid #36363A;background:#000;padding:27px;display:flex;flex-direction:column;min-height:395px;gap:13px}
.theatre-camera-card:hover{border-color:#D62842}
.theatre-camera-card .eyebrow{color:#FF8595;font-size:.78rem;letter-spacing:.12em}
.camera-card-number{font-size:clamp(2.8rem,4.2vw,4.8rem);letter-spacing:-.07em;line-height:1;color:#F3F3F4;font-weight:750}
.camera-card-number small{font-size:.73rem;letter-spacing:.08em;font-weight:600;color:#C0C0C5}
.theatre-camera-card h3{font-family:Commissioner,Arial,sans-serif;font-size:1.15rem;letter-spacing:-.025em}
.theatre-camera-card p{color:#D2D2D6;line-height:1.55}
.theatre-camera-card .camera-scope{font-size:.88rem;color:#B7B7C0;margin-top:5px}
.camera-card-footer{display:flex;flex-direction:column;gap:10px;margin-top:auto;padding-top:16px;border-top:1px solid #333337}
.camera-card-footer strong{font-size:1.9rem;font-weight:750;color:#FF8797}
.camera-card-footer a{display:inline-block;color:#F6F6F8;font-weight:650;text-decoration:underline;text-underline-offset:4px}
.camera-pricing-note{color:#C5C5CB;font-size:.86rem;line-height:1.65;max-width:910px;margin-top:22px}
@media(max-width:850px){.theatre-camera-grid{grid-template-columns:1fr}.theatre-camera-card{min-height:0}}