/* Shared layout safeguards, loaded after the page styles. */
.menu-toggle{display:none}
@media(max-width:700px){
 .company-page .wrap{padding-left:6%;padding-right:6%}
 .company-page .company-hero{padding-top:28px;padding-bottom:32px;gap:24px}
 .company-page .company-hero h1{font-size:clamp(38px,10.5vw,58px);line-height:1.06;margin:16px 0 18px!important}
 .company-page .company-lead{font-size:14px;line-height:1.75}
 .company-page .company-hero .button{width:100%;min-height:50px;height:auto;padding:15px 20px;justify-content:space-between;font-size:11px;margin-top:22px}
 .company-page .company-scroll{margin-top:12px;min-height:44px;justify-content:space-between;font-size:10px}
 .company-page .company-hero-photo img{height:clamp(260px,72vw,390px);max-height:none;aspect-ratio:auto;object-fit:cover}
 .company-page .company-hero-photo figcaption{font-size:11px;line-height:1.6;padding:40px 16px 16px;background:linear-gradient(transparent,rgba(25,23,18,.8))}
 .company-page .company-principles{gap:0;padding-top:10px;padding-bottom:10px}
 .company-page .company-principles>div{padding:20px 0 20px 38px}
 .company-page .company-principles>div+div{border-top:1px solid #ded6c7}
 .company-page .company-principle-number{top:25px}
 .company-page .company-principles h2{font-size:28px;margin-bottom:8px}
 .company-page .company-principles p{font-size:13px;line-height:1.7}
 .company-page h2{font-size:clamp(32px,9vw,44px);line-height:1.12}
 .company-page .company-story{padding-top:40px;padding-bottom:40px;gap:22px;scroll-margin-top:115px}
 .company-page .company-story-copy>p{font-size:14px;line-height:1.8;margin-bottom:16px}
 .company-page .company-story blockquote{font-size:28px;line-height:1.35;margin-top:24px;padding-left:18px}
 .company-page .company-material-inner{padding-top:28px;padding-bottom:32px;gap:24px}
 .company-page .company-material-photo img{aspect-ratio:4/3;max-height:340px}
 .company-page .company-material-photo figcaption,.company-page .company-projects figcaption{font-size:11px;line-height:1.6;margin-top:10px}
 .company-page .company-material-lead{font-size:14px;line-height:1.8;margin-top:18px!important}
 .company-page .company-material dl>div{grid-template-columns:minmax(0,1fr);gap:8px;padding:18px 0;align-items:start}
 .company-page .company-material dt{font-size:25px}
 .company-page .company-material dd{font-size:13px;line-height:1.7}
 .company-page .company-process{padding-top:40px;padding-bottom:32px}
 .company-page .company-process-heading{gap:18px}
 .company-page .company-process-heading>p{font-size:14px;line-height:1.8;max-width:none}
 .company-page .company-process-steps{grid-template-columns:minmax(0,1fr);gap:0;margin-top:24px}
 .company-page .company-process-steps li{display:grid;grid-template-columns:42px minmax(0,1fr);gap:8px 14px;padding:20px 0}
 .company-page .company-process-steps li>span{grid-column:1;grid-row:1/3;font-size:36px}
 .company-page .company-process-steps h3{grid-column:2;margin:0;font-size:28px}
 .company-page .company-process-steps p{grid-column:2;margin:0;font-size:13px;line-height:1.75}
 .company-page .company-projects{padding-top:8px;padding-bottom:40px;gap:24px}
 .company-page .company-projects figure img{aspect-ratio:4/3;max-height:340px}
 .company-page .company-projects p:not(.eyebrow){font-size:14px;line-height:1.8;margin-top:18px}
 .company-page .company-text-link{min-height:44px;margin-top:14px;font-size:11px}
 .company-page .company-contact{padding-top:32px;padding-bottom:32px;gap:20px}
 .company-page .company-contact-copy>p{font-size:14px;line-height:1.8}
 .company-page .company-contact .button{min-height:54px;height:auto;padding:15px 20px;max-width:none;width:100%;margin-top:20px}
 .company-page .company-details{padding-top:36px;padding-bottom:36px}
 .company-page .company-details-grid{margin-top:24px;gap:28px}
 .company-page .company-details h3{font-size:28px;margin-bottom:14px}
 .company-page .company-details address{font-size:14px;line-height:1.8}
 .company-page .company-details dl>div{grid-template-columns:minmax(0,1fr);gap:5px;padding:12px 0;font-size:13px;line-height:1.6}
 .company-page .company-details dt{font-size:11px}
 .company-page .company-details dd{color:#26221c}
 .company-page .company-details .licenses-navigation{min-height:54px;margin-top:24px}
}
.catalog-category-control{display:none}
@media(max-width:700px){
 .citystone-home .catalog-page{padding-top:24px}
 .citystone-home .catalog-page .catalog-intro{margin:0 0 22px}
 .citystone-home .catalog-page .catalog-intro h1{font-size:clamp(36px,8vw,48px);line-height:1.1;letter-spacing:-.02em}
 .citystone-home .catalog-page .catalog-intro>p{margin-top:12px;font-size:12px;line-height:1.7}
 .citystone-home .catalog-page .category-tabs{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;margin:0;padding:0;overflow:visible;
 }
 .citystone-home .catalog-page .category-tabs button{
  min-width:0;min-height:44px;padding:10px 8px;font-size:12px;
  border-color:#e1d9cc;line-height:1.4;white-space:normal;
 }
 .citystone-home .catalog-page .category-tabs button[aria-pressed=true]{border-color:#26221c}
 .citystone-home .catalog-page .category-tabs-enhanced{display:none}
 .citystone-home .catalog-page .catalog-category-control{
  display:grid;gap:8px;font-size:11px;color:#756e60;
 }
 .citystone-home .catalog-page .catalog-category-control select{
  display:block;width:100%;min-width:0;min-height:48px;
  padding:10px 40px 10px 12px;border:1px solid #d7cdbb;border-radius:0;
  background:#fff;color:#26221c;font:400 16px/1.5 Manrope,Arial,sans-serif;
  -webkit-appearance:none;appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%2382765f' stroke-width='1.5'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 12px center;background-size:16px;
 }
 .citystone-home .catalog-page .dropdown-trigger::after{
  width:16px;height:16px;border:0;transform:none;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%2382765f' stroke-width='1.5'/%3E%3C/svg%3E") center/16px no-repeat;
 }
 .citystone-home .catalog-page .dropdown-trigger[aria-expanded=true]::after{transform:rotate(180deg)}
 .catalog-category-control select:focus{outline:2px solid #9c845b;outline-offset:2px}
 .citystone-home .catalog-page .catalog-category-control select[hidden]{display:none}
 .citystone-home .catalog-page .catalog-category-control .dropdown-trigger{
  min-height:48px;height:auto;padding:12px;font-size:14px;
  background:#fff;border:1px solid #d7cdbb;color:#26221c;
 }
 .citystone-home .catalog-page .catalog-category-control .dropdown-menu{
  top:calc(100% + 6px);padding:6px;background:#fff;
  border:1px solid #e1d9cc;box-shadow:0 12px 28px rgba(38,34,28,.14);
  max-height:45vh;max-height:min(360px,45dvh);overflow-y:auto;overscroll-behavior:contain;
 }
 .citystone-home .catalog-page .catalog-category-control .dropdown-option{
  min-height:44px;padding:12px;font-size:13px;line-height:1.5;
 }
 .citystone-home .catalog-page .catalog-category-control .dropdown-option[aria-selected=true]{background:#f5f2eb;color:#6e5a36}
 .citystone-home .catalog-page .catalog-filters{
  display:flex;flex-wrap:wrap;gap:0 12px;margin-top:14px;padding:6px 12px;background:#f5f2eb;
 }
 .citystone-home .catalog-page .catalog-filters>.catalog-dropdown{flex:1;min-width:0;width:auto}
 .citystone-home .catalog-page .catalog-filters>.catalog-dropdown>.dropdown-trigger{font-size:12px;min-height:44px;height:auto;gap:8px}
 .citystone-home .catalog-page .catalog-filters .filters-toggle{
  flex:0 0 auto;width:auto;min-height:44px;height:auto;padding:0 4px 0 14px;
  border-left:1px solid #ded6c7;font-size:12px;gap:8px;
 }
 .citystone-home .catalog-page .catalog-filters>button[type=reset]{
  flex-basis:100%;margin:0;padding:10px 0;border-top:1px solid #ded6c7;text-align:left;font-size:11px;color:#756e60;
 }
 .citystone-home .catalog-page .catalog-filters>button[hidden]{display:none}
 .citystone-home .catalog-page .extra-filters{gap:8px;padding:12px 0 6px}
 .citystone-home .catalog-page .extra-filters .catalog-dropdown{width:100%}
 .citystone-home .catalog-page .catalog-toolbar{
  display:grid;grid-template-columns:minmax(0,1fr);gap:12px;
  padding:16px 0;font-size:11px;
 }
 .citystone-home .catalog-page .catalog-toolbar label{
  display:grid;grid-template-columns:90px minmax(0,1fr);align-items:center;gap:12px;font-size:11px;
 }
 .citystone-home .catalog-page .catalog-toolbar label{grid-row:1}
 .citystone-home .catalog-page .catalog-toolbar #product-count{grid-row:2;font-size:11px;color:#756e60}
 .citystone-home .catalog-page .catalog-toolbar .catalog-dropdown{width:100%;max-width:100%}
 .citystone-home .catalog-page .catalog-toolbar .dropdown-trigger{min-height:44px;height:auto;padding:8px 10px;font-size:11px;border-color:#e1d9cc}
 .citystone-home .catalog-page .product-grid{gap:26px 12px}
 .citystone-home .catalog-page .product-title h2{font-size:clamp(22px,5vw,28px);line-height:1.15}
 .citystone-home .catalog-page .product-title>span{font-size:9px}
 .citystone-home .catalog-page .product-meta{margin-top:10px;font-size:11px;line-height:1.5}
 .citystone-home .catalog-page .product-meta a{font-size:12px;color:#6e5a36}
 .citystone-home .catalog-page .collection-add{width:34px;height:34px;min-width:34px;min-height:34px}
 .citystone-home .catalog-page .finishes{flex-wrap:wrap;line-height:1.5}
}
.contact-links>.social-links{gap:0;row-gap:8px}
.contact-links>.social-links img{display:none}
.contact-links>.social-links a{gap:0;font-size:clamp(13px,.9375vw,18px);line-height:1.6}
.contact-links>.social-links a+a::before{content:'·';margin:0 8px;pointer-events:none}
.citystone-home{ -webkit-text-size-adjust:100%;text-size-adjust:100% }
.citystone-home *, .citystone-home *::before, .citystone-home *::after{box-sizing:border-box}
.citystone-home{background:#26221c}
.citystone-home main{min-width:0;display:flow-root;background:#fff}
.citystone-home .site-footer{margin-bottom:0;border-bottom:0}
.citystone-home .site-footer .licenses-navigation{
 display:inline-flex;width:auto;min-width:210px;min-height:54px;height:auto;
 padding:15px 24px;background:#c9b88f;border:0;color:#26261f!important;
 font:400 14px/1.5 Manrope,Arial,sans-serif;
 letter-spacing:.086em;text-transform:uppercase;
}
.citystone-home .site-footer .licenses-navigation span{font:inherit}
.citystone-home .site-footer .licenses-navigation:hover{background:#decca3}
@media(max-width:700px){
 .citystone-home .site-footer .licenses-navigation{display:flex;width:100%;min-width:0;height:64px;padding:0 22px}
}
.citystone-home img{max-width:100%}
.citystone-home button,.citystone-home input,.citystone-home select,.citystone-home textarea{font-family:inherit}
.site-header>*,.footer-main>*,.product-layout>*,.catalog-grid-flex>*,.product-grid>*,.related-grid>*,.quote-layout>*,.quote-fields>*,.company-details-grid>*{min-width:0}
.citystone-home .button{max-width:100%;text-align:center;white-space:normal;line-height:1.5}
.breadcrumbs,.detail-breadcrumbs,.company-breadcrumbs{flex-wrap:wrap;overflow-wrap:break-word}
.detail-info,.product-title h2,.card-caption h3,.project-case h2,.company-page h2,.license-card h2{overflow-wrap:break-word}
.quote-modal{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.quote-modal::backdrop{-webkit-backdrop-filter:blur(3px)}
.citystone-home a:focus,.citystone-home button:focus,.citystone-home summary:focus{outline:2px solid #9c845b;outline-offset:4px}
.citystone-home a:focus:not(:focus-visible),.citystone-home button:focus:not(:focus-visible),.citystone-home summary:focus:not(:focus-visible){outline:none}

@media(max-width:1100px){
 .citystone-home .site-header{height:auto;padding-top:18px;padding-bottom:18px;row-gap:16px}
 .citystone-home .site-header nav{flex-wrap:wrap;line-height:1.6}
 .hero{height:auto;padding-bottom:30px}
 .hero-description{max-width:52%}
 .card-caption{flex-wrap:wrap}
 .section-heading{height:auto;min-height:64px;gap:16px}
}
@media(min-width:701px) and (max-width:1100px){
 .workshop{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr)}
 .steps{grid-template-columns:1fr}
 .workshop-picture{height:auto;min-height:420px}
 .workshop-caption{left:15%;width:90%;top:auto;bottom:-30px;padding:20px}
}
@media(max-width:700px){
 .hero{padding-bottom:265px}
 .hero-description{max-width:100%}
 .citystone-home .site-header{position:sticky;top:0}
 .citystone-home .site-header nav a{display:inline-flex;align-items:center;min-height:44px}
 .citystone-home .header-contact .button{min-height:44px}
 .citystone-home .catalog-toolbar{flex-wrap:wrap;gap:16px}
 .citystone-home .catalog-toolbar .catalog-dropdown{max-width:100%}
 .citystone-home .dropdown-menu{width:100%;min-width:0;max-height:50vh;overflow-y:auto}
 .citystone-home .catalog-dropdown .dropdown-option{white-space:normal;overflow-wrap:break-word}
 .gallery-thumbnails{overflow-x:auto;padding-bottom:6px}
 .gallery-thumbnails button{flex-shrink:0}
 .detail-actions .button{min-width:0;flex:1 1 160px}
 .detail-benefits{flex-wrap:wrap}
 .quote-fields{grid-template-columns:minmax(0,1fr)}
 .quote-service{min-width:0}
 .quote-content h2,.consultation-modal .quote-content h2{overflow-wrap:break-word}
 .quote-modal{width:calc(100% - 24px)}
 .company-breadcrumbs{line-height:1.6}
}
@media(max-width:400px){
 .section-heading{flex-wrap:wrap;margin-bottom:20px}
 .hero h1{font-size:clamp(34px,10.75vw,43px)}
 .hero-actions{flex-wrap:wrap}
 .hero-actions .button{flex-basis:100%;min-height:48px}
 .card-caption{flex-direction:column}
 .card-caption h3{font-size:22px}
 .steps{grid-template-columns:1fr}
 .project-contact h2{font-size:42px}
 .citystone-home .catalog-filters>.catalog-dropdown,.citystone-home .catalog-filters .filters-toggle{width:100%}
 .license-card dl>div{grid-template-columns:1fr;gap:6px}
 .company-material dl>div{grid-template-columns:1fr;gap:6px}
}
@media(max-height:500px) and (min-width:701px){
 .citystone-home .site-header{position:sticky;top:0}
 .detail-gallery{position:static}
 .product-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
}
@media(prefers-reduced-motion:reduce){
 .citystone-home *{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}

/* Keep the consultation beside the logo, independent of the navigation row. */
@media(max-width:1100px){
 .citystone-home .site-header{
  grid-template-columns:minmax(0,1fr) auto;
  grid-template-rows:auto auto;
  min-height:0;height:auto;gap:20px 24px;
  padding:24px 4.6667% 0;
 }
 .citystone-home .site-header .brand{
  grid-column:1;grid-row:1;justify-self:start;align-self:center;
  font-size:clamp(26px,4vw,38px);line-height:1.05;letter-spacing:2px;text-align:left;
 }
 .citystone-home .site-header .brand small{
  margin-top:10px;font-size:8px;line-height:1.5;letter-spacing:1.7px;
 }
 .citystone-home .site-header .header-contact{
  grid-column:2;grid-row:1;align-self:center;justify-content:flex-end;
 }
 .citystone-home .site-header .header-contact .button{
  height:auto;min-height:44px;padding:12px 18px;
  font-size:10px;letter-spacing:.06em;white-space:nowrap;
  border-color:#b8a788;
 }
 .citystone-home .site-header nav{
  grid-column:1/-1;grid-row:2;display:flex;justify-content:space-between;
  flex-wrap:nowrap;gap:16px;width:100%;padding:0;
  border-top:1px solid #e8e1d5;font-size:11px;letter-spacing:.08em;
 }
 .citystone-home .site-header nav a{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:52px;padding:4px 0;white-space:nowrap;
 }
 .citystone-home .topline{height:auto;min-height:42px;padding:8px 4.6667%;gap:16px}
 .citystone-home .topline>span{line-height:1.6}
 .citystone-home .topline>.social-links{margin:0 0 0 auto;gap:12px;flex-wrap:nowrap;flex-direction:row}
 .citystone-home .topline .social-links a{justify-content:center;min-width:28px;min-height:28px}
 .citystone-home .topline .social-links a span{display:none}
 .citystone-home .topline .social-links img{width:18px;height:18px}
}
@media(max-width:480px){
 .citystone-home .site-header{padding:20px 5% 0;gap:18px 10px}
 .citystone-home .site-header .brand{font-size:clamp(21px,5.8vw,28px);letter-spacing:1px}
 .citystone-home .site-header .brand small{font-size:6px;letter-spacing:.9px;margin-top:8px}
 .citystone-home .site-header .header-contact .button{font-size:8px;padding:10px;min-height:42px;letter-spacing:.03em}
 .citystone-home .site-header nav{font-size:10px;gap:10px}
 .citystone-home .site-header nav a{min-height:48px}
 .citystone-home .topline{gap:8px;padding:7px 5%;font-size:8px}
 .citystone-home .topline>span{max-width:none;flex:1;min-width:0}
 .citystone-home .topline>.social-links{gap:2px}
 .citystone-home .topline .social-links a{min-width:26px;min-height:30px}
 .citystone-home .topline .social-links img{width:16px;height:16px}
}

@media(max-width:1100px){
 .citystone-home .site-header.menu-ready{grid-template-rows:auto;padding-bottom:22px}
 .citystone-home .site-header.menu-ready .menu-toggle{
  grid-column:2;grid-row:1;display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:5px;width:46px;height:46px;padding:10px;border:0;
  background:transparent;color:#26221c;cursor:pointer;
 }
 .menu-toggle span{display:block;width:22px;height:1px;background:currentColor;transition:transform .2s,opacity .2s}
 .menu-open .menu-toggle span:nth-child(1){transform:translateY(6px) rotate(45deg)}
 .menu-open .menu-toggle span:nth-child(2){opacity:0}
 .menu-open .menu-toggle span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
 .citystone-home .site-header.menu-ready nav,
 .citystone-home .site-header.menu-ready .header-contact{display:none}
 .citystone-home .site-header.menu-open nav{
  display:flex;flex-direction:column;align-items:stretch;grid-row:2;gap:0;padding-top:8px;
 }
 .citystone-home .site-header.menu-open nav a{justify-content:flex-start;font-size:13px;min-height:50px;border-bottom:1px solid #eee8dd}
 .citystone-home .site-header.menu-open .header-contact{display:flex;grid-column:1/-1;grid-row:3;justify-content:stretch}
 .citystone-home .site-header.menu-open .header-contact .button{width:100%;min-height:48px;font-size:11px}
 .citystone-home .site-header.menu-ready .menu-details{display:none}
 .citystone-home .site-header.menu-open .menu-details{
  display:flex;grid-column:1/-1;grid-row:4;flex-direction:column;align-items:flex-start;
  gap:16px;padding:20px 0 0;margin:0;min-height:0;height:auto;
  border-top:1px solid #e8e1d5;background:transparent;color:#756e60;font-size:11px;
 }
 .citystone-home .site-header .menu-details>span{max-width:100%;flex:none;line-height:1.8}
 .citystone-home .site-header .menu-details>.social-links{margin:0;gap:12px;flex-wrap:wrap}
 .citystone-home .site-header .menu-details .social-links a{min-height:44px;gap:8px;font-size:11px}
 .citystone-home .site-header .menu-details .social-links a span{display:inline}
 .citystone-home .site-header .menu-details .social-links img{width:20px;height:20px}
}

.citystone-home .site-header{position:sticky;top:0;z-index:100;background:#fff}
@media(max-width:1100px){
 .citystone-home .site-header.menu-open{
  max-height:100vh;max-height:100dvh;overflow-y:auto;overscroll-behavior:contain;
 }
}

/* Mobile showroom: dark backdrop, stone composition, then the actions. */
@media(max-width:700px){
 .citystone-home .hero{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  height:auto;min-height:0;padding:28px 6% 0;overflow:hidden;
  text-align:left;column-gap:12px;color:#f4eee2;
  background:radial-gradient(ellipse at 75% 48%,#626353 0%,#373c32 45%,#272d26 85%);
 }
 .citystone-home .hero>.eyebrow{
  grid-column:1/-1;grid-row:1;max-width:310px;
  font-size:8px;line-height:1.8;letter-spacing:.14em;color:#c5b993;
 }
 .citystone-home .hero h1{
  grid-column:1/-1;grid-row:2;margin:20px 0 0;
  font-size:clamp(32px,9.8vw,58px);line-height:1.08;letter-spacing:-.025em;
 }
 .citystone-home .hero-description{
  grid-column:1/-1;grid-row:3;max-width:440px;
  margin:16px 0 0!important;font-size:12px;line-height:1.75;color:#c9cbbf;
 }
 .citystone-home .hero-actions{
  grid-column:1/-1;grid-row:5;display:grid;grid-template-columns:1.1fr 1fr;
  gap:10px;margin-top:26px;position:relative;z-index:3;
 }
 .citystone-home .hero-actions .button{
  width:100%;height:auto;min-height:50px;padding:13px 10px;
  font-size:10px;letter-spacing:.055em;
  background:#dfd0ac;border-color:#dfd0ac;color:#292e27!important;
 }
 .citystone-home .hero-actions .button:hover{background:#f0e2c4;border-color:#f0e2c4}
 .citystone-home .hero-actions .button.outline{border-color:#7e8776;background:transparent;color:#f4eee2!important}
 .citystone-home .hero-actions .button.outline:hover{background:#ffffff0d;border-color:#c5b993}
 .citystone-home .hero::before{
  content:'';grid-column:1/-1;grid-row:4;align-self:end;height:36px;
  margin:0 -8%;border-radius:50%;transform:translateY(16px);
  background:radial-gradient(ellipse,#151c16aa 0%,transparent 70%);
 }
 .citystone-home .hero>img{
  position:relative;inset:auto;grid-row:4;align-self:end;justify-self:center;
  width:auto;max-width:100%;height:clamp(240px,66vw,390px);
  margin-top:18px;object-fit:contain;z-index:1;
  filter:drop-shadow(0 12px 10px #131b1644);
 }
 .citystone-home .hero .hero-vase{
  grid-column:1/-1;justify-self:start;margin-left:12%;
  max-width:58%;transform:translateY(8px);z-index:2;
 }
 .citystone-home .hero .hero-column{
  grid-column:1/-1;justify-self:end;margin-right:12%;
  max-width:58%;height:clamp(224px,61vw,364px);z-index:1;
 }
 .citystone-home .hero .features{
  grid-column:1/-1;grid-row:6;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  align-items:center;gap:0;margin:20px 0 0;padding:18px 0 22px;
  border-top:1px solid #64705e;font-size:8px;line-height:1.6;letter-spacing:.035em;color:#bdc3b4;
  text-align:center;
 }
 .citystone-home .hero .features li{font-size:inherit;padding:0 8px;text-wrap:balance}
 .citystone-home .hero .features li+li::before{display:none}
}
@media(max-width:360px){
 .citystone-home .hero-actions{grid-template-columns:1fr;gap:8px}
 .citystone-home .hero .features{gap:0;font-size:8px}
 .citystone-home .hero .features li{padding:0 5px}
}

/* Independent columns retain varied image sizes without empty grid rows. */
.catalog-column{display:contents}
.citystone-home .architecture{color:#fff}
.citystone-home .architecture::after{
 background:linear-gradient(180deg,rgba(16,20,17,.88) 0%,rgba(16,20,17,.76) 38%,rgba(16,20,17,.4) 65%,rgba(16,20,17,.08) 100%);
}
.citystone-home .architecture-copy{position:relative;z-index:1;text-shadow:0 2px 10px rgba(0,0,0,.4)}
.citystone-home .architecture-copy .eyebrow{color:#fff}
.citystone-home .architecture-copy>p:last-child{color:#fff;line-height:1.6}
@media(max-width:700px){
 :root .citystone-home .catalog>.catalog-grid{
  display:flex;flex-direction:column;
  align-items:stretch;gap:24px;height:auto;margin-top:0;
 }
 .citystone-home .catalog .catalog-column{display:contents}
 .citystone-home .catalog .catalog-card{position:static;width:100%;min-width:0;margin:0}
 .citystone-home .catalog .card-0{order:0}
 .citystone-home .catalog .card-2{order:1}
 .citystone-home .catalog .card-4{order:2}
 .citystone-home .catalog .card-1{order:3}
 .citystone-home .catalog .card-3{order:4}
 .citystone-home .catalog .card-5{order:5}
 :root .citystone-home .catalog .card-0 img{aspect-ratio:4/5}
 :root .citystone-home .catalog .card-2 img{aspect-ratio:5/6}
 :root .citystone-home .catalog .card-4 img{aspect-ratio:4/5}
 :root .citystone-home .catalog .card-1 img{aspect-ratio:3/4}
 :root .citystone-home .catalog .card-3 img{aspect-ratio:3/5}
 :root .citystone-home .catalog .card-5 img{aspect-ratio:4/5}
 .citystone-home .catalog .card-caption{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding-top:12px}
 .citystone-home .catalog .card-caption h3{font-size:clamp(22px,4.6vw,31px);line-height:1.12}
 .citystone-home .catalog .card-caption span{padding:0;font-size:10px;line-height:1.5}
}