/* Refinements requested for Bothell only. */
.alta-design-sync .city-hub-page--component-shared .section--split-intro .split > img,
.alta-design-sync .city-hub-page--component-shared .section--split-intro .split > div {border-radius: 3px}

.alta-design-sync .city-hub-page--component-shared .hero__inner {
  width: min(calc(100% - 48px), var(--alta-container));
  max-width: var(--alta-container);
}

.alta-design-sync .city-hub-page--component-shared .city-hero-copy {
  max-width: 850px;
  margin-inline: auto;
  padding-top: 120px;
}

.alta-design-sync .city-hub-page--component-shared .section--split-intro .split > div {
  padding-left: 30px;
}

.alta-design-sync .city-hub-page--component-shared .section--split-intro .split > div::before {
  display: block;
}

.alta-design-sync .city-hub-page--component-shared .section--split-intro h2::after {
  width: 30%;
  margin-left: 0;
}

/* Tile and Flooring photos: 200px taller. Fireplace uses a full photo backdrop. */
.alta-design-sync .city-hub-page--component-shared .city-finish-row:not(.city-fireplace) img {height:430px}

.alta-design-sync .city-hub-page--component-shared .city-fireplace {
  position:relative;isolation:isolate;display:flex;justify-content:flex-end;align-items:center;
  min-height:430px;padding:64px;overflow:hidden;border-radius:3px;background:var(--city-ink);
}

.city-hub-page--component-shared .city-fireplace::before {
  content:"";position:absolute;inset:0;z-index:1;
  background:linear-gradient(90deg,rgba(0,0,0,.25),rgba(0,0,0,.75) 65%,rgba(0,0,0,.8));
}

.city-hub-page--component-shared .city-fireplace .prose {
  position:relative;z-index:2;flex:0 1 520px;max-width:520px;padding:0;margin:0;
}

.alta-design-sync .city-hub-page--component-shared .city-fireplace .prose h3,
.alta-design-sync .city-hub-page--component-shared .city-fireplace .prose p {color:#fff}

.alta-design-sync .city-hub-page--component-shared .city-fireplace .prose p:last-child {margin-bottom:0}

.alta-design-sync .city-hub-page--component-shared .city-fireplace > img {
  position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;object-position:center;border-radius:0;
}

.alta-design-sync .city-hub-page--component-shared .city-faq {
  padding-block: 96px;
  background: var(--alta-warm);
}

.city-hub-page--component-shared .city-faq .site-container {
  max-width: 768px;
}

.alta-design-sync .city-hub-page--component-shared .city-faq .intro {
  max-width: none;
  margin: 0 0 36px;
  text-align: center;
}

.alta-design-sync .city-hub-page--component-shared .city-faq .intro h2 {
  font-size: 48px;
  font-weight: 400;
  line-height: 1.1;
  margin: 0 0 24px;
}

.alta-design-sync .city-hub-page--component-shared .city-faq .intro > p:not(.city-eyebrow) {
  font-size: 18px;
  line-height: 1.6;
  color: var(--alta-muted);
}

.alta-design-sync .city-hub-page--component-shared .city-faq .faq-list details {
  padding: 24px 0;
  border-top: 0;
  border-bottom: 1px solid var(--alta-line);
}

.alta-design-sync .city-hub-page--component-shared .city-faq .faq-list summary {
  font: 600 18px/28px var(--alta-serif, 'Cormorant Garamond', Georgia, serif);
  letter-spacing: -.48px;
  text-align: left;
  padding-right: 40px;
  transition: color .2s;
}

.alta-design-sync .city-hub-page--component-shared .city-faq .faq-list summary:hover {
  color: var(--alta-gold);
}

.alta-design-sync .city-hub-page--component-shared .city-faq .faq-list summary::after {
  content: "";
  width: 16px;
  height: 16px;
  border: 0;
  background: currentColor;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
  transform: none;
  top: 6px;
  right: 0;
  color: inherit;
  transition: transform .2s;
}

.alta-design-sync .city-hub-page--component-shared .city-faq .faq-list details[open] summary::after {
  transform: rotate(180deg);
  top: 6px;
}

.city-hub-page--component-shared .city-process-copy.is-collapsed {max-height:75.6px;overflow:hidden}

.alta-design-sync .city-hub-page--component-shared .city-process-copy p {margin:0 0 10px;line-height:25.2px}

.city-hub-page--component-shared .city-process-toggle {
  display:inline-block;border:0;padding:4px 8px;background:transparent;
  color:var(--city-ink);font:400 20px/1.2 var(--alta-body,Montserrat,sans-serif);
  text-decoration:underline;text-underline-offset:4px;cursor:pointer;
}

.city-hub-page--component-shared .city-process-toggle[hidden] {display:none}

@media (max-width: 900px) {
  .alta-design-sync .city-hub-page--component-shared .hero__inner {width: calc(100% - 32px)}

  .city-hub-page--component-shared .city-fireplace {padding:48px 32px}
}

@media (max-width: 620px) {
  .alta-design-sync .city-hub-page--component-shared .section--split-intro .split > div {padding-left: 22px}

  .alta-design-sync .city-hub-page--component-shared .city-finish-row:not(.city-fireplace) img {height: 365px}

  .alta-design-sync .city-hub-page--component-shared .city-faq {padding-block: 64px}

  .alta-design-sync .city-hub-page--component-shared .city-faq .intro h2 {font-size: 36px}

  .alta-design-sync .city-hub-page--component-shared .city-faq .intro > p:not(.city-eyebrow) {font-size: 16px}
}

@media (prefers-reduced-motion: reduce) {
  .alta-design-sync .city-hub-page--component-shared .city-faq .faq-list summary,
  .alta-design-sync .city-hub-page--component-shared .city-faq .faq-list summary::after {transition: none}
}


@media(max-width:620px){
  .city-hub-page--component-shared .city-fireplace {min-height:430px;padding:40px 24px}

  .city-hub-page--component-shared .city-fireplace::before {background:rgba(0,0,0,.65)}
}


/* Center the Fireplace heading and copy over the backdrop. */
.alta-design-sync .city-hub-page--component-shared .city-fireplace {justify-content:center;text-align:center}

.alta-design-sync .city-hub-page--component-shared .city-fireplace .prose h3 {margin-inline:auto}

.alta-design-sync .city-hub-page--component-shared .city-fireplace::before {background:rgba(0,0,0,.65)}


/* Inline process disclosure marker. */
.city-hub-page--component-shared .city-process-copy.is-collapsed {max-height:none;overflow:visible}

.city-hub-page--component-shared .city-process-toggle {padding:0;margin:0;border:0;text-decoration:none;font:inherit;line-height:inherit;vertical-align:baseline;white-space:nowrap}

.alta-design-sync .city-hub-page--component-shared .city-process-copy p:last-child {margin-bottom:0}


/* Process typography copied from the homepage A Seamless Experience section. */
.alta-design-sync .city-hub-page--component-shared .city-process .intro {margin-bottom:64px}

.alta-design-sync .city-hub-page--component-shared .city-process .intro h2 {margin:0;font-size:48px!important;line-height:1!important;letter-spacing:0}

.alta-design-sync .city-hub-page--component-shared .city-process .intro h2::after {display:none}

.alta-design-sync .city-hub-page--component-shared .city-process .city-eyebrow {
  margin:0 0 16px;font:600 12px/16px var(--alta-body);letter-spacing:.3em;color:#80652f;text-transform:uppercase;
}

.alta-design-sync .city-hub-page--component-shared .city-process-grid h3 {
  margin:0 0 12px;font:600 14px/20px var(--alta-display)!important;letter-spacing:.25em;text-transform:uppercase;color:#16181d;
}

.alta-design-sync .city-hub-page--component-shared .city-process-copy {max-width:200px;margin:0 auto}

.alta-design-sync .city-hub-page--component-shared .city-process-copy p {
  margin:0 0 12px;font:300 14px/22.75px var(--alta-body)!important;letter-spacing:normal;color:rgba(22,24,29,.68);
}

.alta-design-sync .city-hub-page--component-shared .city-process-copy p:last-child {margin-bottom:0}

@media(max-width:900px){.alta-design-sync .city-hub-page--component-shared .city-process-copy{max-width:none}
}

@media(max-width:620px){
  .alta-design-sync .city-hub-page--component-shared .city-process .intro{margin-bottom:48px}

  .alta-design-sync .city-hub-page--component-shared .city-process .intro h2{font-size:36px!important;line-height:40px!important}
}

.city-hub-page--component-shared .city-fireplace {grid-column:1 / -1;width:100%}



/* Open editorial sections replacing Bothell tabs. */
.alta-design-sync .city-hub-page--component-shared .city-information {background:#fff;padding-block:80px}

.city-hub-page--component-shared .city-information-row {
  display:grid;grid-template-columns:minmax(0,3fr) minmax(0,7fr);gap:64px;
  align-items:start;padding-block:48px;
}

.city-hub-page--component-shared .city-information-row + .city-information-row {border-top:1px solid rgba(179,149,91,.35)}

.city-hub-page--component-shared .city-information-row:first-child {padding-top:0}

.city-hub-page--component-shared .city-information-row:last-child {padding-bottom:0}

.alta-design-sync .city-hub-page--component-shared .city-information-row > h2 {
  margin:0;font-size:clamp(30px,2.5vw,38px)!important;line-height:1.12!important;
  font-family:var(--alta-serif,'Cormorant Garamond',Georgia,serif);color:var(--city-ink);text-wrap:balance;
}

.alta-design-sync .city-hub-page--component-shared .city-information-copy {max-width:780px;margin:0;padding:0}

.alta-design-sync .city-hub-page--component-shared .city-information-copy p {
  margin:0 0 18px;font-size:16px;line-height:1.8;font-weight:300;color:var(--alta-muted);
}

.alta-design-sync .city-hub-page--component-shared .city-information-copy p:last-child {margin-bottom:0}

.alta-design-sync .city-hub-page--component-shared .city-information-copy a {color:var(--city-ink);text-decoration:underline;text-decoration-color:var(--city-gold);text-underline-offset:4px}

.alta-design-sync .city-hub-page--component-shared .city-information-copy a:hover {color:var(--city-gold)}

@media(max-width:900px){.city-hub-page--component-shared .city-information-row{gap:32px}
}

@media(max-width:700px){
  .alta-design-sync .city-hub-page--component-shared .city-information{padding-block:56px}

  .city-hub-page--component-shared .city-information-row{grid-template-columns:1fr;gap:20px;padding-block:32px}
}

.alta-design-sync .city-hub-page--component-shared .city-information-copy ul {margin:0 0 18px;padding-left:20px}
.alta-design-sync .city-hub-page--component-shared .city-information-copy li {font-size:16px;line-height:1.8;font-weight:300;color:var(--alta-muted);margin-bottom:12px}


.alta-design-sync .city-hub-page--component-shared .city-hub-cta {background:var(--city-ink)}

.alta-design-sync .city-hub-page--component-shared .city-hub-cta::before {
  background:url('/assets/images/image-03.jpg') center/cover no-repeat;opacity:.1;
}

.alta-design-sync .city-hub-page--component-shared .city-hub-cta .source-actions {display:flex;justify-content:center;align-items:stretch;gap:16px}

.alta-design-sync .city-hub-page--component-shared .city-hub-cta .button {
  display:flex;align-items:center;justify-content:center;width:360px;min-height:56px;
  padding:16px 20px;white-space:normal;text-align:center;
}

@media (max-width: 620px) {
  .alta-design-sync .city-hub-page--component-shared .city-hub-cta .source-actions {flex-direction:column}

  .alta-design-sync .city-hub-page--component-shared .city-hub-cta .button {width:100%}
}