.concepts-page .case-title{margin-bottom:120px}
.concept-gallery{position:relative;aspect-ratio:1632/980;background:var(--black);border-radius:40px;color:#f8f7f0;touch-action:pan-y;overflow:hidden}
.concept-slide{position:absolute;inset:0;animation:concept-in .35s ease both}
.concept-slide[hidden]{display:none}
.concept-caption{position:absolute;left:4.412%;top:7.347%;width:25.123%}
.concept-caption h2{font:700 clamp(20px,1.62vw,28px)/1.143 Inter,sans-serif;margin:0 0 14px}
.concept-caption p{font:400 clamp(16px,1.158vw,20px)/1.3 Inter,sans-serif;margin:0}
.concept-devices{position:absolute;left:37.5%;top:7.653%;width:24.939%;display:flex;gap:7.54%}
.concept-devices.devices-2{width:51.758%;gap:3.63%}
.concept-devices.devices-3{left:16.974%;width:78.615%;gap:2.36%}
.concept-phone{position:relative;width:100%;flex-shrink:0;aspect-ratio:407/829.331}
.devices-2 .concept-phone{width:48.185%}.devices-3 .concept-phone{width:31.723%}
.concept-screen{position:absolute;left:4.617%;top:1.908%;width:90.644%;height:96.482%;border-radius:15.18% / 7%;overflow:hidden;background:#000}
.concept-screen>img,.concept-screen>video{display:block;width:100%;height:100%;object-fit:cover}
.concept-bezel{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.concept-island{position:absolute;left:35.36%;top:3.22%;width:28.92%;height:4.114%;border-radius:99px;background:#000;pointer-events:none}
.concept-island img{position:absolute;left:77.73%;top:24.65%;width:14.286%;height:49.27%;opacity:.6;border-radius:50%}
.concept-navigation{position:absolute;left:3.676%;bottom:4.286%;display:flex;gap:8px;align-items:center;color:var(--accent);font:600 clamp(18px,1.6vw,27.6px)/1 Inter,sans-serif}
.concept-navigation button{display:grid;place-items:center;width:44px;height:44px;padding:10px;border:0;border-radius:50%;background:transparent;cursor:pointer;transition:background .2s,transform .2s}
.concept-navigation button:first-child img{transform:rotate(180deg)}
.concept-navigation button:hover{background:#ffffff15;transform:scale(1.08)}
.concept-navigation button:focus-visible,.concept-gallery:focus-visible{outline:2px solid var(--accent);outline-offset:-4px}
.concept-counter{min-width:50px;text-align:center;font-variant-numeric:tabular-nums}
@keyframes concept-in{from{opacity:0;transform:translateX(12px)}to{opacity:1;transform:none}}
@media(max-width:900px){
 .concepts-page .case-title{margin-bottom:64px}
 .concept-gallery{aspect-ratio:auto;height:850px;border-radius:24px}
 .concept-caption{position:relative;left:auto;top:auto;width:auto;padding:28px 28px 0;min-height:145px}
 .concept-caption h2{font-size:24px;line-height:28px}.concept-caption p{font-size:18px;line-height:24px;max-width:410px}
 .concept-devices,.concept-devices.devices-2,.concept-devices.devices-3{position:relative;left:auto;top:auto;width:auto;height:600px;max-width:100%;margin:0 24px;display:flex;align-items:center;justify-content:center;gap:20px}
 .concept-devices .concept-phone{width:min(100%,294px)}
 .concept-devices.devices-2 .concept-phone{width:calc((100% - 20px)/2);max-width:294px}
 .concept-devices.devices-3 .concept-phone{width:calc((100% - 40px)/3);max-width:294px}
 .concept-navigation{left:18px;bottom:16px}
}
@media(max-width:540px){
 .concept-gallery{height:790px}
 .concept-caption{padding:24px 24px 0;min-height:155px}.concept-caption h2{font-size:22px;line-height:26px}.concept-caption p{font-size:16px;line-height:22px}
 .concept-devices,.concept-devices.devices-2,.concept-devices.devices-3{height:555px;margin:0 16px;gap:12px;justify-content:flex-start;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;touch-action:pan-x pan-y}
 .concept-devices::-webkit-scrollbar{display:none}
 .concept-devices .concept-phone,.concept-devices.devices-2 .concept-phone,.concept-devices.devices-3 .concept-phone{width:min(90%,265px);max-width:265px;scroll-snap-align:center}
 .concept-devices.devices-1{justify-content:center}
}
@media(prefers-reduced-motion:reduce){.concept-slide{animation:none}.concept-navigation button{transition:none}}