/*
 * Service detail pages: Contract Staffing, Bench Resource Deployment,
 * Dedicated Development Teams, Permanent IT Hiring.
 * Loaded after services.css. The page hero (inner.css) is untouched.
 *
 *   .sd-intro    overview: statement, checks, photo stack, stat row
 *   .sv-feats    what's included (services.css card, adds a heading here)
 *   .sd-fit      navy band: when the service fits (outline cards)
 *   .sd-process  wide photo + overlapping boarding-pass step tickets
 *   .sd-roles    tabbed role / team cards
 *   .sd-compare  model comparison table
 *   .sd-quote    navy client stories slider
 *   .sd-faq      service FAQ (main.css .faq__* accordion)
 *
 * Only main.css tokens; same breakpoints as main.css (1100 / 860 / 600).
 * Section rhythm: navy hero → white → mist → navy → white → mist → white
 * → navy → mist → white (other services) → CTA box.
 */

/* ---------- Overview ---------- */
.sd-intro{ overflow:hidden; }
.sd-intro__grid{ display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,1fr); gap:90px; align-items:center; }
.sd-intro__statement{
  margin-top:16px;
  font-size:clamp(1.6rem, 2.5vw, 2.3rem); font-weight:600; line-height:1.3;
  color:#6B7F8A;
}
.sd-intro__statement strong{ font-weight:600; color:var(--ink); }
.sd-intro__body{ margin-top:26px; display:grid; gap:14px; font-size:1.02rem; line-height:1.75; }
.sd-ticks{ margin-top:30px; display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:14px 24px; }
.sd-ticks li{ position:relative; padding-left:32px; font-weight:500; line-height:1.5; color:var(--ink); }
.sd-ticks li::before{
  content:""; position:absolute; left:0; top:1px;
  width:22px; height:22px; border-radius:50%;
  background:var(--cyan) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m4.5 8.2 2.3 2.3 4.7-5' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 14px no-repeat;
}
.sd-intro__actions{ margin-top:38px; display:flex; flex-wrap:wrap; align-items:center; gap:16px 30px; }
.sd-link{ display:inline-flex; align-items:center; gap:10px; font-weight:600; color:var(--navy); transition:color .2s; }
.sd-link svg{ width:18px; height:18px; transition:transform .3s var(--ease); }
.sd-link:hover{ color:var(--coral); }
.sd-link:hover svg{ transform:translateX(4px); }

/* Photo stack: main photo with an offset frame, a smaller photo and a stat card. */
.sd-stack{ position:relative; padding:0 0 70px 70px; }
.sd-stack::before{
  content:""; position:absolute; right:-18px; top:-18px; width:62%; height:62%;
  border:1px solid var(--line); border-radius:10px; pointer-events:none;
}
.sd-stack__main{ position:relative; overflow:hidden; border-radius:10px; aspect-ratio:5/6; background:var(--navy); }
.sd-stack__main img{ width:100%; height:100%; object-fit:cover; }
.sd-stack__small{
  position:absolute; left:0; bottom:0; z-index:2;
  width:48%; aspect-ratio:1; overflow:hidden;
  border:8px solid #fff; border-radius:10px;
  box-shadow:10px 4px 60px rgba(4,20,30,.18);
}
.sd-stack__small img{ width:100%; height:100%; object-fit:cover; }
.sd-stack__card{
  position:absolute; right:-28px; bottom:120px; z-index:3;
  width:220px; padding:24px 26px;
  background:var(--navy); border-radius:10px; color:#fff;
  box-shadow:10px 4px 60px rgba(4,20,30,.28);
}
.sd-stack__card strong{ display:block; font-family:var(--ff-head); font-size:3rem; font-weight:700; line-height:1; letter-spacing:-.03em; color:#fff; }
.sd-stack__card sup{ margin-left:2px; font-size:.5em; color:var(--coral-2); }
.sd-stack__card span{ display:block; margin-top:10px; font-size:.95rem; line-height:1.45; color:rgba(255,255,255,.85); }

.sd-stats{ margin-top:90px; display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); border-top:1px solid var(--line); }
.sd-stat{ padding:36px 32px 0; border-left:1px solid var(--line); }
.sd-stat:first-child{ padding-left:0; border-left:0; }
.sd-stat strong{ display:block; font-family:var(--ff-head); font-size:clamp(2.4rem, 3.6vw, 3.3rem); font-weight:600; line-height:1; letter-spacing:-.03em; color:var(--ink); }
.sd-stat sup{ margin-left:2px; font-size:.45em; color:var(--coral); }
.sd-stat h3{ margin-top:14px; font-size:1.08rem; font-weight:600; }
.sd-stat p{ margin-top:6px; font-size:.95rem; line-height:1.6; }

/* ---------- What's included (heading above the services.css cards) ---------- */
.sv-feats .split-head p{ max-width:440px; font-size:1.02rem; line-height:1.7; }

/* ---------- When it fits (navy band) ---------- */
.sd-fit{ position:relative; overflow:hidden; padding:120px 0; background:var(--navy); }
.sd-fit::before{
  content:""; position:absolute; left:0; top:0; width:300px; height:100%;
  background-image:linear-gradient(rgba(255,255,255,.06) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.06) 1px, transparent 1px);
  background-size:58px 58px;
  -webkit-mask-image:linear-gradient(90deg, #000, transparent); mask-image:linear-gradient(90deg, #000, transparent);
  pointer-events:none;
}
.sd-fit::after{
  content:""; position:absolute; right:-220px; bottom:-320px; width:760px; height:760px; border-radius:50%;
  background:radial-gradient(circle, rgba(0,163,199,.32) 0%, rgba(0,163,199,.08) 40%, transparent 68%);
  pointer-events:none;
}
.sd-fit .wrap{ position:relative; z-index:1; }
.sd-fit__head{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:24px 80px; align-items:end; margin-bottom:64px; padding-top:40px; border-top:1px solid rgba(255,255,255,.14); }
.sd-fit__head > p{ font-size:1.05rem; line-height:1.75; color:rgba(255,255,255,.85); }
.sd-cases{ display:grid; grid-template-columns:repeat(var(--n, 3), minmax(0,1fr)); gap:24px; }
.sd-case{
  position:relative; display:flex; flex-direction:column; min-height:290px;
  padding:30px 30px 32px;
  border:1px solid rgba(255,255,255,.2); border-radius:16px;
  background:rgba(255,255,255,.02);
  transition:border-color .35s, background .35s, transform .35s var(--ease);
}
.sd-case:hover{ border-color:rgba(126,209,230,.6); background:rgba(255,255,255,.05); transform:translateY(-6px); }
.sd-case__ctx{ font-size:.95rem; line-height:1.6; color:rgba(255,255,255,.8); }
.sd-case hr{ margin:22px 0 0; border:0; border-top:1px solid rgba(255,255,255,.18); }
.sd-case__foot{ margin-top:auto; padding-top:40px; display:flex; align-items:flex-end; justify-content:space-between; gap:16px; }
.sd-case h3{ font-size:1.3rem; font-weight:600; line-height:1.3; color:#fff; }
.sd-case__n{ flex:none; font-family:var(--ff-head); font-size:.95rem; font-weight:600; color:var(--coral-2); }

/* ---------- Process: wide photo + overlapping boarding-pass tickets ----------
 * Section ref: Validus Industrial hero (cards overlap the photo's lower edge).
 * Card ref: Wander UX/UI boarding pass (route line, notched tear line, stub). */
.sd-process__head{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:24px 80px; align-items:end; margin-bottom:56px; }
.sd-process__head > p{ font-size:1.02rem; line-height:1.75; }
.sd-process__photo{ position:relative; height:500px; overflow:hidden; border-radius:16px; background:var(--navy); }
.sd-process__photo img{ width:100%; height:100%; object-fit:cover; }
.sd-process__photo::after{ content:""; position:absolute; inset:0; background:linear-gradient(180deg, rgba(7,40,58,0) 30%, rgba(7,40,58,.75)); }
.sd-tickets{ position:relative; z-index:1; display:grid; grid-template-columns:repeat(5, minmax(0,1fr)); gap:14px; margin-top:-160px; padding:0 28px; }

.sd-ticket{
  position:relative; display:flex;
  filter:drop-shadow(0 18px 30px rgba(7,40,58,.16));
  transition:transform .4s var(--ease);
}
.sd-ticket:hover{ transform:translateY(-8px); }
/* The card itself; real notches are cut out of it with a mask at the tear line. */
.sd-ticket__card{
  --stub:92px;
  flex:1 1 auto; display:flex; flex-direction:column;
  border-radius:18px; background:#fff;
  -webkit-mask:radial-gradient(circle 11px at 0 calc(100% - var(--stub) - 11px), #0000 97%, #000) left / 51% 100% no-repeat,
               radial-gradient(circle 11px at 100% calc(100% - var(--stub) - 11px), #0000 97%, #000) right / 51% 100% no-repeat;
          mask:radial-gradient(circle 11px at 0 calc(100% - var(--stub) - 11px), #0000 97%, #000) left / 51% 100% no-repeat,
               radial-gradient(circle 11px at 100% calc(100% - var(--stub) - 11px), #0000 97%, #000) right / 51% 100% no-repeat;
}
.sd-ticket__main{ flex:1 1 auto; padding:22px 22px 18px; }
.sd-ticket__route{ display:flex; align-items:center; gap:10px; }
.sd-ticket__n{ font-family:var(--ff-head); font-size:2.6rem; font-weight:800; line-height:1; letter-spacing:-.04em; color:var(--ink); transition:color .35s; }
.sd-ticket:hover .sd-ticket__n{ color:var(--coral); }
/* Dotted route with a dot at each end, like the flight path on a pass. */
.sd-ticket__path{ position:relative; flex:1 1 auto; height:10px; }
.sd-ticket__path::before{ content:""; position:absolute; left:6px; right:6px; top:50%; border-top:1.5px dashed #B7C7CF; }
.sd-ticket__path::after{
  content:""; position:absolute; right:0; top:50%; width:8px; height:8px; margin-top:-4px;
  border-radius:50%; border:1.5px solid var(--navy); background:#fff;
}
.sd-ticket__path i{ position:absolute; left:0; top:50%; width:8px; height:8px; margin-top:-4px; border-radius:50%; background:var(--cyan); }
.sd-ticket h3{ margin-top:16px; font-size:1.1rem; font-weight:700; line-height:1.25; }
.sd-ticket p{ margin-top:8px; font-size:.88rem; line-height:1.6; }
.sd-ticket__cut{ position:relative; height:22px; }
.sd-ticket__cut::before{ content:""; position:absolute; left:16px; right:16px; top:50%; border-top:1.5px dashed #C9D6DC; }
.sd-ticket__stub{ height:var(--stub); display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-content:start; gap:12px; margin:0; padding:12px 22px 0; }
.sd-ticket__stub dt{ font-size:.75rem; color:#6B7F8A; }
.sd-ticket__stub dd{ margin:3px 0 0; font-family:var(--ff-head); font-size:.92rem; font-weight:600; line-height:1.3; color:var(--ink); }
.sd-ticket__stub div:last-child dd{ color:var(--cyan-2); }

/* Round arrow buttons (client stories). */
.sd-round{
  flex:none; width:54px; height:54px; display:grid; place-items:center;
  border-radius:50%; border:1px solid var(--line); background:#fff; color:var(--navy);
  transition:background .3s, color .3s, border-color .3s;
}
.sd-round svg{ width:20px; height:20px; }
.sd-round--line{ background:transparent; border-color:rgba(255,255,255,.3); color:#fff; }
.sd-round--line:hover{ border-color:#fff; }
.sd-round--light{ background:#fff; border-color:#fff; color:var(--navy); }
.sd-round--light:hover{ background:var(--coral); border-color:var(--coral); color:#fff; }

/* ---------- Roles / team (tabs) ---------- */
.sd-roles{ background:var(--mist); }
.sd-roles .center-head{ margin-bottom:40px; }
.sd-roles .center-head p{ margin-top:16px; font-size:1.02rem; line-height:1.7; }
.sd-tabs{ display:flex; flex-wrap:wrap; justify-content:center; gap:10px; margin-bottom:44px; }
.sd-tab{
  min-height:46px; padding:0 24px; border-radius:40px;
  border:1px solid var(--line); background:#fff;
  font-weight:500; color:var(--navy);
  transition:background .3s, color .3s, border-color .3s;
}
.sd-tab:hover{ border-color:var(--navy); }
.sd-tab[aria-selected="true"]{ background:var(--navy); border-color:var(--navy); color:#fff; }
.sd-panel[hidden]{ display:none; }
.sd-panel__intro{ max-width:760px; margin:0 auto 32px; text-align:center; font-size:1rem; line-height:1.7; }
.sd-role-grid{ display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:16px; }
.sd-role{
  display:flex; align-items:center; gap:18px;
  padding:22px 24px; background:#fff; border-radius:10px;
  border:1px solid transparent;
  transition:border-color .3s, box-shadow .3s, transform .3s var(--ease);
}
.sd-role:hover{ border-color:var(--line); box-shadow:10px 4px 40px rgba(161,161,161,.22); transform:translateY(-3px); }
.sd-role__ico{ flex:none; width:52px; height:52px; display:grid; place-items:center; border-radius:10px; background:var(--mist); color:var(--navy); }
.sd-role__ico svg{ width:28px; height:28px; }
.sd-role__txt{ min-width:0; flex:1 1 auto; }
.sd-role h3{ font-size:1.05rem; font-weight:600; line-height:1.35; }
.sd-role p{ margin-top:4px; font-size:.88rem; line-height:1.5; }
.sd-role__count{ flex:none; padding:6px 12px; border-radius:40px; background:var(--navy); font-family:var(--ff-head); font-size:.85rem; font-weight:600; color:#fff; white-space:nowrap; }
.sd-roles__foot{ margin-top:40px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:14px 28px; text-align:center; }
.sd-roles__foot p{ font-size:.95rem; }

/* ---------- Comparison table ---------- */
.sd-compare .center-head p{ margin-top:16px; font-size:1.02rem; line-height:1.7; }
.sd-table{ overflow-x:auto; -webkit-overflow-scrolling:touch; border:1px solid var(--line); border-radius:12px; }
.sd-table table{ width:100%; min-width:760px; border-collapse:collapse; }
.sd-table th, .sd-table td{ padding:20px 24px; text-align:left; vertical-align:top; border-bottom:1px solid var(--line); font-size:.96rem; line-height:1.55; }
.sd-table tr:last-child th, .sd-table tr:last-child td{ border-bottom:0; }
.sd-table thead th{ font-family:var(--ff-head); font-size:1.05rem; font-weight:600; color:var(--ink); background:var(--mist); }
.sd-table tbody th{ width:24%; font-weight:600; color:var(--ink); }
.sd-table .is-us{ background:var(--navy); color:rgba(255,255,255,.9); border-bottom-color:rgba(255,255,255,.12); }
.sd-table thead .is-us{ color:#fff; background:var(--navy); }
.sd-table thead .is-us small{ display:block; margin-top:4px; font-family:var(--ff-body); font-size:.75rem; font-weight:600; letter-spacing:.08em; text-transform:uppercase; color:var(--sky); }
.sd-yes, .sd-no{ display:inline-flex; align-items:flex-start; gap:10px; }
.sd-yes::before, .sd-no::before{ content:""; flex:none; width:18px; height:18px; margin-top:2px; border-radius:50%; }
.sd-yes::before{ background:var(--cyan) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m4.5 8.2 2.3 2.3 4.7-5' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 12px no-repeat; }
.sd-no::before{ background:#F3D9D7 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m5 5 6 6M11 5l-6 6' fill='none' stroke='%23A6392F' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") center / 11px no-repeat; }
.sd-table tbody th, .sd-table thead td{ position:sticky; left:0; z-index:1; background:#fff; }
.sd-table thead td{ background:var(--mist); }
.sd-table__hint{ display:none; margin-top:12px; font-size:.85rem; text-align:center; }

/* ---------- Client stories (Swiper, fade) ---------- */
.sd-quote{ position:relative; overflow:hidden; background:var(--navy); }
.sd-quote__slide{ position:relative; height:auto; background:var(--navy); }
.sd-quote__media{ position:absolute; left:0; top:0; bottom:0; width:42%; overflow:hidden; }
.sd-quote__media img{ width:100%; height:100%; object-fit:cover; transform:scale(1.08); transition:transform 2.4s var(--ease); }
.sd-quote__media::after{ content:""; position:absolute; inset:0; background:linear-gradient(90deg, rgba(7,40,58,0) 55%, var(--navy)); }
.sd-quote__in{ position:relative; display:grid; grid-template-columns:minmax(0,.42fr) minmax(0,.58fr); }
.sd-quote__copy{ grid-column:2; min-width:0; padding:110px 0 204px 70px; }
.sd-quote__top{ display:flex; align-items:center; justify-content:space-between; gap:20px; }
.sd-quote__mark{ display:block; width:48px; height:48px; color:var(--coral); }
.sd-quote__mark svg{ width:100%; height:100%; }
.sd-quote .stars{ margin-top:26px; color:#F5B544; letter-spacing:3px; }
.sd-quote h3{ margin-top:12px; font-size:clamp(1.5rem, 2.4vw, 2rem); font-weight:600; line-height:1.3; color:#fff; }
.sd-quote blockquote{ margin:0; }
.sd-quote blockquote p{ margin-top:18px; font-size:1.15rem; line-height:1.8; color:rgba(255,255,255,.88); }
.sd-quote__cite{ display:flex; align-items:center; gap:14px; margin-top:34px; padding-top:28px; border-top:1px solid rgba(255,255,255,.14); }
.sd-quote__avatar{ flex:none; width:52px; height:52px; display:flex; align-items:center; justify-content:center; border-radius:50%; background:var(--navy-3); color:var(--sky); }
.sd-quote__avatar svg{ display:block; width:26px; height:26px; }
.sd-quote__who strong{ display:block; font-family:var(--ff-head); font-size:1.05rem; font-weight:600; color:#fff; }
.sd-quote__who span{ display:block; margin-top:2px; font-size:.92rem; color:var(--sky); }

/* The active slide's photo settles and its text rises in, line by line. */
.sd-quote__copy > *{ opacity:0; transform:translateY(18px); transition:opacity .4s, transform .6s var(--ease); }
.swiper-slide-active .sd-quote__copy > *{ opacity:1; transform:none; transition:opacity .6s, transform .8s var(--ease); }
.swiper-slide-active .sd-quote__copy > :nth-child(2){ transition-delay:.08s; }
.swiper-slide-active .sd-quote__copy > :nth-child(3){ transition-delay:.16s; }
.swiper-slide-active .sd-quote__copy > :nth-child(4){ transition-delay:.24s; }
.swiper-slide-active .sd-quote__copy > :nth-child(5){ transition-delay:.32s; }
.swiper-slide-active .sd-quote__media img{ transform:none; }
/* Without Swiper (script blocked): show the first story only. */
.sd-quote__swiper:not(.swiper-initialized) .sd-quote__slide + .sd-quote__slide{ display:none; }
.sd-quote__swiper:not(.swiper-initialized) .sd-quote__copy > *{ opacity:1; transform:none; }

/* Arrows sit under the copy column, outside the fading slides. */
.sd-quote__navwrap{ position:absolute; left:0; right:0; bottom:110px; z-index:3; pointer-events:none; }
.sd-quote__nav{ grid-column:2; display:flex; align-items:center; gap:14px; padding-left:70px; pointer-events:auto; }
.sd-quote__count, .sd-quote__count.swiper-pagination{ position:static; width:auto; margin-left:auto; transform:none; text-align:right; font-family:var(--ff-head); color:rgba(255,255,255,.7); }
.sd-quote__count strong{ font-weight:600; color:#fff; }

@media (prefers-reduced-motion: reduce){
  .sd-quote__copy > *, .sd-quote__media img{ transition:none !important; }
}

/* ---------- FAQ ---------- */
.sd-faq{ padding:120px 0; background:var(--mist); }
.sd-faq .faq__list{ background:#fff; }
.sd-faq .faq__item{ background:var(--mist); }
.sd-faq .faq__side > p{ margin-top:18px; max-width:440px; font-size:1.02rem; line-height:1.75; }
.sd-faq .faq__side img{ border-radius:10px; }
.sd-faq__ask{ margin-top:28px; }

/* The "other services" grid follows the mist FAQ, so give it white room. */
.sd-faq + .sv-others{ background:#fff; }

/* ---------- Responsive ---------- */
@media (max-width:1100px){
  .sd-intro__grid{ grid-template-columns:1fr; gap:64px; }
  .sd-stack{ max-width:620px; }
  .sd-stack__card{ right:16px; }
  .sd-fit__head{ grid-template-columns:1fr; margin-bottom:48px; }
  .sd-cases{ grid-template-columns:repeat(2, minmax(0,1fr)); }
  .sd-process__head{ grid-template-columns:1fr; }
  .sd-process__photo{ height:380px; }
  .sd-tickets{ grid-template-columns:repeat(2, minmax(0,1fr)); margin-top:-100px; padding:0 16px; }
  .sd-role-grid{ grid-template-columns:repeat(2, minmax(0,1fr)); }
  .sd-quote__media{ position:relative; width:100%; height:380px; }
  .sd-quote__media::after{ background:linear-gradient(180deg, rgba(7,40,58,0) 50%, var(--navy)); }
  .sd-quote__in{ grid-template-columns:1fr; }
  .sd-quote__copy{ grid-column:1; padding:20px 0 186px; }
  .sd-quote__navwrap{ bottom:96px; }
  .sd-quote__nav{ grid-column:1; padding-left:0; }
}

@media (max-width:860px){
  .sd-fit{ padding:88px 0; }
  .sd-faq{ padding:88px 0; }
  .sd-stats{ margin-top:64px; grid-template-columns:1fr; }
  .sd-stat{ padding:28px 0; border-left:0; border-bottom:1px solid var(--line); }
  .sd-stat:last-child{ border-bottom:0; padding-bottom:0; }
  .sd-table__hint{ display:block; }
  .sd-table tbody th{ width:150px; min-width:150px; box-shadow:1px 0 0 var(--line); }
}

@media (max-width:600px){
  .sd-ticks{ grid-template-columns:1fr; }
  .sd-stack{ padding:0 0 48px 32px; }
  .sd-stack::before{ right:-8px; top:-8px; }
  .sd-stack__card{ right:8px; bottom:auto; top:20px; width:180px; padding:18px 20px; }
  .sd-stack__card strong{ font-size:2.4rem; }
  .sd-cases{ grid-template-columns:1fr; }
  .sd-case{ min-height:0; }
  .sd-process__photo{ height:260px; }
  .sd-tickets{ grid-template-columns:1fr; margin-top:-70px; padding:0 12px; }
  .sd-quote__nav{ gap:10px; }
  .sd-round{ width:48px; height:48px; }
  /* Every tab stays visible: a hidden sideways-scrolling row can't be
     reached with a mouse wheel or while Lenis handles scrolling. */
  .sd-tabs{ display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:8px; margin-bottom:32px; }
  .sd-tab{ min-height:44px; padding:8px 12px; font-size:.9rem; line-height:1.3; }
  .sd-tab:last-child:nth-child(odd){ grid-column:1 / -1; }
  .sd-role-grid{ grid-template-columns:1fr; }
  .sd-quote__media{ height:280px; }
  .sd-quote__copy{ padding-bottom:160px; }
  .sd-quote__navwrap{ bottom:80px; }
  .sd-quote blockquote p{ font-size:1.05rem; }
}