.service-preview{--serif:'Playfair Display',Georgia,serif;--sans:'Manrope',system-ui,sans-serif;font-family:var(--sans);line-height:normal;-webkit-font-smoothing:antialiased}
.service-preview>.container{width:auto;max-width:1240px;margin:0 auto;padding:0 32px}
.service-preview .eyebrow{display:inline-flex;align-items:center;gap:12px;margin:0;font-weight:700;text-transform:uppercase}
.service-preview .eyebrow::before{content:'';width:28px;height:1px;background:currentColor}
.service-preview a{text-decoration:none}
@media(max-width:767px){.service-preview>.container{padding-inline:20px}}
.service-preview.service-preview{--sp-ink:#211c1a;--sp-accent:#a9573a;padding-block:80px 90px;background:#f6ece4;color:var(--sp-ink);overflow-anchor:none}
.service-preview .sp-heading{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;margin-bottom:38px}
.service-preview.service-preview .eyebrow{color:var(--sp-accent);font-size:11px;letter-spacing:.14em}
.service-preview.service-preview h2{font:500 clamp(40px,4.5vw,60px)/.98 var(--serif);letter-spacing:-.035em;margin:20px 0 0;color:var(--sp-ink)}
.service-preview.service-preview h2 em{display:block;color:var(--sp-accent)}
.service-preview .sp-heading-marks{display:block;color:var(--sp-accent);font-size:27px;margin-bottom:18px}
.service-preview.service-preview .sp-aside p{font-size:15px;line-height:1.65;color:#302724;margin:0}
.service-preview .sp-aside strong{font:italic 500 19px var(--serif)}
.service-preview .sp-row{position:relative;border:1px solid transparent;border-bottom-color:#dfc9b9;border-radius:0;transition:border-color 350ms ease,box-shadow 350ms ease,background-color 350ms ease}
.service-preview summary{display:grid;grid-template-columns:48px 188px minmax(0,1fr) 36px;gap:24px;align-items:center;padding:11px 18px;list-style:none;cursor:pointer}
.service-preview summary::-webkit-details-marker{display:none}
.service-preview .sp-icon{color:var(--sp-accent);align-self:start;padding-top:12px}
.service-preview .sp-icon svg{width:26px;height:26px}
.service-preview .sp-thumbnail{display:block;width:150px;height:60px;object-fit:cover;object-position:center;border:1px solid #dfc4b1;border-radius:9px;background:#eee1d6;transition:transform 500ms cubic-bezier(.16,1,.3,1)}
.service-preview summary:hover .sp-thumbnail{transform:scale(1.025)}
.service-preview .sp-text{border-left:1px solid #dfc9b9;padding-left:30px;min-width:0}
.service-preview.service-preview h3{font:500 clamp(23px,2.15vw,30px)/1.12 var(--serif);letter-spacing:-.025em;margin:0 0 5px;color:var(--sp-ink)}
.service-preview .sp-description{font-size:13px;line-height:1.5;color:#5b4b42}
.service-preview .sp-plus{display:grid;place-items:center;width:34px;height:34px;border:1px solid #bd805e;border-radius:50%;color:var(--sp-accent)}
.service-preview .sp-plus svg{width:18px;height:18px}
.service-preview .sp-plus-vertical{transition:opacity 250ms ease}
.service-preview .sp-row[open] .sp-plus-vertical{opacity:0}
.service-preview .sp-row:hover{background:#fff9f22e;border-bottom-color:var(--sp-accent)}
.service-preview .sp-row[open]{border:1px solid var(--sp-accent);border-radius:10px;background:#fff9f21f;box-shadow:0 15px 35px #81523312;margin:0 -5px 5px;min-height:330px;padding:20px 0}
.service-preview .sp-row[open]>summary{grid-template-columns:40px 350px minmax(0,1fr) 34px;gap:22px;padding:0 20px;align-items:start}
.service-preview .sp-row[open] .sp-icon{grid-column:1;padding-top:6px}
.service-preview .sp-row[open] .sp-thumbnail{position:absolute;left:78px;top:48px;width:340px;height:240px;border:1px solid #ead1bf;border-radius:20px;box-shadow:0 14px 25px #84543725;transform:none}
.service-preview .sp-row[open] .sp-text{grid-column:3;padding-left:26px}
.service-preview .sp-row[open] .sp-plus{grid-column:4}
.service-preview .sp-row[open] .sp-detail{margin-left:454px;padding:14px 25px 0 26px;border-left:1px solid #dfc9b9}
.service-preview.service-preview .sp-service-description{font-size:12px;line-height:1.65;color:#3f342e;margin:0 0 17px}
.service-preview.service-preview .sp-includes-label{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--sp-accent);margin:0 0 9px}
.service-preview .sp-detail ul{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.service-preview .sp-detail li{position:relative;padding-left:24px;font-size:12px;line-height:1.5;color:#3f342e}
.service-preview .sp-detail li::before{content:'\2713';position:absolute;left:0;top:-2px;color:var(--sp-accent);font-size:18px}
.service-preview .sp-detail-footer{display:flex;flex-wrap:wrap;align-items:center;gap:16px;justify-content:flex-end;border-top:1px solid #dfc9b9;margin-top:17px;padding-top:13px}
.service-preview.service-preview .sp-reference{font-size:10px;font-style:italic;margin:0 auto 0 0;color:#514238;max-width:220px;line-height:1.5}
.service-preview.service-preview .sp-note{font-size:10px;color:#7c6657;line-height:1.55;margin:10px 0 0}
.service-preview .sp-service-link{display:inline-flex;gap:12px;align-items:center;padding:10px 17px;border-radius:7px;background:var(--sp-accent);color:#fff8f0;font-size:11px;font-weight:600;white-space:nowrap}
.service-preview .sp-service-link:hover{background:#8f432e}
.service-preview .sp-project-link{font-size:11px;color:var(--sp-accent);text-decoration:underline;text-underline-offset:5px;white-space:nowrap}
.service-preview summary:focus-visible,.service-preview a:focus-visible{outline:2px solid var(--sp-accent);outline-offset:5px}
@media(min-width:768px) and (max-width:1100px){
.service-preview summary{grid-template-columns:32px 140px minmax(0,1fr) 34px;gap:14px}
.service-preview .sp-thumbnail{width:120px}
.service-preview .sp-row[open]>summary{grid-template-columns:28px 240px minmax(0,1fr) 34px;gap:14px;padding-inline:14px}
.service-preview .sp-row[open] .sp-thumbnail{left:56px;width:230px;height:185px}
.service-preview .sp-row[open] .sp-detail{margin-left:310px;padding-left:18px}
.service-preview .sp-row[open] .sp-text{padding-left:18px}
.service-preview .sp-text{padding-left:18px}
.service-preview.service-preview h3{font-size:25px}
.service-preview .sp-heading{gap:40px}
}
@media(max-width:767px){
.service-preview.service-preview{padding-block:60px}
.service-preview .sp-heading{grid-template-columns:1fr;gap:28px;margin-bottom:30px}
.service-preview.service-preview h2{font-size:clamp(37px,10vw,49px)}
.service-preview.service-preview .sp-aside p{font-size:14px}
.service-preview .sp-heading-marks{font-size:23px;margin-bottom:12px}
.service-preview summary{grid-template-columns:66px minmax(0,1fr) 44px;gap:12px;padding:16px 0}
.service-preview .sp-icon{display:none}
.service-preview .sp-thumbnail{width:66px;height:64px;border-radius:8px}
.service-preview .sp-text{padding:0;border:0}
.service-preview.service-preview h3{font-size:24px;line-height:1.14}
.service-preview .sp-description{font-size:12px}
.service-preview .sp-plus{width:40px;height:40px}
.service-preview .sp-row[open]{margin:0 0 5px;padding:20px 14px;min-height:0}
.service-preview .sp-row[open]>summary{grid-template-columns:minmax(0,1fr) 44px;gap:20px 10px;padding:0}
.service-preview .sp-row[open] .sp-text{grid-column:1;grid-row:1;padding:0;border:0}
.service-preview .sp-row[open] .sp-plus{grid-column:2;grid-row:1}
.service-preview .sp-row[open] .sp-thumbnail{position:static;grid-column:1 / -1;grid-row:2;width:100%;height:auto;aspect-ratio:4/3;border-radius:14px}
.service-preview .sp-row[open] .sp-detail{margin:0;padding:22px 0 0;border:0}
.service-preview.service-preview .sp-service-description{font-size:13px;line-height:1.75}
.service-preview .sp-detail li{font-size:12px;line-height:1.6}
.service-preview .sp-detail-footer{gap:16px}
.service-preview.service-preview .sp-reference{max-width:none;flex:1 1 100%}
.service-preview .sp-service-link{min-height:44px}
.service-preview .sp-project-link{padding-block:12px}
}
@media(prefers-reduced-motion:reduce){.service-preview .sp-row,.service-preview .sp-thumbnail,.service-preview .sp-plus-vertical{transition:none}}
/* Breathing room requested for the approved editorial composition. */
.service-preview.service-preview{padding-block:112px 120px}
.service-preview .sp-heading{margin-bottom:64px}
.service-preview summary{padding-block:44px}
.service-preview .sp-row:not([open]) .sp-icon{align-self:center;padding-top:0}
.service-preview.service-preview h3{margin-bottom:12px}
.service-preview .sp-description{display:block;line-height:1.7}
.service-preview .sp-row[open]{padding-block:30px;margin-bottom:14px;min-height:370px}
.service-preview .sp-row[open] .sp-thumbnail{top:64px}
.service-preview .sp-row[open] .sp-detail{padding-top:23px;padding-bottom:4px}
.service-preview.service-preview .sp-service-description{font-size:13px;line-height:1.75;margin-bottom:24px}
.service-preview.service-preview .sp-includes-label{margin-bottom:13px}
.service-preview .sp-detail ul{gap:8px}
.service-preview .sp-detail li{font-size:13px;line-height:1.6}
.service-preview .sp-detail-footer{margin-top:24px;padding-top:19px;gap:20px}
@media(max-width:767px){
.service-preview.service-preview{padding-block:76px 84px}
.service-preview .sp-heading{gap:32px;margin-bottom:42px}
.service-preview summary{padding-block:32px}
.service-preview .sp-row[open]{padding:25px 18px;min-height:0}
.service-preview .sp-row[open]>summary{row-gap:26px}
.service-preview .sp-row[open] .sp-detail{padding-top:26px}
.service-preview .sp-row[open] .sp-thumbnail{position:static}
.service-preview .sp-detail ul{gap:10px}
}

.home-page .service-preview .sp-plus{background:#754331;border-color:#754331;color:#fff8f0}
