/* Main navigation scrolls with the page; contact stays within reach. */
html{scroll-padding-top:24px}
.header{position:relative;top:auto}
.contact-dock{position:fixed;left:max(18px,env(safe-area-inset-left));bottom:calc(18px + env(safe-area-inset-bottom));z-index:55;color:#f3f0e8}
.contact-dock>summary{display:flex;align-items:center;gap:24px;list-style:none;cursor:pointer;min-height:48px;padding:0 20px;background:#171917f5;border:1px solid #e2bc4e99;box-shadow:0 5px 24px #0004;font-size:11px;letter-spacing:.13em}
.contact-dock>summary::-webkit-details-marker{display:none}
.contact-dock>summary>span{color:#e2bc4e;font-size:19px;transition:transform .2s}
.contact-dock[open]>summary>span{transform:rotate(45deg)}
.contact-dock>summary:focus-visible{outline:2px solid #e2bc4e;outline-offset:4px}
.contact-options-panel{position:absolute;bottom:calc(100% + 12px);left:0;width:min(350px,calc(100vw - 36px));padding:22px;background:#151813;border:1px solid #e2bc4e70;box-shadow:0 10px 40px #0008}
.contact-options-panel>p{font-size:12px;margin:0 0 14px;color:#c7c8bd;line-height:1.8}
.contact-options-panel>a{display:flex;flex-direction:column;gap:5px;padding:17px 12px;border:1px solid #ffffff30;margin-top:10px;min-height:70px}
.contact-options-panel>a:hover{border-color:#e2bc4e;background:#e2bc4e0c}
.contact-options-panel strong{font-size:15px;font-weight:500}
.contact-options-panel a span{font-size:12px;color:#d0bd85;overflow-wrap:anywhere}
@media(max-width:767px){.contact-dock{left:max(12px,env(safe-area-inset-left));bottom:calc(12px + env(safe-area-inset-bottom))}.contact-dock>summary{padding:0 16px;gap:16px}.contact-options-panel{width:min(350px,calc(100vw - 24px))}}
@media(prefers-reduced-motion:reduce){.contact-dock>summary>span{transition:none}}