.ht-section{color:#fff;background:#000;width:100%;padding:90px 0 40px;position:relative}.ht-inner{width:85%;max-width:1600px;margin:0 auto}.ht-header{text-align:center;margin-bottom:26px}.ht-title{letter-spacing:-.02em;text-transform:uppercase;flex-direction:column;align-items:center;margin:10px 0 0;font-family:Overused Grotesk,Arial,sans-serif;font-size:clamp(4rem,11vw,160px);font-weight:800;line-height:.9;display:flex}.ht-title-line{background:linear-gradient(#fff 0%,#ffffff52 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;width:fit-content;margin-left:auto;margin-right:auto;display:block}.ht-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:40px;display:grid}.ht-card{-webkit-backdrop-filter:blur(12px);will-change:transform, border-color, background, box-shadow;background:#ffffff08;border:1px solid #ffffff12;border-radius:16px;flex-direction:column;min-height:auto;padding:32px 28px 28px;transition:transform .4s cubic-bezier(.16,1,.3,1),border-color .4s cubic-bezier(.16,1,.3,1),background .4s cubic-bezier(.16,1,.3,1),box-shadow .4s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;transform:translateZ(0);box-shadow:0 8px 24px #0006,inset 0 1px #ffffff0d}.ht-quote-icon{color:#ffffff0a;pointer-events:none;justify-content:center;align-items:center;transition:color .4s,transform .4s;display:flex;position:absolute;top:24px;right:24px}.ht-logo-container{background:#fff;border-radius:8px;justify-content:center;align-items:center;padding:6px 16px;transition:background .5s cubic-bezier(.16,1,.3,1),box-shadow .5s cubic-bezier(.16,1,.3,1),padding .5s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 3px 8px #0003}.ht-card-logo{object-fit:contain;filter:none;opacity:1;max-width:120px;max-height:28px;transition:max-height .5s cubic-bezier(.16,1,.3,1),filter .5s cubic-bezier(.16,1,.3,1),opacity .5s}.ht-text-container{opacity:1;clip-path:none;transform:none}.ht-text{color:#ffffffbd;z-index:1;margin:0 0 24px;font-family:Inter,sans-serif;font-size:.98rem;font-weight:400;line-height:1.65;transition:color .4s;position:relative}.ht-client-info{z-index:1;flex-direction:column;align-items:center;gap:10px;margin-top:auto;display:flex;position:relative}.ht-client-dash{background:#ffffff4d;width:14px;height:1px;margin:2px 0;transition:width .4s cubic-bezier(.16,1,.3,1),background-color .4s}.ht-client{letter-spacing:.12em;text-transform:uppercase;color:#ffffff8c;font-family:Inter,sans-serif;font-size:.8rem;font-weight:700;transition:color .4s}@media (max-width:1024px){.ht-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}}@media (max-width:768px){.ht-section{padding:70px 0 30px}.ht-inner{width:92%}.ht-title{font-size:clamp(2.6rem,12.5vw,4rem);font-weight:800;line-height:.92}.ht-grid{grid-template-columns:1fr;gap:16px;margin-top:30px}}@media (hover:hover) and (min-width:769px){.ht-card{cursor:pointer;border-radius:20px;min-height:250px;padding:38px 34px 34px;box-shadow:0 12px 30px #0006,inset 0 1px #ffffff0d}.ht-card:hover{background:#fdfdfd url(https://www.transparenttextures.com/patterns/cream-paper.png);border-color:#0000001f;transform:translateY(-6px);box-shadow:0 24px 50px #0006,inset 0 1px #fff6}.ht-card:active{transform:translateY(-2px)scale(.99)}.ht-quote-icon{color:#ffffff05;transition:color .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1);top:32px;right:32px}.ht-card:hover .ht-quote-icon{color:#00000014;transform:translateY(-2px)scale(1.05)}.ht-text-container{opacity:0;clip-path:inset(0 50%);pointer-events:none;justify-content:center;align-items:center;transition:clip-path .6s cubic-bezier(.16,1,.3,1),opacity .4s,transform .6s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;inset:38px 34px 96px;transform:scale(.95)}.ht-card:hover .ht-text-container{opacity:1;clip-path:inset(0 0%);pointer-events:auto;transform:scale(1)}.ht-text{text-align:center;color:#ffffffbd;margin:0;font-size:1.02rem;line-height:1.75}.ht-card:hover .ht-text{color:#000000d9}.ht-client-info{text-align:center;pointer-events:none;flex-direction:column;align-items:center;gap:12px;width:calc(100% - 68px);transition:top .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ht-card:hover .ht-client-info{top:calc(100% - 32px);transform:translate(-50%,-100%)}.ht-card-logo{filter:none;opacity:1;max-width:170px;max-height:48px;transition:max-height .5s cubic-bezier(.16,1,.3,1),filter .5s cubic-bezier(.16,1,.3,1),opacity .5s}.ht-card:hover .ht-logo-container{box-shadow:none;background:0 0;padding:0}.ht-card:hover .ht-card-logo{filter:none;opacity:.95;max-height:24px}.ht-client-dash{background:#fff0;width:0;height:1px;margin:2px 0;transition:width .5s cubic-bezier(.16,1,.3,1),background-color .5s}.ht-card:hover .ht-client-dash{background:#0006;width:24px}.ht-client{letter-spacing:.14em;color:#ffffff80;font-size:.82rem;transition:color .4s,transform .4s}.ht-card:hover .ht-client{color:#111;transform:scale(1.02)}}@media (prefers-reduced-motion:reduce){.ht-card{transition:none}.ht-card:hover,.ht-card:active{box-shadow:none;transform:none}.ht-card:hover .ht-quote-icon{transform:none}.ht-card:hover .ht-client-dash{width:14px}.ht-card:hover .ht-card-logo{filter:brightness(0)invert();opacity:.35;max-height:48px}}
