/* KRAUSS · sections/tse */
.tse-image{position:relative;border-radius:10px;overflow:hidden;background:linear-gradient(120deg,#e6e9ec,#d0dbe1);min-height:310px;display:grid;place-items:center}
.tse-image>img{width:100%;height:330px;object-fit:contain;padding:25px}
.tse-badge{position:absolute;right:26px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;border:1px solid #4daaff;background:#032538ef;border-radius:10px;color:white;padding:20px}
.tse-badge svg{width:46px;height:46px;color:#2e9bff}
.tse-badge strong{font-size:26px}
.tse-badge small{font-size:10px;letter-spacing:.12em}
@media(max-width:800px){
.tse-image{min-height:270px}
}
@media(max-width:800px){
.tse-image>img{height:300px}
}
@media(max-width:480px){
.tse-badge{right:12px;padding:12px}
}
.tse.section{padding-block:36px}
.tse-layout{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr;gap:0 48px;align-items:start}
.tse-intro{grid-column:1;grid-row:1}
.tse-intro .eyebrow{margin-bottom:8px}
.tse-intro h2{color:#07477f;font-size:clamp(26px,2.5vw,35px);margin-bottom:12px}
.tse-intro>p:last-child{font-size:14px;line-height:1.65}
.tse-details{grid-column:1;grid-row:2}
.tse-details .check-list{margin:16px 0 21px;font-size:14px}
.tse-details .check-list li{margin:9px 0}
.tse-details .check-list li:before{background:#075a9e}
.tse-details .button{background:#075a9e;border-radius:30px;padding:11px 19px;font-size:12px;gap:18px}
.tse-details .button:hover{background:#034676}
.tse-visual{grid-column:2;grid-row:1 / 3;position:relative;align-self:center;min-width:0;margin-top:16px;border-radius:9px;background:#eef5fc}
.tse-visual>img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:9px}
.tse-seal{position:absolute;right:18px;top:-19px;width:100px;height:100px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#07477f;color:#fff;border:3px solid #fff;outline:1px solid #89b7dd;box-shadow:0 5px 16px #07477f19;line-height:1.15}
.tse-seal svg{width:24px;height:24px;margin-bottom:4px;color:#8ac8ff}
.tse-seal strong{font-size:23px;letter-spacing:-.03em}
.tse-seal small{font-size:10px;margin-top:3px}
@media(max-width:800px){
.tse.section{padding-block:27px}
}
@media(max-width:800px){
.tse-layout{grid-template-columns:1fr;gap:0}
}
@media(max-width:800px){
.tse-intro{grid-column:1;grid-row:1}
}
@media(max-width:800px){
.tse-visual{grid-column:1;grid-row:2;margin-top:30px;margin-bottom:5px}
}
@media(max-width:800px){
.tse-details{grid-column:1;grid-row:3}
}
@media(max-width:800px){
.tse-intro h2{font-size:27px}
}
@media(max-width:800px){
.tse-intro>p:last-child{font-size:13px}
}
@media(max-width:800px){
.tse-seal{width:80px;height:80px;right:13px;top:-16px}
}
@media(max-width:800px){
.tse-seal svg{width:20px;height:20px;margin-bottom:2px}
}
@media(max-width:800px){
.tse-seal strong{font-size:20px}
}
@media(max-width:800px){
.tse-seal small{font-size:8px}
}
@media(max-width:800px){
.tse-details .check-list{font-size:13px;margin-top:16px}
}
