/* Physical card examples, sharing the active site palette. */
.examples-section{padding-bottom:100px;scroll-margin-top:10px}
.examples-section>.section-heading{border-top:1px solid var(--line);padding-top:50px}
.examples-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.card-example{min-width:0;background:var(--palette-0e110d,#0e110d);border:1px solid var(--line);border-radius:12px;padding:18px;display:flex;flex-direction:column}
.sample-art{position:relative;isolation:isolate;aspect-ratio:1.22;border:1px solid var(--palette-34412c,#34412c);border-radius:10px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--bg);box-shadow:0 12px 24px #0003}
.sample-top,.sample-bottom{position:absolute;left:21px;right:21px;display:flex;align-items:center;justify-content:space-between;gap:12px;z-index:1}
.sample-top{top:18px;font-size:9px;letter-spacing:.8px;color:var(--accent)}
.sample-top>span{font-weight:700;letter-spacing:-.2px}
.sample-top svg{width:20px;height:20px}
.sample-bottom{bottom:17px;font-size:6px;line-height:1.5;letter-spacing:1px;color:var(--palette-a6b49a,#a6b49a)}
.sample-bottom svg{width:14px;height:14px}
.sample-menu{background:radial-gradient(ellipse at 95% 100%,var(--palette-202c17,#202c17),transparent 70%),var(--bg)}
.sample-menu-center{width:100%;padding:51px 24px 42px}
.sample-kicker{display:block;font-size:6px;letter-spacing:1.4px;color:var(--palette-98b283,#98b283);margin-bottom:12px}
.sample-menu-center>strong{display:block;font:400 clamp(34px,3.4vw,47px)/.98 Georgia,serif;letter-spacing:-1.6px}
.sample-menu-rule{display:block;width:42px;height:1px;background:var(--accent);margin-top:17px}
.sample-reviews{background:var(--accent);color:#172210;border-color:transparent}
.sample-reviews .sample-top,.sample-reviews .sample-bottom{color:#172210}
.sample-map-grid{position:absolute;inset:-20%;z-index:-1;background:repeating-linear-gradient(0deg,transparent 0 35px,#1722100b 35px 36px),repeating-linear-gradient(90deg,transparent 0 35px,#1722100b 35px 36px);transform:rotate(-15deg)}
.sample-reviews-center{text-align:center;padding:48px 14px}
.sample-reviews-center>strong{font-size:55px;line-height:1.1;font-weight:800;letter-spacing:-3px;display:block}
.sample-reviews-center>span{display:block;font-size:7px;letter-spacing:1.2px;line-height:1.7;margin-top:12px}
.sample-stars{display:flex;justify-content:center;gap:5px;margin-top:13px}
.sample-stars svg{width:13px;height:13px;stroke-width:1.5}
.sample-contacts {
  background: linear-gradient(145deg, #fff 30%, #e7f1ff);
  border-color: #c7d9ef;
  color: #075bc2;
}
.sample-contacts .sample-top, .sample-contacts .sample-bottom { color: #24517e; }
.sample-contacts-center { width: 100%; padding: 43px 15px 35px; text-align: center; }
.sample-contacts-logo {
  display: block;
  width: min(52%, 146px);
  height: auto;
  aspect-ratio: 292 / 191;
  margin: 0 auto 9px;
  mix-blend-mode: multiply;
}
.sample-contacts-center > strong {
  display: block;
  font-size: 22px;
  letter-spacing: -.8px;
  font-weight: 800;
  line-height: 1.2;
}
.sample-description{display:flex;flex:1;flex-direction:column;padding:23px 4px 2px}
.sample-number{font-size:8px;letter-spacing:1px;color:var(--palette-8d9b81,#8d9b81)}
.sample-description h3{font-size:23px;line-height:1.3;letter-spacing:-.6px;font-weight:400;margin:12px 0}
.sample-description p{font-size:12px;line-height:1.8;color:var(--palette-929b8c,#929b8c);margin:0 0 19px}
.sample-open{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 0 0;border-top:1px solid var(--line);margin-top:auto;background:transparent;font-size:11px;min-height:44px;color:var(--accent);text-align:left}
.sample-open svg{width:16px;height:16px}
.sample-open:hover{color:var(--text)}
.examples-note{font-size:10px;line-height:1.8;color:var(--palette-8d9b81,#8d9b81);margin:23px 0 0}
.desktop-nav a{white-space:nowrap}
@media(min-width:1101px) and (max-width:1240px){.header-cta{display:none}}
@media(max-width:900px){
 .examples-grid{gap:12px}
 .card-example{padding:12px}
 .sample-top,.sample-bottom{left:15px;right:15px}
 .sample-menu-center{padding-left:17px;padding-right:17px}
 .sample-menu-center>strong{font-size:33px}
 .sample-kicker{font-size:5px;letter-spacing:.8px}
 .sample-reviews-center>strong{font-size:41px}
 .sample-reviews-center>span{font-size:6px;letter-spacing:.7px}
 .sample-contacts-center>strong{font-size:19px}
 .sample-description h3{font-size:19px}
 .sample-description p{font-size:11px}
}
@media(max-width:660px){
 .examples-section{padding-bottom:62px;scroll-margin-top:10px}
 .examples-section>.section-heading{padding-top:38px}
 .examples-grid{grid-template-columns:1fr;gap:18px}
 .card-example{padding:17px;border-radius:12px}
 .sample-art{aspect-ratio:1.2}
 .sample-top,.sample-bottom{left:20px;right:20px}
 .sample-top{font-size:10px;top:19px}
 .sample-bottom{font-size:7px;letter-spacing:.8px}
 .sample-menu-center{padding-left:24px;padding-right:24px}
 .sample-kicker{font-size:7px;letter-spacing:1px}
 .sample-menu-center>strong{font-size:48px}
 .sample-reviews-center>strong{font-size:56px}
 .sample-reviews-center>span{font-size:8px;letter-spacing:.8px}
 .sample-stars svg{width:15px;height:15px}
 .sample-contacts-center>strong{font-size:22px}
 .sample-description{padding:23px 4px 2px}
 .sample-description h3{font-size:24px}
 .sample-description p{font-size:13px;line-height:1.8}
 .sample-number{font-size:9px}
 .sample-open{font-size:13px;min-height:48px}
 .examples-note{font-size:11px}
}
@media(max-width:360px){
 .card-example{padding:14px}
 .sample-menu-center>strong{font-size:40px}
 .sample-kicker{font-size:6px}
 .sample-reviews-center>strong{font-size:47px}
 .sample-reviews-center>span{font-size:7px}
 .sample-top,.sample-bottom{left:17px;right:17px}
 .sample-contacts-center>strong{font-size:18px}
}
@media(min-width:661px) and (max-width:1000px){
 .examples-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .card-example:last-child{grid-column:1/-1;max-width:calc((100% - 12px)/2);width:100%;justify-self:center}
}