/* Two distinct projects, one compact Interactive Experiences showcase. */
body #work.experiences-grid-section{padding-bottom:76px;background:#0c292f;color:#f7f2e9}
body #work.experiences-grid-section .section-top{border-color:#d7e3df40}
body #work.experiences-grid-section .section-top>span{color:#b9ceca}
body #work.experiences-grid-section .experiences-heading{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:40px;
  margin-bottom:38px;
}
body #work.experiences-grid-section .experiences-heading h2{
  font-size:clamp(36px,4.4vw,67px);
  max-width:660px;
  margin:0;
  color:#f7f2e9;
}
body #work.experiences-grid-section .experiences-heading .interactive-intro{
  max-width:310px;
  margin:0 0 5px;
  color:#b9ceca;
  font-size:15px;
  line-height:1.65;
}
body #work.experiences-grid-section .work-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-items:stretch;
  gap:32px 26px;
  width:100%;
  max-width:1060px;
  margin:0 auto;
  background:none;
  box-shadow:none;
  clip-path:none;
}
body #work.experiences-grid-section .work-grid>.editorial-spread{
  display:flex;
  flex-direction:column;
  min-width:0;
  width:100%;
  margin:0;
  padding:18px 0 0;
  border:0;
  border-top:1px solid #c6b18580;
  background:none;
  box-shadow:none;
}
body #work.experiences-grid-section .editorial-spread .case-chapter-heading{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:start;
  padding:0;
  margin:18px 0 12px;
}
body #work.experiences-grid-section .editorial-spread .case-chapter-heading h3{
  grid-column:1/-1;
  font-family:Georgia,serif;
  font-size:clamp(25px,2.2vw,32px);
  font-weight:400;
  letter-spacing:-.025em;
  line-height:1.1;
  margin:12px 0 7px;
  color:#f7f2e9;
}
body #work.experiences-grid-section .editorial-spread .case-chapter-number{
  grid-column:1;
  color:#e2c58f;
  font-size:10px;
  font-weight:650;
  letter-spacing:.13em;
  margin:0;
}
body #work.experiences-grid-section .editorial-spread .case-project-name{
  grid-column:1/-1;
  color:#b9ceca;
  font-size:14px;
  line-height:1.5;
  margin:0;
}
body #work.experiences-grid-section .editorial-spread .case-chapter-subtitle{
  grid-column:2;
  grid-row:1;
  color:#a9c1bd;
  font-size:10px;
  font-weight:650;
  letter-spacing:.13em;
  text-align:right;
  margin:0;
}
body #work.experiences-grid-section .experience-lead-media{position:relative;min-width:0}
body #work.experiences-grid-section .experience-lead-media>.carnival-touchwall-photo,
body #work.experiences-grid-section .experience-lead-media .nassau-use-photo img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:16/9;
  object-fit:cover;
}
body #work.experiences-grid-section .experience-lead-media>.nassau-use-photo{margin:0}
body #work.experiences-grid-section .experience-lead-media figcaption{font-size:10px;line-height:1.4;color:#b9ceca;margin:7px 0 0}
body #work.experiences-grid-section .experience-launch{
  position:absolute;
  top:calc((100% - 22px)/2);
  left:50%;
  transform:translate(-50%,-50%);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:52px;
  padding:11px 19px;
  border:1px solid #ffffffb8;
  border-radius:999px;
  background:#08232cdd;
  color:#fff;
  font-size:13px;
  font-weight:650;
  letter-spacing:.04em;
  white-space:nowrap;
  box-shadow:0 10px 32px #0008;
  backdrop-filter:blur(10px);
  transition:background .2s,box-shadow .2s,transform .2s;
}
body #work.experiences-grid-section .experience-launch:hover,
body #work.experiences-grid-section .experience-launch:focus-visible{
  color:#fff;
  background:#0c4755;
  box-shadow:0 12px 38px #0009,0 0 0 4px #d6b47d55;
  transform:translate(-50%,-50%) scale(1.04);
}
body #work.experiences-grid-section .experience-launch:focus-visible{outline:2px solid #f6d59e;outline-offset:4px}
body #work.experiences-grid-section .experience-launch:active{transform:translate(-50%,-50%) scale(.98)}
body #work.experiences-grid-section .carnival-hero{display:block;margin:0}
body #work.experiences-grid-section .carnival-feature-heading{display:block}
body #work.experiences-grid-section .editorial-spread .case-route-caption{
  display:block;
  color:#d6e3df;
  font-size:15px;
  margin:12px 0;
}
body #work.experiences-grid-section .editorial-spread .case-route-caption::before{content:none}
body #work.experiences-grid-section .case-story-link{margin:0 0 12px}
body #work.experiences-grid-section .carnival-feature-heading>p:not(.case-route-caption):not(.fineprint),
body #work.experiences-grid-section .nassau-photo-story .project-intro>p:not(.case-route-caption){
  color:#bfd0cc;
  font-size:13px;
  line-height:1.55;
  margin:0 0 14px;
}
body #work.experiences-grid-section .nassau-photo-story .project-intro{
  display:block;
  min-height:0!important;
  grid-column:auto;
  grid-row:auto;
}
body #work.experiences-grid-section .carnival-feature-heading>.fineprint{font-size:11px;color:#a9c1bd}
body #work.experiences-grid-section .carnival-outcome,
body #work.experiences-grid-section .nassau-outcome{margin:18px 0}
body #work.experiences-grid-section .carnival-outcome h4,
body #work.experiences-grid-section .nassau-outcome h4{
  color:#e7ece8;
  font-size:16px;
  line-height:1.3;
  margin:0 0 7px;
}
body #work.experiences-grid-section .carnival-outcome p,
body #work.experiences-grid-section .nassau-outcome p{font-size:13px;line-height:1.55;color:#bfd0cc}
body #work.experiences-grid-section .carnival-hero-media,
body #work.experiences-grid-section .nassau-playable{
  position:relative;
  display:block;
  width:100%;
  margin:18px 0 0;
  padding:18px 0 0;
  border-top:1px solid #57706c;
  grid-column:auto;
  grid-row:auto;
}
body #work.experiences-grid-section .carnival-hero-media::before,
body #work.experiences-grid-section .nassau-playable::before{content:none}
body #work.experiences-grid-section .carnival-hero-media .journey-recording{
  width:min(100%,300px);
  height:auto;
  aspect-ratio:430/932;
  overflow:hidden;
  background:#073963;
  margin:24px auto 0;
}
body #work.experiences-grid-section .carnival-hero-media video{
  display:block;
  width:100%;
  height:100%;
  aspect-ratio:auto;
  object-fit:cover;
  object-position:center;
}
body #work.experiences-grid-section .nassau-playable .demo-stage{
  width:min(100%,300px);
  aspect-ratio:430/932;
  margin:0 auto;
}
body #work.experiences-grid-section .nassau-playable .nassau-touch-cue{
  position:static;
  width:auto;
  margin:0 0 12px;
  color:#e7ece8;
  text-align:center;
}
body #work.experiences-grid-section .nassau-playable .nassau-touch-cue::before{content:none}
body #work.experiences-grid-section .nassau-photo-story :is(h3,h4,.case-project-name,.case-route-caption,summary){color:#f8f5ed}
body #work.experiences-grid-section .nassau-photo-story :is(.case-chapter-subtitle,figcaption,.fineprint,details){color:#a9bfbd}
body #work.experiences-grid-section .nassau-photo-story :is(.case-chapter-number,.case-demo-label){color:#e2c58f}
body #work.experiences-grid-section .nassau-photo-story .project-details{border-color:#57706c}
body #work.experiences-grid-section .nassau-photo-story .project-details-grid h4{color:#f8f5ed}
body #work.experiences-grid-section .nassau-photo-story .project-details-grid p{color:#bfd0cc}
body #work.experiences-grid-section .nassau-photo-story a{color:#d2f4ed}
body #work.experiences-grid-section .project-details{margin-top:auto;padding-top:20px}
body #work.experiences-grid-section .project-details>summary{font-size:14px;padding:14px 0}
body #work.experiences-grid-section .project-details-grid{grid-template-columns:1fr;gap:20px}
body #work.experiences-grid-section .project-details-grid h4{font-size:16px}
body #work.experiences-grid-section .project-details-grid p{font-size:13px}
body #work.experiences-grid-section .project-details .carnival-milestones{grid-template-columns:1fr;gap:14px}
@media(max-width:760px){
  body #work.experiences-grid-section .experiences-heading{display:block;margin-bottom:28px}
  body #work.experiences-grid-section .experiences-heading h2{margin:0 0 18px}
  body #work.experiences-grid-section .experiences-heading .interactive-intro{max-width:55ch;margin:0}
  body #work.experiences-grid-section .work-grid{grid-template-columns:1fr;gap:38px;margin-top:32px}
  body #work.experiences-grid-section .work-grid>.editorial-spread{padding-top:16px}
  body #work.experiences-grid-section .editorial-spread .case-chapter-heading{padding:0;margin:18px 0 12px}
  body #work.experiences-grid-section .editorial-spread .case-chapter-subtitle{font-size:9px;letter-spacing:.07em}
  body #work.experiences-grid-section .carnival-hero-media,
  body #work.experiences-grid-section .nassau-playable{margin-top:14px}
}