.site-header.signature-header{--contact-glow:#eec495;top:20px;left:50%;width:calc(100% - 2 * var(--pad));max-width:1320px;transform:translateX(-50%);padding:12px 30px;min-height:76px;gap:28px;border:1px solid #b7e9de38;border-radius:14px;background:linear-gradient(115deg,#122b35d9,#061723cf 70%);color:#edf5f0;box-shadow:0 12px 40px #020b1830,inset 0 1px #d0f3e414;backdrop-filter:blur(22px) saturate(135%);transition:top .4s,padding .4s,background .4s,box-shadow .4s}
.site-header.signature-header.solid{top:12px;padding:9px 30px;min-height:68px;background:linear-gradient(115deg,#102f39f2,#061723ee);border-bottom:1px solid #b7e9de38;box-shadow:0 8px 30px #020b1828;color:#edf5f0}
.signature-header .brand{display:flex;align-items:center;gap:10px;white-space:nowrap;font-family:Georgia,serif;font-size:23px;font-weight:400;letter-spacing:.09em}
.brand-kraken{width:42px;height:42px;object-fit:contain;filter:drop-shadow(0 0 7px #75dad63b);transition:transform .45s}
.signature-header .brand:hover .brand-kraken{transform:rotate(-12deg) translateY(-3px)}
.signature-header .brand em{color:#88ddca}
.signature-header nav{display:flex;gap:clamp(18px,3vw,46px);margin-left:auto;font-size:14px}
.signature-link{position:relative;padding:14px 0;color:#d8e6e6;transition:color .25s,transform .3s}
.signature-link:after{content:'';position:absolute;left:0;right:0;bottom:5px;height:1px;background:linear-gradient(90deg,transparent,#a1ebd9,transparent);transform:scaleX(0);transition:transform .35s;box-shadow:0 0 8px #a1ebd970}
.signature-link:hover,.signature-link[aria-current]{color:#fff;transform:translateY(-2px)}
.signature-link:hover:after,.signature-link[aria-current]:after{transform:scaleX(1)}
.signature-contact{position:relative;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:156px;height:44px;margin:0 12px 0 25px;isolation:isolate;outline-offset:12px!important}
.contact-label{display:flex;gap:17px;align-items:center;justify-content:center;position:relative;z-index:2;width:100%;height:100%;border-radius:100px;border:1px solid #e6c28cba;background:linear-gradient(110deg,#24323b,#0b1c28);color:#fff4df;font-size:14px;box-shadow:0 0 16px #dea56430,inset 0 0 13px #dea5640c;transition:box-shadow .35s,background .35s,transform .35s}
.contact-label>span{transition:transform .35s}
.contact-tentacle{position:absolute;z-index:1;pointer-events:none;width:205px;height:120px;max-width:none;object-fit:contain;top:-32px;left:-30px;transform-origin:80% 60%;filter:drop-shadow(0 4px 8px #0005);animation:tentacle-breathe 6s ease-in-out infinite;transition:filter .4s}
.signature-contact:hover .contact-label,.signature-contact:focus-visible .contact-label{box-shadow:0 0 26px #efb36565,inset 0 0 16px #efb36520;background:#263744;transform:translateY(-1px)}
.signature-contact:hover .contact-label>span{transform:translate(2px,-2px)}
.signature-contact:hover .contact-tentacle,.signature-contact:focus-visible .contact-tentacle{animation:tentacle-curl 1.8s ease-in-out infinite;filter:drop-shadow(0 0 8px #d58b4160)}
.menu-toggle{display:none}
@keyframes tentacle-breathe{0%,100%{transform:rotate(-2deg) scale(1)}50%{transform:rotate(2deg) scale(1.025)}}
@keyframes tentacle-curl{0%,100%{transform:rotate(-4deg) scale(1.03)}50%{transform:rotate(4deg) scale(1.06)}}
@media(max-width:900px){.site-header.signature-header,.site-header.signature-header.solid{width:calc(100% - 36px);padding:9px 16px;gap:12px;min-height:65px}.signature-header .brand{font-size:19px;gap:6px}.brand-kraken{width:33px;height:33px}.signature-header nav{gap:20px;font-size:13px}.signature-contact{width:130px;margin-left:12px;margin-right:6px}.contact-tentacle{width:172px;height:102px;left:-25px;top:-27px}}
@media(max-width:1000px){.site-header.signature-header,.site-header.signature-header.solid{top:12px;width:calc(100% - 24px);padding:10px 13px;gap:9px;min-height:62px}.signature-header .brand{font-size:17px;letter-spacing:.05em}.brand-kraken{width:29px;height:29px}.signature-contact{width:103px;height:36px;margin:0 3px 0 0}.contact-label{font-size:12px;gap:9px}.contact-tentacle{width:140px;height:83px;top:-21px;left:-23px}.menu-toggle{margin-left:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:40px;height:40px;border:1px solid #bbebdf35;border-radius:50%;background:#c7f3e908;color:inherit;flex-shrink:0}.menu-toggle span{width:16px;height:1px;background:#c7f3e9;transition:transform .3s}.menu-open .menu-toggle span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-open .menu-toggle span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.signature-header #signature-nav{display:flex;position:absolute;top:calc(100% + 10px);left:0;right:0;flex-direction:column;align-items:stretch;gap:0;padding:13px 22px;background:linear-gradient(135deg,#163a43f7,#071b2cf7);border:1px solid #a4e5d53b;border-radius:14px;box-shadow:0 20px 45px #0005;backdrop-filter:blur(24px);opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .25s,transform .3s,visibility .3s}.signature-header nav>a.signature-link{display:block;padding:17px 0;font-size:16px}.signature-header.menu-open #signature-nav{opacity:1;visibility:visible;transform:none}.signature-link:after{bottom:8px;transform-origin:left}.scene-controls{top:110px}}
@media(prefers-reduced-motion:reduce){.signature-header *, .signature-header *:after{animation:none!important;transition:none!important}}

@media(min-width:681px){.scene-controls{top:135px}.film-state{top:180px}}

/* One shared contact bubble follows every navigation item. */
.signature-header .brand{font-size:24px;letter-spacing:.055em;gap:10px}
.brand-kraken{width:48px;height:48px}
.signature-header #signature-nav{position:relative;display:flex;gap:10px;align-items:center;margin-left:auto;isolation:isolate}
.signature-header nav>a.signature-link{position:relative;z-index:1;display:flex;justify-content:center;align-items:center;min-width:110px;padding:13px 18px;min-height:44px;border-radius:100px;color:#d8e6e6;font-size:14px;white-space:nowrap;transform:none;transition:color .25s}
.signature-header nav>a.signature-link:after{display:none}
.signature-header nav>a.signature-contact{min-width:136px;width:auto;height:auto;margin:0;font-family:Georgia,serif;font-size:19px}
.signature-header nav>a.signature-link:hover,.signature-header nav>a.signature-link:focus-visible,.signature-header nav>a.signature-link[aria-current]{color:#fff5e1}
.nav-bubble{pointer-events:none;position:absolute;z-index:0;left:0;top:0;width:var(--bubble-w,136px);height:var(--bubble-h,44px);transform:translate3d(var(--bubble-x,0px),var(--bubble-y,0px),0);border:1px solid #f2c994;border-radius:100px;background:linear-gradient(115deg,#e9c28d14,#091d2ce0);box-shadow:0 0 16px #e8ad6459,inset 0 0 12px #edb96e16;opacity:0;transition:transform .55s cubic-bezier(.22,1,.36,1),width .55s cubic-bezier(.22,1,.36,1),height .45s,opacity .25s}
.bubble-ready .nav-bubble{opacity:1}
@media(max-width:1000px){.signature-header .brand{font-size:21px;gap:6px}.brand-kraken{width:40px;height:40px}.signature-header #signature-nav{gap:2px}.signature-header nav>a.signature-link{min-width:88px;padding:12px 13px;font-size:13px}.signature-header nav>a.signature-contact{min-width:108px;font-size:17px}}
@media(max-width:1000px){.site-header.signature-header,.site-header.signature-header.solid{padding:9px 16px;min-height:65px}.signature-header .brand{font-size:21px;gap:8px}.brand-kraken{width:40px;height:40px}.signature-header #signature-nav{position:absolute;top:calc(100% + 10px);left:0;right:0;margin:0;flex-direction:column;align-items:stretch;gap:8px;padding:15px}.signature-header nav>a.signature-link{justify-content:flex-start;padding:14px 22px;font-size:16px;min-height:48px}.signature-header nav>a.signature-contact{font-family:Georgia,serif;font-size:20px}}
@media(min-width:681px){.scene-controls{top:115px}.film-state{top:160px}}
@media(prefers-reduced-motion:reduce){.nav-bubble{transition:none!important}}

/* Abyssal glass: opposed cuts, refractive rim and underwater reflections. */
.site-header.signature-header,.site-header.signature-header.solid{background:none;border:0;box-shadow:none;backdrop-filter:none;isolation:isolate}
.signature-header:before{content:'';position:absolute;inset:0;z-index:-2;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%201320%2076%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22glass%22%3E%3Cstop%20stop-color%3D%22%23123440%22%20stop-opacity%3D%22.16%22/%3E%3Cstop%20offset%3D%22.34%22%20stop-color%3D%22%23061d30%22%20stop-opacity%3D%22.25%22/%3E%3Cstop%20offset%3D%22.72%22%20stop-color%3D%22%23031727%22%20stop-opacity%3D%22.22%22/%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%230c4857%22%20stop-opacity%3D%22.12%22/%3E%3C/linearGradient%3E%3ClinearGradient%20id%3D%22edge%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%221%22%3E%3Cstop%20stop-color%3D%22%23adeff8%22%20stop-opacity%3D%22.72%22/%3E%3Cstop%20offset%3D%22.45%22%20stop-color%3D%22%235ad9e9%22%20stop-opacity%3D%22.28%22/%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2347e0f0%22%20stop-opacity%3D%22.90%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath%20d%3D%22M14%201H1280Q1290%201%201295%2012L1317%2059Q1324%2075%201306%2075H40Q30%2075%2026%2065L2%2017Q-3%201%2014%201Z%22%20fill%3D%22url%28%23glass%29%22%20stroke%3D%22url%28%23edge%29%22%20stroke-width%3D%221.4%22%20vector-effect%3D%22non-scaling-stroke%22/%3E%3Cpath%20d%3D%22M17%204H1277Q1287%204%201291%2014L1313%2060Q1318%2072%201305%2072H41Q33%2072%2029%2063L6%2017Q1%204%2017%204Z%22%20fill%3D%22none%22%20stroke%3D%22%23b1f6ff%22%20stroke-opacity%3D%22.10%22%20vector-effect%3D%22non-scaling-stroke%22/%3E%3C/svg%3E");background-size:100% 100%;background-repeat:no-repeat;backdrop-filter:blur(7px) saturate(140%);-webkit-backdrop-filter:blur(7px) saturate(140%);clip-path:polygon(0 0,97.7% 0,100% 100%,2.3% 100%)}
.signature-header:after{content:'';position:absolute;inset:2px;z-index:-1;pointer-events:none;clip-path:polygon(0 0,97.7% 0,100% 100%,2.3% 100%);border-radius:14px;background:radial-gradient(ellipse 32% 120% at var(--glass-x,65%) 120%,#65ecff25,transparent 75%),linear-gradient(105deg,#c2fbff0b,transparent 25%,#91edfa08 54%,transparent 76%);opacity:.7;animation:abyss-reflection 7s ease-in-out infinite}
.signature-header .brand em{color:#86f3e4}.brand-kraken{filter:drop-shadow(0 0 8px #63e7df3b)}
.nav-bubble{border-color:#7ff2ff;background:linear-gradient(115deg,#63e9ff38,#06354d36);box-shadow:0 0 17px #38defb63,inset 0 1px 8px #c0ffff21,inset 0 -3px 10px #1bc9e529}
.signature-header nav>a.signature-link:hover,.signature-header nav>a.signature-link:focus-visible,.signature-header nav>a.signature-link[aria-current]{color:#ecffff}
.signature-header a:focus-visible,.signature-header button:focus-visible{outline-color:#a3f4fc}
@keyframes abyss-reflection{0%,100%{opacity:.5}50%{opacity:.9}}
@media(max-width:1000px){.signature-header #signature-nav{background:linear-gradient(135deg,#113a4975,#03162788);border-color:#77e7f35c;box-shadow:0 20px 45px #0005,0 0 20px #18b9d015}.menu-toggle{border-color:#77e7f349}}
@media(prefers-reduced-motion:reduce){.signature-header:after{animation:none!important}}

/* Keep lettering legible while the film remains visible through the glass. */
.signature-header .brand,.signature-header nav>a.signature-link{text-shadow:0 1px 5px #00101de0}