.studio-render {
  --studio-primary: #dff49f;
  --studio-background: #fff;
  --studio-text: #20241d;
  --studio-font: "DM Sans", Arial, sans-serif;
  --studio-radius: 12px;
  --studio-action-text: #172015;
  --studio-frame-boundary-font-size: 15px;
  --studio-section-min-content: 120px;
  container-type: inline-size;
  isolation: isolate;
  position: relative;
  min-width: 0;
  width: 100%;
  background: var(--studio-background);
  color: var(--studio-text);
  font: var(--studio-frame-size-15,15px)/1.6 var(--studio-font);
  overflow-wrap: anywhere;
}

/* Email projects author one conservative 600px document. Device controls only
 * change the preview pane; narrow panes let this same document reflow. */
.studio-render.studio-render--email { width:100%; max-width:600px; margin-inline:auto; font-family:Arial,sans-serif; }
.studio-render.studio-render--email .studio-render__section { --studio-section-margin-inline-default:30px; --studio-section-margin-block-default:30px; }
.studio-render.studio-render--email .studio-render__spacing--compact { --studio-section-margin-block-default:20px; }
.studio-render.studio-render--email .studio-render__section-body { max-width:540px; }
.studio-render.studio-render--email .studio-render__section--header > .studio-render__section-body { gap:10px; }
.studio-render.studio-render--email .studio-render__section--services .studio-render__items { grid-template-columns:minmax(0,1fr); }
@container (max-width: 480px) {
  .studio-render.studio-render--email .studio-render__section { --studio-section-margin-inline-default:20px; --studio-section-margin-block-default:24px; }
  .studio-render.studio-render--email .studio-render__section--header > .studio-render__section-body { align-items:flex-start; flex-direction:column; }
}

/* Reference contact forms are composed from the shared section renderer.
 * Their final scoped rules live at the end of this file so the same CSS is
 * included by Studio, the preview page, and the standalone export pipeline. */

/* Kinetic Inquiry ----------------------------------------------------------
 * The video-inspired starter is built from normal Studio sections. The art
 * stage controls their responsive arrangement while every shape, image, line
 * of copy, and field remains independently selectable and editable. */
.studio-render.studio-render--composition-kinetic-inquiry > .studio-render__document {
  max-width: calc(var(--studio-content-width) + var(--studio-spacing) * 2);
  padding: clamp(16px,2.5cqi,38px);
}
.studio-render.studio-render--composition-kinetic-inquiry .studio-render__composition {
  min-width: 0;
  border: 1px solid var(--studio-text);
  background: var(--studio-surface);
  overflow: visible;
}
.studio-render.studio-render--composition-kinetic-inquiry :is(.studio-render__masthead-column,.studio-render__hero-stage,.studio-render__intro-column,.studio-render__art-column,.studio-render__form-column,.studio-render__contact-column) {
  min-width: 0;
}
.studio-render.studio-render--composition-kinetic-inquiry :is(.studio-render__masthead-column,.studio-render__hero-stage,.studio-render__form-column,.studio-render__contact-column) .studio-render__section-body {
  max-width: none;
}
.studio-render.studio-render--composition-kinetic-inquiry .studio-render__masthead-column {
  position: relative;
  z-index: 8;
  border-bottom: 1px solid var(--studio-text);
}
.studio-render.studio-render--composition-kinetic-inquiry .studio-render__masthead-column .studio-render__section--header {
  --studio-section-margin-block-default:16px;
  --studio-section-margin-inline-default:clamp(18px,2.5cqi,36px);
  border: 0;
  background: transparent;
}
.studio-render.studio-render--composition-kinetic-inquiry .studio-render__masthead-column .studio-render__brand {
  font-size: var(--studio-frame-size-15,15px);
  font-weight: 760;
  letter-spacing: -.025em;
}
.studio-render.studio-render--composition-kinetic-inquiry .studio-render__masthead-column .studio-render__brand-mark { display: none; }
.studio-render.studio-render--composition-kinetic-inquiry .studio-render__masthead-column p {
  max-width: none;
  font-size: var(--studio-frame-size-10,10px);
  letter-spacing: .05em;
  text-align: right;
  text-transform: uppercase;
}
.studio-render.studio-render--composition-kinetic-inquiry .studio-render__hero-stage {
  position: relative;
  min-height: clamp(560px,62cqi,790px);
  isolation: isolate;
  overflow: visible;
}
.studio-render.studio-render--composition-kinetic-inquiry .studio-render__hero-stage > .studio-render__intro-column {
  position: relative;
  z-index: 5;
  width: min(76%,960px);
  padding: clamp(54px,7cqi,104px) clamp(20px,4.5cqi,68px);
  pointer-events: none;
}
.studio-render.studio-render--composition-kinetic-inquiry .studio-render__hero-stage > .studio-render__intro-column .studio-render__section {
  --studio-section-margin-block-default:0px;
  --studio-section-margin-inline-default:0px;
  background: transparent;
  pointer-events: auto;
}
.studio-render.studio-render--composition-kinetic-inquiry .studio-render__section--introduction h1 {
  position: relative;
  z-index: 3;
  max-width: 9.2ch;
  font-size: var(--studio-frame-size-kinetic-title,clamp(48px,9cqi,132px));
  font-weight: 560;
  letter-spacing: -.075em;
  line-height: .88;
  text-wrap: balance;
}
.studio-render.studio-render--composition-kinetic-inquiry .studio-render__section--introduction p {
  max-width: 44ch;
  margin-top: clamp(24px,3cqi,46px);
  font-size: var(--studio-frame-size-15,15px);
  line-height: 1.5;
}
.studio-render.studio-render--composition-kinetic-inquiry .studio-render__art-column {
  position: absolute;
  z-index: 2;
  inset: 0;
  pointer-events: none;
}
.studio-render.studio-render--composition-kinetic-inquiry .studio-render__art-column > .studio-render__section {
  --studio-section-margin-block-default:0px;
  --studio-section-margin-inline-default:0px;
  position: absolute;
  padding: 0;
  background: transparent;
  pointer-events: auto;
}
.studio-render.studio-render--composition-kinetic-inquiry .studio-render__art-column > .studio-render__section .studio-render__section-body { max-width: none; }
.studio-render.studio-render--composition-kinetic-inquiry .studio-render__art-column > :is(.studio-render__section--shape,.studio-render__section--image) h2,
.studio-render.studio-render--composition-kinetic-inquiry .studio-render__art-column > .studio-render__section--image .studio-render__image-flow-content {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
.studio-render.studio-render--composition-kinetic-inquiry .studio-render__art-column > .studio-render__section--shape:nth-child(1) {
  z-index: 1;
  inset: clamp(26px,4cqi,58px) clamp(24px,4cqi,62px) auto;
  width: auto;
}
.studio-render.studio-render--composition-kinetic-inquiry .studio-render__art-column > .studio-render__section--shape:nth-child(1) .studio-render__shape { height: clamp(430px,47cqi,610px) !important; }
.studio-render.studio-render--composition-kinetic-inquiry .studio-render__art-column > .studio-render__section--shape:nth-child(2) {
  z-index: 2;
  top: clamp(92px,12cqi,170px);
  right: clamp(38px,10cqi,150px);
  width: min(72%,880px);
}
.studio-render.studio-render--composition-kinetic-inquiry .studio-render__art-column > .studio-render__section--shape:nth-child(2) .studio-render__shape { margin-left: auto; }
.studio-render.studio-render--composition-kinetic-inquiry .studio-render__art-column > .studio-render__section--image:nth-child(3) {
  z-index: 3;
  right: clamp(18px,4cqi,66px);
  bottom: clamp(28px,5cqi,74px);
  width: min(78%,980px);
}
.studio-render.studio-render--composition-kinetic-inquiry .studio-render__art-column > .studio-render__section--image:nth-child(3) .studio-render__image { filter: saturate(.82) contrast(1.04); }
.studio-render.studio-render--composition-kinetic-inquiry .studio-render__art-column > .studio-render__section--shape:nth-child(4) {
  z-index: 4;
  right: calc(clamp(16px,2.5cqi,38px) + 5px);
  top: clamp(35px,5cqi,76px);
  width: min(58%,700px);
  rotate: -8deg;
}
.studio-render.studio-render--composition-kinetic-inquiry .studio-render__art-column > .studio-render__section--shape:nth-child(4) .studio-render__shape { margin-left: auto; }
.studio-render.studio-render--composition-kinetic-inquiry .studio-render__art-column > .studio-render__section--text:nth-child(5) {
  z-index: 6;
  right: clamp(18px,3cqi,48px);
  bottom: clamp(16px,2.5cqi,38px);
  width: auto;
}
.studio-render.studio-render--composition-kinetic-inquiry .studio-render__art-column > .studio-render__section--text:nth-child(5) h2 {
  font-size: var(--studio-frame-size-10,10px);
  font-weight: 650;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.studio-render.studio-render--composition-kinetic-inquiry .studio-render__art-column > .studio-render__section--text:nth-child(5) p {
  margin-top: 2px;
  font-size: var(--studio-frame-size-12,12px);
}
.studio-render.studio-render--composition-kinetic-inquiry .studio-render__form-column {
  position: relative;
  z-index: 3;
  border-top: 1px solid var(--studio-text);
  background: var(--studio-surface);
}
.studio-render.studio-render--composition-kinetic-inquiry .studio-render__form-column .studio-render__section--form {
  --studio-section-margin-block-default:clamp(54px,7cqi,100px);
  --studio-section-margin-inline-default:clamp(24px,6cqi,96px);
}
.studio-render.studio-render--composition-kinetic-inquiry .studio-render__form-column .studio-render__section--form > .studio-render__section-body { max-width: 1180px; }
.studio-render.studio-render--composition-kinetic-inquiry .studio-render__section--form h2 {
  max-width: 12ch;
  font-size: var(--studio-frame-size-kinetic-form-title,clamp(38px,6cqi,72px));
  font-weight: 540;
  letter-spacing: -.055em;
  line-height: .95;
}
.studio-render.studio-render--composition-kinetic-inquiry .studio-render__fields { gap: clamp(30px,4cqi,58px) clamp(26px,5cqi,72px); margin-top: clamp(42px,6cqi,82px); }
.studio-render.studio-render--composition-kinetic-inquiry .studio-render__field > label {
  margin-bottom: 5px;
  color: var(--studio-muted);
  font-size: var(--studio-frame-size-11,11px);
  font-weight: 650;
  letter-spacing: .065em;
  text-transform: uppercase;
}
.studio-render.studio-render--composition-kinetic-inquiry .studio-render__field > :is(input,textarea),
.studio-render.studio-render--composition-kinetic-inquiry .studio-render__select > :is(select,.studio-render__select-control) {
  min-height: 48px;
  padding: 10px 0;
  border: 0;
  border-bottom: 1px solid var(--studio-text);
  border-radius: 0;
  background: transparent;
  font-size: var(--studio-frame-size-18,18px);
}
.studio-render.studio-render--composition-kinetic-inquiry .studio-render__field > textarea { min-height: 128px; }
.studio-render.studio-render--composition-kinetic-inquiry .studio-render__actions {
  width: min(calc(100% - clamp(48px,12cqi,192px)),1180px);
  margin-inline: auto;
  padding: 0 0 clamp(54px,7cqi,100px);
  justify-content: flex-start;
}
.studio-render.studio-render--composition-kinetic-inquiry .studio-render__actions button:not(.studio-render__previous) {
  min-height: 52px;
  padding: 12px 0;
  border: 0;
  border-bottom: 2px solid currentColor;
  border-radius: 0;
  background: transparent;
  color: var(--studio-text);
  font-size: var(--studio-frame-size-18,18px);
}
.studio-render.studio-render--composition-kinetic-inquiry .studio-render__contact-column {
  border-top: 1px solid var(--studio-text);
}
.studio-render.studio-render--composition-kinetic-inquiry .studio-render__contact-column .studio-render__section--footer {
  --studio-section-margin-block-default:28px;
  --studio-section-margin-inline-default:clamp(24px,6cqi,96px);
  border: 0;
}
.studio-render.studio-render--composition-kinetic-inquiry .studio-render__contact-column .studio-render__section-body {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 20px;
}
.studio-render.studio-render--composition-kinetic-inquiry .studio-render__contact-column p { margin: 0; text-align: right; }
.studio-render--thumbnail.studio-render--composition-kinetic-inquiry > .studio-render__document { padding: 6px; }
.studio-render--thumbnail.studio-render--composition-kinetic-inquiry .studio-render__hero-stage { min-height: 180px; }
.studio-render--thumbnail.studio-render--composition-kinetic-inquiry .studio-render__hero-stage > .studio-render__intro-column { padding: 20px 14px; }
.studio-render--thumbnail.studio-render--composition-kinetic-inquiry .studio-render__section--introduction h1 { font-size: var(--studio-frame-size-23,23px); }
.studio-render--thumbnail.studio-render--composition-kinetic-inquiry .studio-render__section--introduction p { margin-top: 7px; font-size: var(--studio-frame-size-7,7px); }
.studio-render--thumbnail.studio-render--composition-kinetic-inquiry .studio-render__art-column > .studio-render__section--shape:nth-child(1) .studio-render__shape { height: 145px !important; }
.studio-render--thumbnail.studio-render--composition-kinetic-inquiry .studio-render__form-column .studio-render__section--form { --studio-section-margin-block-default:16px; --studio-section-margin-inline-default:14px; }
.studio-render--thumbnail.studio-render--composition-kinetic-inquiry .studio-render__section--form h2 { font-size: var(--studio-frame-size-16,16px); }
.studio-render--thumbnail.studio-render--composition-kinetic-inquiry .studio-render__fields { gap: 9px 14px; margin-top: 12px; }
.studio-render--thumbnail.studio-render--composition-kinetic-inquiry .studio-render__field > :is(input,textarea),
.studio-render--thumbnail.studio-render--composition-kinetic-inquiry .studio-render__select > :is(select,.studio-render__select-control) { min-height: 24px; padding: 3px 0; font-size: var(--studio-frame-size-8,8px); }
.studio-render--thumbnail.studio-render--composition-kinetic-inquiry .studio-render__field > textarea { min-height: 36px; }
.studio-render--thumbnail.studio-render--composition-kinetic-inquiry .studio-render__actions { width: calc(100% - 28px); padding-bottom: 16px; }
@container (max-width: 760px) {
  .studio-render.studio-render--composition-kinetic-inquiry > .studio-render__document { padding: 12px; }
  .studio-render.studio-render--composition-kinetic-inquiry .studio-render__masthead-column .studio-render__section--header > .studio-render__section-body { align-items: flex-start; }
  .studio-render.studio-render--composition-kinetic-inquiry .studio-render__masthead-column p { max-width: 24ch; text-align: right; }
  .studio-render.studio-render--composition-kinetic-inquiry .studio-render__hero-stage { min-height: 590px; overflow: hidden; }
  .studio-render.studio-render--composition-kinetic-inquiry .studio-render__hero-stage > .studio-render__intro-column { width: 100%; padding: 50px 24px; }
  .studio-render.studio-render--composition-kinetic-inquiry .studio-render__section--introduction h1 { max-width: 8.5ch; font-size: min(var(--studio-frame-size-kinetic-title,clamp(48px,16cqi,78px)),78px); }
  .studio-render.studio-render--composition-kinetic-inquiry .studio-render__section--introduction p { max-width: 31ch; }
  .studio-render.studio-render--composition-kinetic-inquiry .studio-render__art-column > .studio-render__section--shape:nth-child(1) { inset: 24px 18px auto; }
  .studio-render.studio-render--composition-kinetic-inquiry .studio-render__art-column > .studio-render__section--shape:nth-child(1) .studio-render__shape { height: 530px !important; }
  .studio-render.studio-render--composition-kinetic-inquiry .studio-render__art-column > .studio-render__section--shape:nth-child(2) { top: 292px; right: 24px; width: 92%; }
  .studio-render.studio-render--composition-kinetic-inquiry .studio-render__art-column > .studio-render__section--image:nth-child(3) { right: 12px; bottom: 54px; width: 92%; }
  .studio-render.studio-render--composition-kinetic-inquiry .studio-render__art-column > .studio-render__section--shape:nth-child(4) { top: 310px; right: -8px; width: 82%; }
  .studio-render.studio-render--composition-kinetic-inquiry .studio-render__layout--two-column .studio-render__fields { grid-template-columns: minmax(0,1fr); }
  .studio-render.studio-render--composition-kinetic-inquiry .studio-render__field--half { grid-column: auto; }
  .studio-render.studio-render--composition-kinetic-inquiry .studio-render__contact-column .studio-render__section-body { align-items: flex-start; flex-direction: column; }
  .studio-render.studio-render--composition-kinetic-inquiry .studio-render__contact-column p { text-align: left; }
}

/* Inline date calendar -----------------------------------------------------
 * A date-field presentation, not the service-booking preview above. Keep all
 * selectors rooted at the wrapper so the two calendar implementations can
 * share small class names without sharing geometry or interaction states. */
.studio-render .studio-render__inline-calendar {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}
.studio-render .studio-render__inline-calendar > legend {
  display: block;
  width: 100%;
  margin: 0 0 8px;
  padding: 0;
  color: var(--studio-muted);
  font-size: var(--studio-frame-size-11,11px);
  font-weight: 650;
  letter-spacing: .05em;
  line-height: 1.4;
  text-transform: uppercase;
}
.studio-render .studio-render__inline-calendar .studio-render__calendar-title {
  margin: 0 0 18px;
  color: var(--studio-text);
  font-size: var(--studio-frame-size-16,16px);
  font-weight: 650;
  letter-spacing: -.015em;
  line-height: 1.35;
  text-align: center;
}
.studio-render .studio-render__inline-calendar .studio-render__calendar-shell {
  width: 100%;
  min-width: 0;
  padding: clamp(18px,3cqi,30px);
  border: 1px solid var(--studio-border);
  border-radius: min(var(--studio-radius),12px);
  background: var(--studio-surface);
  color: var(--studio-text);
  box-shadow: 0 12px 32px color-mix(in srgb,var(--studio-text) 7%,transparent);
}
.studio-render .studio-render__inline-calendar .studio-render__calendar-head {
  display: grid;
  grid-template-columns: 44px minmax(0,1fr) 44px;
  align-items: center;
  gap: 10px;
  margin-bottom: 18px;
}
.studio-render .studio-render__inline-calendar .studio-render__calendar-month {
  min-width: 0;
  margin: 0;
  color: inherit;
  font-size: var(--studio-frame-size-16,16px);
  font-weight: 650;
  letter-spacing: -.015em;
  line-height: 1.25;
  text-align: center;
}
.studio-render .studio-render__inline-calendar .studio-render__calendar-nav {
  display: inline-grid;
  place-items: center;
  width: 44px;
  min-width: 44px;
  min-height: 44px;
  padding: 0;
  border: 1px solid transparent;
  border-radius: 50%;
  background: transparent;
  color: var(--studio-muted);
  font: inherit;
  font-size: var(--studio-frame-size-20,20px);
  line-height: 1;
  cursor: pointer;
  transition: background-color 140ms ease,border-color 140ms ease,color 140ms ease;
}
.studio-render .studio-render__inline-calendar .studio-render__calendar-nav:hover:not(:disabled) {
  border-color: color-mix(in srgb,var(--studio-primary) 56%,var(--studio-border));
  background: color-mix(in srgb,var(--studio-primary) 15%,var(--studio-surface));
  color: var(--studio-text);
}
.studio-render .studio-render__inline-calendar .studio-render__calendar-nav:focus-visible,
.studio-render .studio-render__inline-calendar .studio-render__calendar-day:focus-visible {
  outline: 2px solid color-mix(in srgb,var(--studio-primary) 72%,#356f9b);
  outline-offset: 2px;
}
.studio-render .studio-render__inline-calendar .studio-render__calendar-weekdays,
.studio-render .studio-render__inline-calendar .studio-render__calendar-grid {
  display: grid;
  grid-template-columns: repeat(7,minmax(0,1fr));
  width: 100%;
  min-width: 0;
}
.studio-render .studio-render__inline-calendar .studio-render__calendar-weekdays {
  gap: 4px;
  margin-bottom: 6px;
  color: var(--studio-muted);
  font-size: var(--studio-frame-size-10,10px);
  font-weight: 650;
  letter-spacing: .06em;
  line-height: 1.2;
  text-align: center;
  text-transform: uppercase;
}
.studio-render .studio-render__inline-calendar .studio-render__calendar-weekdays > * {
  min-width: 0;
  padding-block: 5px;
}
.studio-render .studio-render__inline-calendar .studio-render__calendar-grid {
  gap: 4px;
  margin: 0;
  border: 0;
  border-spacing: 0;
  table-layout: auto;
}
.studio-render .studio-render__inline-calendar .studio-render__calendar-cell {
  display: grid;
  min-width: 0;
  min-height: 44px;
  place-items: center;
}
.studio-render .studio-render__inline-calendar .studio-render__calendar-cell.is-outside {
  visibility: hidden;
}
.studio-render.studio-render .studio-render__inline-calendar .studio-render__calendar-day {
  display: inline-grid;
  place-items: center;
  width: 44px;
  max-width: 100%;
  min-height: 44px;
  padding: 0;
  border: 1px solid transparent;
  border-radius: 50%;
  background: transparent;
  color: var(--studio-text);
  font: inherit;
  font-size: var(--studio-frame-size-13,13px);
  font-variant-numeric: tabular-nums;
  line-height: 1;
  cursor: pointer;
  transition: background-color 140ms ease,border-color 140ms ease,color 140ms ease,transform 140ms ease;
}
.studio-render .studio-render__inline-calendar .studio-render__calendar-day:hover:not(:disabled):not(.is-selected):not([aria-current="date"]) {
  border-color: color-mix(in srgb,var(--studio-primary) 68%,var(--studio-border));
  background: color-mix(in srgb,var(--studio-primary) 13%,var(--studio-surface));
}
.studio-render .studio-render__inline-calendar .studio-render__calendar-day:is(.is-selected,[aria-current="date"]) {
  border-color: var(--studio-primary);
  background: var(--studio-primary);
  color: var(--studio-action-text);
  font-weight: 750;
  box-shadow: 0 0 0 3px color-mix(in srgb,var(--studio-primary) 18%,transparent);
}
.studio-render .studio-render__inline-calendar .studio-render__calendar-day:active:not(:disabled) {
  transform: scale(.94);
}
.studio-render .studio-render__inline-calendar :is(.studio-render__calendar-nav,.studio-render__calendar-day):disabled {
  opacity: .34;
  cursor: not-allowed;
}
.studio-render .studio-render__inline-calendar .studio-render__calendar-day:is(.is-selected,[aria-current="date"]):disabled {
  opacity: .72;
}
.studio-render .studio-render__inline-calendar .studio-render__calendar-timezone {
  display: flex;
  align-items: center;
  gap: 9px;
  min-width: 0;
  margin-top: 18px;
  padding-top: 15px;
  border-top: 1px solid var(--studio-border);
  color: var(--studio-text);
  font-size: var(--studio-frame-size-12,12px);
  font-weight: 600;
  line-height: 1.45;
}
.studio-render .studio-render__inline-calendar .studio-render__calendar-timezone > svg {
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.6;
  opacity: .7;
}
.studio-render .studio-render__inline-calendar .studio-render__calendar-timezone > span {
  display: grid;
  min-width: 0;
  gap: 1px;
  color: var(--studio-muted);
  font-weight: 450;
}
.studio-render .studio-render__inline-calendar .studio-render__calendar-timezone strong {
  color: var(--studio-text);
  font-size: var(--studio-frame-size-11,11px);
  font-weight: 700;
  letter-spacing: .045em;
  text-transform: uppercase;
}
.studio-render .studio-render__inline-calendar .studio-render__calendar-note {
  margin: 7px 0 0;
  color: var(--studio-muted);
  font-size: var(--studio-frame-size-11,11px);
  line-height: 1.45;
}

/* Northline Works uses its warm project-gold as the single calendar accent. */
.studio-render.studio-render--composition-project-passage .studio-render__inline-calendar .studio-render__calendar-shell {
  max-width: 600px;
  margin-inline: auto;
  border-radius: 0;
  background: #fff;
  box-shadow: 0 18px 44px color-mix(in srgb,#17212a 9%,transparent);
}
.studio-render.studio-render--composition-project-passage .studio-render__inline-calendar .studio-render__calendar-month {
  color: #17212a;
}
.studio-render.studio-render--composition-project-passage .studio-render__inline-calendar .studio-render__calendar-day:is(.is-selected,[aria-current="date"]) {
  color: #17212a;
}
.studio-render--editor .studio-render__inline-calendar button,
.studio-render--thumbnail .studio-render__inline-calendar button {
  pointer-events: none;
}
.studio-render--editor.studio-render--composition-project-passage .studio-render__inline-calendar .studio-render__calendar-shell {
  max-width: 520px;
  padding: 18px;
}
.studio-render--editor .studio-render__inline-calendar .studio-render__calendar-head {
  grid-template-columns: 38px minmax(0,1fr) 38px;
  margin-bottom: 12px;
}
.studio-render--editor .studio-render__inline-calendar .studio-render__calendar-nav {
  width: 38px;
  min-width: 38px;
  min-height: 38px;
}
.studio-render--editor .studio-render__inline-calendar .studio-render__calendar-cell { min-height: 38px; }
.studio-render--editor.studio-render .studio-render__inline-calendar .studio-render__calendar-day {
  width: 38px;
  min-height: 38px;
}

/* Thumbnails keep the whole month legible without dominating the project
 * card. The full editor and preview retain 44px interaction targets. */
.studio-render--thumbnail .studio-render__inline-calendar > legend {
  margin-bottom: 3px;
  font-size: var(--studio-frame-size-7,7px);
}
.studio-render--thumbnail .studio-render__inline-calendar .studio-render__calendar-title {
  margin-bottom: 4px;
  font-size: var(--studio-frame-size-8,8px);
}
.studio-render--thumbnail .studio-render__inline-calendar .studio-render__calendar-shell {
  max-width: 250px;
  padding: 8px;
  box-shadow: 0 4px 12px color-mix(in srgb,var(--studio-text) 7%,transparent);
}
.studio-render--thumbnail .studio-render__inline-calendar .studio-render__calendar-head {
  grid-template-columns: 20px minmax(0,1fr) 20px;
  gap: 3px;
  margin-bottom: 4px;
}
.studio-render--thumbnail .studio-render__inline-calendar .studio-render__calendar-month {
  font-size: var(--studio-frame-size-8,8px);
}
.studio-render--thumbnail .studio-render__inline-calendar .studio-render__calendar-nav {
  width: 20px;
  min-width: 20px;
  min-height: 20px;
  font-size: var(--studio-frame-size-11,11px);
}
.studio-render--thumbnail .studio-render__inline-calendar .studio-render__calendar-weekdays {
  gap: 1px;
  margin-bottom: 1px;
  font-size: var(--studio-frame-size-5,5px);
}
.studio-render--thumbnail .studio-render__inline-calendar .studio-render__calendar-weekdays > * { padding-block: 1px; }
.studio-render--thumbnail .studio-render__inline-calendar .studio-render__calendar-grid { gap: 1px; }
.studio-render--thumbnail .studio-render__inline-calendar .studio-render__calendar-cell { min-height: 18px; }
.studio-render--thumbnail.studio-render .studio-render__inline-calendar .studio-render__calendar-day {
  width: 18px;
  min-height: 18px;
  font-size: var(--studio-frame-size-6,6px);
}
.studio-render--thumbnail .studio-render__inline-calendar .studio-render__calendar-timezone {
  gap: 4px;
  margin-top: 4px;
  padding-top: 4px;
  font-size: var(--studio-frame-size-6,6px);
}
.studio-render--thumbnail .studio-render__inline-calendar .studio-render__calendar-timezone > svg {
  width: 8px;
  height: 8px;
  flex-basis: 8px;
  stroke-width: 1.4;
}
.studio-render--thumbnail .studio-render__inline-calendar .studio-render__calendar-timezone strong { font-size: var(--studio-frame-size-5,5px); }
.studio-render--thumbnail .studio-render__inline-calendar .studio-render__calendar-note {
  margin-top: 2px;
  font-size: var(--studio-frame-size-5,5px);
}

@container (max-width: 760px) {
  .studio-render:not(.studio-render--thumbnail) .studio-render__inline-calendar .studio-render__calendar-shell {
    padding: clamp(14px,4cqi,22px);
  }
  .studio-render:not(.studio-render--thumbnail) .studio-render__inline-calendar .studio-render__calendar-head {
    grid-template-columns: 40px minmax(0,1fr) 40px;
    gap: 5px;
    margin-bottom: 12px;
  }
  .studio-render:not(.studio-render--thumbnail) .studio-render__inline-calendar .studio-render__calendar-nav {
    width: 40px;
    min-width: 40px;
    min-height: 40px;
  }
  .studio-render:not(.studio-render--thumbnail) .studio-render__inline-calendar .studio-render__calendar-weekdays,
  .studio-render:not(.studio-render--thumbnail) .studio-render__inline-calendar .studio-render__calendar-grid { gap: 2px; }
  .studio-render:not(.studio-render--thumbnail) .studio-render__inline-calendar .studio-render__calendar-cell { min-height: 40px; }
  .studio-render.studio-render:not(.studio-render--thumbnail) .studio-render__inline-calendar .studio-render__calendar-day {
    width: 40px;
    min-height: 40px;
  }
  .studio-render:not(.studio-render--thumbnail) .studio-render__inline-calendar .studio-render__calendar-timezone {
    margin-top: 12px;
    padding-top: 12px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .studio-render .studio-render__inline-calendar :is(.studio-render__calendar-nav,.studio-render__calendar-day) {
    transition: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .studio-render [data-studio-animation] { scroll-behavior: auto; }
}

/* Project Passage ----------------------------------------------------------
 * An original, guided three-step brief inspired by the reference clip's
 * calm horizontal pacing. The progress rail and panel are only composition;
 * the header, each form step, every field, and footer remain Studio objects. */
.studio-render.studio-render--composition-project-passage > .studio-render__document {
  max-width: calc(var(--studio-content-width) + var(--studio-spacing) * 2);
  padding: clamp(16px,3cqi,44px);
}
.studio-render.studio-render--composition-project-passage .studio-render__composition {
  --studio-passage-rail-one:33.333%;
  --studio-passage-rail-two:66.666%;
  --studio-passage-panel-left:clamp(24px,8cqi,120px);
  --studio-passage-panel-right:clamp(24px,8cqi,120px);
  position: relative;
  display: grid;
  grid-template-rows: auto auto minmax(460px,1fr) auto;
  min-width: 0;
  min-height: clamp(680px,72cqi,880px);
  border: 1px solid color-mix(in srgb,var(--studio-border) 82%,var(--studio-text));
  background: var(--studio-surface);
  color: var(--studio-text);
  overflow: hidden;
}
.studio-render.studio-render--composition-project-passage .studio-render__composition:has(.studio-render__stepper button:nth-child(1)[aria-current="step"]) {
  --studio-passage-rail-one:60%;
  --studio-passage-rail-two:80%;
  --studio-passage-panel-left:clamp(24px,5cqi,74px);
  --studio-passage-panel-right:clamp(80px,20cqi,300px);
}
.studio-render.studio-render--composition-project-passage .studio-render__composition:has(.studio-render__stepper button:nth-child(2)[aria-current="step"]) {
  --studio-passage-rail-one:22%;
  --studio-passage-rail-two:80%;
  --studio-passage-panel-left:clamp(80px,16cqi,240px);
  --studio-passage-panel-right:clamp(70px,14cqi,210px);
}
.studio-render.studio-render--composition-project-passage .studio-render__composition:has(.studio-render__stepper button:nth-child(3)[aria-current="step"]) {
  --studio-passage-rail-one:22%;
  --studio-passage-rail-two:44%;
  --studio-passage-panel-left:clamp(100px,24cqi,360px);
  --studio-passage-panel-right:clamp(24px,5cqi,74px);
}
.studio-render.studio-render--composition-project-passage .studio-render__composition::before {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 0;
  background: linear-gradient(90deg,
    transparent 0 calc(var(--studio-passage-rail-one) - .5px),
    var(--studio-border) calc(var(--studio-passage-rail-one) - .5px) calc(var(--studio-passage-rail-one) + .5px),
    transparent calc(var(--studio-passage-rail-one) + .5px) calc(var(--studio-passage-rail-two) - .5px),
    var(--studio-border) calc(var(--studio-passage-rail-two) - .5px) calc(var(--studio-passage-rail-two) + .5px),
    transparent calc(var(--studio-passage-rail-two) + .5px));
  opacity: .62;
  pointer-events: none;
}
.studio-render.studio-render--composition-project-passage :is(.studio-render__passage-masthead,.studio-render__passage-journey,.studio-render__passage-form-panel,.studio-render__passage-footer) {
  position: relative;
  z-index: 1;
  min-width: 0;
}
.studio-render.studio-render--composition-project-passage .studio-render__passage-masthead {
  border-bottom: 1px solid var(--studio-border);
}
.studio-render.studio-render--composition-project-passage .studio-render__passage-masthead .studio-render__section--header {
  --studio-section-margin-block-default:22px;
  --studio-section-margin-inline-default:clamp(24px,4cqi,58px);
  border: 0;
  background: transparent;
}
.studio-render.studio-render--composition-project-passage .studio-render__passage-masthead .studio-render__section-body {
  max-width: none;
}
.studio-render.studio-render--composition-project-passage .studio-render__passage-masthead .studio-render__brand {
  font-size: var(--studio-frame-size-18,18px);
  font-weight: 760;
  letter-spacing: -.025em;
}
.studio-render.studio-render--composition-project-passage .studio-render__passage-masthead .studio-render__brand-mark {
  flex-basis: 18px;
  width: 18px;
  height: 18px;
  border: 0;
  border-radius: 3px;
  background: var(--studio-primary);
  box-shadow: none;
}
.studio-render.studio-render--composition-project-passage .studio-render__passage-masthead p {
  max-width: none;
  color: var(--studio-muted);
  font-size: var(--studio-frame-size-11,11px);
  letter-spacing: .055em;
  text-align: right;
  text-transform: uppercase;
}
.studio-render.studio-render--composition-project-passage .studio-render__passage-journey {
  border-bottom: 1px solid var(--studio-border);
}
.studio-render.studio-render--composition-project-passage .studio-render__step-summary {
  display: none;
}
.studio-render.studio-render--composition-project-passage .studio-render__stepper {
  grid-template-columns: var(--studio-passage-rail-one) calc(var(--studio-passage-rail-two) - var(--studio-passage-rail-one)) calc(100% - var(--studio-passage-rail-two));
  gap: 0;
  padding: 0;
}
.studio-render.studio-render--composition-project-passage .studio-render__stepper button {
  position: relative;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  min-height: 72px;
  padding: 14px clamp(16px,2.6cqi,38px);
  border-right: 1px solid var(--studio-border);
  color: var(--studio-muted);
  font-size: var(--studio-frame-size-12,12px);
  text-align: left;
}
.studio-render.studio-render--composition-project-passage .studio-render__stepper button:last-child { border-right: 0; }
.studio-render.studio-render--composition-project-passage .studio-render__step-number {
  width: 10px;
  height: 10px;
  flex: 0 0 10px;
  overflow: hidden;
  border: 1px solid var(--studio-border);
  background: color-mix(in srgb,var(--studio-muted) 30%,var(--studio-surface));
  color: transparent;
  font-size: 0;
}
.studio-render.studio-render--composition-project-passage .studio-render__stepper button[aria-current="step"] {
  color: var(--studio-text);
  font-weight: 650;
}
.studio-render.studio-render--composition-project-passage .studio-render__stepper button[aria-current="step"]::after {
  content: "";
  position: absolute;
  right: clamp(12px,2cqi,28px);
  width: 18px;
  height: 1px;
  background: var(--studio-primary);
}
.studio-render.studio-render--composition-project-passage .studio-render__stepper button[aria-current="step"] .studio-render__step-number {
  border-color: var(--studio-primary);
  background: var(--studio-primary);
  color: transparent;
}
.studio-render.studio-render--composition-project-passage .studio-render__passage-form-panel {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-block: clamp(42px,6cqi,84px) clamp(34px,5cqi,70px);
  padding-inline: var(--studio-passage-panel-left) var(--studio-passage-panel-right);
}
.studio-render.studio-render--composition-project-passage .studio-render__passage-form-panel .studio-render__section--form {
  --studio-section-margin-block-default:0px;
  --studio-section-margin-inline-default:0px;
  border: 0;
  background: transparent;
}
.studio-render.studio-render--composition-project-passage .studio-render__passage-form-panel .studio-render__section-body,
.studio-render.studio-render--composition-project-passage .studio-render__passage-form-panel .studio-render__actions {
  width: min(100%,760px);
  max-width: 760px;
  margin-inline: auto;
}
.studio-render.studio-render--composition-project-passage .studio-render__passage-form-panel .studio-render__section--form h2 {
  max-width: 17ch;
  font-size: var(--studio-frame-size-passage-title,clamp(38px,5.2cqi,66px));
  font-weight: 570;
  letter-spacing: -.055em;
  line-height: .98;
  text-wrap: balance;
}
.studio-render.studio-render--composition-project-passage .studio-render__passage-form-panel .studio-render__section--form h2 + p {
  max-width: 52ch;
  margin-top: 14px;
  color: var(--studio-muted);
  font-size: var(--studio-frame-size-14,14px);
}
.studio-render.studio-render--composition-project-passage .studio-render__fields {
  gap: 18px;
  margin-top: clamp(28px,4cqi,50px);
}
.studio-render.studio-render--composition-project-passage .studio-render__field > :is(label,legend) {
  margin-bottom: 6px;
  color: var(--studio-muted);
  font-size: var(--studio-frame-size-11,11px);
  font-weight: 650;
  letter-spacing: .05em;
  text-transform: uppercase;
}
.studio-render.studio-render--composition-project-passage .studio-render__field > :is(input,textarea),
.studio-render.studio-render--composition-project-passage .studio-render__select > :is(select,.studio-render__select-control) {
  min-height: 54px;
  padding: 13px 16px;
  border: 1px solid var(--studio-border);
  border-radius: 0;
  background: var(--studio-input-background);
  font-size: var(--studio-frame-size-15,15px);
}
.studio-render.studio-render--composition-project-passage .studio-render__field > textarea { min-height: 126px; }
.studio-render.studio-render--composition-project-passage .studio-render__choices {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 8px;
}
.studio-render.studio-render--composition-project-passage .studio-render__choices label {
  min-height: 48px;
  align-items: center;
  padding: 10px 12px;
  border: 1px solid var(--studio-border);
  background: var(--studio-input-background);
}
.studio-render.studio-render--composition-project-passage .studio-render__passage-form-panel .studio-render__actions {
  padding: 26px 0 0;
}
.studio-render.studio-render--composition-project-passage .studio-render__passage-form-panel .studio-render__actions .studio-render__progress { display: none; }
.studio-render.studio-render--composition-project-passage .studio-render__passage-form-panel .studio-render__actions button {
  min-height: 48px;
  padding: 10px 18px 10px 22px;
  border: 1px solid var(--studio-border);
  border-radius: 28px;
  background: var(--studio-surface);
  color: var(--studio-text);
}
.studio-render.studio-render--composition-project-passage .studio-render__passage-form-panel .studio-render__actions button:not(.studio-render__previous)::after {
  content: "→";
  display: inline-grid;
  place-items: center;
  width: 28px;
  height: 28px;
  margin-left: 12px;
  border-radius: 50%;
  background: color-mix(in srgb,var(--studio-primary) 34%,var(--studio-surface));
}
.studio-render.studio-render--composition-project-passage .studio-render__passage-form-panel .studio-render__actions .studio-render__previous {
  padding-inline: 18px;
  background: transparent;
}
.studio-render.studio-render--composition-project-passage .studio-render__passage-footer {
  border-top: 1px solid var(--studio-border);
}
.studio-render.studio-render--composition-project-passage .studio-render__passage-footer .studio-render__section--footer {
  --studio-section-margin-block-default:20px;
  --studio-section-margin-inline-default:clamp(24px,4cqi,58px);
  border: 0;
  background: transparent;
}
.studio-render.studio-render--composition-project-passage .studio-render__passage-footer .studio-render__section-body {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 22px;
  max-width: none;
}
.studio-render.studio-render--composition-project-passage .studio-render__passage-footer p {
  margin: 0;
  color: var(--studio-muted);
  text-align: right;
}

.studio-render--thumbnail.studio-render--composition-project-passage > .studio-render__document { padding: 6px; }
.studio-render--thumbnail.studio-render--composition-project-passage .studio-render__composition {
  --studio-passage-rail-one:33.333%;
  --studio-passage-rail-two:66.666%;
  grid-template-rows: auto auto minmax(190px,1fr) auto;
  min-height: 320px;
}
.studio-render--thumbnail.studio-render--composition-project-passage .studio-render__composition::before {
  background: linear-gradient(90deg,transparent 0 calc(33.333% - .5px),var(--studio-border) calc(33.333% - .5px) calc(33.333% + .5px),transparent calc(33.333% + .5px) calc(66.666% - .5px),var(--studio-border) calc(66.666% - .5px) calc(66.666% + .5px),transparent calc(66.666% + .5px));
}
.studio-render--thumbnail.studio-render--composition-project-passage .studio-render__passage-masthead .studio-render__section--header {
  --studio-section-margin-block-default:9px;
  --studio-section-margin-inline-default:12px;
}
.studio-render--thumbnail.studio-render--composition-project-passage .studio-render__passage-masthead .studio-render__brand { font-size: var(--studio-frame-size-10,10px); }
.studio-render--thumbnail.studio-render--composition-project-passage .studio-render__passage-masthead .studio-render__brand-mark { width: 10px; height: 10px; flex-basis: 10px; }
.studio-render--thumbnail.studio-render--composition-project-passage .studio-render__passage-masthead p { font-size: var(--studio-frame-size-7,7px); }
.studio-render--thumbnail.studio-render--composition-project-passage .studio-render__stepper button {
  min-height: 38px;
  gap: 5px;
  padding: 7px 9px;
  font-size: var(--studio-frame-size-7,7px);
}
.studio-render--thumbnail.studio-render--composition-project-passage .studio-render__stepper { grid-template-columns:repeat(3,minmax(0,1fr)); }
.studio-render--thumbnail.studio-render--composition-project-passage .studio-render__step-number { width: 6px; height: 6px; flex-basis: 6px; }
.studio-render--thumbnail.studio-render--composition-project-passage .studio-render__stepper button[aria-current="step"]::after { display: none; }
.studio-render--thumbnail.studio-render--composition-project-passage .studio-render__passage-form-panel { padding: 18px 24px 14px; }
.studio-render--thumbnail.studio-render--composition-project-passage .studio-render__passage-form-panel .studio-render__section--form h2 { font-size: var(--studio-frame-size-23,23px); }
.studio-render--thumbnail.studio-render--composition-project-passage .studio-render__passage-form-panel .studio-render__section--form h2 + p { margin-top: 5px; font-size: var(--studio-frame-size-7,7px); }
.studio-render--thumbnail.studio-render--composition-project-passage .studio-render__fields { gap: 6px; margin-top: 12px; }
.studio-render--thumbnail.studio-render--composition-project-passage .studio-render__field > :is(label,legend) { display: none; }
.studio-render--thumbnail.studio-render--composition-project-passage .studio-render__field > :is(input,textarea),
.studio-render--thumbnail.studio-render--composition-project-passage .studio-render__select > :is(select,.studio-render__select-control) { min-height: 23px; padding: 3px 6px; font-size: var(--studio-frame-size-8,8px); }
.studio-render--thumbnail.studio-render--composition-project-passage .studio-render__passage-form-panel .studio-render__actions { padding-top: 9px; }
.studio-render--thumbnail.studio-render--composition-project-passage .studio-render__passage-form-panel .studio-render__actions button { min-height: 24px; padding: 4px 8px 4px 10px; }
.studio-render--thumbnail.studio-render--composition-project-passage .studio-render__passage-form-panel .studio-render__actions button:not(.studio-render__previous)::after { width: 15px; height: 15px; margin-left: 5px; }
.studio-render--thumbnail.studio-render--composition-project-passage .studio-render__passage-footer .studio-render__section--footer {
  --studio-section-margin-block-default:8px;
  --studio-section-margin-inline-default:12px;
}
.studio-render--thumbnail.studio-render--composition-project-passage .studio-render__passage-footer :is(h2,p) { font-size: var(--studio-frame-size-7,7px); }

@container (max-width: 760px) {
  .studio-render.studio-render--composition-project-passage > .studio-render__document { padding: 10px; }
  .studio-render.studio-render--composition-project-passage .studio-render__composition {
    grid-template-rows: auto auto minmax(510px,auto) auto;
    min-height: 0;
  }
  .studio-render.studio-render--composition-project-passage .studio-render__composition::before { display: none; }
  .studio-render.studio-render--composition-project-passage .studio-render__passage-masthead .studio-render__section--header {
    --studio-section-margin-block-default:16px;
    --studio-section-margin-inline-default:18px;
  }
  .studio-render.studio-render--composition-project-passage .studio-render__passage-masthead .studio-render__section-body { align-items: flex-start; }
  .studio-render.studio-render--composition-project-passage .studio-render__passage-masthead p { max-width: 19ch; text-align: right; }
  .studio-render.studio-render--composition-project-passage .studio-render__step-summary {
    display: block;
    padding: 12px 18px 0;
    color: var(--studio-muted);
    font-size: var(--studio-frame-size-11,11px);
  }
  .studio-render.studio-render--composition-project-passage .studio-render__stepper { padding: 5px 12px 10px; }
  .studio-render.studio-render--composition-project-passage .studio-render__stepper { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .studio-render.studio-render--composition-project-passage .studio-render__stepper button {
    justify-content: center;
    min-height: 40px;
    padding: 8px;
    border-right: 0;
  }
  .studio-render.studio-render--composition-project-passage .studio-render__step-label,
  .studio-render.studio-render--composition-project-passage .studio-render__stepper button[aria-current="step"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
  }
  .studio-render.studio-render--composition-project-passage .studio-render__step-number { width: 12px; height: 12px; flex-basis: 12px; }
  .studio-render.studio-render--composition-project-passage .studio-render__passage-form-panel {
    justify-content: flex-start;
    padding: 38px 20px 30px;
  }
  .studio-render.studio-render--composition-project-passage .studio-render__passage-form-panel .studio-render__section--form h2 {
    font-size: var(--studio-frame-size-passage-title,clamp(34px,11cqi,50px));
  }
  .studio-render.studio-render--composition-project-passage .studio-render__choices { grid-template-columns: minmax(0,1fr); }
  .studio-render.studio-render--composition-project-passage .studio-render__passage-footer .studio-render__section-body {
    align-items: flex-start;
    flex-direction: column;
    gap: 6px;
  }
  .studio-render.studio-render--composition-project-passage .studio-render__passage-footer p { text-align: left; }
}

/* Direct Line Contact -------------------------------------------------------
 * An original editorial grid built entirely from normal, selectable Studio
 * sections. The composition positions those objects without clipping them, so
 * canvas transforms, section margins, and Off-margin movement stay available. */
.studio-render.studio-render--composition-direct-line-contact > .studio-render__document {
  max-width: calc(var(--studio-content-width) + var(--studio-spacing) * 2);
  padding: var(--studio-spacing);
}
.studio-render.studio-render--composition-direct-line-contact .studio-render__composition {
  display: grid;
  grid-template-columns: clamp(86px,9cqi,128px) minmax(210px,.74fr) minmax(290px,1fr) clamp(120px,15cqi,200px);
  grid-template-rows: auto minmax(0,1fr) auto;
  min-width: 0;
  min-height: clamp(700px,68cqi,900px);
  border: 1px solid var(--studio-border);
  background: var(--studio-surface);
  color: var(--studio-text);
  overflow: visible;
}
.studio-render.studio-render--composition-direct-line-contact :is(.studio-render__rail-column,.studio-render__utility-column,.studio-render__intro-column,.studio-render__form-column,.studio-render__contact-column) {
  min-width: 0;
}
.studio-render.studio-render--composition-direct-line-contact :is(.studio-render__rail-column,.studio-render__utility-column,.studio-render__intro-column,.studio-render__form-column,.studio-render__contact-column) .studio-render__section-body {
  max-width: none;
}
.studio-render.studio-render--composition-direct-line-contact .studio-render__rail-column {
  position: relative;
  grid-column: 1;
  grid-row: 1 / -1;
  min-height: 100%;
  border-right: 1px solid var(--studio-border);
  background: var(--studio-sidebar);
  color: var(--studio-sidebar-text);
}
.studio-render.studio-render--composition-direct-line-contact .studio-render__rail-column .studio-render__section--header {
  --studio-section-margin-block-default:20px;
  --studio-section-margin-inline-default:12px;
  height: 100%;
  border: 0;
}
.studio-render.studio-render--composition-direct-line-contact .studio-render__rail-column .studio-render__section--header > .studio-render__section-body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  height: 100%;
  gap: 20px;
}
.studio-render.studio-render--composition-direct-line-contact .studio-render__rail-column .studio-render__brand {
  align-items: flex-start;
  font-size: var(--studio-frame-size-10,10px);
  font-weight: 750;
  letter-spacing: .08em;
  line-height: 1.2;
  text-transform: uppercase;
  white-space: nowrap;
  overflow-wrap: normal;
}
.studio-render.studio-render--composition-direct-line-contact .studio-render__rail-column .studio-render__brand-mark {
  display: none;
}
.studio-render.studio-render--composition-direct-line-contact .studio-render__rail-column .studio-render__section--header p {
  max-width: 11ch;
  margin-top: auto;
  font-size: var(--studio-frame-size-9,9px);
  line-height: 1.45;
}
.studio-render.studio-render--composition-direct-line-contact .studio-render__rail-column .studio-render__section--shape {
  --studio-section-margin-block-default:0px;
  --studio-section-margin-inline-default:0px;
  position: absolute;
  z-index: 1;
  top: clamp(118px,16cqi,182px);
  left: 50%;
  width: 66px;
  transform: translateX(-50%);
}
.studio-render.studio-render--composition-direct-line-contact .studio-render__section--shape h2 {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
.studio-render.studio-render--composition-direct-line-contact .studio-render__rail-column .studio-render__shape { margin-inline: auto; }
.studio-render.studio-render--composition-direct-line-contact .studio-render__utility-column {
  grid-column: 3 / 5;
  grid-row: 1;
  border-bottom: 1px solid var(--studio-border);
}
.studio-render.studio-render--composition-direct-line-contact .studio-render__utility-column .studio-render__section--text {
  --studio-section-margin-block-default:16px;
  --studio-section-margin-inline-default:28px;
}
.studio-render.studio-render--composition-direct-line-contact .studio-render__utility-column .studio-render__section-body {
  display: flex;
  align-items: baseline;
  justify-content: flex-end;
  gap: 14px;
}
.studio-render.studio-render--composition-direct-line-contact .studio-render__utility-column h2 {
  font-size: var(--studio-frame-size-10,10px);
  font-weight: 500;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.studio-render.studio-render--composition-direct-line-contact .studio-render__utility-column p {
  font-size: var(--studio-frame-size-12,12px);
  font-weight: 650;
  white-space: nowrap;
}
.studio-render.studio-render--composition-direct-line-contact .studio-render__intro-column {
  grid-column: 2;
  grid-row: 1 / -1;
  display: flex;
  flex-direction: column;
  border-right: 1px solid var(--studio-border);
  background: var(--studio-surface);
}
.studio-render.studio-render--composition-direct-line-contact .studio-render__intro-column .studio-render__section--introduction {
  --studio-section-margin-block-default:0px;
  --studio-section-margin-inline-default:clamp(30px,4cqi,56px);
  padding-top: clamp(70px,8cqi,112px);
  background: transparent;
}
.studio-render.studio-render--composition-direct-line-contact .studio-render__section--introduction h1 {
  max-width: 4.9ch;
  font-size: var(--studio-frame-size-direct-title,clamp(58px,8cqi,108px));
  font-weight: 750;
  letter-spacing: -.065em;
  line-height: 1.06;
  text-decoration-line: underline;
  text-decoration-thickness: .075em;
  text-underline-offset: .13em;
  text-decoration-skip-ink: none;
  text-wrap: wrap;
  white-space: pre-line;
}
.studio-render.studio-render--composition-direct-line-contact .studio-render__section--introduction p {
  max-width: 30ch;
  margin-top: clamp(34px,5cqi,62px);
  color: var(--studio-muted);
  font-size: var(--studio-frame-size-14,14px);
  line-height: 1.65;
}
.studio-render.studio-render--composition-direct-line-contact .studio-render__intro-column .studio-render__section--contact-info {
  --studio-section-margin-block-default:0px;
  --studio-section-margin-inline-default:clamp(30px,4cqi,56px);
  margin-top: auto;
  padding-bottom: clamp(36px,5cqi,68px);
}
.studio-render.studio-render--composition-direct-line-contact .studio-render__section--contact-info h2 {
  font-size: var(--studio-frame-size-12,12px);
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.studio-render.studio-render--composition-direct-line-contact .studio-render__section--contact-info > .studio-render__section-body > p {
  margin-top: 8px;
  color: var(--studio-muted);
  font-size: var(--studio-frame-size-11,11px);
  line-height: 1.5;
}
.studio-render.studio-render--composition-direct-line-contact .studio-render__contact-items {
  grid-template-columns: minmax(0,1fr);
  gap: 12px;
  margin-top: 22px;
}
.studio-render.studio-render--composition-direct-line-contact .studio-render__contact-item {
  gap: 10px;
}
.studio-render.studio-render--composition-direct-line-contact .studio-render__contact-item > svg {
  width: 16px;
  height: 16px;
  flex-basis: 16px;
  color: var(--studio-text);
}
.studio-render.studio-render--composition-direct-line-contact .studio-render__contact-item dt {
  color: var(--studio-muted);
  font-size: var(--studio-frame-size-9,9px);
  font-weight: 600;
  letter-spacing: .05em;
  text-transform: uppercase;
}
.studio-render.studio-render--composition-direct-line-contact .studio-render__contact-item dd {
  margin-top: 1px;
  font-size: var(--studio-frame-size-11,11px);
  line-height: 1.4;
}
.studio-render.studio-render--composition-direct-line-contact .studio-render__form-column {
  grid-column: 3;
  grid-row: 2;
  align-self: stretch;
  background: var(--studio-surface);
}
.studio-render.studio-render--composition-direct-line-contact .studio-render__form-column .studio-render__section--form {
  --studio-section-margin-block-default:0px;
  --studio-section-margin-inline-default:clamp(32px,5cqi,72px);
  padding-top: clamp(42px,5cqi,70px);
  padding-bottom: 22px;
}
.studio-render.studio-render--composition-direct-line-contact .studio-render__section--form > .studio-render__section-body {
  max-width: 560px;
  margin-inline: auto;
}
.studio-render.studio-render--composition-direct-line-contact .studio-render__section--form h2 {
  font-size: var(--studio-frame-size-18,18px);
  font-weight: 650;
  letter-spacing: -.02em;
}
.studio-render.studio-render--composition-direct-line-contact .studio-render__fields {
  gap: 19px;
  margin-top: 30px;
}
.studio-render.studio-render--composition-direct-line-contact .studio-render__field > label {
  margin-bottom: 7px;
  font-size: var(--studio-frame-size-10,10px);
  font-weight: 650;
  letter-spacing: .01em;
}
.studio-render.studio-render--composition-direct-line-contact .studio-render__field > :is(input,textarea),
.studio-render.studio-render--composition-direct-line-contact .studio-render__select > :is(select,.studio-render__select-control) {
  min-height: 49px;
  padding: 12px 14px;
  border: 0;
  border-radius: 0;
  background: var(--studio-input-background);
  font-size: var(--studio-frame-size-13,13px);
}
.studio-render.studio-render--composition-direct-line-contact .studio-render__field:first-child .studio-render__select > :is(select,.studio-render__select-control) {
  border-bottom: 2px solid var(--studio-text);
  background: transparent;
  font-size: var(--studio-frame-size-16,16px);
  font-weight: 650;
}
.studio-render.studio-render--composition-direct-line-contact .studio-render__field > textarea {
  min-height: 118px;
}
.studio-render.studio-render--composition-direct-line-contact .studio-render__actions {
  justify-content: flex-start;
  width: min(calc(100% - clamp(64px,10cqi,144px)),560px);
  margin-inline: auto;
  padding: 0 0 34px;
}
.studio-render.studio-render--composition-direct-line-contact .studio-render__actions button:not(.studio-render__previous) {
  min-width: 132px;
  min-height: 56px;
  border-radius: 0;
  background: var(--studio-text);
  color: var(--studio-background);
}
.studio-render.studio-render--composition-direct-line-contact .studio-render__actions .studio-render__submission-note {
  color: var(--studio-muted);
  text-align: left;
}
.studio-render.studio-render--composition-direct-line-contact .studio-render__contact-column {
  grid-column: 4;
  grid-row: 3;
  align-self: end;
  background: var(--studio-primary);
  color: #fff;
}
.studio-render.studio-render--composition-direct-line-contact .studio-render__contact-column .studio-render__section--footer {
  --studio-section-margin-block-default:28px;
  --studio-section-margin-inline-default:24px;
  min-height: 118px;
  border: 0;
}
.studio-render.studio-render--composition-direct-line-contact .studio-render__contact-column h2 {
  font-size: var(--studio-frame-size-16,16px);
  font-weight: 700;
}
.studio-render.studio-render--composition-direct-line-contact .studio-render__contact-column p {
  margin-top: 8px;
  color: inherit;
  font-size: var(--studio-frame-size-11,11px);
}

.studio-render--thumbnail.studio-render.studio-render--composition-direct-line-contact > .studio-render__document {
  padding: 10px;
}
.studio-render--thumbnail.studio-render.studio-render--composition-direct-line-contact .studio-render__composition {
  grid-template-columns: 54px minmax(120px,.72fr) minmax(190px,1fr) 82px;
  min-height: 430px;
}
.studio-render--thumbnail.studio-render.studio-render--composition-direct-line-contact .studio-render__rail-column .studio-render__section--header {
  --studio-section-margin-block-default:10px;
  --studio-section-margin-inline-default:9px;
}
.studio-render--thumbnail.studio-render.studio-render--composition-direct-line-contact .studio-render__rail-column .studio-render__brand {
  font-size: var(--studio-frame-size-8,8px);
}
.studio-render--thumbnail.studio-render.studio-render--composition-direct-line-contact .studio-render__rail-column .studio-render__section--header p {
  font-size: var(--studio-frame-size-7,7px);
}
.studio-render--thumbnail.studio-render.studio-render--composition-direct-line-contact .studio-render__rail-column .studio-render__section--shape {
  top: 74px;
  width: 40px;
}
.studio-render--thumbnail.studio-render.studio-render--composition-direct-line-contact .studio-render__utility-column .studio-render__section--text {
  --studio-section-margin-block-default:8px;
  --studio-section-margin-inline-default:12px;
}
.studio-render--thumbnail.studio-render.studio-render--composition-direct-line-contact .studio-render__utility-column :is(h2,p) {
  font-size: var(--studio-frame-size-7,7px);
}
.studio-render--thumbnail.studio-render.studio-render--composition-direct-line-contact .studio-render__intro-column .studio-render__section--introduction {
  --studio-section-margin-inline-default:18px;
  padding-top: 36px;
}
.studio-render--thumbnail.studio-render.studio-render--composition-direct-line-contact .studio-render__section--introduction h1 {
  font-size: var(--studio-frame-size-36,36px);
}
.studio-render--thumbnail.studio-render.studio-render--composition-direct-line-contact .studio-render__section--introduction p {
  margin-top: 22px;
  font-size: var(--studio-frame-size-8,8px);
}
.studio-render--thumbnail.studio-render.studio-render--composition-direct-line-contact .studio-render__intro-column .studio-render__section--contact-info {
  --studio-section-margin-inline-default:18px;
  padding-bottom: 22px;
}
.studio-render--thumbnail.studio-render.studio-render--composition-direct-line-contact .studio-render__section--contact-info > .studio-render__section-body > p,
.studio-render--thumbnail.studio-render.studio-render--composition-direct-line-contact .studio-render__contact-item :is(dt,dd) {
  font-size: var(--studio-frame-size-7,7px);
}
.studio-render--thumbnail.studio-render.studio-render--composition-direct-line-contact .studio-render__form-column .studio-render__section--form {
  --studio-section-margin-inline-default:22px;
  padding-top: 24px;
  padding-bottom: 12px;
}
.studio-render--thumbnail.studio-render.studio-render--composition-direct-line-contact .studio-render__section--form h2 {
  font-size: var(--studio-frame-size-11,11px);
}
.studio-render--thumbnail.studio-render.studio-render--composition-direct-line-contact .studio-render__fields {
  gap: 9px;
  margin-top: 15px;
}
.studio-render--thumbnail.studio-render.studio-render--composition-direct-line-contact .studio-render__field > :is(input,textarea),
.studio-render--thumbnail.studio-render.studio-render--composition-direct-line-contact .studio-render__select > :is(select,.studio-render__select-control) {
  min-height: 25px;
  padding: 5px 7px;
  font-size: var(--studio-frame-size-8,8px);
}
.studio-render--thumbnail.studio-render.studio-render--composition-direct-line-contact .studio-render__field > textarea {
  min-height: 42px;
}
.studio-render--thumbnail.studio-render.studio-render--composition-direct-line-contact .studio-render__actions {
  width: calc(100% - 44px);
  padding-bottom: 18px;
}
.studio-render--thumbnail.studio-render.studio-render--composition-direct-line-contact .studio-render__actions button:not(.studio-render__previous) {
  min-width: 76px;
  min-height: 28px;
}
.studio-render--thumbnail.studio-render.studio-render--composition-direct-line-contact .studio-render__contact-column .studio-render__section--footer {
  --studio-section-margin-block-default:14px;
  --studio-section-margin-inline-default:12px;
  min-height: 74px;
}
.studio-render--thumbnail.studio-render.studio-render--composition-direct-line-contact .studio-render__contact-column :is(h2,p) {
  font-size: var(--studio-frame-size-8,8px);
}

@container (max-width: 760px) {
  .studio-render.studio-render--composition-direct-line-contact > .studio-render__document { padding: 18px; }
  .studio-render.studio-render--composition-direct-line-contact .studio-render__composition {
    grid-template-columns: 86px minmax(0,1fr);
    grid-template-rows: auto auto auto auto;
    min-height: 0;
  }
  .studio-render.studio-render--composition-direct-line-contact .studio-render__rail-column {
    grid-column: 1;
    grid-row: 1 / -1;
  }
  .studio-render.studio-render--composition-direct-line-contact .studio-render__utility-column {
    grid-column: 2;
    grid-row: 1;
  }
  .studio-render.studio-render--composition-direct-line-contact .studio-render__intro-column {
    grid-column: 2;
    grid-row: 2;
    border-right: 0;
    border-bottom: 1px solid var(--studio-border);
  }
  .studio-render.studio-render--composition-direct-line-contact .studio-render__form-column {
    grid-column: 2;
    grid-row: 3;
  }
  .studio-render.studio-render--composition-direct-line-contact .studio-render__contact-column {
    grid-column: 2;
    grid-row: 4;
    width: min(240px,55%);
    justify-self: end;
  }
  .studio-render.studio-render--composition-direct-line-contact .studio-render__intro-column .studio-render__section--introduction {
    padding-top: 52px;
  }
  .studio-render.studio-render--composition-direct-line-contact .studio-render__section--introduction h1 {
    max-width: 8ch;
    font-size: min(var(--studio-frame-size-direct-title,clamp(54px,12cqi,84px)),84px);
  }
  .studio-render.studio-render--composition-direct-line-contact .studio-render__intro-column .studio-render__section--contact-info {
    margin-top: 12px;
  }
}

@container (max-width: 520px) {
  .studio-render.studio-render--composition-direct-line-contact > .studio-render__document { padding: 12px; }
  .studio-render.studio-render--composition-direct-line-contact .studio-render__composition {
    grid-template-columns: minmax(0,1fr);
    grid-template-rows: auto;
  }
  .studio-render.studio-render--composition-direct-line-contact .studio-render__rail-column {
    position: static;
    grid-column: 1;
    grid-row: auto;
    display: grid;
    grid-template-columns: minmax(0,1fr) 70px;
    align-items: center;
    min-height: 94px;
    border-right: 0;
    border-bottom: 1px solid var(--studio-border);
  }
  .studio-render.studio-render--composition-direct-line-contact .studio-render__rail-column .studio-render__section--header {
    height: auto;
  }
  .studio-render.studio-render--composition-direct-line-contact .studio-render__rail-column .studio-render__section--header > .studio-render__section-body {
    height: auto;
    gap: 7px;
  }
  .studio-render.studio-render--composition-direct-line-contact .studio-render__rail-column .studio-render__section--header p {
    max-width: none;
    margin-top: 0;
  }
  .studio-render.studio-render--composition-direct-line-contact .studio-render__rail-column .studio-render__section--shape {
    position: static;
    width: 70px;
    transform: none;
  }
  .studio-render.studio-render--composition-direct-line-contact .studio-render__utility-column,
  .studio-render.studio-render--composition-direct-line-contact .studio-render__intro-column,
  .studio-render.studio-render--composition-direct-line-contact .studio-render__form-column,
  .studio-render.studio-render--composition-direct-line-contact .studio-render__contact-column {
    grid-column: 1;
    grid-row: auto;
  }
  .studio-render.studio-render--composition-direct-line-contact .studio-render__utility-column .studio-render__section-body {
    justify-content: space-between;
  }
  .studio-render.studio-render--composition-direct-line-contact .studio-render__intro-column .studio-render__section--introduction {
    --studio-section-margin-inline-default:22px;
    padding-top: 46px;
  }
  .studio-render.studio-render--composition-direct-line-contact .studio-render__section--introduction h1 {
    max-width: 7ch;
    font-size: min(var(--studio-frame-size-direct-title,clamp(50px,17cqi,72px)),72px);
  }
  .studio-render.studio-render--composition-direct-line-contact .studio-render__intro-column .studio-render__section--contact-info {
    --studio-section-margin-inline-default:22px;
    padding-bottom: 38px;
  }
  .studio-render.studio-render--composition-direct-line-contact .studio-render__form-column .studio-render__section--form {
    --studio-section-margin-inline-default:22px;
    padding-top: 38px;
  }
  .studio-render.studio-render--composition-direct-line-contact .studio-render__actions {
    width: calc(100% - 44px);
  }
  .studio-render.studio-render--composition-direct-line-contact .studio-render__contact-column {
    width: 100%;
    justify-self: stretch;
  }
}

@media (max-width: 760px) {
  .studio-render.studio-render--composition-direct-line-contact > .studio-render__document { padding: 18px; }
  .studio-render.studio-render--composition-direct-line-contact .studio-render__composition {
    grid-template-columns: 86px minmax(0,1fr);
    grid-template-rows: auto auto auto auto;
    min-height: 0;
  }
  .studio-render.studio-render--composition-direct-line-contact .studio-render__rail-column { grid-column: 1; grid-row: 1 / -1; }
  .studio-render.studio-render--composition-direct-line-contact .studio-render__utility-column { grid-column: 2; grid-row: 1; }
  .studio-render.studio-render--composition-direct-line-contact .studio-render__intro-column { grid-column: 2; grid-row: 2; border-right: 0; border-bottom: 1px solid var(--studio-border); }
  .studio-render.studio-render--composition-direct-line-contact .studio-render__form-column { grid-column: 2; grid-row: 3; }
  .studio-render.studio-render--composition-direct-line-contact .studio-render__contact-column { grid-column: 2; grid-row: 4; width: min(240px,55%); justify-self: end; }
}

@media (max-width: 520px) {
  .studio-render.studio-render--composition-direct-line-contact > .studio-render__document { padding: 12px; }
  .studio-render.studio-render--composition-direct-line-contact .studio-render__composition { grid-template-columns: minmax(0,1fr); grid-template-rows: auto; }
  .studio-render.studio-render--composition-direct-line-contact .studio-render__rail-column {
    position: static;
    grid-column: 1;
    grid-row: auto;
    display: grid;
    grid-template-columns: minmax(0,1fr) 70px;
    align-items: center;
    min-height: 94px;
    border-right: 0;
    border-bottom: 1px solid var(--studio-border);
  }
  .studio-render.studio-render--composition-direct-line-contact .studio-render__rail-column .studio-render__section--header { height: auto; }
  .studio-render.studio-render--composition-direct-line-contact .studio-render__rail-column .studio-render__section--header > .studio-render__section-body { height: auto; gap: 7px; }
  .studio-render.studio-render--composition-direct-line-contact .studio-render__rail-column .studio-render__section--header p { max-width: none; margin-top: 0; }
  .studio-render.studio-render--composition-direct-line-contact .studio-render__rail-column .studio-render__section--shape { position: static; width: 70px; transform: none; }
  .studio-render.studio-render--composition-direct-line-contact :is(.studio-render__utility-column,.studio-render__intro-column,.studio-render__form-column,.studio-render__contact-column) { grid-column: 1; grid-row: auto; }
  .studio-render.studio-render--composition-direct-line-contact .studio-render__utility-column .studio-render__section-body { justify-content: space-between; }
  .studio-render.studio-render--composition-direct-line-contact .studio-render__section--introduction h1 { max-width: 7ch; }
  .studio-render.studio-render--composition-direct-line-contact .studio-render__actions { width: calc(100% - 44px); }
  .studio-render.studio-render--composition-direct-line-contact .studio-render__contact-column { width: 100%; justify-self: stretch; }
}
.studio-render *, .studio-render *::before, .studio-render *::after { box-sizing: border-box; }
.studio-render h1, .studio-render h2, .studio-render h3, .studio-render p, .studio-render figure, .studio-render blockquote { margin: 0; color: inherit; }
.studio-render h1 { max-width: 18ch; font-size: var(--studio-frame-size-h1,clamp(30px, 5cqi, 54px)); font-weight: 550; letter-spacing: -.045em; line-height: 1.12; text-wrap: balance; }
.studio-render h2 { font-size: var(--studio-frame-size-h2,clamp(23px, 3.4cqi, 34px)); font-weight: 550; letter-spacing: -.035em; line-height: 1.25; text-wrap: balance; }
.studio-render h3 { font-size: var(--studio-frame-size-18,18px); font-weight: 550; letter-spacing: -.015em; line-height: 1.4; }
.studio-render p { max-width: 64ch; line-height: 1.65; }
.studio-render h1 + p, .studio-render h2 + p, .studio-render h3 + p, .studio-render h1 + .studio-render__rich-text, .studio-render h2 + .studio-render__rich-text { margin-top: 16px; }
.studio-render button, .studio-render input, .studio-render select, .studio-render textarea { font: inherit; color: inherit; }
.studio-render button { cursor: pointer; }
.studio-render button:disabled { cursor: not-allowed; opacity: .7; }
.studio-render :focus-visible { outline: 2px solid #4586b3; outline-offset: 3px; }
/* A frame override is authoritative for customer-visible text but remains a
 * presentation layer: local typography is still stored underneath it. Text
 * targets avoid changing image/field geometry, and shared forms are separate
 * pinned visual documents that may carry their own inner frame override. */
.studio-render.studio-render[data-studio-frame-font-family] :where(*):not(:where(.studio-render__section--shared-form,.studio-render__section--shared-form *,.studio-render__embedded-form,.studio-render__embedded-form *)) { font-family: var(--studio-frame-font) !important; }
.studio-render.studio-render[data-studio-frame-size="uniform"] :where(*):not(:where(.studio-render__section--shared-form,.studio-render__section--shared-form *,.studio-render__embedded-form,.studio-render__embedded-form *)) { font-size: var(--studio-frame-font-size) !important; }
.studio-render[data-studio-frame-font-family] .studio-render__section--shared-form { font-family: var(--studio-font) !important; }
.studio-render[data-studio-frame-size] .studio-render__section--shared-form { font-size: var(--studio-frame-boundary-font-size) !important; }
.studio-render .service-description { font-size: var(--studio-frame-size-14,14px); }
.studio-render .studio-render__section { --studio-section-margin-block-default:44px; --studio-section-margin-inline-default:var(--studio-spacing,40px); position: relative; width: 100%; padding-top:var(--studio-section-margin-top,var(--studio-section-margin-block-default)); padding-right:min(var(--studio-section-margin-right,var(--studio-section-margin-inline-default)),calc((100% - min(var(--studio-section-min-content),100%))/2)); padding-bottom:var(--studio-section-margin-bottom,var(--studio-section-margin-block-default)); padding-left:min(var(--studio-section-margin-left,var(--studio-section-margin-inline-default)),calc((100% - min(var(--studio-section-min-content),100%))/2)); }
.studio-render .studio-render__section-body { width: 100%; min-width: 0; max-width: 960px; margin-inline: auto; }
.studio-render .studio-render__width--narrow > .studio-render__section-body { max-width: 640px; }
.studio-render .studio-render__width--wide > .studio-render__section-body { max-width: 1200px; }
.studio-render .studio-render__spacing--compact { --studio-section-margin-block-default:24px; }
.studio-render .studio-render__spacing--spacious { --studio-section-margin-block-default:70px; }
.studio-render .studio-render__align--center { text-align: center; }
.studio-render .studio-render__align--center :is(h1, p, .studio-render__rich-text) { margin-inline: auto; }
.studio-render .studio-render__align--right { text-align: right; }
.studio-render .studio-render__align--right :is(h1, p, .studio-render__rich-text) { margin-left: auto; }
.studio-render .studio-render__section--text p { white-space: pre-wrap; }
.studio-render .studio-render__shape { display: block; box-sizing: border-box; min-width: 0; max-width: 100%; flex-shrink: 0; }
.studio-render .studio-render__shape:not(:first-child) { margin-top: 16px; }
.studio-render .studio-render__shape + :is(p, .studio-render__rich-text) { margin-top: 16px; }
.studio-render .studio-render__align--center .studio-render__shape { margin-inline: auto; }
.studio-render .studio-render__align--right .studio-render__shape { margin-left: auto; }
.studio-render .studio-render__section--header { --studio-section-margin-block-default:22px; border-bottom: 1px solid color-mix(in srgb, var(--studio-text) 12%, transparent); }
.studio-render .studio-render__section--header > .studio-render__section-body { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px; }
.studio-render .studio-render__section--header p { font-size: var(--studio-frame-size-13,13px); }
.studio-render .studio-render__brand { display: flex; align-items: center; gap: 11px; min-width: 0; font-size: var(--studio-frame-size-18,18px); font-weight: 600; letter-spacing: -.035em; }
.studio-render .studio-render__brand-title { display: block; flex: 1; min-width: 0; }
/* Authored title geometry needs a stable slot after the logo and gap. Keeping
 * the brand intrinsic otherwise preserves existing header/supporting-copy flow. */
.studio-render .studio-render__brand:has(> .studio-render__brand-title > [data-studio-object="title"][style*="margin-inline-start:"]) { width: 100%; }
.studio-render .studio-render__brand img { width: auto; height: auto; max-width: 160px; max-height: 42px; object-fit: contain; }
.studio-render .studio-render__brand-mark { display: block; flex: 0 0 24px; height: 24px; border: 6px solid var(--studio-primary); border-radius: 50%; box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--studio-text) 45%, transparent); }
.studio-render .studio-render__section--introduction { background: color-mix(in srgb, var(--studio-primary) 10%, var(--studio-background)); }
.studio-render .studio-render__section--introduction .studio-render__image { margin-top: 30px; max-height: 430px; }
.studio-render .studio-render__section--introduction:is(.studio-render__layout--two-column, .studio-render__layout--grid) > .studio-render__section-body { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 28px; align-items: center; }
.studio-render .studio-render__section--introduction:is(.studio-render__layout--two-column, .studio-render__layout--grid) > .studio-render__section-body > :is(p, .studio-render__rich-text) { margin-block: 0; }
.studio-render .studio-render__section--introduction:is(.studio-render__layout--two-column, .studio-render__layout--grid) > .studio-render__section-body > :is(.studio-render__image, .studio-render__image-placeholder) { grid-column: 1 / -1; margin: 0; }
.studio-render .studio-render__section--image-text .studio-render__section-body { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 36px; align-items: center; }
.studio-render .studio-render__section--image-text.studio-render__layout--stacked .studio-render__section-body { grid-template-columns: minmax(0, 1fr); }
.studio-render .studio-render__section--image-text.studio-render__layout--stacked .studio-render__image { max-height: 450px; }
.studio-render .studio-render__image { display: block; width: 100%; max-width: 100%; height: auto; object-fit: cover; border-radius: var(--studio-radius); }
.studio-render .studio-render__image-placeholder { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; min-height: 190px; border: 1px dashed color-mix(in srgb, var(--studio-text) 30%, transparent); border-radius: var(--studio-radius); background: color-mix(in srgb, var(--studio-primary) 9%, var(--studio-background)); color: color-mix(in srgb, var(--studio-text) 60%, var(--studio-background)); font-size: var(--studio-frame-size-13,13px); }
.studio-render .studio-render__image-placeholder > span:first-child { font-size: var(--studio-frame-size-36,36px); font-weight: 400; }
/* Section-owned images stay inside the section's responsive structure. Block
 * flow gives the image its own row; wrap flow shares the row with the complete
 * payload, including form fields, cards, and contact details. */
.studio-render .studio-render__image-flow { width: 100%; min-width: 0; }
.studio-render .studio-render__image-flow-content { min-width: 0; }
.studio-render :is(.studio-render__section--introduction,.studio-render__section--image-text) > .studio-render__section-body:has(> .studio-render__image-flow) { display: block; }
.studio-render .studio-render__section--introduction .studio-render__image-flow > :is(.studio-render__image,.studio-render__image-placeholder) { margin-top: 0; }
.studio-render .studio-render__image-flow--block > :is(.studio-render__image,.studio-render__image-placeholder) + .studio-render__image-flow-content { margin-top: 28px; }
.studio-render .studio-render__image-flow:is(.studio-render__image-flow--wrap-left,.studio-render__image-flow--wrap-right) { display: flex; align-items: flex-start; gap: clamp(20px, 4cqi, 38px); }
.studio-render .studio-render__image-flow:is(.studio-render__image-flow--wrap-left,.studio-render__image-flow--wrap-right) > :is(.studio-render__image,.studio-render__image-placeholder) { flex: 0 0 auto; min-width: 0; }
.studio-render .studio-render__image-flow:is(.studio-render__image-flow--wrap-left,.studio-render__image-flow--wrap-right) > .studio-render__image-flow-content { flex: 1 1 0; }
.studio-render .studio-render__items { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; margin-top: 28px; text-align: left; }
.studio-render .studio-render__layout--two-column .studio-render__items { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.studio-render .studio-render__layout--stacked .studio-render__items { grid-template-columns: minmax(0, 1fr); }
.studio-render .studio-render__items > article, .studio-render .studio-render__items > figure { padding: 25px; border: 1px solid color-mix(in srgb, var(--studio-text) 14%, transparent); border-radius: var(--studio-radius); }
.studio-render .studio-render__items > article > p { margin-top: 10px; font-size: var(--studio-frame-size-14,14px); }
.studio-render .studio-render__item-mark { display: block; width: 32px; height: 6px; margin-bottom: 24px; background: var(--studio-primary); border-radius: 3px; }
.studio-render--editor [data-studio-item-mark] { cursor: pointer; }
.studio-render--editor [data-studio-item-mark]:is(:hover,:focus-visible) { outline: 2px solid #7eb4d9; outline-offset: 3px; }
.studio-render.studio-render--email .studio-render__item-mark { max-width: 100%; }
.studio-render .studio-render__pasted-image { display: block; max-width: 100%; margin-block: 20px; border-radius: var(--studio-radius); }
.studio-render .studio-render__pasted-image-placeholder { max-width: 100%; margin-block: 20px; padding: 16px; border: 1px dashed var(--studio-border); color: var(--studio-muted); }
.studio-render--editor [data-studio-pasted-image] { cursor: pointer; }
.studio-render--editor [data-studio-pasted-image]:is(:hover,:focus-visible,.is-selected) { outline: 2px solid #7eb4d9; outline-offset: 3px; }
.studio-render .studio-render__section--testimonials { background: color-mix(in srgb, var(--studio-primary) 9%, var(--studio-background)); }
.studio-render .studio-render__items blockquote { font-size: var(--studio-frame-size-17,17px); line-height: 1.65; }
.studio-render .studio-render__items figcaption { margin-top: 20px; font-size: var(--studio-frame-size-13,13px); font-weight: 600; }
.studio-render .studio-render__items figcaption::before { content: "— "; }
.studio-render .studio-render__section--faq .studio-render__items { grid-template-columns: minmax(0, 1fr); gap: 0; }
.studio-render .studio-render__items > details { padding: 20px 0; border-bottom: 1px solid color-mix(in srgb, var(--studio-text) 15%, transparent); }
.studio-render .studio-render__items > details:first-child { border-top: 1px solid color-mix(in srgb, var(--studio-text) 15%, transparent); }
.studio-render .studio-render__items summary { cursor: pointer; font-weight: 550; font-size: var(--studio-frame-size-16,16px); }
.studio-render .studio-render__items details p { margin-top: 12px; font-size: var(--studio-frame-size-14,14px); }
.studio-render .studio-render__section--footer { --studio-section-margin-block-default:28px; border-top: 1px solid color-mix(in srgb, var(--studio-text) 12%, transparent); }
.studio-render .studio-render__section--footer h2 { font-size: var(--studio-frame-size-17,17px); }
.studio-render .studio-render__section--footer p { font-size: var(--studio-frame-size-13,13px); margin-top: 8px; }
.studio-render .studio-render__section--shared-form > .studio-render__section-body > .studio-render__section { --studio-section-margin-inline-default:0px; }
.studio-render .studio-render__section--themed-shared.studio-render__section { --studio-section-margin-block-default:0px; --studio-section-margin-inline-default:0px; }
.studio-render .studio-render__section--themed-shared > .studio-render__section-body { max-width: none; }
.studio-render .studio-render__embedded-form { width: 100%; min-width: 0; }
.studio-render .studio-render__section--form .studio-render__section-body { max-width: 720px; }
.studio-render .studio-render__fields { display: grid; grid-template-columns: minmax(0, 1fr); gap: 22px; margin-top: 28px; text-align: left; }
.studio-render .studio-render__layout--two-column .studio-render__fields { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.studio-render .studio-render__layout--grid .studio-render__fields { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.studio-render .studio-render__field { position: relative; min-width: 0; }
/* A row break starts this field at the first grid column without widening it.
 * Keep automatic placement non-dense so later fields never backfill the gap. */
.studio-render .studio-render__fields:has(> [data-studio-field-break-before="true"]) { grid-auto-flow: row; }
.studio-render .studio-render__fields > .studio-render__field[data-studio-field-break-before="true"] { grid-column-start: 1; }
.studio-render .studio-render__field > label, .studio-render .studio-render__field legend { display: block; margin-bottom: 7px; font-size: var(--studio-frame-size-14,14px); font-weight: 550; }
.studio-render .studio-render__required { margin-left: 4px; font-size: var(--studio-frame-size-13,13px); }
.studio-render .studio-render__field > input, .studio-render .studio-render__field > textarea, .studio-render .studio-render__field > select, .studio-render .studio-render__select > :is(select,.studio-render__select-control) { display: block; width: 100%; max-width: 100%; min-width: 0; min-height: 44px; margin: 0; padding: 10px 12px; border: 1px solid color-mix(in srgb, var(--studio-text) 30%, var(--studio-background)); border-radius: min(var(--studio-radius), 12px); background: var(--studio-background); font: inherit; font-size: var(--studio-frame-size-15,15px); line-height: 1.4; }
/* Static canvases and exports keep the native closed-state control. Interactive
 * previews progressively enhance it into the app's Pragtical listbox. */
.studio-render .studio-render__select {
  --studio-chevron-safe-inset: max(var(--studio-chevron-border-inset, 0px), min(var(--studio-chevron-inset), max(0px, calc(100% - var(--studio-chevron-size) - 48px))));
  display: block;
  position: relative;
  width: 100%;
  min-width: 0;
  color: var(--sce-widget-form-field-text, var(--studio-text));
}
.studio-render .studio-render__select > :is(select,.studio-render__select-control) { -webkit-appearance: none; appearance: none; min-height: max(44px, var(--studio-chevron-min-height)); padding-right: calc(var(--studio-chevron-size) + var(--studio-chevron-safe-inset) + 8px); color: inherit; text-overflow: ellipsis; }
/* Keep the static renderer contract explicit for exports and editor canvases. */
.studio-render .studio-render__select > select { -webkit-appearance: none; appearance: none; }
.studio-render .studio-render__select > select[hidden] { display: none !important; }
.studio-render .studio-render__select .studio-render__select-chevron {
  --studio-chevron-height: min(calc(var(--studio-chevron-size) * 2 / 3), calc(100% - 4px));
  position: absolute;
  top: clamp(2px, calc(50% - var(--studio-chevron-height) / 2 + var(--studio-chevron-offset-y)), calc(100% - var(--studio-chevron-height) - 2px));
  right: var(--studio-chevron-safe-inset);
  display: block;
  width: var(--studio-chevron-size);
  height: var(--studio-chevron-height);
  max-width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  color: inherit;
  pointer-events: none;
  user-select: none;
}
.studio-render .studio-render__select > .studio-render__select-chevron { pointer-events: none; }
.studio-render .studio-render__select[data-studio-chevron-side=left] > :is(select,.studio-render__select-control) { padding-left: calc(var(--studio-chevron-size) + var(--studio-chevron-safe-inset) + 8px); padding-right: 12px; }
.studio-render .studio-render__select[data-studio-chevron-side=left] > select { padding-left: calc(var(--studio-chevron-size) + var(--studio-chevron-safe-inset) + 8px); padding-right: 12px; }
.studio-render .studio-render__select[data-studio-chevron-side=left] .studio-render__select-chevron { left: var(--studio-chevron-safe-inset); right: auto; }
.studio-render--native .studio-render__select > :is(select,.studio-render__select-control) { min-height: max(38px, var(--studio-chevron-min-height)); padding-block: 7px; border-width: .5px; font-size: var(--studio-frame-size-13,13px); }
.studio-render--editor .studio-render__select > select { opacity: 1; pointer-events: none; -webkit-text-fill-color: var(--sce-widget-form-field-text, var(--studio-text)); }
.studio-render--preview .studio-render__select-control {
  position: relative;
  display: flex !important;
  align-items: center;
  justify-content: flex-start;
  cursor: pointer;
  text-align: inherit;
  -webkit-text-fill-color: currentColor;
}
.studio-render--preview .studio-render__select-control > [data-import-select-summary] {
  display: block;
  min-width: 0;
  flex: 1 1 auto;
  overflow: hidden;
  color: inherit;
  text-align: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.studio-render--preview .studio-render__select-control .studio-render__select-chevron { transition: transform 120ms ease; }
.studio-render--preview .studio-render__select.is-open .studio-render__select-control .studio-render__select-chevron { transform: rotate(180deg); }
.studio-render--preview .studio-render__field:has(.studio-render__select.is-open),
.studio-render--preview .studio-render__select.is-open { position: relative; z-index: 81; }
.studio-render--preview .studio-render__select-menu {
  position: absolute;
  z-index: 80;
  top: calc(100% + 4px);
  right: 0;
  left: 0;
  display: grid;
  gap: 2px;
  width: 100%;
  max-height: min(240px, 42vh);
  margin: 0;
  padding: 4px;
  overflow-y: auto;
  border: 1px solid var(--studio-border, color-mix(in srgb, var(--studio-text) 30%, var(--studio-background)));
  border-radius: var(--studio-input-radius, var(--studio-native-input-radius, min(var(--studio-radius), 12px)));
  background: var(--studio-input-background, var(--sce-widget-form-field, var(--studio-background)));
  color: var(--sce-widget-form-field-text, var(--studio-text));
  box-shadow: 0 5px 12px rgb(0 0 0 / 14%);
  font: inherit;
  text-align: left;
}
.studio-render--preview .studio-render__select-menu[hidden] { display: none !important; }
.studio-render--preview .studio-render__select-menu [role=option] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  width: 100%;
  min-height: 36px;
  margin: 0;
  padding: 7px 9px;
  border: 0;
  border-radius: max(3px, calc(var(--studio-input-radius, var(--studio-native-input-radius, 8px)) - 2px));
  background: transparent;
  color: inherit;
  font: inherit;
  line-height: 1.35;
  text-align: left;
  cursor: pointer;
}
.studio-render--preview .studio-render__select-menu [role=option] > span:first-child { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.studio-render--preview .studio-render__select-menu [role=option]:is(:hover,:focus-visible),
.studio-render--preview .studio-render__select-menu [role=option][aria-selected=true] { outline: 0; background: color-mix(in srgb, var(--studio-primary) 28%, var(--studio-input-background, var(--studio-background))); }
.studio-render--preview .studio-render__select-check {
  width: 9px;
  height: 7px;
  flex: 0 0 9px;
  background: currentColor;
  clip-path: polygon(0 45%,15% 28%,39% 59%,84% 0,100% 16%,39% 100%);
  opacity: 0;
}
.studio-render--preview .studio-render__select-menu [role=option][aria-selected=true] .studio-render__select-check { opacity: 1; }
.studio-render--preview .studio-render__select-control:focus-visible { outline: 2px solid #4586b3; outline-offset: 3px; }
.studio-render--preview .studio-render__select-control[aria-invalid=true] { box-shadow: 0 0 0 1px #b23d46 !important; }
.studio-render--preview :is(.studio-render__composition,.studio-render__section,[data-studio-section-surface]):has(.studio-render__select.is-open) { overflow: visible; }
.studio-render .studio-render__field textarea { min-height: 114px; resize: vertical; }
.studio-render .studio-render__field :is(input, textarea)::placeholder { color: color-mix(in srgb, var(--studio-text) 55%, var(--studio-background)); opacity: 1; }
.studio-render .studio-render__field fieldset { min-width: 0; margin: 0; padding: 0; border: 0; }
.studio-render .studio-render__choices { display: flex; flex-direction: column; gap: 10px; }
.studio-render .studio-render__choices label, .studio-render .studio-render__field .studio-render__check { display: flex; align-items: flex-start; gap: 9px; margin: 0; font-weight: 400; }
.studio-render .studio-render__field :is(input[type="checkbox"], input[type="radio"]) { width: 18px; height: 18px; flex: 0 0 18px; margin: 3px 0 0; padding: 0; border-radius: 0; background: transparent; accent-color: var(--studio-primary); }
.studio-render .studio-render__error { display: block; margin-top: 5px; color: #a32626; font-size: var(--studio-frame-size-13,13px); }
.studio-render .studio-render__error:empty { display: none; }
/* Per-field input geometry is opt-in; native and ordinary controls keep their
 * existing palette and defaults. A zero-width border still has an error ring. */
.studio-render [data-studio-field-appearance][aria-invalid="true"] { box-shadow: 0 0 0 1px #b23d46 !important; }
.studio-render [data-studio-field-appearance]:focus-visible { outline: 2px solid #4586b3 !important; outline-offset: 3px !important; }
.studio-render--native select[data-studio-field-appearance] { --studio-field-control-min: 38px; }
.studio-render--native .studio-render__select-control[data-studio-field-appearance] { --studio-field-control-min: 38px; }
.studio-render--thumbnail select[data-studio-field-appearance] { --studio-field-control-min: 25px; }
/* Per-bar text settings inherit neither into labels nor into dropdown arrows.
 * Native form defaults stay distinct unless the author explicitly edits text. */
.studio-render [data-studio-field-typography] { --studio-field-typography-min: 44px; }
.studio-render textarea[data-studio-field-typography] { --studio-field-typography-min: 114px; }
.studio-render--native [data-studio-field-typography] { --studio-field-typography-min: 38px; }
.studio-render--thumbnail [data-studio-field-typography] { --studio-field-typography-min: 25px; }
.studio-render--thumbnail textarea[data-studio-field-typography] { --studio-field-typography-min: 42px; }
.studio-render [data-studio-field-typography]::placeholder { font-family: inherit; font-size: inherit; line-height: inherit; }
.studio-render [data-studio-field-typography][aria-invalid="true"] { box-shadow: 0 0 0 1px #b23d46 !important; }
.studio-render [data-studio-field-typography]:focus-visible { outline: 2px solid #4586b3 !important; outline-offset: 3px !important; }
@media (pointer: coarse), (max-width: 600px) {
  .studio-render [data-studio-field-appearance] { --studio-field-touch-min: 44px; }
  .studio-render [data-studio-field-typography] { --studio-field-touch-min: 44px; }
}
@container (max-width: 600px) {
  .studio-render [data-studio-field-appearance] { --studio-field-touch-min: 44px; }
  .studio-render [data-studio-field-typography] { --studio-field-touch-min: 44px; }
}
.studio-render .studio-render__actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 12px; width: min(100% - 80px, 720px); margin: 0 auto; padding: 10px 0 38px; }
.studio-render .studio-render__actions button, .studio-render .studio-render__booking button { min-height: 43px; border: 1px solid transparent; border-radius: min(var(--studio-radius), 12px); padding: 10px 24px; background: var(--studio-primary); color: var(--studio-action-text); font-size: var(--studio-frame-size-14,14px); font-weight: 550; }
.studio-render .studio-render__actions button:hover { filter: brightness(.97); }
.studio-render .studio-render__actions .studio-render__previous { margin-right: auto; border-color: color-mix(in srgb, var(--studio-text) 25%, transparent); background: var(--studio-background); color: var(--studio-text); }
.studio-render .studio-render__progress { font-size: var(--studio-frame-size-13,13px); }
.studio-render .studio-render__submission-note { flex-basis: 100%; text-align: right; font-size: var(--studio-frame-size-12,12px); color: color-mix(in srgb, var(--studio-text) 65%, var(--studio-background)); }
.studio-render .studio-render__booking { display: flex; flex-direction: column; align-items: center; gap: 14px; margin-top: 26px; padding: 34px 25px; border: 1px solid color-mix(in srgb, var(--studio-text) 15%, transparent); border-radius: var(--studio-radius); text-align: center; }
.studio-render .studio-render__booking p { max-width: 50ch; font-size: var(--studio-frame-size-14,14px); }
.studio-render .studio-render__booking { padding: 20px; background: var(--studio-surface); border-color: var(--studio-border); }
.studio-render .studio-render__booking .studio-render__booking-note { max-width: none; margin: 0; color: var(--studio-muted); font-size: var(--studio-frame-size-12,12px); text-align: left; width: 100%; }
.studio-render .studio-render__booking-columns { display: grid; grid-template-columns: minmax(0, 1.75fr) minmax(150px, 1fr); gap: 24px; width: 100%; align-items: start; }
.studio-render .studio-render__calendar-month { min-width: 0; }
.studio-render .studio-render__calendar-heading { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.studio-render .studio-render__calendar-heading h3 { font-size: var(--studio-frame-size-16,16px); }
.studio-render .studio-render__calendar-heading h3 span { font-size: var(--studio-frame-size-11,11px); font-weight: 400; color: var(--studio-muted); }
.studio-render .studio-render__calendar-heading button { width: 36px; min-height: 36px; padding: 0; border: 1px solid var(--studio-border); background: var(--studio-surface); color: var(--studio-text); font-size: var(--studio-frame-size-22,22px); }
.studio-render .studio-render__calendar-grid { width: 100%; table-layout: fixed; border-collapse: separate; border-spacing: 3px; margin-top: 12px; }
.studio-render .studio-render__calendar-grid th { padding: 4px 0; color: var(--studio-muted); font-size: var(--studio-frame-size-11,11px); font-weight: 500; text-align: center; }
.studio-render .studio-render__calendar-grid td { padding: 0; text-align: center; }
.studio-render .studio-render__calendar-grid .studio-render__calendar-day { min-height: 36px; width: 100%; padding: 4px 0; border: 1px solid transparent; border-radius: var(--studio-button-radius); background: transparent; color: var(--studio-text); font-size: var(--studio-frame-size-13,13px); }
.studio-render .studio-render__calendar-times { display: grid; gap: 9px; min-width: 0; padding-left: 20px; border-left: 1px solid var(--studio-border); }
.studio-render .studio-render__calendar-times h3 { font-size: var(--studio-frame-size-15,15px); }
.studio-render .studio-render__calendar-times > p { font-size: var(--studio-frame-size-11,11px); color: var(--studio-muted); }
.studio-render .studio-render__calendar-times .studio-render__calendar-time { min-height: 38px; width: 100%; padding: 7px 12px; border: 1px solid var(--studio-border); background: var(--studio-surface); color: var(--studio-text); font-size: var(--studio-frame-size-13,13px); }
.studio-render .studio-render__booking .is-sample-selected { border-color: var(--studio-primary); background: var(--studio-sidebar); color: var(--studio-sidebar-text); }
.studio-render .studio-render__booking button:disabled { opacity: 1; cursor: default; }
.studio-render .studio-render__calendar-caption { color: var(--studio-muted); font-size: var(--studio-frame-size-11,11px); line-height: 1.5; }
.studio-render .studio-render__calendar-mark { position: relative; width: 37px; height: 36px; border: 1.5px solid currentColor; border-radius: 5px; opacity: .7; }
.studio-render .studio-render__calendar-mark::before { content: ""; position: absolute; left: 0; right: 0; top: 9px; border-top: 1.5px solid; }
.studio-render .studio-render__calendar-mark::after { content: ""; position: absolute; width: 5px; height: 5px; background: var(--studio-primary); left: 7px; top: 17px; box-shadow: 10px 0 var(--studio-primary); }
.studio-render .studio-render__rich-text { max-width: 70ch; margin-top: 16px; text-align: start; }
.studio-render .studio-render__rich-text p { max-width: none; }
.studio-render .studio-render__rich-text :is(ul,ol) { padding-left: 1.6em; }
.studio-render .studio-render__rich-text a { color: inherit; text-decoration: underline; text-underline-offset: 3px; }
.studio-render .studio-render__empty { padding: 20px 0; font-size: var(--studio-frame-size-14,14px); opacity: .65; }
.studio-render--editor .studio-render__section:not(.studio-render__section--shared-form .studio-render__section) { cursor: pointer; }
.studio-render :is(.studio-render__section,[data-studio-section-surface]) { --studio-section-editor-opacity: initial; --studio-section-editor-shadow: initial; }
.studio-render--editor :is(.studio-render__section,[data-studio-section-surface])[data-studio-section]:is(:hover,:focus-within) { --studio-section-editor-opacity: max(.35,var(--studio-section-opacity,1)); --studio-section-editor-shadow: inset 0 0 0 1px #afd3ee,var(--studio-section-shadow,0 0 #0000); }
.studio-render--editor :is(.studio-render__section,[data-studio-section-surface])[data-studio-section].is-selected { --studio-section-editor-opacity: max(.35,var(--studio-section-opacity,1)); --studio-section-editor-shadow: inset 0 0 0 2px #7eb4d9,var(--studio-section-shadow,0 0 #0000); }
.studio-render--editor .studio-render__section[data-studio-section]:hover { box-shadow: inset 0 0 0 1px #afd3ee; }
.studio-render--editor .studio-render__section.is-selected { box-shadow: inset 0 0 0 2px #7eb4d9; }
/* Outline the selected image itself without changing its dimensions or output. */
.studio-render--editor .studio-render__section[data-studio-section].is-selected > .studio-render__section-body > .studio-render__image { outline: 2px solid #7eb4d9; outline-offset: 2px; }
.studio-render--editor .studio-render__section[data-studio-section].is-selected > .studio-render__section-body > .studio-render__image--background { outline-offset: -2px; }
.studio-render--editor .studio-render__section[data-studio-section].is-selected[data-studio-selected-part]:not([data-studio-selected-part="image"]):not([data-studio-selected-part="section"]) > .studio-render__section-body > .studio-render__image { outline: none; }
/* A child selection has its own outline; preserve the authored surface shadow,
 * not the container selection/hover ring (including native widget wrappers). */
.studio-render--editor [data-studio-section].is-selected[data-studio-selected-part]:not([data-studio-selected-part="section"]) { --studio-section-editor-shadow: var(--studio-section-shadow,none); box-shadow: var(--studio-section-shadow,none); outline: none; }
.studio-render--editor [data-studio-section][data-studio-selected-part] .is-studio-part-selected { outline: 2px solid #7eb4d9 !important; outline-offset: 2px !important; }
.studio-render--editor [data-studio-section][data-studio-selected-part] .is-studio-part-selected.studio-render__image--background { outline-offset: -2px !important; }
.studio-render--editor [contenteditable="true"] { cursor: text; min-width: 10px; outline: 1px dashed transparent; outline-offset: 5px; }
.studio-render--editor [contenteditable="true"]:hover, .studio-render--editor [contenteditable="true"]:focus { outline-color: #7eb4d9; }
.studio-render--editor [data-studio-field] { -webkit-user-select: none; user-select: none; }
.studio-render--editor .studio-render__field { cursor: pointer; padding: 10px; margin: -10px; border-radius: 6px; }
.studio-render--editor .studio-render__field:hover { background: #dceefa55; }
.studio-render--editor [data-studio-field].is-selected { outline: 1.5px solid #7eb4d9 !important; outline-offset: -1.5px !important; box-shadow: inset 0 0 0 1.5px #7eb4d9 !important; }
.studio-render--editor .studio-render__field.is-selected { background: #dceefa55; }
.studio-render--editor .studio-render__field :is(input,textarea,select), .studio-render--thumbnail :is(input,textarea,select) { opacity: 1; pointer-events: none; -webkit-text-fill-color: var(--studio-text); }
.studio-render--editor .studio-render__field label { pointer-events: none; }
.studio-render--thumbnail { --studio-frame-boundary-font-size: 9px; pointer-events: none; user-select: none; font-size: var(--studio-frame-size-9,9px); line-height: 1.5; }
.studio-render--thumbnail .studio-render__section { --studio-section-margin-block-default:15px; --studio-section-margin-inline-default:17px; }
.studio-render--thumbnail h1 { font-size: var(--studio-frame-size-23,23px); }
.studio-render--thumbnail h2 { font-size: var(--studio-frame-size-16,16px); }
.studio-render--thumbnail h3 { font-size: var(--studio-frame-size-11,11px); }
.studio-render--thumbnail .studio-render__brand { font-size: var(--studio-frame-size-12,12px); gap: 7px; }
.studio-render--thumbnail .studio-render__brand-mark { flex-basis: 16px; height: 16px; border-width: 4px; }
.studio-render--thumbnail .studio-render__section--header { --studio-section-margin-block-default:12px; }
.studio-render--thumbnail .studio-render__section--header p, .studio-render--thumbnail .studio-render__items > article > p { font-size: var(--studio-frame-size-8,8px); }
.studio-render--thumbnail .studio-render__items { gap: 8px; margin-top: 12px; }
.studio-render--thumbnail .studio-render__items > article, .studio-render--thumbnail .studio-render__items > figure { padding: 12px; }
.studio-render--thumbnail .studio-render__item-mark { height: 4px; width: 24px; margin-bottom: 9px; }
.studio-render--thumbnail .studio-render__fields { gap: 10px; margin-top: 13px; }
.studio-render--thumbnail .studio-render__field > label, .studio-render--thumbnail .studio-render__field legend { font-size: var(--studio-frame-size-9,9px); margin-bottom: 4px; }
.studio-render--thumbnail .studio-render__field > input, .studio-render--thumbnail .studio-render__field > select, .studio-render--thumbnail .studio-render__field > textarea, .studio-render--thumbnail .studio-render__select > :is(select,.studio-render__select-control) { min-height: 25px; padding-block: 5px; font-size: var(--studio-frame-size-9,9px); }
.studio-render--thumbnail .studio-render__select > :is(select,.studio-render__select-control) { min-height: max(25px, var(--studio-chevron-min-height)); }
.studio-render--thumbnail .studio-render__field > :is(input,select,textarea) { padding-inline: 7px; }
.studio-render--thumbnail .studio-render__field > textarea { min-height: 42px; }
.studio-render--thumbnail h1 + p, .studio-render--thumbnail h2 + p { margin-top: 7px; }
.studio-render--thumbnail .studio-render__image-placeholder { min-height: 85px; font-size: var(--studio-frame-size-9,9px); }
.studio-render--thumbnail .studio-render__booking { padding: 12px; gap: 9px; margin-top: 12px; }
.studio-render--thumbnail .studio-render__booking-columns { gap: 14px; }
.studio-render--thumbnail .studio-render__calendar-heading h3, .studio-render--thumbnail .studio-render__calendar-times h3 { font-size: var(--studio-frame-size-12,12px); }
.studio-render--thumbnail .studio-render__calendar-grid .studio-render__calendar-day { min-height: 25px; font-size: var(--studio-frame-size-10,10px); }
.studio-render--thumbnail .studio-render__calendar-grid th, .studio-render--thumbnail .studio-render__booking .studio-render__booking-note { font-size: var(--studio-frame-size-9,9px); }
.studio-render .studio-render__image-placeholder--compact { min-height: 40px; flex-direction: row; gap: 8px; padding: 8px 12px; }
.studio-render .studio-render__image-placeholder--compact > span:first-child { font-size: var(--studio-frame-size-20,20px); }
.studio-render .studio-render__section--empty-image { --studio-section-margin-block-default:12px; min-height: 0; }

/* The customer theme is scoped to the rendered project, never to Studio chrome. */
.studio-render h1, .studio-render h2, .studio-render h3 { font-family: var(--studio-heading-font, var(--studio-font)); }
.studio-render .studio-render__document { width: 100%; min-width: 0; margin-inline: auto; }
.studio-render .studio-render__section-body { max-width: var(--studio-content-width, 960px); }
.studio-render .studio-render__section[data-studio-section-margin-inline="true"] > .studio-render__section-body { max-width:none; }

/* Off-margin objects use a real edge/content grid. Normal siblings keep the
 * section's authored insets while the selected image or text object gets the
 * complete section surface as its percentage positioning boundary. */
:is(.studio-render--composition-banner-form,.studio-render--composition-quote) > .studio-render__document > .studio-render__section[data-studio-section-off-margin] {
  --studio-off-margin-host-left:var(--studio-spacing);
  --studio-off-margin-host-right:var(--studio-spacing);
  width:calc(100% + var(--studio-off-margin-host-left) + var(--studio-off-margin-host-right));
  margin-left:calc(-1 * var(--studio-off-margin-host-left));
  margin-right:calc(-1 * var(--studio-off-margin-host-right));
}
.studio-render .studio-render__section[data-studio-section-off-margin] { padding-inline:0; }
.studio-render .studio-render__section[data-studio-section-off-margin] > .studio-render__section-body {
  display:grid !important;
  width:100%;
  max-width:none;
  grid-template-columns:
    [studio-edge-start] min(var(--studio-section-margin-left,max(calc(var(--studio-off-margin-host-left,0px) + var(--studio-section-margin-inline-default)),calc((100% - var(--studio-content-width,960px))/2))),calc((100% - min(var(--studio-section-min-content),100%))/2))
    [studio-content-start] minmax(0,1fr)
    [studio-content-end] min(var(--studio-section-margin-right,max(calc(var(--studio-off-margin-host-right,0px) + var(--studio-section-margin-inline-default)),calc((100% - var(--studio-content-width,960px))/2))),calc((100% - min(var(--studio-section-min-content),100%))/2))
    [studio-edge-end];
  column-gap:0;
  align-items:start;
}
.studio-render .studio-render__section[data-studio-section-off-margin] > .studio-render__section-body > *,
.studio-render .studio-render__section[data-studio-section-off-margin] > .studio-render__section-body > .studio-render__image-flow > *,
.studio-render .studio-render__section[data-studio-section-off-margin] > .studio-render__section-body > .studio-render__image-flow > .studio-render__image-flow-content > *,
.studio-render .studio-render__section[data-studio-section-off-margin] > .studio-render__section-body > .studio-render__copy > *,
.studio-render .studio-render__section[data-studio-section-off-margin] > .studio-render__section-body > .studio-render__brand > * { grid-column:studio-content-start / studio-content-end; min-width:0; }
.studio-render .studio-render__section[data-studio-section-off-margin] > .studio-render__section-body :is(.studio-render__image-flow,.studio-render__image-flow-content,.studio-render__copy,.studio-render__brand,.studio-render__brand-title):has([data-studio-off-margin]) { display:contents !important; }
.studio-render .studio-render__section[data-studio-section-off-margin] > .studio-render__section-body [data-studio-off-margin] { grid-column:studio-edge-start / studio-edge-end; max-width:none; }
/* An active Off-margin object is translated in page space, so its section and
 * the few themed shells that normally clip decoration must not crop it. Keep
 * the exception opt-in and lift that section above ordinary flow siblings. */
.studio-render .studio-render__section:has([data-studio-off-margin]) { z-index:2; overflow:visible; }
.studio-render .studio-render__section--image-background:has([data-studio-off-margin]) { overflow:visible; }
.studio-render:is(.studio-render--composition-contact-split,.studio-render--composition-sidebar-split) .studio-render__composition:has([data-studio-off-margin]) { overflow:visible; }
.studio-render .studio-render__field > :is(input,textarea,select), .studio-render .studio-render__select > :is(select,.studio-render__select-control) { border-color: var(--studio-border); border-radius: var(--studio-input-radius, var(--studio-native-input-radius, 12px)); background: var(--studio-input-background, var(--sce-widget-form-field, var(--studio-background))); }
.studio-render .studio-render__field [aria-invalid="true"] { border-color: #b23d46; }
.studio-render .studio-render__actions button, .studio-render .studio-render__booking button { min-height: 44px; border-radius: var(--studio-button-radius); }
.studio-render .studio-render__field .studio-render__choices label, .studio-render .studio-render__field .studio-render__check { min-height: 44px; align-items: center; }
.studio-render .studio-render__field :is(input[type="checkbox"],input[type="radio"]) { margin-top: 0; }
.studio-render .studio-render__fields--spans { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.studio-render .studio-render__fields--spans > .studio-render__field--full { grid-column: 1 / -1; }
.studio-render .studio-render__field .studio-render__choices--cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.studio-render .studio-render__field .studio-render__choices--cards label { min-height: 60px; padding: 14px; border: 1px solid var(--studio-border); border-radius: var(--studio-input-radius); background: var(--studio-input-background); cursor: pointer; }
.studio-render .studio-render__choices--cards label:has(input:checked) { border-color: var(--studio-primary); background: color-mix(in srgb, var(--studio-primary) 8%, var(--studio-surface)); }
.studio-render .studio-render__choices--cards label:has(input:focus-visible) { outline: 2px solid var(--studio-primary); outline-offset: 2px; }
.studio-render .studio-render__privacy { flex-basis: 100%; max-width: none; color: var(--studio-muted); font-size: var(--studio-frame-size-12,12px); line-height: 1.5; text-align: left; }
.studio-render .studio-render__privacy a { color: inherit; text-underline-offset: 2px; }
.studio-render .studio-render__submission-note { color: var(--studio-muted); }
.studio-render .studio-render__contact-items { display: grid; gap: 24px; margin: 28px 0 0; }
.studio-render .studio-render__contact-item { display: flex; align-items: flex-start; gap: 14px; }
.studio-render .studio-render__contact-item > svg { width: 22px; height: 22px; flex: 0 0 22px; margin-top: 2px; color: var(--studio-primary); }
.studio-render .studio-render__contact-item > div { min-width: 0; }
.studio-render .studio-render__contact-item dt { font-size: var(--studio-frame-size-13,13px); font-weight: 600; line-height: 1.5; }
.studio-render .studio-render__contact-item dd { margin: 4px 0 0; font-size: var(--studio-frame-size-14,14px); line-height: 1.5; }
.studio-render .studio-render__contact-item a { color: inherit; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.studio-render .studio-render__stepper { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); gap: 12px; margin: 0; padding: 28px var(--studio-spacing) 0; }
.studio-render .studio-render__step-summary { display: none; }
.studio-render .studio-render__stepper button { display: flex; flex-direction: column; align-items: center; justify-content: flex-start; gap: 8px; min-height: 64px; min-width: 0; padding: 4px; border: 0; background: transparent; color: var(--studio-muted); font-size: var(--studio-frame-size-11,11px); line-height: 1.4; text-align: center; }
.studio-render .studio-render__step-number { display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; border: 1px solid var(--studio-border); border-radius: 50%; background: var(--studio-surface); font-size: var(--studio-frame-size-13,13px); font-weight: 600; }
.studio-render .studio-render__stepper button[aria-current="step"] { color: var(--studio-primary); font-weight: 600; }
.studio-render .studio-render__stepper button[aria-current="step"] .studio-render__step-number { border-color: var(--studio-primary); background: var(--studio-primary); color: var(--studio-action-text); }
.studio-preview-page .studio-render :is([data-studio-answer],[data-studio-step-heading],[data-studio-step-index]) { scroll-margin-block-start: 110px; }
.studio-render .studio-render__review { padding: var(--studio-spacing); }
.studio-render .studio-render__review > p { margin-top: 12px; color: var(--studio-muted); }
.studio-render .studio-render__review-group { margin-top: 26px; padding-top: 22px; border-top: 1px solid var(--studio-border); }
.studio-render .studio-render__review-group > header { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.studio-render .studio-render__review-group button { min-height: 44px; padding: 8px 12px; border: 0; background: transparent; color: var(--studio-primary); font-size: var(--studio-frame-size-14,14px); text-decoration: underline; text-underline-offset: 3px; }
.studio-render .studio-render__review-group dl { display: grid; gap: 16px; margin: 14px 0 0; }
.studio-render .studio-render__review-group dl > div { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr); gap: 18px; }
.studio-render .studio-render__review-group dt { color: var(--studio-muted); font-size: var(--studio-frame-size-13,13px); }
.studio-render .studio-render__review-group dd { margin: 0; font-size: var(--studio-frame-size-14,14px); }
.studio-render .studio-render__sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.studio-render .studio-render__banner-logo { padding: 18px var(--studio-spacing); text-align: center; }
.studio-render--editor [data-studio-brand-logo] { cursor: pointer; }
.studio-render--editor [data-studio-brand-logo]:hover { box-shadow: inset 0 0 0 1px #afd3ee; }
.studio-render--editor [data-studio-brand-logo]:focus-visible { outline: 2px solid #7eb4d9; outline-offset: 3px; }
.studio-render .studio-render__banner-logo img { width: auto; height: auto; max-width: 200px; max-height: 70px; }
.studio-render .studio-render__section--image-background { min-height: var(--studio-image-height, 280px); overflow: hidden; }
.studio-render .studio-render__section--image-background .studio-render__image--background { position: absolute; inset: 0; width: 100%; min-height: 100%; margin: 0; border-radius: 0; }
.studio-render .studio-render__section--image-background .studio-render__section-body > :not(.studio-render__image) { position: relative; z-index: 1; }

.studio-render:is(.studio-render--composition-contact-split,.studio-render--composition-sidebar-split,.studio-render--composition-banner-form,.studio-render--composition-quote) > .studio-render__document { max-width: calc(var(--studio-content-width) + var(--studio-spacing) * 2); padding: var(--studio-spacing); }
.studio-render:is(.studio-render--composition-contact-split,.studio-render--composition-sidebar-split) .studio-render__composition { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); grid-template-rows: auto 1fr; border: 1px solid var(--studio-border); border-radius: var(--studio-radius); background: var(--studio-surface); box-shadow: var(--studio-shadow); overflow: hidden; }
.studio-render .studio-render__intro-column { grid-column: 1; grid-row: 1; min-width: 0; }
.studio-render .studio-render__form-column { grid-column: 2; grid-row: 1 / 3; min-width: 0; background: var(--studio-surface); }
.studio-render .studio-render__contact-column { grid-column: 1; grid-row: 2; min-width: 0; }
.studio-render:is(.studio-render--composition-contact-split,.studio-render--composition-sidebar-split) .studio-render__section--introduction { --studio-section-margin-block-default:44px; --studio-section-margin-bottom-default:14px; padding-bottom:var(--studio-section-margin-bottom,var(--studio-section-margin-bottom-default)); background: transparent; }
.studio-render:is(.studio-render--composition-contact-split,.studio-render--composition-sidebar-split) h1 { font-size: var(--studio-frame-size-split-h1,clamp(30px, 4.8cqi, 46px)); }
.studio-render:is(.studio-render--composition-contact-split,.studio-render--composition-sidebar-split) .studio-render__section--contact-info { padding-top:var(--studio-section-margin-top,20px); }
.studio-render:is(.studio-render--composition-contact-split,.studio-render--composition-sidebar-split) .studio-render__section--contact-info h2 { font-size: var(--studio-frame-size-17,17px); }
.studio-render:is(.studio-render--composition-contact-split,.studio-render--composition-sidebar-split) .studio-render__section--form { padding-top:var(--studio-section-margin-top,44px); padding-bottom:var(--studio-section-margin-bottom,25px); }
.studio-render:is(.studio-render--composition-contact-split,.studio-render--composition-sidebar-split) .studio-render__section--form h2 { font-size: var(--studio-frame-size-24,24px); }
.studio-render:is(.studio-render--composition-contact-split,.studio-render--composition-sidebar-split) .studio-render__actions { width: calc(100% - var(--studio-spacing) * 2); padding-bottom: 34px; }
.studio-render--composition-contact-split .studio-render__form-column { border-left: 1px solid var(--studio-border); }
.studio-render--composition-contact-split .studio-render__intro-column, .studio-render--composition-contact-split .studio-render__contact-column { background: var(--studio-sidebar); color: var(--studio-sidebar-text); }
.studio-render--composition-sidebar-split .studio-render__intro-column, .studio-render--composition-sidebar-split .studio-render__contact-column { background: var(--studio-sidebar); color: var(--studio-sidebar-text); }
.studio-render--composition-sidebar-split .studio-render__contact-item > svg { color: var(--studio-sidebar-text); }
.studio-render--composition-sidebar-split .studio-render__field .studio-render__choices:not(.studio-render__choices--cards) { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px 14px; font-size: var(--studio-frame-size-13,13px); }
.studio-render--composition-banner-form .studio-render__section--introduction, .studio-render--composition-quote .studio-render__section--introduction { background: transparent; }
.studio-render--composition-banner-form .studio-render__section.studio-render__section--image { --studio-section-margin-block-default:0px; --studio-section-margin-inline-default:0px; }
.studio-render--composition-banner-form .studio-render__section--image h2 { margin-top: 12px; font-family: var(--studio-font); font-size: var(--studio-frame-size-12,12px); font-weight: 400; letter-spacing: .08em; text-align: center; text-transform: uppercase; color: var(--studio-muted); }
.studio-render--composition-banner-form h1 { font-size: var(--studio-frame-size-banner-h1,clamp(38px, 6cqi, 60px)); font-weight: 400; letter-spacing: -.04em; }
.studio-render--composition-banner-form .studio-render__form-surface { max-width: 740px; margin-inline: auto; background: var(--studio-surface); }
.studio-render--composition-banner-form .studio-render__section--form { padding-block:var(--studio-section-margin-top,30px) var(--studio-section-margin-bottom,30px); border-top: 1px solid var(--studio-border); }
.studio-render--composition-banner-form .studio-render__section--form h2 { font-size: var(--studio-frame-size-28,28px); font-weight: 400; }
.studio-render--composition-banner-form .studio-render__actions { width: calc(100% - var(--studio-spacing) * 2); padding-top: 20px; }
.studio-render--composition-quote .studio-render__form-surface { max-width: 760px; margin-inline: auto; border: 1px solid var(--studio-border); border-radius: var(--studio-radius); background: var(--studio-surface); box-shadow: var(--studio-shadow); }
.studio-render--composition-quote .studio-render__section--form { padding-block:var(--studio-section-margin-top,30px) var(--studio-section-margin-bottom,30px); }
.studio-render--composition-quote .studio-render__section--form h2 { font-size: var(--studio-frame-size-25,25px); }
.studio-render--composition-quote .studio-render__actions { width: calc(100% - var(--studio-spacing) * 2); padding-bottom: 28px; }
.studio-render--composition-quote .studio-render__actions > .studio-render__privacy { margin-top: 12px; }

.studio-render--thumbnail :is(.studio-render__actions button,.studio-render__stepper button,.studio-render__review-group button) { min-height: 24px; font-size: var(--studio-frame-size-9,9px); padding: 5px 10px; }
.studio-render--thumbnail .studio-render__stepper { gap: 6px; padding: 14px 14px 0; }
.studio-render--thumbnail .studio-render__step-number { width: 22px; height: 22px; font-size: var(--studio-frame-size-9,9px); }
.studio-render--thumbnail .studio-render__contact-items { gap: 12px; margin-top: 12px; }
.studio-render--thumbnail .studio-render__contact-item { gap: 8px; }
.studio-render--thumbnail .studio-render__contact-item > svg { width: 14px; height: 14px; flex-basis: 14px; }
.studio-render--thumbnail .studio-render__contact-item dt, .studio-render--thumbnail .studio-render__contact-item dd, .studio-render--thumbnail .studio-render__privacy { font-size: var(--studio-frame-size-9,9px); }
.studio-render--thumbnail .studio-render__image-flow:is(.studio-render__image-flow--wrap-left,.studio-render__image-flow--wrap-right) { gap: 12px; }
.studio-render--thumbnail .studio-render__image-flow--block > :is(.studio-render__image,.studio-render__image-placeholder) + .studio-render__image-flow-content { margin-top: 12px; }

@container (max-width: 600px) {
  .studio-render .studio-render__booking-columns { grid-template-columns: minmax(0, 1fr); gap: 18px; }
  .studio-render .studio-render__calendar-times { padding: 16px 0 0; border-left: 0; border-top: 1px solid var(--studio-border); }
  .studio-render .studio-render__document { --studio-spacing: 20px; }
  .studio-render:is(.studio-render--composition-contact-split,.studio-render--composition-sidebar-split) .studio-render__composition { grid-template-columns: minmax(0, 1fr); grid-template-rows: auto; }
  .studio-render .studio-render__intro-column, .studio-render .studio-render__form-column, .studio-render .studio-render__contact-column { grid-column: 1; grid-row: auto; }
  .studio-render .studio-render__form-column { border-left: 0; }
  .studio-render .studio-render__field .studio-render__choices--cards, .studio-render .studio-render__fields--spans { grid-template-columns: minmax(0, 1fr); }
  .studio-render .studio-render__fields--spans > .studio-render__field { grid-column: 1; }
  .studio-render .studio-render__review-group dl > div { grid-template-columns: minmax(0, 1fr); gap: 3px; }
  .studio-render .studio-render__step-summary { display: block; padding: 16px 20px 0; font-size: var(--studio-frame-size-13,13px); line-height: 1.4; }
  .studio-render .studio-render__stepper { gap: 5px; padding: 0 20px; }
  .studio-render .studio-render__stepper button { min-height: 44px; justify-content: center; gap: 0; }
  .studio-render .studio-render__step-label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
  .studio-render .studio-render__actions .studio-render__progress { display: none; }
  .studio-render .studio-render__section { --studio-section-margin-inline-default:22px; }
  .studio-render .studio-render__spacing--spacious { --studio-section-margin-block-default:44px; }
  .studio-render .studio-render__section--image-text .studio-render__section-body { grid-template-columns: minmax(0, 1fr); gap: 24px; }
  .studio-render .studio-render__section--introduction:is(.studio-render__layout--two-column, .studio-render__layout--grid) > .studio-render__section-body { grid-template-columns: minmax(0, 1fr); }
  .studio-render .studio-render__image-flow:is(.studio-render__image-flow--wrap-left,.studio-render__image-flow--wrap-right) { flex-direction: column; gap: 24px; }
  .studio-render .studio-render__image-flow:is(.studio-render__image-flow--wrap-left,.studio-render__image-flow--wrap-right) > .studio-render__image-flow-content { width: 100%; }
  .studio-render .studio-render__items, .studio-render .studio-render__layout--two-column .studio-render__items, .studio-render .studio-render__layout--two-column .studio-render__fields, .studio-render .studio-render__layout--grid .studio-render__fields { grid-template-columns: minmax(0, 1fr); }
  .studio-render .studio-render__actions { width: calc(100% - 44px); }
  .studio-render .studio-render__section--header .studio-render__section-body { gap: 9px; }
  .studio-render--thumbnail .studio-render__section { --studio-section-margin-inline-default:15px; }
  .studio-render--thumbnail .studio-render__layout--grid .studio-render__items { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
  .studio-render .studio-render__booking-columns { grid-template-columns: minmax(0, 1fr); gap: 18px; }
  .studio-render .studio-render__calendar-times { padding: 16px 0 0; border-left: 0; border-top: 1px solid var(--studio-border); }
  .studio-render .studio-render__step-summary { display: block; padding: 16px 20px 0; font-size: var(--studio-frame-size-13,13px); line-height: 1.4; }
  .studio-render .studio-render__stepper { gap: 5px; padding: 0 20px; }
  .studio-render .studio-render__stepper button { min-height: 44px; justify-content: center; gap: 0; }
  .studio-render .studio-render__step-label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
  .studio-render .studio-render__actions .studio-render__progress { display: none; }
  .studio-render .studio-render__document { --studio-spacing: 20px; }
  .studio-render:is(.studio-render--composition-contact-split,.studio-render--composition-sidebar-split) .studio-render__composition { grid-template-columns: minmax(0, 1fr); grid-template-rows: auto; }
  .studio-render .studio-render__intro-column, .studio-render .studio-render__form-column, .studio-render .studio-render__contact-column { grid-column: 1; grid-row: auto; }
  .studio-render .studio-render__form-column { border-left: 0; }
  .studio-render .studio-render__field .studio-render__choices--cards, .studio-render .studio-render__fields--spans { grid-template-columns: minmax(0, 1fr); }
  .studio-render .studio-render__fields--spans > .studio-render__field { grid-column: 1; }
  .studio-render .studio-render__review-group dl > div { grid-template-columns: minmax(0, 1fr); gap: 3px; }
  .studio-render .studio-render__section { --studio-section-margin-inline-default:20px; }
  .studio-render .studio-render__image-flow:is(.studio-render__image-flow--wrap-left,.studio-render__image-flow--wrap-right) { flex-direction: column; gap: 24px; }
  .studio-render .studio-render__image-flow:is(.studio-render__image-flow--wrap-left,.studio-render__image-flow--wrap-right) > .studio-render__image-flow-content { width: 100%; }
  .studio-render .studio-render__section--image-text .studio-render__section-body, .studio-render .studio-render__items, .studio-render .studio-render__layout--two-column .studio-render__items, .studio-render .studio-render__layout--two-column .studio-render__fields, .studio-render .studio-render__layout--grid .studio-render__fields, .studio-render .studio-render__section--introduction:is(.studio-render__layout--two-column, .studio-render__layout--grid) > .studio-render__section-body { grid-template-columns: minmax(0, 1fr); }
  .studio-render .studio-render__actions { width: calc(100% - 40px); }
}

/* Editorial contact templates -------------------------------------------------
 * These skins use only the public Studio project schema. Bold and Editorial
 * share the split renderer's three semantic regions; Motion keeps authored
 * section order. No template ID is consulted, so copied and edited projects
 * retain the same presentation in editor, preview, thumbnail and export. */

.studio-render:is(.studio-render--composition-bold-contact,.studio-render--composition-editorial-contact) > .studio-render__document {
  max-width: calc(var(--studio-content-width) + var(--studio-spacing) * 2);
  padding: var(--studio-spacing);
}
.studio-render:is(.studio-render--composition-bold-contact,.studio-render--composition-editorial-contact) .studio-render__composition {
  display: grid;
  min-width: 0;
  border: 1px solid var(--studio-border);
  border-radius: var(--studio-radius);
  background: var(--studio-surface);
  color: var(--studio-text);
  box-shadow: var(--studio-shadow);
  overflow: visible;
}
.studio-render:is(.studio-render--composition-bold-contact,.studio-render--composition-editorial-contact) :is(.studio-render__intro-column,.studio-render__form-column,.studio-render__contact-column) {
  min-width: 0;
  background: transparent;
  color: inherit;
}
.studio-render:is(.studio-render--composition-bold-contact,.studio-render--composition-editorial-contact) :is(.studio-render__intro-column,.studio-render__form-column,.studio-render__contact-column) .studio-render__section-body {
  max-width: none;
}
.studio-render:is(.studio-render--composition-bold-contact,.studio-render--composition-editorial-contact) .studio-render__section--introduction {
  background: transparent;
}

/* Bold Contact: poster-sized statement, compact details and a hard-working
 * two-column form. Theme variables keep every initial color editable. */
.studio-render--composition-bold-contact .studio-render__composition {
  grid-template-columns: minmax(220px, .85fr) minmax(0, 1.55fr);
  grid-template-rows: auto 1fr;
}
.studio-render--composition-bold-contact .studio-render__intro-column {
  grid-column: 1 / -1;
  grid-row: 1;
  border-bottom: 1px solid var(--studio-border);
}
.studio-render--composition-bold-contact .studio-render__form-column {
  grid-column: 2;
  grid-row: 2;
  border-left: 1px solid var(--studio-border);
}
.studio-render--composition-bold-contact .studio-render__contact-column {
  grid-column: 1;
  grid-row: 2;
}
.studio-render--composition-bold-contact .studio-render__section--header {
  --studio-section-margin-block-default: 18px;
  border-bottom: 1px solid var(--studio-border);
}
.studio-render--composition-bold-contact .studio-render__section--header .studio-render__brand {
  font-size: var(--studio-frame-size-18,18px);
  font-weight: 800;
  letter-spacing: -.05em;
}
.studio-render--composition-bold-contact .studio-render__section--header p {
  max-width: none;
  color: var(--studio-text);
  font-size: var(--studio-frame-size-11,11px);
  letter-spacing: .04em;
  text-transform: uppercase;
}
.studio-render--composition-bold-contact .studio-render__section--introduction {
  --studio-section-margin-block-default: clamp(28px, 4cqi, 60px);
}
.studio-render--composition-bold-contact .studio-render__section--introduction h1 {
  max-width: none;
  color: var(--studio-primary);
  font-size: min(
    var(--studio-frame-size-poster-h1,clamp(54px, 11cqi, 156px)),
    clamp(54px, 11cqi, 156px)
  );
  font-weight: 850;
  letter-spacing: -.075em;
  line-height: .82;
  white-space: nowrap;
  text-wrap: nowrap;
  overflow-wrap: normal;
}
.studio-render--composition-bold-contact .studio-render__section--introduction p {
  max-width: 34ch;
  margin-top: clamp(24px, 3.5cqi, 48px);
  font-size: clamp(18px, 2.2cqi, 30px);
  line-height: 1.35;
}
.studio-render--composition-bold-contact .studio-render__section--contact-info {
  --studio-section-margin-block-default: clamp(30px, 5cqi, 68px);
}
.studio-render--composition-bold-contact .studio-render__section--contact-info h2 {
  max-width: 15ch;
  font-size: clamp(25px, 3.2cqi, 43px);
  font-weight: 450;
  letter-spacing: -.045em;
  line-height: 1.08;
}
.studio-render--composition-bold-contact .studio-render__section--contact-info > .studio-render__section-body > p {
  max-width: 34ch;
  margin-top: 18px;
  color: var(--studio-muted);
}
.studio-render--composition-bold-contact .studio-render__contact-items {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 30px 18px;
  margin-top: clamp(46px, 8cqi, 105px);
}
.studio-render--composition-bold-contact .studio-render__contact-item > svg {
  display: none;
}
.studio-render--composition-bold-contact .studio-render__contact-item dt {
  color: var(--studio-muted);
  font-size: var(--studio-frame-size-11,11px);
  font-weight: 500;
  letter-spacing: .035em;
  text-transform: uppercase;
}
.studio-render--composition-bold-contact .studio-render__contact-item dd {
  margin-top: 7px;
  font-size: var(--studio-frame-size-13,13px);
}
.studio-render--composition-bold-contact .studio-render__section--form {
  --studio-section-margin-block-default: clamp(30px, 5cqi, 68px);
}
.studio-render--composition-bold-contact .studio-render__section--form h2 {
  color: var(--studio-muted);
  font-family: var(--studio-font);
  font-size: var(--studio-frame-size-12,12px);
  font-weight: 500;
  letter-spacing: .07em;
  text-transform: uppercase;
}
.studio-render--composition-bold-contact .studio-render__fields {
  gap: 34px 24px;
  margin-top: 30px;
}
.studio-render--composition-bold-contact .studio-render__field > label,
.studio-render--composition-bold-contact .studio-render__field legend {
  margin: 0;
  color: var(--studio-muted);
  font-size: var(--studio-frame-size-12,12px);
  font-weight: 450;
}
.studio-render--composition-bold-contact .studio-render__field > :is(input,textarea),
.studio-render--composition-bold-contact .studio-render__select > :is(select,.studio-render__select-control) {
  min-height: 46px;
  padding: 9px 0;
  border: 0;
  border-bottom: 1px solid var(--studio-border);
  border-radius: 0;
  background: transparent;
  color: var(--studio-text);
}
.studio-render--composition-bold-contact .studio-render__field > textarea {
  min-height: 150px;
  padding-top: 16px;
}
.studio-render--composition-bold-contact .studio-render__select .studio-render__select-chevron {
  right: 0;
}
.studio-render--composition-bold-contact .studio-render__actions {
  align-items: stretch;
  justify-content: flex-start;
  gap: 10px;
  width: calc(100% - var(--studio-spacing) * 2);
  padding: clamp(20px, 3cqi, 40px) 0 34px;
  border-top: 1px solid var(--studio-border);
}
.studio-render--composition-bold-contact .studio-render__actions button:not(.studio-render__previous) {
  flex: 1 1 100%;
  min-height: 86px;
  padding: 4px 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--studio-text);
  font-size: min(var(--studio-frame-size-poster-action,clamp(42px, 7.2cqi, 94px)),94px);
  font-weight: 850;
  letter-spacing: -.065em;
  line-height: .9;
  text-align: left;
}
.studio-render--composition-bold-contact .studio-render__actions .studio-render__submission-note {
  text-align: left;
}

/* Editorial Contact: a restrained masthead, portrait orbit and numbered
 * questions. The split DOM remains in accessible intro/form/contact order. */
.studio-render--composition-editorial-contact .studio-render__composition {
  grid-template-columns: minmax(0, 1.7fr) minmax(210px, .9fr);
  grid-template-rows: auto 1fr;
}
.studio-render--composition-editorial-contact .studio-render__intro-column {
  grid-column: 1 / -1;
  grid-row: 1;
}
.studio-render--composition-editorial-contact .studio-render__form-column {
  grid-column: 1;
  grid-row: 2;
}
.studio-render--composition-editorial-contact .studio-render__contact-column {
  grid-column: 2;
  grid-row: 2;
  border-left: 1px solid var(--studio-border);
}
.studio-render--composition-editorial-contact .studio-render__section--header {
  --studio-section-margin-block-default: 20px;
  border-bottom: 0;
}
.studio-render--composition-editorial-contact .studio-render__section--header .studio-render__brand-mark {
  display: none;
}
.studio-render--composition-editorial-contact .studio-render__section--header .studio-render__brand {
  font-size: var(--studio-frame-size-12,12px);
  font-weight: 450;
  letter-spacing: -.02em;
}
.studio-render--composition-editorial-contact .studio-render__section--header p {
  max-width: none;
  font-size: var(--studio-frame-size-11,11px);
}
.studio-render--composition-editorial-contact .studio-render__section--introduction {
  --studio-section-margin-block-default: clamp(48px, 7cqi, 96px);
  border-bottom: 1px solid var(--studio-border);
}
.studio-render--composition-editorial-contact .studio-render__section--introduction .studio-render__image-flow {
  align-items: center;
  gap: clamp(28px, 7cqi, 100px);
}
.studio-render--composition-editorial-contact .studio-render__section--introduction .studio-render__image-flow-content {
  flex: 1 1 auto;
}
.studio-render--composition-editorial-contact .studio-render__section--introduction h1 {
  max-width: 12ch;
  font-size: var(--studio-frame-size-editorial-h1,clamp(52px, 7.4cqi, 96px));
  font-weight: 350;
  letter-spacing: -.06em;
  line-height: .98;
}
.studio-render--composition-editorial-contact .studio-render__section--introduction p {
  max-width: 40ch;
  color: var(--studio-muted);
  font-size: var(--studio-frame-size-14,14px);
}
.studio-render--composition-editorial-contact .studio-render__section--introduction :is(.studio-render__image,.studio-render__image-placeholder) {
  width: clamp(92px, 12cqi, 150px) !important;
  height: clamp(92px, 12cqi, 150px) !important;
  flex: 0 0 clamp(92px, 12cqi, 150px) !important;
  margin: 0;
  border-radius: 50%;
  object-fit: cover;
}
.studio-render--composition-editorial-contact .studio-render__section--form {
  --studio-section-margin-block-default: clamp(34px, 5cqi, 66px);
}
.studio-render--composition-editorial-contact .studio-render__section--form h2 {
  margin-bottom: 32px;
  font-size: var(--studio-frame-size-12,12px);
  font-weight: 450;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.studio-render--composition-editorial-contact .studio-render__fields {
  counter-reset: editorial-question;
  gap: 0;
  margin-top: 0;
}
.studio-render--composition-editorial-contact .studio-render__field {
  counter-increment: editorial-question;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  grid-template-rows: auto auto auto;
  column-gap: 18px;
  padding: 25px 0 27px;
  border-top: 1px solid var(--studio-border);
}
.studio-render--composition-editorial-contact .studio-render__field:last-child {
  border-bottom: 1px solid var(--studio-border);
}
.studio-render--composition-editorial-contact .studio-render__field::before {
  content: counter(editorial-question, decimal-leading-zero);
  grid-column: 1;
  grid-row: 1 / span 2;
  padding-top: 2px;
  color: var(--studio-muted);
  font-size: var(--studio-frame-size-10,10px);
  font-variant-numeric: tabular-nums;
}
.studio-render--composition-editorial-contact .studio-render__field > label,
.studio-render--composition-editorial-contact .studio-render__field legend {
  grid-column: 2;
  margin: 0;
  font-size: var(--studio-frame-size-17,17px);
  font-weight: 450;
}
.studio-render--composition-editorial-contact .studio-render__field > :is(input,textarea),
.studio-render--composition-editorial-contact .studio-render__field > fieldset,
.studio-render--composition-editorial-contact .studio-render__field > .studio-render__select {
  grid-column: 2;
  width: 100%;
}
.studio-render--composition-editorial-contact .studio-render__field > :is(input,textarea),
.studio-render--composition-editorial-contact .studio-render__select > :is(select,.studio-render__select-control) {
  min-height: 36px;
  padding: 5px 0 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--studio-muted);
  font-size: var(--studio-frame-size-16,16px);
}
.studio-render--composition-editorial-contact .studio-render__field > textarea {
  min-height: 90px;
}
.studio-render--composition-editorial-contact .studio-render__field > .studio-render__error {
  grid-column: 2;
}
.studio-render--composition-editorial-contact .studio-render__actions {
  justify-content: flex-start;
  width: calc(100% - var(--studio-spacing) * 2);
  padding: 8px 0 42px;
}
.studio-render--composition-editorial-contact .studio-render__actions button:not(.studio-render__previous) {
  padding: 12px 0;
  border: 0;
  border-bottom: 1px solid currentColor;
  border-radius: 0;
  background: transparent;
  color: var(--studio-text);
  font-size: var(--studio-frame-size-15,15px);
  font-weight: 450;
}
.studio-render--composition-editorial-contact .studio-render__actions .studio-render__submission-note {
  text-align: left;
}
.studio-render--composition-editorial-contact .studio-render__section--contact-info {
  --studio-section-margin-block-default: clamp(34px, 5cqi, 66px);
}
.studio-render--composition-editorial-contact .studio-render__section--contact-info h2 {
  font-family: var(--studio-font);
  font-size: var(--studio-frame-size-11,11px);
  font-weight: 500;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.studio-render--composition-editorial-contact .studio-render__section--contact-info > .studio-render__section-body > p {
  max-width: 28ch;
  color: var(--studio-muted);
  font-size: var(--studio-frame-size-12,12px);
}
.studio-render--composition-editorial-contact .studio-render__contact-items {
  gap: 30px;
  margin-top: 42px;
}
.studio-render--composition-editorial-contact .studio-render__contact-item > svg {
  display: none;
}
.studio-render--composition-editorial-contact .studio-render__contact-item dt {
  color: var(--studio-muted);
  font-size: var(--studio-frame-size-9,9px);
  font-weight: 500;
  letter-spacing: .05em;
  text-transform: uppercase;
}
.studio-render--composition-editorial-contact .studio-render__contact-item dd {
  margin-top: 6px;
  font-size: var(--studio-frame-size-12,12px);
}

/* Motion Contact: an ordinary sequential document whose hierarchy follows the
 * supplied editorial motion reference. Interaction uses native form controls;
 * CSS changes only their presentation and checked-state feedback. */
.studio-render--composition-motion-contact > .studio-render__document {
  max-width: calc(var(--studio-content-width) + var(--studio-spacing) * 2);
  padding: 0 var(--studio-spacing);
}
.studio-render--composition-motion-contact .studio-render__section-body {
  max-width: var(--studio-content-width);
}
.studio-render--composition-motion-contact .studio-render__section--header {
  --studio-section-margin-block-default: 22px;
  --studio-section-margin-inline-default: 0px;
  border-bottom: 1px solid var(--studio-border);
}
.studio-render--composition-motion-contact .studio-render__section--header .studio-render__brand-mark {
  display: none;
}
.studio-render--composition-motion-contact .studio-render__section--header .studio-render__brand,
.studio-render--composition-motion-contact .studio-render__section--header p {
  font-family: var(--studio-heading-font, var(--studio-font));
  font-size: var(--studio-frame-size-12,12px);
  font-weight: 400;
  letter-spacing: .01em;
}
.studio-render--composition-motion-contact .studio-render__section--form {
  --studio-section-margin-block-default: clamp(54px, 8cqi, 108px);
  --studio-section-margin-inline-default: 0px;
}
.studio-render--composition-motion-contact .studio-render__section--form h2 {
  max-width: none;
  font-size: var(--studio-frame-size-motion-title,clamp(54px, 8.5cqi, 112px));
  font-weight: 400;
  letter-spacing: -.055em;
  line-height: .92;
}
.studio-render--composition-motion-contact .studio-render__fields {
  gap: 0;
  margin-top: clamp(46px, 7cqi, 92px);
}
.studio-render--composition-motion-contact .studio-render__field {
  padding: clamp(38px, 5.5cqi, 76px) 0;
  border-top: 1px solid var(--studio-border);
}
.studio-render--composition-motion-contact .studio-render__field:last-child {
  border-bottom: 1px solid var(--studio-border);
}
.studio-render--composition-motion-contact .studio-render__field > label,
.studio-render--composition-motion-contact .studio-render__field legend {
  max-width: 14ch;
  margin: 0 0 clamp(24px, 3cqi, 42px);
  color: var(--studio-muted);
  font-family: var(--studio-heading-font, var(--studio-font));
  font-size: var(--studio-frame-size-motion-field,clamp(34px, 5.2cqi, 72px));
  font-weight: 400;
  letter-spacing: -.045em;
  line-height: .98;
}
.studio-render--composition-motion-contact .studio-render__field > :is(input,textarea),
.studio-render--composition-motion-contact .studio-render__select > :is(select,.studio-render__select-control) {
  min-height: 58px;
  padding: 12px 0;
  border: 0;
  border-bottom: 1px solid var(--studio-text);
  border-radius: 0;
  background: transparent;
  color: var(--studio-text);
  font-size: clamp(18px, 2cqi, 28px);
}
.studio-render--composition-motion-contact .studio-render__field > textarea {
  min-height: 150px;
}
.studio-render--composition-motion-contact .studio-render__field .studio-render__choices,
.studio-render--composition-motion-contact .studio-render__field .studio-render__choices--cards {
  display: flex;
  flex-flow: row wrap;
  gap: 10px;
}
.studio-render--composition-motion-contact .studio-render__field .studio-render__choices label,
.studio-render--composition-motion-contact .studio-render__field .studio-render__choices--cards label {
  position: relative;
  width: auto;
  min-height: 46px;
  padding: 10px 20px;
  border: 1px solid var(--studio-text);
  border-radius: 999px;
  background: transparent;
  color: var(--studio-text);
  cursor: pointer;
  transition: none;
}
.studio-render--composition-motion-contact .studio-render__choices label > input {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: 0;
  opacity: 0;
  pointer-events: none;
}
.studio-render--composition-motion-contact .studio-render__choices label > span {
  font-size: var(--studio-frame-size-14,14px);
  line-height: 1.25;
}
.studio-render--composition-motion-contact .studio-render__choices label:has(input:checked) {
  border-color: var(--studio-text);
  background: var(--studio-text);
  color: var(--studio-background);
}
.studio-render--composition-motion-contact .studio-render__choices label:has(input:focus-visible) {
  outline: 2px solid #4586b3;
  outline-offset: 3px;
}
.studio-render--composition-motion-contact .studio-render__actions {
  justify-content: flex-start;
  width: 100%;
  max-width: var(--studio-content-width);
  padding: 0 0 clamp(70px, 10cqi, 140px);
}
.studio-render--composition-motion-contact .studio-render__actions button:not(.studio-render__previous) {
  padding: 5px 0 10px;
  border: 0;
  border-bottom: .075em solid currentColor;
  border-radius: 0;
  background: transparent;
  color: var(--studio-text);
  font-family: var(--studio-heading-font, var(--studio-font));
  font-size: var(--studio-frame-size-motion-submit,clamp(50px, 8cqi, 108px));
  font-weight: 400;
  letter-spacing: -.055em;
  line-height: .95;
  text-align: left;
}
.studio-render--composition-motion-contact .studio-render__actions .studio-render__submission-note {
  text-align: left;
}
.studio-render--composition-motion-contact :is(.studio-render__section--introduction,.studio-render__section--contact-info,.studio-render__section--footer) {
  --studio-section-margin-block-default: clamp(58px, 9cqi, 122px);
  --studio-section-margin-inline-default: 0px;
  border-top: 1px solid var(--studio-border);
  background: transparent;
}
.studio-render--composition-motion-contact :is(.studio-render__section--introduction h1,.studio-render__section--contact-info h2,.studio-render__section--footer h2) {
  max-width: 13ch;
  font-family: var(--studio-heading-font, var(--studio-font));
  font-size: var(--studio-frame-size-motion-footer,clamp(48px, 7.3cqi, 98px));
  font-weight: 400;
  letter-spacing: -.055em;
  line-height: .98;
}
.studio-render--composition-motion-contact :is(.studio-render__section--introduction,.studio-render__section--contact-info,.studio-render__section--footer) p {
  max-width: 46ch;
  font-size: clamp(16px, 1.8cqi, 23px);
}
.studio-render--composition-motion-contact .studio-render__contact-items {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 28px;
  margin-top: clamp(42px, 6cqi, 80px);
}
.studio-render--composition-motion-contact .studio-render__contact-item > svg {
  display: none;
}
.studio-render--composition-motion-contact .studio-render__contact-item {
  padding-top: 14px;
  border-top: 1px solid var(--studio-border);
}
.studio-render--composition-motion-contact .studio-render__contact-item dt {
  color: var(--studio-muted);
  font-size: var(--studio-frame-size-11,11px);
  font-weight: 500;
  letter-spacing: .04em;
  text-transform: uppercase;
}

/* Field Notes Contact: an editable landscape rail beside a warm editorial
 * contact and newsletter composition. The newsletter is part of the same
 * honest Studio submission, so the project retains one real submit action. */
.studio-render--composition-nature-contact > .studio-render__document {
  max-width: calc(var(--studio-content-width) + var(--studio-spacing) * 2);
  padding: var(--studio-spacing);
}
.studio-render--composition-nature-contact .studio-render__composition {
  display: grid;
  grid-template-columns: clamp(112px, 15cqi, 188px) minmax(0, 1fr);
  grid-template-rows: auto 1fr;
  min-width: 0;
  min-height: clamp(720px, 78cqi, 920px);
  border: 1px solid var(--studio-border);
  background: var(--studio-surface);
  color: var(--studio-text);
  overflow: visible;
}
.studio-render--composition-nature-contact :is(.studio-render__media-column,.studio-render__intro-column,.studio-render__form-column,.studio-render__contact-column) {
  min-width: 0;
}
.studio-render--composition-nature-contact :is(.studio-render__intro-column,.studio-render__form-column,.studio-render__contact-column) .studio-render__section-body {
  max-width: none;
}
.studio-render--composition-nature-contact .studio-render__media-column {
  position: relative;
  grid-column: 1;
  grid-row: 1 / -1;
  min-height: 100%;
  background: var(--studio-sidebar);
  color: var(--studio-sidebar-text);
}
.studio-render--composition-nature-contact .studio-render__media-column .studio-render__section--image {
  height: 100%;
  padding: 0;
}
.studio-render--composition-nature-contact .studio-render__media-column :is(.studio-render__section-body,.studio-render__image-flow) {
  position: relative;
  height: 100%;
  max-width: none;
}
.studio-render--composition-nature-contact .studio-render__media-column :is(.studio-render__image,.studio-render__image-placeholder) {
  width: 100% !important;
  height: 100% !important;
  min-height: 100%;
  margin: 0;
  border: 0;
  border-radius: 0;
  object-fit: cover;
}
.studio-render--composition-nature-contact .studio-render__media-column .studio-render__image-flow-content {
  position: absolute;
  inset: 28px 18px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  margin: 0;
  pointer-events: none;
}
.studio-render--composition-nature-contact .studio-render__media-column h2 {
  color: var(--studio-sidebar-text);
  font-family: var(--studio-font);
  font-size: var(--studio-frame-size-12,12px);
  font-weight: 600;
  letter-spacing: .22em;
  line-height: 1;
  text-transform: uppercase;
  text-shadow: 0 1px 6px #17251f99;
  writing-mode: vertical-rl;
  transform: rotate(180deg);
}
.studio-render--composition-nature-contact .studio-render__media-column p {
  display: none;
}
.studio-render--composition-nature-contact .studio-render__intro-column {
  grid-column: 2;
  grid-row: 1;
}
.studio-render--composition-nature-contact .studio-render__section--header {
  --studio-section-margin-block-default: 22px;
  border-bottom: 0;
}
.studio-render--composition-nature-contact .studio-render__section--header > .studio-render__section-body {
  flex-wrap: nowrap;
}
.studio-render--composition-nature-contact .studio-render__section--header .studio-render__brand-mark {
  width: 12px;
  height: 12px;
  flex-basis: 12px;
  border-width: 4px;
  box-shadow: none;
}
.studio-render--composition-nature-contact .studio-render__section--header .studio-render__brand {
  font-size: var(--studio-frame-size-12,12px);
  font-weight: 600;
  letter-spacing: .01em;
}
.studio-render--composition-nature-contact .studio-render__section--header p {
  max-width: none;
  color: var(--studio-muted);
  font-size: var(--studio-frame-size-11,11px);
  letter-spacing: .06em;
  text-transform: uppercase;
}
.studio-render--composition-nature-contact .studio-render__section--introduction {
  --studio-section-margin-block-default: clamp(22px, 4cqi, 52px);
  padding-top: 10px;
  background: transparent;
}
.studio-render--composition-nature-contact .studio-render__section--introduction h1 {
  position: relative;
  display: inline-block;
  max-width: none;
  color: transparent;
  background: linear-gradient(90deg, var(--studio-text) 0 57%, transparent 57%);
  background-clip: text;
  font-family: var(--studio-heading-font, var(--studio-font));
  font-size: var(--studio-frame-size-nature-hero,clamp(60px, 9cqi, 122px));
  font-weight: 400;
  letter-spacing: -.055em;
  line-height: .92;
  -webkit-background-clip: text;
  -webkit-text-stroke: .8px color-mix(in srgb, var(--studio-text) 38%, transparent);
}
.studio-render--composition-nature-contact .studio-render__section--introduction h1::after {
  content: "";
  position: absolute;
  z-index: 0;
  right: 1%;
  bottom: -.1em;
  width: 38%;
  height: .09em;
  min-height: 5px;
  background: var(--studio-primary);
  clip-path: polygon(1% 38%, 10% 8%, 43% 22%, 69% 0, 99% 34%, 93% 77%, 66% 63%, 31% 100%, 5% 75%);
  transform: rotate(.8deg);
}
.studio-render--composition-nature-contact .studio-render__section--introduction p {
  max-width: 48ch;
  color: var(--studio-muted);
  font-size: var(--studio-frame-size-13,13px);
}
.studio-render--composition-nature-contact .studio-render__form-column {
  grid-column: 2;
  grid-row: 2;
  display: grid;
  grid-template-columns: minmax(0, .92fr) minmax(260px, 1.08fr);
  grid-template-rows: auto auto;
  align-content: start;
  gap: clamp(30px, 5cqi, 64px) clamp(38px, 7cqi, 88px);
  padding: 0 var(--studio-spacing) clamp(36px, 5cqi, 68px);
}
.studio-render--composition-nature-contact .studio-render__form-column > .studio-render__section--form {
  --studio-section-margin-block-default: 0px;
  --studio-section-margin-inline-default: 0px;
  padding: 0;
}
.studio-render--composition-nature-contact .studio-render__form-column > .studio-render__section--form:first-of-type {
  grid-column: 1;
  grid-row: 1;
}
.studio-render--composition-nature-contact .studio-render__form-column > .studio-render__section--form:nth-of-type(2) {
  grid-column: 2;
  grid-row: 1;
}
.studio-render--composition-nature-contact .studio-render__form-column > .studio-render__section--form:first-of-type h2 {
  font-family: var(--studio-font);
  font-size: var(--studio-frame-size-12,12px);
  font-weight: 650;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.studio-render--composition-nature-contact .studio-render__form-column > .studio-render__section--form:nth-of-type(2) h2 {
  max-width: 12ch;
  font-family: var(--studio-heading-font, var(--studio-font));
  font-size: var(--studio-frame-size-nature-side-title,clamp(30px, 4cqi, 52px));
  font-weight: 400;
  letter-spacing: -.035em;
  line-height: 1;
}
.studio-render--composition-nature-contact .studio-render__form-column > .studio-render__section--form:nth-of-type(2) p {
  max-width: 42ch;
  color: var(--studio-text);
  font-size: var(--studio-frame-size-12,12px);
  line-height: 1.5;
}
.studio-render--composition-nature-contact .studio-render__fields {
  gap: 15px;
  margin-top: 20px;
}
.studio-render--composition-nature-contact .studio-render__field > label {
  margin-bottom: 5px;
  font-size: var(--studio-frame-size-11,11px);
  font-weight: 650;
}
.studio-render--composition-nature-contact .studio-render__field > :is(input,textarea),
.studio-render--composition-nature-contact .studio-render__select > :is(select,.studio-render__select-control) {
  min-height: 44px;
  padding: 11px 13px;
  border: 0;
  border-radius: var(--studio-input-radius);
  background: var(--studio-input-background);
  color: var(--studio-text);
  font-size: var(--studio-frame-size-12,12px);
}
.studio-render--composition-nature-contact .studio-render__field > textarea {
  min-height: 145px;
}
.studio-render--composition-nature-contact .studio-render__field > :is(input,textarea)::placeholder {
  color: color-mix(in srgb, var(--studio-muted) 77%, transparent);
  opacity: 1;
}
.studio-render--composition-nature-contact .studio-render__form-column > .studio-render__actions {
  grid-column: 1;
  grid-row: 2;
  align-items: flex-start;
  justify-content: flex-start;
  width: auto;
  padding: 0;
}
.studio-render--composition-nature-contact .studio-render__actions button:not(.studio-render__previous) {
  min-height: 42px;
  padding: 10px 22px;
  border: 0;
  border-radius: 0;
  background: var(--studio-primary);
  color: var(--studio-action-text);
  clip-path: polygon(2% 19%, 9% 4%, 38% 9%, 64% 0, 97% 13%, 93% 45%, 100% 77%, 77% 94%, 43% 89%, 17% 100%, 3% 79%, 7% 48%);
  font-size: var(--studio-frame-size-12,12px);
  font-weight: 650;
}
.studio-render--composition-nature-contact .studio-render__actions :is(.studio-render__privacy,.studio-render__submission-note) {
  max-width: 31ch;
  text-align: left;
}
.studio-render--composition-nature-contact .studio-render__contact-column {
  grid-column: 2;
  grid-row: 2;
  align-self: start;
}
.studio-render--composition-nature-contact .studio-render__contact-column .studio-render__section--contact-info {
  --studio-section-margin-block-default: 0px;
  --studio-section-margin-inline-default: 0px;
  padding: 0;
}
.studio-render--composition-nature-contact .studio-render__contact-column h2 {
  font-family: var(--studio-font);
  font-size: var(--studio-frame-size-12,12px);
  font-weight: 650;
}
.studio-render--composition-nature-contact .studio-render__contact-column .studio-render__section-body > p {
  margin-top: 5px;
  color: var(--studio-muted);
  font-size: var(--studio-frame-size-11,11px);
}
.studio-render--composition-nature-contact .studio-render__contact-items {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px 28px;
  margin-top: 20px;
}
.studio-render--composition-nature-contact .studio-render__contact-item {
  align-items: flex-start;
}
.studio-render--composition-nature-contact .studio-render__contact-item > svg {
  display: none;
}
.studio-render--composition-nature-contact .studio-render__contact-item dt {
  font-size: var(--studio-frame-size-10,10px);
  font-weight: 650;
}
.studio-render--composition-nature-contact .studio-render__contact-item dd {
  margin-top: 4px;
  color: var(--studio-text);
  font-size: var(--studio-frame-size-11,11px);
  line-height: 1.45;
}
.studio-render--composition-nature-contact .studio-render__contact-item a {
  text-decoration-color: var(--studio-primary);
  text-underline-offset: 3px;
}

/* Thumbnail cards render an 800px document and scale it down. Keep the four
 * signatures recognizable without letting their display typography consume the
 * complete card before a field or contact detail appears. */
.studio-render--thumbnail.studio-render--composition-bold-contact .studio-render__section--introduction h1 {
  font-size: min(var(--studio-frame-size-poster-h1,72px),72px);
}
.studio-render--thumbnail.studio-render--composition-bold-contact .studio-render__section--introduction,
.studio-render--thumbnail.studio-render--composition-bold-contact :is(.studio-render__section--form,.studio-render__section--contact-info) {
  --studio-section-margin-block-default: 20px;
}
.studio-render--thumbnail.studio-render--composition-bold-contact .studio-render__section--introduction p {
  margin-top: 12px;
  font-size: var(--studio-frame-size-14,14px);
}
.studio-render--thumbnail.studio-render--composition-bold-contact .studio-render__contact-items {
  margin-top: 24px;
}
.studio-render--thumbnail.studio-render--composition-bold-contact .studio-render__actions button:not(.studio-render__previous) {
  min-height: 48px;
  font-size: min(var(--studio-frame-size-poster-action,38px),38px);
}
.studio-render--thumbnail.studio-render--composition-editorial-contact .studio-render__section--introduction {
  --studio-section-margin-block-default: 30px;
}
.studio-render--thumbnail.studio-render--composition-editorial-contact .studio-render__section--introduction h1 {
  font-size: min(var(--studio-frame-size-editorial-h1,52px),52px);
}
.studio-render--thumbnail.studio-render--composition-editorial-contact .studio-render__section--introduction :is(.studio-render__image,.studio-render__image-placeholder) {
  width: 84px !important;
  height: 84px !important;
  flex-basis: 84px !important;
}
.studio-render--thumbnail.studio-render--composition-editorial-contact .studio-render__field {
  padding-block: 12px;
}
.studio-render--thumbnail.studio-render--composition-motion-contact .studio-render__section--form {
  --studio-section-margin-block-default: 28px;
}
.studio-render--thumbnail.studio-render--composition-motion-contact .studio-render__section--form h2 {
  font-size: min(var(--studio-frame-size-motion-title,54px),54px);
}
.studio-render--thumbnail.studio-render--composition-motion-contact .studio-render__fields {
  margin-top: 26px;
}
.studio-render--thumbnail.studio-render--composition-motion-contact .studio-render__field {
  padding-block: 22px;
}
.studio-render--thumbnail.studio-render--composition-motion-contact .studio-render__field > label,
.studio-render--thumbnail.studio-render--composition-motion-contact .studio-render__field legend {
  margin-bottom: 16px;
  font-size: min(var(--studio-frame-size-motion-field,32px),32px);
}
.studio-render--thumbnail.studio-render--composition-motion-contact .studio-render__field .studio-render__choices label {
  min-height: 32px;
  padding: 6px 12px;
}
.studio-render--thumbnail.studio-render--composition-nature-contact .studio-render__composition {
  grid-template-columns: 94px minmax(0, 1fr);
  min-height: 650px;
}
.studio-render--thumbnail.studio-render--composition-nature-contact .studio-render__section--introduction {
  padding-top: 4px;
  padding-bottom: 28px;
}
.studio-render--thumbnail.studio-render--composition-nature-contact .studio-render__section--introduction h1 {
  font-size: min(var(--studio-frame-size-nature-hero,64px),64px);
}
.studio-render--thumbnail.studio-render--composition-nature-contact .studio-render__form-column {
  gap: 24px 34px;
}
.studio-render--thumbnail.studio-render--composition-nature-contact .studio-render__form-column > .studio-render__section--form:nth-of-type(2) h2 {
  font-size: min(var(--studio-frame-size-nature-side-title,32px),32px);
}
.studio-render--thumbnail.studio-render--composition-nature-contact .studio-render__field > textarea {
  min-height: 86px;
}

@container (max-width: 760px) {
  .studio-render--composition-nature-contact .studio-render__composition {
    grid-template-columns: clamp(82px, 18cqi, 112px) minmax(0, 1fr);
  }
  .studio-render--composition-nature-contact .studio-render__form-column {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto;
    gap: 34px;
  }
  .studio-render--composition-nature-contact .studio-render__form-column > :is(.studio-render__section--form:first-of-type,.studio-render__section--form:nth-of-type(2),.studio-render__actions,.studio-render__contact-column) {
    grid-column: 1;
    grid-row: auto;
  }
}

@container (max-width: 600px) {
  .studio-render:is(.studio-render--composition-bold-contact,.studio-render--composition-editorial-contact) > .studio-render__document {
    padding: 14px;
  }
  .studio-render:is(.studio-render--composition-bold-contact,.studio-render--composition-editorial-contact) .studio-render__composition {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto;
  }
  .studio-render:is(.studio-render--composition-bold-contact,.studio-render--composition-editorial-contact) :is(.studio-render__intro-column,.studio-render__form-column,.studio-render__contact-column) {
    grid-column: 1;
    grid-row: auto;
  }
  .studio-render:is(.studio-render--composition-bold-contact,.studio-render--composition-editorial-contact) .studio-render__form-column,
  .studio-render:is(.studio-render--composition-bold-contact,.studio-render--composition-editorial-contact) .studio-render__contact-column {
    border-left: 0;
    border-top: 1px solid var(--studio-border);
  }
  .studio-render--composition-bold-contact .studio-render__section--introduction h1 {
    font-size: min(
      var(--studio-frame-size-poster-h1,clamp(42px, 15cqi, 76px)),
      clamp(42px, 15cqi, 76px)
    );
    line-height: .86;
    white-space: normal;
    text-wrap: balance;
  }
  .studio-render--composition-bold-contact .studio-render__contact-items,
  .studio-render--composition-motion-contact .studio-render__contact-items {
    grid-template-columns: minmax(0, 1fr);
  }
  .studio-render--composition-bold-contact .studio-render__actions button:not(.studio-render__previous) {
    min-height: 58px;
    font-size: min(var(--studio-frame-size-poster-action,clamp(36px, 13cqi, 62px)),62px);
  }
  .studio-render--composition-editorial-contact .studio-render__section--introduction .studio-render__image-flow {
    align-items: flex-start;
  }
  .studio-render--composition-editorial-contact .studio-render__field {
    grid-template-columns: 27px minmax(0, 1fr);
    column-gap: 12px;
  }
  .studio-render--composition-motion-contact > .studio-render__document {
    padding-inline: 20px;
  }
  .studio-render--composition-motion-contact .studio-render__section--form h2 {
    font-size: min(
      var(--studio-frame-size-motion-title,clamp(46px, 16cqi, 76px)),
      clamp(46px, 16cqi, 76px)
    );
  }
  .studio-render--composition-motion-contact .studio-render__field > label,
  .studio-render--composition-motion-contact .studio-render__field legend {
    font-size: min(
      var(--studio-frame-size-motion-field,clamp(31px, 10cqi, 50px)),
      clamp(31px, 10cqi, 50px)
    );
  }
  .studio-render--composition-motion-contact .studio-render__field .studio-render__choices label {
    min-height: 42px;
    padding: 8px 15px;
  }
  .studio-render--composition-motion-contact .studio-render__actions button:not(.studio-render__previous) {
    font-size: min(
      var(--studio-frame-size-motion-submit,clamp(40px, 13cqi, 68px)),
      clamp(40px, 13cqi, 68px)
    );
  }
  .studio-render--composition-motion-contact :is(.studio-render__section--introduction h1,.studio-render__section--contact-info h2,.studio-render__section--footer h2) {
    font-size: min(
      var(--studio-frame-size-motion-footer,clamp(40px, 13cqi, 68px)),
      clamp(40px, 13cqi, 68px)
    );
  }
  .studio-render--composition-nature-contact > .studio-render__document {
    padding: 14px;
  }
  .studio-render--composition-nature-contact .studio-render__composition {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: 148px auto auto;
    min-height: 0;
  }
  .studio-render--composition-nature-contact .studio-render__media-column {
    grid-column: 1;
    grid-row: 1;
    min-height: 148px;
  }
  .studio-render--composition-nature-contact .studio-render__media-column .studio-render__image-flow-content {
    inset: 18px;
    align-items: flex-end;
    justify-content: flex-start;
  }
  .studio-render--composition-nature-contact .studio-render__media-column h2 {
    writing-mode: horizontal-tb;
    transform: none;
  }
  .studio-render--composition-nature-contact .studio-render__intro-column {
    grid-column: 1;
    grid-row: 2;
  }
  .studio-render--composition-nature-contact .studio-render__section--header > .studio-render__section-body {
    flex-wrap: wrap;
  }
  .studio-render--composition-nature-contact .studio-render__section--introduction h1 {
    font-size: min(
      var(--studio-frame-size-nature-hero,clamp(48px, 17cqi, 76px)),
      clamp(48px, 17cqi, 76px)
    );
  }
  .studio-render--composition-nature-contact .studio-render__form-column {
    grid-column: 1;
    grid-row: 3;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto;
    gap: 34px;
    padding-inline: 20px;
  }
  .studio-render--composition-nature-contact .studio-render__form-column > :is(.studio-render__section--form:first-of-type,.studio-render__section--form:nth-of-type(2),.studio-render__actions,.studio-render__contact-column) {
    grid-column: 1;
    grid-row: auto;
  }
  .studio-render--composition-nature-contact .studio-render__form-column > .studio-render__section--form:nth-of-type(2) h2 {
    font-size: min(var(--studio-frame-size-nature-side-title,clamp(30px, 10cqi, 44px)),44px);
  }
  .studio-render--composition-nature-contact .studio-render__contact-items {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* Creative Discovery Call: the authored sections stay as ordinary Studio
 * objects while the composition supplies the stark editorial split. Keeping
 * the grid and its columns unclipped also preserves selection handles,
 * Off-margin positioning, and object dragging in the editor. */
.studio-render--composition-creative-call > .studio-render__document {
  max-width: calc(var(--studio-content-width) + var(--studio-spacing) * 2);
  padding: var(--studio-spacing);
}
.studio-render--composition-creative-call .studio-render__composition {
  display: grid;
  grid-template-columns: minmax(280px, .35fr) minmax(0, .65fr);
  grid-template-rows: auto 1fr auto;
  min-width: 0;
  min-height: clamp(680px, 72cqi, 860px);
  border: 1px solid var(--studio-border);
  background: var(--studio-surface);
  color: var(--studio-text);
  overflow: visible;
}
.studio-render--composition-creative-call :is(.studio-render__sidebar-column,.studio-render__intro-column,.studio-render__form-column,.studio-render__media-column) {
  min-width: 0;
}
.studio-render--composition-creative-call :is(.studio-render__sidebar-column,.studio-render__intro-column,.studio-render__form-column,.studio-render__media-column) .studio-render__section-body {
  max-width: none;
}

/* The white rail carries a small, independently editable mark and the
 * discovery-call introduction. */
.studio-render--composition-creative-call .studio-render__sidebar-column {
  grid-column: 1;
  grid-row: 1 / -1;
  display: flex;
  flex-direction: column;
  min-height: 100%;
  background: var(--studio-sidebar);
  color: var(--studio-sidebar-text);
}
.studio-render--composition-creative-call .studio-render__sidebar-column .studio-render__section--shape {
  --studio-section-margin-block-default: 0px;
  --studio-section-margin-inline-default: 0px;
  padding: clamp(28px, 3.4cqi, 46px) clamp(30px, 4cqi, 58px) 0;
}
.studio-render--composition-creative-call .studio-render__section--shape h2 {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
.studio-render--composition-creative-call .studio-render__section--shape .studio-render__shape {
  min-width: 26px;
  max-width: 42px;
  margin-top: 0;
}
.studio-render--composition-creative-call .studio-render__sidebar-column .studio-render__section--introduction {
  --studio-section-margin-block-default: 0px;
  --studio-section-margin-inline-default: 0px;
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  padding: clamp(50px, 8cqi, 104px) clamp(38px, 5cqi, 72px) clamp(48px, 7cqi, 88px);
  background: transparent;
}
.studio-render--composition-creative-call .studio-render__section--introduction h1 {
  max-width: 11ch;
  font-size: var(--studio-frame-size-creative-title,clamp(30px, 4.2cqi, 48px));
  font-weight: 400;
  letter-spacing: -.035em;
  line-height: 1.23;
  text-wrap: balance;
}
.studio-render--composition-creative-call .studio-render__section--introduction p {
  max-width: 23ch;
  margin-top: clamp(24px, 3.3cqi, 42px);
  color: color-mix(in srgb, var(--studio-sidebar-text) 51%, var(--studio-sidebar));
  font-size: var(--studio-frame-size-15,15px);
  line-height: 1.72;
}

/* A compact, editable navigation header anchors the black panel. */
.studio-render--composition-creative-call .studio-render__intro-column {
  grid-column: 2;
  grid-row: 1;
  background: var(--studio-surface);
  color: var(--studio-text);
}
.studio-render--composition-creative-call .studio-render__section--header {
  --studio-section-margin-block-default: 0px;
  --studio-section-margin-inline-default: 0px;
  padding: clamp(22px, 2.6cqi, 36px) clamp(32px, 4.5cqi, 66px);
  border-bottom: 1px solid color-mix(in srgb, var(--studio-text) 48%, transparent);
}
.studio-render--composition-creative-call .studio-render__section--header > .studio-render__section-body {
  flex-wrap: nowrap;
  justify-content: flex-end;
  gap: clamp(20px, 3cqi, 42px);
}
.studio-render--composition-creative-call .studio-render__section--header .studio-render__brand-mark {
  display: none;
}
.studio-render--composition-creative-call .studio-render__section--header .studio-render__brand {
  flex: 0 1 auto;
  gap: 0;
  font-size: var(--studio-frame-size-14,14px);
  font-weight: 400;
  letter-spacing: .01em;
  text-transform: uppercase;
}
.studio-render--composition-creative-call .studio-render__section--header p {
  max-width: none;
  color: var(--studio-text);
  font-size: var(--studio-frame-size-14,14px);
  letter-spacing: .01em;
  line-height: 1.4;
  text-transform: uppercase;
}

/* The form remains the real Studio step flow. Circular step buttons sit over
 * a connector rule, while every field and action keeps its native hit target. */
.studio-render--composition-creative-call .studio-render__form-column {
  grid-column: 2;
  grid-row: 2;
  display: grid;
  grid-template-columns: minmax(0, 520px);
  align-content: start;
  justify-content: center;
  padding: clamp(52px, 7cqi, 92px) clamp(34px, 6cqi, 82px) clamp(34px, 4cqi, 56px);
  background: var(--studio-surface);
  color: var(--studio-text);
}
.studio-render--composition-creative-call .studio-render__form-column > :is(.studio-render__step-progress,.studio-render__section--form,.studio-render__actions) {
  grid-column: 1;
  width: 100%;
  min-width: 0;
}
.studio-render--composition-creative-call .studio-render__step-summary {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  padding: 0;
  clip-path: inset(50%);
  white-space: nowrap;
}
.studio-render--composition-creative-call .studio-render__stepper {
  position: relative;
  display: flex;
  justify-content: space-between;
  gap: 20px;
  margin: 0 0 28px;
  padding: 0;
}
.studio-render--composition-creative-call .studio-render__stepper::before {
  content: "";
  position: absolute;
  z-index: 0;
  top: 15px;
  left: 16px;
  right: 16px;
  border-top: 1px solid color-mix(in srgb, var(--studio-text) 58%, transparent);
}
.studio-render--composition-creative-call .studio-render__stepper button {
  position: relative;
  z-index: 1;
  display: block;
  flex: 0 0 32px;
  width: 32px;
  min-width: 32px;
  min-height: 32px;
  padding: 0;
  border: 0;
  background: var(--studio-surface);
  color: var(--studio-text);
  opacity: 1;
}
.studio-render--composition-creative-call .studio-render__step-number {
  width: 32px;
  height: 32px;
  border-color: color-mix(in srgb, var(--studio-text) 78%, transparent);
  background: var(--studio-surface);
  color: var(--studio-text);
  font-size: var(--studio-frame-size-12,12px);
  font-weight: 500;
}
.studio-render--composition-creative-call .studio-render__stepper button[aria-current="step"] {
  color: var(--studio-action-text);
}
.studio-render--composition-creative-call .studio-render__stepper button[aria-current="step"] .studio-render__step-number {
  border-color: var(--studio-primary);
  background: var(--studio-primary);
  color: var(--studio-action-text);
}
.studio-render--composition-creative-call .studio-render__step-label {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
.studio-render--composition-creative-call .studio-render__section--form {
  --studio-section-margin-block-default: 0px;
  --studio-section-margin-inline-default: 0px;
  padding: 0;
}
.studio-render--composition-creative-call .studio-render__section--form h2 {
  color: color-mix(in srgb, var(--studio-text) 58%, transparent);
  font-family: var(--studio-font);
  font-size: var(--studio-frame-size-11,11px);
  font-weight: 500;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.studio-render--composition-creative-call .studio-render__fields {
  gap: 10px;
  margin-top: 16px;
}
.studio-render--composition-creative-call .studio-render__field > label,
.studio-render--composition-creative-call .studio-render__field legend {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  margin: 0;
  clip-path: inset(50%);
  white-space: nowrap;
}
.studio-render--composition-creative-call .studio-render__field > :is(input,textarea),
.studio-render--composition-creative-call .studio-render__select > :is(select,.studio-render__select-control) {
  min-height: 45px;
  padding: 11px 14px;
  border: 1px solid var(--studio-primary);
  border-radius: 0;
  background: var(--studio-input-background);
  color: #111111;
  font-size: var(--studio-frame-size-13,13px);
  -webkit-text-fill-color: #111111;
}
.studio-render--composition-creative-call .studio-render__select {
  color: #111111;
}
.studio-render--composition-creative-call .studio-render__field > textarea {
  min-height: 112px;
}
.studio-render--composition-creative-call .studio-render__field > :is(input,textarea)::placeholder {
  color: #727272;
  opacity: 1;
  -webkit-text-fill-color: #727272;
}
.studio-render--composition-creative-call .studio-render__actions {
  display: flex;
  align-items: stretch;
  justify-content: stretch;
  gap: 10px;
  margin: 11px 0 0;
  padding: 0;
}
.studio-render--composition-creative-call .studio-render__actions .studio-render__progress {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
.studio-render--composition-creative-call .studio-render__actions button {
  flex: 1 1 0;
  min-height: 45px;
  padding: 10px 18px;
  border: 2px solid var(--studio-primary);
  border-radius: 0;
  background: transparent;
  color: var(--studio-text);
  font-size: var(--studio-frame-size-13,13px);
  font-weight: 650;
}
.studio-render--composition-creative-call .studio-render__actions .studio-render__previous {
  margin: 0;
  border-color: color-mix(in srgb, var(--studio-text) 62%, transparent);
  background: transparent;
  color: var(--studio-text);
}
.studio-render--composition-creative-call .studio-render__actions :is(.studio-render__privacy,.studio-render__submission-note) {
  flex-basis: 100%;
  color: var(--studio-muted);
  text-align: left;
}

/* The original vector is still an image object—not a background—so it can be
 * selected, resized, moved, hidden, or switched to Off-margin normally. */
.studio-render--composition-creative-call .studio-render__media-column {
  grid-column: 2;
  grid-row: 3;
  align-self: end;
  background: var(--studio-surface);
  color: var(--studio-text);
}
.studio-render--composition-creative-call .studio-render__media-column .studio-render__section--image {
  --studio-section-margin-block-default: 0px;
  --studio-section-margin-inline-default: 0px;
  padding: 0 clamp(34px, 5cqi, 72px) clamp(26px, 3.5cqi, 48px);
}
.studio-render--composition-creative-call .studio-render__media-column .studio-render__image-flow-content {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  margin: 0;
  clip-path: inset(50%);
  white-space: nowrap;
}
.studio-render--composition-creative-call .studio-render__media-column :is(.studio-render__image,.studio-render__image-placeholder) {
  border: 0;
  border-radius: 0;
  background: transparent;
}

/* Template cards use the same split and live controls at a compact, legible
 * scale, so the white rail and circular two-step signature are recognizable. */
.studio-render--thumbnail.studio-render--composition-creative-call .studio-render__composition {
  grid-template-columns: 280px minmax(0, 1fr);
  min-height: 620px;
}
.studio-render--thumbnail.studio-render--composition-creative-call .studio-render__section--introduction h1 {
  font-size: min(var(--studio-frame-size-creative-title,36px),36px);
}
.studio-render--thumbnail.studio-render--composition-creative-call .studio-render__sidebar-column .studio-render__section--introduction {
  padding: 48px 38px;
}
.studio-render--thumbnail.studio-render--composition-creative-call .studio-render__form-column {
  padding: 45px 54px 28px;
}
.studio-render--thumbnail.studio-render--composition-creative-call .studio-render__stepper {
  margin-bottom: 20px;
  padding: 0;
}
.studio-render--thumbnail.studio-render--composition-creative-call .studio-render__stepper button {
  min-height: 32px;
  padding: 0;
}
.studio-render--thumbnail.studio-render--composition-creative-call .studio-render__fields {
  gap: 8px;
  margin-top: 12px;
}
.studio-render--thumbnail.studio-render--composition-creative-call .studio-render__field > :is(input,textarea),
.studio-render--thumbnail.studio-render--composition-creative-call .studio-render__select > :is(select,.studio-render__select-control),
.studio-render--thumbnail.studio-render--composition-creative-call .studio-render__actions button {
  min-height: 38px;
  font-size: var(--studio-frame-size-11,11px);
}
.studio-render--thumbnail.studio-render--composition-creative-call .studio-render__media-column .studio-render__section--image {
  padding: 0 42px 24px;
}
.studio-render--thumbnail.studio-render--composition-creative-call .studio-render__media-column .studio-render__image {
  max-height: 170px;
}

@container (max-width: 720px) {
  .studio-render--composition-creative-call > .studio-render__document {
    padding: 14px;
  }
  .studio-render--composition-creative-call .studio-render__composition {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto auto auto auto;
    min-height: 0;
  }
  .studio-render--composition-creative-call .studio-render__sidebar-column {
    grid-column: 1;
    grid-row: 1;
    min-height: 350px;
  }
  .studio-render--composition-creative-call .studio-render__sidebar-column .studio-render__section--shape {
    padding: 28px 30px 0;
  }
  .studio-render--composition-creative-call .studio-render__sidebar-column .studio-render__section--introduction {
    min-height: 285px;
    padding: 48px 30px 42px;
  }
  .studio-render--composition-creative-call .studio-render__section--introduction h1 {
    font-size: min(
      var(--studio-frame-size-creative-title,clamp(30px, 10cqi, 42px)),
      clamp(30px, 10cqi, 42px)
    );
  }
  .studio-render--composition-creative-call .studio-render__section--introduction p {
    margin-top: 24px;
  }
  .studio-render--composition-creative-call .studio-render__intro-column {
    grid-column: 1;
    grid-row: 2;
  }
  .studio-render--composition-creative-call .studio-render__section--header {
    padding: 20px 24px;
  }
  .studio-render--composition-creative-call .studio-render__section--header > .studio-render__section-body {
    justify-content: space-between;
    gap: 16px;
  }
  .studio-render--composition-creative-call .studio-render__form-column {
    grid-column: 1;
    grid-row: 3;
    grid-template-columns: minmax(0, 1fr);
    padding: 40px 24px 28px;
  }
  .studio-render--composition-creative-call .studio-render__media-column {
    grid-column: 1;
    grid-row: 4;
  }
  .studio-render--composition-creative-call .studio-render__media-column .studio-render__section--image {
    padding: 0 24px 28px;
  }
  .studio-render--composition-creative-call .studio-render__media-column .studio-render__image {
    max-height: 175px;
  }
}

/* Fulcrum-inspired client mosaic: portrait stories and quiet quote cards form a
 * deliberate three-column editorial rhythm instead of placeholder silhouettes. */
.studio-render.studio-render--composition-review-client-mosaic [data-studio-landing-role="reviews"] {
  padding: clamp(60px,7cqi,96px) clamp(24px,6cqi,80px);
  border: 0;
  background: #fff;
}
.studio-render.studio-render--composition-review-client-mosaic [data-studio-landing-role="reviews"] .studio-render__section-body {
  display: block;
  width: min(100%,1320px);
  max-width: 1320px;
  margin-inline: auto;
}
.studio-render.studio-render--composition-review-client-mosaic [data-studio-landing-role="reviews"] h2 {
  max-width: none;
  margin-inline: auto;
  color: #111;
  font-size: clamp(var(--studio-frame-size-34,34px),4.4cqi,var(--studio-frame-size-54,54px));
  font-weight: 500;
  letter-spacing: -.045em;
  line-height: 1.05;
  text-align: center;
}
.studio-render.studio-render--composition-review-client-mosaic [data-studio-landing-role="reviews"] .studio-render__section-body > p {
  max-width: 66ch;
  margin: 16px auto 0;
  color: #505050;
  font-size: var(--studio-frame-size-16,16px);
  line-height: 1.45;
  text-align: center;
}
.studio-render.studio-render--composition-review-client-mosaic [data-studio-landing-role="reviews"] .studio-render__items {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  grid-template-rows: repeat(3,minmax(280px,auto));
  grid-auto-rows: minmax(280px,auto);
  gap: clamp(18px,2cqi,24px);
  margin-top: clamp(42px,5cqi,64px);
}
.studio-render.studio-render--composition-review-client-mosaic [data-studio-landing-role="reviews"] .studio-render__mosaic-card {
  position: relative;
  isolation: isolate;
  display: flex;
  min-height: 0;
  margin: 0;
  padding: clamp(26px,3cqi,38px);
  overflow: hidden;
  border: 0;
  border-radius: 8px;
  background: #f5f5f5;
  color: #171717;
}
.studio-render.studio-render--composition-review-client-mosaic [data-studio-landing-role="reviews"] .studio-render__mosaic-card:nth-child(1) { grid-column: 1; grid-row: 1 / span 2; }
.studio-render.studio-render--composition-review-client-mosaic [data-studio-landing-role="reviews"] .studio-render__mosaic-card:nth-child(2) { grid-column: 2; grid-row: 1; }
.studio-render.studio-render--composition-review-client-mosaic [data-studio-landing-role="reviews"] .studio-render__mosaic-card:nth-child(3) { grid-column: 3; grid-row: 1 / span 2; }
.studio-render.studio-render--composition-review-client-mosaic [data-studio-landing-role="reviews"] .studio-render__mosaic-card:nth-child(4) { grid-column: 1; grid-row: 3; }
.studio-render.studio-render--composition-review-client-mosaic [data-studio-landing-role="reviews"] .studio-render__mosaic-card:nth-child(5) { grid-column: 2; grid-row: 2 / span 2; }
.studio-render.studio-render--composition-review-client-mosaic [data-studio-landing-role="reviews"] .studio-render__mosaic-card:nth-child(6) { grid-column: 3; grid-row: 3; }
.studio-render.studio-render--composition-review-client-mosaic [data-studio-landing-role="reviews"] .studio-render__mosaic-card--visual {
  align-items: end;
  color: #fff;
}
.studio-render.studio-render--composition-review-client-mosaic [data-studio-landing-role="reviews"] .studio-render__mosaic-portrait,
.studio-render.studio-render--composition-review-client-mosaic [data-studio-landing-role="reviews"] .studio-render__mosaic-shade {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
.studio-render.studio-render--composition-review-client-mosaic [data-studio-landing-role="reviews"] .studio-render__mosaic-portrait {
  z-index: -2;
  object-fit: cover;
  object-position: center;
}
.studio-render.studio-render--composition-review-client-mosaic [data-studio-landing-role="reviews"] .studio-render__mosaic-shade {
  z-index: -1;
  background: linear-gradient(180deg,transparent 42%,rgba(7,7,7,.9) 100%);
}
.studio-render.studio-render--composition-review-client-mosaic [data-studio-landing-role="reviews"] .studio-render__mosaic-copy {
  position: relative;
  z-index: 1;
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: space-between;
  min-width: 0;
}
.studio-render.studio-render--composition-review-client-mosaic [data-studio-landing-role="reviews"] .studio-render__mosaic-card--visual .studio-render__mosaic-copy {
  display: block;
  flex: 0 1 auto;
}
.studio-render.studio-render--composition-review-client-mosaic [data-studio-landing-role="reviews"] .studio-render__mosaic-card blockquote {
  max-width: 28ch;
  margin: 0;
  font-size: clamp(var(--studio-frame-size-16,16px),1.55cqi,var(--studio-frame-size-20,20px));
  line-height: 1.35;
}
.studio-render.studio-render--composition-review-client-mosaic [data-studio-landing-role="reviews"] .studio-render__mosaic-card figcaption {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin-top: 28px;
  font-size: var(--studio-frame-size-13,13px);
  line-height: 1.25;
}
.studio-render.studio-render--composition-review-client-mosaic [data-studio-landing-role="reviews"] .studio-render__mosaic-card figcaption strong { font-weight: 700; }
.studio-render.studio-render--composition-review-client-mosaic [data-studio-landing-role="reviews"] .studio-render__mosaic-card figcaption span { opacity: .78; }
.studio-render.studio-render--composition-review-client-mosaic [data-studio-landing-role="reviews"] .studio-render__mosaic-card--quote {
  align-items: stretch;
  padding-left: clamp(66px,6.2cqi,88px);
}
.studio-render.studio-render--composition-review-client-mosaic [data-studio-landing-role="reviews"] .studio-render__mosaic-quote-mark {
  position: absolute;
  top: 24px;
  left: 26px;
  font-family: Georgia,serif;
  font-size: var(--studio-frame-size-52,52px);
  font-weight: 700;
  line-height: .8;
}
.studio-render.studio-render--composition-review-client-mosaic [data-studio-landing-role="reviews"] .studio-render__mosaic-avatar {
  position: absolute;
  right: 24px;
  bottom: 24px;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  object-fit: cover;
}
.studio-render.studio-render--composition-review-client-mosaic [data-studio-landing-role="reviews"] .studio-render__mosaic-card--quote figcaption { padding-right: 54px; }

@container (max-width: 920px) {
  .studio-render.studio-render--composition-review-client-mosaic [data-studio-landing-role="reviews"] .studio-render__items {
    grid-template-columns: repeat(2,minmax(0,1fr));
    grid-template-rows: none;
    grid-auto-rows: minmax(280px,auto);
  }
  .studio-render.studio-render--composition-review-client-mosaic [data-studio-landing-role="reviews"] .studio-render__mosaic-card:nth-child(n) {
    grid-column: auto;
    grid-row: auto;
  }
  .studio-render.studio-render--composition-review-client-mosaic [data-studio-landing-role="reviews"] .studio-render__mosaic-card--visual { min-height: 560px; }
}
@container (max-width: 620px) {
  .studio-render.studio-render--composition-review-client-mosaic [data-studio-landing-role="reviews"] { padding-inline: 18px; }
  .studio-render.studio-render--composition-review-client-mosaic [data-studio-landing-role="reviews"] .studio-render__items { grid-template-columns: minmax(0,1fr); }
  .studio-render.studio-render--composition-review-client-mosaic [data-studio-landing-role="reviews"] .studio-render__mosaic-card--visual { min-height: 520px; }
}

/* Review-section catalog and theme-native legal review compositions ---------
 * All identities and quotes remain editable illustrative content. The visual
 * treatments borrow layout ideas only and inherit each template's own tokens. */

/* Doctor schedule dashboard calendar starter. */
.studio-render.studio-render--composition-doctor-schedule-board {
  padding: clamp(18px,3cqi,42px);
  background: #eaf0ed;
}
.studio-render.studio-render--composition-doctor-schedule-board > .studio-render__document {
  overflow: hidden;
  border: 2px solid #fff;
  border-radius: 32px;
  background: #f1f3f2;
}
.studio-render.studio-render--composition-doctor-schedule-board .studio-render__section--header {
  margin: 0;
  padding: 24px clamp(24px,4cqi,56px) 10px;
  border: 0;
  background: transparent;
}
.studio-render.studio-render--composition-doctor-schedule-board .studio-render__section--header .studio-render__section-body {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
.studio-render.studio-render--composition-doctor-schedule-board .studio-render__section--header h1,
.studio-render.studio-render--composition-doctor-schedule-board .studio-render__section--header h2 {
  margin: 0;
  font-size: clamp(var(--studio-frame-size-22,22px),2.4cqi,var(--studio-frame-size-32,32px));
}
.studio-render.studio-render--composition-doctor-schedule-board .studio-render__section--header p {
  margin: 0;
  padding: 13px 22px;
  border-radius: 999px;
  background: #fff;
  color: var(--studio-text);
}
.studio-render.studio-render--composition-doctor-schedule-board .studio-render__section--services {
  margin: 0;
  padding: 12px clamp(20px,4cqi,54px) clamp(28px,4cqi,54px);
  border: 0;
  background: transparent;
}
.studio-render.studio-render--composition-doctor-schedule-board .studio-render__section--services > .studio-render__section-body > :is(h1,h2,p) {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
}
.studio-render.studio-render--composition-doctor-schedule-board .studio-render__section--services .studio-render__items {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 16px;
}
.studio-render.studio-render--composition-doctor-schedule-board .studio-render__doctor-schedule-card {
  min-width: 0;
  padding: 22px;
  border: 0;
  border-radius: 28px;
  background: #fff;
}
.studio-render__doctor-schedule-card > header {
  display: grid;
  grid-template-columns: 1fr auto 42px 42px;
  gap: 8px;
  align-items: center;
}
.studio-render__doctor-schedule-card > header > span,
.studio-render__doctor-schedule-card > header > button {
  display: grid;
  place-items: center;
  min-height: 38px;
  padding: 0 14px;
  border: 0;
  border-radius: 999px;
  background: #f4f5f4;
  color: inherit;
}
.studio-render__doctor-schedule-card > header > button { padding: 0; font-size: 24px; opacity: 1; }
.studio-render__doctor-schedule-days {
  display: grid;
  grid-template-columns: repeat(7,minmax(0,1fr));
  gap: 8px;
  margin-top: 18px;
}
.studio-render__doctor-schedule-days > span {
  display: grid;
  place-items: center;
  gap: 5px;
  min-height: 58px;
  border-radius: 18px;
  background: #f2f3f2;
  font-size: var(--studio-frame-size-11,11px);
}
.studio-render__doctor-schedule-days > span small { color: var(--studio-muted); font-size: var(--studio-frame-size-9,9px); }
.studio-render__doctor-schedule-days > .is-active { background: #ff7a45; color: #fff; }
.studio-render__doctor-schedule-days > .is-active small { color: inherit; }
.studio-render__doctor-appointment {
  display: grid;
  grid-template-columns: 36px minmax(0,1fr) auto;
  gap: 10px;
  align-items: start;
  margin-top: 20px;
  padding: 14px;
  border: 1px solid #e3e5e3;
  border-radius: 18px;
}
.studio-render__doctor-appointment.is-featured { background: #f2ffe9; }
.studio-render__doctor-avatar { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 50%; background: #ffe0d4; font-size: 11px; font-weight: 700; }
.studio-render__doctor-appointment h3 { margin: 0; font-size: var(--studio-frame-size-16,16px); line-height: 1.2; }
.studio-render__doctor-appointment p { margin: 3px 0 7px; color: var(--studio-muted); font-size: var(--studio-frame-size-11,11px); }
.studio-render__doctor-appointment time { font-size: var(--studio-frame-size-10,10px); }
.studio-render__doctor-appointment footer { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 8px; padding-top: 4px; font-size: var(--studio-frame-size-10,10px); }
.studio-render__doctor-appointment footer span { padding: 5px 9px; border-radius: 999px; background: #fff; }
@container (max-width: 900px) {
  .studio-render.studio-render--composition-doctor-schedule-board .studio-render__section--services .studio-render__items { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@container (max-width: 580px) {
  .studio-render.studio-render--composition-doctor-schedule-board { padding: 0; }
  .studio-render.studio-render--composition-doctor-schedule-board > .studio-render__document { border-radius: 0; }
  .studio-render.studio-render--composition-doctor-schedule-board .studio-render__section--header .studio-render__section-body { align-items: stretch; flex-direction: column; }
  .studio-render.studio-render--composition-doctor-schedule-board .studio-render__section--services .studio-render__items { grid-template-columns: minmax(0,1fr); }
}

/* Portrait-led professional appointment directory. */
.studio-render.studio-render--composition-professional-appointment-directory {
  padding: clamp(18px,3cqi,42px);
  background: #ececea;
}
.studio-render.studio-render--composition-professional-appointment-directory > .studio-render__document {
  overflow: hidden;
  border: 0;
  border-radius: 34px;
  background: #fff;
  box-shadow: none;
}
.studio-render.studio-render--composition-professional-appointment-directory .studio-render__section {
  margin: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}
.studio-render.studio-render--composition-professional-appointment-directory .studio-render__section--header {
  padding: 26px clamp(24px,5cqi,72px);
}
.studio-render.studio-render--composition-professional-appointment-directory .studio-render__section--header .studio-render__section-body {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}
.studio-render.studio-render--composition-professional-appointment-directory .studio-render__section--header :is(h1,h2,span) { margin: 0; }
.studio-render.studio-render--composition-professional-appointment-directory .studio-render__section--header p {
  margin: 0;
  color: #666660;
  font-size: var(--studio-frame-size-13,13px);
}
.studio-render.studio-render--composition-professional-appointment-directory .studio-render__section--introduction {
  padding: clamp(54px,8cqi,112px) clamp(24px,7cqi,96px) clamp(46px,6cqi,84px);
  text-align: center;
}
.studio-render.studio-render--composition-professional-appointment-directory .studio-render__section--introduction h1 {
  max-width: 14ch;
  margin: 0 auto;
  white-space: pre-line;
  font-size: clamp(var(--studio-frame-size-42,42px),7cqi,var(--studio-frame-size-84,84px));
  font-weight: 560;
  letter-spacing: -.055em;
  line-height: .98;
}
.studio-render.studio-render--composition-professional-appointment-directory .studio-render__section--introduction p {
  max-width: 60ch;
  margin: 28px auto 0;
  color: #666660;
  font-size: clamp(var(--studio-frame-size-15,15px),1.5cqi,var(--studio-frame-size-18,18px));
}
.studio-render.studio-render--composition-professional-appointment-directory .studio-render__section--services {
  padding: 0 clamp(20px,5cqi,72px) clamp(34px,6cqi,84px);
}
.studio-render.studio-render--composition-professional-appointment-directory .studio-render__section--services > .studio-render__section-body > h2 {
  margin: 0;
  font-size: clamp(var(--studio-frame-size-28,28px),3.4cqi,var(--studio-frame-size-42,42px));
  letter-spacing: -.035em;
}
.studio-render.studio-render--composition-professional-appointment-directory .studio-render__section--services > .studio-render__section-body > p {
  max-width: 68ch;
  margin: 12px 0 30px;
  color: #666660;
}
.studio-render.studio-render--composition-professional-appointment-directory .studio-render__section--services .studio-render__items {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 18px;
}
.studio-render__professional-card {
  min-width: 0;
  overflow: hidden;
  border: 0;
  border-radius: 28px;
  background: #f3f3f1;
}
.studio-render__professional-portrait {
  position: relative;
  aspect-ratio: 1.28;
  overflow: hidden;
  background: #e7e7e4;
}
.studio-render__professional-portrait img { width: 100%; height: 100%; object-fit: cover; object-position: center 30%; }
.studio-render__professional-portrait > span {
  position: absolute;
  top: 18px;
  left: 18px;
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(255,255,255,.9);
  color: #171717;
  font-size: var(--studio-frame-size-11,11px);
  font-weight: 700;
}
.studio-render__professional-card-copy { padding: 22px; }
.studio-render__professional-card-copy > p { margin: 0 0 5px; color: #666660; font-size: var(--studio-frame-size-12,12px); }
.studio-render__professional-card-copy h3 { margin: 0; font-size: clamp(var(--studio-frame-size-22,22px),2.1cqi,var(--studio-frame-size-28,28px)); letter-spacing: -.025em; }
.studio-render__professional-meta { display: flex; flex-wrap: wrap; gap: 7px; align-items: center; margin-top: 17px; }
.studio-render__professional-meta > * { padding: 7px 10px; border-radius: 999px; background: #fff; font-size: var(--studio-frame-size-10,10px); }
.studio-render__professional-meta > :last-child { flex-basis: 100%; width: max-content; background: transparent; padding-inline: 0; color: #666660; }
.studio-render__professional-days { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 7px; margin-top: 17px; }
.studio-render__professional-days > span { display: grid; place-items: center; gap: 4px; min-height: 50px; border-radius: 16px; background: #e7e7e4; font-size: var(--studio-frame-size-11,11px); }
.studio-render__professional-days small { color: #77776f; font-size: var(--studio-frame-size-8,8px); }
.studio-render__professional-days > .is-active { background: #171717; color: #fff; }
.studio-render__professional-days > .is-active small { color: inherit; }
.studio-render__professional-action { display: flex; align-items: center; justify-content: space-between; margin-top: 18px; padding-top: 16px; border-top: 1px solid #d8d8d3; font-size: var(--studio-frame-size-12,12px); font-weight: 700; }
.studio-render__professional-action span { display: grid; place-items: center; width: 26px; height: 26px; border-radius: 50%; background: #171717; color: #fff; }
@container (max-width: 900px) {
  .studio-render.studio-render--composition-professional-appointment-directory .studio-render__section--services .studio-render__items { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@container (max-width: 600px) {
  .studio-render.studio-render--composition-professional-appointment-directory { padding: 0; background: #fff; }
  .studio-render.studio-render--composition-professional-appointment-directory > .studio-render__document { border-radius: 0; }
  .studio-render.studio-render--composition-professional-appointment-directory .studio-render__section--header .studio-render__section-body { align-items: flex-start; flex-direction: column; gap: 7px; }
  .studio-render.studio-render--composition-professional-appointment-directory .studio-render__section--header p { line-height: 1.6; }
  .studio-render.studio-render--composition-professional-appointment-directory .studio-render__section--introduction { padding-block: 46px 54px; text-align: left; }
  .studio-render.studio-render--composition-professional-appointment-directory .studio-render__section--introduction h1,
  .studio-render.studio-render--composition-professional-appointment-directory .studio-render__section--introduction p { margin-inline: 0; }
  .studio-render.studio-render--composition-professional-appointment-directory .studio-render__section--services .studio-render__items { grid-template-columns: minmax(0,1fr); }
  .studio-render__professional-card-copy { padding: 20px; }
}

/* Structured meeting scheduler with a mobile-first stacked booking flow. */
.studio-render.studio-render--composition-focused-meeting-scheduler {
  padding: clamp(18px,4cqi,56px);
  background: #eaf3ff;
}
.studio-render.studio-render--composition-focused-meeting-scheduler > .studio-render__document {
  overflow: hidden;
  border: 0;
  border-radius: 24px;
  background: #fff;
  box-shadow: none;
}
.studio-render.studio-render--composition-focused-meeting-scheduler .studio-render__section {
  margin: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}
.studio-render.studio-render--composition-focused-meeting-scheduler .studio-render__section--header {
  padding: 24px clamp(24px,4cqi,52px);
  border-bottom: 1px solid #e3e9f2;
}
.studio-render.studio-render--composition-focused-meeting-scheduler .studio-render__section--header .studio-render__section-body { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.studio-render.studio-render--composition-focused-meeting-scheduler .studio-render__section--header p { margin: 0; color: #697386; font-size: var(--studio-frame-size-12,12px); }
.studio-render.studio-render--composition-focused-meeting-scheduler .studio-render__section--services { padding: 0; }
.studio-render.studio-render--composition-focused-meeting-scheduler .studio-render__section--services > .studio-render__section-body > :is(h2,p) {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
}
.studio-render.studio-render--composition-focused-meeting-scheduler .studio-render__section--services .studio-render__items { display: block; }
.studio-render__meeting-scheduler {
  display: grid;
  grid-template-columns: minmax(240px,.9fr) minmax(420px,1.35fr) minmax(230px,.75fr);
  min-height: 650px;
  border: 0;
  background: #fff;
}
.studio-render__meeting-scheduler > * { min-width: 0; padding: clamp(28px,3.5cqi,48px); }
.studio-render__meeting-context { border-right: 1px solid #e3e9f2; }
.studio-render__meeting-host { color: #246bfe; font-size: var(--studio-frame-size-12,12px); }
.studio-render__meeting-context h3 { margin: 28px 0 18px; font-size: clamp(var(--studio-frame-size-28,28px),3.2cqi,var(--studio-frame-size-40,40px)); line-height: 1.05; letter-spacing: -.035em; }
.studio-render__meeting-duration { margin: 0 0 28px; color: #4c5870; }
.studio-render__meeting-context dl { display: grid; gap: 13px; margin: 0; }
.studio-render__meeting-context dl > div { display: grid; grid-template-columns: 74px minmax(0,1fr); gap: 10px; }
.studio-render__meeting-context dt { font-weight: 700; }
.studio-render__meeting-context dd { margin: 0; color: #4c5870; }
.studio-render__meeting-context > p:last-child { margin: 34px 0 0; color: #697386; line-height: 1.55; }
.studio-render__meeting-calendar { border-right: 1px solid #e3e9f2; }
.studio-render__meeting-calendar > header { display: grid; gap: 34px; }
.studio-render__meeting-calendar > header > div { display: flex; flex-direction: column; gap: 16px; }
.studio-render__meeting-calendar > header > div > span { color: #246bfe; font-size: var(--studio-frame-size-12,12px); }
.studio-render__meeting-calendar nav { display: grid; grid-template-columns: 36px 1fr 36px; align-items: center; }
.studio-render__meeting-calendar nav strong { text-align: center; }
.studio-render__meeting-calendar nav button { width: 36px; height: 36px; border: 0; border-radius: 50%; background: #f3f6fb; color: #246bfe; font-size: 24px; opacity: 1; }
.studio-render__meeting-weekdays,
.studio-render__meeting-days { display: grid; grid-template-columns: repeat(7,minmax(0,1fr)); gap: 9px; }
.studio-render__meeting-weekdays { margin-top: 28px; color: #697386; font-size: var(--studio-frame-size-10,10px); text-align: center; }
.studio-render__meeting-days { margin-top: 12px; }
.studio-render__meeting-day { position: relative; display: grid; place-items: center; aspect-ratio: 1; cursor: pointer; }
.studio-render__meeting-day input,
.studio-render__meeting-time input { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.studio-render__meeting-day span { display: grid; place-items: center; width: 100%; height: 100%; border: 1px solid #b9cdf5; border-radius: 9px; background: #fff; font-size: var(--studio-frame-size-11,11px); }
.studio-render__meeting-day input:checked + span { border-color: #246bfe; background: #246bfe; color: #fff; box-shadow: 0 8px 20px rgba(36,107,254,.2); }
.studio-render__meeting-day.is-unavailable { cursor: default; }
.studio-render__meeting-day.is-unavailable span { border-color: transparent; color: #b0b7c3; }
.studio-render__meeting-times { display: flex; flex-direction: column; }
.studio-render__meeting-times h3 { margin: 0 0 20px; font-size: var(--studio-frame-size-17,17px); font-weight: 500; }
.studio-render__meeting-times > div { display: grid; gap: 11px; max-height: 430px; padding-right: 6px; overflow: auto; }
.studio-render__meeting-time { position: relative; cursor: pointer; }
.studio-render__meeting-time span { display: grid; place-items: center; min-height: 56px; border: 1px solid #9db9f1; border-radius: 10px; color: #10203b; font-weight: 700; }
.studio-render__meeting-time input:checked + span { border-color: #246bfe; background: #edf4ff; color: #1658d6; }
.studio-render__meeting-times > button { min-height: 56px; margin-top: 14px; border: 0; border-radius: 10px; background: #246bfe; color: #fff; font: inherit; font-weight: 700; box-shadow: none; }
@container (max-width: 980px) {
  .studio-render__meeting-scheduler { grid-template-columns: minmax(0,1.35fr) minmax(240px,.75fr); }
  .studio-render__meeting-context { grid-column: 1 / -1; border-right: 0; border-bottom: 1px solid #e3e9f2; }
  .studio-render__meeting-context dl { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .studio-render__meeting-context dl > div { display: block; }
}
@container (max-width: 640px) {
  .studio-render.studio-render--composition-focused-meeting-scheduler { padding: 0; background: #fff; }
  .studio-render.studio-render--composition-focused-meeting-scheduler > .studio-render__document { border-radius: 0; }
  .studio-render.studio-render--composition-focused-meeting-scheduler .studio-render__section--header .studio-render__section-body { align-items: flex-start; flex-direction: column; gap: 6px; }
  .studio-render__meeting-scheduler { display: block; min-height: 0; }
  .studio-render__meeting-scheduler > * { padding: 28px 20px; }
  .studio-render__meeting-context,
  .studio-render__meeting-calendar { border-right: 0; border-bottom: 1px solid #e3e9f2; }
  .studio-render__meeting-context dl { grid-template-columns: minmax(0,1fr); }
  .studio-render__meeting-calendar > header { gap: 26px; }
  .studio-render__meeting-weekdays,
  .studio-render__meeting-days { gap: 6px; }
  .studio-render__meeting-times > div { max-height: none; }
}

.studio-render.studio-render--review-template > .studio-render__document {
  min-height: min(860px,100cqh);
}
.studio-render.studio-render--review-template [data-studio-landing-role="reviews"],
.studio-render.studio-render--legal-expanded > .studio-render__document > [data-studio-landing-role="reviews"] {
  grid-column: 1 / -1;
  width: auto;
  margin: 0;
  padding: var(--studio-section-margin-top,clamp(56px,7cqi,104px)) var(--studio-section-margin-right,var(--studio-landing-gutter,clamp(24px,6cqi,92px))) var(--studio-section-margin-bottom,clamp(56px,7cqi,104px)) var(--studio-section-margin-left,var(--studio-landing-gutter,clamp(24px,6cqi,92px)));
  border: 0;
}
.studio-render.studio-render--review-template [data-studio-landing-role="reviews"] .studio-render__section-body,
.studio-render.studio-render--legal-expanded [data-studio-landing-role="reviews"] .studio-render__section-body {
  display: block;
  width: 100%;
  max-width: var(--studio-content-width);
}
.studio-render.studio-render--review-template [data-studio-landing-role="reviews"] h2,
.studio-render.studio-render--legal-expanded [data-studio-landing-role="reviews"] h2 {
  max-width: 20ch;
  margin-inline: auto;
  font-family: var(--studio-heading-font);
  font-size: clamp(var(--studio-frame-size-36,36px),4.6cqi,var(--studio-frame-size-64,64px));
  letter-spacing: -.045em;
  line-height: 1.02;
  text-align: center;
}
.studio-render.studio-render--review-template [data-studio-landing-role="reviews"] .studio-render__section-body > p,
.studio-render.studio-render--legal-expanded [data-studio-landing-role="reviews"] .studio-render__section-body > p {
  max-width: 74ch;
  margin: 22px auto 0;
  color: var(--studio-text);
  font-size: var(--studio-frame-size-13,13px);
  line-height: 1.75;
  text-align: center;
}
.studio-render.studio-render--review-template.studio-render--composition-review-client-mosaic [data-studio-landing-role="reviews"] h2 {
  max-width: none;
  font-size: clamp(var(--studio-frame-size-34,34px),4cqi,var(--studio-frame-size-54,54px));
  font-weight: 500;
  line-height: 1.05;
}
.studio-render.studio-render--review-template.studio-render--composition-review-client-mosaic [data-studio-landing-role="reviews"] .studio-render__section-body > p {
  max-width: 66ch;
  margin-top: 16px;
  color: #505050;
  font-size: clamp(var(--studio-frame-size-14,14px),1.2cqi,var(--studio-frame-size-17,17px));
  line-height: 1.45;
}
.studio-render.studio-render--review-template [data-studio-landing-role="reviews"] figure,
.studio-render.studio-render--legal-expanded [data-studio-landing-role="reviews"] figure {
  margin: 0;
}
.studio-render.studio-render--review-template [data-studio-landing-role="reviews"] blockquote,
.studio-render.studio-render--legal-expanded [data-studio-landing-role="reviews"] blockquote {
  margin: 0;
}
.studio-render [data-studio-review-carousel] {
  min-width: 0;
}
.studio-render [data-studio-review-carousel-track] {
  scrollbar-width: none;
}
.studio-render [data-studio-review-carousel-track]::-webkit-scrollbar {
  display: none;
}
.studio-render__review-carousel-controls {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 22px;
}
.studio-render__review-carousel-controls :is(button,a) {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  padding: 0;
  border: 1px solid color-mix(in srgb,var(--studio-text) 42%,var(--studio-border));
  border-radius: 999px;
  background: var(--studio-surface);
  color: var(--studio-text);
  cursor: pointer;
  text-decoration: none;
}
.studio-render__review-carousel-controls :is(button,a):hover:not(:disabled) {
  border-color: var(--studio-primary);
  background: color-mix(in srgb,var(--studio-primary) 10%,var(--studio-surface));
}
.studio-render__review-carousel-controls :is(button,a):focus-visible {
  outline: 3px solid color-mix(in srgb,var(--studio-primary) 70%,transparent);
  outline-offset: 3px;
}
.studio-render__review-carousel-controls button:disabled {
  cursor: default;
  opacity: .35;
}
.studio-render__review-carousel-controls svg {
  width: 22px;
  height: 22px;
}
.studio-render [data-studio-review-carousel-track] figure {
  scroll-margin-inline: 2px;
}
.studio-render--thumbnail .studio-render__review-carousel-controls {
  display: none;
}

/* Profile-led community spotlight. */
.studio-render:is(.studio-render--composition-review-community-spotlight,.studio-render--composition-sage-legal-website,.studio-render--composition-azure-legal-website) [data-studio-landing-role="reviews"] .studio-render__items {
  counter-reset: review-profile;
  display: grid;
  grid-template-columns: repeat(3,minmax(92px,128px)) minmax(300px,1fr);
  grid-template-rows: repeat(2,minmax(132px,1fr));
  gap: clamp(14px,2cqi,24px);
  align-items: stretch;
  max-width: 1120px;
  margin: clamp(42px,5cqi,70px) auto 0;
}
.studio-render:is(.studio-render--composition-review-community-spotlight,.studio-render--composition-sage-legal-website,.studio-render--composition-azure-legal-website) [data-studio-landing-role="reviews"] figure {
  counter-increment: review-profile;
  position: relative;
  display: grid;
  place-items: end start;
  min-width: 0;
  padding: 18px;
  border: 1px solid color-mix(in srgb,var(--studio-primary) 24%,var(--studio-border));
  border-radius: max(14px,var(--studio-radius));
  background:
    radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--studio-primary) 26%,var(--studio-surface)) 0 24%,transparent 25%),
    linear-gradient(145deg,var(--studio-surface),color-mix(in srgb,var(--studio-primary) 13%,var(--studio-background)));
  overflow: hidden;
}
.studio-render:is(.studio-render--composition-review-community-spotlight,.studio-render--composition-sage-legal-website,.studio-render--composition-azure-legal-website) [data-studio-landing-role="reviews"] figure::before {
  content: "0" counter(review-profile);
  position: absolute;
  top: 14px;
  right: 14px;
  font-size: var(--studio-frame-size-11,11px);
  font-weight: 650;
}
.studio-render:is(.studio-render--composition-review-community-spotlight,.studio-render--composition-sage-legal-website,.studio-render--composition-azure-legal-website) [data-studio-landing-role="reviews"] figure:first-child {
  grid-column: 4;
  grid-row: 1 / span 2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: clamp(30px,4cqi,56px);
  border-color: color-mix(in srgb,var(--studio-primary) 58%,var(--studio-border));
  background: color-mix(in srgb,var(--studio-primary) 8%,var(--studio-surface));
}
.studio-render:is(.studio-render--composition-review-community-spotlight,.studio-render--composition-sage-legal-website,.studio-render--composition-azure-legal-website) [data-studio-landing-role="reviews"] figure:not(:first-child) blockquote {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
  border: 0;
}
.studio-render:is(.studio-render--composition-review-community-spotlight,.studio-render--composition-sage-legal-website,.studio-render--composition-azure-legal-website) [data-studio-landing-role="reviews"] figure:first-child blockquote {
  font-size: clamp(var(--studio-frame-size-20,20px),2.2cqi,var(--studio-frame-size-30,30px));
  line-height: 1.45;
}
.studio-render:is(.studio-render--composition-review-community-spotlight,.studio-render--composition-sage-legal-website,.studio-render--composition-azure-legal-website) [data-studio-landing-role="reviews"] figcaption {
  position: relative;
  z-index: 1;
  font-size: var(--studio-frame-size-11,11px);
  font-weight: 650;
  line-height: 1.35;
}
.studio-render:is(.studio-render--composition-review-community-spotlight,.studio-render--composition-sage-legal-website,.studio-render--composition-azure-legal-website) [data-studio-landing-role="reviews"] figure:first-child figcaption {
  margin-top: 30px;
  padding-top: 20px;
  border-top: 1px solid color-mix(in srgb,currentColor 20%,transparent);
  color: var(--studio-primary);
  font-size: var(--studio-frame-size-14,14px);
}

/* The standalone community starter uses real portrait cards. Keep the legal
 * theme variants above unchanged, but remove the placeholder rings and every
 * decorative stroke from this catalog template. */
.studio-render.studio-render--review-template.studio-render--composition-review-community-spotlight [data-studio-landing-role="reviews"] .studio-render__items {
  grid-template-columns: repeat(3,minmax(130px,170px)) minmax(360px,1fr);
  grid-template-rows: repeat(2,minmax(228px,1fr));
}
.studio-render.studio-render--review-template.studio-render--composition-review-community-spotlight [data-studio-landing-role="reviews"] .studio-render__community-review {
  position: relative;
  isolation: isolate;
  display: flex;
  align-items: end;
  min-height: 190px;
  padding: 0;
  overflow: hidden;
  border: 0;
  border-radius: max(12px,var(--studio-radius));
  background: #1b1d20;
  color: #fff;
  box-shadow: none;
}
.studio-render.studio-render--review-template.studio-render--composition-review-community-spotlight [data-studio-landing-role="reviews"] .studio-render__community-review-button {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: end;
  width: 100%;
  height: 100%;
  padding: 18px;
  overflow: hidden;
  border: 0;
  border-radius: inherit;
  background: transparent;
  color: inherit;
  font: inherit;
  text-align: left;
  cursor: pointer;
}
.studio-render.studio-render--review-template.studio-render--composition-review-community-spotlight [data-studio-landing-role="reviews"] .studio-render__community-review-button:focus { outline: 0; }
.studio-render.studio-render--review-template.studio-render--composition-review-community-spotlight [data-studio-landing-role="reviews"] .studio-render__community-review-button:hover .studio-render__community-review-image,
.studio-render.studio-render--review-template.studio-render--composition-review-community-spotlight [data-studio-landing-role="reviews"] .studio-render__community-review-button:focus-visible .studio-render__community-review-image {
  filter: brightness(1.08);
  transform: scale(1.025);
}
.studio-render.studio-render--review-template.studio-render--composition-review-community-spotlight [data-studio-landing-role="reviews"] .studio-render__community-review-button:focus-visible figcaption strong {
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 4px;
}
.studio-render.studio-render--review-template.studio-render--composition-review-community-spotlight [data-studio-landing-role="reviews"] .studio-render__community-review::before {
  content: none;
  display: none;
}
.studio-render.studio-render--review-template.studio-render--composition-review-community-spotlight [data-studio-landing-role="reviews"] .studio-render__community-review-image,
.studio-render.studio-render--review-template.studio-render--composition-review-community-spotlight [data-studio-landing-role="reviews"] .studio-render__community-review-shade {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
.studio-render.studio-render--review-template.studio-render--composition-review-community-spotlight [data-studio-landing-role="reviews"] .studio-render__community-review-image {
  z-index: -2;
  object-fit: cover;
  object-position: center 24%;
  transition: filter 180ms ease,transform 220ms ease;
}
.studio-render.studio-render--review-template.studio-render--composition-review-community-spotlight [data-studio-landing-role="reviews"] .studio-render__community-review-shade {
  z-index: -1;
  background: linear-gradient(180deg,transparent 24%,rgba(8,9,11,.88) 100%);
}
.studio-render.studio-render--review-template.studio-render--composition-review-community-spotlight [data-studio-landing-role="reviews"] .studio-render__community-review-copy {
  position: relative;
  z-index: 1;
  min-width: 0;
}
.studio-render.studio-render--review-template.studio-render--composition-review-community-spotlight [data-studio-landing-role="reviews"] .studio-render__community-review figcaption {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 0;
  padding: 0;
  border: 0;
  color: #fff;
  font-size: var(--studio-frame-size-11,11px);
  line-height: 1.3;
}
.studio-render.studio-render--review-template.studio-render--composition-review-community-spotlight [data-studio-landing-role="reviews"] .studio-render__community-review figcaption strong { font-weight: 700; }
.studio-render.studio-render--review-template.studio-render--composition-review-community-spotlight [data-studio-landing-role="reviews"] .studio-render__community-review figcaption span { opacity: .78; }
.studio-render.studio-render--review-template.studio-render--composition-review-community-spotlight [data-studio-landing-role="reviews"] .studio-render__community-review--featured {
  grid-column: 4;
  grid-row: 1 / span 2;
  align-items: end;
  justify-content: flex-start;
  min-height: 480px;
  padding: 0;
  border: 0;
  background: #1b1d20;
}
.studio-render.studio-render--review-template.studio-render--composition-review-community-spotlight [data-studio-landing-role="reviews"] .studio-render__community-review--featured .studio-render__community-review-button {
  padding: clamp(30px,4cqi,52px);
}
.studio-render.studio-render--review-template.studio-render--composition-review-community-spotlight [data-studio-landing-role="reviews"] .studio-render__community-review--featured .studio-render__community-review-copy {
  max-width: 30ch;
}
.studio-render.studio-render--review-template.studio-render--composition-review-community-spotlight [data-studio-landing-role="reviews"] .studio-render__community-review--featured blockquote {
  margin: 0;
  font-size: clamp(var(--studio-frame-size-20,20px),2.2cqi,var(--studio-frame-size-30,30px));
  line-height: 1.35;
}
.studio-render.studio-render--review-template.studio-render--composition-review-community-spotlight [data-studio-landing-role="reviews"] .studio-render__community-review--featured figcaption {
  margin-top: 26px;
  padding: 0;
  border: 0;
  color: #fff;
  font-size: var(--studio-frame-size-13,13px);
}

@container (max-width: 720px) {
  .studio-render.studio-render--review-template.studio-render--composition-review-community-spotlight [data-studio-landing-role="reviews"] .studio-render__items {
    grid-template-columns: repeat(2,minmax(0,1fr));
    grid-template-rows: none;
    grid-auto-rows: minmax(210px,auto);
  }
  .studio-render.studio-render--review-template.studio-render--composition-review-community-spotlight [data-studio-landing-role="reviews"] .studio-render__community-review--featured {
    grid-column: 1 / -1;
    grid-row: auto;
    min-height: 440px;
  }
}
@container (max-width: 460px) {
  .studio-render.studio-render--review-template.studio-render--composition-review-community-spotlight [data-studio-landing-role="reviews"] .studio-render__items {
    grid-template-columns: minmax(0,1fr);
  }
  .studio-render.studio-render--review-template.studio-render--composition-review-community-spotlight [data-studio-landing-role="reviews"] .studio-render__community-review { min-height: 300px; }
  .studio-render.studio-render--review-template.studio-render--composition-review-community-spotlight [data-studio-landing-role="reviews"] .studio-render__community-review--featured { min-height: 480px; }
}

/* Wide editorial rail with swipeable cards. */
.studio-render:is(.studio-render--composition-review-editorial-rail,.studio-render--composition-nocturne-legal-website,.studio-render--composition-lucent-legal-website,.studio-render--composition-haven-legal-website) [data-studio-landing-role="reviews"] h2 {
  margin-left: 0;
  text-align: left;
}
.studio-render:is(.studio-render--composition-review-editorial-rail,.studio-render--composition-nocturne-legal-website,.studio-render--composition-lucent-legal-website,.studio-render--composition-haven-legal-website) [data-studio-landing-role="reviews"] .studio-render__section-body > p {
  max-width: 62ch;
  margin-right: 0;
  margin-left: 0;
  text-align: left;
}
.studio-render:is(.studio-render--composition-review-editorial-rail,.studio-render--composition-nocturne-legal-website,.studio-render--composition-lucent-legal-website,.studio-render--composition-haven-legal-website) [data-studio-landing-role="reviews"] .studio-render__items {
  display: grid;
  grid-template-columns: none;
  grid-auto-flow: column;
  grid-auto-columns: calc(33.333333% - 16px);
  gap: 24px;
  margin-top: clamp(42px,5cqi,70px);
  padding-bottom: 24px;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  scroll-snap-type: inline mandatory;
  scrollbar-color: var(--studio-primary) transparent;
  scrollbar-width: thin;
}
.studio-render:is(.studio-render--composition-review-editorial-rail,.studio-render--composition-nocturne-legal-website,.studio-render--composition-lucent-legal-website,.studio-render--composition-haven-legal-website) [data-studio-landing-role="reviews"] figure {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 390px;
  padding: clamp(24px,3cqi,38px);
  border: 1px solid var(--studio-border);
  border-radius: max(12px,var(--studio-radius));
  background:
    radial-gradient(circle at 90% 92%,color-mix(in srgb,var(--studio-primary) 34%,transparent),transparent 42%),
    var(--studio-surface);
  scroll-snap-align: start;
}
.studio-render:is(.studio-render--composition-review-editorial-rail,.studio-render--composition-nocturne-legal-website,.studio-render--composition-lucent-legal-website,.studio-render--composition-haven-legal-website) [data-studio-landing-role="reviews"] figure:nth-child(even) {
  background: var(--studio-text);
  color: var(--studio-background);
}
.studio-render:is(.studio-render--composition-review-editorial-rail,.studio-render--composition-nocturne-legal-website,.studio-render--composition-lucent-legal-website,.studio-render--composition-haven-legal-website) [data-studio-landing-role="reviews"] blockquote {
  margin-top: auto;
  font-size: clamp(var(--studio-frame-size-18,18px),1.8cqi,var(--studio-frame-size-24,24px));
  line-height: 1.35;
}
.studio-render:is(.studio-render--composition-review-editorial-rail,.studio-render--composition-nocturne-legal-website,.studio-render--composition-lucent-legal-website,.studio-render--composition-haven-legal-website) [data-studio-landing-role="reviews"] figcaption {
  order: -1;
  margin-bottom: 40px;
  padding-bottom: 16px;
  border-bottom: 1px solid color-mix(in srgb,currentColor 24%,transparent);
  font-size: var(--studio-frame-size-12,12px);
  font-weight: 650;
}

/* The standalone editorial rail is intentionally flat and photographic: a
 * white canvas, white quote cards, and one replaceable portrait placeholder. */
.studio-render.studio-render--review-template.studio-render--composition-review-editorial-rail [data-studio-landing-role="reviews"] {
  background: #fff;
}
.studio-render.studio-render--review-template.studio-render--composition-review-editorial-rail [data-studio-landing-role="reviews"] figure,
.studio-render.studio-render--review-template.studio-render--composition-review-editorial-rail [data-studio-landing-role="reviews"] figure:nth-child(even) {
  border-color: #e4e4e1;
  background: #fff;
  color: #191919;
}
.studio-render.studio-render--review-template.studio-render--composition-review-editorial-rail [data-studio-landing-role="reviews"] blockquote::before,
.studio-render.studio-render--review-template.studio-render--composition-review-editorial-rail [data-studio-landing-role="reviews"] blockquote::after {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 1.45em;
  font-weight: 700;
  line-height: 0;
}
.studio-render.studio-render--review-template.studio-render--composition-review-editorial-rail [data-studio-landing-role="reviews"] blockquote::before {
  content: "“";
  margin-right: 0.1em;
}
.studio-render.studio-render--review-template.studio-render--composition-review-editorial-rail [data-studio-landing-role="reviews"] blockquote::after {
  content: "”";
  margin-left: 0.08em;
}
.studio-render.studio-render--review-template.studio-render--composition-review-editorial-rail [data-studio-landing-role="reviews"] .studio-render__editorial-portrait {
  position: relative;
  display: block;
  padding: 0;
  overflow: hidden;
  border: 0;
  background: #f4f1eb;
}
.studio-render.studio-render--review-template.studio-render--composition-review-editorial-rail [data-studio-landing-role="reviews"] .studio-render__editorial-portrait > img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 390px;
  object-fit: cover;
  object-position: center 24%;
}
.studio-render.studio-render--review-template.studio-render--composition-review-editorial-rail [data-studio-landing-role="reviews"] .studio-render__editorial-portrait-shade {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(180deg,transparent 28%,rgba(0,0,0,.16) 48%,rgba(0,0,0,.9) 100%);
  pointer-events: none;
}
.studio-render.studio-render--review-template.studio-render--composition-review-editorial-rail [data-studio-landing-role="reviews"] .studio-render__editorial-portrait-copy {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  padding: clamp(24px,3cqi,38px);
  color: #fff;
}
.studio-render.studio-render--review-template.studio-render--composition-review-editorial-rail [data-studio-landing-role="reviews"] .studio-render__editorial-portrait blockquote {
  margin: 0;
  color: #fff;
  text-shadow: 0 1px 2px rgba(0,0,0,.35);
}
.studio-render.studio-render--review-template.studio-render--composition-review-editorial-rail [data-studio-landing-role="reviews"] .studio-render__editorial-portrait figcaption {
  position: static;
  display: flex;
  flex-direction: column;
  gap: 3px;
  margin: 0;
  padding: 16px 0 0;
  border: 0;
  border-top: 1px solid rgba(255,255,255,.45);
  background: transparent;
  color: #fff;
  line-height: 1.3;
}
.studio-render.studio-render--review-template.studio-render--composition-review-editorial-rail [data-studio-landing-role="reviews"] .studio-render__editorial-portrait figcaption strong { font-weight: 700; }
.studio-render.studio-render--review-template.studio-render--composition-review-editorial-rail [data-studio-landing-role="reviews"] .studio-render__editorial-portrait figcaption span { color: #fff; font-weight: 450; opacity: .82; }

/* Editorial testimonial mosaic. */
.studio-render:is(.studio-render--composition-review-client-mosaic,.studio-render--composition-legal-counsel-light,.studio-render--composition-legal-counsel-dark,.studio-render--composition-alden-legal-website,.studio-render--composition-hartwell-legal-website,.studio-render--composition-meridian-legal-website) [data-studio-landing-role="reviews"] .studio-render__items {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  grid-auto-rows: minmax(210px,auto);
  gap: clamp(14px,2cqi,24px);
  margin-top: clamp(42px,5cqi,70px);
}
.studio-render:is(.studio-render--composition-review-client-mosaic,.studio-render--composition-legal-counsel-light,.studio-render--composition-legal-counsel-dark,.studio-render--composition-alden-legal-website,.studio-render--composition-hartwell-legal-website,.studio-render--composition-meridian-legal-website) [data-studio-landing-role="reviews"] figure {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 220px;
  padding: clamp(24px,3cqi,38px);
  border: 1px solid var(--studio-border);
  border-radius: max(8px,var(--studio-radius));
  background: var(--studio-surface);
}
.studio-render:is(.studio-render--composition-review-client-mosaic,.studio-render--composition-legal-counsel-light,.studio-render--composition-legal-counsel-dark,.studio-render--composition-alden-legal-website,.studio-render--composition-hartwell-legal-website,.studio-render--composition-meridian-legal-website) [data-studio-landing-role="reviews"] figure:nth-child(1),
.studio-render:is(.studio-render--composition-review-client-mosaic,.studio-render--composition-legal-counsel-light,.studio-render--composition-legal-counsel-dark,.studio-render--composition-alden-legal-website,.studio-render--composition-hartwell-legal-website,.studio-render--composition-meridian-legal-website) [data-studio-landing-role="reviews"] figure:nth-child(3) {
  grid-row: span 2;
  min-height: 464px;
  justify-content: flex-end;
  background:
    linear-gradient(180deg,transparent 34%,color-mix(in srgb,var(--studio-text) 88%,transparent)),
    radial-gradient(circle at 50% 28%,color-mix(in srgb,var(--studio-primary) 38%,var(--studio-surface)) 0 17%,transparent 18%),
    color-mix(in srgb,var(--studio-primary) 18%,var(--studio-surface));
  color: var(--studio-background);
}
.studio-render:is(.studio-render--composition-review-client-mosaic,.studio-render--composition-legal-counsel-light,.studio-render--composition-legal-counsel-dark,.studio-render--composition-alden-legal-website,.studio-render--composition-hartwell-legal-website,.studio-render--composition-meridian-legal-website) [data-studio-landing-role="reviews"] blockquote {
  font-size: clamp(var(--studio-frame-size-16,16px),1.7cqi,var(--studio-frame-size-22,22px));
  line-height: 1.45;
}
.studio-render:is(.studio-render--composition-review-client-mosaic,.studio-render--composition-legal-counsel-light,.studio-render--composition-legal-counsel-dark,.studio-render--composition-alden-legal-website,.studio-render--composition-hartwell-legal-website,.studio-render--composition-meridian-legal-website) [data-studio-landing-role="reviews"] figcaption {
  margin-top: 28px;
  font-size: var(--studio-frame-size-12,12px);
  font-weight: 650;
}

/* Reusable elevated card deck; Clarity keeps its more specific treatment. */
.studio-render.studio-render--composition-review-elevated-cards [data-studio-landing-role="reviews"] {
  background: #fff;
}
.studio-render.studio-render--composition-review-elevated-cards [data-studio-landing-role="reviews"] .studio-render__items {
  display: grid;
  grid-template-columns: none;
  grid-auto-flow: column;
  grid-auto-columns: calc(33.333333% - 16px);
  align-items: center;
  gap: 24px;
  margin-top: clamp(42px,5cqi,72px);
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  scroll-snap-type: inline mandatory;
}
.studio-render.studio-render--composition-review-elevated-cards [data-studio-landing-role="reviews"] figure {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 300px;
  padding: clamp(28px,3cqi,42px);
  border: 1px solid var(--studio-border);
  border-radius: var(--studio-radius);
  background: var(--studio-surface);
  box-shadow: none;
  scroll-snap-align: start;
}
.studio-render.studio-render--composition-review-elevated-cards [data-studio-landing-role="reviews"] figure:nth-child(2) {
  min-height: 344px;
  box-shadow: none;
}
.studio-render.studio-render--composition-review-elevated-cards [data-studio-landing-role="reviews"] blockquote {
  font-size: var(--studio-frame-size-18,18px);
  line-height: 1.65;
}
.studio-render.studio-render--composition-review-elevated-cards [data-studio-landing-role="reviews"] blockquote::before,
.studio-render.studio-render--composition-review-elevated-cards [data-studio-landing-role="reviews"] blockquote::after {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 1.55em;
  font-weight: 700;
  line-height: 0;
}
.studio-render.studio-render--composition-review-elevated-cards [data-studio-landing-role="reviews"] blockquote::before {
  content: "“";
  margin-right: 0.12em;
}
.studio-render.studio-render--composition-review-elevated-cards [data-studio-landing-role="reviews"] blockquote::after {
  content: "”";
  margin-left: 0.08em;
}
.studio-render.studio-render--composition-review-elevated-cards [data-studio-landing-role="reviews"] figcaption {
  margin-top: 32px;
  padding-top: 22px;
  border-top: 1px solid var(--studio-border);
  font-size: var(--studio-frame-size-12,12px);
  font-weight: 650;
}

/* Portrait-first carousel inspired by compact customer-review galleries. */
.studio-render.studio-render--composition-review-happy-customer-carousel [data-studio-landing-role="reviews"] {
  background: #fff;
}
.studio-render.studio-render--composition-review-happy-customer-carousel [data-studio-landing-role="reviews"] h2 {
  max-width: none;
  text-align: left;
}
.studio-render.studio-render--composition-review-happy-customer-carousel [data-studio-landing-role="reviews"] .studio-render__section-body > p {
  max-width: 72ch;
  margin-left: 0;
  text-align: left;
}
.studio-render.studio-render--composition-review-happy-customer-carousel [data-studio-landing-role="reviews"] .studio-render__items {
  display: grid;
  grid-template-columns: none;
  grid-auto-flow: column;
  grid-auto-columns: calc((100% - 72px) / 4);
  gap: 24px;
  margin-top: clamp(40px,5cqi,68px);
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  scroll-snap-type: inline mandatory;
}
.studio-render.studio-render--composition-review-happy-customer-carousel [data-studio-landing-role="reviews"] .studio-render__happy-customer-card {
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: 0;
  border: 0;
  background: transparent;
  text-align: center;
  scroll-snap-align: start;
}
.studio-render.studio-render--composition-review-happy-customer-carousel [data-studio-landing-role="reviews"] .studio-render__happy-customer-card > img {
  display: block;
  width: 100%;
  aspect-ratio: 1;
  border-radius: 50%;
  object-fit: cover;
  object-position: center 24%;
}
.studio-render.studio-render--composition-review-happy-customer-carousel [data-studio-landing-role="reviews"] figcaption {
  display: flex;
  flex-direction: column;
  gap: 3px;
  margin-top: 22px;
  color: var(--studio-muted);
  font-size: var(--studio-frame-size-11,11px);
  line-height: 1.4;
}
.studio-render.studio-render--composition-review-happy-customer-carousel [data-studio-landing-role="reviews"] figcaption strong {
  color: var(--studio-text);
  font-size: var(--studio-frame-size-14,14px);
  font-weight: 700;
}
.studio-render.studio-render--composition-review-happy-customer-carousel [data-studio-landing-role="reviews"] .studio-render__happy-customer-quote {
  height: .62em;
  margin-top: 14px;
  color: var(--studio-text);
  font-family: Georgia, "Times New Roman", serif;
  font-size: var(--studio-frame-size-34,34px);
  font-weight: 700;
  line-height: 1;
  text-align: left;
}
.studio-render.studio-render--composition-review-happy-customer-carousel [data-studio-landing-role="reviews"] blockquote {
  margin: 8px 0 0;
  font-size: var(--studio-frame-size-13,13px);
  line-height: 1.55;
  text-wrap: balance;
}
.studio-render.studio-render--composition-review-happy-customer-carousel .studio-render__review-carousel-controls {
  justify-content: flex-end;
  gap: 8px;
  margin-top: 28px;
}
.studio-render.studio-render--composition-review-happy-customer-carousel .studio-render__review-carousel-controls :is(button,a) {
  width: 38px;
  height: 38px;
  border: 0;
  background: transparent;
}
.studio-render__happy-customer-dots {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.studio-render__happy-customer-dots > span {
  width: 8px;
  height: 8px;
  border: 1px solid currentColor;
  border-radius: 50%;
}
.studio-render__happy-customer-dots > .is-active {
  background: currentColor;
}

/* Centered quote cards with detached portrait captions. Three reviews remain
 * visible at desktop width while the fourth is deliberately reached by the
 * accessible carousel controls. */
.studio-render.studio-render--composition-review-portrait-callouts [data-studio-landing-role="reviews"] {
  background: #fff;
}
.studio-render.studio-render--composition-review-portrait-callouts [data-studio-landing-role="reviews"] .studio-render__section-body > p {
  max-width: 76ch;
  color: var(--studio-muted);
  font-size: var(--studio-frame-size-15,15px);
  line-height: 1.6;
}
.studio-render.studio-render--composition-review-portrait-callouts [data-studio-landing-role="reviews"] .studio-render__items {
  display: grid;
  grid-template-columns: none;
  grid-auto-flow: column;
  grid-auto-columns: calc((100% - 56px) / 3);
  gap: 28px;
  margin-top: clamp(48px,6cqi,84px);
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  scroll-snap-type: inline mandatory;
}
.studio-render.studio-render--composition-review-portrait-callouts [data-studio-landing-role="reviews"] figure {
  display: grid;
  grid-template-rows: minmax(250px,auto) auto;
  align-content: start;
  min-width: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  scroll-snap-align: start;
}
.studio-render__portrait-review-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 250px;
  padding: clamp(34px,4cqi,52px) clamp(28px,3.5cqi,48px);
  border: 0;
  border-radius: var(--studio-radius);
  background: var(--studio-surface);
  box-shadow: none;
  text-align: center;
}
.studio-render.studio-render--composition-review-portrait-callouts [data-studio-landing-role="reviews"] .studio-render__portrait-review-quote {
  height: .72em;
  margin-bottom: 22px;
  color: #000;
  font-family: Georgia,serif;
  font-size: clamp(var(--studio-frame-size-52,52px),5cqi,var(--studio-frame-size-72,72px));
  font-weight: 700;
  line-height: 1;
}
.studio-render.studio-render--composition-review-portrait-callouts [data-studio-landing-role="reviews"] blockquote {
  font-size: clamp(var(--studio-frame-size-16,16px),1.55cqi,var(--studio-frame-size-20,20px));
  line-height: 1.55;
  text-wrap: balance;
}
.studio-render__portrait-review-person {
  display: grid;
  justify-items: center;
  gap: 14px;
  margin-top: 30px;
  text-align: center;
}
.studio-render__portrait-review-person img {
  width: 60px;
  height: 60px;
  border: 4px solid var(--studio-surface);
  border-radius: 50%;
  background: var(--studio-surface);
  box-shadow: none;
  object-fit: cover;
  object-position: center 22%;
}
.studio-render.studio-render--composition-review-portrait-callouts [data-studio-landing-role="reviews"] figcaption {
  display: grid;
  gap: 5px;
  margin-top: 0;
  color: var(--studio-muted);
  font-size: var(--studio-frame-size-13,13px);
  line-height: 1.35;
}
.studio-render.studio-render--composition-review-portrait-callouts [data-studio-landing-role="reviews"] figcaption::before {
  content: none;
}
.studio-render.studio-render--composition-review-portrait-callouts [data-studio-landing-role="reviews"] figcaption strong {
  color: var(--studio-text);
  font-size: var(--studio-frame-size-15,15px);
  font-weight: 650;
}
.studio-render.studio-render--composition-review-portrait-callouts .studio-render__review-carousel-controls {
  justify-content: center;
  margin-top: 34px;
}
.studio-render.studio-render--composition-review-portrait-callouts .studio-render__review-carousel-controls :is(button,a) {
  border-color: var(--studio-text);
  background: #fff;
}

@container (max-width: 720px) {
  .studio-render.studio-render--review-template [data-studio-landing-role="reviews"],
  .studio-render.studio-render--legal-expanded > .studio-render__document > [data-studio-landing-role="reviews"] {
    padding-top: var(--studio-section-margin-top,48px);
    padding-bottom: var(--studio-section-margin-bottom,48px);
  }
  .studio-render:is(.studio-render--composition-review-community-spotlight,.studio-render--composition-sage-legal-website,.studio-render--composition-azure-legal-website) [data-studio-landing-role="reviews"] .studio-render__items {
    grid-template-columns: repeat(3,minmax(0,1fr));
    grid-template-rows: auto repeat(2,minmax(108px,auto));
  }
  .studio-render:is(.studio-render--composition-review-community-spotlight,.studio-render--composition-sage-legal-website,.studio-render--composition-azure-legal-website) [data-studio-landing-role="reviews"] figure:first-child {
    grid-column: 1 / -1;
    grid-row: 1;
    min-height: 300px;
  }
  .studio-render:is(.studio-render--composition-review-editorial-rail,.studio-render--composition-nocturne-legal-website,.studio-render--composition-lucent-legal-website,.studio-render--composition-haven-legal-website) [data-studio-landing-role="reviews"] .studio-render__items {
    grid-auto-columns: minmax(270px,86%);
  }
  .studio-render:is(.studio-render--composition-review-client-mosaic,.studio-render--composition-legal-counsel-light,.studio-render--composition-legal-counsel-dark,.studio-render--composition-alden-legal-website,.studio-render--composition-hartwell-legal-website,.studio-render--composition-meridian-legal-website) [data-studio-landing-role="reviews"] .studio-render__items {
    grid-template-columns: minmax(0,1fr);
    grid-auto-rows: auto;
  }
  .studio-render.studio-render--composition-review-elevated-cards [data-studio-landing-role="reviews"] .studio-render__items {
    grid-template-columns: none;
    grid-auto-columns: minmax(270px,86%);
    grid-auto-rows: auto;
  }
  .studio-render.studio-render--composition-review-happy-customer-carousel [data-studio-landing-role="reviews"] .studio-render__items {
    grid-auto-columns: minmax(230px,76%);
  }
  .studio-render.studio-render--composition-review-portrait-callouts [data-studio-landing-role="reviews"] .studio-render__items {
    grid-auto-columns: minmax(270px,86%);
    gap: 16px;
  }
  .studio-render.studio-render--composition-review-portrait-callouts [data-studio-landing-role="reviews"] figure {
    grid-template-rows: minmax(0,auto) auto;
  }
  .studio-render__portrait-review-card {
    min-height: 230px;
    padding: 34px 26px;
  }
  .studio-render:is(.studio-render--composition-review-client-mosaic,.studio-render--composition-legal-counsel-light,.studio-render--composition-legal-counsel-dark,.studio-render--composition-alden-legal-website,.studio-render--composition-hartwell-legal-website,.studio-render--composition-meridian-legal-website) [data-studio-landing-role="reviews"] figure:nth-child(1),
  .studio-render:is(.studio-render--composition-review-client-mosaic,.studio-render--composition-legal-counsel-light,.studio-render--composition-legal-counsel-dark,.studio-render--composition-alden-legal-website,.studio-render--composition-hartwell-legal-website,.studio-render--composition-meridian-legal-website) [data-studio-landing-role="reviews"] figure:nth-child(3),
  .studio-render.studio-render--composition-review-elevated-cards [data-studio-landing-role="reviews"] figure,
  .studio-render.studio-render--composition-review-elevated-cards [data-studio-landing-role="reviews"] figure:nth-child(2) {
    grid-row: auto;
    min-height: 0;
  }
}

/* Viewport fallback for preview/export hosts without container-query support. */
@media (max-width: 600px) {
  .studio-render--composition-creative-call > .studio-render__document {
    padding: 14px;
  }
  .studio-render--composition-creative-call .studio-render__composition {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto auto auto auto;
    min-height: 0;
  }
  .studio-render--composition-creative-call .studio-render__sidebar-column {
    grid-column: 1;
    grid-row: 1;
    min-height: 350px;
  }
  .studio-render--composition-creative-call .studio-render__sidebar-column .studio-render__section--shape {
    padding: 28px 30px 0;
  }
  .studio-render--composition-creative-call .studio-render__sidebar-column .studio-render__section--introduction {
    min-height: 285px;
    padding: 48px 30px 42px;
  }
  .studio-render--composition-creative-call .studio-render__section--introduction h1 {
    font-size: min(
      var(--studio-frame-size-creative-title,clamp(30px, 10vw, 42px)),
      clamp(30px, 10vw, 42px)
    );
  }
  .studio-render--composition-creative-call .studio-render__section--introduction p {
    margin-top: 24px;
  }
  .studio-render--composition-creative-call .studio-render__intro-column {
    grid-column: 1;
    grid-row: 2;
  }
  .studio-render--composition-creative-call .studio-render__section--header {
    padding: 20px 24px;
  }
  .studio-render--composition-creative-call .studio-render__section--header > .studio-render__section-body {
    justify-content: space-between;
    gap: 16px;
  }
  .studio-render--composition-creative-call .studio-render__form-column {
    grid-column: 1;
    grid-row: 3;
    grid-template-columns: minmax(0, 1fr);
    padding: 40px 24px 28px;
  }
  .studio-render--composition-creative-call .studio-render__media-column {
    grid-column: 1;
    grid-row: 4;
  }
  .studio-render--composition-creative-call .studio-render__media-column .studio-render__section--image {
    padding: 0 24px 28px;
  }
  .studio-render--composition-creative-call .studio-render__media-column .studio-render__image {
    max-height: 175px;
  }
}

@media (min-width: 601px) and (max-width: 760px) {
  .studio-render--composition-nature-contact .studio-render__composition {
    grid-template-columns: 96px minmax(0, 1fr);
  }
  .studio-render--composition-nature-contact .studio-render__form-column {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto;
    gap: 34px;
  }
  .studio-render--composition-nature-contact .studio-render__form-column > :is(.studio-render__section--form:first-of-type,.studio-render__section--form:nth-of-type(2),.studio-render__actions,.studio-render__contact-column) {
    grid-column: 1;
    grid-row: auto;
  }
}

@media (max-width: 600px) {
  .studio-render:is(.studio-render--composition-bold-contact,.studio-render--composition-editorial-contact) > .studio-render__document {
    padding: 14px;
  }
  .studio-render:is(.studio-render--composition-bold-contact,.studio-render--composition-editorial-contact) .studio-render__composition {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto;
  }
  .studio-render:is(.studio-render--composition-bold-contact,.studio-render--composition-editorial-contact) :is(.studio-render__intro-column,.studio-render__form-column,.studio-render__contact-column) {
    grid-column: 1;
    grid-row: auto;
  }
  .studio-render:is(.studio-render--composition-bold-contact,.studio-render--composition-editorial-contact) .studio-render__form-column,
  .studio-render:is(.studio-render--composition-bold-contact,.studio-render--composition-editorial-contact) .studio-render__contact-column {
    border-left: 0;
    border-top: 1px solid var(--studio-border);
  }
  .studio-render--composition-bold-contact .studio-render__section--introduction h1 {
    font-size: min(
      var(--studio-frame-size-poster-h1,clamp(42px, 15vw, 76px)),
      clamp(42px, 15vw, 76px)
    );
    line-height: .86;
    white-space: normal;
    text-wrap: balance;
  }
  .studio-render--composition-bold-contact .studio-render__contact-items,
  .studio-render--composition-motion-contact .studio-render__contact-items {
    grid-template-columns: minmax(0, 1fr);
  }
  .studio-render--composition-bold-contact .studio-render__actions button:not(.studio-render__previous) {
    min-height: 58px;
    font-size: min(var(--studio-frame-size-poster-action,clamp(36px, 13vw, 62px)),62px);
  }
  .studio-render--composition-editorial-contact .studio-render__field {
    grid-template-columns: 27px minmax(0, 1fr);
    column-gap: 12px;
  }
  .studio-render--composition-motion-contact > .studio-render__document {
    padding-inline: 20px;
  }
  .studio-render--composition-motion-contact .studio-render__section--form h2 {
    font-size: min(
      var(--studio-frame-size-motion-title,clamp(46px, 16vw, 76px)),
      clamp(46px, 16vw, 76px)
    );
  }
  .studio-render--composition-motion-contact .studio-render__field > label,
  .studio-render--composition-motion-contact .studio-render__field legend {
    font-size: min(
      var(--studio-frame-size-motion-field,clamp(31px, 10vw, 50px)),
      clamp(31px, 10vw, 50px)
    );
  }
  .studio-render--composition-motion-contact .studio-render__field .studio-render__choices label {
    min-height: 42px;
    padding: 8px 15px;
  }
  .studio-render--composition-motion-contact .studio-render__actions button:not(.studio-render__previous) {
    font-size: min(
      var(--studio-frame-size-motion-submit,clamp(40px, 13vw, 68px)),
      clamp(40px, 13vw, 68px)
    );
  }
  .studio-render--composition-motion-contact :is(.studio-render__section--introduction h1,.studio-render__section--contact-info h2,.studio-render__section--footer h2) {
    font-size: min(
      var(--studio-frame-size-motion-footer,clamp(40px, 13vw, 68px)),
      clamp(40px, 13vw, 68px)
    );
  }
  .studio-render--composition-nature-contact > .studio-render__document {
    padding: 14px;
  }
  .studio-render--composition-nature-contact .studio-render__composition {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: 148px auto auto;
    min-height: 0;
  }
  .studio-render--composition-nature-contact .studio-render__media-column {
    grid-column: 1;
    grid-row: 1;
    min-height: 148px;
  }
  .studio-render--composition-nature-contact .studio-render__media-column .studio-render__image-flow-content {
    inset: 18px;
    align-items: flex-end;
    justify-content: flex-start;
  }
  .studio-render--composition-nature-contact .studio-render__media-column h2 {
    writing-mode: horizontal-tb;
    transform: none;
  }
  .studio-render--composition-nature-contact .studio-render__intro-column {
    grid-column: 1;
    grid-row: 2;
  }
  .studio-render--composition-nature-contact .studio-render__section--header > .studio-render__section-body {
    flex-wrap: wrap;
  }
  .studio-render--composition-nature-contact .studio-render__section--introduction h1 {
    font-size: min(
      var(--studio-frame-size-nature-hero,clamp(48px, 17vw, 76px)),
      clamp(48px, 17vw, 76px)
    );
  }
  .studio-render--composition-nature-contact .studio-render__form-column {
    grid-column: 1;
    grid-row: 3;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto;
    gap: 34px;
    padding-inline: 20px;
  }
  .studio-render--composition-nature-contact .studio-render__form-column > :is(.studio-render__section--form:first-of-type,.studio-render__section--form:nth-of-type(2),.studio-render__actions,.studio-render__contact-column) {
    grid-column: 1;
    grid-row: auto;
  }
  .studio-render--composition-nature-contact .studio-render__form-column > .studio-render__section--form:nth-of-type(2) h2 {
    font-size: min(var(--studio-frame-size-nature-side-title,clamp(30px, 10vw, 44px)),44px);
  }
  .studio-render--composition-nature-contact .studio-render__contact-items {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* Signal, Atelier, and Olive contact forms ---------------------------------
 * Keep theme colors in document variables and geometry in normal flow. The
 * canvas can still select every title, image, field bar, and section; guides
 * and editing chrome are supplied by Studio rather than these compositions. */
.studio-render:is(.studio-render--composition-signal-contact,.studio-render--composition-atelier-contact,.studio-render--composition-olive-contact) {
  --studio-contact-inset: clamp(24px,4.2cqi,64px);
}
.studio-render:is(.studio-render--composition-signal-contact,.studio-render--composition-atelier-contact,.studio-render--composition-olive-contact) > .studio-render__document {
  max-width: calc(var(--studio-content-width) + var(--studio-spacing) * 2);
  padding: clamp(16px,3cqi,44px);
}
.studio-render:is(.studio-render--composition-signal-contact,.studio-render--composition-atelier-contact,.studio-render--composition-olive-contact) .studio-render__composition {
  min-width: 0;
  overflow: visible;
}
.studio-render:is(.studio-render--composition-signal-contact,.studio-render--composition-atelier-contact,.studio-render--composition-olive-contact) :is(.studio-render__masthead-column,.studio-render__intro-column,.studio-render__form-column,.studio-render__contact-column,.studio-render__social-row,.studio-render__story-cards,.studio-render__footer-column) {
  min-width: 0;
}
.studio-render:is(.studio-render--composition-signal-contact,.studio-render--composition-atelier-contact,.studio-render--composition-olive-contact) .studio-render__section {
  --studio-section-margin-block-default: 28px;
  --studio-section-margin-inline-default: var(--studio-contact-inset);
}
.studio-render:is(.studio-render--composition-signal-contact,.studio-render--composition-atelier-contact,.studio-render--composition-olive-contact) .studio-render__section-body { max-width: none; }
.studio-render:is(.studio-render--composition-signal-contact,.studio-render--composition-atelier-contact,.studio-render--composition-olive-contact) .studio-render__section--introduction { background: transparent; }
.studio-render:is(.studio-render--composition-signal-contact,.studio-render--composition-atelier-contact,.studio-render--composition-olive-contact) .studio-render__brand-mark { display: none; }
.studio-render:is(.studio-render--composition-signal-contact,.studio-render--composition-atelier-contact,.studio-render--composition-olive-contact) .studio-render__section--introduction h1 {
  max-width: none;
  font-weight: 800;
  letter-spacing: -.04em;
  line-height: .97;
  white-space: pre-line;
  text-wrap: wrap;
}
.studio-render:is(.studio-render--composition-signal-contact,.studio-render--composition-atelier-contact,.studio-render--composition-olive-contact) .studio-render__fields {
  gap: 24px 18px;
  margin-top: 28px;
}
.studio-render:is(.studio-render--composition-signal-contact,.studio-render--composition-atelier-contact,.studio-render--composition-olive-contact) .studio-render__field > :is(label,legend) {
  font-size: var(--studio-frame-size-12,12px);
  font-weight: 650;
}
.studio-render:is(.studio-render--composition-signal-contact,.studio-render--composition-atelier-contact,.studio-render--composition-olive-contact) .studio-render__field > :is(input,textarea),
.studio-render:is(.studio-render--composition-signal-contact,.studio-render--composition-atelier-contact,.studio-render--composition-olive-contact) .studio-render__select > :is(select,.studio-render__select-control) {
  min-height: 48px;
  font-size: var(--studio-frame-size-14,14px);
}
.studio-render:is(.studio-render--composition-signal-contact,.studio-render--composition-atelier-contact,.studio-render--composition-olive-contact) .studio-render__field > textarea { min-height: 130px; }
.studio-render:is(.studio-render--composition-signal-contact,.studio-render--composition-atelier-contact,.studio-render--composition-olive-contact) .studio-render__actions {
  justify-content: flex-start;
  width: calc(100% - var(--studio-contact-inset) * 2);
  margin-inline: auto;
  padding: 4px 0 38px;
}
.studio-render:is(.studio-render--composition-signal-contact,.studio-render--composition-atelier-contact,.studio-render--composition-olive-contact) .studio-render__actions button {
  min-height: 48px;
  font-size: var(--studio-frame-size-13,13px);
  font-weight: 700;
}
.studio-render:is(.studio-render--composition-signal-contact,.studio-render--composition-atelier-contact,.studio-render--composition-olive-contact) .studio-render__submission-note {
  flex-basis: 100%;
  font-size: var(--studio-frame-size-11,11px);
}
.studio-render:is(.studio-render--composition-signal-contact,.studio-render--composition-atelier-contact,.studio-render--composition-olive-contact) .studio-render__contact-item dd { white-space: pre-line; }

/* Signal: a bright editorial sidebar and a crisp, usable form. */
.studio-render.studio-render--composition-signal-contact .studio-render__composition {
  display: grid;
  grid-template-columns: minmax(0,.82fr) minmax(0,1.18fr);
  min-height: 690px;
  border: 1px solid var(--studio-text);
  background: var(--studio-surface);
}
.studio-render.studio-render--composition-signal-contact .studio-render__signal-panel {
  display: flex;
  flex-direction: column;
  min-width: 0;
  background: var(--studio-sidebar);
  color: var(--studio-sidebar-text);
}
.studio-render.studio-render--composition-signal-contact .studio-render__intro-column { grid-column: auto; grid-row: auto; }
.studio-render.studio-render--composition-signal-contact .studio-render__section--introduction {
  --studio-section-margin-block-default: clamp(38px,5.5cqi,82px);
}
.studio-render.studio-render--composition-signal-contact .studio-render__section--introduction h1 {
  color: var(--studio-primary);
  font-size: var(--studio-frame-size-signal-title,clamp(52px,7.2cqi,116px));
  letter-spacing: -.04em;
  text-transform: uppercase;
}
.studio-render.studio-render--composition-signal-contact .studio-render__section--introduction p {
  max-width: 31ch;
  margin-top: 28px;
  color: color-mix(in srgb,var(--studio-sidebar-text) 78%,var(--studio-sidebar));
  font-size: var(--studio-frame-size-14,14px);
  line-height: 1.7;
}
.studio-render.studio-render--composition-signal-contact .studio-render__contact-column { margin-top: auto; grid-column: auto; grid-row: auto; }
.studio-render.studio-render--composition-signal-contact .studio-render__section--contact-info { --studio-section-margin-block-default: 36px; }
.studio-render.studio-render--composition-signal-contact .studio-render__section--contact-info h2 { font-size: var(--studio-frame-size-17,17px); }
.studio-render.studio-render--composition-signal-contact .studio-render__contact-items { gap: 28px; }
.studio-render.studio-render--composition-signal-contact .studio-render__contact-item > svg { color: var(--studio-sidebar-text); }
.studio-render.studio-render--composition-signal-contact .studio-render__contact-item dt {
  font-size: var(--studio-frame-size-10,10px);
  letter-spacing: .1em;
  text-transform: uppercase;
}
.studio-render.studio-render--composition-signal-contact .studio-render__contact-item dd { margin-top: 6px; font-size: var(--studio-frame-size-13,13px); }
.studio-render.studio-render--composition-signal-contact .studio-render__form-column { grid-column: 2; grid-row: 1; padding-top: clamp(16px,2cqi,32px); }
.studio-render.studio-render--composition-signal-contact .studio-render__section--form h2 { font-size: var(--studio-frame-size-h2,clamp(23px,3.4cqi,34px)); font-weight: 750; }
.studio-render.studio-render--composition-signal-contact .studio-render__section--form > .studio-render__section-body > p { font-size: var(--studio-frame-size-13,13px); color: var(--studio-muted); }
.studio-render.studio-render--composition-signal-contact .studio-render__field > :is(label,legend) { font-size: var(--studio-frame-size-10,10px); letter-spacing: .085em; text-transform: uppercase; }
.studio-render.studio-render--composition-signal-contact .studio-render__field > :is(input,textarea),
.studio-render.studio-render--composition-signal-contact .studio-render__select > :is(select,.studio-render__select-control) { border-color: var(--studio-border); border-radius: var(--studio-input-radius); }
.studio-render.studio-render--composition-signal-contact .studio-render__actions button:not(.studio-render__previous) {
  width: 100%;
  border: 1px solid var(--studio-text);
  background: var(--studio-primary);
  color: var(--studio-action-text);
  box-shadow: 5px 5px 0 var(--studio-text);
  text-transform: uppercase;
  letter-spacing: .07em;
}

/* Atelier: one continuous, outlined editorial sheet. */
.studio-render.studio-render--composition-atelier-contact .studio-render__composition {
  display: grid;
  grid-template-columns: minmax(0,.88fr) minmax(0,1.12fr);
  border: 4px solid var(--studio-border);
  border-radius: var(--studio-radius);
  background: var(--studio-surface);
}
.studio-render.studio-render--composition-atelier-contact .studio-render__masthead-column { grid-column: 1 / -1; grid-row: 1; }
.studio-render.studio-render--composition-atelier-contact .studio-render__section--header { --studio-section-margin-block-default: 22px; border: 0; }
.studio-render.studio-render--composition-atelier-contact .studio-render__brand { font-size: var(--studio-frame-size-17,17px); font-weight: 750; }
.studio-render.studio-render--composition-atelier-contact .studio-render__section--header p { color: var(--studio-muted); font-size: var(--studio-frame-size-11,11px); }
.studio-render.studio-render--composition-atelier-contact .studio-render__intro-column { grid-column: 1 / -1; grid-row: 2; }
.studio-render.studio-render--composition-atelier-contact .studio-render__section--introduction { --studio-section-margin-block-default: 28px; }
.studio-render.studio-render--composition-atelier-contact .studio-render__section--introduction h1 {
  color: var(--studio-primary);
  font-size: var(--studio-frame-size-atelier-title,clamp(64px,11.8cqi,184px));
  font-weight: 900;
  letter-spacing: -.045em;
}
.studio-render.studio-render--composition-atelier-contact .studio-render__section--introduction p {
  max-width: 46ch;
  margin-top: 22px;
  font-size: var(--studio-frame-size-14,14px);
  color: var(--studio-muted);
}
.studio-render.studio-render--composition-atelier-contact .studio-render__social-row { grid-column: 1 / -1; grid-row: 3; border-block: 1px solid var(--studio-border); }
.studio-render.studio-render--composition-atelier-contact .studio-render__social-row .studio-render__section { --studio-section-margin-block-default: 20px; }
.studio-render.studio-render--composition-atelier-contact .studio-render__social-row .studio-render__section-body { display: flex; align-items: center; flex-wrap: wrap; justify-content: center; gap: 14px 30px; }
.studio-render.studio-render--composition-atelier-contact .studio-render__social-row h2 { font-size: var(--studio-frame-size-12,12px); font-weight: 500; }
.studio-render.studio-render--composition-atelier-contact .studio-render__social-row .studio-render__contact-items { display: flex; flex-wrap: wrap; justify-content: center; gap: 18px 30px; margin: 0; }
.studio-render.studio-render--composition-atelier-contact .studio-render__social-row .studio-render__contact-item > svg { display: none; }
.studio-render.studio-render--composition-atelier-contact .studio-render__social-row .studio-render__contact-item { gap: 0; }
.studio-render.studio-render--composition-atelier-contact .studio-render__social-row .studio-render__contact-item dd { margin: 0; font-size: var(--studio-frame-size-12,12px); text-decoration: underline; text-underline-offset: 3px; }
.studio-render.studio-render--composition-atelier-contact .studio-render__social-row .studio-render__contact-item dt:empty { display: none; }
.studio-render.studio-render--composition-atelier-contact .studio-render__contact-column { grid-column: 1; grid-row: 4; border-right: 1px solid var(--studio-border); }
.studio-render.studio-render--composition-atelier-contact :is(.studio-render__contact-column,.studio-render__form-column) > .studio-render__section { --studio-section-margin-block-default: clamp(32px,4cqi,54px); }
.studio-render.studio-render--composition-atelier-contact .studio-render__contact-column h2 { max-width: 10ch; font-size: var(--studio-frame-size-h2,clamp(23px,3.4cqi,34px)); line-height: 1.1; font-weight: 750; }
.studio-render.studio-render--composition-atelier-contact .studio-render__contact-column p { color: var(--studio-muted); font-size: var(--studio-frame-size-13,13px); }
.studio-render.studio-render--composition-atelier-contact .studio-render__contact-items { margin-top: 32px; gap: 30px; }
.studio-render.studio-render--composition-atelier-contact .studio-render__contact-item > svg { width: 19px; height: 19px; flex-basis: 19px; color: var(--studio-primary); }
.studio-render.studio-render--composition-atelier-contact .studio-render__contact-item dt { font-size: var(--studio-frame-size-11,11px); color: var(--studio-muted); }
.studio-render.studio-render--composition-atelier-contact .studio-render__contact-item dd { font-size: var(--studio-frame-size-13,13px); }
.studio-render.studio-render--composition-atelier-contact .studio-render__form-column { grid-column: 2; grid-row: 4; background: transparent; }
.studio-render.studio-render--composition-atelier-contact .studio-render__section--form h2 { font-size: var(--studio-frame-size-20,20px); font-weight: 650; }
.studio-render.studio-render--composition-atelier-contact .studio-render__section--form > .studio-render__section-body > p { color: var(--studio-muted); font-size: var(--studio-frame-size-12,12px); }
.studio-render.studio-render--composition-atelier-contact .studio-render__field > :is(input,textarea),
.studio-render.studio-render--composition-atelier-contact .studio-render__select > :is(select,.studio-render__select-control) { border: 1px solid color-mix(in srgb,var(--studio-border) 18%,var(--studio-input-background)); border-radius: var(--studio-input-radius); background: var(--studio-input-background); }
.studio-render.studio-render--composition-atelier-contact .studio-render__select-menu { padding: 6px; border-radius: var(--studio-input-radius); }
.studio-render.studio-render--composition-atelier-contact .studio-render__actions button:not(.studio-render__previous) { min-width: 150px; border: 1px solid var(--studio-text); border-radius: var(--studio-button-radius); background: var(--studio-text); color: var(--studio-background); }
.studio-render.studio-render--composition-atelier-contact .studio-render__story-cards { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); grid-column: 1 / -1; grid-row: 5; border-top: 1px solid var(--studio-border); }
.studio-render.studio-render--composition-atelier-contact .studio-render__story-cards > .studio-render__section { --studio-section-margin-block-default: 32px; }
.studio-render.studio-render--composition-atelier-contact .studio-render__story-cards > .studio-render__section:nth-child(even) { border-left: 1px solid var(--studio-border); }
.studio-render.studio-render--composition-atelier-contact .studio-render__story-cards .studio-render__image { aspect-ratio: 1.7; border-radius: min(4px,var(--studio-radius)); }
.studio-render.studio-render--composition-atelier-contact .studio-render__story-cards h2 { font-size: var(--studio-frame-size-23,23px); font-weight: 650; }
.studio-render.studio-render--composition-atelier-contact .studio-render__story-cards p { font-size: var(--studio-frame-size-13,13px); color: var(--studio-muted); }
.studio-render.studio-render--composition-atelier-contact .studio-render__story-cards .studio-render__image-flow--block > .studio-render__image-flow-content { margin-top: 20px; }
.studio-render.studio-render--composition-atelier-contact .studio-render__footer-column { grid-column: 1 / -1; grid-row: 6; border-top: 1px solid var(--studio-border); }
.studio-render.studio-render--composition-atelier-contact .studio-render__section--footer { border: 0; --studio-section-margin-block-default: 22px; }
.studio-render.studio-render--composition-atelier-contact .studio-render__section--footer .studio-render__section-body { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; gap: 10px 20px; }
.studio-render.studio-render--composition-atelier-contact .studio-render__section--footer h2 { font-size: var(--studio-frame-size-15,15px); font-weight: 750; }
.studio-render.studio-render--composition-atelier-contact .studio-render__section--footer p { margin: 0; font-size: var(--studio-frame-size-11,11px); }

/* Olive: relaxed green-on-paper type, understated fields, and a contact card. */
.studio-render.studio-render--composition-olive-contact .studio-render__composition { display: grid; grid-template-columns: minmax(0,1.22fr) minmax(0,.78fr); gap: 0 clamp(20px,3cqi,48px); }
.studio-render.studio-render--composition-olive-contact .studio-render__masthead-column { grid-column: 1 / -1; grid-row: 1; }
.studio-render.studio-render--composition-olive-contact .studio-render__section--header { --studio-section-margin-block-default: 16px; --studio-section-margin-inline-default: 0px; border: 0; }
.studio-render.studio-render--composition-olive-contact .studio-render__brand { font-size: var(--studio-frame-size-17,17px); font-weight: 750; }
.studio-render.studio-render--composition-olive-contact .studio-render__section--header p { font-size: var(--studio-frame-size-11,11px); color: var(--studio-muted); }
.studio-render.studio-render--composition-olive-contact .studio-render__intro-column { grid-column: 1 / -1; grid-row: 2; }
.studio-render.studio-render--composition-olive-contact .studio-render__section--introduction { --studio-section-margin-block-default: clamp(24px,4cqi,58px); --studio-section-margin-inline-default: 0px; }
.studio-render.studio-render--composition-olive-contact .studio-render__section--introduction h1 { font-size: var(--studio-frame-size-olive-title,clamp(68px,13.6cqi,198px)); }
.studio-render.studio-render--composition-olive-contact .studio-render__section--introduction p { max-width: 48ch; font-size: var(--studio-frame-size-14,14px); color: var(--studio-muted); }
.studio-render.studio-render--composition-olive-contact .studio-render__form-column { grid-column: 1; grid-row: 3; background: transparent; }
.studio-render.studio-render--composition-olive-contact .studio-render__form-column .studio-render__section { --studio-section-margin-inline-default: 0px; --studio-section-margin-block-default: 24px; }
.studio-render.studio-render--composition-olive-contact .studio-render__section--form h2 { font-size: var(--studio-frame-size-23,23px); font-weight: 600; }
.studio-render.studio-render--composition-olive-contact .studio-render__section--form > .studio-render__section-body > p { font-size: var(--studio-frame-size-13,13px); color: var(--studio-muted); }
.studio-render.studio-render--composition-olive-contact .studio-render__fields { gap: 26px 22px; }
.studio-render.studio-render--composition-olive-contact .studio-render__field > :is(input,textarea),
.studio-render.studio-render--composition-olive-contact .studio-render__select > :is(select,.studio-render__select-control) { border-width: 0 0 1px; border-radius: var(--studio-input-radius); padding-left: 0; background: var(--studio-input-background); }
.studio-render.studio-render--composition-olive-contact .studio-render__actions { width: 100%; }
.studio-render.studio-render--composition-olive-contact .studio-render__actions button:not(.studio-render__previous) { padding-inline: 30px; border: 1px solid var(--studio-text); border-radius: var(--studio-button-radius); background: var(--studio-text); color: var(--studio-primary); }
.studio-render.studio-render--composition-olive-contact .studio-render__contact-column { position: relative; grid-column: 2; grid-row: 3; align-self: start; margin-top: 24px; background: var(--studio-surface); border-radius: var(--studio-radius); }
.studio-render.studio-render--composition-olive-contact .studio-render__contact-column::before { content: ""; position: absolute; inset: 16px; pointer-events: none; background: radial-gradient(circle,var(--studio-primary) 3px,transparent 3.5px) top left / 7px 7px no-repeat,radial-gradient(circle,var(--studio-primary) 3px,transparent 3.5px) top right / 7px 7px no-repeat,radial-gradient(circle,var(--studio-primary) 3px,transparent 3.5px) bottom left / 7px 7px no-repeat,radial-gradient(circle,var(--studio-primary) 3px,transparent 3.5px) bottom right / 7px 7px no-repeat; }
.studio-render.studio-render--composition-olive-contact .studio-render__contact-column .studio-render__section { --studio-section-margin-block-default: 28px; --studio-section-margin-inline-default: 24px; }
.studio-render.studio-render--composition-olive-contact .studio-render__contact-column h2 { padding: 24px; border-radius: min(12px,var(--studio-radius)); background: var(--studio-sidebar); color: var(--studio-sidebar-text); font-size: var(--studio-frame-size-24,24px); font-weight: 600; line-height: 1.25; }
.studio-render.studio-render--composition-olive-contact .studio-render__contact-column p { padding-inline: 10px; font-size: var(--studio-frame-size-13,13px); color: var(--studio-muted); }
.studio-render.studio-render--composition-olive-contact .studio-render__contact-items { gap: 24px; margin: 28px 8px 8px; }
.studio-render.studio-render--composition-olive-contact .studio-render__contact-item { gap: 12px; }
.studio-render.studio-render--composition-olive-contact .studio-render__contact-item > svg { width: 38px; height: 38px; flex-basis: 38px; margin-top: 0; padding: 10px; border-radius: 50%; background: var(--studio-sidebar); color: var(--studio-primary); }
.studio-render.studio-render--composition-olive-contact .studio-render__contact-item dt { color: var(--studio-muted); font-size: var(--studio-frame-size-10,10px); font-weight: 500; }
.studio-render.studio-render--composition-olive-contact .studio-render__contact-item dd { font-size: var(--studio-frame-size-12,12px); }
.studio-render.studio-render--composition-olive-contact .studio-render__footer-column { grid-column: 1 / -1; grid-row: 4; margin-top: clamp(30px,5cqi,70px); border-radius: min(16px,var(--studio-radius)); background: var(--studio-sidebar); color: var(--studio-sidebar-text); }
.studio-render.studio-render--composition-olive-contact .studio-render__section--footer { --studio-section-margin-block-default: clamp(30px,4cqi,58px); border: 0; }
.studio-render.studio-render--composition-olive-contact .studio-render__section--footer .studio-render__section-body { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 20px 40px; }
.studio-render.studio-render--composition-olive-contact .studio-render__section--footer h2 { font-size: var(--studio-frame-size-h2,clamp(23px,3.4cqi,34px)); font-weight: 600; }
.studio-render.studio-render--composition-olive-contact .studio-render__section--footer p { max-width: 44ch; margin: 0; color: color-mix(in srgb,var(--studio-sidebar-text) 76%,var(--studio-sidebar)); font-size: var(--studio-frame-size-12,12px); }

/* Invalid fields remain recognizable after the composition's border styling,
 * including the progressively enhanced, keyboard-operable subject dropdown. */
.studio-render:is(.studio-render--composition-signal-contact,.studio-render--composition-atelier-contact,.studio-render--composition-olive-contact) .studio-render__field [aria-invalid="true"] {
  border-color: #b23d46;
  box-shadow: 0 0 0 1px #b23d46;
}

/* Container queries respond to the actual page width, including a narrow
 * Studio canvas on a wide desktop. They do not alter neighboring controls. */
@container (max-width: 720px) {
  .studio-render.studio-render--composition-signal-contact .studio-render__composition { grid-template-columns: minmax(0,1fr); min-height: 0; }
  .studio-render.studio-render--composition-signal-contact .studio-render__form-column { grid-column: 1; grid-row: 2; }
  .studio-render.studio-render--composition-signal-contact .studio-render__section--introduction { --studio-section-margin-block-default: 36px; }
  .studio-render.studio-render--composition-signal-contact .studio-render__section--introduction h1 { font-size: var(--studio-frame-size-signal-title,clamp(52px,12cqi,82px)); }
  .studio-render.studio-render--composition-signal-contact .studio-render__section--contact-info { --studio-section-margin-block-default: 26px; }
  .studio-render.studio-render--composition-signal-contact .studio-render__contact-items { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; }
  .studio-render.studio-render--composition-atelier-contact .studio-render__composition { grid-template-columns: minmax(0,1fr); border-width: 2px; }
  .studio-render.studio-render--composition-atelier-contact .studio-render__contact-column { grid-column: 1; grid-row: 4; border-right: 0; border-bottom: 1px solid var(--studio-border); }
  .studio-render.studio-render--composition-atelier-contact .studio-render__contact-column h2 { max-width: none; }
  .studio-render.studio-render--composition-atelier-contact .studio-render__contact-column .studio-render__contact-items { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; }
  .studio-render.studio-render--composition-atelier-contact .studio-render__form-column { grid-column: 1; grid-row: 5; }
  .studio-render.studio-render--composition-atelier-contact .studio-render__story-cards { grid-row: 6; }
  .studio-render.studio-render--composition-atelier-contact .studio-render__footer-column { grid-row: 7; }
  .studio-render.studio-render--composition-olive-contact .studio-render__composition { grid-template-columns: minmax(0,1fr); }
  .studio-render.studio-render--composition-olive-contact .studio-render__contact-column { grid-column: 1; grid-row: 4; margin-top: 0; }
  .studio-render.studio-render--composition-olive-contact .studio-render__footer-column { grid-row: 5; }
  .studio-render.studio-render--composition-olive-contact .studio-render__contact-items { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@container (max-width: 480px) {
  .studio-render:is(.studio-render--composition-signal-contact,.studio-render--composition-atelier-contact,.studio-render--composition-olive-contact) .studio-render__fields { grid-template-columns: minmax(0,1fr); }
  .studio-render:is(.studio-render--composition-signal-contact,.studio-render--composition-atelier-contact,.studio-render--composition-olive-contact) .studio-render__field--half { grid-column: auto; }
  .studio-render.studio-render--composition-signal-contact .studio-render__contact-items,
  .studio-render.studio-render--composition-atelier-contact .studio-render__contact-column .studio-render__contact-items,
  .studio-render.studio-render--composition-olive-contact .studio-render__contact-items { grid-template-columns: minmax(0,1fr); }
  .studio-render.studio-render--composition-atelier-contact .studio-render__section--introduction h1 { font-size: var(--studio-frame-size-atelier-title,clamp(50px,13cqi,64px)); letter-spacing: -.045em; }
  .studio-render.studio-render--composition-atelier-contact .studio-render__social-row .studio-render__section-body { justify-content: flex-start; }
  .studio-render.studio-render--composition-atelier-contact .studio-render__social-row .studio-render__contact-items { justify-content: flex-start; gap: 12px 22px; }
  .studio-render.studio-render--composition-atelier-contact .studio-render__story-cards { grid-template-columns: minmax(0,1fr); }
  .studio-render.studio-render--composition-atelier-contact .studio-render__story-cards > .studio-render__section:nth-child(even) { border-left: 0; border-top: 1px solid var(--studio-border); }
}

/* Authored section links ---------------------------------------------------
 * Visitor surfaces use safe anchors. The editor renders the same visual as
 * non-navigating spans so a canvas click always remains an editing action. */
.studio-render .studio-render__section-links { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 22px; min-width: 0; margin-top: 28px; }
.studio-render .studio-render__section-links--nav { justify-content: flex-end; margin-top: 0; }
.studio-render[data-studio-page-id] .studio-render__section-links--nav [aria-current="page"] { text-decoration: underline; text-underline-offset: 5px; }
.studio-render .studio-render__section-link { display: inline-flex; align-items: center; justify-content: center; min-width: 0; min-height: 44px; max-width: 100%; padding: 10px 22px; border: 1px solid transparent; border-radius: var(--studio-button-radius); color: inherit; font-family: var(--studio-font); font-size: var(--studio-frame-size-13,13px); font-weight: 600; line-height: 1.5; text-align: center; text-decoration: none; overflow-wrap: anywhere; }
.studio-render .studio-render__section-link--primary { border-color: var(--studio-primary); background: var(--studio-primary); color: var(--studio-action-text); }
.studio-render .studio-render__section-link--secondary { border-color: currentColor; background: transparent; }
.studio-render .studio-render__section-link--text { padding-inline: 0; border: 0; border-radius: 0; text-decoration: underline; text-underline-offset: 4px; text-decoration-thickness: 1px; }
.studio-render .studio-render__section-links--nav .studio-render__section-link--text { font-weight: 500; text-decoration: none; }
.studio-render .studio-render__section-link--unconfigured { border-style: dashed; background: transparent; color: inherit; font-size: var(--studio-frame-size-12,12px); opacity: .6; }
.studio-render .studio-render__align--center .studio-render__section-links { justify-content: center; }
.studio-render .studio-render__align--right .studio-render__section-links { justify-content: flex-end; }
.studio-render--preview a.studio-render__section-link:hover { text-decoration: underline; text-underline-offset: 4px; }
.studio-render--preview a.studio-render__section-link:focus-visible { outline: 2px solid currentColor; outline-offset: 4px; }
.studio-render [id^="studio-section-"] { scroll-margin-block-start: 28px; }

/* Editable landing-page directions ----------------------------------------
 * Roles describe normal, independently editable sections. No template is a
 * flattened image or a separately managed document. Native authored order is
 * retained, including the regular form and its single runtime action block. */
.studio-render.studio-render--landing { --studio-landing-gutter: clamp(24px,5.7cqi,84px); }
.studio-render.studio-render--landing > .studio-render__document { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); max-width: calc(var(--studio-content-width) + var(--studio-spacing) * 2); padding: 0; }
.studio-render.studio-render--landing > .studio-render__document > * { grid-column: 1 / -1; min-width: 0; }
.studio-render.studio-render--landing .studio-render__section { --studio-section-margin-inline-default: var(--studio-landing-gutter); --studio-section-margin-block-default: clamp(42px,6cqi,86px); }
.studio-render.studio-render--landing .studio-render__section-body { max-width: none; }
.studio-render.studio-render--landing h1 { font-size: var(--studio-frame-size-landing-hero,clamp(42px,5.3cqi,78px)); font-weight: 550; letter-spacing: -.035em; line-height: 1.04; white-space: pre-line; text-wrap: wrap; }
.studio-render.studio-render--landing h2 { font-size: var(--studio-frame-size-landing-heading,clamp(30px,3.8cqi,56px)); font-weight: 500; letter-spacing: -.03em; line-height: 1.1; white-space: pre-line; }
.studio-render.studio-render--landing p { font-size: var(--studio-frame-size-15,15px); line-height: 1.75; }
.studio-render.studio-render--landing .studio-render__section--introduction { background: transparent; }
.studio-render.studio-render--landing .studio-render__brand-mark { display: none; }
.studio-render.studio-render--landing [data-studio-landing-role="nav"] { --studio-section-margin-block-default: 18px; border-bottom: 1px solid var(--studio-border); }
.studio-render.studio-render--landing [data-studio-landing-role="nav"] .studio-render__section-body { gap: 12px 30px; }
.studio-render.studio-render--landing [data-studio-landing-role="nav"] .studio-render__brand { font-size: var(--studio-frame-size-24,24px); font-weight: 650; letter-spacing: -.03em; }
.studio-render.studio-render--landing [data-studio-landing-role="nav"] .studio-render__section-links { gap: 12px 26px; }
.studio-render.studio-render--landing [data-studio-landing-role="hero"] { --studio-section-margin-block-default: clamp(48px,6.5cqi,100px); }
.studio-render.studio-render--landing [data-studio-landing-role="hero"] h1 { max-width: 16ch; }
.studio-render.studio-render--landing [data-studio-landing-role="hero"] p { max-width: 44ch; margin-top: 26px; font-size: var(--studio-frame-size-16,16px); }
.studio-render.studio-render--landing .studio-render__image-flow:is(.studio-render__image-flow--wrap-left,.studio-render__image-flow--wrap-right) { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); align-items: center; gap: clamp(28px,5cqi,72px); }
.studio-render.studio-render--landing .studio-render__image-flow:is(.studio-render__image-flow--wrap-left,.studio-render__image-flow--wrap-right) > * { min-width: 0; }
.studio-render.studio-render--landing .studio-render__image { max-height: none; border-radius: var(--studio-radius); }
.studio-render.studio-render--landing .studio-render__image-flow--block > .studio-render__image { margin-top: 0; }
.studio-render.studio-render--landing [data-studio-landing-role="hero"] .studio-render__image-flow--block { display: flex; flex-direction: column; gap: clamp(28px,4cqi,56px); }
.studio-render.studio-render--landing [data-studio-landing-role="hero"] .studio-render__image-flow--block > .studio-render__image-flow-content { order: -1; width: 100%; margin-top: 0; }
.studio-render.studio-render--landing [data-studio-landing-role="hero"].studio-render__align--center h1 { margin-inline: auto; }
.studio-render.studio-render--landing [data-studio-landing-role="eyebrow"] { --studio-section-margin-block-default: 18px; }
.studio-render.studio-render--landing [data-studio-landing-role="eyebrow"] :is(h2,p) { font-family: var(--studio-font); font-size: var(--studio-frame-size-12,12px); letter-spacing: .08em; text-transform: uppercase; }
.studio-render.studio-render--landing [data-studio-landing-role="metrics"] { --studio-section-margin-block-default: 32px; border-block: 1px solid var(--studio-border); }
.studio-render.studio-render--landing [data-studio-landing-role="metrics"] h2 { font-family: var(--studio-font); font-size: var(--studio-frame-size-18,18px); font-weight: 500; }
.studio-render.studio-render--landing [data-studio-landing-role="metrics"] .studio-render__items { gap: 28px; }
.studio-render.studio-render--landing [data-studio-landing-role="metrics"] .studio-render__items > article { padding: 0 22px 0 0; border: 0; border-right: 1px solid var(--studio-border); border-radius: 0; }
.studio-render.studio-render--landing [data-studio-landing-role="metrics"] .studio-render__items > article:last-child { border-right: 0; }
.studio-render.studio-render--landing [data-studio-landing-role="metrics"] h3 { font-size: var(--studio-frame-size-landing-metric,clamp(26px,3.2cqi,44px)); font-weight: 500; letter-spacing: -.035em; }
.studio-render.studio-render--landing [data-studio-landing-role="metrics"] .studio-render__item-mark { display: none; }
.studio-render.studio-render--landing [data-studio-landing-role="metrics"] .studio-render__items > article > p { font-size: var(--studio-frame-size-12,12px); }
.studio-render.studio-render--landing [data-studio-landing-role="about"].studio-render__section--text .studio-render__section-body { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,.9fr); gap: clamp(24px,5cqi,72px); align-items: start; }
.studio-render.studio-render--landing [data-studio-landing-role="about"].studio-render__section--text .studio-render__section-body > p { margin-top: 0; }
.studio-render.studio-render--landing [data-studio-landing-role="about"].studio-render__section--text .studio-render__section-links { grid-column: 1 / -1; }
.studio-render.studio-render--landing .studio-render__items { gap: 24px; margin-top: 36px; }
.studio-render.studio-render--landing .studio-render__items > article { padding: 28px; border: 1px solid color-mix(in srgb,currentColor 25%,transparent); border-radius: var(--studio-radius); }
.studio-render.studio-render--landing .studio-render__items > article h3 { font-size: var(--studio-frame-size-22,22px); font-weight: 550; line-height: 1.25; }
.studio-render.studio-render--landing .studio-render__items > article > p { font-size: var(--studio-frame-size-14,14px); }
.studio-render.studio-render--landing .studio-render__item-mark { width: 24px; height: 24px; margin-bottom: 30px; border: 1px solid currentColor; border-radius: 50%; background: transparent; }
.studio-render.studio-render--landing .studio-render__layout--stacked .studio-render__items > article { display: grid; grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr); align-items: baseline; gap: 18px 34px; padding: 25px 0; border-width: 1px 0 0; border-radius: 0; }
.studio-render.studio-render--landing .studio-render__layout--stacked .studio-render__items > article > p { margin: 0; }
.studio-render.studio-render--landing .studio-render__layout--stacked .studio-render__item-mark { display: none; }
.studio-render.studio-render--landing > .studio-render__document > [data-studio-landing-role="portfolio"] { grid-column: auto; --studio-section-margin-inline-default: calc(var(--studio-landing-gutter) / 2); --studio-section-margin-block-default: 34px; }
.studio-render.studio-render--landing > .studio-render__document > [data-studio-landing-role="portfolio"] + [data-studio-landing-role="portfolio"] + [data-studio-landing-role="portfolio"] { grid-column: 1 / -1; --studio-section-margin-inline-default: var(--studio-landing-gutter); }
.studio-render.studio-render--landing [data-studio-landing-role="portfolio"] .studio-render__image { aspect-ratio: 1.4; }
.studio-render.studio-render--landing [data-studio-landing-role="portfolio"] + [data-studio-landing-role="portfolio"] + [data-studio-landing-role="portfolio"] .studio-render__image { aspect-ratio: 2.35; }
.studio-render.studio-render--landing [data-studio-landing-role="portfolio"] .studio-render__image-flow--block > .studio-render__image-flow-content { margin-top: 22px; }
.studio-render.studio-render--landing [data-studio-landing-role="portfolio"] h2 { font-size: var(--studio-frame-size-28,28px); }
.studio-render.studio-render--landing [data-studio-landing-role="portfolio"] p { font-size: var(--studio-frame-size-13,13px); }
.studio-render.studio-render--landing [data-studio-landing-role="band"] { --studio-section-margin-block-default: clamp(42px,6.5cqi,96px); }
.studio-render.studio-render--landing [data-studio-landing-role="band"] h2 { max-width: 24ch; font-size: var(--studio-frame-size-landing-hero,clamp(42px,5.3cqi,78px)); }
.studio-render.studio-render--landing [data-studio-landing-role="band"].studio-render__align--center h2 { margin-inline: auto; }
.studio-render.studio-render--landing [data-studio-landing-role="contact"] { --studio-section-margin-bottom-default: 20px; padding-bottom: var(--studio-section-margin-bottom,var(--studio-section-margin-bottom-default)); border-top: 1px solid var(--studio-border); }
.studio-render.studio-render--landing [data-studio-landing-role="contact"] .studio-render__fields { max-width: 780px; margin-top: 34px; gap: 24px; }
.studio-render.studio-render--landing [data-studio-landing-role="contact"] .studio-render__field > label { font-size: var(--studio-frame-size-12,12px); }
.studio-render.studio-render--landing [data-studio-landing-role="contact"] .studio-render__field > :is(input,textarea) { min-height: 48px; }
.studio-render.studio-render--landing [data-studio-landing-role="contact"] .studio-render__field > textarea { min-height: 130px; }
.studio-render.studio-render--landing > .studio-render__document > .studio-render__actions { justify-content: flex-start; width: 100%; margin: 0; padding: 12px var(--studio-landing-gutter) clamp(42px,6cqi,86px); }
.studio-render.studio-render--landing .studio-render__actions button { min-height: 48px; padding-inline: 26px; font-size: var(--studio-frame-size-13,13px); }
.studio-render.studio-render--landing .studio-render__submission-note { flex-basis: 100%; font-size: var(--studio-frame-size-11,11px); text-align: left; }
.studio-render.studio-render--landing [data-studio-landing-role="footer"] { --studio-section-margin-block-default: 28px; border-top: 1px solid var(--studio-border); }
.studio-render.studio-render--landing [data-studio-landing-role="footer"] .studio-render__section-body { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 12px 30px; }
.studio-render.studio-render--landing [data-studio-landing-role="footer"] h2 { font-family: var(--studio-font); font-size: var(--studio-frame-size-23,23px); font-weight: 650; }
.studio-render.studio-render--landing [data-studio-landing-role="footer"] p { max-width: 40ch; margin: 0; font-size: var(--studio-frame-size-12,12px); }
.studio-render.studio-render--landing [data-studio-landing-role="footer"] .studio-render__section-links { margin: 0; }

/* Aurelia: quiet cream, clear hierarchy, and a generous device-image stage. */
.studio-render.studio-render--composition-aurelia-finance [data-studio-landing-role="nav"] { border-bottom: 0; }
.studio-render.studio-render--composition-aurelia-finance [data-studio-landing-role="nav"] .studio-render__brand { font-family: var(--studio-heading-font); font-size: var(--studio-frame-size-28,28px); }
.studio-render.studio-render--composition-aurelia-finance [data-studio-landing-role="hero"] { --studio-section-margin-block-default: clamp(42px,5cqi,76px); }
.studio-render.studio-render--composition-aurelia-finance [data-studio-landing-role="hero"] h1 { max-width: 18ch; font-size: var(--studio-frame-size-finance-title,clamp(44px,5.8cqi,86px)); font-weight: 400; letter-spacing: -.035em; }
.studio-render.studio-render--composition-aurelia-finance [data-studio-landing-role="hero"] p { max-width: 54ch; }
.studio-render.studio-render--composition-aurelia-finance [data-studio-landing-role="hero"] .studio-render__image { aspect-ratio: 1.5; }
.studio-render.studio-render--composition-aurelia-finance [data-studio-landing-role="metrics"] { text-align: center; }
.studio-render.studio-render--composition-aurelia-finance [data-studio-landing-role="services"] { padding-top: var(--studio-section-margin-top,24px); }
.studio-render.studio-render--composition-aurelia-finance [data-studio-landing-role="services"] .studio-render__item-mark { width: 32px; height: 32px; border-radius: 0; transform: rotate(45deg); }

/* Brighter Days: editorial serif type and cheerful color-block pacing. */
.studio-render.studio-render--composition-brighter-podcast [data-studio-landing-role="nav"] .studio-render__brand { font-family: var(--studio-heading-font); font-weight: 400; }
.studio-render.studio-render--composition-brighter-podcast [data-studio-landing-role="hero"] h1 { font-size: var(--studio-frame-size-podcast-title,clamp(42px,5.7cqi,82px)); font-weight: 400; letter-spacing: -.03em; }
.studio-render.studio-render--composition-brighter-podcast [data-studio-landing-role="hero"] .studio-render__image { aspect-ratio: .8; }
.studio-render.studio-render--composition-brighter-podcast [data-studio-landing-role="metrics"] { --studio-section-margin-block-default: 22px; border: 0; }
.studio-render.studio-render--composition-brighter-podcast [data-studio-landing-role="metrics"] h2 { font-family: var(--studio-heading-font); font-size: var(--studio-frame-size-28,28px); }
.studio-render.studio-render--composition-brighter-podcast [data-studio-landing-role="metrics"] p { margin-top: 8px; font-size: var(--studio-frame-size-12,12px); letter-spacing: .04em; }
.studio-render.studio-render--composition-brighter-podcast [data-studio-landing-role="services"] .studio-render__items > article { border-width: 1px 0 0; padding-inline: 0; }
.studio-render.studio-render--composition-brighter-podcast [data-studio-landing-role="services"] .studio-render__item-mark { background: var(--studio-primary); border: 0; }

/* Muse: portrait-led independent design with a restrained work gallery. */
.studio-render.studio-render--composition-muse-portfolio [data-studio-landing-role="hero"] h1 { font-size: var(--studio-frame-size-muse-title,clamp(44px,5.6cqi,84px)); font-weight: 400; letter-spacing: -.03em; }
.studio-render.studio-render--composition-muse-portfolio [data-studio-landing-role="hero"] .studio-render__image { aspect-ratio: .8; }
.studio-render.studio-render--composition-muse-portfolio [data-studio-landing-role="about"] { border-block: 1px solid var(--studio-border); }
.studio-render.studio-render--composition-muse-portfolio [data-studio-landing-role="portfolio"] h2 { font-weight: 400; }
.studio-render.studio-render--composition-muse-portfolio [data-studio-landing-role="services"] .studio-render__items > article { padding: 26px 0; border-width: 1px 0 0; }
.studio-render.studio-render--composition-muse-portfolio [data-studio-landing-role="services"] .studio-render__item-mark { display: none; }

/* Verdant: generous forest-green serif headings and softly framed imagery. */
.studio-render.studio-render--composition-verdant-wellness [data-studio-landing-role="nav"] { border-bottom: 0; }
.studio-render.studio-render--composition-verdant-wellness [data-studio-landing-role="hero"] h1 { font-size: var(--studio-frame-size-wellness-title,clamp(42px,5.4cqi,80px)); font-weight: 400; letter-spacing: -.03em; }
.studio-render.studio-render--composition-verdant-wellness [data-studio-landing-role="hero"] .studio-render__image { aspect-ratio: 1.333; border-radius: var(--studio-radius); }
.studio-render.studio-render--composition-verdant-wellness [data-studio-landing-role="services"] .studio-render__items > article { background: var(--studio-surface); border: 0; }
.studio-render.studio-render--composition-verdant-wellness [data-studio-landing-role="feature"] .studio-render__items > article { padding-inline: 0; border: 0; }
.studio-render.studio-render--composition-verdant-wellness [data-studio-landing-role="feature"] .studio-render__item-mark { border-radius: 50% 50% 0 50%; }

/* Grounded: oversized unembellished type and a quiet horizontal portrait. */
.studio-render.studio-render--composition-grounded-practice [data-studio-landing-role="hero"] h1 { max-width: 16ch; font-size: var(--studio-frame-size-practice-title,clamp(44px,7.2cqi,106px)); font-weight: 550; letter-spacing: -.035em; }
.studio-render.studio-render--composition-grounded-practice [data-studio-landing-role="hero"] .studio-render__image-flow-content { display: grid; grid-template-columns: minmax(0,1.4fr) minmax(0,.6fr); gap: 24px 50px; align-items: end; }
.studio-render.studio-render--composition-grounded-practice [data-studio-landing-role="hero"] p { margin: 0; font-size: var(--studio-frame-size-14,14px); }
.studio-render.studio-render--composition-grounded-practice [data-studio-landing-role="hero"] .studio-render__section-links { grid-column: 1 / -1; margin-top: 0; }
.studio-render.studio-render--composition-grounded-practice [data-studio-landing-role="hero"] .studio-render__image { aspect-ratio: 1.7778; }
.studio-render.studio-render--composition-grounded-practice [data-studio-landing-role="about"] { border-block: 1px solid var(--studio-border); }
.studio-render.studio-render--composition-grounded-practice [data-studio-landing-role="services"] .studio-render__items { gap: 0; }
.studio-render.studio-render--composition-grounded-practice [data-studio-landing-role="services"] h3 { font-size: var(--studio-frame-size-28,28px); }

/* Forma: straight rules, precise layout, and studio work in two columns. */
.studio-render.studio-render--composition-forma-agency [data-studio-landing-role="hero"] h1 { font-size: var(--studio-frame-size-agency-title,clamp(46px,6.6cqi,96px)); font-weight: 650; letter-spacing: -.035em; }
.studio-render.studio-render--composition-forma-agency [data-studio-landing-role="hero"] .studio-render__image { aspect-ratio: 1.333; }
.studio-render.studio-render--composition-forma-agency [data-studio-landing-role="about"] { border-block: 1px solid var(--studio-border); }
.studio-render.studio-render--composition-forma-agency [data-studio-landing-role="services"] .studio-render__items { gap: 0; }
.studio-render.studio-render--composition-forma-agency [data-studio-landing-role="services"] .studio-render__items > article { padding-block: 30px; }
.studio-render.studio-render--composition-forma-agency [data-studio-landing-role="portfolio"] { border-top: 1px solid var(--studio-border); }
.studio-render.studio-render--composition-forma-agency [data-studio-landing-role="band"] h2 { font-size: var(--studio-frame-size-landing-heading,clamp(30px,3.8cqi,56px)); }

/* Kinetic: bold studio typography and full-width color-block project studies. */
.studio-render.studio-render--composition-kinetic-designer [data-studio-landing-role="hero"] h1 { font-size: var(--studio-frame-size-kinetic-designer-title,clamp(44px,6.3cqi,92px)); font-weight: 800; letter-spacing: -.035em; line-height: 1; }
.studio-render.studio-render--composition-kinetic-designer [data-studio-landing-role="hero"] .studio-render__image { aspect-ratio: 1.7778; }
.studio-render.studio-render--composition-kinetic-designer [data-studio-landing-role="band"] { --studio-section-margin-block-default: 28px; }
.studio-render.studio-render--composition-kinetic-designer [data-studio-landing-role="band"] h2 { max-width: none; font-family: var(--studio-font); font-size: var(--studio-frame-size-landing-heading,clamp(30px,3.8cqi,56px)); font-weight: 750; letter-spacing: -.02em; }
.studio-render.studio-render--composition-kinetic-designer [data-studio-landing-role="band"] p { margin-top: 10px; font-size: var(--studio-frame-size-12,12px); }
.studio-render.studio-render--composition-kinetic-designer [data-studio-landing-role="portfolio"] { --studio-section-margin-block-default: 40px; }
.studio-render.studio-render--composition-kinetic-designer [data-studio-landing-role="portfolio"] h2 { font-weight: 700; }
.studio-render.studio-render--composition-kinetic-designer [data-studio-landing-role="services"] .studio-render__items { gap: 0; }

/* Rose: confident pink-and-black type, visual concepts, and a real FAQ. */
.studio-render.studio-render--composition-rose-strategy [data-studio-landing-role="hero"] h1 { font-size: var(--studio-frame-size-rose-title,clamp(44px,6.8cqi,100px)); font-weight: 750; letter-spacing: -.035em; }
.studio-render.studio-render--composition-rose-strategy [data-studio-landing-role="hero"] .studio-render__image { aspect-ratio: 1.333; }
.studio-render.studio-render--composition-rose-strategy [data-studio-landing-role="about"] { border-block: 1px solid var(--studio-border); }
.studio-render.studio-render--composition-rose-strategy [data-studio-landing-role="services"] .studio-render__items > article { border: 0; border-top: 1px solid currentColor; padding-inline: 0; }
.studio-render.studio-render--composition-rose-strategy [data-studio-landing-role="services"] .studio-render__item-mark { background: currentColor; }
.studio-render.studio-render--composition-rose-strategy [data-studio-landing-role="portfolio"] h2 { font-weight: 650; }
.studio-render.studio-render--composition-rose-strategy .studio-render__section--faq .studio-render__items > details { border-color: currentColor; }

@container (max-width: 900px) {
  .studio-render.studio-render--landing .studio-render__items { gap: 16px; }
  .studio-render.studio-render--landing .studio-render__items > article { padding: 20px; }
  .studio-render.studio-render--landing .studio-render__image-flow:is(.studio-render__image-flow--wrap-left,.studio-render__image-flow--wrap-right) { gap: 28px; }
  .studio-render.studio-render--landing [data-studio-landing-role="nav"] .studio-render__section-body { gap: 10px 20px; }
  .studio-render.studio-render--landing [data-studio-landing-role="nav"] .studio-render__section-links { gap: 8px 18px; }
  .studio-render.studio-render--composition-grounded-practice [data-studio-landing-role="hero"] .studio-render__image-flow-content { grid-template-columns: minmax(0,1fr); }
}
@container (max-width: 720px) {
  .studio-render.studio-render--landing > .studio-render__document { grid-template-columns: minmax(0,1fr); }
  .studio-render.studio-render--landing > .studio-render__document > [data-studio-landing-role="portfolio"] { grid-column: 1; --studio-section-margin-inline-default: var(--studio-landing-gutter); }
  .studio-render.studio-render--landing .studio-render__image-flow:is(.studio-render__image-flow--wrap-left,.studio-render__image-flow--wrap-right),
  .studio-render.studio-render--landing [data-studio-landing-role="about"].studio-render__section--text .studio-render__section-body { grid-template-columns: minmax(0,1fr); gap: 30px; }
  .studio-render.studio-render--landing [data-studio-landing-role="hero"] .studio-render__image-flow--wrap-right > .studio-render__image-flow-content { order: -1; }
  .studio-render.studio-render--landing [data-studio-landing-role="hero"] h1 { max-width: 18ch; }
  .studio-render.studio-render--landing [data-studio-landing-role="hero"] .studio-render__image { max-height: 540px; }
  .studio-render.studio-render--landing .studio-render__items { grid-template-columns: minmax(0,1fr); }
  .studio-render.studio-render--landing [data-studio-landing-role="metrics"] .studio-render__items { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .studio-render.studio-render--landing [data-studio-landing-role="metrics"] .studio-render__items > article { padding-right: 14px; }
  .studio-render.studio-render--landing [data-studio-landing-role="metrics"] h3 { font-size: var(--studio-frame-size-23,23px); }
  .studio-render.studio-render--landing .studio-render__layout--stacked .studio-render__items > article { grid-template-columns: minmax(0,1fr); gap: 10px; }
  .studio-render.studio-render--landing [data-studio-landing-role="contact"] .studio-render__fields { grid-template-columns: minmax(0,1fr); }
  .studio-render.studio-render--landing [data-studio-landing-role="contact"] .studio-render__field--half { grid-column: auto; }
  .studio-render.studio-render--landing [data-studio-landing-role="footer"] .studio-render__section-body { flex-direction: column; align-items: flex-start; }
  .studio-render.studio-render--composition-aurelia-finance [data-studio-landing-role="hero"] .studio-render__image,
  .studio-render.studio-render--composition-grounded-practice [data-studio-landing-role="hero"] .studio-render__image { aspect-ratio: 1.45; }
  .studio-render.studio-render--landing [data-studio-landing-role="portfolio"] + [data-studio-landing-role="portfolio"] + [data-studio-landing-role="portfolio"] .studio-render__image { aspect-ratio: 1.4; }
}
@container (max-width: 460px) {
  .studio-render.studio-render--landing [data-studio-landing-role="nav"] .studio-render__section-body { align-items: flex-start; flex-direction: column; gap: 8px; }
  .studio-render.studio-render--landing [data-studio-landing-role="nav"] .studio-render__section-links { justify-content: flex-start; gap: 4px 18px; }
  .studio-render.studio-render--landing [data-studio-landing-role="nav"] .studio-render__section-link { min-height: 40px; font-size: var(--studio-frame-size-12,12px); }
  .studio-render.studio-render--landing [data-studio-landing-role="metrics"] .studio-render__items { grid-template-columns: minmax(0,1fr); gap: 22px; }
  .studio-render.studio-render--landing [data-studio-landing-role="metrics"] .studio-render__items > article { border-right: 0; padding: 0; }
  .studio-render.studio-render--landing [data-studio-landing-role="metrics"] h3 { font-size: var(--studio-frame-size-28,28px); }
}

/* Counsel / Consultation --------------------------------------------------
 * Four native website starters share an editorial legal design system.
 * Theme colors remain authored brand/section settings, and the statue is an
 * ordinary replaceable image. Decorative rules contain no hidden copy or UI.
 * The wide website hero distributes its existing title, copy, image and links
 * without relocating sections or altering the editor's document order. */
.studio-render.studio-render--legal-site {
  --studio-landing-gutter: clamp(24px,7cqi,100px);
}
.studio-render.studio-render--legal-site .studio-render__section {
  --studio-section-margin-block-default: clamp(44px,7cqi,100px);
}
.studio-render.studio-render--legal-site :is(h1,h2,h3) {
  font-family: var(--studio-heading-font);
  font-weight: 400;
  letter-spacing: -.03em;
}
.studio-render.studio-render--legal-site h1 { line-height: 1.08; }
.studio-render.studio-render--legal-site h2 { max-width: 24ch; line-height: 1.16; }
.studio-render.studio-render--legal-site p { line-height: 1.8; }
.studio-render.studio-render--legal-site .studio-render__align--center h2 { margin-inline: auto; }
.studio-render.studio-render--legal-site [data-studio-landing-role="nav"] {
  --studio-section-margin-block-default: 22px;
  border-bottom: 0;
}
.studio-render.studio-render--legal-site [data-studio-landing-role="nav"] .studio-render__brand {
  font-family: var(--studio-heading-font);
  font-size: var(--studio-frame-size-26,26px);
  font-weight: 400;
}
.studio-render.studio-render--legal-site [data-studio-landing-role="nav"] .studio-render__section-link {
  font-size: var(--studio-frame-size-12,12px);
}
.studio-render.studio-render--legal-site .studio-render__section-link {
  min-height: 46px;
  padding-inline: 24px;
  font-weight: 500;
}
.studio-render.studio-render--legal-site .studio-render__section-link--text { padding-inline: 0; }
.studio-render.studio-render--legal-site [data-studio-landing-role="hero"] {
  --studio-section-margin-top-default: clamp(34px,4.5cqi,64px);
  --studio-section-margin-bottom-default: clamp(36px,5cqi,74px);
}
.studio-render.studio-render--legal-counsel [data-studio-landing-role="hero"] h1 {
  max-width: 22ch;
  font-size: var(--studio-frame-size-legal-counsel-title,clamp(40px,6.2cqi,92px));
}
.studio-render.studio-render--legal-counsel [data-studio-landing-role="hero"] .studio-render__image-flow--block {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(0,1.5fr) minmax(0,1fr);
  gap: clamp(24px,3cqi,44px);
  align-items: center;
  isolation: isolate;
}
.studio-render.studio-render--legal-counsel [data-studio-landing-role="hero"] .studio-render__image-flow--block > .studio-render__image-flow-content {
  display: contents;
}
.studio-render.studio-render--legal-counsel [data-studio-landing-role="hero"] .studio-render__image-flow--block h1 {
  grid-column: 1 / -1;
  grid-row: 1;
  justify-self: center;
  margin: 0;
  text-align: center;
}
.studio-render.studio-render--legal-counsel [data-studio-landing-role="hero"] .studio-render__image-flow--block > .studio-render__image {
  grid-column: 2;
  grid-row: 2;
  aspect-ratio: .7;
  height: auto;
  max-height: none;
  border-radius: var(--studio-radius);
}
.studio-render.studio-render--legal-counsel [data-studio-landing-role="hero"] .studio-render__image-flow--block p,
.studio-render.studio-render--legal-counsel [data-studio-landing-role="hero"] .studio-render__image-flow--block .studio-render__rich-text {
  grid-column: 1;
  grid-row: 2;
  max-width: 25ch;
  margin: 0;
  font-size: var(--studio-frame-size-14,14px);
  text-align: left;
}
.studio-render.studio-render--legal-counsel [data-studio-landing-role="hero"] .studio-render__image-flow--block .studio-render__section-links {
  grid-column: 3;
  grid-row: 2;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 12px;
  margin: 0;
}
.studio-render.studio-render--legal-counsel [data-studio-landing-role="hero"] .studio-render__image-flow--block::before {
  content: "";
  grid-column: 1 / -1;
  grid-row: 2;
  align-self: stretch;
  margin: 10% 16%;
  border: 1px solid color-mix(in srgb,var(--studio-border) 62%,transparent);
  transform: perspective(700px) rotateX(-4deg);
  pointer-events: none;
  z-index: -1;
}
/* The native Off-margin switch replaces this composition with the editor's
 * edge/content grid. Do not leave its normal siblings on shared hero rows. */
.studio-render.studio-render--legal-counsel [data-studio-landing-role="hero"][data-studio-section-off-margin] .studio-render__image-flow--block :is(h1,p,.studio-render__rich-text,.studio-render__section-links,.studio-render__image) {
  grid-row: auto;
}
.studio-render.studio-render--legal-counsel [data-studio-landing-role="hero"][data-studio-section-off-margin] .studio-render__image-flow--block::before { display: none; }
.studio-render.studio-render--legal-site [data-studio-landing-role="about"].studio-render__section--text .studio-render__section-body {
  display: block;
  max-width: 880px;
  margin-inline: auto;
}
.studio-render.studio-render--legal-site [data-studio-landing-role="about"] h2 {
  max-width: 25ch;
  font-size: var(--studio-frame-size-legal-statement,clamp(30px,4.2cqi,62px));
}
.studio-render.studio-render--legal-site [data-studio-landing-role="about"] p {
  max-width: 58ch;
  margin-top: 28px;
}
.studio-render.studio-render--legal-site [data-studio-landing-role="services"] .studio-render__items {
  gap: clamp(24px,4cqi,56px);
  margin-top: 48px;
}
.studio-render.studio-render--legal-site [data-studio-landing-role="services"] .studio-render__items > article {
  padding: 28px 0 0;
  border-width: 1px 0 0;
  border-radius: 0;
}
.studio-render.studio-render--legal-site [data-studio-landing-role="services"] .studio-render__item-mark {
  width: 32px;
  height: 32px;
  margin-bottom: 24px;
  border: 1px solid var(--studio-primary);
  border-radius: 50% 50% 0 0;
  background: color-mix(in srgb,var(--studio-primary) 9%,transparent);
  color: var(--studio-primary);
}
.studio-render.studio-render--legal-site [data-studio-landing-role="services"] .studio-render__items > article h3 {
  font-size: var(--studio-frame-size-26,26px);
  font-weight: 400;
  letter-spacing: -.025em;
}
.studio-render.studio-render--legal-site [data-studio-landing-role="services"] .studio-render__items > article > p {
  margin-top: 16px;
  font-size: var(--studio-frame-size-13,13px);
}
.studio-render.studio-render--legal-site [data-studio-landing-role="feature"].studio-render__section--image-text {
  border-top: 1px solid var(--studio-border);
}
.studio-render.studio-render--legal-site [data-studio-landing-role="feature"] .studio-render__image-flow {
  gap: clamp(34px,7cqi,100px);
}
.studio-render.studio-render--legal-site [data-studio-landing-role="feature"] .studio-render__image {
  aspect-ratio: .9;
  height: auto;
  background: var(--studio-surface);
}
.studio-render.studio-render--legal-site [data-studio-landing-role="feature"] .studio-render__copy > p {
  max-width: 43ch;
  margin-top: 24px;
}
.studio-render.studio-render--legal-site [data-studio-landing-role="metrics"] {
  --studio-section-margin-block-default: clamp(40px,6cqi,84px);
  border: 0;
}
.studio-render.studio-render--legal-site [data-studio-landing-role="metrics"] h2 {
  max-width: 24ch;
  font-family: var(--studio-heading-font);
  font-size: var(--studio-frame-size-landing-heading,clamp(30px,3.8cqi,56px));
}
.studio-render.studio-render--legal-site [data-studio-landing-role="metrics"] .studio-render__items {
  margin-top: 36px;
}
.studio-render.studio-render--legal-site [data-studio-landing-role="metrics"] .studio-render__items > article h3 {
  font-size: var(--studio-frame-size-26,26px);
  font-weight: 400;
}
.studio-render.studio-render--legal-site [data-studio-landing-role="metrics"] .studio-render__items > article p {
  max-width: 30ch;
  font-size: var(--studio-frame-size-13,13px);
}
.studio-render.studio-render--legal-site [data-studio-landing-role="band"] h2 {
  max-width: 21ch;
  font-size: var(--studio-frame-size-legal-statement,clamp(30px,4.2cqi,62px));
}
.studio-render.studio-render--legal-site [data-studio-landing-role="band"] p {
  max-width: 54ch;
  margin-top: 24px;
}
.studio-render.studio-render--legal-site [data-studio-landing-role="band"].studio-render__align--center p { margin-inline: auto; }
.studio-render.studio-render--legal-site .studio-render__section--faq .studio-render__items { gap: 0; margin-top: 32px; }
.studio-render.studio-render--legal-site .studio-render__section--faq details {
  padding: 22px 0;
  border-width: 0 0 1px;
  border-radius: 0;
  border-color: var(--studio-border);
  background: transparent;
}
.studio-render.studio-render--legal-site .studio-render__section--faq summary {
  font-size: var(--studio-frame-size-16,16px);
  font-weight: 500;
}
.studio-render.studio-render--legal-site .studio-render__section--faq details p {
  max-width: 70ch;
  font-size: var(--studio-frame-size-14,14px);
}
.studio-render.studio-render--legal-site [data-studio-landing-role="contact"] h2 { max-width: 22ch; }
.studio-render.studio-render--legal-site [data-studio-landing-role="contact"] .studio-render__section-body > p { max-width: 68ch; }
.studio-render.studio-render--legal-site [data-studio-landing-role="contact"] .studio-render__fields {
  max-width: none;
  margin-top: 42px;
  gap: 28px;
}
.studio-render.studio-render--legal-site [data-studio-landing-role="contact"] .studio-render__field > :is(input,textarea),
.studio-render.studio-render--legal-site [data-studio-landing-role="contact"] .studio-render__select > :is(select,.studio-render__select-control) {
  padding-inline: 0;
  border-width: 0 0 1px;
  border-radius: var(--studio-input-radius);
  background: var(--studio-input-background);
}
.studio-render.studio-render--legal-site [data-studio-landing-role="contact"] .studio-render__field [aria-invalid="true"] {
  border-color: #bf5353;
  box-shadow: 0 1px 0 #bf5353;
}
.studio-render.studio-render--legal-site [data-studio-landing-role="footer"] {
  --studio-section-margin-block-default: 30px;
}
.studio-render.studio-render--legal-site [data-studio-landing-role="footer"] h2 {
  font-family: var(--studio-heading-font);
  font-weight: 400;
}
.studio-render.studio-render--legal-site [data-studio-landing-role="footer"] p { font-size: var(--studio-frame-size-11,11px); }

/* Full-site light: a warm central monument and open practice-area columns. */
.studio-render.studio-render--composition-legal-counsel-light [data-studio-landing-role="services"] .studio-render__items > article {
  padding: 0 20px;
  border: 0;
}
.studio-render.studio-render--composition-legal-counsel-light [data-studio-landing-role="services"].studio-render__align--center .studio-render__item-mark { margin-inline: auto; }
.studio-render.studio-render--composition-legal-counsel-light [data-studio-landing-role="services"].studio-render__align--center .studio-render__section-body > p {
  max-width: 54ch;
  margin-inline: auto;
}

/* Full-site dark: staggered translucent service cards and mint accents. */
.studio-render.studio-render--composition-legal-counsel-dark [data-studio-landing-role="nav"] .studio-render__brand { color: var(--studio-primary); }
.studio-render.studio-render--composition-legal-counsel-dark [data-studio-landing-role="hero"] .studio-render__image-flow--block::before {
  grid-column: 2;
  margin: 12% 0 0;
  border-color: transparent;
  transform: none;
  background: linear-gradient(180deg,transparent,color-mix(in srgb,var(--studio-primary) 12%,transparent));
}
.studio-render.studio-render--composition-legal-counsel-dark [data-studio-landing-role="services"] .studio-render__items { gap: 20px; padding-bottom: 24px; }
.studio-render.studio-render--composition-legal-counsel-dark [data-studio-landing-role="services"] .studio-render__items > article {
  padding: 28px;
  border: 1px solid var(--studio-border);
  background: color-mix(in srgb,var(--studio-surface) 75%,transparent);
}
.studio-render.studio-render--composition-legal-counsel-dark [data-studio-landing-role="services"] .studio-render__items > article:nth-child(even) { transform: translateY(24px); }
.studio-render.studio-render--composition-legal-counsel-dark [data-studio-landing-role="metrics"] .studio-render__section-body {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(0,1fr);
  gap: 24px 60px;
}
.studio-render.studio-render--composition-legal-counsel-dark [data-studio-landing-role="metrics"] .studio-render__items {
  grid-column: 2;
  grid-row: 1 / span 3;
  grid-template-columns: minmax(0,1fr);
  margin: 0;
  gap: 36px;
}
.studio-render.studio-render--composition-legal-counsel-dark [data-studio-landing-role="metrics"] .studio-render__items > article {
  border: 0;
  border-top: 1px solid var(--studio-border);
  padding: 20px 0 0;
}
.studio-render.studio-render--composition-legal-counsel-dark [data-studio-landing-role="metrics"] .studio-render__items > article p { max-width: 40ch; }

/* Focused landing pages retain the same brand but shorten the reading path. */
.studio-render.studio-render--legal-consult [data-studio-landing-role="hero"] h1 {
  max-width: 13ch;
  font-size: var(--studio-frame-size-legal-consult-title,clamp(40px,5.4cqi,78px));
}
.studio-render.studio-render--legal-consult [data-studio-landing-role="hero"] .studio-render__image-flow { position: relative; isolation: isolate; }
.studio-render.studio-render--legal-consult [data-studio-landing-role="hero"] .studio-render__image {
  aspect-ratio: 1;
  height: auto;
  max-height: none;
}
.studio-render.studio-render--legal-consult [data-studio-landing-role="hero"] .studio-render__image-flow--wrap-right::before {
  content: "";
  position: absolute;
  top: 10%;
  right: 3%;
  bottom: 4%;
  width: 38%;
  border: 1px solid var(--studio-border);
  border-radius: 48% 48% 0 0;
  background: color-mix(in srgb,var(--studio-primary) 5%,transparent);
  pointer-events: none;
  z-index: -1;
}
.studio-render.studio-render--legal-consult [data-studio-landing-role="services"] {
  --studio-section-margin-block-default: clamp(36px,5cqi,72px);
  border-block: 1px solid var(--studio-border);
}
.studio-render.studio-render--legal-consult [data-studio-landing-role="contact"] {
  --studio-section-margin-top-default: clamp(38px,5cqi,72px);
}
.studio-render.studio-render--composition-legal-consult-dark [data-studio-landing-role="nav"] .studio-render__brand { color: var(--studio-primary); }

/* An inner website page has a real, editable introduction rather than the
 * small overline used by single-page layouts. Keep authored type and margin
 * overrides authoritative, and scope these defaults to paged documents. */
.studio-render.studio-render--landing[data-studio-page-id] .studio-render__section--introduction[data-studio-landing-role="eyebrow"] {
  --studio-section-margin-top-default: clamp(48px,6cqi,86px);
  --studio-section-margin-bottom-default: clamp(32px,4cqi,58px);
  padding-top: var(--studio-section-margin-top,var(--studio-section-margin-top-default));
  padding-bottom: var(--studio-section-margin-bottom,var(--studio-section-margin-bottom-default));
  border-top: 0;
}
.studio-render.studio-render--landing[data-studio-page-id] .studio-render__section--introduction[data-studio-landing-role="eyebrow"] h1 {
  max-width: 23ch; font-family: var(--studio-heading-font);
  font-size: var(--studio-frame-size-website-page-title,clamp(38px,5.4cqi,74px));
  line-height: 1.08; letter-spacing: -.035em; text-transform: none;
}
.studio-render.studio-render--landing[data-studio-page-id] .studio-render__section--introduction[data-studio-landing-role="eyebrow"] p {
  max-width: 66ch; margin-top: 24px; font-family: var(--studio-font);
  font-size: var(--studio-frame-size-15,15px); line-height: 1.8; letter-spacing: 0; text-transform: none;
}
.studio-render.studio-render--landing[data-studio-page-id] .studio-render__section--introduction.studio-render__align--center[data-studio-landing-role="eyebrow"] :is(h1,p) { margin-inline: auto; }

/* Alden legal ------------------------------------------------------------
 * A portrait-led library introduction, classic editorial typography, and
 * three native photographic practice cards. The responsive portrait changes
 * from backdrop to in-flow photograph rather than placing copy over a face.
 * Authored image dimensions and fit remain inline/native and authoritative. */
.studio-render.studio-render--alden { --studio-landing-gutter: clamp(24px,6.2cqi,90px); --studio-alden-panel-gutter: clamp(24px,3.3cqi,44px); }
.studio-render.studio-render--alden > .studio-render__document { grid-template-columns: var(--studio-landing-gutter) repeat(6,minmax(0,1fr)) var(--studio-landing-gutter); }
.studio-render.studio-render--alden .studio-render__section { --studio-section-margin-block-default: clamp(46px,6.8cqi,98px); }
.studio-render.studio-render--alden :is(h1,h2,h3) { font-family: var(--studio-heading-font); font-weight: 400; letter-spacing: -.025em; }
.studio-render.studio-render--alden h1 { line-height: 1.08; }
.studio-render.studio-render--alden h2 { max-width: 23ch; font-size: var(--studio-frame-size-alden-heading,clamp(30px,3.8cqi,54px)); line-height: 1.15; }
.studio-render.studio-render--alden p { font-size: var(--studio-frame-size-14,14px); line-height: 1.85; }
.studio-render.studio-render--alden .studio-render__align--center h2 { margin-inline: auto; }
.studio-render.studio-render--alden [data-studio-landing-role="nav"] { --studio-section-margin-block-default: 20px; border: 0; }
.studio-render.studio-render--alden [data-studio-landing-role="nav"] .studio-render__brand { font-family: var(--studio-heading-font); font-size: var(--studio-frame-size-28,28px); font-weight: 400; letter-spacing: -.015em; }
.studio-render.studio-render--alden [data-studio-landing-role="nav"] .studio-render__section-link { font-size: var(--studio-frame-size-12,12px); }
.studio-render.studio-render--alden .studio-render__section-link { min-height: 46px; padding-inline: 24px; font-size: var(--studio-frame-size-13,13px); font-weight: 500; }
.studio-render.studio-render--alden .studio-render__section-link--text { padding-inline: 0; }
.studio-render.studio-render--alden [data-studio-landing-role="hero"] { --studio-section-margin-block-default: clamp(54px,7.5cqi,108px); display: flex; align-items: center; isolation: isolate; }
.studio-render.studio-render--alden [data-studio-landing-role="hero"]:has(.studio-render__image--background:not([style*="height:"])) { min-height: 680px; }
.studio-render.studio-render--alden [data-studio-landing-role="hero"] h1 { max-width: 13ch; font-size: var(--studio-frame-size-alden-title,clamp(38px,5.6cqi,80px)); }
.studio-render.studio-render--alden [data-studio-landing-role="hero"] p { max-width: 43ch; margin-top: 26px; font-size: var(--studio-frame-size-14,14px); }
.studio-render.studio-render--alden [data-studio-landing-role="hero"] .studio-render__section-links { max-width: 510px; gap: 14px 28px; margin-top: 32px; }
.studio-render.studio-render--alden [data-studio-landing-role="hero"].studio-render__section--image-background::after { content: ""; position: absolute; inset: 0; z-index: 0; background: linear-gradient(90deg,rgba(17,14,10,.79),rgba(17,14,10,.59) 36%,rgba(17,14,10,.12) 66%,rgba(17,14,10,.02)); pointer-events: none; }
.studio-render.studio-render--alden [data-studio-landing-role="hero"] .studio-render__image--background { height: 100%; max-height: none; margin: 0; }
.studio-render.studio-render--alden [data-studio-landing-role="about"] .studio-render__image-flow { gap: clamp(34px,7cqi,100px); }
.studio-render.studio-render--alden [data-studio-landing-role="about"] .studio-render__image { aspect-ratio: 1.03; height: auto; max-height: none; border-radius: var(--studio-radius); }
.studio-render.studio-render--alden [data-studio-landing-role="about"] .studio-render__copy > p { max-width: 43ch; margin-top: 26px; }
.studio-render.studio-render--alden [data-studio-landing-role="about"] .studio-render__section-links { margin-top: 28px; }
.studio-render.studio-render--alden [data-studio-landing-role="eyebrow"] { --studio-section-margin-top-default: 28px; --studio-section-margin-bottom-default: 18px; padding-top: var(--studio-section-margin-top,var(--studio-section-margin-top-default)); padding-bottom: var(--studio-section-margin-bottom,var(--studio-section-margin-bottom-default)); border-top: 1px solid var(--studio-border); }
.studio-render.studio-render--alden [data-studio-landing-role="eyebrow"] h2 { max-width: 24ch; font-family: var(--studio-heading-font); font-size: var(--studio-frame-size-alden-heading,clamp(30px,3.8cqi,54px)); font-weight: 400; letter-spacing: -.025em; text-transform: none; }
.studio-render.studio-render--alden [data-studio-landing-role="eyebrow"] p { max-width: 64ch; margin-top: 24px; font-size: var(--studio-frame-size-14,14px); letter-spacing: 0; text-transform: none; }
.studio-render.studio-render--alden > .studio-render__document > [data-studio-landing-role="portfolio"] { grid-column: 2 / span 2; --studio-section-margin-block-default: 30px; --studio-section-margin-inline-default: 0px; padding-left: var(--studio-section-margin-left,0px); padding-right: var(--studio-section-margin-right,24px); }
.studio-render.studio-render--alden > .studio-render__document > [data-studio-landing-role="portfolio"] + [data-studio-landing-role="portfolio"] { grid-column: 4 / span 2; padding-left: var(--studio-section-margin-left,12px); padding-right: var(--studio-section-margin-right,12px); }
.studio-render.studio-render--alden > .studio-render__document > [data-studio-landing-role="portfolio"] + [data-studio-landing-role="portfolio"] + [data-studio-landing-role="portfolio"] { grid-column: 6 / span 2; padding-left: var(--studio-section-margin-left,24px); padding-right: var(--studio-section-margin-right,0px); }
.studio-render.studio-render--alden [data-studio-landing-role="portfolio"] .studio-render__image { aspect-ratio: 1.28; height: auto; max-height: none; border-radius: var(--studio-radius); }
.studio-render.studio-render--alden [data-studio-landing-role="portfolio"] + [data-studio-landing-role="portfolio"] + [data-studio-landing-role="portfolio"] .studio-render__image { aspect-ratio: 1.28; }
.studio-render.studio-render--alden [data-studio-landing-role="portfolio"] .studio-render__image-flow--block > .studio-render__image-flow-content { margin-top: 24px; }
.studio-render.studio-render--alden [data-studio-landing-role="portfolio"] h2 { font-family: var(--studio-heading-font); font-size: var(--studio-frame-size-28,28px); font-weight: 400; line-height: 1.22; }
.studio-render.studio-render--alden [data-studio-landing-role="portfolio"] p { max-width: 44ch; font-size: var(--studio-frame-size-13,13px); }
.studio-render.studio-render--alden [data-studio-landing-role="portfolio"] .studio-render__section-links { margin-top: 18px; }
.studio-render.studio-render--alden [data-studio-landing-role="portfolio"] .studio-render__section-link { font-size: var(--studio-frame-size-12,12px); }
.studio-render.studio-render--alden [data-studio-landing-role="services"] { border-block: 1px solid var(--studio-border); }
.studio-render.studio-render--alden [data-studio-landing-role="services"] .studio-render__section-body > p { max-width: 62ch; margin-top: 24px; }
.studio-render.studio-render--alden [data-studio-landing-role="services"] .studio-render__items { gap: 34px; margin-top: 38px; }
.studio-render.studio-render--alden [data-studio-landing-role="services"] .studio-render__items > article { padding: 0; border: 0; border-radius: 0; }
.studio-render.studio-render--alden [data-studio-landing-role="services"] .studio-render__item-mark { width: 40px; height: 2px; margin-bottom: 26px; border: 0; border-radius: 0; background: var(--studio-primary); }
.studio-render.studio-render--alden [data-studio-landing-role="services"] .studio-render__items h3 { font-family: var(--studio-heading-font); font-size: var(--studio-frame-size-26,26px); font-weight: 400; line-height: 1.25; }
.studio-render.studio-render--alden [data-studio-landing-role="services"] .studio-render__items p { margin-top: 20px; font-size: var(--studio-frame-size-13,13px); }
.studio-render.studio-render--alden .studio-render__section--faq[data-studio-landing-role="feature"] .studio-render__section-body { display: grid; grid-template-columns: minmax(0,.85fr) minmax(0,1.15fr); align-items: start; gap: 26px clamp(34px,6.2cqi,90px); }
.studio-render.studio-render--alden .studio-render__section--faq .studio-render__section-body > h2 { grid-column: 1; }
.studio-render.studio-render--alden .studio-render__section--faq .studio-render__section-body > p { grid-column: 1; margin: 0; }
.studio-render.studio-render--alden .studio-render__section--faq .studio-render__items { grid-column: 2; grid-row: 1 / span 3; gap: 0; margin: 0; }
.studio-render.studio-render--alden .studio-render__section--faq details { padding: 25px 0; border-color: var(--studio-border); }
.studio-render.studio-render--alden .studio-render__section--faq summary { font-size: var(--studio-frame-size-15,15px); font-weight: 550; line-height: 1.6; }
.studio-render.studio-render--alden .studio-render__section--faq details p { max-width: 57ch; font-size: var(--studio-frame-size-13,13px); }
.studio-render.studio-render--alden [data-studio-landing-role="band"] { --studio-section-margin-block-default: clamp(48px,6cqi,86px); border-top: 1px solid var(--studio-border); }
.studio-render.studio-render--alden [data-studio-landing-role="band"] h2 { max-width: 23ch; font-size: var(--studio-frame-size-alden-heading,clamp(30px,3.8cqi,54px)); }
.studio-render.studio-render--alden [data-studio-landing-role="band"] p { max-width: 60ch; margin-top: 26px; }
.studio-render.studio-render--alden [data-studio-landing-role="band"].studio-render__align--center p { margin-inline: auto; }
.studio-render.studio-render--alden [data-studio-landing-role="band"] .studio-render__section-links { margin-top: 30px; }
.studio-render.studio-render--alden [data-studio-landing-role="contact"] { --studio-section-margin-bottom-default: 44px; padding-bottom: var(--studio-section-margin-bottom,var(--studio-section-margin-bottom-default)); border: 0; isolation: isolate; }
.studio-render.studio-render--alden [data-studio-landing-role="contact"].studio-render__section--image-background::before { content: ""; position: absolute; inset: 0; z-index: -1; background: rgba(20,17,13,.48); pointer-events: none; }
.studio-render.studio-render--alden [data-studio-landing-role="contact"] .studio-render__image--background { z-index: -2; height: 100%; max-height: none; }
.studio-render.studio-render--alden [data-studio-landing-role="contact"] .studio-render__section-body { max-width: 900px; padding: var(--studio-alden-panel-gutter); border-top: 2px solid var(--studio-primary); border-radius: var(--studio-radius); background: var(--studio-background); }
.studio-render.studio-render--alden [data-studio-landing-role="contact"] h2 { max-width: 23ch; }
.studio-render.studio-render--alden [data-studio-landing-role="contact"] .studio-render__fields { max-width: none; margin-top: 32px; gap: 22px; }
.studio-render.studio-render--alden [data-studio-landing-role="contact"] .studio-render__field > label { font-size: var(--studio-frame-size-12,12px); }
.studio-render.studio-render--alden [data-studio-landing-role="contact"] .studio-render__field > :is(input,textarea),
.studio-render.studio-render--alden [data-studio-landing-role="contact"] .studio-render__select > :is(select,.studio-render__select-control) { min-height: 48px; padding: 13px 14px; }
.studio-render.studio-render--alden [data-studio-landing-role="contact"] .studio-render__field [aria-invalid="true"] { border-color: #a12b3c; box-shadow: 0 0 0 1px #a12b3c; }
.studio-render.studio-render--alden > .studio-render__document > .studio-render__actions { width: 100%; padding: 24px max(calc(var(--studio-landing-gutter) + var(--studio-alden-panel-gutter)),calc((100% - 900px)/2 + var(--studio-alden-panel-gutter))) clamp(38px,4.5cqi,66px); background: var(--studio-sidebar); color: var(--studio-sidebar-text); }
.studio-render.studio-render--alden .studio-render__actions button { min-height: 48px; padding-inline: 28px; }
.studio-render.studio-render--alden [data-studio-landing-role="footer"] { --studio-section-margin-block-default: 32px; border-top: 1px solid color-mix(in srgb,var(--studio-sidebar-text) 18%,transparent); }
.studio-render.studio-render--alden [data-studio-landing-role="footer"] h2 { font-family: var(--studio-heading-font); font-size: var(--studio-frame-size-26,26px); font-weight: 400; }
.studio-render.studio-render--alden [data-studio-landing-role="footer"] p { max-width: 56ch; font-size: var(--studio-frame-size-11,11px); }
.studio-render.studio-render--alden [data-studio-landing-role="footer"] .studio-render__section-link { font-size: var(--studio-frame-size-12,12px); }
.studio-render.studio-render--composition-alden-legal-landing [data-studio-landing-role="hero"]:has(.studio-render__image--background:not([style*="height:"])) { min-height: 610px; }
.studio-render.studio-render--alden .studio-render__section--faq[data-studio-section-off-margin] .studio-render__section-body > :is(h2,p,.studio-render__items) { grid-row: auto; }
.studio-render.studio-render--alden .studio-render__section--faq[data-studio-section-off-margin] .studio-render__section-body > :is(h2,p,.studio-render__items):not([data-studio-off-margin]) { grid-column: studio-content-start / studio-content-end; }

@container (max-width: 900px) {
  .studio-render.studio-render--alden [data-studio-landing-role="hero"] h1 { max-width: 12ch; }
  .studio-render.studio-render--alden [data-studio-landing-role="hero"] p { max-width: 36ch; }
  .studio-render.studio-render--alden .studio-render__section--faq[data-studio-landing-role="feature"] .studio-render__section-body { gap: 24px 36px; }
}
@container (max-width: 720px) {
  .studio-render.studio-render--alden > .studio-render__document { grid-template-columns: minmax(0,1fr); }
  .studio-render.studio-render--alden .studio-render__section { --studio-section-margin-block-default: 44px; }
  .studio-render.studio-render--alden [data-studio-landing-role="nav"] { --studio-section-margin-block-default: 18px; }
  .studio-render.studio-render--alden [data-studio-landing-role="hero"],
  .studio-render.studio-render--alden [data-studio-landing-role="hero"]:has(.studio-render__image--background:not([style*="height:"])) { display: block; min-height: 0; --studio-section-margin-top-default: 24px; --studio-section-margin-bottom-default: 44px; padding-top: var(--studio-section-margin-top,var(--studio-section-margin-top-default)); padding-bottom: var(--studio-section-margin-bottom,var(--studio-section-margin-bottom-default)); }
  .studio-render.studio-render--alden [data-studio-landing-role="hero"].studio-render__section--image-background::after { display: none; }
  .studio-render.studio-render--alden [data-studio-landing-role="hero"] .studio-render__image--background { position: static; inset: auto; height: auto; min-height: 0; max-height: none; aspect-ratio: 1.4; margin: 0 0 28px; border-radius: var(--studio-radius); }
  .studio-render.studio-render--alden [data-studio-landing-role="hero"] h1 { max-width: 20ch; }
  .studio-render.studio-render--alden [data-studio-landing-role="hero"] p { max-width: 44ch; }
  .studio-render.studio-render--alden [data-studio-landing-role="hero"] .studio-render__section-links { gap: 14px 24px; }
  .studio-render.studio-render--alden [data-studio-landing-role="about"] .studio-render__image { aspect-ratio: 1.2; }
  .studio-render.studio-render--alden > .studio-render__document > :is([data-studio-landing-role="portfolio"],[data-studio-landing-role="portfolio"] + [data-studio-landing-role="portfolio"],[data-studio-landing-role="portfolio"] + [data-studio-landing-role="portfolio"] + [data-studio-landing-role="portfolio"]) { grid-column: 1 / -1; --studio-section-margin-block-default: 26px; padding-left: var(--studio-section-margin-left,var(--studio-landing-gutter)); padding-right: var(--studio-section-margin-right,var(--studio-landing-gutter)); }
  .studio-render.studio-render--alden [data-studio-landing-role="portfolio"] .studio-render__image { aspect-ratio: 1.4; }
  .studio-render.studio-render--alden [data-studio-landing-role="portfolio"] + [data-studio-landing-role="portfolio"] + [data-studio-landing-role="portfolio"] .studio-render__image { aspect-ratio: 1.4; }
  .studio-render.studio-render--alden [data-studio-landing-role="services"] .studio-render__items { grid-template-columns: minmax(0,1fr); gap: 28px; margin-top: 30px; }
  .studio-render.studio-render--alden .studio-render__section--faq[data-studio-landing-role="feature"] .studio-render__section-body { display: block; }
  .studio-render.studio-render--alden .studio-render__section--faq .studio-render__section-body > p { margin-top: 22px; }
  .studio-render.studio-render--alden .studio-render__section--faq .studio-render__items { margin-top: 30px; }
  .studio-render.studio-render--alden [data-studio-landing-role="contact"] .studio-render__fields { margin-top: 28px; }
  .studio-render.studio-render--alden [data-studio-landing-role="footer"] { --studio-section-margin-block-default: 28px; }
}

/* Sage legal -------------------------------------------------------------
 * A calm, serif-led family with forest panels and warm, replaceable photos.
 * Colors are inherited from the editable theme; motif SVGs and arrow discs
 * are decorative children of native items/actions, never simulated controls. */
.studio-render.studio-render--sage { --studio-landing-gutter: clamp(24px,6cqi,86px); }
.studio-render.studio-render--sage .studio-render__section { --studio-section-margin-block-default: clamp(46px,6.5cqi,94px); }
.studio-render.studio-render--sage :is(h1,h2,h3) { font-family: var(--studio-heading-font); font-weight: 400; letter-spacing: -.03em; }
.studio-render.studio-render--sage h1 { line-height: 1.07; }
.studio-render.studio-render--sage h2 { max-width: 23ch; font-size: var(--studio-frame-size-sage-heading,clamp(30px,3.8cqi,54px)); line-height: 1.13; }
.studio-render.studio-render--sage p { font-size: var(--studio-frame-size-14,14px); line-height: 1.8; }
.studio-render.studio-render--sage .studio-render__align--center h2 { margin-inline: auto; }
.studio-render.studio-render--sage [data-studio-landing-role="nav"] { --studio-section-margin-block-default: 20px; border: 0; }
.studio-render.studio-render--sage [data-studio-landing-role="nav"] .studio-render__brand { font-family: var(--studio-heading-font); font-size: var(--studio-frame-size-28,28px); font-weight: 600; }
.studio-render.studio-render--sage [data-studio-landing-role="nav"] .studio-render__section-link { font-size: var(--studio-frame-size-12,12px); }
.studio-render.studio-render--sage .studio-render__section-link { min-height: 48px; padding-inline: 24px; font-size: var(--studio-frame-size-13,13px); font-weight: 500; }
.studio-render.studio-render--sage .studio-render__section-link--text { padding-inline: 0; }
.studio-render.studio-render--sage .studio-render__section-link--primary,
.studio-render.studio-render--sage .studio-render__actions [data-studio-submit] { display: inline-flex; align-items: center; justify-content: center; gap: 18px; padding: 7px 7px 7px 23px; }
.studio-render.studio-render--sage .studio-render__link-arrow { display: inline-flex; flex: 0 0 32px; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 50%; background: var(--studio-surface); color: var(--studio-text); }
.studio-render.studio-render--sage .studio-render__link-arrow svg { display: block; width: 16px; height: 16px; }
.studio-render.studio-render--sage [data-studio-landing-role="hero"] { --studio-section-margin-top-default: clamp(32px,4.5cqi,66px); --studio-section-margin-bottom-default: clamp(40px,5cqi,74px); padding-top: var(--studio-section-margin-top,var(--studio-section-margin-top-default)); padding-bottom: var(--studio-section-margin-bottom,var(--studio-section-margin-bottom-default)); }
.studio-render.studio-render--sage [data-studio-landing-role="hero"] h1 { max-width: 22ch; font-size: var(--studio-frame-size-sage-title,clamp(38px,5.8cqi,82px)); }
.studio-render.studio-render--sage [data-studio-landing-role="hero"] p { max-width: 58ch; margin-top: 24px; font-size: var(--studio-frame-size-14,14px); }
.studio-render.studio-render--sage [data-studio-landing-role="hero"] .studio-render__section-links { margin-top: 28px; gap: 14px 28px; }
.studio-render.studio-render--sage [data-studio-landing-role="hero"] .studio-render__image-flow--block { gap: clamp(34px,4.5cqi,64px); }
.studio-render.studio-render--sage [data-studio-landing-role="hero"] .studio-render__image { aspect-ratio: 2.15; height: auto; max-height: none; border-radius: var(--studio-radius); }
.studio-render.studio-render--sage [data-studio-landing-role="services"] {
  --studio-section-margin-inline-default: clamp(24px,4.4cqi,64px);
  --studio-section-margin-block-default: clamp(40px,5.5cqi,80px);
  width: calc(100% - clamp(24px,4cqi,56px));
  margin-inline: auto;
  border-radius: var(--studio-radius);
}
.studio-render.studio-render--sage [data-studio-landing-role="services"] h2 { max-width: 21ch; }
.studio-render.studio-render--sage [data-studio-landing-role="services"] .studio-render__section-body > p { max-width: 59ch; margin-top: 24px; }
.studio-render.studio-render--sage [data-studio-landing-role="services"] .studio-render__items { gap: 22px; margin-top: 36px; }
.studio-render.studio-render--sage [data-studio-landing-role="services"] .studio-render__items > article { padding: clamp(24px,2.5cqi,36px); border: 0; border-radius: max(0px,calc(var(--studio-radius) - 10px)); background: var(--studio-background); color: var(--studio-text); }
.studio-render.studio-render--sage [data-studio-landing-role="services"] .studio-render__items > article:nth-child(5) { background: var(--studio-surface); }
.studio-render.studio-render--sage [data-studio-landing-role="services"] .studio-render__item-mark { display: block; width: 34px; height: 34px; margin-bottom: 30px; border: 0; border-radius: 0; background: transparent; }
.studio-render.studio-render--sage [data-studio-landing-role="services"] .studio-render__item-mark svg { display: block; width: 100%; height: 100%; }
.studio-render.studio-render--sage [data-studio-landing-role="services"] .studio-render__items h3 { font-family: var(--studio-heading-font); font-size: var(--studio-frame-size-26,26px); font-weight: 400; line-height: 1.2; }
.studio-render.studio-render--sage [data-studio-landing-role="services"] .studio-render__items p { max-width: 36ch; margin-top: 18px; font-size: var(--studio-frame-size-13,13px); }
.studio-render.studio-render--sage [data-studio-landing-role="about"].studio-render__section--image-text .studio-render__image-flow { gap: clamp(34px,6.5cqi,94px); }
.studio-render.studio-render--sage [data-studio-landing-role="about"] .studio-render__image { aspect-ratio: 1.12; height: auto; max-height: none; border-radius: var(--studio-radius); }
.studio-render.studio-render--sage [data-studio-landing-role="about"] .studio-render__copy > p { max-width: 44ch; margin-top: 28px; }
.studio-render.studio-render--sage [data-studio-landing-role="eyebrow"] { --studio-section-margin-top-default: 34px; --studio-section-margin-bottom-default: 16px; padding-top: var(--studio-section-margin-top,var(--studio-section-margin-top-default)); padding-bottom: var(--studio-section-margin-bottom,var(--studio-section-margin-bottom-default)); }
.studio-render.studio-render--sage [data-studio-landing-role="eyebrow"] h2 { max-width: 24ch; font-family: var(--studio-heading-font); font-size: var(--studio-frame-size-sage-heading,clamp(30px,3.8cqi,54px)); font-weight: 400; letter-spacing: -.03em; text-transform: none; }
.studio-render.studio-render--sage [data-studio-landing-role="eyebrow"] p { max-width: 60ch; margin-top: 24px; font-size: var(--studio-frame-size-14,14px); letter-spacing: 0; text-transform: none; }
.studio-render.studio-render--sage [data-studio-landing-role="portfolio"] { --studio-section-margin-block-default: 28px; }
.studio-render.studio-render--sage [data-studio-landing-role="portfolio"] .studio-render__image { aspect-ratio: 1.05; height: auto; max-height: none; border-radius: var(--studio-radius); background: color-mix(in srgb,var(--studio-primary) 6%,var(--studio-background)); }
.studio-render.studio-render--sage [data-studio-landing-role="portfolio"] .studio-render__image-flow--block > .studio-render__image-flow-content { margin-top: 24px; }
.studio-render.studio-render--sage [data-studio-landing-role="portfolio"] h2 { font-family: var(--studio-heading-font); font-size: var(--studio-frame-size-28,28px); font-weight: 400; }
.studio-render.studio-render--sage [data-studio-landing-role="portfolio"] p { max-width: 48ch; font-size: var(--studio-frame-size-13,13px); }
.studio-render.studio-render--sage [data-studio-landing-role="portfolio"] .studio-render__section-links { margin-top: 18px; }
.studio-render.studio-render--sage .studio-render__section--faq[data-studio-landing-role="feature"] .studio-render__section-body { display: grid; grid-template-columns: minmax(0,.85fr) minmax(0,1.15fr); gap: 28px clamp(34px,6cqi,86px); align-items: start; }
.studio-render.studio-render--sage .studio-render__section--faq .studio-render__section-body > h2 { grid-column: 1; }
.studio-render.studio-render--sage .studio-render__section--faq .studio-render__section-body > p { grid-column: 1; margin: 0; }
.studio-render.studio-render--sage .studio-render__section--faq .studio-render__items { grid-column: 2; grid-row: 1 / span 3; gap: 0; margin: 0; }
.studio-render.studio-render--sage .studio-render__section--faq details { padding: 25px 0; border-color: var(--studio-border); }
.studio-render.studio-render--sage .studio-render__section--faq summary { font-size: var(--studio-frame-size-15,15px); font-weight: 550; line-height: 1.6; }
.studio-render.studio-render--sage .studio-render__section--faq details p { max-width: 57ch; font-size: var(--studio-frame-size-13,13px); }
.studio-render.studio-render--sage [data-studio-landing-role="band"] { --studio-section-margin-block-default: clamp(52px,7cqi,100px); }
.studio-render.studio-render--sage [data-studio-landing-role="band"] h2 { max-width: 20ch; font-size: var(--studio-frame-size-sage-title,clamp(38px,5.8cqi,82px)); }
.studio-render.studio-render--sage [data-studio-landing-role="band"] p { max-width: 58ch; margin-top: 26px; }
.studio-render.studio-render--sage [data-studio-landing-role="band"].studio-render__align--center p { margin-inline: auto; }
.studio-render.studio-render--sage [data-studio-landing-role="band"] .studio-render__section-links { margin-top: 32px; }
.studio-render.studio-render--sage [data-studio-landing-role="band"] .studio-render__section-link--primary { border-color: var(--studio-surface); background: var(--studio-surface); color: var(--studio-text); }
.studio-render.studio-render--sage [data-studio-landing-role="band"] .studio-render__link-arrow { background: var(--studio-primary); color: var(--studio-surface); }
.studio-render.studio-render--sage [data-studio-landing-role="contact"] { border: 0; }
.studio-render.studio-render--sage [data-studio-landing-role="contact"] .studio-render__section-body { max-width: 920px; }
.studio-render.studio-render--sage [data-studio-landing-role="contact"] .studio-render__fields { max-width: none; margin-top: 36px; gap: 24px; }
.studio-render.studio-render--sage [data-studio-landing-role="contact"] .studio-render__field > label { font-size: var(--studio-frame-size-12,12px); }
.studio-render.studio-render--sage [data-studio-landing-role="contact"] .studio-render__field > :is(input,textarea),
.studio-render.studio-render--sage [data-studio-landing-role="contact"] .studio-render__select > :is(select,.studio-render__select-control) { min-height: 50px; padding: 14px 16px; }
.studio-render.studio-render--sage [data-studio-landing-role="contact"] .studio-render__field [aria-invalid="true"] { border-color: #a12b3c; box-shadow: 0 0 0 1px #a12b3c; }
.studio-render.studio-render--sage > .studio-render__document > .studio-render__actions { padding-inline: max(var(--studio-landing-gutter),calc((100% - 920px)/2)); }
.studio-render.studio-render--sage [data-studio-landing-role="footer"] { --studio-section-margin-block-default: 40px; border-top: 0; }
.studio-render.studio-render--sage [data-studio-landing-role="footer"] h2 { font-family: var(--studio-heading-font); font-size: var(--studio-frame-size-28,28px); font-weight: 400; }
.studio-render.studio-render--sage [data-studio-landing-role="footer"] p { max-width: 56ch; font-size: var(--studio-frame-size-11,11px); }
.studio-render.studio-render--sage [data-studio-landing-role="footer"] .studio-render__section-link { font-size: var(--studio-frame-size-12,12px); }
.studio-render.studio-render--composition-sage-legal-landing [data-studio-landing-role="hero"] h1 { max-width: 24ch; }
.studio-render.studio-render--composition-sage-legal-landing [data-studio-landing-role="hero"] .studio-render__image { aspect-ratio: 2.7; }
.studio-render.studio-render--sage .studio-render__section--faq[data-studio-section-off-margin] .studio-render__section-body > :is(h2,p,.studio-render__items) { grid-row: auto; }
.studio-render.studio-render--sage .studio-render__section--faq[data-studio-section-off-margin] .studio-render__section-body > :is(h2,p,.studio-render__items):not([data-studio-off-margin]) { grid-column: studio-content-start / studio-content-end; }

@container (max-width: 900px) {
  .studio-render.studio-render--sage [data-studio-landing-role="services"] .studio-render__items { gap: 18px; }
  .studio-render.studio-render--sage [data-studio-landing-role="services"] .studio-render__items > article { padding: 24px; }
  .studio-render.studio-render--sage .studio-render__section--faq[data-studio-landing-role="feature"] .studio-render__section-body { gap: 24px 36px; }
}
@container (max-width: 720px) {
  .studio-render.studio-render--sage .studio-render__section { --studio-section-margin-block-default: 44px; }
  .studio-render.studio-render--sage [data-studio-landing-role="nav"] { --studio-section-margin-block-default: 18px; }
  .studio-render.studio-render--sage [data-studio-landing-role="hero"] h1 { max-width: 20ch; }
  .studio-render.studio-render--sage [data-studio-landing-role="hero"] .studio-render__image { aspect-ratio: 2; max-height: none; }
  .studio-render.studio-render--sage [data-studio-landing-role="services"] { --studio-section-margin-block-default: 36px; --studio-section-margin-inline-default: 24px; }
  .studio-render.studio-render--sage [data-studio-landing-role="services"] .studio-render__items { gap: 18px; margin-top: 28px; grid-template-columns: minmax(0,1fr); }
  .studio-render.studio-render--sage [data-studio-landing-role="services"] .studio-render__items > article { padding: 28px; }
  .studio-render.studio-render--sage [data-studio-landing-role="about"] .studio-render__image { aspect-ratio: 1.25; }
  .studio-render.studio-render--sage [data-studio-landing-role="portfolio"] { --studio-section-margin-block-default: 26px; }
  .studio-render.studio-render--sage .studio-render__section--faq[data-studio-landing-role="feature"] .studio-render__section-body { display: block; }
  .studio-render.studio-render--sage .studio-render__section--faq .studio-render__section-body > p { margin-top: 22px; }
  .studio-render.studio-render--sage .studio-render__section--faq .studio-render__items { margin-top: 30px; }
  .studio-render.studio-render--sage [data-studio-landing-role="contact"] .studio-render__fields { margin-top: 30px; }
  .studio-render.studio-render--sage [data-studio-landing-role="footer"] { --studio-section-margin-block-default: 32px; }
}

/* Clarity legal ----------------------------------------------------------
 * Native background photography, two-up editable photo stories and a ruled
 * service/process layout. The same selectors apply to a Studio document or
 * its standalone form wrapper; no preview-only layout or painted controls. */
.studio-render.studio-render--clarity { --studio-landing-gutter: clamp(24px,6cqi,86px); }
.studio-render.studio-render--clarity .studio-render__section { --studio-section-margin-block-default: clamp(46px,6.5cqi,94px); }
.studio-render.studio-render--clarity :is(h1,h2,h3) { font-family: var(--studio-heading-font); }
.studio-render.studio-render--clarity h1 { font-weight: 650; letter-spacing: -.035em; line-height: 1.02; }
.studio-render.studio-render--clarity h2 { max-width: 23ch; font-size: var(--studio-frame-size-clarity-heading,clamp(30px,3.8cqi,54px)); font-weight: 550; line-height: 1.12; }
.studio-render.studio-render--clarity p { font-size: var(--studio-frame-size-14,14px); line-height: 1.8; }
.studio-render.studio-render--clarity .studio-render__align--center h2 { margin-inline: auto; }
.studio-render.studio-render--clarity [data-studio-landing-role="nav"] { --studio-section-margin-block-default: 18px; border: 0; }
.studio-render.studio-render--clarity [data-studio-landing-role="nav"] .studio-render__brand { font-size: var(--studio-frame-size-28,28px); font-weight: 750; letter-spacing: -.035em; }
.studio-render.studio-render--clarity [data-studio-landing-role="nav"] .studio-render__section-link { font-size: var(--studio-frame-size-12,12px); }
.studio-render.studio-render--clarity .studio-render__section-link { min-height: 46px; padding-inline: 24px; font-weight: 500; }
.studio-render.studio-render--clarity .studio-render__section-link--text { padding-inline: 0; }
.studio-render.studio-render--clarity [data-studio-landing-role="hero"] {
  --studio-section-margin-block-default: clamp(48px,6.8cqi,98px);
  display: flex;
  align-items: center;
  isolation: isolate;
}
.studio-render.studio-render--clarity [data-studio-landing-role="hero"] h1 {
  max-width: 18ch;
  font-size: var(--studio-frame-size-clarity-title,clamp(42px,6.1cqi,88px));
}
.studio-render.studio-render--clarity [data-studio-landing-role="hero"] p { max-width: 47ch; margin-top: 28px; font-size: var(--studio-frame-size-15,15px); }
.studio-render.studio-render--clarity [data-studio-landing-role="hero"] .studio-render__section-links { margin-top: 34px; gap: 14px 28px; }
.studio-render.studio-render--clarity [data-studio-landing-role="hero"].studio-render__section--image-background::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background: linear-gradient(90deg,rgba(8,12,12,.77),rgba(8,12,12,.48) 46%,rgba(8,12,12,.08));
  pointer-events: none;
}
.studio-render.studio-render--clarity [data-studio-landing-role="hero"] .studio-render__image--background { margin: 0; max-height: none; }
.studio-render.studio-render--clarity :is([data-studio-landing-role="hero"],[data-studio-landing-role="band"]) .studio-render__section-link--primary {
  border-color: var(--studio-background);
  background: var(--studio-background);
  color: var(--studio-text);
}
.studio-render.studio-render--clarity [data-studio-landing-role="about"].studio-render__section--text .studio-render__section-body { display: block; max-width: 850px; }
.studio-render.studio-render--clarity [data-studio-landing-role="about"] { --studio-section-margin-bottom-default: 32px; padding-bottom: var(--studio-section-margin-bottom,var(--studio-section-margin-bottom-default)); }
.studio-render.studio-render--clarity [data-studio-landing-role="about"] p { max-width: 65ch; margin-top: 26px; }
.studio-render.studio-render--clarity [data-studio-landing-role="portfolio"] { --studio-section-margin-block-default: 30px; }
.studio-render.studio-render--clarity [data-studio-landing-role="portfolio"] .studio-render__image { aspect-ratio: 1.55; height: auto; max-height: none; }
.studio-render.studio-render--clarity [data-studio-landing-role="portfolio"] .studio-render__image-flow--block > .studio-render__image-flow-content { margin-top: 25px; }
.studio-render.studio-render--clarity [data-studio-landing-role="portfolio"] h2 { font-size: var(--studio-frame-size-28,28px); font-weight: 550; line-height: 1.2; }
.studio-render.studio-render--clarity [data-studio-landing-role="portfolio"] p { max-width: 48ch; font-size: var(--studio-frame-size-13,13px); }
.studio-render.studio-render--clarity [data-studio-landing-role="portfolio"] .studio-render__section-links { margin-top: 18px; }
.studio-render.studio-render--clarity [data-studio-landing-role="portfolio"] .studio-render__section-link { font-size: var(--studio-frame-size-12,12px); }
.studio-render.studio-render--clarity [data-studio-landing-role="services"] { border-top: 1px solid var(--studio-border); }
.studio-render.studio-render--clarity [data-studio-landing-role="services"] .studio-render__section-body,
.studio-render.studio-render--clarity .studio-render__section--faq[data-studio-landing-role="feature"] .studio-render__section-body {
  display: grid;
  grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr);
  gap: 26px clamp(36px,7cqi,100px);
  align-items: start;
}
.studio-render.studio-render--clarity [data-studio-landing-role="services"] .studio-render__section-body > h2,
.studio-render.studio-render--clarity .studio-render__section--faq[data-studio-landing-role="feature"] .studio-render__section-body > h2 { grid-column: 1; }
.studio-render.studio-render--clarity [data-studio-landing-role="services"] .studio-render__section-body > p,
.studio-render.studio-render--clarity .studio-render__section--faq[data-studio-landing-role="feature"] .studio-render__section-body > p { grid-column: 1; margin: 0; }
.studio-render.studio-render--clarity [data-studio-landing-role="services"] .studio-render__items,
.studio-render.studio-render--clarity .studio-render__section--faq[data-studio-landing-role="feature"] .studio-render__items {
  grid-column: 2;
  grid-row: 1 / span 3;
  gap: 34px;
  margin: 0;
}
.studio-render.studio-render--clarity [data-studio-landing-role="services"] .studio-render__items > article { padding: 26px 0 0; border-width: 1px 0 0; border-color: var(--studio-border); border-radius: 0; }
.studio-render.studio-render--clarity [data-studio-landing-role="services"] .studio-render__item-mark { width: 28px; height: 28px; margin-bottom: 26px; border: 1px solid currentColor; border-radius: 7px; background: transparent; }
.studio-render.studio-render--clarity [data-studio-landing-role="services"] .studio-render__items h3 { font-size: var(--studio-frame-size-22,22px); font-weight: 550; line-height: 1.25; }
.studio-render.studio-render--clarity [data-studio-landing-role="services"] .studio-render__items p { font-size: var(--studio-frame-size-13,13px); }
.studio-render.studio-render--composition-clarity-legal-website [data-studio-landing-role="services"] .studio-render__items { grid-template-columns: repeat(2,minmax(0,1fr)); }
.studio-render.studio-render--clarity .studio-render__section--faq[data-studio-landing-role="feature"] { border-top: 1px solid var(--studio-border); }
.studio-render.studio-render--clarity .studio-render__section--faq[data-studio-landing-role="feature"] .studio-render__items { gap: 0; }
.studio-render.studio-render--clarity .studio-render__section--faq details { padding: 25px 0; border-color: var(--studio-border); }
.studio-render.studio-render--clarity .studio-render__section--faq summary { font-size: var(--studio-frame-size-18,18px); font-weight: 550; line-height: 1.5; }
.studio-render.studio-render--clarity .studio-render__section--faq details p { font-size: var(--studio-frame-size-13,13px); padding-left: 0; }
.studio-render.studio-render--clarity [data-studio-landing-role="eyebrow"] { --studio-section-margin-top-default: 42px; --studio-section-margin-bottom-default: 18px; padding-top: var(--studio-section-margin-top,var(--studio-section-margin-top-default)); padding-bottom: var(--studio-section-margin-bottom,var(--studio-section-margin-bottom-default)); }
.studio-render.studio-render--clarity [data-studio-landing-role="eyebrow"] h2 { max-width: 25ch; font-size: var(--studio-frame-size-clarity-heading,clamp(30px,3.8cqi,54px)); letter-spacing: -.03em; text-transform: none; }
.studio-render.studio-render--clarity [data-studio-landing-role="eyebrow"] p { margin-top: 22px; font-size: var(--studio-frame-size-14,14px); letter-spacing: 0; text-transform: none; }
.studio-render.studio-render--clarity [data-studio-landing-role="eyebrow"] + [data-studio-landing-role="portfolio"] .studio-render__image,
.studio-render.studio-render--clarity [data-studio-landing-role="eyebrow"] + [data-studio-landing-role="portfolio"] + [data-studio-landing-role="portfolio"] .studio-render__image { aspect-ratio: 1.08; }
.studio-render.studio-render--clarity [data-studio-landing-role="band"] { --studio-section-margin-block-default: clamp(48px,6.4cqi,92px); }
.studio-render.studio-render--clarity [data-studio-landing-role="band"] h2 { max-width: 20ch; font-size: var(--studio-frame-size-clarity-heading,clamp(30px,3.8cqi,54px)); }
.studio-render.studio-render--clarity [data-studio-landing-role="band"] p { max-width: 55ch; margin-top: 24px; }
.studio-render.studio-render--clarity [data-studio-landing-role="band"].studio-render__align--center p { margin-inline: auto; }
.studio-render.studio-render--clarity [data-studio-landing-role="band"] .studio-render__section-links { margin-top: 30px; }
.studio-render.studio-render--clarity [data-studio-landing-role="reviews"] {
  border-top: 1px solid var(--studio-border);
  overflow: hidden;
}
.studio-render.studio-render--clarity [data-studio-landing-role="reviews"] .studio-render__section-body {
  display: block;
  max-width: 1120px;
}
.studio-render.studio-render--clarity [data-studio-landing-role="reviews"] h2 {
  max-width: 18ch;
  margin-inline: auto;
  font-weight: 600;
  letter-spacing: -.035em;
}
.studio-render.studio-render--clarity [data-studio-landing-role="reviews"] .studio-render__section-body > p {
  max-width: 67ch;
  margin: 22px auto 0;
  color: var(--studio-text);
  text-align: center;
}
.studio-render.studio-render--clarity [data-studio-landing-role="reviews"] .studio-render__items {
  grid-template-columns: none;
  grid-auto-flow: column;
  grid-auto-columns: calc(33.333333% - 16px);
  align-items: center;
  gap: 24px;
  margin-top: clamp(42px,5.5cqi,72px);
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  scroll-snap-type: inline mandatory;
}
.studio-render.studio-render--clarity [data-studio-landing-role="reviews"] figure {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 300px;
  padding: clamp(28px,3cqi,42px);
  border: 1px solid var(--studio-border);
  border-radius: var(--studio-radius);
  background: var(--studio-surface);
  scroll-snap-align: start;
}
.studio-render.studio-render--clarity [data-studio-landing-role="reviews"] figure::before {
  content: "“";
  display: block;
  margin-bottom: 34px;
  color: var(--studio-primary);
  font-family: var(--studio-heading-font);
  font-size: var(--studio-frame-size-54,54px);
  font-weight: 650;
  line-height: .65;
}
.studio-render.studio-render--clarity [data-studio-landing-role="reviews"] figure:nth-child(2) {
  min-height: 340px;
  border-color: color-mix(in srgb,var(--studio-primary) 48%,var(--studio-border));
  box-shadow: 0 24px 58px color-mix(in srgb,var(--studio-text) 12%,transparent);
}
.studio-render.studio-render--clarity [data-studio-landing-role="reviews"] blockquote {
  flex: 1;
  font-size: var(--studio-frame-size-18,18px);
  line-height: 1.65;
}
.studio-render.studio-render--clarity [data-studio-landing-role="reviews"] figcaption {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 32px;
  padding-top: 22px;
  border-top: 1px solid var(--studio-border);
  color: var(--studio-text);
  font-size: var(--studio-frame-size-12,12px);
  font-weight: 600;
}
.studio-render.studio-render--clarity [data-studio-landing-role="reviews"] figcaption::before {
  content: "";
  flex: 0 0 36px;
  width: 36px;
  height: 36px;
  border: 1px solid var(--studio-border);
  border-radius: 50%;
  background: var(--studio-background);
}
.studio-render.studio-render--clarity [data-studio-landing-role="contact"] { border: 0; }
.studio-render.studio-render--clarity [data-studio-landing-role="contact"] .studio-render__section-body { max-width: 920px; }
.studio-render.studio-render--clarity [data-studio-landing-role="contact"] h2 { max-width: 23ch; }
.studio-render.studio-render--clarity [data-studio-landing-role="contact"] .studio-render__fields { max-width: none; margin-top: 36px; gap: 24px; }
.studio-render.studio-render--clarity [data-studio-landing-role="contact"] .studio-render__field > label { font-size: var(--studio-frame-size-12,12px); font-weight: 550; }
.studio-render.studio-render--clarity [data-studio-landing-role="contact"] .studio-render__field > :is(input,textarea),
.studio-render.studio-render--clarity [data-studio-landing-role="contact"] .studio-render__select > :is(select,.studio-render__select-control) { min-height: 50px; padding: 14px 16px; }
.studio-render.studio-render--clarity [data-studio-landing-role="contact"] .studio-render__field [aria-invalid="true"] { border-color: #b23d46; box-shadow: 0 0 0 1px #b23d46; }
.studio-render.studio-render--clarity > .studio-render__document > .studio-render__actions { padding-inline: max(var(--studio-landing-gutter),calc((100% - 920px)/2)); }
.studio-render.studio-render--clarity .studio-render__actions button { min-height: 48px; padding-inline: 30px; }
.studio-render.studio-render--clarity [data-studio-landing-role="footer"] { --studio-section-margin-block-default: 30px; }
.studio-render.studio-render--clarity [data-studio-landing-role="footer"] h2 { font-size: var(--studio-frame-size-25,25px); font-weight: 750; letter-spacing: -.035em; }
.studio-render.studio-render--clarity [data-studio-landing-role="footer"] p { max-width: 55ch; font-size: var(--studio-frame-size-11,11px); }
.studio-render.studio-render--clarity [data-studio-landing-role="footer"] .studio-render__section-link { min-height: 36px; font-size: var(--studio-frame-size-12,12px); }

/* The focused version replaces portfolio browsing with a shorter linear path. */
.studio-render.studio-render--composition-clarity-legal-landing [data-studio-landing-role="hero"] h1 { max-width: 19ch; }
.studio-render.studio-render--composition-clarity-legal-landing [data-studio-landing-role="services"] .studio-render__section-body { display: block; }
.studio-render.studio-render--composition-clarity-legal-landing [data-studio-landing-role="services"] .studio-render__section-body > p { margin-top: 22px; }
.studio-render.studio-render--composition-clarity-legal-landing [data-studio-landing-role="services"] .studio-render__items { margin-top: 38px; gap: 34px; }
.studio-render.studio-render--composition-clarity-legal-landing [data-studio-landing-role="services"] .studio-render__items > article { padding-top: 26px; }

/* Explicit Off-margin editing owns its edge/content grid. Return the visual
 * two-column sections to ordinary row flow when that native mode is active. */
.studio-render.studio-render--clarity :is([data-studio-landing-role="services"],.studio-render__section--faq[data-studio-landing-role="feature"])[data-studio-section-off-margin] .studio-render__section-body > :is(h2,p,.studio-render__items) { grid-row: auto; }
.studio-render.studio-render--clarity :is([data-studio-landing-role="services"],.studio-render__section--faq[data-studio-landing-role="feature"])[data-studio-section-off-margin] .studio-render__section-body > :is(h2,p,.studio-render__items):not([data-studio-off-margin]) { grid-column: studio-content-start / studio-content-end; }

@container (max-width: 900px) {
  .studio-render.studio-render--clarity [data-studio-landing-role="services"] .studio-render__section-body,
  .studio-render.studio-render--clarity .studio-render__section--faq[data-studio-landing-role="feature"] .studio-render__section-body { grid-template-columns: minmax(0,.85fr) minmax(0,1.15fr); gap: 24px 36px; }
  .studio-render.studio-render--clarity [data-studio-landing-role="services"] .studio-render__items { gap: 24px; }
}
@container (max-width: 720px) {
  .studio-render.studio-render--clarity .studio-render__section { --studio-section-margin-block-default: 44px; }
  .studio-render.studio-render--clarity [data-studio-landing-role="nav"] { --studio-section-margin-block-default: 18px; }
  .studio-render.studio-render--clarity [data-studio-landing-role="hero"] { --studio-section-margin-block-default: 48px; }
  .studio-render.studio-render--clarity [data-studio-landing-role="hero"] h1 { max-width: 16ch; }
  .studio-render.studio-render--clarity [data-studio-landing-role="hero"].studio-render__section--image-background::after { background: linear-gradient(90deg,rgba(8,12,12,.78),rgba(8,12,12,.37)); }
  .studio-render.studio-render--clarity [data-studio-landing-role="hero"] .studio-render__image--background { max-height: none; }
  .studio-render.studio-render--clarity [data-studio-landing-role="hero"] p { max-width: 40ch; }
  .studio-render.studio-render--clarity [data-studio-landing-role="services"] .studio-render__section-body,
  .studio-render.studio-render--clarity .studio-render__section--faq[data-studio-landing-role="feature"] .studio-render__section-body { display: block; }
  .studio-render.studio-render--clarity [data-studio-landing-role="services"] .studio-render__section-body > p,
  .studio-render.studio-render--clarity .studio-render__section--faq[data-studio-landing-role="feature"] .studio-render__section-body > p { margin-top: 22px; }
  .studio-render.studio-render--clarity [data-studio-landing-role="services"] .studio-render__items,
  .studio-render.studio-render--clarity .studio-render__section--faq[data-studio-landing-role="feature"] .studio-render__items { margin-top: 30px; }
  .studio-render.studio-render--clarity [data-studio-landing-role="services"] .studio-render__items { grid-template-columns: minmax(0,1fr); gap: 24px; }
  .studio-render.studio-render--clarity [data-studio-landing-role="portfolio"] { --studio-section-margin-block-default: 26px; }
  .studio-render.studio-render--clarity [data-studio-landing-role="portfolio"] .studio-render__image { aspect-ratio: 1.4; }
  .studio-render.studio-render--clarity [data-studio-landing-role="reviews"] .studio-render__items { grid-template-columns: none; grid-auto-columns: minmax(270px,86%); margin-top: 34px; }
  .studio-render.studio-render--clarity [data-studio-landing-role="reviews"] figure,
  .studio-render.studio-render--clarity [data-studio-landing-role="reviews"] figure:nth-child(2) { min-height: 0; }
  .studio-render.studio-render--clarity [data-studio-landing-role="eyebrow"] + [data-studio-landing-role="portfolio"] .studio-render__image,
  .studio-render.studio-render--clarity [data-studio-landing-role="eyebrow"] + [data-studio-landing-role="portfolio"] + [data-studio-landing-role="portfolio"] .studio-render__image { aspect-ratio: 1; }
  .studio-render.studio-render--clarity [data-studio-landing-role="footer"] { --studio-section-margin-block-default: 26px; }
}

@container (max-width: 900px) {
  .studio-render.studio-render--legal-site { --studio-landing-gutter: clamp(24px,5cqi,48px); }
  .studio-render.studio-render--legal-counsel [data-studio-landing-role="hero"] .studio-render__image-flow--block { grid-template-columns: minmax(0,1fr) minmax(0,1.3fr); }
  .studio-render.studio-render--legal-counsel [data-studio-landing-role="hero"] .studio-render__image-flow--block > .studio-render__image { grid-column: 2; grid-row: 2 / span 2; }
  .studio-render.studio-render--legal-counsel [data-studio-landing-role="hero"] .studio-render__image-flow--block p { align-self: end; }
  .studio-render.studio-render--legal-counsel [data-studio-landing-role="hero"] .studio-render__image-flow--block .studio-render__section-links { grid-column: 1; grid-row: 3; align-self: start; }
  .studio-render.studio-render--legal-counsel [data-studio-landing-role="hero"] .studio-render__image-flow--block::before { grid-column: 2; grid-row: 2 / span 2; margin: 12% 0 0; }
  .studio-render.studio-render--legal-site [data-studio-landing-role="services"] .studio-render__items { gap: 22px; }
  .studio-render.studio-render--composition-legal-counsel-dark [data-studio-landing-role="services"] .studio-render__items > article { padding: 22px; }
}
@container (max-width: 720px) {
  .studio-render.studio-render--legal-site .studio-render__section { --studio-section-margin-block-default: 44px; }
  .studio-render.studio-render--legal-site [data-studio-landing-role="nav"] { --studio-section-margin-block-default: 18px; }
  .studio-render.studio-render--legal-counsel [data-studio-landing-role="hero"] .studio-render__image-flow--block { grid-template-columns: minmax(0,1fr); gap: 24px; }
  .studio-render.studio-render--legal-counsel [data-studio-landing-role="hero"] .studio-render__image-flow--block h1 { grid-column: 1; grid-row: 1; max-width: 18ch; }
  .studio-render.studio-render--legal-counsel [data-studio-landing-role="hero"] .studio-render__image-flow--block > .studio-render__image { grid-column: 1; grid-row: 2; aspect-ratio: 1.2; }
  .studio-render.studio-render--legal-counsel [data-studio-landing-role="hero"] .studio-render__image-flow--block p,
  .studio-render.studio-render--legal-counsel [data-studio-landing-role="hero"] .studio-render__image-flow--block .studio-render__rich-text { grid-column: 1; grid-row: 3; max-width: 44ch; justify-self: center; text-align: center; }
  .studio-render.studio-render--legal-counsel [data-studio-landing-role="hero"] .studio-render__image-flow--block .studio-render__section-links { grid-column: 1; grid-row: 4; flex-direction: row; justify-content: center; align-items: center; }
  .studio-render.studio-render--legal-counsel [data-studio-landing-role="hero"] .studio-render__image-flow--block::before { grid-column: 1; grid-row: 2; margin: 6% 22%; }
  .studio-render.studio-render--legal-site [data-studio-landing-role="services"] .studio-render__items { gap: 30px; margin-top: 30px; }
  .studio-render.studio-render--composition-legal-counsel-dark [data-studio-landing-role="services"] .studio-render__items { padding-bottom: 0; }
  .studio-render.studio-render--composition-legal-counsel-dark [data-studio-landing-role="services"] .studio-render__items > article:nth-child(even) { transform: none; }
  .studio-render.studio-render--composition-legal-counsel-dark [data-studio-landing-role="metrics"] .studio-render__section-body { display: block; }
  .studio-render.studio-render--composition-legal-counsel-dark [data-studio-landing-role="metrics"] .studio-render__items { margin-top: 28px; }
  .studio-render.studio-render--legal-site [data-studio-landing-role="metrics"] .studio-render__items { grid-template-columns: minmax(0,1fr); gap: 24px; }
  .studio-render.studio-render--legal-site [data-studio-landing-role="metrics"] .studio-render__items > article { border-right: 0; padding-right: 0; }
  .studio-render.studio-render--legal-site [data-studio-landing-role="feature"] .studio-render__image { aspect-ratio: 1; }
  .studio-render.studio-render--legal-consult [data-studio-landing-role="hero"] .studio-render__image { aspect-ratio: 1.2; }
  .studio-render.studio-render--legal-consult [data-studio-landing-role="hero"] .studio-render__image-flow--wrap-right::before { display: none; }
  .studio-render.studio-render--legal-site [data-studio-landing-role="contact"] .studio-render__fields { gap: 24px; margin-top: 30px; }
  .studio-render.studio-render--legal-site [data-studio-landing-role="footer"] { --studio-section-margin-block-default: 24px; }
}

/* Nocturne / Azure -------------------------------------------------------
 * Two complete, independently paged legal websites. Native section data owns
 * every heading, link, image and field; these rules only compose their visual
 * surfaces. Container sizing also applies inside Studio and PNG exports. */
.studio-render:is(.studio-render--composition-nocturne-legal-website,.studio-render--composition-azure-legal-website) { --studio-landing-gutter: clamp(24px,6.5cqi,94px); }
.studio-render:is(.studio-render--composition-nocturne-legal-website,.studio-render--composition-azure-legal-website) .studio-render__section { --studio-section-margin-block-default: clamp(48px,7cqi,100px); }
.studio-render:is(.studio-render--composition-nocturne-legal-website,.studio-render--composition-azure-legal-website) :is(h1,h2,h3) { font-weight: 400; letter-spacing: -.035em; }
.studio-render:is(.studio-render--composition-nocturne-legal-website,.studio-render--composition-azure-legal-website) h2 { max-width: 23ch; font-size: var(--studio-frame-size-landing-heading,clamp(30px,3.8cqi,56px)); line-height: 1.14; }
.studio-render:is(.studio-render--composition-nocturne-legal-website,.studio-render--composition-azure-legal-website) p { font-size: var(--studio-frame-size-14,14px); line-height: 1.85; }
.studio-render:is(.studio-render--composition-nocturne-legal-website,.studio-render--composition-azure-legal-website) .studio-render__align--center :is(h2,p) { margin-inline: auto; }
.studio-render:is(.studio-render--composition-nocturne-legal-website,.studio-render--composition-azure-legal-website) .studio-render__section-link { min-height: 46px; padding-inline: 26px; font-size: var(--studio-frame-size-13,13px); font-weight: 500; }
.studio-render:is(.studio-render--composition-nocturne-legal-website,.studio-render--composition-azure-legal-website) .studio-render__section-link--text { padding-inline: 0; }
.studio-render:is(.studio-render--composition-nocturne-legal-website,.studio-render--composition-azure-legal-website) [data-studio-landing-role="nav"] { --studio-section-margin-block-default: 22px; }
.studio-render:is(.studio-render--composition-nocturne-legal-website,.studio-render--composition-azure-legal-website) [data-studio-landing-role="nav"] .studio-render__section-body { gap: 18px 26px; }
.studio-render:is(.studio-render--composition-nocturne-legal-website,.studio-render--composition-azure-legal-website) [data-studio-landing-role="nav"] .studio-render__brand { flex-shrink: 0; font-family: var(--studio-heading-font); font-size: var(--studio-frame-size-26,26px); font-weight: 400; letter-spacing: -.015em; }
.studio-render:is(.studio-render--composition-nocturne-legal-website,.studio-render--composition-azure-legal-website) [data-studio-landing-role="nav"] .studio-render__section-links { gap: 6px 22px; }
.studio-render:is(.studio-render--composition-nocturne-legal-website,.studio-render--composition-azure-legal-website) [data-studio-landing-role="nav"] .studio-render__section-link { font-size: var(--studio-frame-size-12,12px); }
.studio-render:is(.studio-render--composition-nocturne-legal-website,.studio-render--composition-azure-legal-website) [data-studio-landing-role="metrics"] { --studio-section-margin-block-default: 26px; }
.studio-render:is(.studio-render--composition-nocturne-legal-website,.studio-render--composition-azure-legal-website) [data-studio-landing-role="metrics"] h2 { max-width: none; font-family: var(--studio-font); font-size: var(--studio-frame-size-17,17px); letter-spacing: -.02em; line-height: 1.6; }
.studio-render:is(.studio-render--composition-nocturne-legal-website,.studio-render--composition-azure-legal-website) [data-studio-landing-role="metrics"] .studio-render__items { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 26px; margin-top: 20px; }
.studio-render:is(.studio-render--composition-nocturne-legal-website,.studio-render--composition-azure-legal-website) [data-studio-landing-role="metrics"] h3 { font-family: var(--studio-font); font-size: var(--studio-frame-size-17,17px); letter-spacing: -.02em; line-height: 1.4; }
.studio-render:is(.studio-render--composition-nocturne-legal-website,.studio-render--composition-azure-legal-website) [data-studio-landing-role="metrics"] .studio-render__items p { margin-top: 8px; font-size: var(--studio-frame-size-12,12px); }
.studio-render:is(.studio-render--composition-nocturne-legal-website,.studio-render--composition-azure-legal-website) [data-studio-landing-role="about"] .studio-render__image-flow { gap: clamp(36px,7cqi,100px); }
.studio-render:is(.studio-render--composition-nocturne-legal-website,.studio-render--composition-azure-legal-website) :is([data-studio-landing-role="about"],[data-studio-landing-role="feature"]) .studio-render__image { aspect-ratio: 1.15; height: auto; border-radius: var(--studio-radius); }
.studio-render:is(.studio-render--composition-nocturne-legal-website,.studio-render--composition-azure-legal-website) .studio-render__copy > p { max-width: 51ch; margin-top: 26px; }
.studio-render:is(.studio-render--composition-nocturne-legal-website,.studio-render--composition-azure-legal-website) .studio-render__section--services .studio-render__section-body > p { max-width: 61ch; margin-top: 24px; }
.studio-render:is(.studio-render--composition-nocturne-legal-website,.studio-render--composition-azure-legal-website) .studio-render__section--services .studio-render__items { gap: 30px; }
.studio-render:is(.studio-render--composition-nocturne-legal-website,.studio-render--composition-azure-legal-website) .studio-render__section--services .studio-render__items > article { min-width: 0; }
.studio-render:is(.studio-render--composition-nocturne-legal-website,.studio-render--composition-azure-legal-website) .studio-render__section--services .studio-render__items h3 { font-size: var(--studio-frame-size-24,24px); line-height: 1.3; }
.studio-render:is(.studio-render--composition-nocturne-legal-website,.studio-render--composition-azure-legal-website) .studio-render__section--services .studio-render__items p { margin-top: 18px; font-size: var(--studio-frame-size-13,13px); }
.studio-render:is(.studio-render--composition-nocturne-legal-website,.studio-render--composition-azure-legal-website) .studio-render__section--services[data-studio-landing-role="feature"] .studio-render__items { grid-template-columns: repeat(4,minmax(0,1fr)); counter-reset: legal-process; }
.studio-render:is(.studio-render--composition-nocturne-legal-website,.studio-render--composition-azure-legal-website) .studio-render__section--services[data-studio-landing-role="feature"] .studio-render__items > article { padding: 26px 0 0; border-width: 1px 0 0; border-radius: 0; counter-increment: legal-process; }
.studio-render:is(.studio-render--composition-nocturne-legal-website,.studio-render--composition-azure-legal-website) .studio-render__section--services[data-studio-landing-role="feature"] .studio-render__item-mark { display: grid; place-items: center; width: 38px; height: 38px; margin-bottom: 38px; border-color: color-mix(in srgb,currentColor 40%,transparent); }
.studio-render:is(.studio-render--composition-nocturne-legal-website,.studio-render--composition-azure-legal-website) .studio-render__section--services[data-studio-landing-role="feature"] .studio-render__item-mark::before { content: counter(legal-process,decimal-leading-zero); font-family: var(--studio-font); font-size: var(--studio-frame-size-11,11px); }
.studio-render:is(.studio-render--composition-nocturne-legal-website,.studio-render--composition-azure-legal-website) .studio-render__section--faq .studio-render__section-body { display: grid; grid-template-columns: minmax(0,.85fr) minmax(0,1.15fr); align-items: start; gap: 24px clamp(30px,5cqi,72px); }
.studio-render:is(.studio-render--composition-nocturne-legal-website,.studio-render--composition-azure-legal-website) .studio-render__section--faq .studio-render__section-body > :is(h2,p) { grid-column: 1; margin-top: 0; }
.studio-render:is(.studio-render--composition-nocturne-legal-website,.studio-render--composition-azure-legal-website) .studio-render__section--faq .studio-render__items { grid-column: 2; grid-row: 1 / span 3; gap: 0; margin: 0; }
.studio-render:is(.studio-render--composition-nocturne-legal-website,.studio-render--composition-azure-legal-website) .studio-render__section--faq details { padding: 24px 0; border-color: color-mix(in srgb,currentColor 25%,transparent); }
.studio-render:is(.studio-render--composition-nocturne-legal-website,.studio-render--composition-azure-legal-website) .studio-render__section--faq summary { font-size: var(--studio-frame-size-15,15px); font-weight: 500; line-height: 1.6; }
.studio-render:is(.studio-render--composition-nocturne-legal-website,.studio-render--composition-azure-legal-website) .studio-render__section--faq details p { max-width: 60ch; font-size: var(--studio-frame-size-13,13px); }
.studio-render:is(.studio-render--composition-nocturne-legal-website,.studio-render--composition-azure-legal-website) [data-studio-landing-role="band"] :is(h2,p) { max-width: 25ch; }
.studio-render:is(.studio-render--composition-nocturne-legal-website,.studio-render--composition-azure-legal-website) [data-studio-landing-role="band"] p { max-width: 56ch; margin-top: 24px; }
.studio-render:is(.studio-render--composition-nocturne-legal-website,.studio-render--composition-azure-legal-website) [data-studio-landing-role="contact"] { border: 0; }
.studio-render:is(.studio-render--composition-nocturne-legal-website,.studio-render--composition-azure-legal-website) [data-studio-landing-role="contact"] .studio-render__section-body { max-width: 900px; }
.studio-render:is(.studio-render--composition-nocturne-legal-website,.studio-render--composition-azure-legal-website) [data-studio-landing-role="contact"] .studio-render__fields { max-width: none; gap: 24px; }
.studio-render:is(.studio-render--composition-nocturne-legal-website,.studio-render--composition-azure-legal-website) [data-studio-landing-role="contact"] .studio-render__field > :is(input,textarea),
.studio-render:is(.studio-render--composition-nocturne-legal-website,.studio-render--composition-azure-legal-website) [data-studio-landing-role="contact"] .studio-render__select > :is(select,.studio-render__select-control) { min-height: 50px; padding: 14px 16px; }
.studio-render:is(.studio-render--composition-nocturne-legal-website,.studio-render--composition-azure-legal-website) [data-studio-landing-role="contact"] .studio-render__field [aria-invalid="true"] { border-color: #c94256; box-shadow: 0 0 0 1px #c94256; }
.studio-render:is(.studio-render--composition-nocturne-legal-website,.studio-render--composition-azure-legal-website) > .studio-render__document > .studio-render__actions { padding-inline: max(var(--studio-landing-gutter),calc((100% - 900px)/2)); }
.studio-render:is(.studio-render--composition-nocturne-legal-website,.studio-render--composition-azure-legal-website) [data-studio-landing-role="footer"] { --studio-section-margin-block-default: 34px; }
.studio-render:is(.studio-render--composition-nocturne-legal-website,.studio-render--composition-azure-legal-website) [data-studio-landing-role="footer"] h2 { font-family: var(--studio-heading-font); font-size: var(--studio-frame-size-26,26px); }
.studio-render:is(.studio-render--composition-nocturne-legal-website,.studio-render--composition-azure-legal-website) [data-studio-landing-role="footer"] p { max-width: 54ch; font-size: var(--studio-frame-size-11,11px); }

/* Nocturne: a cinematic opening followed by contrasting editorial chapters. */
.studio-render.studio-render--composition-nocturne-legal-website :is(h1,h2,h3) { font-family: var(--studio-heading-font); }
.studio-render.studio-render--composition-nocturne-legal-website [data-studio-landing-role="nav"] { border-bottom-color: color-mix(in srgb,currentColor 25%,transparent); border-radius: min(32px,var(--studio-radius)) min(32px,var(--studio-radius)) 0 0; }
.studio-render.studio-render--composition-nocturne-legal-website [data-studio-landing-role="nav"] .studio-render__brand { color: var(--studio-primary); }
.studio-render.studio-render--composition-nocturne-legal-website [data-studio-landing-role="nav"] .studio-render__brand-mark { display: block; flex: 0 0 23px; width: 23px; height: 23px; border: 5px solid currentColor; border-top-color: transparent; border-radius: 50%; background: transparent; transform: rotate(-35deg); }
.studio-render.studio-render--composition-nocturne-legal-website [data-studio-landing-role="hero"] { --studio-section-margin-block-default: clamp(72px,10cqi,145px); min-height: clamp(530px,57cqi,800px); display: flex; align-items: center; border-radius: 0 0 min(32px,var(--studio-radius)) min(32px,var(--studio-radius)); isolation: isolate; }
.studio-render.studio-render--composition-nocturne-legal-website [data-studio-landing-role="hero"] .studio-render__section-body { width: 100%; }
.studio-render.studio-render--composition-nocturne-legal-website [data-studio-landing-role="hero"].studio-render__section--image-background::after { content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none; background: linear-gradient(180deg,rgba(18,14,27,.25),rgba(18,14,27,.62) 52%,rgba(18,14,27,.95)); }
.studio-render.studio-render--composition-nocturne-legal-website [data-studio-landing-role="hero"] .studio-render__image--background { height: 100%; max-height: none; border-radius: 0; }
.studio-render.studio-render--composition-nocturne-legal-website [data-studio-landing-role="hero"] h1 { max-width: 17ch; font-size: var(--studio-frame-size-nocturne-title,clamp(42px,8.2cqi,120px)); font-weight: 400; letter-spacing: -.045em; line-height: .99; text-transform: uppercase; text-wrap: balance; }
.studio-render.studio-render--composition-nocturne-legal-website [data-studio-landing-role="hero"] p { max-width: 53ch; margin-top: 36px; font-family: var(--studio-heading-font); font-size: var(--studio-frame-size-18,18px); line-height: 1.65; }
.studio-render.studio-render--composition-nocturne-legal-website [data-studio-landing-role="hero"] .studio-render__section-links { margin-top: 30px; }
.studio-render.studio-render--composition-nocturne-legal-website [data-studio-landing-role="hero"] .studio-render__section-link--primary { outline: 1px solid var(--studio-primary); outline-offset: 4px; }
.studio-render.studio-render--composition-nocturne-legal-website [data-studio-landing-role="services"] .studio-render__items > article { padding: 32px 26px; border-color: color-mix(in srgb,currentColor 23%,transparent); background: color-mix(in srgb,currentColor 3%,transparent); }
.studio-render.studio-render--composition-nocturne-legal-website [data-studio-landing-role="services"] .studio-render__item-mark { width: 35px; height: 2px; border: 0; border-radius: 0; background: var(--studio-primary); }
.studio-render.studio-render--composition-nocturne-legal-website [data-studio-landing-role="band"] .studio-render__section-link--primary { color: var(--studio-primary); background: var(--studio-background); border-color: var(--studio-background); }
.studio-render.studio-render--composition-nocturne-legal-website [data-studio-landing-role="eyebrow"] h1 { max-width: 20ch; }

/* Azure: a pale type panel and portrait create a welcoming blue masthead. */
.studio-render.studio-render--composition-azure-legal-website :is(h1,h2) { font-family: var(--studio-font); }
.studio-render.studio-render--composition-azure-legal-website [data-studio-landing-role="nav"] { border: 0; }
.studio-render.studio-render--composition-azure-legal-website [data-studio-landing-role="nav"] .studio-render__section-link--primary { border-color: var(--studio-background); background: var(--studio-background); color: var(--studio-primary); }
.studio-render.studio-render--composition-azure-legal-website [data-studio-landing-role="hero"] { --studio-section-margin-top-default: 26px; --studio-section-margin-bottom-default: 0px; padding-top: var(--studio-section-margin-top,var(--studio-section-margin-top-default)); padding-bottom: var(--studio-section-margin-bottom,var(--studio-section-margin-bottom-default)); }
.studio-render.studio-render--composition-azure-legal-website [data-studio-landing-role="hero"] .studio-render__image-flow--wrap-right { grid-template-columns: minmax(0,1.05fr) minmax(0,1fr); align-items: end; gap: 0; }
.studio-render.studio-render--composition-azure-legal-website [data-studio-landing-role="hero"] .studio-render__image-flow-content { align-self: center; margin-bottom: 52px; padding: clamp(28px,3.3cqi,48px); border-radius: var(--studio-radius); color: var(--studio-text); background: linear-gradient(100deg,var(--studio-background),color-mix(in srgb,var(--studio-background) 75%,transparent)); }
.studio-render.studio-render--composition-azure-legal-website [data-studio-landing-role="hero"] h1 { max-width: 15ch; font-size: var(--studio-frame-size-azure-title,clamp(40px,4.9cqi,72px)); font-weight: 400; letter-spacing: -.045em; line-height: 1.05; }
.studio-render.studio-render--composition-azure-legal-website [data-studio-landing-role="hero"] p { max-width: 43ch; font-size: var(--studio-frame-size-14,14px); margin-top: 24px; }
.studio-render.studio-render--composition-azure-legal-website [data-studio-landing-role="hero"] .studio-render__image { aspect-ratio: .9; max-height: 660px; border-radius: 0; align-self: end; }
.studio-render.studio-render--composition-azure-legal-website [data-studio-landing-role="hero"] .studio-render__section-links { gap: 12px 20px; margin-top: 28px; }
.studio-render.studio-render--composition-azure-legal-website [data-studio-landing-role="metrics"] { border: 0; }
.studio-render.studio-render--composition-azure-legal-website [data-studio-landing-role="metrics"] .studio-render__items > article { border-color: color-mix(in srgb,currentColor 25%,transparent); }
.studio-render.studio-render--composition-azure-legal-website [data-studio-landing-role="about"] h2 { font-family: var(--studio-heading-font); font-style: italic; }
.studio-render.studio-render--composition-azure-legal-website [data-studio-landing-role="services"] .studio-render__section-body { display: grid; grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr); align-items: start; gap: 24px clamp(32px,5cqi,72px); }
.studio-render.studio-render--composition-azure-legal-website [data-studio-landing-role="services"] .studio-render__section-body > :is(h2,p,.studio-render__section-links) { grid-column: 1; }
.studio-render.studio-render--composition-azure-legal-website [data-studio-landing-role="services"] .studio-render__section-body > p { margin: 0; }
.studio-render.studio-render--composition-azure-legal-website [data-studio-landing-role="services"] .studio-render__items { grid-column: 2; grid-row: 1 / span 4; display: grid; grid-template-columns: minmax(0,1fr); gap: 0; margin: 0; }
.studio-render.studio-render--composition-azure-legal-website [data-studio-landing-role="services"] .studio-render__items > article { display: block; padding: 24px 0; border: 0; border-top: 1px solid var(--studio-border); border-radius: 0; }
.studio-render.studio-render--composition-azure-legal-website [data-studio-landing-role="services"] .studio-render__items h3 { font-family: var(--studio-heading-font); font-style: italic; }
.studio-render.studio-render--composition-azure-legal-website [data-studio-landing-role="services"] .studio-render__item-mark { display: none; }
.studio-render.studio-render--composition-azure-legal-website .studio-render__section--services[data-studio-landing-role="feature"] .studio-render__items h3 { font-family: var(--studio-heading-font); font-style: italic; }
.studio-render.studio-render--composition-azure-legal-website [data-studio-landing-role="footer"] { border-top: 0; }

/* Explicit Off-margin owns the content grid instead of editorial columns. */
.studio-render:is(.studio-render--composition-nocturne-legal-website,.studio-render--composition-azure-legal-website) .studio-render__section--faq[data-studio-section-off-margin] .studio-render__section-body > :is(h2,p,.studio-render__items),
.studio-render.studio-render--composition-azure-legal-website [data-studio-landing-role="services"][data-studio-section-off-margin] .studio-render__section-body > :is(h2,p,.studio-render__items,.studio-render__section-links) { grid-row: auto; }
.studio-render:is(.studio-render--composition-nocturne-legal-website,.studio-render--composition-azure-legal-website) .studio-render__section--faq[data-studio-section-off-margin] .studio-render__section-body > :is(h2,p,.studio-render__items):not([data-studio-off-margin]),
.studio-render.studio-render--composition-azure-legal-website [data-studio-landing-role="services"][data-studio-section-off-margin] .studio-render__section-body > :is(h2,p,.studio-render__items,.studio-render__section-links):not([data-studio-off-margin]) { grid-column: studio-content-start / studio-content-end; }

@container (max-width: 1000px) {
  .studio-render:is(.studio-render--composition-nocturne-legal-website,.studio-render--composition-azure-legal-website) [data-studio-landing-role="nav"] .studio-render__section-body { flex-wrap: wrap; }
  .studio-render:is(.studio-render--composition-nocturne-legal-website,.studio-render--composition-azure-legal-website) [data-studio-landing-role="nav"] .studio-render__section-links { justify-content: flex-start; }
  .studio-render.studio-render--composition-azure-legal-website [data-studio-landing-role="hero"] .studio-render__image-flow-content { margin-bottom: 32px; }
  .studio-render:is(.studio-render--composition-nocturne-legal-website,.studio-render--composition-azure-legal-website) .studio-render__section--services[data-studio-landing-role="feature"] .studio-render__items { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 34px; }
}
@container (max-width: 720px) {
  .studio-render:is(.studio-render--composition-nocturne-legal-website,.studio-render--composition-azure-legal-website) .studio-render__section { --studio-section-margin-block-default: 46px; }
  .studio-render:is(.studio-render--composition-nocturne-legal-website,.studio-render--composition-azure-legal-website) [data-studio-landing-role="nav"] { --studio-section-margin-block-default: 20px; }
  .studio-render:is(.studio-render--composition-nocturne-legal-website,.studio-render--composition-azure-legal-website) [data-studio-landing-role="nav"] .studio-render__section-body { flex-direction: column; align-items: flex-start; gap: 14px; }
  .studio-render:is(.studio-render--composition-nocturne-legal-website,.studio-render--composition-azure-legal-website) [data-studio-landing-role="nav"] .studio-render__section-links { justify-content: flex-start; gap: 4px 18px; }
  .studio-render:is(.studio-render--composition-nocturne-legal-website,.studio-render--composition-azure-legal-website) [data-studio-landing-role="metrics"] { --studio-section-margin-block-default: 24px; }
  .studio-render:is(.studio-render--composition-nocturne-legal-website,.studio-render--composition-azure-legal-website) [data-studio-landing-role="metrics"] .studio-render__items { grid-template-columns: minmax(0,1fr); gap: 18px; }
  .studio-render:is(.studio-render--composition-nocturne-legal-website,.studio-render--composition-azure-legal-website) [data-studio-landing-role="metrics"] .studio-render__items > article { border: 0; padding: 0; }
  .studio-render:is(.studio-render--composition-nocturne-legal-website,.studio-render--composition-azure-legal-website) [data-studio-landing-role="about"] .studio-render__image-flow { gap: 30px; }
  .studio-render:is(.studio-render--composition-nocturne-legal-website,.studio-render--composition-azure-legal-website) .studio-render__section--faq .studio-render__section-body,
  .studio-render.studio-render--composition-azure-legal-website [data-studio-landing-role="services"] .studio-render__section-body { display: block; }
  .studio-render:is(.studio-render--composition-nocturne-legal-website,.studio-render--composition-azure-legal-website) .studio-render__section--faq .studio-render__section-body > p,
  .studio-render.studio-render--composition-azure-legal-website [data-studio-landing-role="services"] .studio-render__section-body > p { margin-top: 24px; }
  .studio-render:is(.studio-render--composition-nocturne-legal-website,.studio-render--composition-azure-legal-website) .studio-render__section--faq .studio-render__items,
  .studio-render.studio-render--composition-azure-legal-website [data-studio-landing-role="services"] .studio-render__items { margin-top: 32px; }
  .studio-render.studio-render--composition-nocturne-legal-website [data-studio-landing-role="hero"] { --studio-section-margin-block-default: 70px; min-height: 540px; }
  .studio-render.studio-render--composition-nocturne-legal-website [data-studio-landing-role="hero"] h1 { max-width: 17ch; }
  .studio-render.studio-render--composition-nocturne-legal-website [data-studio-landing-role="hero"] p { font-size: var(--studio-frame-size-16,16px); }
  .studio-render.studio-render--composition-azure-legal-website [data-studio-landing-role="hero"] .studio-render__image-flow--wrap-right { grid-template-columns: minmax(0,1fr); gap: 20px; }
  .studio-render.studio-render--composition-azure-legal-website [data-studio-landing-role="hero"] .studio-render__image-flow-content { margin: 0; padding: 30px 26px; }
  .studio-render.studio-render--composition-azure-legal-website [data-studio-landing-role="hero"] h1 { max-width: 15ch; }
  .studio-render.studio-render--composition-azure-legal-website [data-studio-landing-role="hero"] .studio-render__image { max-height: 420px; aspect-ratio: 1.05; }
}
@container (max-width: 460px) {
  .studio-render:is(.studio-render--composition-nocturne-legal-website,.studio-render--composition-azure-legal-website) .studio-render__section--services[data-studio-landing-role="feature"] .studio-render__items { grid-template-columns: minmax(0,1fr); }
  .studio-render:is(.studio-render--composition-nocturne-legal-website,.studio-render--composition-azure-legal-website) .studio-render__section--services[data-studio-landing-role="feature"] .studio-render__item-mark { margin-bottom: 24px; }
  .studio-render:is(.studio-render--composition-nocturne-legal-website,.studio-render--composition-azure-legal-website) [data-studio-landing-role="nav"] .studio-render__section-link--primary { padding-inline: 18px; }
}

/* Hartwell ---------------------------------------------------------------
 * A restrained, ivory-and-ink legal website. Galleries stay native editable
 * image-text sections; counters are decorative rather than invented results.
 * This fourteen-track page grid includes its gutters and keeps every section
 * in authored reading order on desktop, mobile, and exported page images. */
.studio-render.studio-render--composition-hartwell-legal-website { --studio-landing-gutter: clamp(24px,6.5cqi,94px); }
.studio-render.studio-render--composition-hartwell-legal-website > .studio-render__document { grid-template-columns: var(--studio-landing-gutter) repeat(12,minmax(0,1fr)) var(--studio-landing-gutter); }
.studio-render.studio-render--composition-hartwell-legal-website .studio-render__section { --studio-section-margin-block-default: clamp(48px,6.6cqi,94px); }
.studio-render.studio-render--composition-hartwell-legal-website :is(h1,h2,h3) { font-family: var(--studio-heading-font); font-weight: 400; letter-spacing: -.025em; }
.studio-render.studio-render--composition-hartwell-legal-website h2 { max-width: 25ch; font-size: var(--studio-frame-size-hartwell-heading,clamp(28px,3.2cqi,46px)); line-height: 1.17; }
.studio-render.studio-render--composition-hartwell-legal-website p { font-size: var(--studio-frame-size-14,14px); line-height: 1.85; }
.studio-render.studio-render--composition-hartwell-legal-website .studio-render__align--center :is(h2,p) { margin-inline: auto; }
.studio-render.studio-render--composition-hartwell-legal-website .studio-render__section-link { min-height: 44px; padding: 10px 20px; font-size: var(--studio-frame-size-12,12px); font-weight: 500; }
.studio-render.studio-render--composition-hartwell-legal-website .studio-render__section-link--text { padding-inline: 0; }
.studio-render.studio-render--composition-hartwell-legal-website [data-studio-landing-role="nav"] { --studio-section-margin-block-default: 18px; border-bottom-color: var(--studio-border); }
.studio-render.studio-render--composition-hartwell-legal-website [data-studio-landing-role="nav"] .studio-render__section-body { gap: 16px 28px; }
.studio-render.studio-render--composition-hartwell-legal-website [data-studio-landing-role="nav"] .studio-render__brand { flex-shrink: 0; font-family: var(--studio-heading-font); font-size: var(--studio-frame-size-24,24px); font-weight: 400; letter-spacing: -.03em; }
.studio-render.studio-render--composition-hartwell-legal-website [data-studio-landing-role="nav"] .studio-render__section-links { gap: 4px 20px; }
.studio-render.studio-render--composition-hartwell-legal-website [data-studio-landing-role="nav"] .studio-render__section-link { font-size: var(--studio-frame-size-11,11px); }
.studio-render.studio-render--composition-hartwell-legal-website [data-studio-landing-role="nav"] .studio-render__section-link--primary { background: var(--studio-text); border-color: var(--studio-text); color: var(--studio-background); }
.studio-render.studio-render--composition-hartwell-legal-website [data-studio-landing-role="hero"] { --studio-section-margin-block-default: clamp(42px,5.3cqi,76px); }
.studio-render.studio-render--composition-hartwell-legal-website [data-studio-landing-role="hero"] .studio-render__image-flow--wrap-right { grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr); gap: clamp(36px,6cqi,84px); }
.studio-render.studio-render--composition-hartwell-legal-website [data-studio-landing-role="hero"] h1 { max-width: 18ch; font-size: var(--studio-frame-size-hartwell-title,clamp(36px,4.3cqi,62px)); line-height: 1.14; letter-spacing: -.025em; }
.studio-render.studio-render--composition-hartwell-legal-website [data-studio-landing-role="hero"] p { max-width: 45ch; margin-top: 28px; font-size: var(--studio-frame-size-14,14px); }
.studio-render.studio-render--composition-hartwell-legal-website [data-studio-landing-role="hero"] .studio-render__image { aspect-ratio: .92; max-height: 610px; height: auto; border-radius: var(--studio-radius); }
.studio-render.studio-render--composition-hartwell-legal-website [data-studio-landing-role="hero"] .studio-render__section-links { margin-top: 28px; gap: 12px 24px; }
.studio-render.studio-render--composition-hartwell-legal-website [data-studio-landing-role="eyebrow"] { --studio-section-margin-top-default: 42px; --studio-section-margin-bottom-default: 20px; padding-top: var(--studio-section-margin-top,var(--studio-section-margin-top-default)); padding-bottom: var(--studio-section-margin-bottom,var(--studio-section-margin-bottom-default)); }
.studio-render.studio-render--composition-hartwell-legal-website [data-studio-landing-role="eyebrow"] h2 { font-family: var(--studio-heading-font); font-size: var(--studio-frame-size-hartwell-heading,clamp(28px,3.2cqi,46px)); line-height: 1.17; letter-spacing: -.025em; text-transform: none; }
.studio-render.studio-render--composition-hartwell-legal-website [data-studio-landing-role="eyebrow"] p { max-width: 68ch; margin-top: 22px; font-size: var(--studio-frame-size-14,14px); letter-spacing: 0; text-transform: none; }
.studio-render.studio-render--composition-hartwell-legal-website[data-studio-page-id] .studio-render__section--introduction[data-studio-landing-role="eyebrow"] h1 { max-width: 24ch; font-size: var(--studio-frame-size-hartwell-title,clamp(36px,4.3cqi,62px)); line-height: 1.14; }
.studio-render.studio-render--composition-hartwell-legal-website [data-studio-landing-role="services"] { border-top: 1px solid var(--studio-border); }
.studio-render.studio-render--composition-hartwell-legal-website .studio-render__section--services .studio-render__section-body > p { max-width: 68ch; margin-top: 24px; }
.studio-render.studio-render--composition-hartwell-legal-website .studio-render__section--services .studio-render__items { gap: 18px; margin-top: 34px; counter-reset: hartwell-service; }
.studio-render.studio-render--composition-hartwell-legal-website .studio-render__section--services.studio-render__layout--grid[data-studio-landing-role="services"] .studio-render__items { grid-template-columns: repeat(3,minmax(0,1fr)); }
.studio-render.studio-render--composition-hartwell-legal-website [data-studio-landing-role="services"] .studio-render__items > article { padding: 28px; border: 1px solid color-mix(in srgb,currentColor 12%,transparent); border-radius: var(--studio-radius); background: var(--studio-surface); counter-increment: hartwell-service; }
.studio-render.studio-render--composition-hartwell-legal-website [data-studio-landing-role="services"] .studio-render__item-mark { display: flex; align-items: center; gap: 10px; width: auto; height: 20px; margin-bottom: 24px; border: 0; border-radius: 0; color: var(--studio-text); background: transparent; }
.studio-render.studio-render--composition-hartwell-legal-website [data-studio-landing-role="services"] .studio-render__item-mark::before { content: counter(hartwell-service,decimal-leading-zero); font-family: var(--studio-font); font-size: var(--studio-frame-size-11,11px); }
.studio-render.studio-render--composition-hartwell-legal-website [data-studio-landing-role="services"] .studio-render__item-mark::after { content: ""; width: 28px; height: 1px; background: var(--studio-primary); }
.studio-render.studio-render--composition-hartwell-legal-website .studio-render__section--services .studio-render__items h3 { font-family: var(--studio-heading-font); font-size: var(--studio-frame-size-22,22px); font-weight: 400; letter-spacing: -.02em; line-height: 1.3; }
.studio-render.studio-render--composition-hartwell-legal-website .studio-render__section--services .studio-render__items p { margin-top: 16px; font-size: var(--studio-frame-size-13,13px); line-height: 1.8; }
.studio-render.studio-render--composition-hartwell-legal-website [data-studio-landing-role="about"] .studio-render__image-flow { gap: clamp(42px,8cqi,114px); }
.studio-render.studio-render--composition-hartwell-legal-website [data-studio-landing-role="about"] .studio-render__image { aspect-ratio: 1.05; height: auto; border-radius: var(--studio-radius); box-shadow: -16px 16px 0 color-mix(in srgb,var(--studio-primary) 18%,var(--studio-background)); }
.studio-render.studio-render--composition-hartwell-legal-website [data-studio-landing-role="about"] .studio-render__copy > p { max-width: 51ch; margin-top: 26px; }
.studio-render.studio-render--composition-hartwell-legal-website > .studio-render__document > [data-studio-landing-role="metrics"] { grid-column: 2 / -2; --studio-section-margin-inline-default: clamp(28px,4cqi,58px); --studio-section-margin-block-default: clamp(40px,5cqi,72px); margin-block: 26px; border: 0; }
.studio-render.studio-render--composition-hartwell-legal-website [data-studio-landing-role="metrics"] h2 { max-width: 25ch; font-family: var(--studio-heading-font); font-size: var(--studio-frame-size-hartwell-heading,clamp(28px,3.2cqi,46px)); line-height: 1.17; }
.studio-render.studio-render--composition-hartwell-legal-website [data-studio-landing-role="metrics"] .studio-render__section-body > p { max-width: 71ch; }
.studio-render.studio-render--composition-hartwell-legal-website [data-studio-landing-role="metrics"] .studio-render__items { gap: 28px; }
.studio-render.studio-render--composition-hartwell-legal-website [data-studio-landing-role="metrics"] .studio-render__items > article { padding: 24px 0 0; border: 0; border-top: 1px solid color-mix(in srgb,currentColor 25%,transparent); border-radius: 0; }
.studio-render.studio-render--composition-hartwell-legal-website [data-studio-landing-role="metrics"] .studio-render__items h3 { color: var(--studio-primary); font-size: var(--studio-frame-size-22,22px); line-height: 1.3; }
.studio-render.studio-render--composition-hartwell-legal-website > .studio-render__document > .studio-render__section--image-text:is([data-studio-landing-role="portfolio"],[data-studio-page-slug="index"] [data-studio-landing-role="feature"]) { grid-column: 2 / span 4; --studio-section-margin-block-default: 24px; --studio-section-margin-inline-default: 0px; padding-left: var(--studio-section-margin-left,0px); padding-right: var(--studio-section-margin-right,16px); }
.studio-render.studio-render--composition-hartwell-legal-website > .studio-render__document > .studio-render__section--image-text:is([data-studio-landing-role="portfolio"],[data-studio-page-slug="index"] [data-studio-landing-role="feature"]) + .studio-render__section--image-text:is([data-studio-landing-role="portfolio"],[data-studio-page-slug="index"] [data-studio-landing-role="feature"]) { grid-column: 6 / span 4; padding-left: var(--studio-section-margin-left,8px); padding-right: var(--studio-section-margin-right,8px); }
.studio-render.studio-render--composition-hartwell-legal-website > .studio-render__document > .studio-render__section--image-text:is([data-studio-landing-role="portfolio"],[data-studio-page-slug="index"] [data-studio-landing-role="feature"]) + .studio-render__section--image-text:is([data-studio-landing-role="portfolio"],[data-studio-page-slug="index"] [data-studio-landing-role="feature"]) + .studio-render__section--image-text:is([data-studio-landing-role="portfolio"],[data-studio-page-slug="index"] [data-studio-landing-role="feature"]) { grid-column: 10 / span 4; padding-left: var(--studio-section-margin-left,16px); padding-right: var(--studio-section-margin-right,0px); }
.studio-render.studio-render--composition-hartwell-legal-website .studio-render__section--image-text[data-studio-landing-role="portfolio"] .studio-render__image { aspect-ratio: .88; height: auto; border-radius: var(--studio-radius); background: var(--studio-surface); }
.studio-render.studio-render--composition-hartwell-legal-website [data-studio-landing-role="portfolio"] + [data-studio-landing-role="portfolio"] + [data-studio-landing-role="portfolio"] .studio-render__image { aspect-ratio: .88; }
.studio-render.studio-render--composition-hartwell-legal-website .studio-render__section--image-text[data-studio-landing-role="portfolio"] .studio-render__image-flow-content { margin-top: 0; padding: 24px; background: var(--studio-surface); }
.studio-render.studio-render--composition-hartwell-legal-website .studio-render__section--image-text[data-studio-landing-role="feature"] .studio-render__image { aspect-ratio: 1.5; height: auto; border-radius: var(--studio-radius); }
.studio-render.studio-render--composition-hartwell-legal-website .studio-render__section--image-text[data-studio-landing-role="feature"] .studio-render__image-flow--block > .studio-render__image-flow-content { margin-top: 24px; }
.studio-render.studio-render--composition-hartwell-legal-website .studio-render__section--image-text:is([data-studio-landing-role="portfolio"],[data-studio-landing-role="feature"]) h2 { font-size: var(--studio-frame-size-23,23px); line-height: 1.25; }
.studio-render.studio-render--composition-hartwell-legal-website .studio-render__section--image-text:is([data-studio-landing-role="portfolio"],[data-studio-landing-role="feature"]) p { margin-top: 16px; font-size: var(--studio-frame-size-13,13px); line-height: 1.8; }
.studio-render.studio-render--composition-hartwell-legal-website .studio-render__section--image-text:is([data-studio-landing-role="portfolio"],[data-studio-landing-role="feature"]) .studio-render__section-links { margin-top: 20px; }
.studio-render.studio-render--composition-hartwell-legal-website:not([data-studio-page-slug="index"]) .studio-render__section--image-text[data-studio-landing-role="feature"] { border-top: 1px solid var(--studio-border); }
.studio-render.studio-render--composition-hartwell-legal-website:not([data-studio-page-slug="index"]) .studio-render__section--image-text[data-studio-landing-role="feature"] .studio-render__image-flow--block { display: grid; grid-template-columns: minmax(0,.85fr) minmax(0,1.15fr); align-items: start; gap: clamp(30px,5cqi,72px); }
.studio-render.studio-render--composition-hartwell-legal-website:not([data-studio-page-slug="index"]) .studio-render__section--image-text[data-studio-landing-role="feature"] .studio-render__image-flow-content { margin-top: 0; }
.studio-render.studio-render--composition-hartwell-legal-website:not([data-studio-page-slug="index"]) .studio-render__section--image-text[data-studio-landing-role="feature"] h2 { font-size: var(--studio-frame-size-hartwell-heading,clamp(28px,3.2cqi,46px)); }
.studio-render.studio-render--composition-hartwell-legal-website:not([data-studio-page-slug="index"]) .studio-render__section--image-text[data-studio-landing-role="feature"] p { font-size: var(--studio-frame-size-14,14px); }
.studio-render.studio-render--composition-hartwell-legal-website .studio-render__section--faq { border-top: 1px solid var(--studio-border); }
.studio-render.studio-render--composition-hartwell-legal-website .studio-render__section--faq .studio-render__section-body { display: grid; grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr); align-items: start; gap: 24px clamp(32px,5.2cqi,74px); }
.studio-render.studio-render--composition-hartwell-legal-website .studio-render__section--faq .studio-render__section-body > :is(h2,p,.studio-render__section-links) { grid-column: 1; margin-top: 0; }
.studio-render.studio-render--composition-hartwell-legal-website .studio-render__section--faq .studio-render__items { grid-column: 2; grid-row: 1 / span 4; gap: 0; margin: 0; }
.studio-render.studio-render--composition-hartwell-legal-website .studio-render__section--faq details { padding: 24px 0; border-color: var(--studio-border); }
.studio-render.studio-render--composition-hartwell-legal-website .studio-render__section--faq summary { font-size: var(--studio-frame-size-14,14px); font-weight: 500; line-height: 1.6; }
.studio-render.studio-render--composition-hartwell-legal-website .studio-render__section--faq details p { max-width: 62ch; font-size: var(--studio-frame-size-13,13px); }
.studio-render.studio-render--composition-hartwell-legal-website [data-studio-landing-role="band"] { border-block: 1px solid var(--studio-border); }
.studio-render.studio-render--composition-hartwell-legal-website [data-studio-landing-role="band"] :is(h2,p) { max-width: 26ch; }
.studio-render.studio-render--composition-hartwell-legal-website [data-studio-landing-role="band"] p { max-width: 67ch; margin-top: 24px; }
.studio-render.studio-render--composition-hartwell-legal-website [data-studio-landing-role="footer"] { --studio-section-margin-block-default: 30px; }
.studio-render.studio-render--composition-hartwell-legal-website [data-studio-landing-role="footer"] h2 { font-family: var(--studio-heading-font); font-size: var(--studio-frame-size-24,24px); }
.studio-render.studio-render--composition-hartwell-legal-website [data-studio-landing-role="footer"] p { max-width: 58ch; font-size: var(--studio-frame-size-11,11px); }

/* The Contact page has one actual form. Its single native action block follows
 * the form in source order and shares its ink surface without a duplicate CTA. */
.studio-render.studio-render--composition-hartwell-legal-website[data-studio-page-slug="contact"] > .studio-render__document > .studio-render__section--introduction[data-studio-landing-role="eyebrow"] { grid-column: 2 / span 5; grid-row: 2; --studio-section-margin-top-default: 54px; --studio-section-margin-inline-default: 0px; padding-right: var(--studio-section-margin-right,34px); }
.studio-render.studio-render--composition-hartwell-legal-website[data-studio-page-slug="contact"] > .studio-render__document > [data-studio-landing-role="contact"] { grid-column: 8 / span 6; grid-row: 2; --studio-section-margin-inline-default: clamp(26px,3cqi,42px); --studio-section-margin-top-default: 40px; --studio-section-margin-bottom-default: 12px; margin-top: 54px; padding-top: var(--studio-section-margin-top,var(--studio-section-margin-top-default)); padding-bottom: var(--studio-section-margin-bottom,var(--studio-section-margin-bottom-default)); border: 0; }
.studio-render.studio-render--composition-hartwell-legal-website[data-studio-page-slug="contact"] > .studio-render__document > .studio-render__actions { grid-column: 8 / span 6; grid-row: 3; padding: 12px clamp(26px,3cqi,42px) 38px; margin-bottom: 54px; background: var(--studio-text); color: var(--studio-background); }
.studio-render.studio-render--composition-hartwell-legal-website[data-studio-page-slug="contact"] .studio-render__actions .studio-render__submission-note { color: var(--studio-background); }
.studio-render.studio-render--composition-hartwell-legal-website [data-studio-landing-role="contact"] h2 { font-size: var(--studio-frame-size-28,28px); }
.studio-render.studio-render--composition-hartwell-legal-website [data-studio-landing-role="contact"] p { font-size: var(--studio-frame-size-13,13px); }
.studio-render.studio-render--composition-hartwell-legal-website [data-studio-landing-role="contact"] .studio-render__fields { margin-top: 28px; gap: 22px 18px; }
.studio-render.studio-render--composition-hartwell-legal-website [data-studio-landing-role="contact"] .studio-render__field > :is(label,legend) { color: inherit; font-size: var(--studio-frame-size-12,12px); font-weight: 500; }
.studio-render.studio-render--composition-hartwell-legal-website [data-studio-landing-role="contact"] .studio-render__field > :is(input,textarea),
.studio-render.studio-render--composition-hartwell-legal-website [data-studio-landing-role="contact"] .studio-render__select > :is(select,.studio-render__select-control) { min-height: 48px; padding: 12px; color: var(--studio-text); }
.studio-render.studio-render--composition-hartwell-legal-website [data-studio-landing-role="contact"] .studio-render__field [aria-invalid="true"] { border-color: #bf3349; box-shadow: 0 0 0 1px #bf3349; }
.studio-render.studio-render--composition-hartwell-legal-website .studio-render__section--faq[data-studio-section-off-margin] .studio-render__section-body > :is(h2,p,.studio-render__items,.studio-render__section-links) { grid-row: auto; }
.studio-render.studio-render--composition-hartwell-legal-website .studio-render__section--faq[data-studio-section-off-margin] .studio-render__section-body > :is(h2,p,.studio-render__items,.studio-render__section-links):not([data-studio-off-margin]) { grid-column: studio-content-start / studio-content-end; }

@container (max-width: 1100px) {
  .studio-render.studio-render--composition-hartwell-legal-website [data-studio-landing-role="nav"] .studio-render__section-links { justify-content: flex-start; gap: 4px 18px; }
  .studio-render.studio-render--composition-hartwell-legal-website [data-studio-landing-role="hero"] .studio-render__image-flow--wrap-right { gap: 36px; }
  .studio-render.studio-render--composition-hartwell-legal-website [data-studio-landing-role="about"] .studio-render__image-flow { gap: 42px; }
  .studio-render.studio-render--composition-hartwell-legal-website .studio-render__section--services.studio-render__layout--grid[data-studio-landing-role="services"] .studio-render__items { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .studio-render.studio-render--composition-hartwell-legal-website[data-studio-page-slug="contact"] [data-studio-landing-role="contact"] .studio-render__fields { grid-template-columns: minmax(0,1fr); }
  .studio-render.studio-render--composition-hartwell-legal-website[data-studio-page-slug="contact"] [data-studio-landing-role="contact"] .studio-render__field--half { grid-column: auto; }
}
@container (max-width: 720px) {
  .studio-render.studio-render--composition-hartwell-legal-website .studio-render__section { --studio-section-margin-block-default: 44px; }
  .studio-render.studio-render--composition-hartwell-legal-website [data-studio-landing-role="nav"] { --studio-section-margin-block-default: 20px; }
  .studio-render.studio-render--composition-hartwell-legal-website [data-studio-landing-role="nav"] .studio-render__section-body { flex-direction: column; align-items: flex-start; gap: 12px; }
  .studio-render.studio-render--composition-hartwell-legal-website [data-studio-landing-role="nav"] .studio-render__section-links { justify-content: flex-start; }
  .studio-render.studio-render--composition-hartwell-legal-website [data-studio-landing-role="hero"] .studio-render__image-flow--wrap-right { grid-template-columns: minmax(0,1fr); gap: 34px; }
  .studio-render.studio-render--composition-hartwell-legal-website [data-studio-landing-role="hero"] h1 { max-width: 19ch; }
  .studio-render.studio-render--composition-hartwell-legal-website [data-studio-landing-role="hero"] .studio-render__image { max-height: 510px; aspect-ratio: 1; }
  .studio-render.studio-render--composition-hartwell-legal-website [data-studio-landing-role="about"] .studio-render__image-flow { gap: 38px; }
  .studio-render.studio-render--composition-hartwell-legal-website [data-studio-landing-role="about"] .studio-render__image { box-shadow: -10px 10px 0 color-mix(in srgb,var(--studio-primary) 18%,var(--studio-background)); }
  .studio-render.studio-render--composition-hartwell-legal-website > .studio-render__document > .studio-render__section--image-text:is([data-studio-landing-role="portfolio"],[data-studio-page-slug="index"] [data-studio-landing-role="feature"]),
  .studio-render.studio-render--composition-hartwell-legal-website > .studio-render__document > .studio-render__section--image-text:is([data-studio-landing-role="portfolio"],[data-studio-page-slug="index"] [data-studio-landing-role="feature"]) + .studio-render__section--image-text:is([data-studio-landing-role="portfolio"],[data-studio-page-slug="index"] [data-studio-landing-role="feature"]),
  .studio-render.studio-render--composition-hartwell-legal-website > .studio-render__document > .studio-render__section--image-text:is([data-studio-landing-role="portfolio"],[data-studio-page-slug="index"] [data-studio-landing-role="feature"]) + .studio-render__section--image-text:is([data-studio-landing-role="portfolio"],[data-studio-page-slug="index"] [data-studio-landing-role="feature"]) + .studio-render__section--image-text:is([data-studio-landing-role="portfolio"],[data-studio-page-slug="index"] [data-studio-landing-role="feature"]) { grid-column: 2 / -2; padding-left: var(--studio-section-margin-left,0px); padding-right: var(--studio-section-margin-right,0px); }
  .studio-render.studio-render--composition-hartwell-legal-website:not([data-studio-page-slug="index"]) .studio-render__section--image-text[data-studio-landing-role="feature"] .studio-render__image-flow--block { grid-template-columns: minmax(0,1fr); gap: 28px; }
  .studio-render.studio-render--composition-hartwell-legal-website .studio-render__section--image-text[data-studio-landing-role="portfolio"] .studio-render__image { aspect-ratio: 1; }
  .studio-render.studio-render--composition-hartwell-legal-website [data-studio-landing-role="portfolio"] + [data-studio-landing-role="portfolio"] + [data-studio-landing-role="portfolio"] .studio-render__image { aspect-ratio: 1; }
  .studio-render.studio-render--composition-hartwell-legal-website > .studio-render__document > [data-studio-landing-role="metrics"] { --studio-section-margin-inline-default: 24px; --studio-section-margin-block-default: 34px; margin-block: 20px; }
  .studio-render.studio-render--composition-hartwell-legal-website [data-studio-landing-role="metrics"] .studio-render__items { grid-template-columns: minmax(0,1fr); }
  .studio-render.studio-render--composition-hartwell-legal-website .studio-render__section--faq .studio-render__section-body { display: block; }
  .studio-render.studio-render--composition-hartwell-legal-website .studio-render__section--faq .studio-render__section-body > p { margin-top: 24px; }
  .studio-render.studio-render--composition-hartwell-legal-website .studio-render__section--faq .studio-render__items { margin-top: 32px; }
  .studio-render.studio-render--composition-hartwell-legal-website .studio-render__section--faq .studio-render__section-links { margin-top: 28px; }
  .studio-render.studio-render--composition-hartwell-legal-website[data-studio-page-slug="contact"] > .studio-render__document > .studio-render__section--introduction[data-studio-landing-role="eyebrow"] { grid-column: 1 / -1; grid-row: auto; --studio-section-margin-inline-default: var(--studio-landing-gutter); padding-right: var(--studio-section-margin-right,var(--studio-landing-gutter)); }
  .studio-render.studio-render--composition-hartwell-legal-website[data-studio-page-slug="contact"] > .studio-render__document > [data-studio-landing-role="contact"] { grid-column: 2 / -2; grid-row: auto; --studio-section-margin-inline-default: 24px; margin-top: 0; }
  .studio-render.studio-render--composition-hartwell-legal-website[data-studio-page-slug="contact"] > .studio-render__document > .studio-render__actions { grid-column: 2 / -2; grid-row: auto; padding: 12px 24px 30px; margin-bottom: 40px; }
}
@container (max-width: 480px) {
  .studio-render.studio-render--composition-hartwell-legal-website .studio-render__section--services.studio-render__layout--grid[data-studio-landing-role="services"] .studio-render__items { grid-template-columns: minmax(0,1fr); }
}

/* Lucent -----------------------------------------------------------------
 * Icy blue, ink and burnt orange: a framed portrait introduction, an authored
 * floating conversation card, and large native details/summary service rows.
 * No proof statistics, decorative controls, or photographic CSS backgrounds
 * are introduced here. Source sections remain selectable and re-orderable. */
.studio-render.studio-render--composition-lucent-legal-website { --studio-landing-gutter: clamp(24px,5.7cqi,82px); }
.studio-render.studio-render--composition-lucent-legal-website > .studio-render__document { grid-template-columns: var(--studio-landing-gutter) repeat(12,minmax(0,1fr)) var(--studio-landing-gutter); }
.studio-render.studio-render--composition-lucent-legal-website .studio-render__section { --studio-section-margin-block-default: clamp(48px,6.5cqi,94px); }
.studio-render.studio-render--composition-lucent-legal-website :is(h1,h2,h3) { font-family: var(--studio-heading-font); font-weight: 400; letter-spacing: -.04em; }
.studio-render.studio-render--composition-lucent-legal-website h2 { max-width: 24ch; font-size: var(--studio-frame-size-lucent-heading,clamp(30px,4cqi,58px)); line-height: 1.12; }
.studio-render.studio-render--composition-lucent-legal-website p { font-size: var(--studio-frame-size-14,14px); line-height: 1.8; }
.studio-render.studio-render--composition-lucent-legal-website .studio-render__align--center :is(h2,p) { margin-inline: auto; }
.studio-render.studio-render--composition-lucent-legal-website .studio-render__section-link { min-height: 46px; padding-inline: 24px; font-size: var(--studio-frame-size-13,13px); font-weight: 500; }
.studio-render.studio-render--composition-lucent-legal-website .studio-render__section-link--text { padding-inline: 0; }
.studio-render.studio-render--composition-lucent-legal-website [data-studio-landing-role="nav"] { --studio-section-margin-block-default: 24px; border: 0; }
.studio-render.studio-render--composition-lucent-legal-website [data-studio-landing-role="nav"] .studio-render__section-body { gap: 18px 28px; }
.studio-render.studio-render--composition-lucent-legal-website [data-studio-landing-role="nav"] .studio-render__brand { flex-shrink: 0; font-family: var(--studio-heading-font); font-size: var(--studio-frame-size-28,28px); font-weight: 400; letter-spacing: -.04em; }
.studio-render.studio-render--composition-lucent-legal-website [data-studio-landing-role="nav"] .studio-render__section-links { gap: 6px 18px; }
.studio-render.studio-render--composition-lucent-legal-website [data-studio-landing-role="nav"] .studio-render__section-link { font-size: var(--studio-frame-size-12,12px); }
.studio-render.studio-render--composition-lucent-legal-website [data-studio-landing-role="nav"] .studio-render__section-link--primary { background: var(--studio-text); border-color: var(--studio-text); color: var(--studio-background); }
.studio-render.studio-render--composition-lucent-legal-website > .studio-render__document > [data-studio-landing-role="hero"] { grid-column: 2 / -2; --studio-section-margin-inline-default: clamp(28px,4cqi,58px); --studio-section-margin-top-default: 38px; --studio-section-margin-bottom-default: 0px; padding-top: var(--studio-section-margin-top,var(--studio-section-margin-top-default)); padding-bottom: var(--studio-section-margin-bottom,var(--studio-section-margin-bottom-default)); border: 2px solid var(--studio-text); border-radius: var(--studio-radius); isolation: isolate; }
.studio-render.studio-render--composition-lucent-legal-website [data-studio-landing-role="hero"] .studio-render__image-flow--wrap-right { grid-template-columns: minmax(0,1fr) minmax(0,1fr); align-items: end; gap: clamp(22px,3cqi,44px); }
.studio-render.studio-render--composition-lucent-legal-website [data-studio-landing-role="hero"] .studio-render__image-flow-content { align-self: center; padding-bottom: 148px; }
.studio-render.studio-render--composition-lucent-legal-website [data-studio-landing-role="hero"] h1 { max-width: 16ch; font-size: var(--studio-frame-size-lucent-title,clamp(40px,5.6cqi,80px)); letter-spacing: -.04em; line-height: 1.04; }
.studio-render.studio-render--composition-lucent-legal-website [data-studio-landing-role="hero"] p { max-width: 45ch; margin-top: 28px; font-size: var(--studio-frame-size-14,14px); }
.studio-render.studio-render--composition-lucent-legal-website [data-studio-landing-role="hero"] .studio-render__image { aspect-ratio: .78; height: auto; max-height: 660px; border-radius: 0; align-self: end; }
.studio-render.studio-render--composition-lucent-legal-website [data-studio-landing-role="hero"] .studio-render__section-links { margin-top: 28px; gap: 12px 22px; }
.studio-render.studio-render--composition-lucent-legal-website > .studio-render__document > .studio-render__section--image-text[data-studio-landing-role="metrics"] { grid-column: 2 / span 7; --studio-section-margin-block-default: 24px; --studio-section-margin-inline-default: 26px; position: relative; z-index: 2; margin: -112px 0 46px 28px; border: 0; border-radius: var(--studio-radius); }
.studio-render.studio-render--composition-lucent-legal-website .studio-render__section--image-text[data-studio-landing-role="metrics"] .studio-render__image-flow { grid-template-columns: minmax(0,.65fr) minmax(0,1.35fr); gap: 24px; }
.studio-render.studio-render--composition-lucent-legal-website .studio-render__section--image-text[data-studio-landing-role="metrics"] h2 { font-family: var(--studio-heading-font); font-size: var(--studio-frame-size-26,26px); line-height: 1.2; letter-spacing: -.03em; }
.studio-render.studio-render--composition-lucent-legal-website .studio-render__section--image-text[data-studio-landing-role="metrics"] p { margin-top: 12px; font-size: var(--studio-frame-size-12,12px); line-height: 1.7; }
.studio-render.studio-render--composition-lucent-legal-website .studio-render__section--image-text[data-studio-landing-role="metrics"] .studio-render__image { aspect-ratio: 1; height: auto; border-radius: min(14px,var(--studio-radius)); }
.studio-render.studio-render--composition-lucent-legal-website .studio-render__section--image-text[data-studio-landing-role="metrics"] .studio-render__section-links { margin-top: 14px; }
.studio-render.studio-render--composition-lucent-legal-website .studio-render__section--image-text[data-studio-landing-role="metrics"] .studio-render__section-link { min-height: 38px; font-size: var(--studio-frame-size-12,12px); }
.studio-render.studio-render--composition-lucent-legal-website .studio-render__section--text[data-studio-landing-role="about"] .studio-render__section-body { display: block; }
.studio-render.studio-render--composition-lucent-legal-website .studio-render__section--text[data-studio-landing-role="about"] p { max-width: 61ch; margin-top: 28px; }
.studio-render.studio-render--composition-lucent-legal-website .studio-render__section--image-text[data-studio-landing-role="about"] .studio-render__image-flow { gap: clamp(36px,6cqi,86px); }
.studio-render.studio-render--composition-lucent-legal-website .studio-render__section--image-text[data-studio-landing-role="about"] .studio-render__image { aspect-ratio: 1.12; height: auto; }
.studio-render.studio-render--composition-lucent-legal-website .studio-render__copy > p { max-width: 57ch; margin-top: 24px; }
.studio-render.studio-render--composition-lucent-legal-website .studio-render__section--services .studio-render__section-body > p { max-width: 67ch; margin-top: 24px; }
.studio-render.studio-render--composition-lucent-legal-website .studio-render__section--services .studio-render__items { gap: 28px; margin-top: 36px; }
.studio-render.studio-render--composition-lucent-legal-website .studio-render__section--services .studio-render__items > article { padding: 30px; border-color: color-mix(in srgb,currentColor 24%,transparent); }
.studio-render.studio-render--composition-lucent-legal-website .studio-render__section--services .studio-render__item-mark:empty { display: none; }
.studio-render.studio-render--composition-lucent-legal-website .studio-render__section--services .studio-render__items h3 { font-size: var(--studio-frame-size-26,26px); font-weight: 400; line-height: 1.22; }
.studio-render.studio-render--composition-lucent-legal-website .studio-render__section--services .studio-render__items p { margin-top: 18px; font-size: var(--studio-frame-size-13,13px); }
.studio-render.studio-render--composition-lucent-legal-website .studio-render__section--services[data-studio-landing-role="metrics"] { border: 0; --studio-section-margin-top-default: 16px; padding-top: var(--studio-section-margin-top,var(--studio-section-margin-top-default)); }
.studio-render.studio-render--composition-lucent-legal-website .studio-render__section--services[data-studio-landing-role="metrics"] h2 { font-family: var(--studio-heading-font); font-size: var(--studio-frame-size-lucent-heading,clamp(30px,4cqi,58px)); line-height: 1.12; }
.studio-render.studio-render--composition-lucent-legal-website .studio-render__section--services[data-studio-landing-role="metrics"] .studio-render__items > article { padding: 24px 22px 0 0; border: 0; border-top: 1px solid color-mix(in srgb,currentColor 35%,transparent); border-radius: 0; }
.studio-render.studio-render--composition-lucent-legal-website .studio-render__section--services[data-studio-landing-role="metrics"] .studio-render__item-mark { display: none; }
.studio-render.studio-render--composition-lucent-legal-website[data-studio-page-slug="index"] > .studio-render__document > :is(.studio-render__section--text,.studio-render__section--image-text)[data-studio-landing-role="services"] { grid-column: 2 / span 4; --studio-section-margin-block-default: 28px; --studio-section-margin-inline-default: 28px; margin: 42px 10px 28px 0; border-radius: var(--studio-radius); }
.studio-render.studio-render--composition-lucent-legal-website[data-studio-page-slug="index"] > .studio-render__document > :is(.studio-render__section--text,.studio-render__section--image-text)[data-studio-landing-role="services"] + :is(.studio-render__section--text,.studio-render__section--image-text)[data-studio-landing-role="services"] { grid-column: 6 / span 4; margin-inline: 5px; }
.studio-render.studio-render--composition-lucent-legal-website[data-studio-page-slug="index"] > .studio-render__document > :is(.studio-render__section--text,.studio-render__section--image-text)[data-studio-landing-role="services"] + :is(.studio-render__section--text,.studio-render__section--image-text)[data-studio-landing-role="services"] + :is(.studio-render__section--text,.studio-render__section--image-text)[data-studio-landing-role="services"] { grid-column: 10 / span 4; margin-inline: 10px 0; }
.studio-render.studio-render--composition-lucent-legal-website[data-studio-page-slug="index"] :is(.studio-render__section--text,.studio-render__section--image-text)[data-studio-landing-role="services"] h2 { font-size: var(--studio-frame-size-28,28px); line-height: 1.16; }
.studio-render.studio-render--composition-lucent-legal-website[data-studio-page-slug="index"] :is(.studio-render__section--text,.studio-render__section--image-text)[data-studio-landing-role="services"] p { margin-top: 24px; font-size: var(--studio-frame-size-13,13px); }
.studio-render.studio-render--composition-lucent-legal-website[data-studio-page-slug="index"] .studio-render__section--image-text[data-studio-landing-role="services"] .studio-render__image { aspect-ratio: 1.6; height: auto; border-radius: min(12px,var(--studio-radius)); }
.studio-render.studio-render--composition-lucent-legal-website[data-studio-page-slug="index"] .studio-render__section--image-text[data-studio-landing-role="services"] .studio-render__image-flow-content { margin-top: 24px; }
.studio-render.studio-render--composition-lucent-legal-website .studio-render__section--faq .studio-render__section-body > p { max-width: 65ch; margin-top: 24px; }
.studio-render.studio-render--composition-lucent-legal-website .studio-render__section--faq .studio-render__items { gap: 0; margin-top: 40px; }
.studio-render.studio-render--composition-lucent-legal-website .studio-render__section--faq details { padding: 24px 0; border-color: var(--studio-text); }
.studio-render.studio-render--composition-lucent-legal-website .studio-render__section--faq summary { display: flex; align-items: center; justify-content: space-between; gap: 24px; font-family: var(--studio-heading-font); font-size: var(--studio-frame-size-28,28px); font-weight: 400; letter-spacing: -.025em; line-height: 1.25; list-style: none; }
.studio-render.studio-render--composition-lucent-legal-website .studio-render__section--faq summary::-webkit-details-marker { display: none; }
.studio-render.studio-render--composition-lucent-legal-website .studio-render__section--faq summary::after { content: "+" / ""; flex: 0 0 42px; display: grid; place-items: center; width: 42px; height: 42px; border-radius: 50%; background: var(--studio-text); color: var(--studio-background); font-family: var(--studio-font); font-size: var(--studio-frame-size-26,26px); line-height: 1; }
.studio-render.studio-render--composition-lucent-legal-website .studio-render__section--faq details[open] > summary::after { content: "−" / ""; }
.studio-render.studio-render--composition-lucent-legal-website .studio-render__section--faq details p { max-width: 84ch; margin-top: 22px; padding-right: 66px; font-size: var(--studio-frame-size-14,14px); }
.studio-render.studio-render--composition-lucent-legal-website [data-studio-landing-role="eyebrow"] { --studio-section-margin-top-default: 44px; --studio-section-margin-bottom-default: 20px; padding-top: var(--studio-section-margin-top,var(--studio-section-margin-top-default)); padding-bottom: var(--studio-section-margin-bottom,var(--studio-section-margin-bottom-default)); }
.studio-render.studio-render--composition-lucent-legal-website [data-studio-landing-role="eyebrow"] h2 { font-family: var(--studio-heading-font); font-size: var(--studio-frame-size-lucent-heading,clamp(30px,4cqi,58px)); letter-spacing: -.04em; line-height: 1.12; text-transform: none; }
.studio-render.studio-render--composition-lucent-legal-website [data-studio-landing-role="eyebrow"] p { max-width: 66ch; margin-top: 24px; font-size: var(--studio-frame-size-14,14px); letter-spacing: 0; text-transform: none; }
.studio-render.studio-render--composition-lucent-legal-website[data-studio-page-id] .studio-render__section--introduction[data-studio-landing-role="eyebrow"] h1 { max-width: 22ch; font-size: var(--studio-frame-size-lucent-title,clamp(40px,5.6cqi,80px)); line-height: 1.1; }
.studio-render.studio-render--composition-lucent-legal-website[data-studio-page-slug="index"] > .studio-render__document > .studio-render__section--image-text[data-studio-landing-role="feature"] { grid-column: 2 / span 4; --studio-section-margin-block-default: 24px; --studio-section-margin-inline-default: 0px; padding-left: var(--studio-section-margin-left,0px); padding-right: var(--studio-section-margin-right,18px); }
.studio-render.studio-render--composition-lucent-legal-website[data-studio-page-slug="index"] > .studio-render__document > .studio-render__section--image-text[data-studio-landing-role="feature"] + .studio-render__section--image-text[data-studio-landing-role="feature"] { grid-column: 6 / span 4; padding-left: var(--studio-section-margin-left,9px); padding-right: var(--studio-section-margin-right,9px); }
.studio-render.studio-render--composition-lucent-legal-website[data-studio-page-slug="index"] > .studio-render__document > .studio-render__section--image-text[data-studio-landing-role="feature"] + .studio-render__section--image-text[data-studio-landing-role="feature"] + .studio-render__section--image-text[data-studio-landing-role="feature"] { grid-column: 10 / span 4; padding-left: var(--studio-section-margin-left,18px); padding-right: var(--studio-section-margin-right,0px); }
.studio-render.studio-render--composition-lucent-legal-website > .studio-render__document > .studio-render__section--image-text[data-studio-landing-role="portfolio"] { grid-column: 2 / span 6; --studio-section-margin-block-default: 24px; --studio-section-margin-inline-default: 0px; padding-left: var(--studio-section-margin-left,0px); padding-right: var(--studio-section-margin-right,18px); }
.studio-render.studio-render--composition-lucent-legal-website > .studio-render__document > .studio-render__section--image-text[data-studio-landing-role="portfolio"] + .studio-render__section--image-text[data-studio-landing-role="portfolio"] { grid-column: 8 / span 6; padding-left: var(--studio-section-margin-left,18px); padding-right: var(--studio-section-margin-right,0px); }
.studio-render.studio-render--composition-lucent-legal-website [data-studio-landing-role="portfolio"] .studio-render__image,
.studio-render.studio-render--composition-lucent-legal-website [data-studio-landing-role="portfolio"] + [data-studio-landing-role="portfolio"] + [data-studio-landing-role="portfolio"] .studio-render__image { aspect-ratio: .95; height: auto; border-radius: var(--studio-radius); background: var(--studio-surface); }
.studio-render.studio-render--composition-lucent-legal-website .studio-render__section--image-text[data-studio-landing-role="feature"] .studio-render__image { aspect-ratio: 1.5; height: auto; }
.studio-render.studio-render--composition-lucent-legal-website .studio-render__section--image-text:is([data-studio-landing-role="portfolio"],[data-studio-landing-role="feature"]) .studio-render__image-flow-content { margin-top: 24px; }
.studio-render.studio-render--composition-lucent-legal-website .studio-render__section--image-text:is([data-studio-landing-role="portfolio"],[data-studio-landing-role="feature"]) h2 { font-size: var(--studio-frame-size-26,26px); line-height: 1.18; }
.studio-render.studio-render--composition-lucent-legal-website .studio-render__section--image-text:is([data-studio-landing-role="portfolio"],[data-studio-landing-role="feature"]) p { font-size: var(--studio-frame-size-13,13px); margin-top: 18px; }
.studio-render.studio-render--composition-lucent-legal-website:not([data-studio-page-slug="index"]) .studio-render__section--image-text[data-studio-landing-role="feature"] { border-top: 1px solid var(--studio-border); }
.studio-render.studio-render--composition-lucent-legal-website:not([data-studio-page-slug="index"]) .studio-render__section--image-text[data-studio-landing-role="feature"] .studio-render__image-flow--block { display: grid; grid-template-columns: minmax(0,.85fr) minmax(0,1.15fr); align-items: start; gap: clamp(32px,5.5cqi,78px); }
.studio-render.studio-render--composition-lucent-legal-website:not([data-studio-page-slug="index"]) .studio-render__section--image-text[data-studio-landing-role="feature"] .studio-render__image-flow-content { margin-top: 0; }
.studio-render.studio-render--composition-lucent-legal-website:not([data-studio-page-slug="index"]) .studio-render__section--image-text[data-studio-landing-role="feature"] h2 { font-size: var(--studio-frame-size-lucent-heading,clamp(30px,4cqi,58px)); }
.studio-render.studio-render--composition-lucent-legal-website:not([data-studio-page-slug="index"]) .studio-render__section--image-text[data-studio-landing-role="feature"] p { font-size: var(--studio-frame-size-14,14px); }
.studio-render.studio-render--composition-lucent-legal-website [data-studio-landing-role="band"] p { max-width: 68ch; margin-top: 24px; }
.studio-render.studio-render--composition-lucent-legal-website [data-studio-landing-role="band"] .studio-render__section-link--primary { background: var(--studio-text); border-color: var(--studio-text); color: var(--studio-background); }
.studio-render.studio-render--composition-lucent-legal-website [data-studio-landing-role="contact"] { border-top: 1px solid var(--studio-text); }
.studio-render.studio-render--composition-lucent-legal-website [data-studio-landing-role="contact"] .studio-render__section-body { max-width: 900px; }
.studio-render.studio-render--composition-lucent-legal-website [data-studio-landing-role="contact"] .studio-render__fields { max-width: none; gap: 24px; }
.studio-render.studio-render--composition-lucent-legal-website [data-studio-landing-role="contact"] .studio-render__field > :is(input,textarea),
.studio-render.studio-render--composition-lucent-legal-website [data-studio-landing-role="contact"] .studio-render__select > :is(select,.studio-render__select-control) { min-height: 52px; padding: 14px 16px; color: var(--studio-text); }
.studio-render.studio-render--composition-lucent-legal-website [data-studio-landing-role="contact"] .studio-render__field [aria-invalid="true"] { border-color: #ad243a; box-shadow: 0 0 0 1px #ad243a; }
.studio-render.studio-render--composition-lucent-legal-website > .studio-render__document > .studio-render__actions { padding-inline: max(var(--studio-landing-gutter),calc((100% - 900px)/2)); }
.studio-render.studio-render--composition-lucent-legal-website [data-studio-landing-role="footer"] { --studio-section-margin-block-default: 34px; }
.studio-render.studio-render--composition-lucent-legal-website [data-studio-landing-role="footer"] h2 { font-family: var(--studio-heading-font); font-size: var(--studio-frame-size-28,28px); }
.studio-render.studio-render--composition-lucent-legal-website [data-studio-landing-role="footer"] p { max-width: 58ch; font-size: var(--studio-frame-size-11,11px); }

@container (max-width: 1100px) {
  .studio-render.studio-render--composition-lucent-legal-website [data-studio-landing-role="nav"] .studio-render__section-links { justify-content: flex-start; }
  .studio-render.studio-render--composition-lucent-legal-website [data-studio-landing-role="hero"] .studio-render__image-flow-content { padding-bottom: 172px; }
  .studio-render.studio-render--composition-lucent-legal-website > .studio-render__document > .studio-render__section--image-text[data-studio-landing-role="metrics"] { grid-column: 2 / span 8; margin-top: -120px; }
}
@container (max-width: 720px) {
  .studio-render.studio-render--composition-lucent-legal-website .studio-render__section { --studio-section-margin-block-default: 44px; }
  .studio-render.studio-render--composition-lucent-legal-website [data-studio-landing-role="nav"] { --studio-section-margin-block-default: 20px; }
  .studio-render.studio-render--composition-lucent-legal-website [data-studio-landing-role="nav"] .studio-render__section-body { flex-direction: column; align-items: flex-start; gap: 12px; }
  .studio-render.studio-render--composition-lucent-legal-website [data-studio-landing-role="nav"] .studio-render__section-links { justify-content: flex-start; gap: 4px 18px; }
  .studio-render.studio-render--composition-lucent-legal-website > .studio-render__document > [data-studio-landing-role="hero"] { --studio-section-margin-inline-default: 24px; --studio-section-margin-top-default: 30px; }
  .studio-render.studio-render--composition-lucent-legal-website [data-studio-landing-role="hero"] .studio-render__image-flow--wrap-right { grid-template-columns: minmax(0,1fr); gap: 24px; }
  .studio-render.studio-render--composition-lucent-legal-website [data-studio-landing-role="hero"] .studio-render__image-flow-content { padding-bottom: 0; }
  .studio-render.studio-render--composition-lucent-legal-website [data-studio-landing-role="hero"] h1 { max-width: 16ch; }
  .studio-render.studio-render--composition-lucent-legal-website [data-studio-landing-role="hero"] .studio-render__image { aspect-ratio: 1; max-height: 460px; }
  .studio-render.studio-render--composition-lucent-legal-website > .studio-render__document > .studio-render__section--image-text[data-studio-landing-role="metrics"] { grid-column: 2 / -2; --studio-section-margin-inline-default: 24px; margin: 18px 0 30px; }
  .studio-render.studio-render--composition-lucent-legal-website .studio-render__section--image-text[data-studio-landing-role="metrics"] .studio-render__image-flow { grid-template-columns: minmax(0,1fr); gap: 22px; }
  .studio-render.studio-render--composition-lucent-legal-website .studio-render__section--image-text[data-studio-landing-role="metrics"] .studio-render__image { aspect-ratio: 1.5; }
  .studio-render.studio-render--composition-lucent-legal-website .studio-render__section--services[data-studio-landing-role="metrics"] .studio-render__items { grid-template-columns: minmax(0,1fr); gap: 28px; }
  .studio-render.studio-render--composition-lucent-legal-website .studio-render__section--services[data-studio-landing-role="metrics"] .studio-render__items > article { padding-right: 0; }
  .studio-render.studio-render--composition-lucent-legal-website[data-studio-page-slug="index"] > .studio-render__document > :is(.studio-render__section--text,.studio-render__section--image-text)[data-studio-landing-role="services"],
  .studio-render.studio-render--composition-lucent-legal-website[data-studio-page-slug="index"] > .studio-render__document > :is(.studio-render__section--text,.studio-render__section--image-text)[data-studio-landing-role="services"] + :is(.studio-render__section--text,.studio-render__section--image-text)[data-studio-landing-role="services"],
  .studio-render.studio-render--composition-lucent-legal-website[data-studio-page-slug="index"] > .studio-render__document > :is(.studio-render__section--text,.studio-render__section--image-text)[data-studio-landing-role="services"] + :is(.studio-render__section--text,.studio-render__section--image-text)[data-studio-landing-role="services"] + :is(.studio-render__section--text,.studio-render__section--image-text)[data-studio-landing-role="services"] { grid-column: 2 / -2; margin: 16px 0 0; }
  .studio-render.studio-render--composition-lucent-legal-website .studio-render__section--faq summary { gap: 18px; font-size: var(--studio-frame-size-23,23px); }
  .studio-render.studio-render--composition-lucent-legal-website .studio-render__section--faq details p { padding-right: 0; }
  .studio-render.studio-render--composition-lucent-legal-website[data-studio-page-slug="index"] > .studio-render__document > .studio-render__section--image-text[data-studio-landing-role="feature"],
  .studio-render.studio-render--composition-lucent-legal-website[data-studio-page-slug="index"] > .studio-render__document > .studio-render__section--image-text[data-studio-landing-role="feature"] + .studio-render__section--image-text[data-studio-landing-role="feature"],
  .studio-render.studio-render--composition-lucent-legal-website[data-studio-page-slug="index"] > .studio-render__document > .studio-render__section--image-text[data-studio-landing-role="feature"] + .studio-render__section--image-text[data-studio-landing-role="feature"] + .studio-render__section--image-text[data-studio-landing-role="feature"],
  .studio-render.studio-render--composition-lucent-legal-website > .studio-render__document > .studio-render__section--image-text[data-studio-landing-role="portfolio"],
  .studio-render.studio-render--composition-lucent-legal-website > .studio-render__document > .studio-render__section--image-text[data-studio-landing-role="portfolio"] + .studio-render__section--image-text[data-studio-landing-role="portfolio"] { grid-column: 2 / -2; padding-left: var(--studio-section-margin-left,0px); padding-right: var(--studio-section-margin-right,0px); }
  .studio-render.studio-render--composition-lucent-legal-website [data-studio-landing-role="portfolio"] .studio-render__image,
  .studio-render.studio-render--composition-lucent-legal-website [data-studio-landing-role="portfolio"] + [data-studio-landing-role="portfolio"] + [data-studio-landing-role="portfolio"] .studio-render__image { aspect-ratio: 1; }
  .studio-render.studio-render--composition-lucent-legal-website:not([data-studio-page-slug="index"]) .studio-render__section--image-text[data-studio-landing-role="feature"] .studio-render__image-flow--block { grid-template-columns: minmax(0,1fr); gap: 28px; }
}

/* Haven ------------------------------------------------------------------
 * A continuous charcoal, sans-serif practice website. Native photo stories,
 * compact six-person directories and real inquiry controls share the same
 * rendering path in the editor, visitor preview and client export. */
.studio-render.studio-render--composition-haven-legal-website { --studio-landing-gutter: clamp(24px,6cqi,86px); }
.studio-render.studio-render--composition-haven-legal-website > .studio-render__document { grid-template-columns: var(--studio-landing-gutter) repeat(12,minmax(0,1fr)) var(--studio-landing-gutter); }
.studio-render.studio-render--composition-haven-legal-website .studio-render__section { --studio-section-margin-block-default: clamp(46px,6cqi,86px); }
.studio-render.studio-render--composition-haven-legal-website :is(h1,h2,h3) { font-family: var(--studio-heading-font); letter-spacing: -.035em; }
.studio-render.studio-render--composition-haven-legal-website h1 { font-weight: 750; line-height: 1.04; }
.studio-render.studio-render--composition-haven-legal-website h2 { max-width: 25ch; font-size: var(--studio-frame-size-haven-heading,clamp(30px,3.2cqi,46px)); font-weight: 650; line-height: 1.15; }
.studio-render.studio-render--composition-haven-legal-website p { font-size: var(--studio-frame-size-14,14px); line-height: 1.85; }
.studio-render.studio-render--composition-haven-legal-website .studio-render__align--center :is(h2,p) { margin-inline: auto; }
.studio-render.studio-render--composition-haven-legal-website .studio-render__section-link { min-height: 48px; padding-inline: 25px; font-size: var(--studio-frame-size-13,13px); font-weight: 600; }
.studio-render.studio-render--composition-haven-legal-website .studio-render__section-link--text { padding-inline: 0; color: var(--studio-primary); }
.studio-render.studio-render--composition-haven-legal-website .studio-render__section-link--primary { border-color: var(--studio-text); background: var(--studio-text); color: var(--studio-background); }
.studio-render.studio-render--composition-haven-legal-website .studio-render__section-link--secondary { border-color: var(--studio-border); }
.studio-render.studio-render--composition-haven-legal-website [data-studio-landing-role="nav"] { --studio-section-margin-block-default: 24px; border: 0; }
.studio-render.studio-render--composition-haven-legal-website [data-studio-landing-role="nav"] .studio-render__section-body { gap: 16px 30px; }
.studio-render.studio-render--composition-haven-legal-website [data-studio-landing-role="nav"] .studio-render__brand { flex-shrink: 0; font-size: var(--studio-frame-size-25,25px); font-weight: 700; letter-spacing: -.04em; }
.studio-render.studio-render--composition-haven-legal-website [data-studio-landing-role="nav"] .studio-render__section-links { gap: 4px 20px; }
.studio-render.studio-render--composition-haven-legal-website [data-studio-landing-role="nav"] .studio-render__section-link { min-height: 44px; font-size: var(--studio-frame-size-12,12px); }
.studio-render.studio-render--composition-haven-legal-website [data-studio-landing-role="nav"] .studio-render__section-link--text { color: inherit; }
.studio-render.studio-render--composition-haven-legal-website [data-studio-landing-role="hero"] { --studio-section-margin-top-default: clamp(64px,8.4cqi,120px); --studio-section-margin-bottom-default: clamp(68px,8cqi,116px); padding-top: var(--studio-section-margin-top,var(--studio-section-margin-top-default)); padding-bottom: var(--studio-section-margin-bottom,var(--studio-section-margin-bottom-default)); }
.studio-render.studio-render--composition-haven-legal-website [data-studio-landing-role="hero"] h1 { max-width: 20ch; font-size: var(--studio-frame-size-haven-title,clamp(42px,5.9cqi,86px)); font-weight: 750; letter-spacing: -.055em; }
.studio-render.studio-render--composition-haven-legal-website [data-studio-landing-role="hero"] p { max-width: 59ch; margin-top: 28px; font-size: var(--studio-frame-size-15,15px); }
.studio-render.studio-render--composition-haven-legal-website [data-studio-landing-role="hero"] .studio-render__section-links { margin-top: 32px; gap: 14px; }
.studio-render.studio-render--composition-haven-legal-website .studio-render__section--image-text[data-studio-landing-role="about"] .studio-render__image-flow { grid-template-columns: minmax(0,1.05fr) minmax(0,1fr); gap: clamp(34px,5.8cqi,84px); }
.studio-render.studio-render--composition-haven-legal-website .studio-render__section--image-text[data-studio-landing-role="about"] .studio-render__image { aspect-ratio: 1.18; height: auto; max-height: none; border-radius: var(--studio-radius); }
.studio-render.studio-render--composition-haven-legal-website .studio-render__copy > p { max-width: 60ch; margin-top: 24px; }
.studio-render.studio-render--composition-haven-legal-website .studio-render__section--text[data-studio-landing-role="about"] .studio-render__section-body { display: block; max-width: 900px; }
.studio-render.studio-render--composition-haven-legal-website .studio-render__section--text[data-studio-landing-role="about"] p { max-width: 76ch; margin-top: 26px; }
.studio-render.studio-render--composition-haven-legal-website .studio-render__section--services .studio-render__section-body > p { max-width: 72ch; margin-top: 24px; }
.studio-render.studio-render--composition-haven-legal-website .studio-render__section--services .studio-render__items { gap: 24px; margin-top: 36px; }
.studio-render.studio-render--composition-haven-legal-website .studio-render__section--services .studio-render__items > article { padding: 32px; background: var(--studio-surface); border: 1px solid var(--studio-border); border-radius: var(--studio-radius); }
.studio-render.studio-render--composition-haven-legal-website .studio-render__section--services .studio-render__item-mark:empty { width: 24px; height: 2px; margin-bottom: 28px; border: 0; border-radius: 0; background: var(--studio-primary); }
.studio-render.studio-render--composition-haven-legal-website .studio-render__section--services .studio-render__items h3 { font-size: var(--studio-frame-size-22,22px); font-weight: 650; line-height: 1.3; }
.studio-render.studio-render--composition-haven-legal-website .studio-render__section--services .studio-render__items p { margin-top: 18px; font-size: var(--studio-frame-size-13,13px); line-height: 1.8; }
.studio-render.studio-render--composition-haven-legal-website .studio-render__section--services[data-studio-landing-role="metrics"] { border: 0; }
.studio-render.studio-render--composition-haven-legal-website .studio-render__section--services[data-studio-landing-role="metrics"] h2 { font-size: var(--studio-frame-size-haven-heading,clamp(30px,3.2cqi,46px)); font-weight: 650; line-height: 1.15; }
.studio-render.studio-render--composition-haven-legal-website .studio-render__section--services[data-studio-landing-role="metrics"] .studio-render__items > article { padding: 26px 24px 0 0; border: 0; border-top: 1px solid var(--studio-border); border-radius: 0; background: transparent; }
.studio-render.studio-render--composition-haven-legal-website .studio-render__section--services[data-studio-landing-role="metrics"] .studio-render__item-mark { display: none; }
.studio-render.studio-render--composition-haven-legal-website [data-studio-landing-role="eyebrow"] { --studio-section-margin-top-default: 56px; --studio-section-margin-bottom-default: 20px; padding-top: var(--studio-section-margin-top,var(--studio-section-margin-top-default)); padding-bottom: var(--studio-section-margin-bottom,var(--studio-section-margin-bottom-default)); }
.studio-render.studio-render--composition-haven-legal-website [data-studio-landing-role="eyebrow"] h2 { font-size: var(--studio-frame-size-haven-heading,clamp(30px,3.2cqi,46px)); font-weight: 650; letter-spacing: -.035em; line-height: 1.15; text-transform: none; }
.studio-render.studio-render--composition-haven-legal-website [data-studio-landing-role="eyebrow"] p { max-width: 73ch; margin-top: 22px; font-size: var(--studio-frame-size-14,14px); letter-spacing: 0; text-transform: none; }
.studio-render.studio-render--composition-haven-legal-website .studio-render__section--introduction[data-studio-landing-role="eyebrow"] h1 { max-width: 24ch; font-size: var(--studio-frame-size-website-page-title,clamp(38px,5.4cqi,74px)); font-weight: 700; }
.studio-render.studio-render--composition-haven-legal-website > .studio-render__document > .studio-render__section--image-text[data-studio-landing-role="portfolio"]:nth-child(n of [data-studio-landing-role="portfolio"]) { grid-column: 2 / span 4; --studio-section-margin-block-default: 22px; --studio-section-margin-inline-default: 0px; padding-left: var(--studio-section-margin-left,0px); padding-right: var(--studio-section-margin-right,18px); }
.studio-render.studio-render--composition-haven-legal-website > .studio-render__document > .studio-render__section--image-text[data-studio-landing-role="portfolio"]:nth-child(3n+2 of [data-studio-landing-role="portfolio"]) { grid-column: 6 / span 4; padding-left: var(--studio-section-margin-left,9px); padding-right: var(--studio-section-margin-right,9px); }
.studio-render.studio-render--composition-haven-legal-website > .studio-render__document > .studio-render__section--image-text[data-studio-landing-role="portfolio"]:nth-child(3n of [data-studio-landing-role="portfolio"]) { grid-column: 10 / span 4; padding-left: var(--studio-section-margin-left,18px); padding-right: var(--studio-section-margin-right,0px); }
.studio-render.studio-render--composition-haven-legal-website [data-studio-landing-role="portfolio"] .studio-render__image,
.studio-render.studio-render--composition-haven-legal-website [data-studio-landing-role="portfolio"] + [data-studio-landing-role="portfolio"] + [data-studio-landing-role="portfolio"] .studio-render__image { aspect-ratio: 1.08; height: auto; max-height: none; border-radius: var(--studio-radius); background: var(--studio-surface); }
.studio-render.studio-render--composition-haven-legal-website [data-studio-landing-role="portfolio"] .studio-render__image-flow-content { margin-top: 20px; }
.studio-render.studio-render--composition-haven-legal-website [data-studio-landing-role="portfolio"] h2 { font-size: var(--studio-frame-size-20,20px); font-weight: 650; line-height: 1.3; letter-spacing: -.02em; }
.studio-render.studio-render--composition-haven-legal-website [data-studio-landing-role="portfolio"] p { margin-top: 12px; font-size: var(--studio-frame-size-12,12px); line-height: 1.75; }
.studio-render.studio-render--composition-haven-legal-website [data-studio-landing-role="portfolio"] .studio-render__section-links { margin-top: 14px; }
.studio-render.studio-render--composition-haven-legal-website [data-studio-landing-role="portfolio"] .studio-render__section-link { font-size: var(--studio-frame-size-12,12px); }
.studio-render.studio-render--composition-haven-legal-website[data-studio-page-slug="index"] > .studio-render__document > .studio-render__section--image-text[data-studio-landing-role="feature"] { grid-column: 2 / span 4; --studio-section-margin-block-default: 26px; --studio-section-margin-inline-default: 0px; padding-left: var(--studio-section-margin-left,0px); padding-right: var(--studio-section-margin-right,18px); }
.studio-render.studio-render--composition-haven-legal-website[data-studio-page-slug="index"] > .studio-render__document > .studio-render__section--image-text[data-studio-landing-role="feature"]:nth-child(3n+2 of .studio-render__section--image-text[data-studio-landing-role="feature"]) { grid-column: 6 / span 4; padding-left: var(--studio-section-margin-left,9px); padding-right: var(--studio-section-margin-right,9px); }
.studio-render.studio-render--composition-haven-legal-website[data-studio-page-slug="index"] > .studio-render__document > .studio-render__section--image-text[data-studio-landing-role="feature"]:nth-child(3n of .studio-render__section--image-text[data-studio-landing-role="feature"]) { grid-column: 10 / span 4; padding-left: var(--studio-section-margin-left,18px); padding-right: var(--studio-section-margin-right,0px); }
.studio-render.studio-render--composition-haven-legal-website .studio-render__section--image-text[data-studio-landing-role="feature"] .studio-render__image { aspect-ratio: 1.55; height: auto; border-radius: var(--studio-radius); }
.studio-render.studio-render--composition-haven-legal-website .studio-render__section--image-text[data-studio-landing-role="feature"] .studio-render__image-flow-content { margin-top: 24px; }
.studio-render.studio-render--composition-haven-legal-website .studio-render__section--image-text[data-studio-landing-role="feature"] h2 { font-size: var(--studio-frame-size-24,24px); font-weight: 600; line-height: 1.25; }
.studio-render.studio-render--composition-haven-legal-website .studio-render__section--image-text[data-studio-landing-role="feature"] p { margin-top: 18px; font-size: var(--studio-frame-size-13,13px); }
.studio-render.studio-render--composition-haven-legal-website:not([data-studio-page-slug="index"]) .studio-render__section--image-text[data-studio-landing-role="feature"] { border-top: 1px solid var(--studio-border); }
.studio-render.studio-render--composition-haven-legal-website:not([data-studio-page-slug="index"]) .studio-render__section--image-text[data-studio-landing-role="feature"] .studio-render__image-flow--block { display: grid; grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr); align-items: start; gap: clamp(32px,5cqi,72px); }
.studio-render.studio-render--composition-haven-legal-website:not([data-studio-page-slug="index"]) .studio-render__section--image-text[data-studio-landing-role="feature"] .studio-render__image-flow-content { margin-top: 0; }
.studio-render.studio-render--composition-haven-legal-website:not([data-studio-page-slug="index"]) .studio-render__section--image-text[data-studio-landing-role="feature"] h2 { font-size: var(--studio-frame-size-haven-heading,clamp(30px,3.2cqi,46px)); }
.studio-render.studio-render--composition-haven-legal-website:not([data-studio-page-slug="index"]) .studio-render__section--image-text[data-studio-landing-role="feature"] p { font-size: var(--studio-frame-size-14,14px); }
.studio-render.studio-render--composition-haven-legal-website .studio-render__section--faq .studio-render__section-body > p { max-width: 73ch; margin-top: 24px; }
.studio-render.studio-render--composition-haven-legal-website .studio-render__section--faq .studio-render__items { margin-top: 36px; gap: 0; }
.studio-render.studio-render--composition-haven-legal-website .studio-render__section--faq details { padding: 25px 0; border-color: var(--studio-border); }
.studio-render.studio-render--composition-haven-legal-website .studio-render__section--faq summary { font-size: var(--studio-frame-size-18,18px); font-weight: 550; line-height: 1.6; }
.studio-render.studio-render--composition-haven-legal-website .studio-render__section--faq summary::marker { color: var(--studio-primary); }
.studio-render.studio-render--composition-haven-legal-website .studio-render__section--faq details p { max-width: 88ch; margin-top: 18px; font-size: var(--studio-frame-size-14,14px); }
.studio-render.studio-render--composition-haven-legal-website [data-studio-landing-role="band"] { --studio-section-margin-block-default: clamp(60px,8cqi,116px); }
.studio-render.studio-render--composition-haven-legal-website [data-studio-landing-role="band"] h2 { max-width: 23ch; font-size: var(--studio-frame-size-haven-heading,clamp(30px,3.2cqi,46px)); font-weight: 650; }
.studio-render.studio-render--composition-haven-legal-website [data-studio-landing-role="band"] p { max-width: 67ch; margin-top: 24px; }
.studio-render.studio-render--composition-haven-legal-website [data-studio-landing-role="band"].studio-render__section--image-background { isolation: isolate; }
.studio-render.studio-render--composition-haven-legal-website [data-studio-landing-role="band"].studio-render__section--image-background::after { content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none; background: rgba(22,23,21,.79); }
.studio-render.studio-render--composition-haven-legal-website [data-studio-landing-role="band"] .studio-render__image--background { max-height: none; }
.studio-render.studio-render--composition-haven-legal-website [data-studio-landing-role="contact"] { border-top: 1px solid var(--studio-border); }
.studio-render.studio-render--composition-haven-legal-website [data-studio-landing-role="contact"] .studio-render__section-body { max-width: 900px; }
.studio-render.studio-render--composition-haven-legal-website [data-studio-landing-role="contact"] .studio-render__fields { max-width: none; gap: 24px; }
.studio-render.studio-render--composition-haven-legal-website [data-studio-landing-role="contact"] .studio-render__field > :is(input,textarea),
.studio-render.studio-render--composition-haven-legal-website [data-studio-landing-role="contact"] .studio-render__select > :is(select,.studio-render__select-control) { min-height: 52px; padding: 14px 16px; color: var(--studio-background); }
.studio-render.studio-render--composition-haven-legal-website [data-studio-landing-role="contact"] .studio-render__select,
.studio-render.studio-render--composition-haven-legal-website [data-studio-landing-role="contact"] .studio-render__select-menu { color: var(--studio-background); }
.studio-render.studio-render--composition-haven-legal-website [data-studio-landing-role="contact"] .studio-render__field > :is(input,textarea)::placeholder { color: color-mix(in srgb,var(--studio-background) 72%,var(--studio-input-background)); opacity: 1; }
.studio-render.studio-render--composition-haven-legal-website [data-studio-landing-role="contact"] .studio-render__field [aria-invalid="true"] { border-color: #B83344; box-shadow: 0 0 0 1px #B83344; }
.studio-render.studio-render--composition-haven-legal-website .studio-render__error { color: #FFB5B5; }
.studio-preview-errors[data-studio-runtime-errors]:has(~ .studio-render--composition-haven-legal-website) { padding: 14px 18px; border: 1px solid #866167; border-radius: 4px; background: #292927; color: #FFB5B5; }
.studio-render.studio-render--composition-haven-legal-website > .studio-render__document > .studio-render__actions { padding-inline: max(var(--studio-landing-gutter),calc((100% - 900px)/2)); }
.studio-render.studio-render--composition-haven-legal-website .studio-render__submission-note { color: var(--studio-muted); }
.studio-render.studio-render--composition-haven-legal-website [data-studio-landing-role="footer"] { --studio-section-margin-block-default: 40px; }
.studio-render.studio-render--composition-haven-legal-website [data-studio-landing-role="footer"] h2 { font-size: var(--studio-frame-size-25,25px); font-weight: 700; }
.studio-render.studio-render--composition-haven-legal-website [data-studio-landing-role="footer"] p { max-width: 58ch; font-size: var(--studio-frame-size-11,11px); }

@container (max-width: 1050px) {
  .studio-render.studio-render--composition-haven-legal-website [data-studio-landing-role="nav"] .studio-render__section-links { justify-content: flex-start; }
  .studio-render.studio-render--composition-haven-legal-website .studio-render__section--services .studio-render__items > article { padding: 26px; }
  .studio-render.studio-render--composition-haven-legal-website > .studio-render__document > .studio-render__section--image-text[data-studio-landing-role="portfolio"]:nth-child(n of [data-studio-landing-role="portfolio"]) { grid-column: 2 / span 6; padding-left: var(--studio-section-margin-left,0px); padding-right: var(--studio-section-margin-right,12px); }
  .studio-render.studio-render--composition-haven-legal-website > .studio-render__document > .studio-render__section--image-text[data-studio-landing-role="portfolio"]:nth-child(2n of [data-studio-landing-role="portfolio"]) { grid-column: 8 / span 6; padding-left: var(--studio-section-margin-left,12px); padding-right: var(--studio-section-margin-right,0px); }
}
@container (max-width: 720px) {
  .studio-render.studio-render--composition-haven-legal-website .studio-render__section { --studio-section-margin-block-default: 44px; }
  .studio-render.studio-render--composition-haven-legal-website [data-studio-landing-role="nav"] { --studio-section-margin-block-default: 20px; }
  .studio-render.studio-render--composition-haven-legal-website [data-studio-landing-role="nav"] .studio-render__section-body { flex-direction: column; align-items: flex-start; gap: 12px; }
  .studio-render.studio-render--composition-haven-legal-website [data-studio-landing-role="nav"] .studio-render__section-links { gap: 3px 18px; }
  .studio-render.studio-render--composition-haven-legal-website [data-studio-landing-role="hero"] { --studio-section-margin-top-default: 56px; --studio-section-margin-bottom-default: 68px; }
  .studio-render.studio-render--composition-haven-legal-website [data-studio-landing-role="hero"] h1 { max-width: 18ch; }
  .studio-render.studio-render--composition-haven-legal-website [data-studio-landing-role="hero"] p { margin-top: 24px; }
  .studio-render.studio-render--composition-haven-legal-website [data-studio-landing-role="hero"] .studio-render__section-links { margin-top: 28px; }
  .studio-render.studio-render--composition-haven-legal-website .studio-render__section--image-text[data-studio-landing-role="about"] .studio-render__image-flow { grid-template-columns: minmax(0,1fr); gap: 32px; }
  .studio-render.studio-render--composition-haven-legal-website .studio-render__section--image-text[data-studio-landing-role="about"] .studio-render__image { aspect-ratio: 1.15; }
  .studio-render.studio-render--composition-haven-legal-website .studio-render__section--services .studio-render__items { grid-template-columns: minmax(0,1fr); gap: 22px; }
  .studio-render.studio-render--composition-haven-legal-website .studio-render__section--services[data-studio-landing-role="metrics"] .studio-render__items > article { padding: 24px 0 0; }
  .studio-render.studio-render--composition-haven-legal-website[data-studio-page-slug="index"] > .studio-render__document > .studio-render__section--image-text[data-studio-landing-role="feature"]:nth-child(n of .studio-render__section--image-text[data-studio-landing-role="feature"]) { grid-column: 2 / -2; padding-left: var(--studio-section-margin-left,0px); padding-right: var(--studio-section-margin-right,0px); }
  .studio-render.studio-render--composition-haven-legal-website:not([data-studio-page-slug="index"]) .studio-render__section--image-text[data-studio-landing-role="feature"] .studio-render__image-flow--block { grid-template-columns: minmax(0,1fr); gap: 28px; }
  .studio-render.studio-render--composition-haven-legal-website [data-studio-landing-role="eyebrow"] { --studio-section-margin-top-default: 38px; }
  .studio-render.studio-render--composition-haven-legal-website [data-studio-landing-role="band"] { --studio-section-margin-block-default: 64px; }
}
@container (max-width: 560px) {
  .studio-render.studio-render--composition-haven-legal-website > .studio-render__document > .studio-render__section--image-text[data-studio-landing-role="portfolio"]:nth-child(n of [data-studio-landing-role="portfolio"]) { grid-column: 2 / -2; padding-left: var(--studio-section-margin-left,0px); padding-right: var(--studio-section-margin-right,0px); }
}

/* Meridian ---------------------------------------------------------------
 * Cream and indigo, with a native full-width team image, paired services,
 * a client-care mosaic and a two-column reading gallery. Explicit native
 * typography replaces the default mixed-face title rather than fighting it. */
.studio-render.studio-render--composition-meridian-legal-website { --studio-landing-gutter: clamp(24px,6cqi,86px); }
.studio-render.studio-render--composition-meridian-legal-website > .studio-render__document { grid-template-columns: var(--studio-landing-gutter) repeat(12,minmax(0,1fr)) var(--studio-landing-gutter); }
.studio-render.studio-render--composition-meridian-legal-website .studio-render__section { --studio-section-margin-block-default: clamp(48px,6.5cqi,94px); }
.studio-render.studio-render--composition-meridian-legal-website :is(h1,h2,h3) { font-family: var(--studio-heading-font); font-weight: 500; letter-spacing: -.04em; }
.studio-render.studio-render--composition-meridian-legal-website h2 { max-width: 25ch; font-size: var(--studio-frame-size-meridian-heading,clamp(30px,3.5cqi,50px)); line-height: 1.15; }
.studio-render.studio-render--composition-meridian-legal-website p { font-size: var(--studio-frame-size-14,14px); line-height: 1.8; }
.studio-render.studio-render--composition-meridian-legal-website .studio-render__align--center :is(h2,p) { margin-inline: auto; }
.studio-render.studio-render--composition-meridian-legal-website .studio-render__section-link { min-height: 46px; padding-inline: 24px; font-size: var(--studio-frame-size-13,13px); font-weight: 500; }
.studio-render.studio-render--composition-meridian-legal-website .studio-render__section-link--text { padding-inline: 0; }
.studio-render.studio-render--composition-meridian-legal-website [data-studio-landing-role="nav"] { --studio-section-margin-block-default: 26px; border: 0; }
.studio-render.studio-render--composition-meridian-legal-website [data-studio-landing-role="nav"] .studio-render__section-body { gap: 16px 28px; }
.studio-render.studio-render--composition-meridian-legal-website [data-studio-landing-role="nav"] .studio-render__brand { flex-shrink: 0; font-size: var(--studio-frame-size-25,25px); font-weight: 650; }
.studio-render.studio-render--composition-meridian-legal-website [data-studio-landing-role="nav"] .studio-render__section-links { gap: 4px 20px; }
.studio-render.studio-render--composition-meridian-legal-website [data-studio-landing-role="nav"] .studio-render__section-link { font-size: var(--studio-frame-size-12,12px); }
.studio-render.studio-render--composition-meridian-legal-website [data-studio-landing-role="hero"] { --studio-section-margin-top-default: clamp(46px,6cqi,86px); --studio-section-margin-bottom-default: 28px; padding-top: var(--studio-section-margin-top,var(--studio-section-margin-top-default)); padding-bottom: var(--studio-section-margin-bottom,var(--studio-section-margin-bottom-default)); }
.studio-render.studio-render--composition-meridian-legal-website [data-studio-landing-role="hero"] h1 { max-width: 24ch; font-size: var(--studio-frame-size-meridian-title,clamp(40px,5.3cqi,76px)); font-weight: 500; line-height: 1.12; letter-spacing: -.045em; }
.studio-render.studio-render--composition-meridian-legal-website [data-studio-landing-role="hero"] h1:not([style*="font-"]) { font-family: Georgia,"Times New Roman",serif; font-style: italic; font-weight: 400; }
.studio-render.studio-render--composition-meridian-legal-website [data-studio-landing-role="hero"] h1:not([style*="font-"])::first-line { font-family: var(--studio-heading-font); font-style: normal; font-weight: 500; }
.studio-render.studio-render--composition-meridian-legal-website [data-studio-landing-role="hero"] p { max-width: 62ch; margin-top: 24px; font-size: var(--studio-frame-size-14,14px); }
.studio-render.studio-render--composition-meridian-legal-website [data-studio-landing-role="hero"] .studio-render__section-links { margin-top: 28px; }
.studio-render.studio-render--composition-meridian-legal-website [data-studio-landing-role="hero"] .studio-render__image-flow--block { gap: clamp(40px,5cqi,72px); }
.studio-render.studio-render--composition-meridian-legal-website [data-studio-landing-role="hero"] .studio-render__image { aspect-ratio: 2; height: auto; max-height: none; border-radius: var(--studio-radius); }
.studio-render.studio-render--composition-meridian-legal-website .studio-render__section--services .studio-render__section-body > p { max-width: 68ch; margin-top: 24px; }
.studio-render.studio-render--composition-meridian-legal-website .studio-render__section--services .studio-render__items { gap: 24px; margin-top: 36px; }
.studio-render.studio-render--composition-meridian-legal-website .studio-render__section--services .studio-render__items > article { padding: 30px; border-color: var(--studio-border); border-radius: var(--studio-radius); }
.studio-render.studio-render--composition-meridian-legal-website .studio-render__section--services .studio-render__item-mark:empty { display: none; }
.studio-render.studio-render--composition-meridian-legal-website .studio-render__section--services .studio-render__items h3 { font-size: var(--studio-frame-size-24,24px); font-weight: 500; line-height: 1.25; }
.studio-render.studio-render--composition-meridian-legal-website .studio-render__section--services .studio-render__items p { margin-top: 16px; font-size: var(--studio-frame-size-13,13px); }
.studio-render.studio-render--composition-meridian-legal-website .studio-render__section--services[data-studio-landing-role="metrics"] { --studio-section-margin-top-default: 26px; padding-top: var(--studio-section-margin-top,var(--studio-section-margin-top-default)); border: 0; }
.studio-render.studio-render--composition-meridian-legal-website .studio-render__section--services[data-studio-landing-role="metrics"] h2 { font-size: var(--studio-frame-size-meridian-heading,clamp(30px,3.5cqi,50px)); }
.studio-render.studio-render--composition-meridian-legal-website .studio-render__section--services[data-studio-landing-role="metrics"] .studio-render__items > article { padding: 30px; border: 1px solid var(--studio-border); border-radius: var(--studio-radius); background: color-mix(in srgb,var(--studio-background) 88%,var(--studio-text)); }
.studio-render.studio-render--composition-meridian-legal-website .studio-render__section--services[data-studio-landing-role="metrics"] h3 { font-size: var(--studio-frame-size-28,28px); }
.studio-render.studio-render--composition-meridian-legal-website .studio-render__section--image-text[data-studio-landing-role="about"] .studio-render__image-flow { gap: clamp(34px,6cqi,86px); }
.studio-render.studio-render--composition-meridian-legal-website .studio-render__section--image-text[data-studio-landing-role="about"] .studio-render__image { aspect-ratio: 1.2; height: auto; max-height: none; }
.studio-render.studio-render--composition-meridian-legal-website .studio-render__copy > p { max-width: 60ch; margin-top: 24px; }
.studio-render.studio-render--composition-meridian-legal-website .studio-render__section--text[data-studio-landing-role="about"] .studio-render__section-body { display: block; max-width: 900px; }
.studio-render.studio-render--composition-meridian-legal-website .studio-render__section--text[data-studio-landing-role="about"] p { max-width: 76ch; margin-top: 24px; }
.studio-render.studio-render--composition-meridian-legal-website > .studio-render__document > .studio-render__section--image-text[data-studio-landing-role="services"] { grid-column: 1 / span 7; padding-right: var(--studio-section-margin-right,32px); }
.studio-render.studio-render--composition-meridian-legal-website > .studio-render__document > .studio-render__section--image-text[data-studio-landing-role="services"] + .studio-render__section--services[data-studio-landing-role="services"] { grid-column: 8 / -1; padding-left: var(--studio-section-margin-left,32px); }
.studio-render.studio-render--composition-meridian-legal-website .studio-render__section--image-text[data-studio-landing-role="services"] .studio-render__image { aspect-ratio: 1.04; height: auto; max-height: none; }
.studio-render.studio-render--composition-meridian-legal-website .studio-render__section--image-text[data-studio-landing-role="services"] h2 { font-size: var(--studio-frame-size-28,28px); }
.studio-render.studio-render--composition-meridian-legal-website .studio-render__section--services[data-studio-landing-role="services"].studio-render__layout--stacked .studio-render__items > article { grid-template-columns: minmax(0,1fr); gap: 16px; padding: 26px 0; border-color: color-mix(in srgb,currentColor 35%,transparent); }
.studio-render.studio-render--composition-meridian-legal-website .studio-render__section--services[data-studio-landing-role="services"].studio-render__layout--stacked .studio-render__items p { margin-top: 0; }
.studio-render.studio-render--composition-meridian-legal-website [data-studio-landing-role="eyebrow"] { --studio-section-margin-top-default: 52px; --studio-section-margin-bottom-default: 22px; padding-top: var(--studio-section-margin-top,var(--studio-section-margin-top-default)); padding-bottom: var(--studio-section-margin-bottom,var(--studio-section-margin-bottom-default)); }
.studio-render.studio-render--composition-meridian-legal-website [data-studio-landing-role="eyebrow"] h2 { font-size: var(--studio-frame-size-meridian-heading,clamp(30px,3.5cqi,50px)); letter-spacing: -.04em; text-transform: none; }
.studio-render.studio-render--composition-meridian-legal-website [data-studio-landing-role="eyebrow"] p { max-width: 73ch; margin-top: 24px; font-size: var(--studio-frame-size-14,14px); letter-spacing: 0; text-transform: none; }
.studio-render.studio-render--composition-meridian-legal-website .studio-render__section--introduction[data-studio-landing-role="eyebrow"] h1 { max-width: 25ch; font-size: var(--studio-frame-size-meridian-title,clamp(40px,5.3cqi,76px)); line-height: 1.1; }
.studio-render.studio-render--composition-meridian-legal-website > .studio-render__document > .studio-render__section--image-text[data-studio-landing-role="portfolio"]:nth-child(n of [data-studio-landing-role="portfolio"]) { grid-column: 2 / span 4; --studio-section-margin-block-default: 28px; --studio-section-margin-inline-default: 0px; padding-left: var(--studio-section-margin-left,0px); padding-right: var(--studio-section-margin-right,18px); }
.studio-render.studio-render--composition-meridian-legal-website > .studio-render__document > .studio-render__section--image-text[data-studio-landing-role="portfolio"]:nth-child(3n+2 of [data-studio-landing-role="portfolio"]) { grid-column: 6 / span 4; padding-left: var(--studio-section-margin-left,9px); padding-right: var(--studio-section-margin-right,9px); }
.studio-render.studio-render--composition-meridian-legal-website > .studio-render__document > .studio-render__section--image-text[data-studio-landing-role="portfolio"]:nth-child(3n of [data-studio-landing-role="portfolio"]) { grid-column: 10 / span 4; padding-left: var(--studio-section-margin-left,18px); padding-right: var(--studio-section-margin-right,0px); }
.studio-render.studio-render--composition-meridian-legal-website [data-studio-landing-role="portfolio"] .studio-render__image,
.studio-render.studio-render--composition-meridian-legal-website [data-studio-landing-role="portfolio"] + [data-studio-landing-role="portfolio"] + [data-studio-landing-role="portfolio"] .studio-render__image { aspect-ratio: .91; height: auto; max-height: none; background: var(--studio-surface); }
.studio-render.studio-render--composition-meridian-legal-website [data-studio-landing-role="portfolio"] h2 { font-size: var(--studio-frame-size-22,22px); font-weight: 550; line-height: 1.25; }
.studio-render.studio-render--composition-meridian-legal-website [data-studio-landing-role="portfolio"] p { margin-top: 16px; font-size: var(--studio-frame-size-12,12px); }
.studio-render.studio-render--composition-meridian-legal-website [data-studio-landing-role="portfolio"] .studio-render__section-links { margin-top: 16px; }
.studio-render.studio-render--composition-meridian-legal-website [data-studio-landing-role="portfolio"] .studio-render__section-link { font-size: var(--studio-frame-size-12,12px); }
.studio-render.studio-render--composition-meridian-legal-website > .studio-render__document > .studio-render__section--text[data-studio-landing-role="feature"] { grid-column: 1 / span 8; --studio-section-margin-block-default: 20px; padding-right: var(--studio-section-margin-right,20px); }
.studio-render.studio-render--composition-meridian-legal-website > .studio-render__document > .studio-render__section--image-text[data-studio-landing-role="metrics"] { grid-column: 9 / -1; --studio-section-margin-block-default: 20px; padding-left: var(--studio-section-margin-left,20px); border: 0; }
.studio-render.studio-render--composition-meridian-legal-website > .studio-render__document > .studio-render__section--text[data-studio-landing-role="feature"]:nth-child(2 of .studio-render__section--text[data-studio-landing-role="feature"]) { grid-column: 1 / span 6; --studio-section-margin-bottom-default: 74px; padding-bottom: var(--studio-section-margin-bottom,var(--studio-section-margin-bottom-default)); }
.studio-render.studio-render--composition-meridian-legal-website > .studio-render__document > .studio-render__section--text[data-studio-landing-role="feature"]:nth-child(3 of .studio-render__section--text[data-studio-landing-role="feature"]) { grid-column: 7 / -1; --studio-section-margin-bottom-default: 74px; padding-bottom: var(--studio-section-margin-bottom,var(--studio-section-margin-bottom-default)); padding-left: var(--studio-section-margin-left,20px); padding-right: var(--studio-section-margin-right,var(--studio-landing-gutter)); }
.studio-render.studio-render--composition-meridian-legal-website .studio-render__section--text[data-studio-landing-role="feature"] .studio-render__section-body { min-height: 100%; padding: clamp(28px,3.2cqi,46px); border: 1px solid color-mix(in srgb,currentColor 32%,transparent); border-radius: var(--studio-radius); background: color-mix(in srgb,currentColor 6%,transparent); }
.studio-render.studio-render--composition-meridian-legal-website .studio-render__section--text[data-studio-landing-role="feature"] h2 { max-width: 24ch; font-size: var(--studio-frame-size-28,28px); }
.studio-render.studio-render--composition-meridian-legal-website .studio-render__section--text[data-studio-landing-role="feature"] p { max-width: 62ch; margin-top: 24px; }
.studio-render.studio-render--composition-meridian-legal-website .studio-render__section--image-text[data-studio-landing-role="metrics"] .studio-render__image { aspect-ratio: 1.25; height: auto; }
.studio-render.studio-render--composition-meridian-legal-website .studio-render__section--image-text[data-studio-landing-role="metrics"] h2 { font-size: var(--studio-frame-size-24,24px); }
.studio-render.studio-render--composition-meridian-legal-website .studio-render__section--image-text[data-studio-landing-role="metrics"] p { margin-top: 18px; font-size: var(--studio-frame-size-13,13px); }
.studio-render.studio-render--composition-meridian-legal-website[data-studio-page-slug="index"] > .studio-render__document > .studio-render__section--image-text[data-studio-landing-role="feature"]:nth-child(n of .studio-render__section--image-text[data-studio-landing-role="feature"]) { grid-column: 2 / span 6; --studio-section-margin-block-default: 26px; --studio-section-margin-inline-default: 0px; padding-left: var(--studio-section-margin-left,0px); padding-right: var(--studio-section-margin-right,20px); }
.studio-render.studio-render--composition-meridian-legal-website[data-studio-page-slug="index"] > .studio-render__document > .studio-render__section--image-text[data-studio-landing-role="feature"]:nth-child(2n of .studio-render__section--image-text[data-studio-landing-role="feature"]) { grid-column: 8 / span 6; padding-left: var(--studio-section-margin-left,20px); padding-right: var(--studio-section-margin-right,0px); }
.studio-render.studio-render--composition-meridian-legal-website .studio-render__section--image-text[data-studio-landing-role="feature"] .studio-render__image { aspect-ratio: 1.75; height: auto; }
.studio-render.studio-render--composition-meridian-legal-website .studio-render__section--image-text[data-studio-landing-role="feature"] h2 { font-size: var(--studio-frame-size-26,26px); line-height: 1.2; }
.studio-render.studio-render--composition-meridian-legal-website .studio-render__section--image-text[data-studio-landing-role="feature"] p { margin-top: 18px; font-size: var(--studio-frame-size-13,13px); }
.studio-render.studio-render--composition-meridian-legal-website:not([data-studio-page-slug="index"]) .studio-render__section--image-text[data-studio-landing-role="feature"] { border-top: 1px solid var(--studio-border); }
.studio-render.studio-render--composition-meridian-legal-website:not([data-studio-page-slug="index"]) .studio-render__section--image-text[data-studio-landing-role="feature"] .studio-render__image-flow--block { display: grid; grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr); align-items: start; gap: clamp(32px,5cqi,72px); }
.studio-render.studio-render--composition-meridian-legal-website:not([data-studio-page-slug="index"]) .studio-render__section--image-text[data-studio-landing-role="feature"] .studio-render__image-flow-content { margin-top: 0; }
.studio-render.studio-render--composition-meridian-legal-website:not([data-studio-page-slug="index"]) .studio-render__section--image-text[data-studio-landing-role="feature"] h2 { font-size: var(--studio-frame-size-meridian-heading,clamp(30px,3.5cqi,50px)); }
.studio-render.studio-render--composition-meridian-legal-website:not([data-studio-page-slug="index"]) .studio-render__section--image-text[data-studio-landing-role="feature"] p { font-size: var(--studio-frame-size-14,14px); }
.studio-render.studio-render--composition-meridian-legal-website .studio-render__section--faq .studio-render__section-body > p { max-width: 73ch; margin-top: 24px; }
.studio-render.studio-render--composition-meridian-legal-website .studio-render__section--faq .studio-render__items { margin-top: 36px; gap: 0; }
.studio-render.studio-render--composition-meridian-legal-website .studio-render__section--faq details { padding: 25px 0; border-color: var(--studio-border); }
.studio-render.studio-render--composition-meridian-legal-website .studio-render__section--faq summary { font-size: var(--studio-frame-size-18,18px); font-weight: 500; line-height: 1.6; }
.studio-render.studio-render--composition-meridian-legal-website .studio-render__section--faq details p { max-width: 88ch; margin-top: 18px; }
.studio-render.studio-render--composition-meridian-legal-website [data-studio-landing-role="band"] h2 { max-width: 24ch; font-size: var(--studio-frame-size-meridian-heading,clamp(30px,3.5cqi,50px)); }
.studio-render.studio-render--composition-meridian-legal-website [data-studio-landing-role="band"] p { max-width: 67ch; margin-top: 24px; }
.studio-render.studio-render--composition-meridian-legal-website [data-studio-landing-role="band"] .studio-render__section-link--primary { background: var(--studio-text); border-color: var(--studio-text); color: var(--studio-background); }
.studio-render.studio-render--composition-meridian-legal-website [data-studio-landing-role="contact"] .studio-render__section-body { max-width: 900px; }
.studio-render.studio-render--composition-meridian-legal-website [data-studio-landing-role="contact"] .studio-render__fields { max-width: none; gap: 24px; }
.studio-render.studio-render--composition-meridian-legal-website [data-studio-landing-role="contact"] .studio-render__field > :is(input,textarea),
.studio-render.studio-render--composition-meridian-legal-website [data-studio-landing-role="contact"] .studio-render__select > :is(select,.studio-render__select-control) { min-height: 52px; padding: 14px 16px; color: var(--studio-text); }
.studio-render.studio-render--composition-meridian-legal-website .studio-render__error { color: #A32626; }
.studio-preview-errors[data-studio-runtime-errors]:has(~ .studio-render--composition-meridian-legal-website) { padding: 14px 18px; border: 1px solid #B58B7A; border-radius: 4px; background: #FFF8EB; color: #8D302B; }
.studio-render.studio-render--composition-meridian-legal-website > .studio-render__document > .studio-render__actions { padding-inline: max(var(--studio-landing-gutter),calc((100% - 900px)/2)); }
.studio-render.studio-render--composition-meridian-legal-website [data-studio-landing-role="footer"] { --studio-section-margin-block-default: 50px; border: 0; }
.studio-render.studio-render--composition-meridian-legal-website [data-studio-landing-role="footer"] h2 { font-size: var(--studio-frame-size-25,25px); font-weight: 600; }
.studio-render.studio-render--composition-meridian-legal-website [data-studio-landing-role="footer"] p { max-width: 58ch; font-size: var(--studio-frame-size-11,11px); }

@container (max-width: 1050px) {
  .studio-render.studio-render--composition-meridian-legal-website [data-studio-landing-role="nav"] .studio-render__section-links { justify-content: flex-start; }
  .studio-render.studio-render--composition-meridian-legal-website > .studio-render__document > .studio-render__section--image-text[data-studio-landing-role="portfolio"]:nth-child(n of [data-studio-landing-role="portfolio"]) { grid-column: 2 / span 6; padding-left: var(--studio-section-margin-left,0px); padding-right: var(--studio-section-margin-right,12px); }
  .studio-render.studio-render--composition-meridian-legal-website > .studio-render__document > .studio-render__section--image-text[data-studio-landing-role="portfolio"]:nth-child(2n of [data-studio-landing-role="portfolio"]) { grid-column: 8 / span 6; padding-left: var(--studio-section-margin-left,12px); padding-right: var(--studio-section-margin-right,0px); }
}
@container (max-width: 720px) {
  .studio-render.studio-render--composition-meridian-legal-website .studio-render__section { --studio-section-margin-block-default: 44px; }
  .studio-render.studio-render--composition-meridian-legal-website [data-studio-landing-role="nav"] { --studio-section-margin-block-default: 20px; }
  .studio-render.studio-render--composition-meridian-legal-website [data-studio-landing-role="nav"] .studio-render__section-body { flex-direction: column; align-items: flex-start; gap: 12px; }
  .studio-render.studio-render--composition-meridian-legal-website [data-studio-landing-role="nav"] .studio-render__section-links { gap: 3px 18px; }
  .studio-render.studio-render--composition-meridian-legal-website [data-studio-landing-role="hero"] h1 { max-width: 24ch; }
  .studio-render.studio-render--composition-meridian-legal-website [data-studio-landing-role="hero"] .studio-render__image { aspect-ratio: 2; }
  .studio-render.studio-render--composition-meridian-legal-website .studio-render__section--services .studio-render__items { grid-template-columns: minmax(0,1fr); gap: 22px; }
  .studio-render.studio-render--composition-meridian-legal-website .studio-render__section--image-text[data-studio-landing-role="about"] .studio-render__image-flow { grid-template-columns: minmax(0,1fr); gap: 32px; }
  .studio-render.studio-render--composition-meridian-legal-website > .studio-render__document > .studio-render__section--image-text[data-studio-landing-role="services"],
  .studio-render.studio-render--composition-meridian-legal-website > .studio-render__document > .studio-render__section--image-text[data-studio-landing-role="services"] + .studio-render__section--services[data-studio-landing-role="services"],
  .studio-render.studio-render--composition-meridian-legal-website > .studio-render__document > .studio-render__section--text[data-studio-landing-role="feature"]:nth-child(n of .studio-render__section--text[data-studio-landing-role="feature"]),
  .studio-render.studio-render--composition-meridian-legal-website > .studio-render__document > .studio-render__section--image-text[data-studio-landing-role="metrics"] { grid-column: 1 / -1; padding-left: var(--studio-section-margin-left,var(--studio-landing-gutter)); padding-right: var(--studio-section-margin-right,var(--studio-landing-gutter)); }
  .studio-render.studio-render--composition-meridian-legal-website[data-studio-page-slug="index"] > .studio-render__document > .studio-render__section--image-text[data-studio-landing-role="services"] { --studio-section-margin-bottom-default: 20px; padding-bottom: var(--studio-section-margin-bottom,var(--studio-section-margin-bottom-default)); }
  .studio-render.studio-render--composition-meridian-legal-website > .studio-render__document > .studio-render__section--text[data-studio-landing-role="feature"]:nth-child(2 of .studio-render__section--text[data-studio-landing-role="feature"]) { --studio-section-margin-bottom-default: 20px; }
  .studio-render.studio-render--composition-meridian-legal-website[data-studio-page-slug="index"] > .studio-render__document > .studio-render__section--image-text[data-studio-landing-role="feature"]:nth-child(n of .studio-render__section--image-text[data-studio-landing-role="feature"]) { grid-column: 2 / -2; padding-left: var(--studio-section-margin-left,0px); padding-right: var(--studio-section-margin-right,0px); }
  .studio-render.studio-render--composition-meridian-legal-website:not([data-studio-page-slug="index"]) .studio-render__section--image-text[data-studio-landing-role="feature"] .studio-render__image-flow--block { grid-template-columns: minmax(0,1fr); gap: 28px; }
}
@container (max-width: 560px) {
  .studio-render.studio-render--composition-meridian-legal-website > .studio-render__document > .studio-render__section--image-text[data-studio-landing-role="portfolio"]:nth-child(n of [data-studio-landing-role="portfolio"]) { grid-column: 2 / -2; padding-left: var(--studio-section-margin-left,0px); padding-right: var(--studio-section-margin-right,0px); }
}

/* Expanded legal websites -------------------------------------------------
 * Opt-in marker belongs only to the eleven authored multi-page families.
 * New semantic roles isolate About and editorial layouts from the existing
 * homepage/portfolio rules. All photographs and copy remain native objects. */
.studio-render.studio-render--legal-expanded {
  --legal-title-size: var(--studio-frame-size-website-page-title,clamp(38px,5.4cqi,74px));
  --legal-heading-size: var(--studio-frame-size-landing-heading,clamp(30px,3.8cqi,56px));
  --legal-heading-weight: 500;
  --legal-card-weight: 500;
  --legal-card-radius: var(--studio-radius);
  --legal-rail-offset: 48px;
  --legal-photo-ratio: .9;
}
.studio-render.studio-render--legal-expanded > .studio-render__document:has(> :is([data-studio-landing-role="about-intro"],[data-studio-landing-role="about-team-heading"],[data-studio-landing-role="blog-heading"],[data-studio-landing-role="article-heading"])) { grid-template-columns: var(--studio-landing-gutter) repeat(12,minmax(0,1fr)) var(--studio-landing-gutter); }
.studio-render.studio-render--legal-expanded [data-studio-landing-role="nav"] { position: relative; z-index: 20; overflow: visible; isolation: isolate; }
.studio-render.studio-render--legal-expanded [data-studio-landing-role="nav"] .studio-render__section-body { overflow: visible; gap: 16px 28px; }
.studio-render.studio-render--legal-expanded [data-studio-landing-role="nav"] .studio-render__section-links { align-items: center; gap: 6px 20px; }
.studio-render.studio-render--legal-expanded .studio-render__nav-group { position: relative; min-width: 0; max-width: 100%; color: inherit; }
.studio-render.studio-render--legal-expanded .studio-render__nav-summary { display: inline-flex; align-items: center; justify-content: space-between; gap: 9px; min-height: 44px; padding: 10px 0; color: inherit; font-family: var(--studio-font); font-size: var(--studio-frame-size-12,12px); font-weight: 500; line-height: 1.5; list-style: none; cursor: pointer; }
.studio-render.studio-render--legal-expanded .studio-render__nav-summary::-webkit-details-marker { display: none; }
/* A symmetric SVG replaces the font glyph, whose ink sat below its line box.
 * Keep the rounded stroke centered on the label, including when opened. */
.studio-render.studio-render--legal-expanded .studio-render__nav-chevron { display: block; flex: 0 0 1.25em; width: 1.25em; height: .833333em; overflow: visible; pointer-events: none; }
.studio-render.studio-render--legal-expanded details.studio-render__nav-group[open] > .studio-render__nav-summary .studio-render__nav-chevron { transform: rotate(180deg); }
.studio-render.studio-render--legal-expanded .studio-render__nav-group[data-current-group="true"] > .studio-render__nav-summary { text-decoration: underline; text-underline-offset: 5px; }
.studio-render.studio-render--legal-expanded .studio-render__nav-summary:focus-visible { outline: 2px solid currentColor; outline-offset: 4px; border-radius: var(--studio-button-radius); }
/* The summary keeps its 44px hit target. Its label ends roughly 13px above
 * that target's bottom, so the panel overlaps only the empty lower padding. */
.studio-render.studio-render--legal-expanded .studio-render__nav-submenu { position: absolute; top: calc(100% - 8px); left: 0; z-index: 30; display: grid; gap: 4px; width: max-content; min-width: 220px; max-width: 300px; margin: 0; padding: 8px; border: 1px solid var(--studio-border); border-radius: var(--studio-radius); background: var(--studio-background); color: var(--studio-text); box-shadow: 0 14px 32px #10131a21; }
.studio-render.studio-render--legal-expanded .studio-render__nav-group:nth-last-child(-n+2) > .studio-render__nav-submenu { right: 0; left: auto; }
.studio-render.studio-render--legal-expanded .studio-render__nav-submenu[hidden] { display: none !important; }
.studio-render.studio-render--legal-expanded .studio-render__nav-group--inert > .studio-render__nav-submenu { display: none; }
.studio-render.studio-render--legal-expanded [data-studio-landing-role="nav"] .studio-render__nav-submenu .studio-render__section-link { display: flex; align-items: center; justify-content: flex-start; min-height: 42px; padding: 10px 12px; border: 0; border-radius: max(0px,calc(var(--studio-radius) - 4px)); background: transparent; color: inherit; font-size: var(--studio-frame-size-12,12px); line-height: 1.5; text-align: left; text-decoration: none; white-space: normal; }
.studio-render.studio-render--legal-expanded .studio-render__nav-submenu .studio-render__section-link:hover,
.studio-render.studio-render--legal-expanded .studio-render__nav-submenu .studio-render__section-link:focus-visible { background: color-mix(in srgb,currentColor 8%,transparent); text-decoration: underline; text-underline-offset: 4px; }
.studio-render.studio-render--legal-expanded .studio-render__nav-submenu .studio-render__section-link[aria-current="page"] { text-decoration: underline; text-underline-offset: 4px; }
.studio-render.studio-render--legal-expanded:is(.studio-render--composition-legal-counsel-dark,.studio-render--composition-nocturne-legal-website,.studio-render--composition-hartwell-legal-website) [data-studio-landing-role="contact"] .studio-render__error { color: #FFB5B5; }
.studio-render.studio-render--legal-expanded.studio-render--composition-alden-legal-website .studio-render__actions .studio-render__submission-note { color: var(--studio-sidebar-text); }
.studio-preview-errors[data-studio-runtime-errors]:has(~ .studio-render--legal-expanded:is(.studio-render--composition-legal-counsel-dark,.studio-render--composition-nocturne-legal-website)) { padding: 14px 18px; border: 1px solid #866167; border-radius: 4px; background: #20272B; color: #FFB5B5; }
.studio-render.studio-render--legal-expanded [data-studio-landing-role="about-intro"] { --studio-section-margin-block-default: clamp(54px,7cqi,100px); }
.studio-render.studio-render--legal-expanded [data-studio-landing-role="about-intro"] > .studio-render__section-body { display: grid; grid-template-columns: minmax(0,1.1fr) minmax(0,1fr); align-items: start; column-gap: clamp(34px,6cqi,86px); row-gap: 26px; }
.studio-render.studio-render--legal-expanded [data-studio-landing-role="about-intro"] h1 { grid-column: 1; grid-row: 1 / span 2; max-width: 16ch; font-family: var(--studio-heading-font); font-size: var(--legal-title-size); font-weight: var(--legal-heading-weight); line-height: 1.1; }
.studio-render.studio-render--legal-expanded [data-studio-landing-role="about-intro"] :is(p,.studio-render__rich-text) { grid-column: 2; max-width: 58ch; margin: 0; font-size: var(--studio-frame-size-15,15px); line-height: 1.85; }
.studio-render.studio-render--legal-expanded [data-studio-landing-role="about-intro"] .studio-render__section-links { grid-column: 2; margin-top: 0; }
.studio-render.studio-render--legal-expanded > .studio-render__document > [data-studio-landing-role="about-photo"] { grid-column: 2 / span 4; --studio-section-margin-inline-default: 0px; --studio-section-margin-block-default: 0px; --studio-section-margin-top-default: var(--legal-rail-offset); padding-top: var(--studio-section-margin-top,var(--studio-section-margin-top-default)); padding-left: var(--studio-section-margin-left,0px); padding-right: var(--studio-section-margin-right,18px); padding-bottom: var(--studio-section-margin-bottom,0px); }
.studio-render.studio-render--legal-expanded > .studio-render__document > [data-studio-landing-role="about-photo"]:nth-child(3n+2 of [data-studio-landing-role="about-photo"]) { grid-column: 6 / span 4; --studio-section-margin-top-default: 0px; padding-left: var(--studio-section-margin-left,9px); padding-right: var(--studio-section-margin-right,9px); }
.studio-render.studio-render--legal-expanded > .studio-render__document > [data-studio-landing-role="about-photo"]:nth-child(3n of [data-studio-landing-role="about-photo"]) { grid-column: 10 / span 4; --studio-section-margin-top-default: calc(var(--legal-rail-offset) * 1.5); padding-left: var(--studio-section-margin-left,18px); padding-right: var(--studio-section-margin-right,0px); }
.studio-render.studio-render--legal-expanded [data-studio-landing-role="about-photo"] .studio-render__image { display: block; aspect-ratio: var(--legal-photo-ratio); height: auto; max-height: none; margin: 0; border-radius: var(--legal-card-radius); }
.studio-render.studio-render--legal-expanded [data-studio-landing-role="about-photo"]:nth-child(3n+2 of [data-studio-landing-role="about-photo"]) .studio-render__image { aspect-ratio: 1.3; }
.studio-render.studio-render--legal-expanded .studio-render__section--text[data-studio-landing-role="about-story"] > .studio-render__section-body { display: grid; grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr); column-gap: clamp(34px,6cqi,86px); row-gap: 24px; }
.studio-render.studio-render--legal-expanded [data-studio-landing-role="about-story"] h2 { max-width: 18ch; font-family: var(--studio-heading-font); font-size: var(--legal-heading-size); font-weight: var(--legal-heading-weight); line-height: 1.16; }
.studio-render.studio-render--legal-expanded [data-studio-landing-role="about-story"] .studio-render__section-body > :is(p,.studio-render__rich-text) { max-width: 65ch; margin-top: 24px; font-size: var(--studio-frame-size-15,15px); line-height: 1.85; }
.studio-render.studio-render--legal-expanded .studio-render__section--text[data-studio-landing-role="about-story"] .studio-render__section-body > :is(p,.studio-render__rich-text) { margin-top: 0; }
.studio-render.studio-render--legal-expanded .studio-render__section--image-text[data-studio-landing-role="about-story"] .studio-render__image-flow--block { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); align-items: center; gap: clamp(32px,5cqi,72px); }
.studio-render.studio-render--legal-expanded .studio-render__section--image-text[data-studio-landing-role="about-story"] .studio-render__image-flow-content { margin-top: 0; }
.studio-render.studio-render--legal-expanded .studio-render__section--image-text[data-studio-landing-role="about-story"] .studio-render__image { aspect-ratio: 1.15; height: auto; max-height: none; }
.studio-render.studio-render--legal-expanded .studio-render__section--image-text[data-studio-landing-role="about-story"] .studio-render__copy > p { margin-top: 24px; }
.studio-render.studio-render--legal-expanded :is([data-studio-landing-role="about-story"],[data-studio-landing-role="journey"],[data-studio-landing-role="audience"],[data-studio-landing-role="service-detail"],[data-studio-landing-role="locations"]) .studio-render__item-mark:empty { display: none; }
.studio-render.studio-render--legal-expanded .studio-render__section--services[data-studio-landing-role="audience"] .studio-render__items {
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: clamp(18px,2.4cqi,34px);
}
.studio-render.studio-render--legal-expanded .studio-render__section--services[data-studio-landing-role="audience"] .studio-render__audience-card {
  position: relative;
  isolation: isolate;
  display: flex;
  align-items: end;
  min-height: clamp(380px,42cqi,560px);
  padding: clamp(28px,3.2cqi,46px);
  overflow: hidden;
  border: 0;
  border-radius: var(--legal-card-radius);
  background: #151918;
  color: #fff;
}
.studio-render.studio-render--legal-expanded [data-studio-landing-role="audience"] .studio-render__audience-card-image,
.studio-render.studio-render--legal-expanded [data-studio-landing-role="audience"] .studio-render__audience-card-shade {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
.studio-render.studio-render--legal-expanded [data-studio-landing-role="audience"] .studio-render__audience-card-image { z-index: -2; object-fit: cover; }
.studio-render.studio-render--legal-expanded [data-studio-landing-role="audience"] .studio-render__audience-card-shade {
  z-index: -1;
  background: linear-gradient(180deg,rgba(7,10,9,.08) 18%,rgba(7,10,9,.88) 100%);
}
.studio-render.studio-render--legal-expanded [data-studio-landing-role="audience"] .studio-render__audience-card-copy { width: 100%; }
.studio-render.studio-render--legal-expanded [data-studio-landing-role="audience"] .studio-render__audience-card h3 {
  max-width: 17ch;
  color: #fff;
  font-family: var(--studio-heading-font);
  font-size: var(--studio-frame-size-30,30px);
  font-weight: var(--legal-card-weight);
  line-height: 1.18;
}
.studio-render.studio-render--legal-expanded [data-studio-landing-role="audience"] .studio-render__audience-card p {
  max-width: 34ch;
  margin-top: 18px;
  color: #fff;
  font-size: var(--studio-frame-size-13,13px);
  line-height: 1.75;
}
.studio-render.studio-render--legal-expanded [data-studio-landing-role="services"] .studio-render__item-mark:has(svg) {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: 10px;
  background: transparent;
}
.studio-render.studio-render--legal-expanded [data-studio-landing-role="services"] .studio-render__item-mark:has(svg) svg { display: block; width: 24px; height: 24px; }
.studio-render.studio-render--legal-expanded [data-studio-landing-role="about-story"] .studio-render__section-links { grid-column: 2; margin-top: 0; }
.studio-render.studio-render--legal-expanded [data-studio-landing-role="about-team-heading"] { --studio-section-margin-top-default: 34px; --studio-section-margin-bottom-default: 22px; padding-top: var(--studio-section-margin-top,var(--studio-section-margin-top-default)); padding-bottom: var(--studio-section-margin-bottom,var(--studio-section-margin-bottom-default)); }
.studio-render.studio-render--legal-expanded [data-studio-landing-role="about-team-heading"] h2 { max-width: 24ch; font-family: var(--studio-heading-font); font-size: var(--legal-heading-size); font-weight: var(--legal-heading-weight); }
.studio-render.studio-render--legal-expanded [data-studio-landing-role="about-team-heading"] p { max-width: 73ch; margin-top: 24px; font-size: var(--studio-frame-size-14,14px); }
.studio-render.studio-render--legal-expanded > .studio-render__document > [data-studio-landing-role="about-team-card"] { grid-column: 2 / span 4; --studio-section-margin-block-default: 28px; --studio-section-margin-inline-default: 0px; padding-left: var(--studio-section-margin-left,0px); padding-right: var(--studio-section-margin-right,18px); }
.studio-render.studio-render--legal-expanded > .studio-render__document > [data-studio-landing-role="about-team-card"]:nth-child(3n+2 of [data-studio-landing-role="about-team-card"]) { grid-column: 6 / span 4; padding-left: var(--studio-section-margin-left,9px); padding-right: var(--studio-section-margin-right,9px); }
.studio-render.studio-render--legal-expanded > .studio-render__document > [data-studio-landing-role="about-team-card"]:nth-child(3n of [data-studio-landing-role="about-team-card"]) { grid-column: 10 / span 4; padding-left: var(--studio-section-margin-left,18px); padding-right: var(--studio-section-margin-right,0px); }
.studio-render.studio-render--legal-expanded > .studio-render__document:has(> [data-studio-landing-role="about-team-card"]:nth-child(4 of [data-studio-landing-role="about-team-card"])) > [data-studio-landing-role="about-team-card"] { grid-column: 2 / span 3; padding-left: var(--studio-section-margin-left,0px); padding-right: var(--studio-section-margin-right,18px); }
.studio-render.studio-render--legal-expanded > .studio-render__document:has(> [data-studio-landing-role="about-team-card"]:nth-child(4 of [data-studio-landing-role="about-team-card"])) > [data-studio-landing-role="about-team-card"]:nth-child(4n+2 of [data-studio-landing-role="about-team-card"]) { grid-column: 5 / span 3; padding-left: var(--studio-section-margin-left,6px); padding-right: var(--studio-section-margin-right,12px); }
.studio-render.studio-render--legal-expanded > .studio-render__document:has(> [data-studio-landing-role="about-team-card"]:nth-child(4 of [data-studio-landing-role="about-team-card"])) > [data-studio-landing-role="about-team-card"]:nth-child(4n+3 of [data-studio-landing-role="about-team-card"]) { grid-column: 8 / span 3; padding-left: var(--studio-section-margin-left,12px); padding-right: var(--studio-section-margin-right,6px); }
.studio-render.studio-render--legal-expanded > .studio-render__document:has(> [data-studio-landing-role="about-team-card"]:nth-child(4 of [data-studio-landing-role="about-team-card"])) > [data-studio-landing-role="about-team-card"]:nth-child(4n of [data-studio-landing-role="about-team-card"]) { grid-column: 11 / span 3; padding-left: var(--studio-section-margin-left,18px); padding-right: var(--studio-section-margin-right,0px); }
.studio-render.studio-render--legal-expanded [data-studio-landing-role="about-team-card"] .studio-render__image { aspect-ratio: .88; height: auto; max-height: none; margin-top: 0; border-radius: var(--legal-card-radius); background: var(--studio-surface); }
.studio-render.studio-render--legal-expanded [data-studio-landing-role="about-team-card"] .studio-render__image-flow-content { margin-top: 22px; }
.studio-render.studio-render--legal-expanded [data-studio-landing-role="about-team-card"] h2 { font-family: var(--studio-heading-font); font-size: var(--studio-frame-size-23,23px); font-weight: var(--legal-card-weight); line-height: 1.25; }
.studio-render.studio-render--legal-expanded [data-studio-landing-role="about-team-card"] p { margin-top: 16px; font-size: var(--studio-frame-size-13,13px); line-height: 1.8; }
.studio-render.studio-render--legal-expanded [data-studio-landing-role="about-team-card"] .studio-render__section-links { margin-top: 16px; }
.studio-render.studio-render--legal-expanded [data-studio-landing-role="blog-heading"] { --studio-section-margin-block-default: clamp(48px,6cqi,86px); }
.studio-render.studio-render--legal-expanded :is([data-studio-landing-role="blog-heading"],[data-studio-landing-role="article-heading"]) h1 { max-width: 25ch; font-family: var(--studio-heading-font); font-size: var(--legal-title-size); font-weight: var(--legal-heading-weight); line-height: 1.12; }
.studio-render.studio-render--legal-expanded [data-studio-landing-role="blog-heading"] p { max-width: 72ch; margin-top: 24px; font-size: var(--studio-frame-size-15,15px); line-height: 1.8; }
.studio-render.studio-render--legal-expanded > .studio-render__document > [data-studio-landing-role="blog-card"] { grid-column: 2 / span 6; --studio-section-margin-block-default: 30px; --studio-section-margin-inline-default: 0px; padding-left: var(--studio-section-margin-left,0px); padding-right: var(--studio-section-margin-right,18px); }
.studio-render.studio-render--legal-expanded > .studio-render__document > [data-studio-landing-role="blog-card"]:nth-child(2n+1 of [data-studio-landing-role="blog-card"]) { grid-column: 8 / span 6; padding-left: var(--studio-section-margin-left,18px); padding-right: var(--studio-section-margin-right,0px); }
.studio-render.studio-render--legal-expanded > .studio-render__document > [data-studio-landing-role="blog-card"]:nth-child(1 of [data-studio-landing-role="blog-card"]) { grid-column: 2 / -2; --studio-section-margin-bottom-default: 48px; padding-left: var(--studio-section-margin-left,0px); padding-right: var(--studio-section-margin-right,0px); padding-bottom: var(--studio-section-margin-bottom,var(--studio-section-margin-bottom-default)); border-bottom: 1px solid var(--studio-border); margin-bottom: 20px; }
.studio-render.studio-render--legal-expanded [data-studio-landing-role="blog-card"] .studio-render__image { aspect-ratio: 1.65; height: auto; max-height: none; margin-top: 0; border-radius: var(--legal-card-radius); }
.studio-render.studio-render--legal-expanded [data-studio-landing-role="blog-card"] .studio-render__image-flow-content { margin-top: 24px; }
.studio-render.studio-render--legal-expanded [data-studio-landing-role="blog-card"] h2 { max-width: 28ch; font-family: var(--studio-heading-font); font-size: var(--studio-frame-size-28,28px); font-weight: var(--legal-card-weight); line-height: 1.25; }
.studio-render.studio-render--legal-expanded [data-studio-landing-role="blog-card"] p { max-width: 65ch; margin-top: 18px; font-size: var(--studio-frame-size-14,14px); line-height: 1.8; }
.studio-render.studio-render--legal-expanded [data-studio-landing-role="blog-card"]:nth-child(1 of [data-studio-landing-role="blog-card"]) .studio-render__image-flow--block { display: grid; grid-template-columns: minmax(0,1.15fr) minmax(0,.85fr); align-items: center; gap: clamp(32px,4.5cqi,64px); }
.studio-render.studio-render--legal-expanded [data-studio-landing-role="blog-card"]:nth-child(1 of [data-studio-landing-role="blog-card"]) .studio-render__image-flow-content { margin-top: 0; }
.studio-render.studio-render--legal-expanded [data-studio-landing-role="blog-card"]:nth-child(1 of [data-studio-landing-role="blog-card"]) h2 { font-size: var(--legal-heading-size); }
.studio-render.studio-render--legal-expanded [data-studio-landing-role="article-breadcrumbs"] { --studio-section-margin-top-default: 30px; --studio-section-margin-bottom-default: 14px; padding-top: var(--studio-section-margin-top,var(--studio-section-margin-top-default)); padding-bottom: var(--studio-section-margin-bottom,var(--studio-section-margin-bottom-default)); }
.studio-render.studio-render--legal-expanded [data-studio-landing-role="article-breadcrumbs"] :is(p,.studio-render__section-link) { font-size: var(--studio-frame-size-12,12px); }
.studio-render.studio-render--legal-expanded [data-studio-landing-role="article-breadcrumbs"] .studio-render__section-links { gap: 8px 20px; margin-top: 0; }
.studio-render.studio-render--legal-expanded [data-studio-landing-role="article-heading"] { --studio-section-margin-top-default: 26px; --studio-section-margin-bottom-default: 22px; padding-top: var(--studio-section-margin-top,var(--studio-section-margin-top-default)); padding-bottom: var(--studio-section-margin-bottom,var(--studio-section-margin-bottom-default)); }
.studio-render.studio-render--legal-expanded [data-studio-landing-role="article-heading"] p { max-width: 75ch; margin-top: 24px; font-size: var(--studio-frame-size-15,15px); line-height: 1.8; }
.studio-render.studio-render--legal-expanded [data-studio-landing-role="article-meta"] { --studio-section-margin-top-default: 0px; --studio-section-margin-bottom-default: 26px; padding-top: var(--studio-section-margin-top,var(--studio-section-margin-top-default)); padding-bottom: var(--studio-section-margin-bottom,var(--studio-section-margin-bottom-default)); }
.studio-render.studio-render--legal-expanded [data-studio-landing-role="article-meta"] p { max-width: none; font-size: var(--studio-frame-size-12,12px); line-height: 1.8; }
.studio-render.studio-render--legal-expanded > .studio-render__document > [data-studio-landing-role="article-image"] { grid-column: 2 / -2; --studio-section-margin-inline-default: 0px; --studio-section-margin-block-default: 12px; }
.studio-render.studio-render--legal-expanded [data-studio-landing-role="article-image"] .studio-render__image { aspect-ratio: 2.15; height: auto; max-height: none; margin: 0; border-radius: var(--legal-card-radius); }
.studio-render.studio-render--legal-expanded [data-studio-landing-role="article-image"] :is(p,h2) { margin-top: 18px; font-size: var(--studio-frame-size-12,12px); font-weight: 400; }
.studio-render.studio-render--legal-expanded > .studio-render__document > [data-studio-landing-role="article-body"] { grid-column: 2 / span 8; --studio-section-margin-inline-default: 0px; --studio-section-margin-block-default: 36px; padding-left: var(--studio-section-margin-left,0px); padding-right: var(--studio-section-margin-right,clamp(32px,5cqi,72px)); }
.studio-render.studio-render--legal-expanded [data-studio-landing-role="article-body"] :is(p,li,.studio-render__rich-text) { max-width: 74ch; font-size: var(--studio-frame-size-16,16px); line-height: 1.9; }
.studio-render.studio-render--legal-expanded [data-studio-landing-role="article-body"] h2 { max-width: 30ch; margin-bottom: 24px; font-family: var(--studio-heading-font); font-size: var(--legal-heading-size); font-weight: var(--legal-heading-weight); line-height: 1.2; }
.studio-render.studio-render--legal-expanded [data-studio-landing-role="article-body"] h3 { margin-block: 32px 16px; font-family: var(--studio-heading-font); font-size: var(--studio-frame-size-26,26px); font-weight: var(--legal-card-weight); }
.studio-render.studio-render--legal-expanded [data-studio-landing-role="article-body"] .studio-render__rich-text :is(p,ul,ol) + :is(p,ul,ol) { margin-top: 22px; }
.studio-render.studio-render--legal-expanded > .studio-render__document > [data-studio-landing-role="article-sidebar"] { grid-column: 10 / span 4; --studio-section-margin-inline-default: 0px; --studio-section-margin-block-default: 36px; align-self: start; }
.studio-render.studio-render--legal-expanded [data-studio-landing-role="article-sidebar"] .studio-render__section-body { padding: 26px; border: 1px solid var(--studio-border); border-radius: var(--legal-card-radius); background: color-mix(in srgb,var(--studio-background) 94%,var(--studio-text)); }
.studio-render.studio-render--legal-expanded [data-studio-landing-role="article-sidebar"] h2 { font-family: var(--studio-heading-font); font-size: var(--studio-frame-size-24,24px); font-weight: var(--legal-card-weight); line-height: 1.25; }
.studio-render.studio-render--legal-expanded [data-studio-landing-role="article-sidebar"] p { margin-top: 16px; font-size: var(--studio-frame-size-13,13px); line-height: 1.8; }
.studio-render.studio-render--legal-expanded [data-studio-landing-role="article-sidebar"] .studio-render__items { display: grid; grid-template-columns: minmax(0,1fr); gap: 0; margin-top: 24px; }
.studio-render.studio-render--legal-expanded [data-studio-landing-role="article-sidebar"] .studio-render__items > article { display: block; padding: 20px 0; border: 0; border-top: 1px solid var(--studio-border); border-radius: 0; background: transparent; }
.studio-render.studio-render--legal-expanded [data-studio-landing-role="article-sidebar"] .studio-render__items h3 { font-family: var(--studio-font); font-size: var(--studio-frame-size-14,14px); font-weight: 600; line-height: 1.5; }
.studio-render.studio-render--legal-expanded [data-studio-landing-role="article-sidebar"] .studio-render__item-mark { display: none; }
.studio-render.studio-render--legal-expanded [data-studio-landing-role="article-sidebar"] .studio-render__section-links { display: grid; gap: 6px; margin-top: 24px; padding-top: 16px; border-top: 1px solid var(--studio-border); }
.studio-render.studio-render--legal-expanded [data-studio-landing-role="article-sidebar"] .studio-render__section-link { justify-content: flex-start; min-height: 44px; padding-inline: 0; font-size: var(--studio-frame-size-12,12px); line-height: 1.6; text-align: left; }
.studio-render.studio-render--legal-expanded [data-studio-landing-role="article-sidebar"] .studio-render__section-link--primary { padding-inline: 16px; }

/* Local expressions of the common skeleton; no content or imagery in CSS. */
.studio-render.studio-render--legal-expanded.studio-render--composition-legal-counsel-light { --legal-heading-weight: 400; --legal-card-weight: 400; --legal-card-radius: 0px; --legal-rail-offset: 36px; }
.studio-render.studio-render--legal-expanded.studio-render--composition-legal-counsel-dark { --legal-heading-weight: 400; --legal-card-weight: 400; --legal-card-radius: 0px; --legal-rail-offset: 68px; }
.studio-render.studio-render--legal-expanded.studio-render--composition-clarity-legal-website { --legal-heading-weight: 650; --legal-card-weight: 600; --legal-rail-offset: 32px; --legal-photo-ratio: 1.04; }
.studio-render.studio-render--legal-expanded.studio-render--composition-sage-legal-website { --legal-heading-weight: 400; --legal-card-weight: 400; --legal-rail-offset: 42px; --legal-heading-size: var(--studio-frame-size-sage-heading,clamp(30px,3.8cqi,54px)); }
.studio-render.studio-render--legal-expanded.studio-render--composition-alden-legal-website { --legal-heading-weight: 400; --legal-card-weight: 400; --legal-card-radius: 2px; --legal-rail-offset: 70px; }
.studio-render.studio-render--legal-expanded.studio-render--composition-nocturne-legal-website { --legal-heading-weight: 400; --legal-card-weight: 400; --legal-title-size: var(--studio-frame-size-landing-hero,clamp(42px,5.3cqi,78px)); --legal-rail-offset: 76px; }
.studio-render.studio-render--legal-expanded.studio-render--composition-azure-legal-website { --legal-heading-weight: 400; --legal-card-weight: 400; --legal-rail-offset: 38px; }
.studio-render.studio-render--legal-expanded.studio-render--composition-hartwell-legal-website { --legal-heading-weight: 400; --legal-card-weight: 400; --legal-card-radius: 0px; --legal-title-size: var(--studio-frame-size-hartwell-title,clamp(36px,4.3cqi,62px)); --legal-heading-size: var(--studio-frame-size-hartwell-heading,clamp(28px,3.2cqi,46px)); --legal-rail-offset: 54px; }
.studio-render.studio-render--legal-expanded.studio-render--composition-lucent-legal-website { --legal-heading-weight: 400; --legal-card-weight: 400; --legal-rail-offset: 42px; --legal-heading-size: var(--studio-frame-size-lucent-heading,clamp(30px,4cqi,58px)); }
.studio-render.studio-render--legal-expanded.studio-render--composition-haven-legal-website { --legal-heading-weight: 700; --legal-card-weight: 650; --legal-rail-offset: 30px; --legal-heading-size: var(--studio-frame-size-haven-heading,clamp(30px,3.2cqi,46px)); }
.studio-render.studio-render--legal-expanded.studio-render--composition-meridian-legal-website { --legal-heading-weight: 500; --legal-card-weight: 500; --legal-rail-offset: 60px; --legal-heading-size: var(--studio-frame-size-meridian-heading,clamp(30px,3.5cqi,50px)); }
.studio-render.studio-render--legal-expanded:is(.studio-render--composition-legal-counsel-light,.studio-render--composition-alden-legal-website,.studio-render--composition-hartwell-legal-website) [data-studio-landing-role="about-story"] { border-bottom: 1px solid var(--studio-border); }
.studio-render.studio-render--legal-expanded:is(.studio-render--composition-legal-counsel-dark,.studio-render--composition-nocturne-legal-website) [data-studio-landing-role="about-photo"] .studio-render__image { outline: 1px solid color-mix(in srgb,var(--studio-primary) 40%,transparent); outline-offset: 7px; }
.studio-render.studio-render--legal-expanded.studio-render--composition-nocturne-legal-website :is([data-studio-landing-role="about-intro"],[data-studio-landing-role="blog-heading"]) h1 { text-transform: uppercase; letter-spacing: -.055em; }
.studio-render.studio-render--legal-expanded:is(.studio-render--composition-azure-legal-website,.studio-render--composition-sage-legal-website,.studio-render--composition-lucent-legal-website) [data-studio-landing-role="article-sidebar"] .studio-render__section-body { border-width: 0; background: var(--studio-surface); }
.studio-render.studio-render--legal-expanded.studio-render--composition-lucent-legal-website [data-studio-landing-role="about-story"] .studio-render__section-body { padding-top: 28px; border-top: 2px solid var(--studio-primary); }
.studio-render.studio-render--legal-expanded.studio-render--composition-haven-legal-website [data-studio-landing-role="about-story"] h2 { padding-top: 22px; border-top: 2px solid var(--studio-primary); }
.studio-render.studio-render--legal-expanded.studio-render--composition-meridian-legal-website [data-studio-landing-role="about-team-heading"] h2 { padding-left: 20px; border-left: 4px solid var(--studio-primary); }

@container (max-width: 1050px) {
  .studio-render.studio-render--legal-expanded [data-studio-landing-role="nav"] .studio-render__section-links { justify-content: flex-start; }
  .studio-render.studio-render--legal-expanded [data-studio-landing-role="about-intro"] > .studio-render__section-body { column-gap: 38px; }
  .studio-render.studio-render--legal-expanded > .studio-render__document > [data-studio-landing-role="about-team-card"]:nth-child(n of [data-studio-landing-role="about-team-card"]),
  .studio-render.studio-render--legal-expanded > .studio-render__document:has(> [data-studio-landing-role="about-team-card"]:nth-child(4 of [data-studio-landing-role="about-team-card"])) > [data-studio-landing-role="about-team-card"]:nth-child(n of [data-studio-landing-role="about-team-card"]) { grid-column: 2 / span 6; padding-left: var(--studio-section-margin-left,0px); padding-right: var(--studio-section-margin-right,12px); }
  .studio-render.studio-render--legal-expanded > .studio-render__document > [data-studio-landing-role="about-team-card"]:nth-child(2n of [data-studio-landing-role="about-team-card"]),
  .studio-render.studio-render--legal-expanded > .studio-render__document:has(> [data-studio-landing-role="about-team-card"]:nth-child(4 of [data-studio-landing-role="about-team-card"])) > [data-studio-landing-role="about-team-card"]:nth-child(2n of [data-studio-landing-role="about-team-card"]) { grid-column: 8 / span 6; padding-left: var(--studio-section-margin-left,12px); padding-right: var(--studio-section-margin-right,0px); }
}
@container (max-width: 900px) {
  .studio-render.studio-render--legal-expanded .studio-render__section--services[data-studio-landing-role="audience"] .studio-render__items { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .studio-render.studio-render--legal-expanded > .studio-render__document > :is([data-studio-landing-role="article-body"],[data-studio-landing-role="article-sidebar"]) { grid-column: 2 / -2; padding-left: var(--studio-section-margin-left,0px); padding-right: var(--studio-section-margin-right,0px); }
  .studio-render.studio-render--legal-expanded [data-studio-landing-role="article-body"] :is(p,li,.studio-render__rich-text) { max-width: none; }
}
@container (max-width: 720px) {
  .studio-render.studio-render--legal-expanded .studio-render__section--services[data-studio-landing-role="audience"] .studio-render__items { grid-template-columns: minmax(0,1fr); }
  .studio-render.studio-render--legal-expanded .studio-render__section--services[data-studio-landing-role="audience"] .studio-render__audience-card { min-height: 440px; }
  .studio-render.studio-render--legal-expanded [data-studio-landing-role="nav"] .studio-render__section-body { flex-direction: column; align-items: flex-start; gap: 14px; }
  .studio-render.studio-render--legal-expanded [data-studio-landing-role="nav"] .studio-render__section-links { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); align-items: start; width: 100%; gap: 4px 18px; }
  .studio-render.studio-render--legal-expanded [data-studio-landing-role="nav"] .studio-render__section-links > .studio-render__section-link { justify-self: start; justify-content: flex-start; }
  .studio-render.studio-render--legal-expanded .studio-render__nav-group { width: 100%; }
  .studio-render.studio-render--legal-expanded .studio-render__nav-summary { width: 100%; }
  .studio-render.studio-render--legal-expanded .studio-render__nav-submenu { position: static; width: 100%; min-width: 0; max-width: none; margin-bottom: 12px; padding: 8px; box-shadow: none; }
  .studio-render.studio-render--legal-expanded [data-studio-landing-role="nav"] .studio-render__nav-submenu .studio-render__section-link { padding: 9px 6px; }
  .studio-render.studio-render--legal-expanded [data-studio-landing-role="about-intro"] > .studio-render__section-body,
  .studio-render.studio-render--legal-expanded .studio-render__section--text[data-studio-landing-role="about-story"] > .studio-render__section-body { display: block; }
  .studio-render.studio-render--legal-expanded .studio-render__section--image-text[data-studio-landing-role="about-story"] .studio-render__image-flow--block { grid-template-columns: minmax(0,1fr); gap: 30px; }
  .studio-render.studio-render--legal-expanded [data-studio-landing-role="about-intro"] :is(p,.studio-render__rich-text),
  .studio-render.studio-render--legal-expanded .studio-render__section--text[data-studio-landing-role="about-story"] .studio-render__section-body > :is(p,.studio-render__rich-text) { margin-top: 26px; }
  .studio-render.studio-render--legal-expanded :is([data-studio-landing-role="about-intro"],[data-studio-landing-role="about-story"]) .studio-render__section-links { margin-top: 26px; }
  .studio-render.studio-render--legal-expanded > .studio-render__document > [data-studio-landing-role="about-photo"]:nth-child(n of [data-studio-landing-role="about-photo"]) { grid-column: 2 / -2; --studio-section-margin-top-default: 0px; --studio-section-margin-bottom-default: 24px; padding-left: var(--studio-section-margin-left,0px); padding-right: var(--studio-section-margin-right,0px); padding-bottom: var(--studio-section-margin-bottom,var(--studio-section-margin-bottom-default)); }
  .studio-render.studio-render--legal-expanded [data-studio-landing-role="about-photo"]:nth-child(n of [data-studio-landing-role="about-photo"]) .studio-render__image { aspect-ratio: 1.35; }
  .studio-render.studio-render--legal-expanded > .studio-render__document > [data-studio-landing-role="blog-card"]:nth-child(n of [data-studio-landing-role="blog-card"]) { grid-column: 2 / -2; padding-left: var(--studio-section-margin-left,0px); padding-right: var(--studio-section-margin-right,0px); }
  .studio-render.studio-render--legal-expanded [data-studio-landing-role="blog-card"]:nth-child(1 of [data-studio-landing-role="blog-card"]) .studio-render__image-flow--block { grid-template-columns: minmax(0,1fr); gap: 28px; }
  .studio-render.studio-render--legal-expanded [data-studio-landing-role="article-image"] .studio-render__image { aspect-ratio: 1.5; }
  .studio-render.studio-render--legal-expanded [data-studio-landing-role="article-sidebar"] .studio-render__section-body { padding: 24px; }
}
@container (max-width: 560px) {
  .studio-render.studio-render--legal-expanded > .studio-render__document > [data-studio-landing-role="about-team-card"]:nth-child(n of [data-studio-landing-role="about-team-card"]),
  .studio-render.studio-render--legal-expanded > .studio-render__document:has(> [data-studio-landing-role="about-team-card"]:nth-child(4 of [data-studio-landing-role="about-team-card"])) > [data-studio-landing-role="about-team-card"]:nth-child(n of [data-studio-landing-role="about-team-card"]) { grid-column: 2 / -2; padding-left: var(--studio-section-margin-left,0px); padding-right: var(--studio-section-margin-right,0px); }
}

/* Editorial legal libraries ------------------------------------------------
 * These markers opt newly authored editorial pages into distinct compositions.
 * Sections keep their source order, native content, image fit and explicit size
 * overrides. No legacy page, landing page, navigation or contact layout changes. */
.studio-render.studio-render--legal-expanded:is([data-studio-blog-layout],[data-studio-article-layout]) { --legal-editorial-gap: clamp(20px,2.2cqi,32px); }
.studio-render.studio-render--legal-expanded[data-studio-blog-layout] > .studio-render__document > :is([data-studio-landing-role="blog-card"],[data-studio-landing-role="blog-spotlight"],[data-studio-landing-role="blog-reading-list"]) { width: auto; }
.studio-render.studio-render--legal-expanded[data-studio-blog-layout] [data-studio-landing-role="blog-heading"] { --studio-section-margin-bottom-default: 30px; padding-bottom: var(--studio-section-margin-bottom,var(--studio-section-margin-bottom-default)); }
.studio-render.studio-render--legal-expanded[data-studio-blog-layout] [data-studio-landing-role="blog-heading"] h1 { max-width: 23ch; }
.studio-render.studio-render--legal-expanded[data-studio-blog-layout] [data-studio-landing-role="blog-topics"] { grid-column: 2 / -2; --studio-section-margin-inline-default: 0px; --studio-section-margin-block-default: 0px; padding-top: var(--studio-section-margin-top,0px); padding-bottom: var(--studio-section-margin-bottom,26px); margin-bottom: 30px; border-bottom: 1px solid var(--studio-border); }
.studio-render.studio-render--legal-expanded[data-studio-blog-layout] [data-studio-landing-role="blog-topics"] .studio-render__section-body { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 28px; }
.studio-render.studio-render--legal-expanded[data-studio-blog-layout] [data-studio-landing-role="blog-topics"] p { margin: 0; font-size: var(--studio-frame-size-12,12px); font-weight: 600; }
.studio-render.studio-render--legal-expanded[data-studio-blog-layout] [data-studio-landing-role="blog-topics"] .studio-render__section-links { gap: 8px 22px; margin: 0; }
.studio-render.studio-render--legal-expanded[data-studio-blog-layout] [data-studio-landing-role="blog-topics"] .studio-render__section-link { min-height: 44px; font-size: var(--studio-frame-size-12,12px); font-weight: 400; }
.studio-render.studio-render--legal-expanded[data-studio-blog-layout] > .studio-render__document > [data-studio-landing-role="blog-card"]:nth-child(n of [data-studio-landing-role="blog-card"]) { grid-column: 2 / span 6; grid-row: auto; --studio-section-margin-block-default: 0px; --studio-section-margin-inline-default: 0px; padding: var(--studio-section-margin-top,0px) var(--studio-section-margin-right,0px) var(--studio-section-margin-bottom,30px) var(--studio-section-margin-left,0px); margin: 0 0 32px; border: 0; }
.studio-render.studio-render--legal-expanded[data-studio-blog-layout] [data-studio-landing-role="blog-card"]:nth-child(n of [data-studio-landing-role="blog-card"]) .studio-render__image-flow--block { display: block; }
.studio-render.studio-render--legal-expanded[data-studio-blog-layout] [data-studio-landing-role="blog-card"]:nth-child(n of [data-studio-landing-role="blog-card"]) .studio-render__image-flow-content { margin-top: 24px; }
.studio-render.studio-render--legal-expanded[data-studio-blog-layout] [data-studio-landing-role="blog-card"]:nth-child(n of [data-studio-landing-role="blog-card"]) h2 { max-width: 27ch; font-size: var(--studio-frame-size-30,30px); line-height: 1.2; }
.studio-render.studio-render--legal-expanded[data-studio-blog-layout] [data-studio-landing-role="blog-card"] p { max-width: 63ch; font-size: var(--studio-frame-size-14,14px); line-height: 1.75; }
.studio-render.studio-render--legal-expanded[data-studio-blog-layout] [data-studio-landing-role="blog-card"] .studio-render__image { aspect-ratio: 1.55; }
.studio-render.studio-render--legal-expanded[data-studio-blog-layout] [data-studio-landing-role="blog-card"] .studio-render__section-links { margin-top: 22px; }
.studio-render.studio-render--legal-expanded[data-studio-blog-layout] [data-studio-landing-role="blog-card"] .studio-render__section-link { justify-content: flex-start; min-height: 44px; font-size: var(--studio-frame-size-12,12px); text-align: left; }

/* Journal: equally weighted stories, a quiet topic rule, and generous gutters. */
.studio-render.studio-render--legal-expanded[data-studio-blog-layout="journal"] > .studio-render__document > [data-studio-landing-role="blog-card"]:nth-child(2n+1 of [data-studio-landing-role="blog-card"]) { grid-column: 2 / span 6; margin-right: calc(var(--legal-editorial-gap) / 2); border-bottom: 1px solid var(--studio-border); }
.studio-render.studio-render--legal-expanded[data-studio-blog-layout="journal"] > .studio-render__document > [data-studio-landing-role="blog-card"]:nth-child(2n of [data-studio-landing-role="blog-card"]) { grid-column: 8 / span 6; margin-left: calc(var(--legal-editorial-gap) / 2); border-bottom: 1px solid var(--studio-border); }
.studio-render.studio-render--legal-expanded[data-studio-blog-layout="journal"] [data-studio-landing-role="blog-card"] .studio-render__image { border-radius: var(--legal-card-radius); }

/* Mosaic: an editorial note and lead image, then a smaller story/topic rhythm. */
.studio-render.studio-render--legal-expanded[data-studio-blog-layout="mosaic"] > .studio-render__document > [data-studio-landing-role="blog-spotlight"] { grid-column: 2 / span 4; --studio-section-margin-inline-default: 32px; --studio-section-margin-block-default: 36px; margin: 0 calc(var(--legal-editorial-gap) / 2) var(--legal-editorial-gap) 0; border-radius: var(--legal-card-radius); background: var(--studio-primary); color: var(--studio-action-text); }
.studio-render.studio-render--legal-expanded[data-studio-blog-layout="mosaic"] [data-studio-landing-role="blog-spotlight"] .studio-render__section-body { display: flex; flex-direction: column; align-items: flex-start; min-height: 100%; }
.studio-render.studio-render--legal-expanded[data-studio-blog-layout="mosaic"] [data-studio-landing-role="blog-spotlight"] h2 { max-width: 15ch; font-family: var(--studio-heading-font); font-size: var(--studio-frame-size-36,36px); font-weight: var(--legal-heading-weight); line-height: 1.14; }
.studio-render.studio-render--legal-expanded[data-studio-blog-layout="mosaic"] [data-studio-landing-role="blog-spotlight"] p { margin-top: 26px; font-size: var(--studio-frame-size-14,14px); line-height: 1.8; }
.studio-render.studio-render--legal-expanded[data-studio-blog-layout="mosaic"] [data-studio-landing-role="blog-spotlight"] .studio-render__section-links { display: grid; gap: 6px; margin-top: auto; padding-top: 36px; }
.studio-render.studio-render--legal-expanded[data-studio-blog-layout="mosaic"] [data-studio-landing-role="blog-spotlight"] .studio-render__section-link { justify-content: flex-start; text-align: left; font-size: var(--studio-frame-size-12,12px); }
.studio-render.studio-render--legal-expanded[data-studio-blog-layout="mosaic"] > .studio-render__document > [data-studio-landing-role="blog-card"]:nth-child(n of [data-studio-landing-role="blog-card"]) { padding-bottom: var(--studio-section-margin-bottom,26px); margin-bottom: var(--legal-editorial-gap); border-radius: var(--legal-card-radius); background: var(--studio-surface); }
.studio-render.studio-render--legal-expanded[data-studio-blog-layout="mosaic"] > .studio-render__document > [data-studio-landing-role="blog-card"]:nth-child(1 of [data-studio-landing-role="blog-card"]) { grid-column: 6 / span 8; margin-left: calc(var(--legal-editorial-gap) / 2); }
.studio-render.studio-render--legal-expanded[data-studio-blog-layout="mosaic"] > .studio-render__document > [data-studio-landing-role="blog-card"]:nth-child(3n+2 of [data-studio-landing-role="blog-card"]) { grid-column: 2 / span 4; margin-right: calc(var(--legal-editorial-gap) * 2 / 3); }
.studio-render.studio-render--legal-expanded[data-studio-blog-layout="mosaic"] > .studio-render__document > [data-studio-landing-role="blog-card"]:nth-child(3n of [data-studio-landing-role="blog-card"]) { grid-column: 6 / span 4; margin-left: calc(var(--legal-editorial-gap) / 3); margin-right: calc(var(--legal-editorial-gap) / 3); }
.studio-render.studio-render--legal-expanded[data-studio-blog-layout="mosaic"] > .studio-render__document > [data-studio-landing-role="blog-card"]:nth-child(3n+4 of [data-studio-landing-role="blog-card"]) { grid-column: 10 / span 4; margin-left: calc(var(--legal-editorial-gap) * 2 / 3); }
.studio-render.studio-render--legal-expanded[data-studio-blog-layout="mosaic"] [data-studio-landing-role="blog-card"] .studio-render__image { aspect-ratio: 1.4; border-radius: var(--legal-card-radius) var(--legal-card-radius) 0 0; }
.studio-render.studio-render--legal-expanded[data-studio-blog-layout="mosaic"] [data-studio-landing-role="blog-card"]:nth-child(1 of [data-studio-landing-role="blog-card"]) .studio-render__image { aspect-ratio: 1.85; }
.studio-render.studio-render--legal-expanded[data-studio-blog-layout="mosaic"] [data-studio-landing-role="blog-card"]:nth-child(n of [data-studio-landing-role="blog-card"]) .studio-render__image-flow-content { margin: 24px 26px 0; }
.studio-render.studio-render--legal-expanded[data-studio-blog-layout="mosaic"] [data-studio-landing-role="blog-card"]:nth-child(n+2 of [data-studio-landing-role="blog-card"]) h2 { font-size: var(--studio-frame-size-24,24px); }
.studio-render.studio-render--legal-expanded[data-studio-blog-layout="mosaic"] > .studio-render__document > [data-studio-landing-role="blog-reading-list"] { grid-column: 10 / span 4; --studio-section-margin-inline-default: 28px; --studio-section-margin-block-default: 32px; margin: 0 0 var(--legal-editorial-gap) calc(var(--legal-editorial-gap) * 2 / 3); border-radius: var(--legal-card-radius); background: var(--studio-sidebar); color: var(--studio-sidebar-text); }
.studio-render.studio-render--legal-expanded[data-studio-blog-layout="mosaic"] [data-studio-landing-role="blog-reading-list"] h2 { font-family: var(--studio-heading-font); font-size: var(--studio-frame-size-30,30px); font-weight: var(--legal-card-weight); line-height: 1.2; }
.studio-render.studio-render--legal-expanded[data-studio-blog-layout="mosaic"] [data-studio-landing-role="blog-reading-list"] p { margin-top: 24px; font-size: var(--studio-frame-size-13,13px); line-height: 1.8; }
.studio-render.studio-render--legal-expanded[data-studio-blog-layout="mosaic"] [data-studio-landing-role="blog-reading-list"] .studio-render__section-links { display: grid; gap: 0; margin-top: 26px; }
.studio-render.studio-render--legal-expanded[data-studio-blog-layout="mosaic"] [data-studio-landing-role="blog-reading-list"] .studio-render__section-link { justify-content: space-between; min-height: 58px; border-top: 1px solid color-mix(in srgb,currentColor 32%,transparent); font-size: var(--studio-frame-size-12,12px); text-align: left; }

/* Digest: one substantial lead story with a compact two-story reading stack. */
.studio-render.studio-render--legal-expanded[data-studio-blog-layout="digest"] > .studio-render__document > [data-studio-landing-role="blog-card"]:nth-child(1 of [data-studio-landing-role="blog-card"]) { grid-column: 2 / span 7; grid-row: span 2; margin-right: calc(var(--legal-editorial-gap) * 1.3); padding-bottom: var(--studio-section-margin-bottom,30px); border-bottom: 1px solid var(--studio-border); }
.studio-render.studio-render--legal-expanded[data-studio-blog-layout="digest"] [data-studio-landing-role="blog-card"]:nth-child(1 of [data-studio-landing-role="blog-card"]) .studio-render__image { aspect-ratio: 1.3; }
.studio-render.studio-render--legal-expanded[data-studio-blog-layout="digest"] [data-studio-landing-role="blog-card"]:nth-child(1 of [data-studio-landing-role="blog-card"]) h2 { font-size: var(--studio-frame-size-36,36px); }
.studio-render.studio-render--legal-expanded[data-studio-blog-layout="digest"] > .studio-render__document > [data-studio-landing-role="blog-card"]:nth-child(n+2 of [data-studio-landing-role="blog-card"]) { grid-column: 9 / span 5; margin-left: 0; align-self: start; border-bottom: 1px solid var(--studio-border); }
.studio-render.studio-render--legal-expanded[data-studio-blog-layout="digest"] [data-studio-landing-role="blog-card"]:nth-child(n+2 of [data-studio-landing-role="blog-card"]) .studio-render__image-flow--block { display: grid; grid-template-columns: minmax(0,.7fr) minmax(0,1.3fr); align-items: start; gap: 22px; }
.studio-render.studio-render--legal-expanded[data-studio-blog-layout="digest"] [data-studio-landing-role="blog-card"]:nth-child(n+2 of [data-studio-landing-role="blog-card"]) .studio-render__image { aspect-ratio: .88; }
.studio-render.studio-render--legal-expanded[data-studio-blog-layout="digest"] [data-studio-landing-role="blog-card"]:nth-child(n+2 of [data-studio-landing-role="blog-card"]) .studio-render__image-flow-content { margin-top: 0; }
.studio-render.studio-render--legal-expanded[data-studio-blog-layout="digest"] [data-studio-landing-role="blog-card"]:nth-child(n+2 of [data-studio-landing-role="blog-card"]) h2 { font-size: var(--studio-frame-size-24,24px); }
.studio-render.studio-render--legal-expanded[data-studio-blog-layout="digest"] [data-studio-landing-role="blog-card"]:nth-child(n+2 of [data-studio-landing-role="blog-card"]) p { margin-top: 18px; font-size: var(--studio-frame-size-12,12px); line-height: 1.8; }
.studio-render.studio-render--legal-expanded[data-studio-blog-layout="digest"] [data-studio-landing-role="blog-card"]:nth-child(n+2 of [data-studio-landing-role="blog-card"]) .studio-render__section-links { margin-top: 16px; }

/* Reading pages: source-ordered outline → main text → related reading → author. */
.studio-render.studio-render--legal-expanded[data-studio-article-layout] [data-studio-landing-role="article-heading"] h1 { max-width: 21ch; font-size: var(--legal-title-size); line-height: 1.12; }
.studio-render.studio-render--legal-expanded[data-studio-article-layout] [data-studio-landing-role="article-image"] .studio-render__image { aspect-ratio: 1.95; }
.studio-render.studio-render--legal-expanded[data-studio-article-layout] [data-studio-landing-role="article-outline"] { grid-column: 2 / span 3; --studio-section-margin-inline-default: 0px; --studio-section-margin-block-default: 44px; padding-right: var(--studio-section-margin-right,36px); align-self: start; }
.studio-render.studio-render--legal-expanded[data-studio-article-layout] [data-studio-landing-role="article-outline"] .studio-render__section-body { padding-top: 20px; border-top: 2px solid var(--studio-primary); }
.studio-render.studio-render--legal-expanded[data-studio-article-layout] [data-studio-landing-role="article-outline"] h2 { font-family: var(--studio-font); font-size: var(--studio-frame-size-16,16px); font-weight: 600; line-height: 1.5; }
.studio-render.studio-render--legal-expanded[data-studio-article-layout] [data-studio-landing-role="article-outline"] p { margin-top: 18px; font-size: var(--studio-frame-size-12,12px); line-height: 1.8; }
.studio-render.studio-render--legal-expanded[data-studio-article-layout] [data-studio-landing-role="article-outline"] .studio-render__section-links { display: grid; gap: 4px; margin-top: 16px; }
.studio-render.studio-render--legal-expanded[data-studio-article-layout] [data-studio-landing-role="article-outline"] .studio-render__section-link { justify-content: flex-start; min-height: 44px; padding-inline: 0; font-size: var(--studio-frame-size-12,12px); line-height: 1.5; text-align: left; }
.studio-render.studio-render--legal-expanded[data-studio-article-layout] > .studio-render__document > :is([data-studio-landing-role="article-body"],[data-studio-landing-role="article-sidebar"],[data-studio-landing-role="article-author"]) { grid-column: 5 / span 9; --studio-section-margin-inline-default: 0px; --studio-section-margin-block-default: 44px; padding-left: var(--studio-section-margin-left,0px); padding-right: var(--studio-section-margin-right,0px); }
.studio-render.studio-render--legal-expanded[data-studio-article-layout] [data-studio-landing-role="article-body"] :is(p,li,.studio-render__rich-text) { max-width: 74ch; font-size: var(--studio-frame-size-17,17px); line-height: 1.9; }
.studio-render.studio-render--legal-expanded[data-studio-article-layout] [data-studio-landing-role="article-sidebar"] { --studio-section-margin-top-default: 0px; padding-top: var(--studio-section-margin-top,0px); }
.studio-render.studio-render--legal-expanded[data-studio-article-layout] [data-studio-landing-role="article-sidebar"] .studio-render__section-body { border: 0; border-top: 1px solid var(--studio-border); border-radius: 0; padding: 30px 0; background: transparent; }
.studio-render.studio-render--legal-expanded[data-studio-article-layout] [data-studio-landing-role="article-sidebar"] .studio-render__items { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 26px; }
.studio-render.studio-render--legal-expanded[data-studio-article-layout] [data-studio-landing-role="article-sidebar"] .studio-render__section-links { display: flex; flex-wrap: wrap; gap: 8px 24px; }
.studio-render.studio-render--legal-expanded[data-studio-article-layout] [data-studio-landing-role="article-author"] { --studio-section-margin-top-default: 0px; padding-top: var(--studio-section-margin-top,0px); }
.studio-render.studio-render--legal-expanded[data-studio-article-layout] [data-studio-landing-role="article-author"] .studio-render__section-body { border-top: 1px solid var(--studio-border); padding-top: 24px; }
.studio-render.studio-render--legal-expanded[data-studio-article-layout] [data-studio-landing-role="article-author"] h2 { font-family: var(--studio-font); font-size: var(--studio-frame-size-16,16px); font-weight: 600; line-height: 1.5; }
.studio-render.studio-render--legal-expanded[data-studio-article-layout] [data-studio-landing-role="article-author"] p { max-width: 75ch; margin-top: 18px; font-size: var(--studio-frame-size-13,13px); line-height: 1.85; }

/* Split: the title and byline face a substantial portrait-format article image. */
.studio-render.studio-render--legal-expanded[data-studio-article-layout="split"] > .studio-render__document > [data-studio-landing-role="article-breadcrumbs"] { grid-row: 2; }
.studio-render.studio-render--legal-expanded[data-studio-article-layout="split"] > .studio-render__document > [data-studio-landing-role="article-heading"] { grid-column: 2 / span 6; grid-row: 3; --studio-section-margin-inline-default: 0px; padding-top: var(--studio-section-margin-top,38px); padding-bottom: var(--studio-section-margin-bottom,16px); padding-right: var(--studio-section-margin-right,clamp(32px,4cqi,58px)); align-self: end; }
.studio-render.studio-render--legal-expanded[data-studio-article-layout="split"] [data-studio-landing-role="article-heading"] h1 { font-size: var(--legal-heading-size); max-width: 15ch; }
.studio-render.studio-render--legal-expanded[data-studio-article-layout="split"] [data-studio-landing-role="article-heading"] p { margin-top: 28px; font-size: var(--studio-frame-size-14,14px); line-height: 1.85; }
.studio-render.studio-render--legal-expanded[data-studio-article-layout="split"] > .studio-render__document > [data-studio-landing-role="article-meta"] { grid-column: 2 / span 6; grid-row: 4; --studio-section-margin-inline-default: 0px; padding-top: var(--studio-section-margin-top,20px); padding-right: var(--studio-section-margin-right,48px); padding-bottom: var(--studio-section-margin-bottom,34px); align-self: start; }
.studio-render.studio-render--legal-expanded[data-studio-article-layout="split"] > .studio-render__document > [data-studio-landing-role="article-image"] { grid-column: 8 / span 6; grid-row: 3 / span 2; padding-top: var(--studio-section-margin-top,38px); padding-bottom: var(--studio-section-margin-bottom,34px); padding-left: var(--studio-section-margin-left,0px); padding-right: var(--studio-section-margin-right,0px); }
.studio-render.studio-render--legal-expanded[data-studio-article-layout="split"] [data-studio-landing-role="article-image"] .studio-render__image { aspect-ratio: 1.1; }
.studio-render.studio-render--legal-expanded[data-studio-article-layout="split"] > .studio-render__document > [data-studio-landing-role="article-outline"] { grid-row: 5; }
.studio-render.studio-render--legal-expanded[data-studio-article-layout="split"] > .studio-render__document > [data-studio-landing-role="article-body"] { grid-row: 5; }
.studio-render.studio-render--legal-expanded[data-studio-article-layout="split"] > .studio-render__document > [data-studio-landing-role="article-sidebar"] { grid-row: 6; }
.studio-render.studio-render--legal-expanded[data-studio-article-layout="split"] > .studio-render__document > [data-studio-landing-role="article-author"] { grid-row: 7; }

/* Wide: a centered editorial headline and panoramic image before the reading rail. */
.studio-render.studio-render--legal-expanded[data-studio-article-layout="wide"] [data-studio-landing-role="article-heading"] { text-align: center; padding-top: var(--studio-section-margin-top,42px); }
.studio-render.studio-render--legal-expanded[data-studio-article-layout="wide"] [data-studio-landing-role="article-heading"] :is(h1,p) { margin-inline: auto; }
.studio-render.studio-render--legal-expanded[data-studio-article-layout="wide"] [data-studio-landing-role="article-meta"] { text-align: center; padding-bottom: var(--studio-section-margin-bottom,38px); }
.studio-render.studio-render--legal-expanded[data-studio-article-layout="wide"] [data-studio-landing-role="article-meta"] p { margin-inline: auto; }
.studio-render.studio-render--legal-expanded[data-studio-article-layout="wide"] [data-studio-landing-role="article-image"] .studio-render__image { aspect-ratio: 2.25; }

/* Inset: a quieter, narrower story frame with a colored native reading panel. */
.studio-render.studio-render--legal-expanded[data-studio-article-layout="inset"] > .studio-render__document > :is([data-studio-landing-role="article-heading"],[data-studio-landing-role="article-meta"],[data-studio-landing-role="article-image"]) { grid-column: 3 / -3; --studio-section-margin-inline-default: 0px; }
.studio-render.studio-render--legal-expanded[data-studio-article-layout="inset"] [data-studio-landing-role="article-heading"] h1 { max-width: 21ch; }
.studio-render.studio-render--legal-expanded[data-studio-article-layout="inset"] [data-studio-landing-role="article-image"] .studio-render__image { aspect-ratio: 1.8; }
.studio-render.studio-render--legal-expanded[data-studio-article-layout="inset"] [data-studio-landing-role="article-outline"] { grid-column: 3 / span 3; padding-right: var(--studio-section-margin-right,30px); }
.studio-render.studio-render--legal-expanded[data-studio-article-layout="inset"] [data-studio-landing-role="article-outline"] .studio-render__section-body { padding: 24px; border: 0; border-radius: var(--legal-card-radius); background: var(--studio-primary); color: var(--studio-action-text); }
.studio-render.studio-render--legal-expanded[data-studio-article-layout="inset"] > .studio-render__document > :is([data-studio-landing-role="article-body"],[data-studio-landing-role="article-sidebar"],[data-studio-landing-role="article-author"]) { grid-column: 6 / span 7; }

@container (max-width: 1050px) {
  .studio-render.studio-render--legal-expanded[data-studio-blog-layout="mosaic"] > .studio-render__document > [data-studio-landing-role="blog-spotlight"] { grid-column: 2 / span 5; --studio-section-margin-inline-default: 24px; }
  .studio-render.studio-render--legal-expanded[data-studio-blog-layout="mosaic"] > .studio-render__document > [data-studio-landing-role="blog-card"]:nth-child(1 of [data-studio-landing-role="blog-card"]) { grid-column: 7 / span 7; }
  .studio-render.studio-render--legal-expanded[data-studio-blog-layout="mosaic"] [data-studio-landing-role="blog-spotlight"] h2 { font-size: var(--studio-frame-size-30,30px); }
  .studio-render.studio-render--legal-expanded[data-studio-blog-layout="mosaic"] [data-studio-landing-role="blog-card"]:nth-child(n of [data-studio-landing-role="blog-card"]) .studio-render__image-flow-content { margin-inline: 20px; }
  .studio-render.studio-render--legal-expanded[data-studio-blog-layout="mosaic"] > .studio-render__document > [data-studio-landing-role="blog-card"]:nth-child(n+2 of [data-studio-landing-role="blog-card"]) { grid-column: 2 / span 6; margin-right: calc(var(--legal-editorial-gap) / 2); margin-left: 0; }
  .studio-render.studio-render--legal-expanded[data-studio-blog-layout="mosaic"] > .studio-render__document > [data-studio-landing-role="blog-card"]:nth-child(2n+3 of [data-studio-landing-role="blog-card"]) { grid-column: 8 / span 6; margin-left: calc(var(--legal-editorial-gap) / 2); margin-right: 0; }
  .studio-render.studio-render--legal-expanded[data-studio-blog-layout="mosaic"] > .studio-render__document > [data-studio-landing-role="blog-reading-list"] { grid-column: 2 / -2; margin-left: 0; }
  .studio-render.studio-render--legal-expanded[data-studio-blog-layout="mosaic"] [data-studio-landing-role="blog-reading-list"] .studio-render__section-links { display: flex; flex-wrap: wrap; gap: 8px 28px; }
  .studio-render.studio-render--legal-expanded[data-studio-blog-layout="digest"] > .studio-render__document > [data-studio-landing-role="blog-card"]:nth-child(1 of [data-studio-landing-role="blog-card"]) { grid-column: 2 / span 6; }
  .studio-render.studio-render--legal-expanded[data-studio-blog-layout="digest"] > .studio-render__document > [data-studio-landing-role="blog-card"]:nth-child(n+2 of [data-studio-landing-role="blog-card"]) { grid-column: 8 / span 6; }
  .studio-render.studio-render--legal-expanded[data-studio-blog-layout="digest"] [data-studio-landing-role="blog-card"]:nth-child(n+2 of [data-studio-landing-role="blog-card"]) .studio-render__image-flow--block { grid-template-columns: minmax(0,.6fr) minmax(0,1.4fr); gap: 18px; }
  .studio-render.studio-render--legal-expanded[data-studio-blog-layout="digest"] [data-studio-landing-role="blog-card"]:nth-child(n+2 of [data-studio-landing-role="blog-card"]) h2 { font-size: var(--studio-frame-size-22,22px); }
}
@container (max-width: 900px) {
  .studio-render.studio-render--legal-expanded[data-studio-article-layout] > .studio-render__document > :is([data-studio-landing-role="article-breadcrumbs"],[data-studio-landing-role="article-heading"],[data-studio-landing-role="article-meta"],[data-studio-landing-role="article-image"],[data-studio-landing-role="article-outline"],[data-studio-landing-role="article-body"],[data-studio-landing-role="article-sidebar"],[data-studio-landing-role="article-author"]) { grid-column: 2 / -2; grid-row: auto; padding-left: var(--studio-section-margin-left,0px); padding-right: var(--studio-section-margin-right,0px); }
  .studio-render.studio-render--legal-expanded[data-studio-article-layout="split"] [data-studio-landing-role="article-heading"] h1 { max-width: 24ch; font-size: var(--legal-title-size); }
  .studio-render.studio-render--legal-expanded[data-studio-article-layout] [data-studio-landing-role="article-image"] .studio-render__image { aspect-ratio: 1.7; }
  .studio-render.studio-render--legal-expanded[data-studio-article-layout] [data-studio-landing-role="article-outline"] { --studio-section-margin-block-default: 28px; padding-block: var(--studio-section-margin-top,28px) var(--studio-section-margin-bottom,16px); }
  .studio-render.studio-render--legal-expanded[data-studio-article-layout] [data-studio-landing-role="article-outline"] .studio-render__section-links { display: flex; flex-wrap: wrap; gap: 8px 24px; }
  .studio-render.studio-render--legal-expanded[data-studio-article-layout] [data-studio-landing-role="article-body"] :is(p,li,.studio-render__rich-text) { max-width: none; font-size: var(--studio-frame-size-16,16px); }
  .studio-render.studio-render--legal-expanded[data-studio-article-layout] [data-studio-landing-role="article-sidebar"] .studio-render__section-body { background: transparent; padding-inline: 0; }
}
@container (max-width: 720px) {
  .studio-render.studio-render--legal-expanded[data-studio-blog-layout] [data-studio-landing-role="blog-heading"] h1 { max-width: 22ch; }
  .studio-render.studio-render--legal-expanded[data-studio-blog-layout] [data-studio-landing-role="blog-topics"] .studio-render__section-body { display: block; }
  .studio-render.studio-render--legal-expanded[data-studio-blog-layout] [data-studio-landing-role="blog-topics"] .studio-render__section-links { margin-top: 12px; gap: 4px 18px; }
  .studio-render.studio-render--legal-expanded[data-studio-blog-layout] > .studio-render__document > :is([data-studio-landing-role="blog-spotlight"],[data-studio-landing-role="blog-reading-list"]),
  .studio-render.studio-render--legal-expanded[data-studio-blog-layout] > .studio-render__document > [data-studio-landing-role="blog-card"]:nth-child(n of [data-studio-landing-role="blog-card"]) { grid-column: 2 / -2; grid-row: auto; margin-left: 0; margin-right: 0; margin-bottom: 28px; }
  .studio-render.studio-render--legal-expanded[data-studio-blog-layout] [data-studio-landing-role="blog-card"]:nth-child(n of [data-studio-landing-role="blog-card"]) .studio-render__image-flow--block { display: block; }
  .studio-render.studio-render--legal-expanded[data-studio-blog-layout] [data-studio-landing-role="blog-card"]:nth-child(n of [data-studio-landing-role="blog-card"]) .studio-render__image-flow-content { margin-top: 22px; }
  .studio-render.studio-render--legal-expanded[data-studio-blog-layout] [data-studio-landing-role="blog-card"]:nth-child(n of [data-studio-landing-role="blog-card"]) .studio-render__image { aspect-ratio: 1.5; }
  .studio-render.studio-render--legal-expanded[data-studio-blog-layout] [data-studio-landing-role="blog-card"]:nth-child(n of [data-studio-landing-role="blog-card"]) h2 { font-size: var(--studio-frame-size-28,28px); }
  .studio-render.studio-render--legal-expanded[data-studio-blog-layout="mosaic"] [data-studio-landing-role="blog-spotlight"] .studio-render__section-links { padding-top: 26px; }
  .studio-render.studio-render--legal-expanded[data-studio-blog-layout="digest"] [data-studio-landing-role="blog-card"]:nth-child(n+2 of [data-studio-landing-role="blog-card"]) p { font-size: var(--studio-frame-size-14,14px); }
  .studio-render.studio-render--legal-expanded[data-studio-article-layout] [data-studio-landing-role="article-sidebar"] .studio-render__items { grid-template-columns: minmax(0,1fr); gap: 0; }
  .studio-render.studio-render--legal-expanded[data-studio-article-layout="wide"] [data-studio-landing-role="article-heading"],
  .studio-render.studio-render--legal-expanded[data-studio-article-layout="wide"] [data-studio-landing-role="article-meta"] { text-align: left; }
}

/* Dispatch: independent, native-editable journals, not law-firm website pages. */
.studio-render.studio-render--standalone-blog:is(.studio-render--composition-dispatch-blog-light,.studio-render--composition-dispatch-blog-dark) {
  --studio-landing-gutter: clamp(24px,6cqi,88px);
  --legal-heading-weight: 650;
  --legal-card-weight: 600;
  --legal-card-radius: var(--studio-radius,22px);
  --dispatch-card-gap: clamp(20px,2.5cqi,36px);
}
.studio-render.studio-render--standalone-blog:is(.studio-render--composition-dispatch-blog-light,.studio-render--composition-dispatch-blog-dark) :is(h1,h2,h3) { font-family: var(--studio-heading-font,var(--studio-font)); }
.studio-render.studio-render--standalone-blog:is(.studio-render--composition-dispatch-blog-light,.studio-render--composition-dispatch-blog-dark) [data-studio-landing-role="nav"] { --studio-section-margin-block-default: 24px; }
.studio-render.studio-render--standalone-blog:is(.studio-render--composition-dispatch-blog-light,.studio-render--composition-dispatch-blog-dark) .studio-render__brand { font-weight: 750; letter-spacing: -.055em; }
.studio-render.studio-render--standalone-blog:is(.studio-render--composition-dispatch-blog-light,.studio-render--composition-dispatch-blog-dark) [data-studio-landing-role="footer"] { --studio-section-margin-block-default: 34px; border-top: 1px solid var(--studio-border); }
.studio-render.studio-render--standalone-blog:is(.studio-render--composition-dispatch-blog-light,.studio-render--composition-dispatch-blog-dark) [data-studio-landing-role="footer"] h2 { font-size: var(--studio-frame-size-24,24px); font-weight: 650; letter-spacing: -.04em; }
.studio-render.studio-render--standalone-blog:is(.studio-render--composition-dispatch-blog-light,.studio-render--composition-dispatch-blog-dark) [data-studio-landing-role="footer"] p { max-width: 72ch; font-size: var(--studio-frame-size-12,12px); line-height: 1.8; }
.studio-render.studio-render--standalone-blog:is(.studio-render--composition-dispatch-blog-light,.studio-render--composition-dispatch-blog-dark) [data-studio-landing-role="footer"] .studio-render__section-links { gap: 8px 26px; }
.studio-render.studio-render--standalone-blog:is(.studio-render--composition-dispatch-blog-light,.studio-render--composition-dispatch-blog-dark) [data-studio-landing-role="footer"] .studio-render__section-link { min-height: 44px; font-size: var(--studio-frame-size-12,12px); }

/* A separate feature, followed by a true six-story, three-column index. */
.studio-render.studio-render--legal-expanded.studio-render--standalone-blog[data-studio-blog-layout="dispatch"] [data-studio-landing-role="blog-heading"] { padding-top: var(--studio-section-margin-top,56px); padding-bottom: var(--studio-section-margin-bottom,32px); }
.studio-render.studio-render--legal-expanded.studio-render--standalone-blog[data-studio-blog-layout="dispatch"] [data-studio-landing-role="blog-heading"] h1 { max-width: 18ch; font-size: var(--legal-title-size); font-weight: 650; letter-spacing: -.055em; line-height: 1.08; }
.studio-render.studio-render--legal-expanded.studio-render--standalone-blog[data-studio-blog-layout="dispatch"] [data-studio-landing-role="blog-heading"] p { max-width: 58ch; margin-top: 22px; font-size: var(--studio-frame-size-14,14px); line-height: 1.8; }
.studio-render.studio-render--legal-expanded.studio-render--standalone-blog[data-studio-blog-layout="dispatch"] > .studio-render__document > [data-studio-landing-role="blog-lead"] { grid-column: 2 / -2; width: auto; margin-bottom: 28px; --studio-section-margin-inline-default: clamp(24px,3cqi,44px); --studio-section-margin-block-default: clamp(24px,3cqi,44px); background: var(--studio-surface); border-radius: var(--studio-radius,22px); }
.studio-render.studio-render--legal-expanded.studio-render--standalone-blog[data-studio-blog-layout="dispatch"] [data-studio-landing-role="blog-lead"] .studio-render__image-flow--block { display: grid; grid-template-columns: minmax(0,1.1fr) minmax(0,.9fr); gap: clamp(28px,4.4cqi,64px); align-items: center; }
.studio-render.studio-render--legal-expanded.studio-render--standalone-blog[data-studio-blog-layout="dispatch"] [data-studio-landing-role="blog-lead"] .studio-render__image { width: 100%; max-width: 100%; aspect-ratio: 1.35; border-radius: var(--studio-radius,22px); }
.studio-render.studio-render--legal-expanded.studio-render--standalone-blog[data-studio-blog-layout="dispatch"] [data-studio-landing-role="blog-lead"] .studio-render__image-flow-content { min-width: 0; margin: 0; }
.studio-render.studio-render--legal-expanded.studio-render--standalone-blog[data-studio-blog-layout="dispatch"] [data-studio-landing-role="blog-lead"] h2 { max-width: 19ch; font-size: var(--studio-frame-size-36,36px); font-weight: 600; letter-spacing: -.045em; line-height: 1.16; }
.studio-render.studio-render--legal-expanded.studio-render--standalone-blog[data-studio-blog-layout="dispatch"] [data-studio-landing-role="blog-lead"] p { max-width: 47ch; margin-top: 24px; font-size: var(--studio-frame-size-14,14px); line-height: 1.8; }
.studio-render.studio-render--legal-expanded.studio-render--standalone-blog[data-studio-blog-layout="dispatch"] [data-studio-landing-role="blog-lead"] .studio-render__section-links { margin-top: 28px; }
.studio-render.studio-render--legal-expanded.studio-render--standalone-blog[data-studio-blog-layout="dispatch"] [data-studio-landing-role="blog-lead"] .studio-render__section-link { min-height: 44px; padding: 12px 20px; border-radius: var(--studio-button-radius,24px); background: var(--studio-primary); color: var(--studio-action-text); font-size: var(--studio-frame-size-12,12px); font-weight: 600; }
.studio-render.studio-render--legal-expanded.studio-render--standalone-blog[data-studio-blog-layout="dispatch"] > .studio-render__document > [data-studio-landing-role="blog-latest"] { grid-column: 2 / -2; --studio-section-margin-inline-default: 0px; padding-top: var(--studio-section-margin-top,44px); padding-bottom: var(--studio-section-margin-bottom,18px); }
.studio-render.studio-render--legal-expanded.studio-render--standalone-blog[data-studio-blog-layout="dispatch"] [data-studio-landing-role="blog-latest"] h2 { font-size: var(--studio-frame-size-30,30px); font-weight: 600; letter-spacing: -.04em; line-height: 1.2; }
.studio-render.studio-render--legal-expanded.studio-render--standalone-blog[data-studio-blog-layout="dispatch"] [data-studio-landing-role="blog-latest"] p { max-width: 65ch; margin-top: 18px; font-size: var(--studio-frame-size-13,13px); }
.studio-render.studio-render--legal-expanded.studio-render--standalone-blog[data-studio-blog-layout="dispatch"] [data-studio-landing-role="blog-topics"] { margin-bottom: 32px; padding-bottom: var(--studio-section-margin-bottom,18px); }
.studio-render.studio-render--legal-expanded.studio-render--standalone-blog[data-studio-blog-layout="dispatch"] [data-studio-landing-role="blog-topics"] .studio-render__section-links { gap: 6px 12px; }
.studio-render.studio-render--legal-expanded.studio-render--standalone-blog[data-studio-blog-layout="dispatch"] [data-studio-landing-role="blog-topics"] .studio-render__section-link { min-height: 44px; padding: 10px 16px; border: 1px solid var(--studio-border); border-radius: var(--studio-button-radius,24px); text-decoration: none; }
.studio-render.studio-render--legal-expanded.studio-render--standalone-blog[data-studio-blog-layout="dispatch"] > .studio-render__document > [data-studio-landing-role="blog-card"]:nth-child(n of [data-studio-landing-role="blog-card"]) { width: auto; grid-column: 2 / span 4; grid-row: auto; margin: 0 calc(var(--dispatch-card-gap) * 2 / 3) 32px 0; padding: var(--studio-section-margin-top,0px) var(--studio-section-margin-right,0px) var(--studio-section-margin-bottom,28px) var(--studio-section-margin-left,0px); border-bottom: 1px solid var(--studio-border); }
.studio-render.studio-render--legal-expanded.studio-render--standalone-blog[data-studio-blog-layout="dispatch"] > .studio-render__document > [data-studio-landing-role="blog-card"]:nth-child(3n+2 of [data-studio-landing-role="blog-card"]) { grid-column: 6 / span 4; margin-right: calc(var(--dispatch-card-gap) / 3); margin-left: calc(var(--dispatch-card-gap) / 3); }
.studio-render.studio-render--legal-expanded.studio-render--standalone-blog[data-studio-blog-layout="dispatch"] > .studio-render__document > [data-studio-landing-role="blog-card"]:nth-child(3n+3 of [data-studio-landing-role="blog-card"]) { grid-column: 10 / span 4; margin-right: 0; margin-left: calc(var(--dispatch-card-gap) * 2 / 3); }
.studio-render.studio-render--legal-expanded.studio-render--standalone-blog[data-studio-blog-layout="dispatch"] [data-studio-landing-role="blog-card"]:nth-child(n of [data-studio-landing-role="blog-card"]) .studio-render__image-flow--block { display: block; }
.studio-render.studio-render--legal-expanded.studio-render--standalone-blog[data-studio-blog-layout="dispatch"] [data-studio-landing-role="blog-card"]:nth-child(n of [data-studio-landing-role="blog-card"]) .studio-render__image { width: 100%; max-width: 100%; aspect-ratio: 1.48; border-radius: var(--studio-radius,22px); }
.studio-render.studio-render--legal-expanded.studio-render--standalone-blog[data-studio-blog-layout="dispatch"] [data-studio-landing-role="blog-card"]:nth-child(n of [data-studio-landing-role="blog-card"]) .studio-render__image-flow-content { margin-top: 22px; }
.studio-render.studio-render--legal-expanded.studio-render--standalone-blog[data-studio-blog-layout="dispatch"] [data-studio-landing-role="blog-card"]:nth-child(n of [data-studio-landing-role="blog-card"]) h2 { max-width: 26ch; font-size: var(--studio-frame-size-23,23px); font-weight: 600; letter-spacing: -.035em; line-height: 1.3; }
.studio-render.studio-render--legal-expanded.studio-render--standalone-blog[data-studio-blog-layout="dispatch"] [data-studio-landing-role="blog-card"]:nth-child(n of [data-studio-landing-role="blog-card"]) p { max-width: 48ch; margin-top: 16px; font-size: var(--studio-frame-size-13,13px); line-height: 1.8; }
.studio-render.studio-render--legal-expanded.studio-render--standalone-blog[data-studio-blog-layout="dispatch"] [data-studio-landing-role="blog-card"] .studio-render__section-link { min-height: 44px; font-size: var(--studio-frame-size-12,12px); }
.studio-render.studio-render--legal-expanded.studio-render--standalone-blog[data-studio-blog-layout="dispatch"] > .studio-render__document > [data-studio-landing-role="blog-publishing-note"] { grid-column: 2 / -2; --studio-section-margin-inline-default: 0px; padding-top: var(--studio-section-margin-top,18px); padding-bottom: var(--studio-section-margin-bottom,48px); }
.studio-render.studio-render--legal-expanded.studio-render--standalone-blog[data-studio-blog-layout="dispatch"] [data-studio-landing-role="blog-publishing-note"] h2 { font-size: var(--studio-frame-size-16,16px); font-weight: 600; }
.studio-render.studio-render--legal-expanded.studio-render--standalone-blog[data-studio-blog-layout="dispatch"] [data-studio-landing-role="blog-publishing-note"] p { max-width: 90ch; margin-top: 16px; font-size: var(--studio-frame-size-12,12px); line-height: 1.85; }

/* The dark edition gives the lead's typography more room without removing imagery. */
.studio-render.studio-render--legal-expanded.studio-render--composition-dispatch-blog-dark[data-studio-blog-layout="dispatch"] [data-studio-landing-role="blog-lead"] .studio-render__image-flow--block { grid-template-columns: minmax(0,.85fr) minmax(0,1.15fr); }
.studio-render.studio-render--legal-expanded.studio-render--composition-dispatch-blog-dark[data-studio-blog-layout="dispatch"] [data-studio-landing-role="blog-lead"] h2 { max-width: 18ch; font-size: var(--legal-heading-size); }
.studio-render.studio-render--legal-expanded.studio-render--composition-dispatch-blog-dark[data-studio-blog-layout="dispatch"] [data-studio-landing-role="blog-card"]:nth-child(n of [data-studio-landing-role="blog-card"]) .studio-render__image { aspect-ratio: 1.7; }

@container (max-width: 1000px) {
  .studio-render.studio-render--legal-expanded.studio-render--standalone-blog[data-studio-blog-layout="dispatch"] [data-studio-landing-role="blog-lead"] .studio-render__image-flow--block { gap: 28px; }
  .studio-render.studio-render--legal-expanded.studio-render--standalone-blog[data-studio-blog-layout="dispatch"] [data-studio-landing-role="blog-lead"] h2 { font-size: var(--studio-frame-size-30,30px); }
  .studio-render.studio-render--legal-expanded.studio-render--standalone-blog[data-studio-blog-layout="dispatch"] > .studio-render__document > [data-studio-landing-role="blog-card"]:nth-child(n of [data-studio-landing-role="blog-card"]) { grid-column: 2 / span 6; margin-right: calc(var(--dispatch-card-gap) / 2); margin-left: 0; }
  .studio-render.studio-render--legal-expanded.studio-render--standalone-blog[data-studio-blog-layout="dispatch"] > .studio-render__document > [data-studio-landing-role="blog-card"]:nth-child(2n of [data-studio-landing-role="blog-card"]) { grid-column: 8 / span 6; margin-right: 0; margin-left: calc(var(--dispatch-card-gap) / 2); }
}
@container (max-width: 720px) {
  .studio-render.studio-render--legal-expanded.studio-render--standalone-blog[data-studio-blog-layout="dispatch"] [data-studio-landing-role="blog-heading"] { padding-top: var(--studio-section-margin-top,36px); }
  .studio-render.studio-render--legal-expanded.studio-render--standalone-blog[data-studio-blog-layout="dispatch"] [data-studio-landing-role="blog-lead"] .studio-render__image-flow--block { display: block; }
  .studio-render.studio-render--legal-expanded.studio-render--standalone-blog[data-studio-blog-layout="dispatch"] [data-studio-landing-role="blog-lead"] .studio-render__image-flow-content { margin-top: 26px; }
  .studio-render.studio-render--legal-expanded.studio-render--standalone-blog[data-studio-blog-layout="dispatch"] [data-studio-landing-role="blog-lead"] h2 { max-width: 22ch; font-size: var(--studio-frame-size-28,28px); }
  .studio-render.studio-render--legal-expanded.studio-render--standalone-blog[data-studio-blog-layout="dispatch"] [data-studio-landing-role="blog-lead"] .studio-render__image { aspect-ratio: 1.35; }
  .studio-render.studio-render--legal-expanded.studio-render--standalone-blog[data-studio-blog-layout="dispatch"] [data-studio-landing-role="blog-topics"] .studio-render__section-links { gap: 8px; }
  .studio-render.studio-render--legal-expanded.studio-render--standalone-blog[data-studio-blog-layout="dispatch"] > .studio-render__document > [data-studio-landing-role="blog-card"]:nth-child(n of [data-studio-landing-role="blog-card"]) { grid-column: 2 / -2; margin-right: 0; margin-left: 0; }
  .studio-render.studio-render--legal-expanded.studio-render--standalone-blog[data-studio-blog-layout="dispatch"] [data-studio-landing-role="blog-card"]:nth-child(n of [data-studio-landing-role="blog-card"]) h2 { font-size: var(--studio-frame-size-25,25px); }
}

/* Selectable editorial systems. These opt-in markers leave saved journal,
 * mosaic, digest and Dispatch layouts, article pages and navigation untouched. */
.studio-render.studio-render--legal-expanded:is([data-studio-blog-layout="featured"],[data-studio-blog-layout="newsroom"]) { --studio-blog-gap: clamp(22px,2.7cqi,38px); --studio-blog-image-radius: max(12px,var(--studio-radius,22px)); }
.studio-render.studio-render--legal-expanded:is([data-studio-blog-layout="featured"],[data-studio-blog-layout="newsroom"]) [hidden] { display: none !important; }
.studio-render.studio-render--legal-expanded:is([data-studio-blog-layout="featured"],[data-studio-blog-layout="newsroom"]) > .studio-render__document > .studio-blog-anchor { grid-column: 1 / -1; width: 0; height: 0; min-height: 0; margin: 0; padding: 0; border: 0; }
.studio-render.studio-render--legal-expanded:is([data-studio-blog-layout="featured"],[data-studio-blog-layout="newsroom"]) > .studio-render__document > [data-blog-entry]:not([data-studio-blog-featured]):nth-child(n of [data-blog-entry]:not([data-studio-blog-featured]):not([hidden])) { width: auto; grid-column: 2 / span 4; grid-row: auto; margin: 0 calc(var(--studio-blog-gap) * 2 / 3) 36px 0; padding: var(--studio-section-margin-top,0px) var(--studio-section-margin-right,0px) var(--studio-section-margin-bottom,0px) var(--studio-section-margin-left,0px); border: 0; }
.studio-render.studio-render--legal-expanded:is([data-studio-blog-layout="featured"],[data-studio-blog-layout="newsroom"]) > .studio-render__document > [data-blog-entry]:not([data-studio-blog-featured]):nth-child(3n+2 of [data-blog-entry]:not([data-studio-blog-featured]):not([hidden])) { grid-column: 6 / span 4; margin-right: calc(var(--studio-blog-gap) / 3); margin-left: calc(var(--studio-blog-gap) / 3); }
.studio-render.studio-render--legal-expanded:is([data-studio-blog-layout="featured"],[data-studio-blog-layout="newsroom"]) > .studio-render__document > [data-blog-entry]:not([data-studio-blog-featured]):nth-child(3n+3 of [data-blog-entry]:not([data-studio-blog-featured]):not([hidden])) { grid-column: 10 / span 4; margin-right: 0; margin-left: calc(var(--studio-blog-gap) * 2 / 3); }
.studio-render.studio-render--legal-expanded:is([data-studio-blog-layout="featured"],[data-studio-blog-layout="newsroom"]) [data-blog-entry]:not([data-studio-blog-featured]):nth-child(n of [data-blog-entry]) .studio-render__image-flow--block { display: block; }
.studio-render.studio-render--legal-expanded:is([data-studio-blog-layout="featured"],[data-studio-blog-layout="newsroom"]) [data-blog-entry]:not([data-studio-blog-featured]):nth-child(n of [data-blog-entry]) .studio-render__image-flow-content { min-width: 0; margin: 20px 0 0; }
.studio-render.studio-render--legal-expanded:is([data-studio-blog-layout="featured"],[data-studio-blog-layout="newsroom"]) [data-blog-entry]:not([data-studio-blog-featured]):nth-child(n of [data-blog-entry]) h2 { max-width: 27ch; font-size: var(--studio-frame-size-23,23px); font-weight: var(--legal-card-weight,600); letter-spacing: -.025em; line-height: 1.3; }
.studio-render.studio-render--legal-expanded:is([data-studio-blog-layout="featured"],[data-studio-blog-layout="newsroom"]) [data-blog-entry]:not([data-studio-blog-featured]):nth-child(n of [data-blog-entry]) p { max-width: 52ch; margin-top: 16px; font-size: var(--studio-frame-size-13,13px); line-height: 1.85; }
.studio-render.studio-render--legal-expanded:is([data-studio-blog-layout="featured"],[data-studio-blog-layout="newsroom"]) [data-blog-entry] .studio-render__section-links { margin-top: 18px; gap: 4px 18px; }
.studio-render.studio-render--legal-expanded:is([data-studio-blog-layout="featured"],[data-studio-blog-layout="newsroom"]) [data-blog-entry] .studio-render__section-link { min-height: 44px; padding-inline: 0; font-size: var(--studio-frame-size-12,12px); }
.studio-render.studio-render--legal-expanded:is([data-studio-blog-layout="featured"],[data-studio-blog-layout="newsroom"]) .studio-blog-card-date { display: block; margin-bottom: 14px; color: inherit; font-family: var(--studio-font); font-size: var(--studio-frame-size-11,11px); line-height: 1.6; }
.studio-render.studio-render--legal-expanded:is([data-studio-blog-layout="featured"],[data-studio-blog-layout="newsroom"]) .studio-blog-tags { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 18px; }
.studio-render.studio-render--legal-expanded:is([data-studio-blog-layout="featured"],[data-studio-blog-layout="newsroom"]) .studio-blog-tag { display: inline-flex; align-items: center; min-height: 25px; max-width: 100%; padding: 3px 10px; border: 1px solid var(--studio-border); border-radius: 99px; color: inherit; font-family: var(--studio-font); font-size: var(--studio-frame-size-10,10px); line-height: 1.6; overflow-wrap: anywhere; }
.studio-render.studio-render--legal-expanded:is([data-studio-blog-layout="featured"],[data-studio-blog-layout="newsroom"]) .studio-blog-author { display: flex; align-items: center; gap: 10px; margin-top: 24px; font-family: var(--studio-font); font-size: var(--studio-frame-size-11,11px); line-height: 1.5; }
.studio-render.studio-render--legal-expanded:is([data-studio-blog-layout="featured"],[data-studio-blog-layout="newsroom"]) .studio-blog-avatar { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 32px; width: 32px; height: 32px; border-radius: 50%; background: color-mix(in srgb,currentColor 12%,transparent); font-size: var(--studio-frame-size-10,10px); font-weight: 600; }

/* Topic buttons and the real sort control share one responsive native toolbar. */
.studio-render.studio-render--legal-expanded:is([data-studio-blog-layout="featured"],[data-studio-blog-layout="newsroom"]) > .studio-render__document > [data-studio-landing-role="blog-topics"] { grid-column: 2 / -2; width: auto; margin: 0 0 28px; padding: var(--studio-section-margin-top,0px) var(--studio-section-margin-right,0px) var(--studio-section-margin-bottom,0px) var(--studio-section-margin-left,0px); border: 0; }
.studio-render.studio-render--legal-expanded:is([data-studio-blog-layout="featured"],[data-studio-blog-layout="newsroom"]) [data-studio-landing-role="blog-topics"] .studio-render__section-body { display: block; }
.studio-render.studio-render--legal-expanded:is([data-studio-blog-layout="featured"],[data-studio-blog-layout="newsroom"]) .studio-blog-controls { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: start; gap: 18px 28px; width: 100%; }
.studio-render.studio-render--legal-expanded:is([data-studio-blog-layout="featured"],[data-studio-blog-layout="newsroom"]) .studio-blog-topic-list { display: flex; align-items: center; flex-wrap: wrap; flex: 1 1 350px; gap: 8px; min-width: 0; }
.studio-render.studio-render--legal-expanded:is([data-studio-blog-layout="featured"],[data-studio-blog-layout="newsroom"]) .studio-blog-topic-list button { display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-height: 44px; max-width: 100%; padding: 10px 15px; border: 1px solid var(--studio-border); border-radius: 99px; background: transparent; color: inherit; font-family: var(--studio-font); font-size: var(--studio-frame-size-12,12px); font-weight: 500; line-height: 1.5; cursor: pointer; }
.studio-render.studio-render--legal-expanded:is([data-studio-blog-layout="featured"],[data-studio-blog-layout="newsroom"]) .studio-blog-topic-list button[aria-pressed="true"] { border-color: var(--studio-primary); background: var(--studio-primary); color: var(--studio-action-text); }
.studio-render.studio-render--legal-expanded:is([data-studio-blog-layout="featured"],[data-studio-blog-layout="newsroom"]) .studio-blog-topic-icon { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 15px; width: 15px; height: 15px; }
.studio-render.studio-render--legal-expanded:is([data-studio-blog-layout="featured"],[data-studio-blog-layout="newsroom"]) .studio-blog-topic-icon svg { width: 100%; height: 100%; }
.studio-render.studio-render--legal-expanded:is([data-studio-blog-layout="featured"],[data-studio-blog-layout="newsroom"]) .studio-blog-sort { position: relative; display: grid; grid-template-columns: auto minmax(100px,1fr); align-items: center; gap: 10px; max-width: 100%; min-height: 44px; font-family: var(--studio-font); font-size: var(--studio-frame-size-12,12px); }
.studio-render.studio-render--legal-expanded:is([data-studio-blog-layout="featured"],[data-studio-blog-layout="newsroom"]) .studio-blog-sort select { width: 100%; min-width: 0; min-height: 44px; padding: 10px 38px 10px 14px; border: 1px solid var(--studio-border); border-radius: 99px; background: var(--studio-background); color: var(--studio-text); appearance: none; font: inherit; cursor: pointer; }
.studio-render.studio-render--legal-expanded:is([data-studio-blog-layout="featured"],[data-studio-blog-layout="newsroom"]) .studio-blog-sort > svg { position: absolute; right: 13px; width: 15px; height: 15px; pointer-events: none; }
.studio-render.studio-render--legal-expanded:is([data-studio-blog-layout="featured"],[data-studio-blog-layout="newsroom"]) :is(.studio-blog-topic-list button,.studio-blog-sort select):focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
.studio-render.studio-render--legal-expanded:is([data-studio-blog-layout="featured"],[data-studio-blog-layout="newsroom"]) :is(.studio-blog-topic-list button,.studio-blog-sort select):disabled { cursor: default; opacity: 1; }
.studio-render.studio-render--legal-expanded:is([data-studio-blog-layout="featured"],[data-studio-blog-layout="newsroom"]) .studio-blog-status { display: block; grid-column: 1 / -1; margin: 0; font-family: var(--studio-font); font-size: var(--studio-frame-size-11,11px); line-height: 1.6; }
.studio-render.studio-render--legal-expanded:is([data-studio-blog-layout="featured"],[data-studio-blog-layout="newsroom"]) .studio-blog-status:empty { display: none; }
.studio-render.studio-render--legal-expanded:is([data-studio-blog-layout="featured"],[data-studio-blog-layout="newsroom"]) [data-blog-empty] { grid-column: 1 / -1; padding: 24px 0; font-size: var(--studio-frame-size-14,14px); line-height: 1.8; }

/* Featured: an edge-to-edge introductory band, followed by a quiet photo index. */
.studio-render.studio-render--legal-expanded[data-studio-blog-layout="featured"] > .studio-render__document > .studio-render__section[data-studio-blog-featured]:nth-child(n of [data-studio-blog-featured]) { grid-column: 1 / -1; grid-row: auto; width: auto; margin: 0; padding: var(--studio-section-margin-top,52px) var(--studio-section-margin-right,var(--studio-landing-gutter)) var(--studio-section-margin-bottom,52px) var(--studio-section-margin-left,var(--studio-landing-gutter)); border: 0; border-radius: 0; background: var(--studio-surface); }
.studio-render.studio-render--legal-expanded[data-studio-blog-layout="featured"] .studio-render__section[data-studio-blog-featured]:nth-child(n of [data-studio-blog-featured]) .studio-render__image-flow--block { display: grid; grid-template-columns: minmax(0,.42fr) minmax(0,.58fr); align-items: center; gap: clamp(32px,5cqi,72px); }
.studio-render.studio-render--legal-expanded[data-studio-blog-layout="featured"] .studio-render__section[data-studio-blog-featured]:nth-child(n of [data-studio-blog-featured]) .studio-render__image { width: 100%; max-width: 100%; aspect-ratio: 1.42; border-radius: var(--studio-blog-image-radius); }
.studio-render.studio-render--legal-expanded[data-studio-blog-layout="featured"] .studio-render__section[data-studio-blog-featured]:nth-child(n of [data-studio-blog-featured]) .studio-render__image-flow-content { min-width: 0; margin: 0; }
.studio-render.studio-render--legal-expanded[data-studio-blog-layout="featured"] .studio-render__section[data-studio-blog-featured]:nth-child(n of [data-studio-blog-featured]) :is(h1,h2) { max-width: 25ch; font-size: var(--studio-frame-size-36,36px); font-weight: var(--legal-heading-weight,600); letter-spacing: -.035em; line-height: 1.2; }
.studio-render.studio-render--legal-expanded[data-studio-blog-layout="featured"] .studio-render__section[data-studio-blog-featured]:nth-child(n of [data-studio-blog-featured]) p { max-width: 65ch; margin-top: 22px; font-size: var(--studio-frame-size-14,14px); line-height: 1.85; }
.studio-render.studio-render--legal-expanded[data-studio-blog-layout="featured"] [data-studio-blog-featured] .studio-blog-tag { background: var(--studio-background); color: var(--studio-text); }
.studio-render.studio-render--legal-expanded[data-studio-blog-layout="featured"] [data-studio-blog-featured] .studio-blog-author { margin-top: 18px; }
.studio-render.studio-render--legal-expanded[data-studio-blog-layout="featured"] :is(.studio-blog-card-date,.studio-blog-author) { display: none; }
.studio-render.studio-render--legal-expanded[data-studio-blog-layout="featured"] [data-studio-landing-role="blog-heading"] { padding-top: var(--studio-section-margin-top,48px); padding-bottom: var(--studio-section-margin-bottom,22px); }
.studio-render.studio-render--legal-expanded[data-studio-blog-layout="featured"] [data-studio-landing-role="blog-heading"] :is(h1,h2) { max-width: none; font-size: var(--studio-frame-size-24,24px); font-weight: var(--legal-heading-weight,600); letter-spacing: -.025em; line-height: 1.3; }
.studio-render.studio-render--legal-expanded[data-studio-blog-layout="featured"] [data-studio-landing-role="blog-heading"] p { max-width: 72ch; margin-top: 14px; font-size: var(--studio-frame-size-13,13px); line-height: 1.8; }
.studio-render.studio-render--legal-expanded[data-studio-blog-layout="featured"] [data-blog-entry]:not([data-studio-blog-featured]):nth-child(n of [data-blog-entry]) .studio-render__image { width: 100%; max-width: 100%; aspect-ratio: 2; border-radius: var(--studio-blog-image-radius); }

/* Newsroom: image assets remain in native source, while the selected index
 * presentation is intentionally text-led; article imagery stays unchanged. */
.studio-render.studio-render--legal-expanded[data-studio-blog-layout="newsroom"] [data-studio-landing-role="blog-heading"] { padding-top: var(--studio-section-margin-top,48px); padding-bottom: var(--studio-section-margin-bottom,32px); text-align: center; }
.studio-render.studio-render--legal-expanded[data-studio-blog-layout="newsroom"] [data-studio-landing-role="blog-heading"] :is(h1,h2) { max-width: 25ch; margin-inline: auto; font-size: var(--studio-frame-size-36,36px); font-weight: var(--legal-heading-weight,600); letter-spacing: -.035em; line-height: 1.2; }
.studio-render.studio-render--legal-expanded[data-studio-blog-layout="newsroom"] [data-studio-landing-role="blog-heading"] p { max-width: 65ch; margin: 18px auto 0; font-size: var(--studio-frame-size-14,14px); line-height: 1.85; }
.studio-render.studio-render--legal-expanded[data-studio-blog-layout="newsroom"] > .studio-render__document > [data-blog-entry]:not([data-studio-blog-featured]):nth-child(n of [data-blog-entry]:not([data-studio-blog-featured]):not([hidden])) { padding: var(--studio-section-margin-top,28px) var(--studio-section-margin-right,26px) var(--studio-section-margin-bottom,28px) var(--studio-section-margin-left,26px); border-radius: var(--studio-blog-image-radius); background: var(--studio-surface); }
.studio-render.studio-render--legal-expanded[data-studio-blog-layout="newsroom"] [data-blog-entry] .studio-render__image { display: none; }
.studio-render.studio-render--legal-expanded[data-studio-blog-layout="newsroom"] [data-blog-entry] :is(.studio-render__section-body,.studio-render__image-flow,.studio-render__image-flow-content,.studio-render__copy) { height: 100%; min-width: 0; }
.studio-render.studio-render--legal-expanded[data-studio-blog-layout="newsroom"] [data-blog-entry] .studio-render__image-flow { display: block; }
.studio-render.studio-render--legal-expanded[data-studio-blog-layout="newsroom"] [data-blog-entry]:not([data-studio-blog-featured]):nth-child(n of [data-blog-entry]) .studio-render__image-flow-content { margin-top: 0; }
.studio-render.studio-render--legal-expanded[data-studio-blog-layout="newsroom"] [data-blog-entry] .studio-render__copy { display: flex; flex-direction: column; }
.studio-render.studio-render--legal-expanded[data-studio-blog-layout="newsroom"] [data-blog-entry] .studio-blog-card-date { margin-bottom: 20px; }
.studio-render.studio-render--legal-expanded[data-studio-blog-layout="newsroom"] [data-blog-entry] .studio-blog-author { margin-top: auto; padding-top: 30px; }
.studio-render.studio-render--legal-expanded:is([data-studio-blog-layout="featured"],[data-studio-blog-layout="newsroom"]) > .studio-render__document > [data-studio-landing-role="blog-publishing-note"] { grid-column: 2 / -2; padding: var(--studio-section-margin-top,20px) var(--studio-section-margin-right,0px) var(--studio-section-margin-bottom,44px) var(--studio-section-margin-left,0px); }
.studio-render.studio-render--legal-expanded:is([data-studio-blog-layout="featured"],[data-studio-blog-layout="newsroom"]) [data-studio-landing-role="blog-publishing-note"] h2 { font-size: var(--studio-frame-size-16,16px); }
.studio-render.studio-render--legal-expanded:is([data-studio-blog-layout="featured"],[data-studio-blog-layout="newsroom"]) [data-studio-landing-role="blog-publishing-note"] p { max-width: 95ch; margin-top: 14px; font-size: var(--studio-frame-size-12,12px); line-height: 1.85; }

@container (max-width: 1000px) {
  .studio-render.studio-render--legal-expanded[data-studio-blog-layout="featured"] .studio-render__section[data-studio-blog-featured]:nth-child(n of [data-studio-blog-featured]) .studio-render__image-flow--block { gap: 30px; }
  .studio-render.studio-render--legal-expanded[data-studio-blog-layout="featured"] .studio-render__section[data-studio-blog-featured]:nth-child(n of [data-studio-blog-featured]) :is(h1,h2) { font-size: var(--studio-frame-size-30,30px); }
}
@container (max-width: 720px) {
  .studio-render.studio-render--legal-expanded:is([data-studio-blog-layout="featured"],[data-studio-blog-layout="newsroom"]) > .studio-render__document > [data-blog-entry]:not([data-studio-blog-featured]):nth-child(n of [data-blog-entry]:not([data-studio-blog-featured]):not([hidden])) { grid-column: 2 / -2; margin-right: 0; margin-left: 0; }
  .studio-render.studio-render--legal-expanded:is([data-studio-blog-layout="featured"],[data-studio-blog-layout="newsroom"]) .studio-blog-controls { grid-template-columns: minmax(0,1fr); gap: 16px; }
  .studio-render.studio-render--legal-expanded:is([data-studio-blog-layout="featured"],[data-studio-blog-layout="newsroom"]) .studio-blog-topic-list { flex-basis: 100%; }
  .studio-render.studio-render--legal-expanded:is([data-studio-blog-layout="featured"],[data-studio-blog-layout="newsroom"]) .studio-blog-sort { margin-left: auto; }
  .studio-render.studio-render--legal-expanded[data-studio-blog-layout="featured"] > .studio-render__document > .studio-render__section[data-studio-blog-featured]:nth-child(n of [data-studio-blog-featured]) { padding-top: var(--studio-section-margin-top,32px); padding-bottom: var(--studio-section-margin-bottom,32px); }
  .studio-render.studio-render--legal-expanded[data-studio-blog-layout="featured"] .studio-render__section[data-studio-blog-featured]:nth-child(n of [data-studio-blog-featured]) .studio-render__image-flow--block { display: block; }
  .studio-render.studio-render--legal-expanded[data-studio-blog-layout="featured"] .studio-render__section[data-studio-blog-featured]:nth-child(n of [data-studio-blog-featured]) .studio-render__image-flow-content { margin-top: 26px; }
  .studio-render.studio-render--legal-expanded[data-studio-blog-layout="featured"] .studio-render__section[data-studio-blog-featured]:nth-child(n of [data-studio-blog-featured]) :is(h1,h2) { max-width: 25ch; font-size: var(--studio-frame-size-28,28px); }
  .studio-render.studio-render--legal-expanded[data-studio-blog-layout="featured"] .studio-render__section[data-studio-blog-featured]:nth-child(n of [data-studio-blog-featured]) .studio-render__image { aspect-ratio: 1.6; }
  .studio-render.studio-render--legal-expanded[data-studio-blog-layout="featured"] [data-studio-landing-role="blog-heading"] { text-align: center; }
  .studio-render.studio-render--legal-expanded[data-studio-blog-layout="featured"] [data-studio-landing-role="blog-heading"] :is(h1,h2,p) { margin-inline: auto; }
  .studio-render.studio-render--legal-expanded[data-studio-blog-layout="newsroom"] [data-studio-landing-role="blog-heading"] :is(h1,h2) { font-size: var(--studio-frame-size-30,30px); }
  .studio-render.studio-render--legal-expanded:is(.studio-render--composition-dispatch-blog-light,.studio-render--composition-dispatch-blog-dark):is([data-studio-blog-layout="featured"],[data-studio-blog-layout="newsroom"]) [data-studio-landing-role="nav"] { padding-top: var(--studio-section-margin-top,16px); padding-bottom: var(--studio-section-margin-bottom,16px); }
  .studio-render.studio-render--legal-expanded:is(.studio-render--composition-dispatch-blog-light,.studio-render--composition-dispatch-blog-dark):is([data-studio-blog-layout="featured"],[data-studio-blog-layout="newsroom"]) [data-studio-landing-role="nav"] .studio-render__section-body { gap: 8px; }
  .studio-render.studio-render--legal-expanded:is(.studio-render--composition-dispatch-blog-light,.studio-render--composition-dispatch-blog-dark):is([data-studio-blog-layout="featured"],[data-studio-blog-layout="newsroom"]) [data-studio-landing-role="nav"] .studio-render__section-links { display: flex; flex-wrap: nowrap; align-items: center; justify-content: space-between; gap: 12px; width: 100%; }
  .studio-render.studio-render--legal-expanded:is(.studio-render--composition-dispatch-blog-light,.studio-render--composition-dispatch-blog-dark):is([data-studio-blog-layout="featured"],[data-studio-blog-layout="newsroom"]) [data-studio-landing-role="nav"] .studio-render__section-link { min-height: 44px; font-size: var(--studio-frame-size-11,11px); }
}

/* Dispatch's reading journey continues below the article grid. These native
 * roles are opt-in and do not restyle existing website or legacy footers. */
.studio-render.studio-render--standalone-blog:is(.studio-render--composition-dispatch-blog-light,.studio-render--composition-dispatch-blog-dark) .studio-blog-more { grid-column: 2 / -2; display: flex; justify-content: center; width: 100%; padding: 6px 0 66px; }
.studio-render.studio-render--standalone-blog:is(.studio-render--composition-dispatch-blog-light,.studio-render--composition-dispatch-blog-dark) .studio-blog-more button { min-width: 176px; min-height: 44px; padding: 10px 28px; border: 1px solid currentColor; border-radius: 99px; background: transparent; color: var(--studio-text); font-family: var(--studio-font); font-size: var(--studio-frame-size-12,12px); font-weight: 500; line-height: 1.5; cursor: pointer; }
.studio-render.studio-render--standalone-blog:is(.studio-render--composition-dispatch-blog-light,.studio-render--composition-dispatch-blog-dark) .studio-blog-more button:hover { background: color-mix(in srgb,var(--studio-text) 7%,transparent); }
.studio-render.studio-render--standalone-blog:is(.studio-render--composition-dispatch-blog-light,.studio-render--composition-dispatch-blog-dark) > .studio-render__document > [data-studio-landing-role="blog-discover"] { grid-column: 1 / -1; width: auto; margin: 0 clamp(18px,3.2cqi,46px) 34px; padding: var(--studio-section-margin-top,clamp(56px,7cqi,100px)) var(--studio-section-margin-right,clamp(30px,5cqi,72px)) var(--studio-section-margin-bottom,clamp(56px,7cqi,100px)) var(--studio-section-margin-left,clamp(30px,5cqi,72px)); border: 0; border-radius: 32px; background: #08090b; color: #f7f7f8; }
.studio-render.studio-render--standalone-blog:is(.studio-render--composition-dispatch-blog-light,.studio-render--composition-dispatch-blog-dark) [data-studio-landing-role="blog-discover"] > .studio-render__section-body { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); align-items: center; gap: clamp(30px,5cqi,72px); max-width: none; }
.studio-render.studio-render--standalone-blog:is(.studio-render--composition-dispatch-blog-light,.studio-render--composition-dispatch-blog-dark) .studio-blog-discover-copy { min-width: 0; }
.studio-render.studio-render--standalone-blog:is(.studio-render--composition-dispatch-blog-light,.studio-render--composition-dispatch-blog-dark) .studio-blog-discover-copy h2 { max-width: 16ch; margin: 0; color: inherit; font-family: var(--studio-heading-font,var(--studio-font)); font-size: var(--studio-frame-size-42,42px); font-weight: 650; letter-spacing: -.04em; line-height: 1.12; }
.studio-render.studio-render--standalone-blog:is(.studio-render--composition-dispatch-blog-light,.studio-render--composition-dispatch-blog-dark) .studio-blog-discover-copy :is(p,.studio-render__rich-text) { max-width: 48ch; margin: 24px 0 0; color: #d9dade; font-size: var(--studio-frame-size-14,14px); line-height: 1.85; }
.studio-render.studio-render--standalone-blog:is(.studio-render--composition-dispatch-blog-light,.studio-render--composition-dispatch-blog-dark) .studio-blog-finder { display: grid; grid-template-columns: minmax(0,1fr) minmax(106px,.4fr); gap: 14px; align-items: stretch; min-width: 0; padding: 18px; border-radius: 22px; background: #1b1c1f; color: #f7f7f8; }
.studio-render.studio-render--standalone-blog:is(.studio-render--composition-dispatch-blog-light,.studio-render--composition-dispatch-blog-dark) .studio-blog-finder-field { display: flex; flex-direction: column; justify-content: center; gap: 12px; min-width: 0; padding: 16px; border-radius: 16px; background: #292a2d; color: inherit; }
.studio-render.studio-render--standalone-blog:is(.studio-render--composition-dispatch-blog-light,.studio-render--composition-dispatch-blog-dark) .studio-blog-finder-field > span { display: flex; align-items: center; gap: 8px; min-width: 0; font-family: var(--studio-font); font-size: var(--studio-frame-size-12,12px); font-weight: 600; line-height: 1.5; }
.studio-render.studio-render--standalone-blog:is(.studio-render--composition-dispatch-blog-light,.studio-render--composition-dispatch-blog-dark) .studio-blog-finder-field > span svg { flex: 0 0 16px; width: 16px; height: 16px; }
.studio-render.studio-render--standalone-blog:is(.studio-render--composition-dispatch-blog-light,.studio-render--composition-dispatch-blog-dark) .studio-blog-finder-select { position: relative; display: flex; align-items: center; width: 100%; min-width: 0; }
.studio-render.studio-render--standalone-blog:is(.studio-render--composition-dispatch-blog-light,.studio-render--composition-dispatch-blog-dark) .studio-blog-finder-select select { display: block; width: 100%; min-width: 0; min-height: 44px; padding: 11px 42px 11px 14px; border: 1px solid transparent; border-radius: 99px; background: #17181b; color: #f7f7f8; font-family: var(--studio-font); font-size: var(--studio-frame-size-11,11px); font-weight: 400; line-height: 1.5; appearance: none; cursor: pointer; }
.studio-render.studio-render--standalone-blog:is(.studio-render--composition-dispatch-blog-light,.studio-render--composition-dispatch-blog-dark) .studio-blog-finder-select > svg { position: absolute; right: 12px; flex: 0 0 20px; width: 20px; height: 20px; padding: 5px; border-radius: 50%; background: #f7f7f8; color: #17181b; pointer-events: none; }
.studio-render.studio-render--standalone-blog:is(.studio-render--composition-dispatch-blog-light,.studio-render--composition-dispatch-blog-dark) .studio-blog-finder button { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; min-width: 0; min-height: 96px; padding: 16px 12px; border: 1px solid #f7f7f8; border-radius: 16px; background: #f7f7f8; color: #151619; font-family: var(--studio-font); font-size: var(--studio-frame-size-12,12px); font-weight: 600; line-height: 1.5; cursor: pointer; }
.studio-render.studio-render--standalone-blog:is(.studio-render--composition-dispatch-blog-light,.studio-render--composition-dispatch-blog-dark) .studio-blog-finder button svg { order: 2; width: 28px; height: 28px; flex: 0 0 28px; }
.studio-render.studio-render--standalone-blog:is(.studio-render--composition-dispatch-blog-light,.studio-render--composition-dispatch-blog-dark) .studio-blog-finder button:hover { background: #e5e6e9; }
.studio-render.studio-render--standalone-blog:is(.studio-render--composition-dispatch-blog-light,.studio-render--composition-dispatch-blog-dark) .studio-blog-finder-fallback .studio-render__section-link { min-height: 44px; padding: 12px 26px; border: 1px solid #f7f7f8; border-radius: 99px; background: #f7f7f8; color: #151619; font-family: var(--studio-font); font-size: var(--studio-frame-size-12,12px); }
.studio-render.studio-render--standalone-blog:is(.studio-render--composition-dispatch-blog-light,.studio-render--composition-dispatch-blog-dark) :is(.studio-blog-more button,.studio-blog-finder select,.studio-blog-finder button,.studio-blog-finder-fallback a,.studio-blog-footer-links a):focus-visible { outline: 2px solid currentColor; outline-offset: 4px; }
.studio-render.studio-render--standalone-blog:is(.studio-render--composition-dispatch-blog-light,.studio-render--composition-dispatch-blog-dark) :is(.studio-blog-more button,.studio-blog-finder select,.studio-blog-finder button):disabled { opacity: 1; cursor: default; }
.studio-render.studio-render--standalone-blog:is(.studio-render--composition-dispatch-blog-light,.studio-render--composition-dispatch-blog-dark) :is(.studio-blog-more,.studio-blog-finder,.studio-blog-finder-fallback)[hidden] { display: none !important; }

.studio-render.studio-render--standalone-blog:is(.studio-render--composition-dispatch-blog-light,.studio-render--composition-dispatch-blog-dark) > .studio-render__document > [data-studio-landing-role="blog-footer"] { grid-column: 2 / -2; width: auto; padding: var(--studio-section-margin-top,62px) var(--studio-section-margin-right,0px) var(--studio-section-margin-bottom,66px) var(--studio-section-margin-left,0px); border: 0; background: transparent; color: var(--studio-text); }
.studio-render.studio-render--standalone-blog:is(.studio-render--composition-dispatch-blog-light,.studio-render--composition-dispatch-blog-dark) [data-studio-landing-role="blog-footer"] > .studio-render__section-body { display: grid; grid-template-columns: minmax(0,.85fr) minmax(0,1.4fr); gap: clamp(36px,8cqi,116px); align-items: start; max-width: none; }
.studio-render.studio-render--standalone-blog:is(.studio-render--composition-dispatch-blog-light,.studio-render--composition-dispatch-blog-dark) .studio-blog-footer-brand { display: grid; grid-template-columns: 30px minmax(0,1fr); align-items: center; gap: 0 10px; min-width: 0; }
.studio-render.studio-render--standalone-blog:is(.studio-render--composition-dispatch-blog-light,.studio-render--composition-dispatch-blog-dark) .studio-blog-footer-brand > svg { display: block; width: 30px; height: 30px; color: inherit; }
.studio-render.studio-render--standalone-blog:is(.studio-render--composition-dispatch-blog-light,.studio-render--composition-dispatch-blog-dark) .studio-blog-footer-brand h2 { margin: 0; color: inherit; font-family: var(--studio-heading-font,var(--studio-font)); font-size: var(--studio-frame-size-26,26px); font-weight: 700; letter-spacing: -.055em; line-height: 1.2; }
.studio-render.studio-render--standalone-blog:is(.studio-render--composition-dispatch-blog-light,.studio-render--composition-dispatch-blog-dark) .studio-blog-footer-brand :is(p,.studio-render__rich-text) { grid-column: 1 / -1; max-width: 37ch; margin: 26px 0 0; color: var(--studio-muted); font-size: var(--studio-frame-size-12,12px); line-height: 1.85; }
.studio-render.studio-render--standalone-blog:is(.studio-render--composition-dispatch-blog-light,.studio-render--composition-dispatch-blog-dark) .studio-blog-footer-links { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); align-items: start; gap: 24px; min-width: 0; margin: 0; }
.studio-render.studio-render--standalone-blog:is(.studio-render--composition-dispatch-blog-light,.studio-render--composition-dispatch-blog-dark) .studio-blog-footer-group { display: flex; flex-direction: column; align-items: flex-start; min-width: 0; }
.studio-render.studio-render--standalone-blog:is(.studio-render--composition-dispatch-blog-light,.studio-render--composition-dispatch-blog-dark) .studio-blog-footer-group h3 { margin: 0 0 14px; font-family: var(--studio-font); font-size: var(--studio-frame-size-11,11px); font-weight: 600; letter-spacing: .055em; line-height: 1.6; text-transform: uppercase; }
.studio-render.studio-render--standalone-blog:is(.studio-render--composition-dispatch-blog-light,.studio-render--composition-dispatch-blog-dark) .studio-blog-footer-group .studio-render__section-link { display: inline-flex; align-items: center; max-width: 100%; min-height: 44px; margin: 0; padding: 9px 0; border: 0; border-radius: 0; background: transparent; color: var(--studio-muted); font-family: var(--studio-font); font-size: var(--studio-frame-size-12,12px); font-weight: 400; line-height: 1.6; text-decoration: none; overflow-wrap: anywhere; }
.studio-render.studio-render--standalone-blog:is(.studio-render--composition-dispatch-blog-light,.studio-render--composition-dispatch-blog-dark) .studio-blog-footer-group a:hover { color: var(--studio-text); text-decoration: underline; text-underline-offset: 4px; }

@container (max-width: 1000px) {
  .studio-render.studio-render--standalone-blog:is(.studio-render--composition-dispatch-blog-light,.studio-render--composition-dispatch-blog-dark) [data-studio-landing-role="blog-discover"] > .studio-render__section-body { gap: 28px; }
  .studio-render.studio-render--standalone-blog:is(.studio-render--composition-dispatch-blog-light,.studio-render--composition-dispatch-blog-dark) .studio-blog-discover-copy h2 { font-size: var(--studio-frame-size-36,36px); }
  .studio-render.studio-render--standalone-blog:is(.studio-render--composition-dispatch-blog-light,.studio-render--composition-dispatch-blog-dark) .studio-blog-finder { grid-template-columns: minmax(0,1fr); padding: 14px; }
  .studio-render.studio-render--standalone-blog:is(.studio-render--composition-dispatch-blog-light,.studio-render--composition-dispatch-blog-dark) .studio-blog-finder button { flex-direction: row; gap: 8px; min-height: 48px; padding: 12px; }
  .studio-render.studio-render--standalone-blog:is(.studio-render--composition-dispatch-blog-light,.studio-render--composition-dispatch-blog-dark) .studio-blog-finder button svg { order: 0; width: 20px; height: 20px; flex-basis: 20px; }
}
@container (max-width: 720px) {
  .studio-render.studio-render--standalone-blog:is(.studio-render--composition-dispatch-blog-light,.studio-render--composition-dispatch-blog-dark) .studio-blog-more { padding-bottom: 56px; }
  .studio-render.studio-render--standalone-blog:is(.studio-render--composition-dispatch-blog-light,.studio-render--composition-dispatch-blog-dark) .studio-blog-more button { width: 100%; min-width: 0; }
  .studio-render.studio-render--standalone-blog:is(.studio-render--composition-dispatch-blog-light,.studio-render--composition-dispatch-blog-dark) > .studio-render__document > [data-studio-landing-role="blog-discover"] { margin: 0 14px 18px; padding: var(--studio-section-margin-top,72px) var(--studio-section-margin-right,18px) var(--studio-section-margin-bottom,20px) var(--studio-section-margin-left,18px); border-radius: 28px; }
  .studio-render.studio-render--standalone-blog:is(.studio-render--composition-dispatch-blog-light,.studio-render--composition-dispatch-blog-dark) [data-studio-landing-role="blog-discover"] > .studio-render__section-body { grid-template-columns: minmax(0,1fr); gap: 70px; }
  .studio-render.studio-render--standalone-blog:is(.studio-render--composition-dispatch-blog-light,.studio-render--composition-dispatch-blog-dark) .studio-blog-discover-copy { text-align: center; }
  .studio-render.studio-render--standalone-blog:is(.studio-render--composition-dispatch-blog-light,.studio-render--composition-dispatch-blog-dark) .studio-blog-discover-copy h2 { max-width: 11ch; margin-inline: auto; font-size: var(--studio-frame-size-40,40px); line-height: 1.08; }
  .studio-render.studio-render--standalone-blog:is(.studio-render--composition-dispatch-blog-light,.studio-render--composition-dispatch-blog-dark) .studio-blog-discover-copy :is(p,.studio-render__rich-text) { max-width: 29ch; margin: 24px auto 0; font-size: var(--studio-frame-size-13,13px); line-height: 1.75; }
  .studio-render.studio-render--standalone-blog:is(.studio-render--composition-dispatch-blog-light,.studio-render--composition-dispatch-blog-dark) .studio-blog-finder { gap: 12px; border-radius: 20px; }
  .studio-render.studio-render--standalone-blog:is(.studio-render--composition-dispatch-blog-light,.studio-render--composition-dispatch-blog-dark) .studio-blog-finder-field { padding: 14px; border-radius: 14px; }
  .studio-render.studio-render--standalone-blog:is(.studio-render--composition-dispatch-blog-light,.studio-render--composition-dispatch-blog-dark) .studio-blog-finder button { width: 100%; border-radius: 14px; }
  .studio-render.studio-render--standalone-blog:is(.studio-render--composition-dispatch-blog-light,.studio-render--composition-dispatch-blog-dark) .studio-blog-finder-fallback { text-align: center; }
  .studio-render.studio-render--standalone-blog:is(.studio-render--composition-dispatch-blog-light,.studio-render--composition-dispatch-blog-dark) > .studio-render__document > [data-studio-landing-role="blog-footer"] { padding-top: var(--studio-section-margin-top,50px); padding-bottom: var(--studio-section-margin-bottom,50px); }
  .studio-render.studio-render--standalone-blog:is(.studio-render--composition-dispatch-blog-light,.studio-render--composition-dispatch-blog-dark) [data-studio-landing-role="blog-footer"] > .studio-render__section-body { grid-template-columns: minmax(0,1fr); gap: 46px; }
  .studio-render.studio-render--standalone-blog:is(.studio-render--composition-dispatch-blog-light,.studio-render--composition-dispatch-blog-dark) .studio-blog-footer-brand :is(p,.studio-render__rich-text) { max-width: 35ch; }
  .studio-render.studio-render--standalone-blog:is(.studio-render--composition-dispatch-blog-light,.studio-render--composition-dispatch-blog-dark) .studio-blog-footer-links { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 30px 24px; }
}

/* Contact preparation is a compact disclosure above the inquiry form in every
 * legal theme. Keep this contract last so generic stacked-layout rules cannot
 * hide its numbered guidance or flatten the native disclosure affordance. */
.studio-render.studio-render--landing [data-studio-landing-role="contact-preparation"] {
  padding-top: var(--studio-section-margin-top,clamp(18px,2.6cqi,34px));
  padding-bottom: var(--studio-section-margin-bottom,clamp(18px,2.6cqi,34px));
}
.studio-render.studio-render--landing [data-studio-landing-role="contact-preparation"] > .studio-render__section-body {
  max-width: none;
}
.studio-render.studio-render--landing [data-studio-landing-role="contact-preparation"] .studio-render__contact-preparation {
  width: 100%;
  border: 1px solid color-mix(in srgb,currentColor 28%,transparent);
  border-radius: max(10px,var(--studio-radius));
  background: transparent;
  overflow: clip;
}
.studio-render.studio-render--landing [data-studio-landing-role="contact-preparation"] .studio-render__contact-preparation > summary {
  display: grid;
  grid-template-columns: minmax(0,1fr) 44px;
  align-items: center;
  gap: 24px;
  min-height: 92px;
  padding: clamp(20px,2.8cqi,34px);
  list-style: none;
  cursor: pointer;
}
.studio-render.studio-render--landing [data-studio-landing-role="contact-preparation"] .studio-render__contact-preparation > summary::-webkit-details-marker {
  display: none;
}
.studio-render.studio-render--landing [data-studio-landing-role="contact-preparation"] .studio-render__contact-preparation > summary:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: -5px;
}
.studio-render.studio-render--landing [data-studio-landing-role="contact-preparation"] .studio-render__contact-preparation-copy {
  display: grid;
  grid-template-columns: minmax(0,.75fr) minmax(0,1.25fr);
  align-items: baseline;
  gap: 12px clamp(24px,4cqi,64px);
  min-width: 0;
}
.studio-render.studio-render--landing [data-studio-landing-role="contact-preparation"] .studio-render__contact-preparation-copy h2 {
  margin: 0;
  font-size: var(--studio-frame-size-28,28px);
  letter-spacing: -.035em;
  line-height: 1.15;
}
.studio-render.studio-render--landing [data-studio-landing-role="contact-preparation"] .studio-render__contact-preparation-copy > :is(p,.studio-render__rich-text) {
  max-width: 62ch;
  margin: 0;
}
.studio-render.studio-render--landing [data-studio-landing-role="contact-preparation"] .studio-render__contact-preparation-toggle {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border: 1px solid currentColor;
  border-radius: 50%;
  background: transparent;
}
.studio-render.studio-render--landing [data-studio-landing-role="contact-preparation"] .studio-render__contact-preparation-chevron {
  width: 18px;
  height: 12px;
  transition: transform 180ms ease;
}
.studio-render.studio-render--landing [data-studio-landing-role="contact-preparation"] .studio-render__contact-preparation[open] .studio-render__contact-preparation-chevron {
  transform: rotate(180deg);
}
.studio-render.studio-render--landing [data-studio-landing-role="contact-preparation"] .studio-render__items {
  grid-template-columns: minmax(0,1fr);
  gap: 0;
  padding: 0 clamp(20px,2.8cqi,34px) clamp(12px,1.8cqi,24px);
  border-top: 1px solid color-mix(in srgb,currentColor 20%,transparent);
}
.studio-render.studio-render--landing [data-studio-landing-role="contact-preparation"] .studio-render__items > article {
  display: grid;
  grid-template-columns: 48px minmax(0,.8fr) minmax(0,1.7fr);
  grid-template-areas: "number heading copy";
  align-items: start;
  gap: 12px clamp(22px,3.5cqi,54px);
  padding: clamp(30px,4cqi,54px) 0;
  border-width: 1px 0 0;
  border-color: var(--studio-border);
  border-radius: 0;
}
.studio-render.studio-render--landing [data-studio-landing-role="contact-preparation"] .studio-render__items > article:last-child {
  border-bottom-width: 0;
}
.studio-render.studio-render--landing [data-studio-landing-role="contact-preparation"] .studio-render__item-mark {
  grid-area: number;
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  margin: 0;
  border: 1px solid currentColor;
  border-radius: 6px;
  background: transparent;
  color: var(--studio-primary);
  font-family: var(--studio-font);
  font-size: var(--studio-frame-size-14,14px);
  font-weight: 650;
  line-height: 1;
}
.studio-render.studio-render--landing [data-studio-landing-role="contact-preparation"] .studio-render__items > article h3 {
  grid-area: heading;
  margin: 0;
}
.studio-render.studio-render--landing [data-studio-landing-role="contact-preparation"] .studio-render__items > article > p {
  grid-area: copy;
  margin: 0;
}

@container (max-width: 720px) {
  .studio-render.studio-render--landing [data-studio-landing-role="contact-preparation"] .studio-render__contact-preparation > summary {
    grid-template-columns: minmax(0,1fr) 42px;
    gap: 18px;
    min-height: 84px;
  }
  .studio-render.studio-render--landing [data-studio-landing-role="contact-preparation"] .studio-render__contact-preparation-copy {
    grid-template-columns: minmax(0,1fr);
    gap: 8px;
  }
  .studio-render.studio-render--landing [data-studio-landing-role="contact-preparation"] .studio-render__contact-preparation-copy h2 {
    font-size: var(--studio-frame-size-24,24px);
  }
  .studio-render.studio-render--landing [data-studio-landing-role="contact-preparation"] .studio-render__items > article {
    grid-template-columns: 48px minmax(0,1fr);
    grid-template-areas:
      "number heading"
      "number copy";
    column-gap: 20px;
  }
}

/* An authored, project-scoped Alden + Default Calendar consultation funnel.
 * Navy is an accent, not a dark text panel: every label stays black. */
.studio-render[data-studio-funnel="consultation-request"] {
  --studio-action-text: #000000 !important;
  color: #000000;
}
.studio-render[data-studio-funnel="consultation-request"] :is(h1,h2,h3,p,a,label,small,summary,button,input,textarea,select) { color: #000000; }
.studio-render[data-studio-funnel="consultation-request"] :is(.studio-render__section-link--primary,.studio-render__section-link--secondary,.studio-render__actions button) {
  border: 1px solid var(--studio-primary);
  background: #E9EDF5;
  color: #000000;
}
.studio-render[data-studio-funnel="consultation-request"] :is(a,button,input,textarea,select):focus-visible { outline: 2px solid #252B58; outline-offset: 4px; }
.studio-render[data-studio-funnel="consultation-request"] [data-studio-landing-role="nav"] { border-top: 5px solid #252B58; }
.studio-render[data-studio-funnel="consultation-request"] [data-studio-landing-role="nav"] > .studio-render__section-body { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 2px 24px; }
.studio-render[data-studio-funnel="consultation-request"] [data-studio-landing-role="nav"] .studio-render__brand { grid-column: 1; grid-row: 1; }
.studio-render[data-studio-funnel="consultation-request"] [data-studio-landing-role="nav"] .studio-render__section-body > p { grid-column: 1; grid-row: 2; }
.studio-render[data-studio-funnel="consultation-request"] [data-studio-landing-role="nav"] .studio-render__section-links { grid-column: 2; grid-row: 1 / span 2; }
.studio-render[data-studio-funnel="consultation-request"] [data-studio-landing-role="nav"] .studio-render__brand { font-size: clamp(21px,2.5cqi,30px); overflow-wrap: anywhere; }
.studio-render[data-studio-funnel="consultation-request"] [data-studio-landing-role="nav"] p { margin-top: 5px; font-family: var(--studio-font); font-size: 12px; }
.studio-render[data-studio-funnel="consultation-request"] [data-studio-landing-role="hero"] { display: block; padding-block: clamp(32px,5cqi,64px); }
.studio-render[data-studio-funnel="consultation-request"] [data-studio-landing-role="hero"] .studio-render__image-flow {
  display: grid; grid-template-columns: minmax(0,1.15fr) minmax(0,.85fr); align-items: center; gap: clamp(28px,5cqi,70px);
}
.studio-render[data-studio-funnel="consultation-request"] [data-studio-landing-role="hero"] .studio-render__image-flow > .studio-render__image { grid-column: 2; grid-row: 1; width: 100%; height: 560px; max-height: 560px; margin: 0; background: #D9DADD; }
.studio-render[data-studio-funnel="consultation-request"] [data-studio-landing-role="hero"] .studio-render__image-flow-content { grid-column: 1; grid-row: 1; min-width: 0; margin: 0; }
.studio-render[data-studio-funnel="consultation-request"] [data-studio-landing-role="hero"] h1 { max-width: 15ch; font-size: clamp(38px,5.4cqi,68px); }
.studio-render[data-studio-funnel="consultation-request"] [data-studio-landing-role="about"] .studio-render__image { aspect-ratio: 2 / 3; background: #D9DADD; }
.studio-render[data-studio-funnel="consultation-request"] [data-studio-landing-role="services"] .studio-render__item { border-top: 2px solid #252B58; }
.studio-render[data-studio-funnel="consultation-request"] [data-studio-landing-role="contact"] { background: #F2F3F5; }
.studio-render[data-studio-funnel="consultation-request"] .studio-render__actions { background: #F2F3F5; }
.studio-render[data-studio-funnel="consultation-request"] .studio-render__privacy { color: #000000; }
.studio-render[data-studio-funnel="consultation-request"] .service-booking-widget { color: #000000; }
.studio-render[data-studio-funnel="consultation-request"] .service-booking-widget :is(.sce-preview-actions > button,.sce-booking-calendar__book,.sce-booking-next,.studio-funnel-back) {
  border: 1px solid #252B58; background: #E9EDF5; color: #000000;
}
.studio-render[data-studio-funnel="consultation-request"] .service-booking-widget .sce-booking-avatar { color: #000000; background: #DDE4F2; }
.studio-render[data-studio-funnel="consultation-request"] .service-booking-widget .sce-preview-flow button:disabled { color: #000000; }
.studio-render[data-studio-funnel="consultation-request"] .service-booking-widget :is(.sce-booking-calendar__month,.sce-booking-calendar__week) button.is-selected { background: #DDE4F2; color: #000000; border-color: #252B58; }
.studio-render[data-studio-funnel="consultation-request"] .service-booking-widget .studio-service-heading p { white-space: pre-line; }
@container (max-width: 720px) {
  .studio-render[data-studio-funnel="consultation-request"] [data-studio-landing-role="nav"] > .studio-render__section-body { grid-template-columns: minmax(0,1fr); }
  .studio-render[data-studio-funnel="consultation-request"] [data-studio-landing-role="nav"] .studio-render__section-links { grid-column: 1; grid-row: 3; justify-content: flex-start; margin-top: 14px; }
  .studio-render[data-studio-funnel="consultation-request"] [data-studio-landing-role="hero"] .studio-render__image-flow { grid-template-columns: minmax(0,1fr); gap: 30px; }
  .studio-render[data-studio-funnel="consultation-request"] [data-studio-landing-role="hero"] .studio-render__image-flow-content { grid-column: 1; grid-row: 1; }
  .studio-render[data-studio-funnel="consultation-request"] [data-studio-landing-role="hero"] .studio-render__image-flow > .studio-render__image { grid-column: 1; grid-row: 2; height: 480px; max-height: 480px; }
}