/* Shared navigation: original artwork, silver motion, compact grouped links. */
header{padding-left:max(24px,calc((100vw - 1080px)/2))!important}
.word-menu summary{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;outline-offset:4px}
.word-menu summary:hover,.word-menu summary:focus-visible{transform:none;box-shadow:0 0 22px #ffffff12}
.menu-sculpture{width:44px;height:44px;overflow:visible;fill:none;stroke:#e2e2e2;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.menu-halo{stroke:#ffffff30;transition:stroke .3s,transform .6s;transform-origin:24px 24px;stroke-dasharray:78 12 24 12}
.menu-satellite{fill:#fff;stroke:none;transform-origin:24px 24px;transition:opacity .3s}
.menu-strokes path{transform-origin:24px 24px;transition:transform .4s cubic-bezier(.2,.7,.2,1),opacity .2s}
.word-menu summary:hover .menu-halo,.word-menu[open] .menu-halo{stroke:#ffffff90;transform:rotate(90deg)}
.word-menu summary:hover .menu-satellite{animation:menu-orbit 2s linear infinite}
.word-menu[open] .menu-top{transform:translateY(7px) rotate(45deg);transform-origin:24px 17px}
.word-menu[open] .menu-bottom{transform:translateY(-7px) rotate(-45deg);transform-origin:24px 31px}
.word-menu[open] .menu-mid{opacity:0;transform:translateX(6px)}
.word-menu[open] .menu-satellite{opacity:0}
.word-menu nav{top:58px!important;right:0!important;width:min(390px,calc(100vw - 24px))!important;padding:24px!important;display:grid!important;grid-template-columns:1.3fr 1fr;gap:24px!important;border:1px solid #ffffff38!important;border-radius:16px!important;background:linear-gradient(135deg,#17191b,#030303 65%)!important;box-shadow:0 25px 65px #000b,inset 0 1px 0 #ffffff12!important;font-family:Georgia,serif;isolation:isolate}
.word-menu[open] nav{animation:menu-reveal .3s cubic-bezier(.2,.7,.2,1) both;transform-origin:top right}
.menu-group{display:flex;flex-direction:column;gap:3px;min-width:0}
.menu-group+.menu-group{border-left:1px solid #ffffff16;padding-left:20px}
.menu-group-title{font-size:9px;letter-spacing:1.8px;text-transform:uppercase;color:#8e9298;padding:0 0 12px 6px}
.word-menu nav .menu-link{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 6px!important;font-size:12px;line-height:1.4;letter-spacing:.1px;color:#d4d6d9;border-radius:5px;transition:color .2s,background .2s}
.word-menu nav .menu-link:hover{transform:none;background:#ffffff07;color:#fff;text-shadow:none}
.menu-glyph{display:grid;place-items:center;width:20px;height:20px;flex:0 0 20px;color:#858b92;transition:color .25s}
.menu-glyph svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .35s}
.menu-link:hover .menu-glyph,.menu-link:focus-visible .menu-glyph{color:#fff}
.menu-link:hover .menu-glyph svg,.menu-link:focus-visible .menu-glyph svg{transform:translateY(-2px) rotate(-8deg)}
.menu-link[aria-current=page]{color:#fff!important;background:#ffffff09}
.menu-link[aria-current=page] .menu-glyph{color:#eee}
@keyframes menu-orbit{to{transform:rotate(360deg)}}
@keyframes menu-reveal{from{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:600px){header{padding-left:0!important;padding-right:14px!important;gap:12px!important}.wordmark{margin-left:0!important}.header-actions{gap:14px!important}.word-menu nav{right:-48px!important;width:min(350px,calc(100vw - 24px))!important;padding:20px!important;gap:18px!important}.menu-group+.menu-group{padding-left:15px}.word-menu nav .menu-link{font-size:11px;gap:8px;padding-block:11px!important}.word-menu summary,.menu-sculpture{width:38px;height:38px}}
@media(prefers-reduced-motion:reduce){.menu-satellite,.word-menu[open] nav{animation:none!important}.menu-strokes path,.menu-halo,.menu-glyph svg{transition:none!important}}
/* Connected header/dropdown, with the two-line trigger after the record. */
header.nav-open{background:#111214!important;border-bottom-color:transparent!important}
.word-menu{position:static}
.word-menu summary{width:30px;height:38px;border-radius:8px}
.menu-lines{width:24px;height:24px;fill:none;stroke:#e4e4e4;stroke-width:1.4;stroke-linecap:round}
.menu-lines path{transition:transform .3s cubic-bezier(.2,.7,.2,1)}
.menu-line-left{transform-origin:9px 12px}.menu-line-right{transform-origin:15px 12px}
.word-menu[open] .menu-line-left{transform:translateX(3px) rotate(45deg)}
.word-menu[open] .menu-line-right{transform:translateX(-3px) rotate(-45deg)}
.word-menu nav{top:calc(100% - 1px)!important;left:0!important;right:0!important;width:100%!important;max-width:none!important;padding:24px max(24px,calc((100vw - 1080px)/2)) 28px!important;grid-template-columns:1.3fr 1fr;gap:40px!important;border-top:0!important;border-radius:0 0 20px 20px!important;background:#111214!important;transform-origin:top center!important}
.word-menu nav::before{content:'';position:absolute;top:0;left:max(24px,calc((100vw - 1080px)/2));right:max(24px,calc((100vw - 1080px)/2));height:1px;background:#ffffff20}
.word-menu nav .menu-link{padding:10px 6px!important;font-size:12px}
@media(max-width:600px){.word-menu summary{width:26px;height:34px}.word-menu nav{left:0!important;right:0!important;width:100%!important;padding:20px!important;gap:24px!important}.word-menu nav::before{left:20px;right:20px}.word-menu nav .menu-link{font-size:11px}.header-actions{gap:12px!important}}
@media(prefers-reduced-motion:reduce){.menu-lines path{transition:none!important}}

/* The logo and its connected navigation share a jet-black surface. */
body header,body header.nav-open,body header .word-menu nav{background:#000!important;background-image:none!important}
body header .word-menu nav{border-color:#ffffff50!important;box-shadow:0 16px 30px #000e,0 7px 18px #ffffff24,inset 0 -1px 0 #ffffff70!important}
body header .word-menu nav .menu-link{color:#eee;font-family:Georgia,serif}

/* Four and four, directly beneath Contact; original footer platform marks. */
body header .word-menu nav .menu-follow{margin-top:15px;padding-top:14px;border-top:1px solid #ffffff20;min-width:0}
body header .word-menu nav .menu-follow .menu-group-title{margin:0 0 12px;font:9px/1.4 Georgia,serif;letter-spacing:1.3px;white-space:nowrap}
body header .word-menu nav .menu-social-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;min-width:0}
body header .word-menu nav a.menu-social-link{display:flex!important;align-items:center;justify-content:center;min-width:0;min-height:36px;padding:8px 4px!important;border:1px solid #ffffff35;border-radius:10px;background:linear-gradient(145deg,#20232b,#08090d);color:#ddd;transition:transform .2s,box-shadow .2s}
body header .word-menu nav a.menu-social-link svg{display:block;width:22px;height:22px;fill:currentColor;filter:drop-shadow(0 0 5px #ffffff35)}
body header .word-menu nav a.menu-social-link:hover,body header .word-menu nav a.menu-social-link:focus-visible{transform:translateY(-3px);box-shadow:0 0 18px #ffffff25;border-color:#ddd;outline:1px solid #ddd}
@media(max-width:600px){body header .word-menu nav{grid-template-columns:1.15fr 1fr;gap:16px!important}body header .word-menu nav .menu-group+.menu-group{padding-left:12px}body header .word-menu nav .menu-social-grid{gap:6px}body header .word-menu nav a.menu-social-link{padding:6px 2px!important;min-height:34px}body header .word-menu nav a.menu-social-link svg{width:19px;height:19px}}
@media(prefers-reduced-motion:reduce){body header .word-menu nav a.menu-social-link{transition:none}body header .word-menu nav a.menu-social-link:hover{transform:none}}

/* Bare footer-style marks, with no label, tile, or frame. */
body header .word-menu nav .menu-follow{margin-top:10px;padding-top:5px;border:0}
body header .word-menu nav .menu-social-grid{gap:12px 10px}
body header .word-menu nav a.menu-social-link,body header .word-menu nav a.menu-social-link:is(:hover,:focus-visible){padding:3px!important;min-height:28px;background:none!important;background-image:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;color:#ccc;overflow:visible}
body header .word-menu nav a.menu-social-link svg{width:24px;height:24px;filter:drop-shadow(0 0 5px #ffffff35)}
body header .word-menu nav a.menu-social-link:focus-visible{outline:1px solid #ccc;outline-offset:3px}
@media(max-width:600px){body header .word-menu nav .menu-social-grid{gap:10px 6px}body header .word-menu nav a.menu-social-link svg{width:21px;height:21px}}
/* Explore and Connect: six matched rows, with icons beside their words. */
body header .word-menu nav{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px 24px!important;max-height:calc(100dvh - 100px);overflow-y:auto}
body header .word-menu nav .menu-group{display:grid;grid-template-rows:20px repeat(6,48px);gap:2px;align-content:start}
body header .word-menu nav .menu-link{justify-content:flex-start;gap:9px;min-height:42px;box-sizing:border-box}
body header .word-menu nav .menu-link .menu-glyph{order:0;color:#ccc}
body header .word-menu nav .menu-link>span:last-child{min-width:0;overflow-wrap:normal}
body header .word-menu nav .menu-follow{display:none!important}
body header .word-menu nav .menu-membership{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 20px!important;max-width:340px;width:100%;margin:12px auto 0;box-sizing:border-box;border-radius:24px;border:1px solid #f6f6f6;background:linear-gradient(120deg,#969ca5,#f3f4f6 30%,#fff 47%,#b3b9c2 72%,#dce0e5);color:#20252d;font:italic 22px/1.2 'Brush Script MT','Segoe Script',Georgia,cursive;text-shadow:0 1px #fff;box-shadow:inset 0 2px 2px #fff, inset 0 -3px 5px #5c626d70,0 5px 13px #0008;position:relative;overflow:hidden;transition:transform .2s,box-shadow .2s}
body header .word-menu nav .menu-membership .menu-glyph{color:#303843}
body header .word-menu nav .menu-membership::after{content:'';position:absolute;inset:-50% auto -50% -40%;width:25%;background:linear-gradient(90deg,transparent,#fff9,transparent);transform:skewX(-20deg);animation:membership-shine 7s ease-in-out infinite}
body header .word-menu nav .menu-membership:hover,body header .word-menu nav .menu-membership:focus-visible{transform:translateY(-3px);box-shadow:inset 0 2px 2px #fff,0 7px 20px #ffffff35;animation:membership-shimmy .5s ease-in-out}
@keyframes membership-shine{30%,100%{left:140%}}
@keyframes membership-shimmy{25%{transform:translateY(-3px) rotate(-1deg)}75%{transform:translateY(-3px) rotate(1deg)}}
@media(max-width:600px){body header .word-menu nav{padding:16px!important;gap:10px 12px!important}body header .word-menu nav .menu-group+.menu-group{padding-left:10px}body header .word-menu nav .menu-link{gap:6px;font-size:11px;min-height:44px}body header .word-menu nav .menu-glyph{width:16px;flex-basis:16px}body header .word-menu nav .menu-group{grid-template-rows:20px repeat(6,52px)}body header .word-menu nav .menu-membership{font-size:21px;margin-top:6px}}
@media(prefers-reduced-motion:reduce){body header .word-menu nav .menu-membership,body header .word-menu nav .menu-membership::after{animation:none!important;transition:none!important}body header .word-menu nav .menu-membership:hover{transform:none}}
.ie-tooltip{position:fixed;z-index:1000;pointer-events:none;background:#ddd;color:#171717;padding:5px 9px;border-radius:7px;font:11px/1.4 Georgia,serif;box-shadow:0 3px 12px #0005;max-width:220px;text-align:center}

/* Six equal rows per desktop column. The final Connect row is the compact CTA. */
body header .word-menu nav .menu-group{grid-template-rows:20px repeat(6,minmax(42px,auto));gap:2px}
body header .word-menu nav .menu-membership{grid-column:auto;align-self:center;justify-self:start;width:fit-content;max-width:190px;min-height:34px;margin:0;padding:7px 15px!important;gap:7px;font:12px/1.4 Georgia,serif;letter-spacing:0;border-radius:20px}
body header .word-menu nav .menu-membership .menu-glyph{width:16px;height:16px;flex:0 0 16px}
body header .word-menu nav .menu-link{font:12px/1.45 Georgia,serif;align-items:center}
@media(max-width:600px){body header .word-menu nav{grid-template-columns:minmax(0,1fr)!important;padding:18px!important;gap:16px!important;max-height:calc(100dvh - var(--header-height,85px) - 10px)}body header .word-menu nav .menu-group+.menu-group{border-left:0;padding-left:0;border-top:1px solid #ffffff25;padding-top:14px}body header .word-menu nav .menu-group{grid-template-rows:20px repeat(6,minmax(40px,auto))}body header .word-menu nav .menu-link{font-size:12px;min-height:40px}body header .word-menu nav .menu-membership{font-size:12px;width:fit-content;max-width:190px;min-height:34px;margin:0;padding:7px 15px!important}}
/* Bare navigation icons: retain the existing lift and above-icon labels. */
body header :is(.nav-icon,.menu-social-link,.menu-glyph),body header :is(.nav-icon,.menu-social-link,.menu-glyph):is(:hover,:focus-visible,:active){border:0!important;border-radius:0!important;background:transparent!important;background-image:none!important;box-shadow:none!important}
body header .word-menu nav .menu-link,body header .word-menu nav .menu-link:is(:hover,:focus-visible,:active){border:0!important;background:transparent!important;background-image:none!important;box-shadow:none!important}
body header .word-menu summary,body header .word-menu summary:is(:hover,:focus-visible){border:0!important;background:transparent!important;box-shadow:none!important}
body header :is(.nav-icon,.menu-social-link):focus-visible{outline:0!important}
body header :is(.nav-icon,.menu-social-link):focus-visible svg{filter:drop-shadow(0 0 6px #fff)!important}
