/* Additional portfolio media and the WhatsApp contact panel. */
.garage-recent{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:18px;scroll-margin-top:110px}
.garage-recent>.garage-photo{aspect-ratio:3/4}
.garage-wide-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px}
.garage-wide-row>.garage-photo{aspect-ratio:4/3}
.garage-video{cursor:pointer}
.garage-video img{object-position:center 48%;filter:brightness(.85)}
.video-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:68px;height:68px;display:grid;place-items:center;border-radius:50%;background:var(--turquoise);color:var(--deep);border:1px solid #c4fff3b3;box-shadow:0 8px 28px #03232045;transition:box-shadow .25s,background .25s}
.video-play svg{width:27px;height:27px;fill:currentColor;stroke:none;transform:translateX(-2px)}
.garage-video:hover .video-play{background:#91f0e4;box-shadow:0 0 0 10px #43d7cb22,0 8px 28px #03232045}
.video-dialog{width:min(560px,calc(100vw - 40px));max-width:none;max-height:94svh;background:#091f22;border:1px solid #51756a65;border-radius:10px;color:#fff;padding:10px 16px 16px;overflow:auto;box-shadow:0 30px 90px #0004}
.video-dialog::backdrop{background:#001317e8;backdrop-filter:blur(7px)}
.video-dialog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:48px;color:#b4ccc3;font-size:10px;letter-spacing:1.8px;padding-left:5px}
.video-dialog-close{width:44px;height:44px;background:none;border:0;color:#fff;font-size:34px;line-height:1;cursor:pointer}
.video-dialog-close:hover{color:var(--turquoise)}
.video-dialog video{display:block;width:100%;max-height:77svh;aspect-ratio:464/560;object-fit:contain;background:#061719;border-radius:3px;margin:auto}
.whatsapp-float{cursor:pointer;z-index:44;letter-spacing:.6px;font-size:10px;font-family:var(--body);font-weight:800}
.whatsapp-float[aria-expanded=true]{background:#e4fbf2;border-color:var(--turquoise)}
.whatsapp-panel{position:fixed;right:22px;bottom:86px;width:350px;max-width:calc(100vw - 30px);max-height:calc(100svh - 115px);z-index:45;background:#fafbf8;border:1px solid #d7e4db;border-radius:12px;box-shadow:0 16px 60px #072d2c32;overflow:auto;animation:contact-panel-in .2s ease-out}
.whatsapp-panel[hidden]{display:none}
.whatsapp-panel-heading{display:flex;align-items:center;gap:12px;padding:20px 17px;background:#0b3535;color:#fff}
.whatsapp-panel-icon{width:39px;height:39px;flex:0 0 39px;display:grid;place-items:center;border:1px solid #60d7bd55;border-radius:50%;color:var(--turquoise)}
.whatsapp-panel-icon svg{height:23px;width:23px}
.whatsapp-panel-heading small{font-size:8px;letter-spacing:2px;display:block;color:#aac5bb;margin-bottom:5px}
.whatsapp-panel-heading h2{font-family:var(--heading);font-size:25px;line-height:1;margin:0;letter-spacing:.4px;color:#fff}
.whatsapp-panel-close{margin-left:auto;width:35px;height:39px;flex:0 0 35px;border:0;background:none;color:#c9e3d9;font-size:29px;cursor:pointer;padding:0}
.whatsapp-panel-close:hover{color:var(--turquoise)}
.whatsapp-panel-body{padding:23px}
.whatsapp-panel-body p{font-size:13px;line-height:1.85;color:#536c62;margin:0 0 21px}
.whatsapp-panel-body .button{width:100%;font-size:13px;min-height:50px;justify-content:space-between}
.whatsapp-panel-hours{display:block;font-size:10px;color:#6a8074;text-align:center;margin-top:17px}
@keyframes contact-panel-in{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}
@media(max-width:800px){
 .garage-recent,.garage-wide-row{gap:14px;margin-top:16px}
 .video-play{width:58px;height:58px}
 .video-play svg{width:25px;height:25px}
}
@media(max-width:560px){
 .garage-recent{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px;scroll-margin-top:92px}
 .garage-recent>.garage-photo{aspect-ratio:3/4}
 .garage-recent>.garage-video{grid-column:1/-1;aspect-ratio:4/3}
 .garage-wide-row{grid-template-columns:1fr;gap:14px;margin-top:14px}
 .garage-wide-row>.garage-photo{aspect-ratio:4/3}
 .video-play{width:62px;height:62px}
 .video-dialog{width:calc(100vw - 20px);padding:8px 10px 12px;border-radius:8px}
 .video-dialog video{max-height:75svh}
 .whatsapp-panel{right:15px;bottom:max(78px,calc(env(safe-area-inset-bottom) + 65px));width:350px}
 .whatsapp-panel-heading{padding:18px 15px;gap:10px}
 .whatsapp-panel-heading h2{font-size:24px}
 .whatsapp-panel-body{padding:20px}
 .whatsapp-panel-body p{font-size:13px}
}
@media(prefers-reduced-motion:reduce){.whatsapp-panel{animation:none}.video-play{transition:none}}