/* PAUL MAYALUXHOME WORK V1 — styles limited to this case study. */
#work .case-card[data-maya-case] .case-visual{display:flex;flex-direction:column;justify-content:center;aspect-ratio:4/3;min-height:0;height:auto;padding:clamp(20px,3.2vw,48px);background:radial-gradient(ellipse at 20% 8%,#faf9f5 0,transparent 65%),linear-gradient(145deg,#e8e9e4,#cdd5d2);isolation:isolate}
#work .case-card[data-maya-case] .case-visual::after{border-color:rgba(255,255,255,.4)}
.maya-devices{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.335fr);align-items:center;gap:clamp(12px,2vw,26px);width:100%;padding:0 0 22px;margin:0}
.maya-laptop,.maya-phone{position:relative;min-width:0;margin:0}
.maya-laptop-screen{position:relative;padding:clamp(5px,.7vw,9px);border:1px solid #777c7d;border-radius:clamp(10px,1.5vw,19px);background:linear-gradient(145deg,#313638,#0d1012);box-shadow:0 20px 30px -15px rgba(30,48,46,.4),inset 0 1px 1px #c2c7c5}
#work .case-card[data-maya-case] .case-image{display:block;width:100%;height:auto;aspect-ratio:2048/1422;object-fit:contain;object-position:center;border-radius:clamp(5px,.7vw,11px);transform:none!important;transition:none;will-change:auto}
.maya-phone{padding:clamp(4px,.6vw,7px);border:1px solid #8f9c99;border-radius:clamp(14px,2.4vw,29px);background:linear-gradient(125deg,#9fa9a5,#252e2d 8%,#111b19 80%,#879590);box-shadow:0 23px 32px -16px rgba(17,37,33,.55),inset 0 0 0 1px #202a27}
.maya-phone video{display:block;width:100%;height:auto;aspect-ratio:660/1422;object-fit:contain;border-radius:clamp(10px,1.8vw,22px);background:#f9f7f0}
.maya-media-tools{display:flex;align-items:center;justify-content:flex-end;min-height:44px;margin-top:8px}
.maya-video-toggle{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:8px 13px;border:1px solid rgba(27,50,45,.24);border-radius:999px;background:rgba(255,255,255,.72);color:#1e3c35;font:inherit;font-size:12px;font-weight:500;line-height:1.3;letter-spacing:.01em;cursor:pointer}
.maya-video-toggle[hidden]{display:none}
.maya-video-toggle:hover{background:#fff;border-color:#718e81}
.maya-video-toggle:focus-visible{outline:2px solid #1b5a4c;outline-offset:4px}
.maya-video-toggle svg{width:12px;height:12px;fill:currentColor;flex-shrink:0}
.maya-video-toggle [data-maya-icon="play"],.maya-video-toggle[data-playing="false"] [data-maya-icon="pause"]{display:none}
.maya-video-toggle[data-playing="false"] [data-maya-icon="play"]{display:block}
#work .case-card[data-maya-case] .case-details dd{font-size:14px;line-height:1.65;color:#afbdc4}
#work .case-card[data-maya-case] .case-category{line-height:1.5;letter-spacing:.12em}
#work .case-card[data-maya-case] h3{font-size:clamp(28px,3vw,42px);letter-spacing:-.035em}
#work .case-card[data-maya-case] .case-action{min-height:44px;gap:14px}
@media(max-width:900px){#work .case-card[data-maya-case] .case-visual{padding:clamp(20px,4vw,40px);aspect-ratio:4/3}.maya-devices{gap:clamp(14px,3vw,26px)}}
@media(max-width:500px){#work .case-card[data-maya-case] .case-visual{padding:25px 20px 14px;aspect-ratio:1.14}.maya-devices{grid-template-columns:minmax(0,1fr) minmax(0,.38fr);gap:14px;padding-bottom:12px}.maya-media-tools{margin-top:0}.maya-video-toggle{font-size:12px}}
@media(prefers-reduced-motion:reduce){#work .case-card[data-maya-case],#work .case-card[data-maya-case]:hover{transform:none!important}.maya-video-toggle{transition:none}}

/* MAYALUXHOME DIRECT BOOKING AND OTA LABEL */
#work .case-card[data-maya-case] .maya-product-type{margin:0 0 9px;color:#d9e5e3;font-size:clamp(14px,1.4vw,16px);font-weight:500;line-height:1.45;letter-spacing:.015em;text-wrap:balance}