/* Three typographic service cards in the Induframe palette. */
.services{background:#fffaf7}
.offer-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}
.offer-row{--card-ink:#f8eee6;--card-muted:#cfb8aa;--card-line:#ffffff30;position:relative;background:#231c19;color:var(--card-ink);border:1px solid transparent;transition:transform .4s,border-color .4s}
.offer-row:nth-child(2){--card-ink:#2b211b;--card-muted:#716257;--card-line:#39281e30;background:#eee5dd}
.offer-row:nth-child(3){--card-ink:#2b1c16;--card-muted:#594035;--card-line:#39281e40;background:#c9977e}
.offer-row:nth-child(4){--card-ink:#f8eee6;--card-muted:#d5c5ba;--card-line:#ffffff30;background:#615349}
.offer-row summary{min-height:350px;padding:30px;display:grid;grid-template-columns:1fr;grid-template-rows:48px minmax(86px,auto) 1fr auto;list-style:none;cursor:pointer}
.offer-row summary::-webkit-details-marker{display:none}
.offer-brand{font-size:9px;letter-spacing:.18em;color:var(--card-muted);text-align:right}

.offer-row h3{margin:0;font-family:Manrope,sans-serif;font-size:clamp(26px,2.7vw,40px);font-weight:500;line-height:1.13;letter-spacing:-.05em;color:var(--card-ink)}
.offer-description{padding:20px 0 36px;font-size:13px;line-height:1.8;color:var(--card-muted)}
.offer-action{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--card-line);padding-top:20px;font-size:11px;letter-spacing:.02em;color:var(--card-ink)}
.offer-toggle{position:relative;width:20px;height:20px;transition:transform .4s}
.offer-toggle::before,.offer-toggle::after{content:"";position:absolute;top:10px;left:4px;width:12px;height:1px;background:var(--card-ink);transition:transform .3s}
.offer-toggle::after{transform:rotate(90deg)}
.offer-row[open] .offer-toggle::after{transform:rotate(0deg)}
.offer-row summary:focus-visible{outline:2px solid #986550;outline-offset:5px}
.offer-detail{padding:0 30px 30px;animation:offer-in .35s ease both}
.offer-detail>p{margin:0 0 24px;font-size:13px;line-height:1.8;color:var(--card-muted)}
.offer-includes>span{font-size:9px;text-transform:uppercase;letter-spacing:.14em;color:var(--card-muted)}
.offer-includes ul{padding:0;margin:12px 0 24px;list-style:none;font-size:12px;line-height:1.8;color:var(--card-ink)}
.offer-includes li+li{margin-top:7px}
.offer-includes a{display:flex;justify-content:space-between;gap:10px;padding-bottom:8px;border-bottom:1px solid var(--card-line);font-size:12px;font-weight:500;color:var(--card-ink)}
.offer-includes a span{transition:transform .25s}
.offer-includes a:hover span{transform:translate(3px,-3px)}
@keyframes offer-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(hover:hover){.offer-row:hover{transform:translateY(-6px);border-color:#986550}.offer-row summary:hover .offer-toggle{transform:rotate(90deg)}}
@media(max-width:1050px) and (min-width:761px){.offer-list{gap:12px}.offer-row summary{padding:24px;min-height:390px;grid-template-rows:75px minmax(75px,auto) 1fr auto}.offer-row h3{font-size:26px}.offer-detail{padding:0 24px 24px}.offer-description{font-size:12px}}
@media(max-width:760px){.offer-list{grid-template-columns:minmax(0,1fr);gap:16px}.offer-row summary{min-height:320px;padding:28px;grid-template-rows:55px auto 1fr auto}.offer-row h3{font-size:clamp(28px,7.6vw,34px)}.offer-description{padding:20px 0 30px}.offer-detail{padding:0 28px 28px}.offer-row[open] summary{min-height:300px}}
@media(max-width:380px){.offer-row h3{font-size:29px}.offer-row summary{padding:24px}.offer-detail{padding:0 24px 24px}}
@media(prefers-reduced-motion:reduce){.offer-row,.offer-row *{animation:none!important;transition:none!important}}