/* scrollbar: dark rail that matches the frame around the page sheet */
html{scrollbar-color:rgba(255,255,255,.35) #11131a}
::-webkit-scrollbar{width:10px;background:#11131a}
::-webkit-scrollbar-track{background:#11131a}
::-webkit-scrollbar-thumb{background-color:rgba(255,255,255,.28)!important;border:3px solid #11131a;background-clip:padding-box;border-radius:99px}
::-webkit-scrollbar-thumb:hover{background-color:rgba(255,255,255,.5)!important}

/* floating contact dock: appears once the hero is gone, hides near the form */
.dock{position:fixed;z-index:60;right:max(20px,env(safe-area-inset-right,0px));bottom:max(20px,env(safe-area-inset-bottom,0px));display:flex;gap:5px;align-items:center;
  padding:5px;border:1px solid rgba(255,255,255,.13);border-radius:999px;background:linear-gradient(145deg,rgba(37,39,47,.97),rgba(17,19,26,.98));
  -webkit-backdrop-filter:blur(16px) saturate(125%);backdrop-filter:blur(16px) saturate(125%);
  box-shadow:0 18px 42px -16px rgba(17,19,26,.72),0 5px 14px rgba(17,19,26,.2),inset 0 1px 0 rgba(255,255,255,.12);
  transform:translateY(140%);opacity:0;transition:transform .45s cubic-bezier(.22,.61,.36,1),opacity .3s;pointer-events:none}
.dock.on{transform:none;opacity:1;pointer-events:auto}
.dock a{display:inline-flex;align-items:center;gap:9px;height:44px;padding:0 16px;border-radius:999px;font:600 15px/1 var(--sans);font-variation-settings:"wdth" 125;color:#fff;text-decoration:none;transition:background .22s,color .22s,box-shadow .22s,transform .22s}
.dock .go{background:#d9542b;box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 4px 12px rgba(217,84,43,.2)}
.dock .go:hover{background:#e1633c;box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 6px 16px rgba(217,84,43,.3);transform:translateY(-1px)}
.dock .tg{padding:0;width:44px;justify-content:center;background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.07)}
.dock .tg:hover{background:rgba(255,255,255,.15);transform:translateY(-1px)}
.dock svg{width:18px;height:18px;flex:none}
.dock .go svg{box-sizing:content-box;padding:6px;border-radius:50%;background:rgba(255,255,255,.14)}
.dock a:focus-visible{outline:2px solid #fff;outline-offset:2px}
@media(max-width:639px){.dock{left:50%;right:auto;transform:translate(-50%,140%)}.dock.on{transform:translate(-50%,0)}}
@media(prefers-reduced-motion:reduce){.dock{transition:opacity .2s}}
/* no native scrollbar next to the rounded sheet (owner, 2026-10-24); a thin
   progress line at the right edge shows position instead */
html{scrollbar-width:none}html::-webkit-scrollbar{display:none;width:0;height:0}
.sprog{position:fixed;top:0;right:0;width:3px;height:100vh;z-index:70;pointer-events:none}
.sprog i{display:block;width:100%;height:100%;background:var(--accent,#d9542b);transform-origin:top;transform:scaleY(0);border-radius:0 0 3px 3px}
/* phones: compact dock (round icons), hidden while scrolling down, back on scroll up */
@media(max-width:639px){
  .dock{left:auto;right:max(16px,env(safe-area-inset-right,0px));transform:translateY(140%);gap:6px;padding:5px}
  .dock.on{transform:none}
  .dock .go{width:46px;height:46px;padding:0;justify-content:center}
  .dock .go span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .dock .tg{width:46px;height:46px}
  .dock.down{transform:translateY(140%);opacity:0;pointer-events:none}
}