#ai-sec .ai-card .s-card-img{height:auto}
#ai-sec .ai-card .s-card-img img{width:100%;height:auto;object-fit:contain;display:block}
#ai-sec .ai-card h2,#ai-sec .ai-card .free-line,#ai-sec .ai-card .note-box{text-align:center}
#ai-sec .ai-card .free-line,#ai-sec .ai-card .note-box{max-width:none;margin-inline:0}

#ai-sec .ai-card h2{line-height:1.35}
#ai-sec .ai-card .note-box{padding:20px 24px}
#ai-sec .ai-card .s-card-img picture{display:block;height:100%}
@media (min-width:1121px){
  #ai-sec .dark-panel.chat-panel{padding-inline:0;grid-template-columns:minmax(0,7fr) minmax(0,5fr);
    column-gap:clamp(40px,5vw,80px);align-items:center}
  #ai-sec .ai-card{display:flex;flex-direction:column;gap:30px;
    background:transparent;border:0;box-shadow:none;border-radius:0;overflow:visible}
  #ai-sec .ai-card .s-card-img img{border-radius:var(--radius);
    box-shadow:0 2px 6px rgba(60,45,32,.07),0 14px 34px rgba(60,45,32,.10)}
  #ai-sec .ai-card .s-card-body{padding:0;align-items:center}
  #ai-sec .ai-card .note-box{width:100%}
  
  #ai-sec .chat-panel .ph{width:330px}
}

@media (max-width:560px){
  #ai-sec.sec{padding-block-start:0}
  #ai-sec .dark-panel.chat-panel{padding-block-start:0;overflow:visible}
  #ai-sec > .hw-seam{visibility:hidden}
  
  #ai-sec .ai-card{position:relative;background:transparent;border:0;box-shadow:none;border-radius:0;
    margin-inline:-14px;margin-block-start:-26px}
  #ai-sec .ai-card .s-card-img{aspect-ratio:1000/512;   
    -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1400 120' preserveAspectRatio='none'%3E%3Cpath d='M0,56 C160,96 320,20 500,52 C660,80 800,18 980,50 C1140,78 1260,28 1400,58 L1400,120 L0,120 Z' fill='%23000'/%3E%3C/svg%3E") 0 0/100% 26px no-repeat,linear-gradient(#000,#000) 0 25px/100% calc(100% - 25px) no-repeat;
    mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1400 120' preserveAspectRatio='none'%3E%3Cpath d='M0,56 C160,96 320,20 500,52 C660,80 800,18 980,50 C1140,78 1260,28 1400,58 L1400,120 L0,120 Z' fill='%23000'/%3E%3C/svg%3E") 0 0/100% 26px no-repeat,linear-gradient(#000,#000) 0 25px/100% calc(100% - 25px) no-repeat}
  
  #ai-sec .ai-card .s-card-img{-webkit-mask:none;mask:none}
  #ai-sec .ai-card .s-card-img img{height:100%;object-fit:cover;border-radius:0}
  #ai-sec .ai-card .s-card-img::after{content:"";position:absolute;inset:0;
    background:linear-gradient(to top,rgba(23,34,34,.74),rgba(23,34,34,.22) 52%,rgba(23,34,34,0) 80%)}
  #ai-sec .ai-card h2{position:absolute;inset-block-start:0;inset-inline:0;aspect-ratio:1000/512;height:auto;margin:0;
    display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;text-align:start;
    padding:14px 18px 16px;z-index:1;font-size:22px!important;line-height:1.4;
    text-shadow:0 1px 8px rgba(0,0,0,.45);text-wrap:pretty}
  #ai-sec .ai-card h2,#ai-sec .ai-card h2 span{color:#fff!important}
  #ai-sec .ai-card h2 .hw-mk{--mk:rgba(217,91,46,.62)}
  #ai-sec .ai-card .s-card-body{padding:18px 16px 22px;gap:10px}
  #ai-sec .ai-card .free-line,#ai-sec .ai-card .free-line span{line-height:1.7!important}
  #ai-sec .ai-card .note-box{padding:14px 16px}
}