From 79bfcd4a2899b918777c91ec41c2e0806d2593bb Mon Sep 17 00:00:00 2001
From: "github-actions[bot]" <github-actions[bot]@users.noreply.github.com>
Date: Fri, 16 Oct 2026 09:09:50 +0000
Subject: [PATCH 1/2] chore: bump dev version to 1.7.0

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 4b3dd3b..0d4784f 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "astro-scaffold",
   "type": "module",
-  "version": "1.6.0",
+  "version": "1.7.0",
   "engines": {
     "node": ">=22.12.0"
   },

From 025916489f1cdb3cd06e20c6b41acea8e0aead27 Mon Sep 17 00:00:00 2001
From: Fajrian Aidil Pratama <fajrianaidilp@gmail.com>
Date: Fri, 16 Oct 2026 16:21:25 +0700
Subject: [PATCH 2/2] fix(player): fullscreen keeps the video's own aspect
 ratio (letterbox)

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
---
 src/components/services/MotionPlayer.astro | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/components/services/MotionPlayer.astro b/src/components/services/MotionPlayer.astro
index b895228..1a61ee0 100644
--- a/src/components/services/MotionPlayer.astro
+++ b/src/components/services/MotionPlayer.astro
@@ -15,7 +15,7 @@ const { src, poster, ratio, title, labels } = Astro.props
 ---
 
 <div class="mp relative bg-bnc-ink text-white overflow-hidden select-none" style={`aspect-ratio: ${ratio}`} data-mp data-state="idle">
-  <video class="mp-video absolute inset-0 w-full h-full object-cover" poster={poster} preload="none" playsinline aria-label={title}>
+  <video class="mp-video absolute inset-0 w-full h-full object-contain" poster={poster} preload="none" playsinline aria-label={title}>
     <source src={src} type="video/mp4" />
   </video>
 
@@ -46,6 +46,10 @@ const { src, poster, ratio, title, labels } = Astro.props
 
 <style>
   .mp { border: 1px solid var(--color-bnc-plate-line); }
+  /* Fullscreen: fill the screen, letterbox the video at its own aspect ratio */
+  .mp:fullscreen, .mp:-webkit-full-screen { aspect-ratio: auto !important; width: 100vw; height: 100vh; border: 0; background: #000; }
+  .mp:fullscreen .mp-video, .mp:-webkit-full-screen .mp-video { object-fit: contain; }
+  .mp:fullscreen .mp-bar { padding-bottom: max(0.5rem, env(safe-area-inset-bottom)); }
   .mp-big { width: 4.5rem; height: 4.5rem; background: var(--color-bnc-plate); color: #fff; border: 1px solid #fff; transition: transform 250ms cubic-bezier(0.16, 1, 0.3, 1), background 150ms; }
   .mp-cover:hover .mp-big { transform: scale(1.06); background: var(--color-bnc-plate-lift); }
   .mp-bar { background: linear-gradient(to top, rgba(6, 11, 46, 0.92), rgba(6, 11, 46, 0)); opacity: 0; transition: opacity 200ms; }