.site-header { background:rgba(7,7,7,.94); backdrop-filter:none; -webkit-backdrop-filter:none; }
.site-header.is-scrolled { background:rgba(10,10,10,.9); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); box-shadow:inset 0 -1px 0 #ffffff12; }
@supports not (backdrop-filter:blur(1px)) { .site-header.is-scrolled { background:rgba(10,10,10,.96); } }
body.menu-open .site-header { background:#070707; backdrop-filter:none; -webkit-backdrop-filter:none; }
.portrait-frame { transform:perspective(1000px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)); transition:transform .35s ease-out; }
.portrait-frame.is-tilting { transition:transform .12s ease-out; }
.toast { display:flex; align-items:center; gap:10px; width:max-content; max-width:calc(100dvw - 32px); padding:12px 16px; border:1px solid #ffffff24; border-radius:10px; color:#ededed; background:#171717; font-size:12px; font-weight:400; letter-spacing:.015em; text-transform:none; pointer-events:none; transform:translateY(12px); visibility:hidden; transition:opacity .2s ease,transform .2s ease,visibility .2s; }
.toast.is-visible { transform:translateY(0); visibility:visible; }
.toast-check { display:block; width:16px; height:16px; flex:none; }
@media(max-width:700px) {
  .toast { left:auto; right:16px; bottom:20px; }
  .site-header.is-scrolled { background:#070707; backdrop-filter:none; -webkit-backdrop-filter:none; }
}
@media(hover:none),(pointer:coarse),(prefers-reduced-motion:reduce) {
  .portrait-frame { transform:none!important; transition:none; }
}
@media(prefers-reduced-motion:reduce) {
  .site-header.is-scrolled { background:#070707; backdrop-filter:none; -webkit-backdrop-filter:none; }
}
@media print { .portrait-frame { transform:none!important; } }