/* Native cross-document continuity. No translation or resizing of the logo. */
@view-transition { navigation: auto; }

::view-transition-group(root),
::view-transition-old(root),
::view-transition-new(root) { animation: none; }

:root[data-navigation-motion="on"]::view-transition-old(root) {
  animation: volt-page-out 320ms cubic-bezier(.2,.65,.3,1) both;
}
:root[data-navigation-motion="on"]::view-transition-new(root) {
  animation: volt-page-in 320ms cubic-bezier(.2,.65,.3,1) both;
}
@keyframes volt-page-out { to { opacity: 0; } }
@keyframes volt-page-in { from { opacity: 0; } }

@media (max-width: 700px) {
  :root[data-navigation-motion="on"]::view-transition-old(root),
  :root[data-navigation-motion="on"]::view-transition-new(root) {
    animation-duration: 220ms;
  }
}
@media (prefers-reduced-motion: reduce) {
  :root:not([data-navigation-motion="on"])::view-transition-old(root),
  :root:not([data-navigation-motion="on"])::view-transition-new(root) {
    animation: none;
  }
}

/* the WhatsApp mark beside Contact (Orhan, 28 Oct 2026); in the gold button it takes the button's ink */
.wa-icon{flex:none;width:16px;height:16px;margin-right:7px;color:currentColor;vertical-align:-3px}
.cta .wa-icon{width:18px;height:18px;margin-right:0}

/* the phone menu, one design on every page (1 Nov 2026): a rounded panel, comfortable rows, the current page in gold */
:is(.menu,.mobile-menu) nav{position:absolute;right:0;top:52px;z-index:40;display:grid;gap:2px;width:min(288px,calc(100vw - 32px));padding:8px;background:#24251d;border-radius:20px}
:is(.menu,.mobile-menu) nav a{position:relative;display:flex;align-items:center;gap:10px;min-height:52px;padding:0 18px;border-radius:14px;color:#f7f5ed;font-size:17px;font-weight:500;line-height:1.2;text-decoration:none;-webkit-tap-highlight-color:transparent}
:is(.menu,.mobile-menu) nav a[aria-current]{color:#e8c547;background:rgba(232,197,71,.09);text-decoration:none}
:is(.menu,.mobile-menu) nav a:active{background:rgba(255,255,255,.07)}
@media (hover:hover){:is(.menu,.mobile-menu) nav a:hover{background:rgba(255,255,255,.05);color:#f7f5ed}:is(.menu,.mobile-menu) nav a[aria-current]:hover{color:#e8c547}}
:is(.menu,.mobile-menu) nav a:focus-visible{outline:2px solid #e8c547;outline-offset:-2px}
/* the WhatsApp mark sits at the row's far end, so every label starts on the same line */
:is(.menu,.mobile-menu) nav .wa-icon{position:absolute;right:18px;top:50%;width:18px;height:18px;margin:-9px 0 0}
:is(.menu,.mobile-menu)[open] summary{color:#e8c547}
:root[data-navigation-motion="on"] :is(.menu,.mobile-menu)[open] nav{transform-origin:top right;animation:volt-menu-in 180ms cubic-bezier(.2,.8,.2,1) both}
@keyframes volt-menu-in{from{opacity:0;transform:translateY(-6px) scale(.97)}}
/* the open menu dims the page behind it; a tap on the dimmed page closes it (navigation.js) */
:is(.menu,.mobile-menu)[open]::before{content:"";position:fixed;inset:0;z-index:30;background:rgba(6,6,4,.55)}
:is(.menu,.mobile-menu) summary{position:relative;z-index:41}
:is(.menu,.mobile-menu) summary svg path{transform-box:fill-box;transform-origin:center;transition:transform .2s cubic-bezier(.2,.8,.2,1)}
:is(.menu,.mobile-menu)[open] summary svg path:first-child{transform:translateY(4px) rotate(45deg)}
:is(.menu,.mobile-menu)[open] summary svg path:last-child{transform:translateY(-4px) rotate(-45deg)}
@media (prefers-reduced-motion:reduce){:is(.menu,.mobile-menu) summary svg path{transition:none}}
/* the iPhone home bar never covers the footer */
.site-footer,.footer{padding-bottom:max(16px,calc(env(safe-area-inset-bottom) + 12px))}
/* shared by every page (1 Nov 2026): the email address in the footer, and answers written as short points */
.footer-email{display:inline-flex;align-items:center;min-height:44px;color:inherit;text-underline-offset:4px;text-decoration-color:rgba(232,197,71,.6)}
.points{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.points li{position:relative;padding-left:20px}
.points li::before{content:"";position:absolute;left:3px;top:.72em;width:6px;height:6px;rotate:45deg;background:#e8c547}