
:root{--bg:#fffdf9;--bg-soft:#f7f1e8;--bg-cool:#eef2f7;--bg-culture:#e8e0d4;--text:#171512;--muted:#665f58;--accent:#c98035;--line:rgba(201,128,53,.34);--max:1220px}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--text);background:radial-gradient(circle at 8% 5%,rgba(201,128,53,.15),transparent 22%),radial-gradient(circle at 96% 92%,rgba(116,140,184,.11),transparent 24%),var(--bg)}
a{color:inherit;text-decoration:none}img{display:block;max-width:100%}p{margin:0 0 1rem;line-height:1.72}h1,h2,h3,h4{margin:0 0 .8rem;line-height:1.02;letter-spacing:-.035em}.container{width:min(calc(100% - 2rem),var(--max));margin:0 auto}
.site-header{position:sticky;top:0;z-index:1000;background:rgba(255,253,249,.9);border-bottom:1px solid rgba(201,128,53,.2);backdrop-filter:blur(12px)}.header-inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{display:flex;flex-direction:column;gap:.04rem}.brand strong{font-size:1.2rem;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}.brand span{font-size:.86rem;color:var(--muted)}.nav{display:flex;gap:1rem;flex-wrap:wrap;align-items:center}.nav a{font-size:.95rem;color:var(--muted);padding:.25rem 0;border-bottom:2px solid transparent}.nav a:hover,.nav a.active{color:var(--text);border-color:var(--accent)}
.hero{padding:4.8rem 0 1.2rem}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:end}.hero-copy{display:flex;flex-direction:column;justify-content:space-between;min-height:760px}.hero-copy-top{max-width:32rem}.hero h1{font-size:clamp(2.9rem,5.5vw,4.85rem);max-width:31rem}.hero-copy-bottom{max-width:27rem}.hero .lead{font-size:1rem;color:#403a34;max-width:25rem;margin:0 0 1rem 0}.actions{display:flex;gap:.9rem;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 1.15rem;border:1px solid var(--text);border-radius:999px;font-size:.95rem;background:transparent}.btn.primary{background:var(--text);color:#fff}
.hero-visual{display:flex;flex-direction:column;justify-content:flex-end}.hero-art{width:100%;display:flex;justify-content:center}.hero-art img{width:100%;height:auto;display:block}
.logo-band{padding:1.6rem 0 0}.logo-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1.1rem;align-items:end}.logo-item{display:flex;flex-direction:column;gap:.42rem;min-width:0}.logo-item .logo-wrap{height:54px;display:flex;align-items:center;justify-content:center}.logo-item img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;opacity:1}.logo-note{font-size:.72rem;line-height:1.45;color:#826f60;text-align:center}
.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.78rem;color:var(--accent);margin-bottom:1rem}.section{padding:1rem 0 4rem}.section-alt{background:var(--bg-soft)}.section-cool{background:linear-gradient(180deg,var(--bg-culture) 0%,#f1e9df 100%)}.section-head{display:grid;grid-template-columns:.92fr 1.08fr;gap:1.5rem;align-items:end;margin-bottom:1.5rem}.section h2{font-size:clamp(2.1rem,4vw,3.2rem)}.section-intro{max-width:44rem;color:var(--muted)}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.card,.lead-story,.feature,.mini-page{background:rgba(255,253,249,.78);border:1px solid rgba(201,128,53,.16)}.card{display:flex;flex-direction:column}.card .thumb{aspect-ratio:16/11;border-bottom:1px solid rgba(201,128,53,.16);background:#f7efe4}.card .thumb img{width:100%;height:100%;object-fit:cover}.card-body{padding:1rem;display:flex;flex-direction:column;flex:1}.card h3{font-size:1.18rem}.card p{color:var(--muted)}.link{display:inline-flex;gap:.35rem;color:var(--accent);font-weight:600}.card .link{margin-top:auto;padding-top:1.25rem}.meta{font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:.45rem}
.lead-story{display:grid;grid-template-columns:.72fr 1.28fr;gap:1.5rem;padding:1.1rem;align-items:stretch}.lead-story .copy{padding:.2rem 0}.lead-story h3{font-size:clamp(2rem,3vw,2.7rem)}.lead-story .media{min-height:760px;background:#f4eadc;display:flex;align-items:flex-start;justify-content:center}.lead-story .media img{width:100%;height:100%;object-fit:contain;object-position:center top}
.signal-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin:.35rem 0 2rem}.signal .label{font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:.45rem;font-weight:700}.signal p{color:var(--muted);margin:0}
.feature{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:1rem}.feature-media{min-height:430px;background:#f6ecdf}.feature-media img{width:100%;height:100%;object-fit:cover}.feature-copy{padding:.3rem .1rem}.feature-copy h3{font-size:clamp(2rem,3.1vw,2.9rem)}
.quote-quiet{
  position: relative;
  z-index: 1;padding:2.6rem 0 3.1rem;background:linear-gradient(180deg, rgba(51,74,108,.12) 0%, rgba(27,45,76,.28) 100%)}.quote-quiet .inner{max-width:40rem;margin:0 auto;text-align:center}.quote-quiet p{font-size:.98rem;line-height:1.85;color:#f6f3ee}.quote-quiet em{font-style:normal;color:#ffffff}
.mini-page{max-width:900px;margin:4rem auto;padding:2rem}.mini-page p{color:var(--muted)}
@media (max-width:1100px){.hero-grid,.section-head,.lead-story,.feature,.grid-4,.grid-3,.signal-row{grid-template-columns:1fr 1fr}.grid-4{grid-template-columns:repeat(2,1fr)}.logo-grid{grid-template-columns:repeat(3,1fr)}.hero-copy,.hero-copy-top,.hero-copy-bottom,.hero h1,.hero .lead{max-width:none}.hero-copy{min-height:auto}.lead-story .media{min-height:420px}}
@media (max-width:760px){.hero-grid,.section-head,.lead-story,.feature,.grid-4,.grid-3,.signal-row,.logo-grid{grid-template-columns:1fr}.hero-copy{min-height:auto}.lead-story .media{min-height:340px}}


/* v21 homepage refinements */
.support-metrics{
  margin-top: 1.1rem;
  display:grid;
  gap:.7rem;
}
.support-metrics .metric{
  padding-top:.15rem;
}
.support-metrics .metric .label{
  font-size:.78rem;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--accent);
  margin-bottom:.28rem;
  font-weight:700;
}
.support-metrics .metric p{
  color:var(--muted);
  margin:0;
}
.support-cards{
  margin-top: 2rem;
}
@media (max-width: 1100px){
  .support-metrics{
    margin-top: .9rem;
  }
  .support-cards{
    margin-top: 1.5rem;
  }
}


/* v22 refinements */
.quote-quiet{
  background: linear-gradient(180deg, rgba(20,30,60,.35) 0%, rgba(10,18,40,.75) 100%);
}

.support-cards{
  margin-top: 1.4rem; /* pulled up but still breathing */
}

.support-metrics{
  margin-top: .8rem;
}

/* v23 uplifting ending */
.quote-quiet{
  background: linear-gradient(180deg, #5f7fa6 0%, #7fa6c9 60%, #cfdff0 100%);
}
.quote-quiet p{
  color:#ffffff;
}

/* v24 tweak darker but still uplifting */
.quote-quiet{
  background: linear-gradient(180deg, #4f6f95 0%, #6f95bb 60%, #bcd2e8 100%);
}

/* v25 darker blue ending */
.quote-quiet{
  background: linear-gradient(180deg, #3e5f86 0%, #567aa6 55%, #9fb9d6 100%);
}

/* v26 link bottom alignment */
.lead-story .copy{
  display:flex;
  flex-direction:column;
  height:100%;
}
.lead-story .copy > a.link{
  margin-top:auto;
  padding-top:1.5rem;
}


/* v29 smoother blue fade behind play section */
.play-section-wrap{
  position: relative;
  overflow: visible;
}
.play-panel{
  position: relative;
  z-index: 1;
}
.play-section-wrap::after{
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -28px;
  height: 120px;
  background: linear-gradient(
    180deg,
    rgba(70,95,135,0.00) 0%,
    rgba(70,95,135,0.08) 25%,
    rgba(70,95,135,0.18) 55%,
    rgba(70,95,135,0.32) 85%,
    rgba(70,95,135,0.45) 100%
  );
  pointer-events: none;
  z-index: 0;
}



/* v35 vision spacing */
.section-head > div:empty{
  min-height: 1px;
}


/* v37 Vision page pattern */
.vision-support-grid{
  margin-top:1rem;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:.55rem;
}
.vision-support-grid img{
  width:100%;
  height:92px;
  object-fit:cover;
  display:block;
}
.vision-three-cards{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1rem;
}
.vision-scenarios{
  margin-top:2.4rem;
}
.vision-scenarios-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:1rem;
  margin-top:1.25rem;
}
.vision-video-card{
  background:rgba(255,253,249,.78);
  border:1px solid rgba(201,128,53,.16);
  overflow:hidden;
}
.vision-video-card video{
  width:100%;
  height:240px;
  object-fit:cover;
  display:block;
  background:#111;
}
.vision-video-card .label{
  padding:.8rem .9rem;
  font-size:.9rem;
  color:#665f58;
}
@media (max-width:1100px){
  .vision-three-cards,.vision-scenarios-grid{
    grid-template-columns:1fr;
  }
  .vision-support-grid{
    grid-template-columns:1fr 1fr;
  }
}
@media (max-width:760px){
  .vision-support-grid{
    grid-template-columns:1fr;
  }
}


/* v44 page signature fades */
body.page-vision{
  background:
    radial-gradient(circle at 8% 8%, rgba(189,157,202,0.32), transparent 24%),
    radial-gradient(circle at 8% 5%, rgba(201,128,53,.15), transparent 22%),
    radial-gradient(circle at 96% 92%, rgba(116,140,184,.11), transparent 24%),
    var(--bg);
}
body.page-systems{
  background:
    radial-gradient(circle at 8% 8%, rgba(196,225,175,0.34), transparent 24%),
    radial-gradient(circle at 8% 5%, rgba(201,128,53,.15), transparent 22%),
    radial-gradient(circle at 96% 92%, rgba(116,140,184,.11), transparent 24%),
    var(--bg);
}
body.page-culture{
  background:
    radial-gradient(circle at 8% 8%, rgba(246,131,123,0.30), transparent 24%),
    radial-gradient(circle at 8% 5%, rgba(201,128,53,.15), transparent 22%),
    radial-gradient(circle at 96% 92%, rgba(116,140,184,.11), transparent 24%),
    var(--bg);
}
body.page-play{
  background:
    radial-gradient(circle at 8% 8%, rgba(178,223,242,0.36), transparent 24%),
    radial-gradient(circle at 8% 5%, rgba(201,128,53,.15), transparent 22%),
    radial-gradient(circle at 96% 92%, rgba(116,140,184,.11), transparent 24%),
    var(--bg);
}
body.page-about{
  background:
    radial-gradient(circle at 8% 8%, rgba(236,198,107,0.34), transparent 24%),
    radial-gradient(circle at 8% 5%, rgba(201,128,53,.15), transparent 22%),
    radial-gradient(circle at 96% 92%, rgba(116,140,184,.11), transparent 24%),
    var(--bg);
}


/* v46 click-to-enlarge for non-hero images */
.zoomable-image{
  cursor: zoom-in;
}
.image-lightbox{
  position: fixed;
  inset: 0;
  background: rgba(12, 14, 18, 0.88);
  display: none;
  align-items: center;
  justify-content: center;
  padding: 2rem;
  z-index: 5000;
}
.image-lightbox.open{
  display: flex;
}
.image-lightbox img{
  max-width: min(94vw, 1600px);
  max-height: 90vh;
  width: auto;
  height: auto;
  object-fit: contain;
  box-shadow: 0 8px 40px rgba(0,0,0,0.35);
}
.image-lightbox__close{
  position: absolute;
  top: 1rem;
  right: 1rem;
  width: 44px;
  height: 44px;
  border: 1px solid rgba(255,255,255,0.35);
  border-radius: 999px;
  background: rgba(255,255,255,0.08);
  color: #fff;
  font-size: 1.5rem;
  line-height: 1;
  cursor: pointer;
}


/* v47 placeholder system */
.placeholder-box{
  width:100%;
  min-height:220px;
  border:1px dashed rgba(201,128,53,.5);
  background:
    linear-gradient(180deg, rgba(255,255,255,.35), rgba(255,255,255,.1)),
    rgba(201,128,53,.05);
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:1.25rem;
}
.placeholder-box--hero{
  min-height:560px;
}
.placeholder-box--medium{
  min-height:180px;
}
.placeholder-box--small{
  min-height:120px;
}
.placeholder-box--video{
  min-height:240px;
}
.placeholder-box__inner{
  max-width:20rem;
}
.placeholder-box__label{
  display:block;
  text-transform:uppercase;
  letter-spacing:.14em;
  font-size:.78rem;
  color:var(--accent);
  margin-bottom:.55rem;
}
.placeholder-box__text{
  color:var(--muted);
  line-height:1.55;
}
.media-grid-2x2{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:.5rem;
}
.media-grid-3{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1rem;
}
.media-grid-4{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:1rem;
}
.capability-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1rem;
  margin-top:1rem;
}
.experience-zone{
  padding:3rem 0;
}
.experience-zone__grid{
  display:grid;
  grid-template-columns:2fr 1fr;
  gap:1rem;
  margin-top:1.2rem;
}
.experience-zone__stack{
  display:grid;
  gap:1rem;
}
@media (max-width:1100px){
  .capability-grid,
  .media-grid-3,
  .experience-zone__grid{
    grid-template-columns:1fr;
  }
}
@media (max-width:760px){
  .media-grid-2x2,
  .media-grid-4{
    grid-template-columns:1fr;
  }
  .placeholder-box--hero{
    min-height:360px;
  }
}


/* v48 extended story readability */
.lead-story .copy p{max-width:38rem;}
.lead-story .copy .meta + h3 + p{margin-top:.2rem;}


/* v52 final no-image rebuild */
.nav a{
  text-transform: uppercase;
  letter-spacing: .04em;
  font-size: .83rem;
}
.nav{
  gap: 1rem;
}
.media-grid-4{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:.5rem;
}
.media-grid-4 > img,
.hero-art > img,
.lead-story .media > img,
.feature-media > img,
.thumb > img,
.experience-zone__grid > img,
.experience-zone__stack > img,
.vision-video-card > img{
  width:100%;
  display:block;
  object-fit:cover;
}
.media-grid-4 > img{ min-height:180px; }
.experience-zone__grid{
  display:grid;
  grid-template-columns:2fr 1fr;
  gap:1rem;
}
.experience-zone__stack{
  display:grid;
  gap:1rem;
}
.experience-zone__grid > img{ min-height:380px; }
.experience-zone__stack > img{ min-height:180px; }
.vision-video-card > img{ height:240px; }
@media (max-width:1000px){
  .experience-zone__grid{ grid-template-columns:1fr; }
}


/* v53 requested structure refinements */
.nav a{
  text-transform: uppercase;
  letter-spacing: .04em;
  font-size: .83rem;
}
.capability-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1rem;
  margin-top:1rem;
}
.play-gallery-grid,
.culture-four-grid,
.vision-four-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:.5rem;
  margin-top:1rem;
}
.play-gallery-grid img,
.culture-four-grid img,
.vision-four-grid img{
  width:100%;
  height:100%;
  min-height:260px;
  object-fit:cover;
  display:block;
}
.culture-four-grid img{
  min-height:300px;
}
.culture-video-slot{
  display:flex;
  justify-content:center;
  padding:1.1rem 0 .6rem;
}
.culture-video-slot video{
  width:min(100%, 560px);
  border:1px solid rgba(201,128,53,.16);
  background:#000;
  display:block;
}
.culture-practice-grid{
  display:grid;
  grid-template-columns:2fr 1fr;
  gap:1rem;
  margin-top:1rem;
}
.culture-practice-main{
  width:100%;
  min-height:520px;
  object-fit:cover;
  display:block;
}
.culture-practice-top,
.culture-practice-bottom{
  width:100%;
  min-height:252px;
  object-fit:cover;
  display:block;
}
.play-practice-grid{
  display:grid;
  grid-template-columns:2fr 1fr;
  grid-template-rows:260px 180px 180px;
  gap:1rem;
  margin-top:1rem;
}
.play-practice-main-top{
  grid-column:1;
  grid-row:1;
  width:100%;
  height:100%;
  object-fit:cover;
}
.play-practice-main-bottom{
  grid-column:1;
  grid-row:2 / span 2;
  width:100%;
  height:100%;
  object-fit:cover;
}
.play-practice-right-top{
  grid-column:2;
  grid-row:1;
  width:100%;
  height:100%;
  object-fit:cover;
}
.play-practice-right-mid{
  grid-column:2;
  grid-row:2;
  width:100%;
  height:100%;
  object-fit:cover;
}
.play-practice-right-bottom{
  grid-column:2;
  grid-row:3;
  width:100%;
  height:100%;
  object-fit:cover;
}
.vision-video-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:1rem;
  margin-top:1rem;
}
.vision-video-card{
  background:rgba(255,253,249,.78);
  border:1px solid rgba(201,128,53,.16);
}
.vision-video-card video{
  width:100%;
  aspect-ratio:16/9;
  object-fit:cover;
  display:block;
  background:#000;
}
.vision-video-card .label{
  padding:.55rem .75rem .85rem;
  color:#826f60;
  font-size:.82rem;
}
@media (max-width:1000px){
  .capability-grid,
  .play-gallery-grid,
  .culture-four-grid,
  .vision-four-grid,
  .vision-video-grid,
  .culture-practice-grid,
  .play-practice-grid{
    grid-template-columns:1fr;
  }
  .play-practice-grid{
    grid-template-rows:auto;
  }
  .play-practice-main-top,
  .play-practice-main-bottom,
  .play-practice-right-top,
  .play-practice-right-mid,
  .play-practice-right-bottom{
    grid-column:auto;
    grid-row:auto;
    min-height:240px;
  }
  .culture-practice-main,
  .culture-practice-top,
  .culture-practice-bottom{
    min-height:260px;
  }
}


/* v56 requested updates */
.nav a{
  text-transform: uppercase;
}

video{
  background:#000;
  display:block;
}

/* Vision video area darker + posters */
.vision-video-card{
  background:rgba(255,253,249,.72);
}
.vision-video-card video{
  width:100%;
  aspect-ratio:16/9;
  object-fit:cover;
}

/* Culture video large */
.culture-video-slot{
  display:flex;
  justify-content:center;
  padding:1.25rem 0 1.5rem;
}
.culture-video-slot video{
  width:min(100%, 1040px);
  aspect-ratio:16/9;
  border:1px solid rgba(201,128,53,.16);
}

/* Culture bottom image restored to lower-right slot */
.culture-practice-grid{
  display:grid;
  grid-template-columns:2fr 1fr;
  grid-template-rows:270px 270px;
  gap:1rem;
  margin-top:1rem;
}
.culture-practice-main{
  grid-column:1;
  grid-row:1 / span 2;
  width:100%;
  height:100%;
  object-fit:cover;
}
.culture-practice-top{
  grid-column:2;
  grid-row:1;
  width:100%;
  height:100%;
  object-fit:cover;
}
.culture-practice-bottom{
  grid-column:2;
  grid-row:2;
  width:100%;
  height:100%;
  object-fit:cover;
}

/* About background and equal image boxes */
.media-grid-4{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:.75rem;
}
.media-grid-4 img{
  width:100%;
  height:330px;
  object-fit:cover;
  display:block;
}
.about-background-solid{
  background:#cdc5b8;
}
.about-contact-fade{
  background:linear-gradient(0deg, rgba(236,198,107,.42) 0%, rgba(236,198,107,0) 55%);
}

/* Play darker practice area + exact arrangement */
.play-practice-grid{
  display:grid;
  grid-template-columns:1.12fr 1fr 1fr;
  grid-template-rows:260px 430px;
  gap:1rem;
  margin-top:1rem;
}
.play-practice-top-left{
  grid-column:1;
  grid-row:1;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center top;
  background:#d2c9bc;
}
.play-practice-top-center{
  grid-column:2;
  grid-row:1;
  width:100%;
  height:100%;
  object-fit:cover;
}
.play-practice-top-right{
  grid-column:3;
  grid-row:1;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center top;
  background:#d2c9bc;
}
.play-practice-bottom-left{
  grid-column:1 / span 2;
  grid-row:2;
  width:100%;
  height:100%;
  object-fit:cover;
}
.play-practice-bottom-right{
  grid-column:3;
  grid-row:2;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center top;
  background:#d2c9bc;
}

@media (max-width:1000px){
  .culture-practice-grid,
  .play-practice-grid{
    grid-template-columns:1fr;
    grid-template-rows:auto;
  }
  .culture-practice-main,
  .culture-practice-top,
  .culture-practice-bottom,
  .play-practice-top-left,
  .play-practice-top-center,
  .play-practice-top-right,
  .play-practice-bottom-left,
  .play-practice-bottom-right{
    grid-column:auto;
    grid-row:auto;
    min-height:240px;
  }
}


/* v57 play rearrangement + ensure contact */
.nav a{
  text-transform: uppercase;
}
.play-practice-grid{
  display:grid;
  grid-template-columns:1.08fr 1fr 1fr;
  grid-template-rows:260px 430px;
  gap:1rem;
  margin-top:1rem;
}
.play-practice-top-left{
  grid-column:1;
  grid-row:1;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center top;
  background:#d2c9bc;
}
.play-practice-top-center{
  grid-column:2;
  grid-row:1;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center top;
  background:#d2c9bc;
}
.play-practice-top-right{
  grid-column:3;
  grid-row:1;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center top;
  background:#d2c9bc;
}
.play-practice-bottom-left{
  grid-column:1 / span 2;
  grid-row:2;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
}
.play-practice-bottom-right{
  grid-column:3;
  grid-row:2;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center top;
  background:#d2c9bc;
}
@media (max-width:1000px){
  .play-practice-grid{
    grid-template-columns:1fr;
    grid-template-rows:auto;
  }
  .play-practice-top-left,
  .play-practice-top-center,
  .play-practice-top-right,
  .play-practice-bottom-left,
  .play-practice-bottom-right{
    grid-column:auto;
    grid-row:auto;
    min-height:240px;
  }
}


/* v63 quiet CTA lines */
.page-cta{max-width:780px;margin:1.35rem 0 0;color:#5f554c;font-size:1rem;line-height:1.8;}
.page-cta a{color:var(--accent);font-weight:600;}
.page-cta-about{margin:0 0 1rem;}

/* 2026-04 homepage scale integration overrides */
.grid-5{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem}
.support-cards-4{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
@media (max-width:1100px){
  .grid-5{grid-template-columns:repeat(2,1fr)}
  .support-cards-4{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:760px){
  .grid-5,.support-cards-4{grid-template-columns:1fr}
}


body.page-scale{
  background:
    radial-gradient(circle at 8% 8%, rgba(164,204,236,0.30), transparent 24%),
    radial-gradient(circle at 8% 5%, rgba(201,128,53,.15), transparent 22%),
    radial-gradient(circle at 96% 92%, rgba(116,140,184,.11), transparent 24%),
    var(--bg);
}
.tldr-list{margin:.6rem 0 0;padding-left:1.1rem;display:grid;gap:.55rem;color:var(--muted)}
.tldr-list li{padding-left:.15rem}
.tldr-list a{color:var(--text);font-weight:700;border-bottom:1px solid rgba(201,128,53,.35)}
.tldr-list a:hover{color:var(--accent);border-color:var(--accent)}


/* v60 layout edit pass */
.nav{gap:.85rem}
.nav a{font-size:.88rem}
.grid-5{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem}
@media (max-width:1100px){.grid-5{grid-template-columns:repeat(2,1fr)}}
@media (max-width:760px){.grid-5{grid-template-columns:1fr}}
.feature-reverse{grid-template-columns:1.15fr .85fr}
.about-tldr-feature .feature-media{order:1;min-height:560px}
.about-tldr-feature .feature-copy{order:2}
.about-tldr-feature .feature-media img{object-fit:cover;object-position:center center}
.contact-feature .feature-media{order:1;min-height:520px}
.contact-feature .feature-copy{order:2}
.contact-media img{object-fit:cover;object-position:58% center}
.tldr-rows{display:grid;gap:.7rem;margin:.9rem 0 0}
.tldr-row{display:grid;grid-template-columns:120px 1fr;gap:1rem;align-items:start}
.tldr-label a{font-size:.95rem;letter-spacing:.11em;text-transform:uppercase;color:var(--accent);font-weight:700}
.tldr-text{color:var(--muted);line-height:1.6}
.video-center-block{display:flex;justify-content:center;align-items:center;margin:1rem auto 0;max-width:900px}
.video-center-block video{width:100%;height:auto;display:block;background:#111}
.page-scale{background:radial-gradient(circle at 8% 8%, rgba(114,177,214,0.28), transparent 24%),radial-gradient(circle at 8% 5%, rgba(201,128,53,.15), transparent 22%),radial-gradient(circle at 96% 92%, rgba(116,140,184,.11), transparent 24%),var(--bg)}
@media (max-width:760px){
 .tldr-row{grid-template-columns:1fr;gap:.2rem}
 .feature-reverse{grid-template-columns:1fr}
 .about-tldr-feature .feature-media,.contact-feature .feature-media,.about-tldr-feature .feature-copy,.contact-feature .feature-copy{order:initial}
}



.about-tldr-feature{
  grid-template-columns: 1.05fr .95fr;
  align-items: stretch;
}
.about-tldr-feature .feature-media{
  min-height: 640px;
}
.about-tldr-feature .feature-copy{
  padding-right: .75rem;
}
.about-tldr-feature .feature-copy > p:first-of-type{
  margin-bottom: 1.15rem;
}
.tldr-rows{
  gap: .85rem;
  margin: 1rem 0 0;
}
.tldr-row{
  grid-template-columns: 108px 1fr;
  gap: 1.35rem;
}
.tldr-label{
  padding-top: .06rem;
}
.tldr-label a{
  color: var(--accent);
}
.tldr-text{
  line-height: 1.75;
}
.page-cta-about{
  margin-top: 1.9rem;
}
.page-cta-about a{
  color: var(--accent);
  font-weight: 600;
}
.page-about .lead-story .media{
  align-items: flex-end;
}
.page-about .lead-story .media img{
  object-position: center bottom;
}
.page-about .media-grid-4{
  align-items: start;
}
.page-about .media-grid-4 img:nth-child(2){
  align-self: start;
}
@media (max-width: 980px){
  .about-tldr-feature{
    grid-template-columns: 1fr;
  }
  .about-tldr-feature .feature-copy{
    padding-right: 0;
  }
  .tldr-row{
    grid-template-columns: 1fr;
    gap: .2rem;
  }
}


/* 2026-04-10 final about page refinement */
.about-tldr-feature{
  grid-template-columns: 1.06fr .94fr;
  align-items: stretch;
  column-gap: 2.2rem;
}
.about-tldr-feature .feature-media{
  min-height: 640px;
}
.about-tldr-feature .feature-copy{
  padding-left: 0;
  padding-right: 1.1rem;
}
.about-tldr-feature .feature-copy > p:first-of-type{
  margin-bottom: 1.2rem;
}
.tldr-rows{
  gap: .95rem;
  margin: 1rem 0 0;
}
.tldr-row{
  display: grid;
  grid-template-columns: 112px 1fr;
  gap: 1.65rem;
  align-items: start;
}
.tldr-label{
  padding-top: .08rem;
}
.tldr-label a,
.tldr-label{
  color: var(--accent);
}
.tldr-text{
  line-height: 1.72;
}
.page-cta-about{
  margin-top: 2.1rem;
  color: var(--accent);
  font-weight: 600;
}
.page-about .lead-story .media{
  align-items: flex-end;
}
.page-about .lead-story .media img{
  object-position: center bottom;
}
.page-about .media-grid-4{
  align-items: start;
}
.page-about .media-grid-4 > *{
  align-self: start;
}
.page-about .media-grid-4 img:nth-child(2){
  align-self: start;
}
@media (max-width: 980px){
  .about-tldr-feature{
    grid-template-columns: 1fr;
    column-gap: 0;
  }
  .about-tldr-feature .feature-copy{
    padding-right: 0;
  }
  .tldr-row{
    grid-template-columns: 1fr;
    gap: .2rem;
  }
}


/* 2026-04-10 about page correction after redline review */
.page-about .about-tldr-feature{
  grid-template-columns: 1.04fr .96fr;
  column-gap: 2.35rem;
  align-items: stretch;
}
.page-about .about-tldr-feature .feature-media{
  order: 1;
  min-height: 640px;
}
.page-about .about-tldr-feature .feature-copy{
  order: 2;
  padding-left: 0;
  padding-right: 0.55rem;
}
.page-about .about-tldr-feature .feature-media img{
  object-fit: cover;
  object-position: center center;
}
.page-about .tldr-rows{
  gap: .9rem;
  margin-top: 1rem;
}
.page-about .tldr-row{
  grid-template-columns: 118px 1fr;
  gap: 1.9rem;
  align-items: start;
}
.page-about .tldr-label{
  padding-top: .08rem;
}
.page-about .tldr-label a{
  color: var(--accent);
  font-size: .95rem;
  letter-spacing: .11em;
  text-transform: uppercase;
  font-weight: 700;
}
.page-about .tldr-text{
  color: var(--muted);
  line-height: 1.72;
}
.page-about .page-cta-about{
  margin-top: 2rem;
  color: var(--accent);
  font-weight: 600;
}
.page-about .lead-story .media{
  align-items: flex-end;
}
.page-about .lead-story .media img{
  object-position: center bottom;
}
.page-about .media-grid-4{
  align-items: start;
}
.page-about .media-grid-4 > *{
  align-self: start;
}
.page-about .media-grid-4 img:nth-child(2){
  align-self: start;
}
@media (max-width: 980px){
  .page-about .about-tldr-feature{
    grid-template-columns: 1fr;
    column-gap: 0;
  }
  .page-about .about-tldr-feature .feature-copy{
    padding-right: 0;
  }
  .page-about .tldr-row{
    grid-template-columns: 1fr;
    gap: .22rem;
  }
}

/* alignment fix per spec */
.page-about .tldr-row{
  display:grid;
  grid-template-columns: 150px 1fr;
  gap:1.5rem;
}
.page-about .tldr-label{
  text-align:right;
}
.page-about .tldr-text{
  text-align:left;
}

/* baseline alignment fix */
.page-about .tldr-row{
  align-items: baseline;
}
.page-about .tldr-label{
  display:flex;
  align-items:baseline;
  justify-content:flex-end;
}
.page-about .tldr-text{
  display:flex;
  align-items:baseline;
}


/* Ensure animated GIF displays directly */
.feature-media img[src*="Visa_Disney_POS.gif"]{
  image-rendering: auto;
  display: block;
}

.feature-media img{
  width:100%;
  height:auto !important;
  object-fit:contain !important;
}


/* 2026-04-10 vision support grid expanded to match systems */
.vision-support-grid{
  margin-top: 1rem;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
}
.vision-support-grid img{
  width: 100%;
  min-height: 330px;
  display: block;
  object-fit: cover;
}
@media (max-width: 760px){
  .vision-support-grid{
    grid-template-columns: 1fr;
  }
  .vision-support-grid img{
    min-height: 220px;
  }
}


/* 2026-04 final page-by-page refinement pass */
.page-top-head{
  align-items:start;
}
.section-intro-stack{
  max-width:44rem;
  padding-top:.55rem;
}
.section-intro-stack .section-intro + .section-intro{
  margin-top:.85rem;
}
.quote-quiet{
  background:linear-gradient(180deg, rgba(160,190,228,.65) 0%, rgba(42,72,116,.95) 100%);
}

.vision-process{
  margin-top:1rem;
}
.vision-process-head{
  max-width:920px;
  margin:1rem 0 1.2rem;
}
.vision-process-head p{
  color:#665f58;
  line-height:1.75;
}
.vision-process-row{
  display:grid;
  grid-template-columns:.8fr 1.2fr;
  gap:1rem;
  align-items:stretch;
  margin-top:1rem;
}
.vision-process-copy{
  background:rgba(255,253,249,.78);
  border:1px solid rgba(201,128,53,.16);
  padding:1rem;
}
.vision-process-copy h3{
  font-size:1.55rem;
  margin-bottom:.55rem;
}
.vision-process-copy p{
  color:#665f58;
}
.vision-process-side img{
  width:100%;
  height:100%;
  min-height:250px;
  object-fit:cover;
  display:block;
  border:1px solid rgba(201,128,53,.16);
  background:#f3eadf;
}
.vision-process-side--tall img{
  min-height:420px;
  object-fit:contain;
  background:#f3eadf;
}
.vision-process-grid{
  display:grid;
  gap:1rem;
  margin-top:1rem;
}
.vision-process-grid--two{
  grid-template-columns:1fr 1fr;
}
.vision-process-grid--compact img{
  width:100%;
  height:220px;
  object-fit:cover;
  display:block;
  border:1px solid rgba(201,128,53,.16);
  background:#f3eadf;
}
.vision-video-block{
  margin-top:1rem;
}
.vision-product-row{
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  gap:1rem;
  margin-top:1rem;
}
.vision-product-row img{
  width:100%;
  height:180px;
  object-fit:cover;
  display:block;
  border:1px solid rgba(201,128,53,.16);
}
.vision-product-row img:nth-child(2){
  object-fit:contain;
  background:#111;
}

.systems-support-grid img{
  height:260px;
  object-fit:cover;
}
.systems-practice-main{
  margin-top:1.2rem;
}
.systems-practice-top{
  display:grid;
  grid-template-columns:2fr 1fr;
  gap:1rem;
}
.systems-practice-top > img{
  width:100%;
  height:100%;
  min-height:440px;
  object-fit:cover;
}
.systems-practice-stack{
  display:grid;
  gap:1rem;
}
.systems-practice-stack img{
  width:100%;
  height:210px;
  object-fit:cover;
}
.systems-practice-bottom{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:1rem;
  margin-top:1rem;
}
.systems-practice-bottom img{
  width:100%;
  height:250px;
  object-fit:cover;
  border:1px solid rgba(201,128,53,.16);
  background:#f3eadf;
}

.scale-proof-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1rem;
  margin-top:1rem;
}
.scale-proof-grid img{
  width:100%;
  height:220px;
  object-fit:cover;
  display:block;
  border:1px solid rgba(201,128,53,.16);
  background:#f3eadf;
}
.video-feature-block{
  margin-top:1.5rem;
  background:rgba(255,253,249,.78);
  border:1px solid rgba(201,128,53,.16);
  padding:1rem;
}
.video-feature-block video{
  width:100%;
  display:block;
  background:#111;
}

.culture-server-grid img{
  height:230px;
  object-fit:cover;
}
.culture-enable-section{
  padding-top:2rem;
}
.culture-enable-intro{
  max-width:960px;
}
.culture-evidence-rows{
  display:grid;
  gap:1rem;
  margin-top:1rem;
}
.culture-evidence-row{
  display:grid;
  gap:1rem;
}
.culture-evidence-row--four{
  grid-template-columns:repeat(4,1fr);
}
.culture-evidence-row--three{
  grid-template-columns:repeat(3,1fr);
}
.culture-evidence-row img{
  width:100%;
  display:block;
  object-fit:cover;
  border:1px solid rgba(201,128,53,.16);
  background:#f3eadf;
}
.culture-evidence-row--four img{
  height:200px;
}
.culture-evidence-row--three img{
  height:240px;
}
.culture-evidence-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:1rem;
  margin-top:1rem;
}
.culture-evidence-grid img{
  width:100%;
  height:200px;
  object-fit:cover;
  display:block;
  border:1px solid rgba(201,128,53,.16);
  background:#f3eadf;
}
.culture-evidence-grid img:nth-child(5),
.culture-evidence-grid img:nth-child(6),
.culture-evidence-grid img:nth-child(7){
  height:240px;
}
.culture-lower-cards{
  margin-top:1rem;
}

.culture-top-cards-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:1rem;
  align-items:stretch;
}
.culture-top-cards-row .card{
  min-height:100%;
}

.play-gallery-grid-custom img{
  min-height:340px;
}
.play-gallery-grid-custom img:nth-child(2),
.play-gallery-grid-custom img:nth-child(4){
  min-height:340px;
}
.play-product-proof{
  margin-top:1rem;
}
.play-proof-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:1rem;
  margin-top:.6rem;
}
.play-proof-grid img{
  width:100%;
  height:220px;
  object-fit:cover;
  display:block;
  border:1px solid rgba(201,128,53,.16);
  background:#f3eadf;
}
.feature-media--light{
  background:#fff;
}
.play-pos-feature{
  align-items:start;
}
.play-pos-feature .feature-media{
  padding:0;
}
.play-pos-feature .feature-media img{
  background:#fff;
}

.about-cred-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:1rem;
}
.about-cred-grid img{
  width:100%;
  height:220px;
  object-fit:cover;
  display:block;
  border:1px solid rgba(201,128,53,.16);
  background:#f3eadf;
}
.about-cred-grid img:nth-child(3){
  object-fit:cover;
  background:#f7f5f1;
}

@media (max-width:1100px){
  .vision-process-row,
  .systems-practice-top,
  .scale-proof-grid,
  .culture-evidence-grid,
  .culture-evidence-row--four,
  .culture-evidence-row--three,
  .play-proof-grid{
    grid-template-columns:1fr 1fr;
  }
  .systems-practice-bottom{
    grid-template-columns:1fr 1fr;
  }
}
@media (max-width:760px){
  .vision-process-row,
  .vision-process-grid--two,
  .vision-product-row,
  .systems-practice-top,
  .systems-practice-bottom,
  .scale-proof-grid,
  .culture-evidence-grid,
  .culture-evidence-row--four,
  .culture-evidence-row--three,
  .play-proof-grid,
  .about-cred-grid{
    grid-template-columns:1fr;
  }
  .culture-top-cards-row{
    grid-template-columns:1fr;
  }
  .vision-process-side img,
  .vision-process-side--tall img,
  .vision-product-row img,
  .systems-practice-top > img,
  .systems-practice-stack img,
  .systems-practice-bottom img,
  .scale-proof-grid img,
  .culture-evidence-grid img,
  .culture-evidence-row img,
  .play-proof-grid img,
  .about-cred-grid img{
    height:auto;
    min-height:unset;
  }
}
.page-hero .right-text{margin-top:20px;} .vision-note{margin:15px 0;color:#666;font-size:14px;}





/* v62 right-side intro alignment fix */
.section-head.page-top-head{
  align-items: start;
}
body:not(.page-home) .section-head.page-top-head .section-intro-stack{
  padding-top: 2.35rem !important;
}
body:not(.page-home) .section-head > .section-intro{
  padding-top: 2.35rem !important;
}

/* v63 vision page spacing + alignment */
.page-vision .section-head.page-top-head .section-intro-stack{
  padding-top: 3.2rem !important;
}

/* tighten gap under research/map */
.page-vision .signals-research{
  margin-bottom: .5rem !important;
}

/* spacing for futures text */
.page-vision .scenario-note{
  margin-top: .6rem;
  font-size: .9rem;
  color: #665f58;
}


/* v64 scenario note placement */
.page-vision .scenario-note{
  display:block;
  margin: .55rem 0 .85rem;
  font-size: .9rem;
  color: #665f58;
}


/* 2026-04-12 home page footer fade cleanup */
.page-home .play-section-wrap{
  padding-bottom: 1.2rem;
}
.page-home .play-section-wrap::after{
  display: none;
}
