/* Fix image overflow */
.tn-atom img,.tn-atom__img{max-width:100%;height:auto}

/* ===== NAV (≤480px) ===== */
@media screen and (max-width:480px){
  #rec1283205941 .t396__artboard{height:56px!important}
  #rec1283205941 .t396__carrier{height:56px!important}
  #rec1283205941 .tn-elem[data-elem-id="1757435797899"] .tn-atom{background:rgba(255,255,255,0.85)!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:0!important}
}
@media screen and (max-width:429px){
  #rec1283205941 .tn-elem[data-elem-id="1757435797899"]{top:0!important;left:0!important;width:100%!important;height:56px!important}
  #rec1283205941 .tn-elem[data-elem-id="1757435446279"]{top:17px!important;left:calc(50% - 160px + 12px)!important;width:20px!important;z-index:5!important}
  #rec1283205941 .tn-elem[data-elem-id="1760197139623"]{top:18px!important;left:calc(50% - 160px + 44px)!important;width:56px!important;z-index:5!important}
  #rec1283205941 .tn-elem[data-elem-id="1760197139623"] .tn-atom{font-size:11px!important;line-height:1.3!important}
  #rec1283205941 .tn-elem[data-elem-id="176019718377481910"]{top:18px!important;left:calc(50% - 160px + 102px)!important;width:48px!important;z-index:5!important}
  #rec1283205941 .tn-elem[data-elem-id="176019718377481910"] .tn-atom{font-size:11px!important;line-height:1.3!important}
  #rec1283205941 .tn-elem[data-elem-id="176019719485535650"]{top:18px!important;left:calc(50% - 160px + 152px)!important;width:50px!important;z-index:5!important}
  #rec1283205941 .tn-elem[data-elem-id="176019719485535650"] .tn-atom{font-size:11px!important;line-height:1.3!important}
  #rec1283205941 .tn-elem[data-elem-id="176019720535577200"]{top:18px!important;left:calc(50% - 160px + 207px)!important;width:50px!important;z-index:5!important}
  #rec1283205941 .tn-elem[data-elem-id="176019720535577200"] .tn-atom{font-size:11px!important;line-height:1.3!important}
}
@media screen and (min-width:430px) and (max-width:480px){
  #rec1283205941 .tn-elem[data-elem-id="1757435797899"] .tn-atom{background:rgba(255,255,255,0.85)!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:0!important}
  #rec1283205941 .tn-elem[data-elem-id="1757435446279"]{top:17px!important;left:calc(50% - 215px + 14px)!important;width:22px!important;z-index:5!important}
  #rec1283205941 .tn-elem[data-elem-id="1760197139623"]{top:18px!important;left:calc(50% - 215px + 48px)!important;width:62px!important;z-index:5!important}
  #rec1283205941 .tn-elem[data-elem-id="1760197139623"] .tn-atom{font-size:12px!important}
  #rec1283205941 .tn-elem[data-elem-id="176019718377481910"]{top:18px!important;left:calc(50% - 215px + 115px)!important;width:52px!important;z-index:5!important}
  #rec1283205941 .tn-elem[data-elem-id="176019718377481910"] .tn-atom{font-size:12px!important}
  #rec1283205941 .tn-elem[data-elem-id="176019719485535650"]{top:18px!important;left:calc(50% - 215px + 170px)!important;width:55px!important;z-index:5!important}
  #rec1283205941 .tn-elem[data-elem-id="176019719485535650"] .tn-atom{font-size:12px!important}
  #rec1283205941 .tn-elem[data-elem-id="176019720535577200"]{top:18px!important;left:calc(50% - 215px + 230px)!important;width:55px!important;z-index:5!important}
  #rec1283205941 .tn-elem[data-elem-id="176019720535577200"] .tn-atom{font-size:12px!important}
}

/* ===== FLIP CARDS (≤768px) ===== */
@media screen and (max-width:768px){
  .cards-wrapper{padding:16px!important;gap:16px!important;min-height:auto!important;height:auto!important;flex-wrap:nowrap!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important}
  .cards-wrapper::-webkit-scrollbar{display:none!important}
  .card-container{width:280px!important;height:480px!important;flex-shrink:0!important;border-radius:28px!important;border-width:4px!important}
  .card-front{width:calc(100% - 40px)!important;height:calc(100% - 60px)!important;left:20px!important;top:30px!important}
  .card-back{width:calc(100% - 40px)!important;height:calc(100% - 60px)!important;left:20px!important;top:30px!important}
  .card-header{margin-bottom:12px!important}
  .card-title{font-size:22px!important}
  .card-icon{width:44px!important;height:44px!important}
  .card-description{font-size:14px!important}
  .back-title{font-size:18px!important;width:auto!important;height:auto!important;position:relative!important;top:0!important;left:0!important;margin-bottom:8px!important}
  .tech-section{position:relative!important;width:100%!important;height:auto!important;top:0!important;left:0!important}
  .tech-item{position:relative!important;width:100%!important;height:auto!important;margin-bottom:4px!important}
  .tech-item:nth-child(n){top:auto!important}
  .tech-item .check-icon{position:relative!important;display:inline-block!important;vertical-align:middle!important;width:16px!important;height:16px!important;left:0!important;top:0!important;margin-right:6px!important}
  .tech-item .text{position:relative!important;display:inline!important;width:auto!important;height:auto!important;left:0!important;top:0!important;font-size:11px!important;line-height:1.4!important}
  .projects-title{font-size:16px!important;width:auto!important;height:auto!important;position:relative!important;top:0!important;left:0!important;margin-top:8px!important;margin-bottom:6px!important}
  .projects-section{position:relative!important;width:100%!important;height:auto!important;top:0!important;left:0!important}
  .projects-section .tech-item{position:relative!important;width:100%!important;height:auto!important;margin-bottom:4px!important}
  .projects-section .tech-item:nth-child(n){top:auto!important}
  .back-icon{width:32px!important;height:32px!important;position:absolute!important;top:0!important;right:0!important}
}
@media screen and (max-width:480px){
  .card-container{width:240px!important;height:440px!important;border-radius:24px!important}
  .card-front{width:calc(100% - 32px)!important;height:calc(100% - 48px)!important;left:16px!important;top:24px!important}
  .card-back{width:calc(100% - 32px)!important;height:calc(100% - 48px)!important;left:16px!important;top:24px!important}
  .card-title{font-size:18px!important}
  .card-icon{width:36px!important;height:36px!important}
  .card-description{font-size:12px!important}
  .back-title{font-size:15px!important}
  .tech-item .text{font-size:10px!important}
  .projects-title{font-size:14px!important}
}
.card-container.is-flipped{transform:rotateY(180deg)}

/* ===== MOBILE OVERFLOW ===== */
@media screen and (max-width:768px){
  .t396__elem{max-width:100%!important}
}

/* Tariff: horizontal scroll on mobile */
@media screen and (max-width:768px){
  #rec1208884041{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}
  #rec1208884041 .t396__artboard{overflow:visible!important;min-width:996px!important}
  #rec1208884041 .t396__elem{max-width:none!important}
}

@media screen and (max-width:639px){
  #rec1292329161 .tn-elem[data-elem-id="1757522123523"]{display:none!important}
}