.arsnew.ars-hero { padding-top: 190px; overflow: hidden; background: linear-gradient(180deg, #ffffff, #eaf2fa); font-family: "Pretendard", sans-serif; }
.arsnew.ars-hero .ars-heading { position: relative; z-index: 2; text-align: center; }
.arsnew.ars-hero .ars-badge {display: inline-block;padding: 10px 17px;border-radius: 8px;background: #198fff;color: #ffffff;font-size: 21px;font-weight: 500;line-height: 32px;}
.arsnew.ars-hero .ars-badge img {  width: 24px;}
.arsnew.ars-hero .ars-heading h1 {margin: 22px 0px 2px;color: #111111;font-size: 56px;font-weight: 800;line-height: 72px;letter-spacing: -3px;font-weight: 700;}
.arsnew.ars-hero .ars-heading h1 strong {color: #108aff;font-weight: 700;}
.arsnew.ars-hero .ars-heading p { margin: 0px; color: #444444; font-size: 28px; line-height: 40px; letter-spacing: -1px; }
.arsnew.ars-hero .ars-links {display: flex;justify-content: center;align-items: center;gap: 21px;margin-top: 56px;}
.arsnew.ars-hero .ars-links a {color: #303030;font-size: 19px;line-height: 30px;text-decoration: none;}
.arsnew.ars-hero .ars-links .ars-contact {padding: 11px 27px;border-radius: 50px;background: #303030;color: #ffffff;}
.arsnew.ars-hero .ars-visual {position: relative;height: 505px;margin-top: 90px;}
.arsnew.ars-hero .ars-row {position: absolute;display: grid;gap: 20px;}
.arsnew.ars-hero .ars-row-top {top: 0px;left: calc(50% - 510px);width: 1460px;grid-template-columns: repeat(6, 160px);animation: ars-top-in 800ms ease-out 0ms both;}
.arsnew.ars-hero .ars-row-top .ars-card:nth-child(3) { grid-column: 4; }
.arsnew.ars-hero .ars-row-top .ars-card:nth-child(4) {box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;}
.arsnew.ars-hero .ars-row-bottom {top: 186px;left: calc(50% - 595px);width: max-content;grid-template-columns: repeat(7, 160px);animation: ars-bottom-in 800ms ease-out 800ms both;}
.arsnew.ars-hero .ars-row-bottom .ars-card:nth-child(4) { grid-column: 5; }
.arsnew.ars-hero .ars-row-bottom .ars-card:nth-child(2) { box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px; }
.arsnew.ars-hero .ars-card {width: 150px;height: 150px;overflow: hidden;border-radius: 40px;background: #dceaf6;}
.arsnew.ars-hero .ars-card img {display: block;width: 100%;object-fit: cover;}
.arsnew.ars-hero .ars-main-image {position: absolute;z-index: 1;left: calc(50% - 219px);width: 417px;bottom: 0;}
.arsnew.ars-hero .ars-main-image img {display: block;width: 100%;object-fit: contain;object-position: center bottom;}
.arsnew.ars-hero .ars-card img:not([src]), .ars-main-image img:not([src]) { visibility: hidden; }
.arsnew.ars-hero .backpoint { position: absolute; bottom: 0;  left: 50%;  transform: translateX(-50%);}
@keyframes ars-top-in { from { opacity: 0; transform: translateX(-100px); } to { opacity: 1; transform: translateX(0px); } }
@keyframes ars-bottom-in { from { opacity: 0; transform: translateX(100px); } to { opacity: 1; transform: translateX(0px); } }
@keyframes ars-main-in { from { opacity: 0; transform: translateY(80px); } to { opacity: 1; transform: translateY(0px); } }
@media (prefers-reduced-motion: reduce) { .ars-row, .ars-main-image { animation: none; } }

@media (max-width: 1024px) {
    .arsnew.ars-hero {padding-top: 170px;}
    .arsnew.ars-hero .ars-heading { padding: 0 24px; }
    .arsnew.ars-hero .ars-heading h1 { font-size: 48px; line-height: 1.3; letter-spacing: -2px; }
    .arsnew.ars-hero .ars-heading p { font-size: 24px; line-height: 1.5; }
    .arsnew.ars-hero .ars-links { margin-top: 40px; }
    .arsnew.ars-hero .ars-visual { height: 490px; margin-top: 70px; }
    .arsnew.ars-hero .ars-row { gap: 32px; }
    .arsnew.ars-hero .ars-row-top { left: calc(50% - 530px); width: max-content; grid-template-columns: repeat(6, 160px); }
    .arsnew.ars-hero .ars-row-bottom { top: 198px; left: calc(50% - 644px); width: max-content; grid-template-columns: repeat(7, 160px); }
    .arsnew.ars-hero .ars-card { width: 160px; height: 160px; border-radius: 40px; }
    .arsnew.ars-hero .ars-main-image { left: calc(50% - 200px); width: 390px; }
}
@media (max-width: 767px) {
    .arsnew.ars-hero {padding-top: 150px;}
    .arsnew.ars-hero .ars-heading { padding: 0 20px; }
    .arsnew.ars-hero .ars-badge { padding: 7px 13px; border-radius: 7px; font-size: 15px; line-height: 24px; }
    .arsnew.ars-hero .ars-badge img { width: 20px; vertical-align: middle; }
    .arsnew.ars-hero .ars-heading h1 { margin-top: 18px; font-size: clamp(28px, 6.4vw, 40px); line-height: 1.35; letter-spacing: -1.5px; word-break: keep-all; }
    .arsnew.ars-hero .ars-heading p { margin-top: 8px; font-size: clamp(16px, 3.5vw, 21px); line-height: 1.5; letter-spacing: -0.6px; word-break: keep-all; }
    .arsnew.ars-hero .ars-links { gap: 16px; margin-top: 28px; }
    .arsnew.ars-hero .ars-links a { font-size: 15px; line-height: 24px; }
    .arsnew.ars-hero .ars-links .ars-contact { padding: 10px 22px; }
    .arsnew.ars-hero .ars-visual { --ars-scale: clamp(0.42px, 0.09vw, 0.65px); height: calc(585 * var(--ars-scale)); margin-top: 48px; }
    .arsnew.ars-hero .ars-row { gap: calc(40 * var(--ars-scale)); }
    .arsnew.ars-hero .ars-row-top { top: 0; left: calc(50% - 630 * var(--ars-scale)); width: max-content; grid-template-columns: repeat(6, calc(190 * var(--ars-scale))); }
    .arsnew.ars-hero .ars-row-bottom { top: calc(236 * var(--ars-scale)); left: calc(50% - 765 * var(--ars-scale)); width: max-content; grid-template-columns: repeat(7, calc(189 * var(--ars-scale))); }
    .arsnew.ars-hero .ars-card { width: calc(190 * var(--ars-scale)); height: calc(190 * var(--ars-scale)); border-radius: calc(50 * var(--ars-scale)); }
    .arsnew.ars-hero .ars-main-image { left: calc(50% - 239 * var(--ars-scale)); width: calc(467 * var(--ars-scale)); }
}
@media (max-width: 374px) {
    .arsnew.ars-hero { padding-top: 48px; }
    .arsnew.ars-hero .ars-heading { padding: 0 14px; }
    .arsnew.ars-hero .ars-heading h1 { font-size: 27px; }
    .arsnew.ars-hero .ars-links { gap: 12px; }
    .arsnew.ars-hero .ars-links a { font-size: 14px; }
    .arsnew.ars-hero .ars-links .ars-contact { padding: 9px 18px; }
}
@media (prefers-reduced-motion: reduce) {
    .arsnew.ars-hero .ars-row, .arsnew.ars-hero .ars-main-image { animation: none; }
}




.arsnew.ars-intro {padding: 110px 24px 110px;background: #ffffff;font-family: "Pretendard", sans-serif;}
.arsnew.ars-intro .ars-intro-inner { max-width: 966px; margin: 0px auto; }
.arsnew.ars-intro .ars-intro-title {margin: 0px 0px 46px;color: #000000;font-size: 42px;font-weight: 700;line-height: 52px;letter-spacing: -2px;text-align: center;}
.arsnew.ars-intro .ars-intro-list { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 22px; }
.arsnew.ars-intro .ars-intro-card { min-width: 0px; overflow: hidden; border-radius: 27px; background: #f4f4f4; }
.arsnew.ars-intro .ars-intro-image { display: flex; align-items: center; justify-content: center; height: 184px; overflow: hidden; background: #242353; }
.arsnew.ars-intro .ars-intro-image img {display: block;max-width: 257px;max-height: 184px;object-fit: contain;}
.arsnew.ars-intro .ars-intro-content { box-sizing: border-box; min-height: 169px; padding: 30px 38px 28px; }
.arsnew.ars-intro .ars-intro-content h3 { margin: 0px 0px 14px; color: #3d3d3d; font-size: 21px; font-weight: 700; line-height: 28px; letter-spacing: -1px; }
.arsnew.ars-intro .ars-intro-content p { margin: 0px; color: #777777; font-size: 16px; font-weight: 400; line-height: 23px; letter-spacing: -0.7px; word-break: keep-all; }

.arsnew.ars-intro .ars-intro-image img { min-width: 0px; max-width: min(257px, calc(100% - 40px)); height: auto; }
@media (max-width: 1024px) {
  .arsnew.ars-intro { padding: 80px 24px; }
  .arsnew.ars-intro .ars-intro-title { margin-bottom: 36px; font-size: 36px; line-height: 46px; }
  .arsnew.ars-intro .ars-intro-list { gap: 18px; }
  .arsnew.ars-intro .ars-intro-card { border-radius: 24px; }
  .arsnew.ars-intro .ars-intro-image { height: 160px; }
  .arsnew.ars-intro .ars-intro-image img { max-height: 160px; }
  .arsnew.ars-intro .ars-intro-content { min-height: 180px; padding: 26px 22px; }
  .arsnew.ars-intro .ars-intro-content h3 { font-size: 19px; line-height: 27px; }
  .arsnew.ars-intro .ars-intro-content p { font-size: 15px; line-height: 23px; overflow-wrap: break-word; }
  .arsnew.ars-intro .ars-intro-content p br { display: none; }
}
@media (max-width: 767px) {
  .arsnew.ars-intro { padding: 64px 20px; }
  .arsnew.ars-intro .ars-intro-title { margin-bottom: 30px; font-size: 30px; line-height: 40px; letter-spacing: -1.5px; word-break: keep-all; }
  .arsnew.ars-intro .ars-intro-list { grid-template-columns: minmax(0px, 1fr); gap: 24px; max-width: 420px; margin: 0px auto; }
  .arsnew.ars-intro .ars-intro-image { height: 184px; }
  .arsnew.ars-intro .ars-intro-image img { max-height: 184px; }
  .arsnew.ars-intro .ars-intro-content { min-height: 0px; padding: 28px 30px 32px; }
  .arsnew.ars-intro .ars-intro-content h3 { margin-bottom: 12px; font-size: 21px; line-height: 29px; }
  .arsnew.ars-intro .ars-intro-content p { font-size: 16px; line-height: 25px; }
}
@media (max-width: 359px) {
  .arsnew.ars-intro { padding: 50px 16px; }
  .arsnew.ars-intro .ars-intro-title { font-size: 26px; line-height: 36px; }
  .arsnew.ars-intro .ars-intro-content { padding: 24px; }
  .arsnew.ars-intro .ars-intro-content h3 { font-size: 19px; line-height: 27px; }
  .arsnew.ars-intro .ars-intro-content p { font-size: 15px; line-height: 24px; }
}





button{font:inherit;cursor:pointer}
button:focus-visible{outline:3px solid #5040a0;outline-offset:3px}
[hidden]{display:none!important}

/* 배경 이미지가 있는 기존 섹션 안에 sample-section을 넣으세요. */
.arsnew.sample-section{padding: 90px 0px 90px;background: url(../images/arsnew_back.png);background-size: cover;}
.arsnew.sample-section .sample-grid{max-width: 850px;margin:0 auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.arsnew.sample-section .sample-card{min-height:156px;padding:23px 22px 18px;border:3px solid #fff;border-radius:11px;align-self:start; 
    box-shadow:
    inset 0 0 14px 3px rgba(255, 255, 255, .65),
    0 0 5px 1px rgba(255, 255, 255, .45);
}
.arsnew.sample-section .album{background:#eeebfa}
.arsnew.sample-section .movie{background:#e3fcf1}
.arsnew.sample-section .drama{background:#e0efff}
.arsnew.sample-section .store{background:#fff0e7}
.arsnew.sample-section .game{background:#ffeaf1}
.arsnew.sample-section .book{background:#f4f1e7}

.arsnew.sample-section .card-info{display:flex;gap:18px;align-items:center}
.arsnew.sample-section .card-icon{width: 70px;height: 70px;border-radius:6px;flex:none;background: #fff;}
.arsnew.sample-section .card-info h2{font-size: 22px;line-height:1.4;font-weight:800;letter-spacing:-.7px;margin:0 0 4px;text-align: left; padding: 0;}
.arsnew.sample-section .card-info p{font-size: 17px;line-height: 1.2;letter-spacing:-.65px;color:#505050;font-weight:600;margin:0;white-space:nowrap}
.arsnew.sample-section .card-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:15px}
.arsnew.sample-section .card-actions button{height:34px;border:0;border-radius:7px;font-size:13px;font-weight:700;transition:filter .15s}
.arsnew.sample-section .card-actions button:hover{filter:brightness(.95)}
.arsnew.sample-section .sample-button{background:#898699;color:white;min-width:70px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;gap:4px}
.arsnew.sample-section .scenario-button{background:#fff;color:#353535;min-width:85px;padding:0 16px}
.arsnew.sample-section .play-icon{width:14px;height:14px;border-radius:50%;background:#080808;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:8px;padding-left:1px}

.arsnew.sample-section .player-panel{margin-top:16px;padding-top:12px;border-top:1px solid #00000012}
.arsnew.sample-section .player-panel audio{display:block;width:100%;height:36px}
.arsnew.sample-section .audio-message{font-size:12px;color:#9b2638;line-height:1.5;margin:8px 0 0}
.arsnew.sample-section .audio-message:empty{display:none}

.scenario-dialog{padding:0;border:0;border-radius:14px;width:min(760px,calc(100% - 32px));max-height:90dvh;overflow:auto;color:#111;background:#fff;box-shadow:0 24px 80px #0004}
.scenario-dialog{position:fixed;inset:0;margin:auto;max-height:90dvh;box-sizing:border-box}
.scenario-dialog::backdrop{background:#0009}
.dialog-header{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 24px;border-bottom:1px solid #eee;background:#fff;z-index:1}
.dialog-header h2{font-size:18px;margin:0}
.close-button{border:0;background:#f3f3f5;border-radius:50%;width:36px;height:36px;font-size:26px;line-height:1}
.scenario-content{padding:24px}
.scenario-content img{display:block;width:100%;height:auto}
.image-placeholder{min-height:360px;display:flex;align-items:center;justify-content:center;text-align:center;background:#f7f7f9;border:2px dashed #d7d7df;border-radius:8px;color:#777;line-height:1.8;padding:24px}
.image-placeholder small{display:block;font-size:12px;word-break:break-all}

.sample-dialog{position:fixed;inset:0;margin:auto;padding:0;border:0;border-radius:16px;width:min(480px,calc(100% - 32px));max-height:90dvh;overflow:auto;color:#111;background:#fff;box-shadow:0 24px 80px #0004}
.sample-dialog::backdrop{background:rgba(0,0,0,.6)}
.sample-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;border-bottom:1px solid #eee; position: relative;}
.sample-dialog-header h2{margin:0;font-size:20px;font-weight:800;letter-spacing:-.5px}
.sample-dialog-close{display:flex;align-items:center;justify-content:center;flex:none;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:#f3f3f5;color:#333;font-size:26px;line-height:1;cursor:pointer}
.sample-dialog-content{padding:28px 24px}
.sample-dialog .player-panel{margin:0;padding:0;border:0}
.sample-dialog .player-panel audio{display:block;width:100%;height:42px}
.sample-dialog .audio-message{margin:12px 0 0;font-size:13px;line-height:1.5;color:#9b2638}
.sample-dialog .audio-message:empty{display:none}

.arsnew.sample-section,.arsnew.sample-section *{box-sizing:border-box}
.arsnew.sample-section .sample-grid{width:calc(100% - 40px);max-width:850px}
.arsnew.sample-section .card-info>div{min-width:0}
.arsnew.sample-section .card-info p{white-space:normal;word-break:keep-all;overflow-wrap:break-word}
.scenario-dialog,.sample-dialog{box-sizing:border-box;position:fixed;inset:0;margin:auto;max-width:calc(100% - 32px);max-height:90vh;max-height:90dvh}
.scenario-dialog *,.sample-dialog *{box-sizing:border-box}
.dialog-header h2,.sample-dialog-header h2{min-width:0;word-break:keep-all;overflow-wrap:break-word}
.close-button,.sample-dialog-close{flex-shrink:0}
.scenario-content img{max-width:100%;height:auto}

.scenario-dialog{position:fixed;inset:0;margin:auto;padding:0;border:0;border-radius:14px;width:min(760px,calc(100% - 32px)); max-height:90vh;max-height:90dvh;overflow:auto;box-sizing:border-box;background:#fff;color:#111;box-shadow:0 24px 80px #0004}
.scenario-dialog .scenario-content{padding:24px}
.scenario-dialog .scenario-content img{display:block;width:100%;height:auto}
.scenario-dialog .scenario-content img[hidden]{display:none!important}

@media(max-width:1024px){
    .arsnew.sample-section{padding:70px 0}
    .arsnew.sample-section .sample-card{padding:22px 18px 18px}
    .arsnew.sample-section .card-info{gap:12px}
    .arsnew.sample-section .card-icon{width:60px;height:60px}
    .arsnew.sample-section .card-info h2{font-size:20px}
    .arsnew.sample-section .card-info p{font-size:15px;line-height:1.5}
}

@media(max-width:767px){
    .arsnew.sample-section{padding:50px 0}
    .arsnew.sample-section .sample-grid{max-width:520px;grid-template-columns:minmax(0,1fr);gap:14px}
    .arsnew.sample-section .sample-card{min-height:150px;padding:22px 20px 18px}
    .arsnew.sample-section .card-info{gap:16px}
    .arsnew.sample-section .card-icon{width:64px;height:64px}
    .arsnew.sample-section .card-info h2{font-size:21px}
    .arsnew.sample-section .card-info p{font-size:16px}
    .arsnew.sample-section .card-actions{gap:8px;margin-top:18px}
    .arsnew.sample-section .card-actions button{height:40px;font-size:14px}
    .arsnew.sample-section .sample-button{min-width:80px}
    .arsnew.sample-section .scenario-button{min-width:90px}
    .scenario-dialog,.sample-dialog{border-radius:12px}
    .dialog-header,.sample-dialog-header{gap:12px;padding:16px}
    .dialog-header h2,.sample-dialog-header h2{font-size:18px}
    .close-button,.sample-dialog-close{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0}
    .scenario-content{padding:16px}
    .sample-dialog-content{padding:24px 16px}
    .image-placeholder{min-height:240px;padding:16px;font-size:14px}
}

@media(max-width:380px){
    .arsnew.sample-section{padding:40px 0}
    .arsnew.sample-section .sample-grid{width:calc(100% - 28px);gap:12px}
    .arsnew.sample-section .sample-card{padding:18px 14px 16px}
    .arsnew.sample-section .card-info{gap:12px}
    .arsnew.sample-section .card-icon{width:54px;height:54px}
    .arsnew.sample-section .card-info h2{font-size:18px;letter-spacing:-.6px}
    .arsnew.sample-section .card-info p{font-size:14px;letter-spacing:-.4px}
    .scenario-dialog,.sample-dialog{width:calc(100% - 24px);max-width:calc(100% - 24px)}
    .dialog-header,.sample-dialog-header{padding:12px}
    .scenario-content{padding:12px}
    .sample-dialog-content{padding:20px 12px}
}





.arsnew.ars-portfolio{padding: 90px 24px 90px;background:#f7f9fc;font-family:"Pretendard",sans-serif;box-sizing:border-box;}
.arsnew.ars-portfolio *{box-sizing:border-box;}
.arsnew.ars-portfolio .portfolio-inner{max-width:1196px;margin:0 auto;}
.arsnew.ars-portfolio .portfolio-heading{text-align:center;margin-bottom: 58px;}
.arsnew.ars-portfolio .portfolio-heading h2{margin:0;font-size:40px;font-weight:700;line-height:1.4;letter-spacing:-1.7px;color:#222;}
.arsnew.ars-portfolio .portfolio-heading h2 strong{color:#1689f9;font-weight:800;}
.arsnew.ars-portfolio .portfolio-heading p{margin:24px 0 0;font-size:25px;font-weight:400;letter-spacing:-1px;color:#444;}
.arsnew.ars-portfolio .portfolio-tabs{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap: 9px;margin-bottom:36px;}
.arsnew.ars-portfolio .portfolio-tabs button{display:flex;align-items:center;justify-content:center;min-height: 48px;padding: 0 21px;border:1px solid #e2e2e2;border-radius:100px;background:#fff;color:#333;font-family:inherit;font-size: 16px;font-weight:600;letter-spacing:-0.5px;white-space:nowrap;cursor:pointer;transition:background .2s,color .2s,border-color .2s;}
.arsnew.ars-portfolio .portfolio-tabs button:hover{border-color:#333;}
.arsnew.ars-portfolio .portfolio-tabs button.active{background:#2c2c2c;border-color:#2c2c2c;color:#fff;}
.arsnew.ars-portfolio .portfolio-tabs button:focus-visible{outline:3px solid #1689f9;outline-offset:3px;}
.arsnew.ars-portfolio .portfolio-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:20px;row-gap: 36px;}
.arsnew.ars-portfolio .portfolio-item{min-width:0;text-align:center;}
.arsnew.ars-portfolio .portfolio-item[hidden]{display:none!important;}
.arsnew.ars-portfolio .portfolio-image{width:100%;aspect-ratio:285/160;overflow:hidden;border:1px solid #ddd;border-radius:13px;background:#e9edf2;}
.arsnew.ars-portfolio .portfolio-image img{display:block;width:100%;height:100%;object-fit:cover;}
.arsnew.ars-portfolio .portfolio-image img:not([src]),.arsnew.ars-portfolio .portfolio-image img[src=""]{visibility:hidden;}
.arsnew.ars-portfolio .portfolio-item h3{margin: 14px 0 0;font-size: 16px;line-height:1.5;font-weight:500;letter-spacing:-0.5px;color:#555;}
.arsnew.ars-portfolio .portfolio-item[hidden]{display:none!important}
/* 태블릿 */
@media(max-width:1200px){
    .arsnew.ars-portfolio{padding:75px 30px;}
    .arsnew.ars-portfolio .portfolio-heading{margin-bottom:50px;}
    .arsnew.ars-portfolio .portfolio-heading h2{font-size:35px;}
    .arsnew.ars-portfolio .portfolio-heading p{font-size:22px;margin-top:18px;}
    .arsnew.ars-portfolio .portfolio-tabs{gap:8px;margin-bottom:32px;}
    .arsnew.ars-portfolio .portfolio-tabs button{min-height:44px;padding:0 18px;font-size:15px;}
    .arsnew.ars-portfolio .portfolio-grid{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:18px;row-gap:48px;}
    .arsnew.ars-portfolio .portfolio-item h3{margin-top:18px;font-size:17px;}
}

/* 모바일 */
@media(max-width:768px){
    .arsnew.ars-portfolio{padding:60px 20px;}
    .arsnew.ars-portfolio .portfolio-heading{margin-bottom:38px;}
    .arsnew.ars-portfolio .portfolio-heading h2{font-size:28px;letter-spacing:-1px;}
    .arsnew.ars-portfolio .portfolio-heading p{font-size:18px;margin-top:14px;}
    .arsnew.ars-portfolio .portfolio-tabs{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;gap:8px;margin-bottom:28px;padding-bottom:5px;scrollbar-width:none;-webkit-overflow-scrolling:touch;}
    .arsnew.ars-portfolio .portfolio-tabs::-webkit-scrollbar{display:none;}
    .arsnew.ars-portfolio .portfolio-tabs button{flex:0 0 auto;min-height:42px;padding:0 17px;font-size:14px;}
    .arsnew.ars-portfolio .portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:14px;row-gap:34px;}
    .arsnew.ars-portfolio .portfolio-image{border-radius:10px;}
    .arsnew.ars-portfolio .portfolio-item h3{margin-top:13px;font-size:15px;}
}

/* 작은 모바일 */
@media(max-width:480px){
    .arsnew.ars-portfolio{padding:50px 16px;}
    .arsnew.ars-portfolio .portfolio-heading{margin-bottom:30px;}
    .arsnew.ars-portfolio .portfolio-heading h2{font-size:24px;line-height:1.45;letter-spacing:-0.8px;word-break:keep-all;}
    .arsnew.ars-portfolio .portfolio-heading p{font-size:16px;margin-top:12px;}
    .arsnew.ars-portfolio .portfolio-tabs{gap:7px;margin-bottom:24px;}
    .arsnew.ars-portfolio .portfolio-tabs button{min-height:38px;padding:0 15px;font-size:13px;}
    .arsnew.ars-portfolio .portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:10px;row-gap:28px;}
    .arsnew.ars-portfolio .portfolio-image{border-radius:8px;}
    .arsnew.ars-portfolio .portfolio-item h3{margin-top:10px;font-size:13px;line-height:1.4;word-break:keep-all;}
}