/* Testimonials: same rolling cards as the Contact page. Option B puts the palm-shadow video behind. */
.dwt{--cr:#FFFCF8;--sg:#9B9B83;--ol:#7C7C61;--ln:rgba(124,124,97,.22);--r:18px;position:relative;background:var(--cr);padding:100px 0 135px;overflow:hidden;isolation:isolate}
.dwt .rh{text-align:center;margin:0 auto 46px;padding:0 20px;max-width:900px}
.dwt .kick{display:block;font:600 10px/1.5 Assistant,sans-serif;letter-spacing:4.8px;text-transform:uppercase;color:var(--ol)}
.dwt h2{margin:22px 0 0;font:400 35px/40px "Bodoni Moda",serif;color:var(--ol)}
.dwt .marq{overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.dwt .marq .trk{display:flex;gap:28px;width:max-content;animation:dwmq 70s linear infinite}
.dwt .marq:hover .trk{animation-play-state:paused}
.dwt .marq .mq{margin:0;width:440px;flex:none;padding:34px 34px 28px;border:1px solid var(--ln);border-radius:var(--r);background:#fff}
.dwt .marq blockquote{margin:0;font:italic 300 15px/1.75 Inter,sans-serif;color:var(--ol);display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}
.dwt .marq figcaption{margin-top:20px;font:500 11px/1 Inter,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--sg)}
.dwt .bgv{display:none}
/* B: palm-shadow video behind, cards in frosted cream */
.dwt.tB{padding:120px 0 155px}
.dwt.tB .bgv{display:block;background:url(palm-shadow.jpg) center/cover;position:absolute;inset:0;z-index:-1;overflow:hidden}
.dwt.tB .bgv video{width:100%;height:100%;object-fit:cover}
.dwt.tB .bgv::after{content:"";position:absolute;inset:0;background:#FFFCF8;opacity:.9}
.dwt.tB .marq .mq{background:#fff;border-color:rgba(124,124,97,.16);box-shadow:0 14px 34px -24px rgba(46,46,38,.25)}
@keyframes dwmq{to{transform:translateX(-50%)}}
@media(max-width:890px){.dwt h2{font-size:28px;line-height:33px}.dwt{padding:80px 0 105px}.dwt.tB{padding:90px 0 115px}.dwt .marq .mq{width:300px;padding:26px 24px}}
@media(prefers-reduced-motion:reduce){.dwt .marq .trk{animation:none}}
/* preview: option bar */
#dw-topts{position:fixed;left:50%;bottom:14px;transform:translateX(-50%);z-index:9999;display:flex;gap:4px;padding:5px;border-radius:999px;background:#2E2E26;box-shadow:0 8px 24px rgba(0,0,0,.25);font:500 12px/1 Inter,sans-serif;max-width:calc(100% - 24px);overflow-x:auto}
#dw-topts span{color:#cfcfc2;padding:9px 8px 9px 12px;white-space:nowrap}
#dw-topts button{border:0;border-radius:999px;padding:9px 13px;background:none;color:#FFFCF8;cursor:pointer;white-space:nowrap;font:inherit;letter-spacing:normal}
#dw-topts button[aria-pressed=true]{background:#FFFCF8;color:#2E2E26}
@media(max-width:600px){#dw-topts{bottom:90px}}
/* entrance: title, then the cards one at a time */
.dwt.dw-anim .rh > *,.dwt.dw-anim .mq{opacity:0;transform:translateY(18px);transition:opacity .9s ease,transform 1s cubic-bezier(.22,.8,.24,1)}
.dwt.dw-in .rh > *,.dwt.dw-in .mq{opacity:1;transform:none}
.dwt.dw-in .rh > :nth-child(2){transition-delay:.15s}
@media(prefers-reduced-motion:reduce){.dwt.dw-anim .rh > *,.dwt.dw-anim .mq{opacity:1;transform:none;transition:none}}
/* draggable rolling cards (testimonials.js) */
.dwt.js-mq .marq .trk{animation:none!important;will-change:transform}
.dwt.js-mq .marq{cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none}
.dwt.js-mq .marq.grab{cursor:grabbing}

/* "Read more" on long quotes and the box with the whole quote */
.dwt .more{display:inline-block;margin:12px 0 0;padding:0;border:0;background:none;cursor:pointer;font:600 10px/1 Assistant,sans-serif;letter-spacing:2.6px;text-transform:uppercase;color:var(--ol,#7C7C61);text-decoration:underline;text-decoration-color:rgba(124,124,97,.4);text-underline-offset:4px;transition:opacity .35s ease}
.dwt .more:hover{opacity:.6}.dwt .more[hidden]{display:none}
.dwq{position:fixed;inset:0;z-index:99995;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(124,124,97,.05);opacity:0;transition:opacity .35s ease}
.dwq.on{opacity:1}.dwq[hidden]{display:none}
.dwq .in{position:relative;max-width:540px;width:100%;max-height:calc(100vh - 48px);overflow:auto;box-sizing:border-box;padding:48px 40px 40px;background:#FFFCF8;border-radius:10px;box-shadow:0 18px 40px -28px rgba(46,46,38,.35);transform:translateY(12px);transition:transform .45s cubic-bezier(.22,.8,.24,1);text-align:center}
.dwq.on .in{transform:none}
.dwq blockquote{margin:0;font:italic 300 16px/1.8 Inter,sans-serif;color:#7C7C61}
.dwq .who{margin:22px 0 0;font:400 18px/1.3 "Bodoni Moda",serif;color:#7C7C61}
.dwq .x{position:absolute;top:10px;right:10px;width:40px;height:40px;border:0;background:none;cursor:pointer;color:#7C7C61}
.dwq .x i{position:absolute;left:10px;right:10px;top:50%;height:1.5px;margin-top:-.75px;background:currentColor}.dwq .x i:first-child{transform:rotate(45deg)}.dwq .x i:last-child{transform:rotate(-45deg)}
@media (max-width:767px){.dwq .in{padding:46px 26px 32px}.dwq blockquote{font-size:15px}}

/* computer: an even lighter veil behind the full quote; no focus ring on the link after a click */
@media (min-width:768px){.dwq{background:rgba(124,124,97,.05)}}
.dwt .more:focus:not(:focus-visible){outline:none}
#dw-topts{display:none!important}
.dwt blockquote p{margin:0;display:inline}