.db-experience{--db-yellow:#f2ff68;position:relative;isolation:isolate;overflow:hidden;background:var(--db-yellow);color:#151515;font-family:Arial,Helvetica,sans-serif;width:100%;box-sizing:border-box}
.db-experience *{box-sizing:border-box}
.db-experience__inner{max-width:1440px;margin:0 auto;min-height:610px;padding:100px 6.7%;display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:35px}
.db-experience__copy{position:relative;z-index:2}
.db-experience h2{color:inherit;font-family:inherit;font-size:clamp(42px,4.2vw,64px);font-weight:600;letter-spacing:-2.8px;line-height:1.02;margin:0 0 27px}
.db-experience p{font-size:15px;line-height:1.75;max-width:560px;margin:0 0 32px;color:inherit}
.db-experience__actions{display:flex;gap:12px;flex-wrap:wrap}
.db-experience__actions a{display:inline-flex;justify-content:center;align-items:center;min-height:54px;padding:16px 28px;border:1px solid #4c5229;border-radius:100px;color:#151515;text-decoration:none;font-size:14px;font-weight:500;line-height:1.3;transition:background .2s,transform .2s}
.db-experience__actions a:first-child{background:#151515;border-color:#151515;color:var(--db-yellow)}
.db-experience__actions a:hover{transform:translateY(-3px);background:#ffffff55}
.db-experience__actions a:first-child:hover{background:#303222}
.db-experience__actions a:focus-visible{outline:3px solid #151515;outline-offset:5px}
.db-experience__art{height:340px;position:relative;z-index:1}
.db-experience canvas{display:block;width:100%;height:100%}
@media(min-width:1600px){.db-experience__inner{min-height:680px}}
@media(max-width:760px){.db-experience__inner{padding:65px 7% 35px;min-height:0;grid-template-columns:1fr;gap:12px}.db-experience h2{font-size:46px;letter-spacing:-2px}.db-experience p{font-size:14px}.db-experience__art{height:250px}.db-experience__actions a{padding:15px 22px;font-size:13px}}
@media(prefers-reduced-motion:reduce){.db-experience__actions a{transition:none}.db-experience__actions a:hover{transform:none}}

/* Responsive layout for tablet and mobile Elementor containers */
.db-experience__inner{width:100%;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}
.db-experience__copy,.db-experience__art{min-width:0}
.db-experience h2,.db-experience p,.db-experience__actions a{overflow-wrap:anywhere}
.db-experience__actions a{max-width:100%;text-align:center}
@media(min-width:761px) and (max-width:1024px){
 .db-experience__inner{padding:64px 5%;gap:20px;min-height:490px}
 .db-experience h2{font-size:46px;letter-spacing:-2px}
 .db-experience__art{height:300px}
 .db-experience__actions a{padding:14px 20px}
}
@media(max-width:760px){
 .db-experience__inner{grid-template-columns:minmax(0,1fr);padding:48px 6% 24px;gap:24px;min-height:0}
 .db-experience h2{font-size:clamp(34px,8vw,48px);line-height:1.06;letter-spacing:-1.6px;margin-bottom:20px}
 .db-experience p{font-size:15px;line-height:1.65;margin-bottom:24px;max-width:100%}
 .db-experience__actions{gap:10px}
 .db-experience__actions a{flex:1 1 180px;min-height:50px;padding:14px 18px;font-size:14px}
 .db-experience__art{width:100%;height:clamp(230px,65vw,330px);max-width:500px;margin:0 auto}
}
@media(max-width:380px){
 .db-experience__inner{padding:36px 6% 20px;gap:20px}
 .db-experience__actions a{flex-basis:100%}
}
@media(hover:none){.db-experience__actions a:hover{transform:none}}