/* Local trial only. Approved typography, palette and contact remain in global.css. */
.footer-top{grid-template-columns:1fr auto}
@media(max-width:640px){.footer-top{grid-template-columns:1fr}.footer-top>.text-link{grid-row:2}}
.video-stage{position:relative;aspect-ratio:16/9;width:100%;overflow:hidden;background:var(--stone)}
.video-stage>img,.video-stage>video{display:block;width:100%;height:100%;object-fit:contain}
.video-stage>video{position:absolute;inset:0;transition:opacity var(--ease)}
.video-stage.video-fallback>video{opacity:0}
.video-hero .hero-caption{padding-top:1.6rem}
.work-in-progress{padding-top:var(--section)}
.trial-heading{text-align:center;margin-bottom:4rem}
.trial-heading h2{font-size:var(--title)}
.trial-heading .compare-link{margin-top:1.5rem}
.selected-project{margin-bottom:var(--section)}
.selected-main img,.selected-vertical img{width:100%;height:auto}
.selected-main{width:100%}
.selected-verticals{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.5rem,7vw,7rem);margin-top:clamp(2rem,5vw,5rem)}
.selected-caption h3{font-size:var(--project)}
.selected-location{font-size:.8125rem;color:var(--muted);margin-top:.8rem}
.selected-description{max-width:39ch;margin-top:1.3rem;font-size:.9375rem}
.format-a .selected-caption{margin-top:2.5rem;display:grid;grid-template-columns:1fr 1fr;column-gap:clamp(1.5rem,7vw,7rem)}
.format-a .selected-caption h3,.format-a .selected-location{grid-column:1}
.format-a .selected-description{grid-column:2;grid-row:1/3;align-self:center;margin-top:0}
.selected-verticals.single-vertical{display:block;width:50%;margin-inline:auto}
.selected-asymmetric{display:grid;grid-template-columns:1fr .7fr 1fr;gap:5%;margin-top:4rem;align-items:start}
.selected-asymmetric .selected-caption{margin-top:3rem;align-self:center}
.selected-asymmetric .selected-caption h3{font-size:clamp(2.4rem,3.4vw,3.6rem)}
.selected-asymmetric .position-right{margin-top:8rem}
.selected-asymmetric.single-vertical{grid-template-columns:1fr 1fr;gap:12%;max-width:930px;margin-inline:auto}
.selected-asymmetric.single-vertical .position-right{margin-top:0}
.format-c .selected-caption{margin-top:2rem;display:grid;grid-template-columns:1fr 1fr;column-gap:clamp(1.5rem,7vw,7rem)}
.format-c .selected-caption h3,.format-c .selected-location{grid-column:1}
.format-c .selected-description{grid-column:2;grid-row:1/3;margin-top:0;align-self:center}
.format-c .selected-verticals{margin-top:clamp(4rem,9vw,8rem)}
.work-in-progress .selected-project{margin-bottom:0}
.completed-projects{padding-bottom:1rem}
.find-step{display:flex;gap:1.75rem;padding:1.3rem 0;border-bottom:1px solid #cec7bc}
.find-step:first-child{padding-top:0}
.find-step>span{padding-top:.6rem}
.find-step h3{font-family:var(--sans);font-size:1.125rem;letter-spacing:.05em;line-height:1.6}
.find-step p{font-size:.875rem;color:var(--muted);margin-top:.4rem}
.review-intro{padding-block:2rem 3rem}
.review-intro>.eyebrow{margin-top:3rem;color:var(--muted)}
.review-intro h1{margin-top:1.4rem;font-size:var(--title)}
.review-intro>p:last-child{margin-top:1.2rem;color:var(--muted);font-size:.9375rem}
.review-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;border-block:1px solid var(--line);padding-block:1rem;background:var(--ivory)}
.review-controls button{display:flex;align-items:center;gap:1rem;text-align:left;padding:.8rem 0;color:var(--muted);font-size:.875rem;line-height:1.5}
.review-controls button[aria-selected=true]{color:var(--ink)}
.format-letter{font-family:var(--serif);font-size:2rem;line-height:1.1;position:relative}
.review-controls button[aria-selected=true] .format-letter::after{content:'';position:absolute;left:0;right:0;bottom:-.4rem;height:1px;background:var(--ink)}
.format-note{color:var(--muted);font-size:.8125rem;padding-block:1.5rem 2rem;max-width:65ch}
.review-panels [role=tabpanel]:focus-visible{outline:1px solid var(--line);outline-offset:10px}
.review-panels [hidden]{display:none}
.menu-pending{display:grid;grid-template-columns:4rem 1fr;align-items:baseline;font-family:var(--serif);font-size:clamp(3rem,6.2vw,6.5rem);line-height:1.13;padding:1rem 0}
.menu-pending-note{font-family:var(--sans);font-size:.75rem;color:var(--muted);display:block;line-height:1.5;margin-top:.6rem;letter-spacing:0}
#main-menu nav a{font-size:clamp(1.8rem,3.2vw,3rem);line-height:1.25;padding:1.1rem 0;grid-template-columns:3rem 1fr 2rem}
#main-menu nav{margin:8vh auto 9vh;max-width:760px}
#main-menu .menu-bottom{max-width:760px}
@media(max-width:640px){#main-menu nav a{font-size:1.9rem;grid-template-columns:2.3rem 1fr 1.4rem;padding:1rem 0}#main-menu nav{margin:7vh 0 9vh}}
@media(max-width:960px){.selected-asymmetric{grid-template-columns:1fr 1fr;gap:8%}.selected-asymmetric>.selected-caption{grid-column:1;grid-row:2;margin-top:2rem}.selected-asymmetric>.position-right{grid-column:2;grid-row:1/3;margin-top:5rem}}
@media(max-width:640px){.video-stage{aspect-ratio:16/9}.video-hero .hero-caption{padding-top:1.3rem}.work-in-progress{padding-top:4.5rem}.trial-heading{margin-bottom:2.5rem}.selected-verticals{display:block;margin-top:2rem}.selected-vertical+.selected-vertical{margin-top:2rem}.selected-verticals.single-vertical{width:100%}.selected-caption h3{font-size:var(--project)}.format-a .selected-caption,.format-c .selected-caption{display:block;margin-top:1.8rem}.format-a .selected-description,.format-c .selected-description{margin-top:1.3rem;max-width:34ch}.selected-location{margin-top:.7rem}.selected-asymmetric{display:flex;flex-direction:column;gap:0;margin-top:2rem}.selected-asymmetric .selected-vertical{width:100%;margin:0}.selected-asymmetric>.selected-caption{margin:2.5rem 0 3rem;width:100%}.selected-asymmetric .selected-caption h3{font-size:var(--project)}.selected-asymmetric.single-vertical{display:flex;flex-direction:column;margin-top:1.8rem}.selected-asymmetric.single-vertical .selected-caption{margin-top:0}.format-c .selected-verticals{margin-top:4rem}.review-intro{padding-block:1rem 2rem}.review-intro>.eyebrow{font-size:.6875rem;margin-top:2.5rem}.review-intro h1{font-size:2.9rem}.review-controls{gap:.7rem;padding-block:.8rem}.review-controls button{flex-direction:column;align-items:flex-start;gap:.8rem;font-size:.6875rem;line-height:1.4;padding:.6rem 0}.format-letter{font-size:1.8rem}.format-note{padding-block:1.5rem;font-size:.75rem}.find-step{gap:1.2rem}.menu-pending{grid-template-columns:2.3rem 1fr;font-size:3.3rem;letter-spacing:-.02em}}
@media(prefers-reduced-motion:reduce){.video-stage>video{display:none}}

/* Local typography review. Euclid Circular B is not licensed for this project. */
.page-trial {
  --section-title-family: var(--sans);
  --section-title-size: 13px;
  --section-title-weight: 500;
  --section-title-line: 18px;
  --section-title-tracking: .5px;
  --section-title-space: 64px;
}
.page-trial .section-title {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  font-family: var(--section-title-family);
  font-size: var(--section-title-size);
  font-weight: var(--section-title-weight);
  font-style: normal;
  line-height: var(--section-title-line);
  letter-spacing: var(--section-title-tracking);
  text-transform: uppercase;
  text-align: center;
  text-wrap: balance;
  overflow-wrap: normal;
}
.page-trial .trial-heading { margin-bottom: var(--section-title-space); }
.page-trial .home-about { row-gap: 0; }
.page-trial .home-about > .section-title {
  grid-column: 1 / -1;
  margin-bottom: var(--section-title-space);
}
.page-trial .find-create .section-title { margin-bottom: var(--section-title-space); }
.page-trial .find-create .services-summary { margin-top: 0; }
@media (max-width: 640px) {
  .page-trial { --section-title-space: 40px; }
  .page-trial .home-about { row-gap: var(--section-title-space); }
  .page-trial .home-about > .section-title { margin-bottom: 0; }
}