/* The geometry is shared by both identities; themes only change its treatment. */
.brand{gap:12px;letter-spacing:0;flex-shrink:0}.brand-mark{width:46px;height:46px;display:block;color:var(--brand-ink,var(--lime));filter:drop-shadow(0 0 9px #c2f98b25);flex-shrink:0}.brand-wordmark{display:flex;flex-direction:column;gap:6px;line-height:1}.brand-wordmark strong{font-size:20px;font-weight:750;letter-spacing:1.4px}.brand-wordmark small{font-size:10px;font-weight:500;letter-spacing:5.5px;color:#a8b6a2}.header{gap:22px}.header nav{gap:25px}.header .brand{margin-right:auto}.brand-mark .dusk-sun{opacity:.85}.brand-mark .dusk-horizon{opacity:.75}footer .brand{font-size:inherit}footer .brand-mark{width:38px;height:38px}footer .brand-wordmark strong{font-size:16px}footer .brand-wordmark small{font-size:9px;letter-spacing:4px}
.transform-control{display:flex;align-items:center;justify-content:center;gap:12px;padding:10px 15px;min-height:52px;flex-shrink:0;border:1px solid #c2f98b55;border-radius:12px;background:linear-gradient(130deg,#c2f98b12,#ffffff03);color:#edf7e5;box-shadow:inset 0 1px 0 #ffffff0a;cursor:pointer;line-height:1.2;text-align:left;transition:background .25s,border-color .25s,box-shadow .25s}.transform-control[hidden]{display:none}.transform-control:hover{border-color:var(--lime);background:#c2f98b19;box-shadow:0 0 22px #c2f98b14}.transform-control:focus-visible{outline:2px solid var(--lime);outline-offset:5px}.transform-control svg{width:26px;height:26px;flex-shrink:0;color:var(--lime)}.transform-control strong{display:block;font-size:11px;letter-spacing:1.8px;font-weight:700}.transform-control small{display:block;margin-top:5px;font-size:10px;color:#b4c2aa;letter-spacing:.25px}.transform-control[aria-busy=true] svg{transform:rotate(90deg);transition:transform .65s}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.transform-curtain{position:fixed;inset:0;z-index:100;pointer-events:none;background:var(--text);opacity:0;transform:scaleX(0)}
@media(max-width:1100px){.header{gap:15px}.header nav{gap:18px}.header nav>a:not(.nav-contact){display:none}.brand-wordmark strong{font-size:18px}}
@media(max-width:700px){.header{min-height:100px;height:auto;padding-top:20px;padding-bottom:20px;gap:12px;flex-wrap:wrap}.header nav{margin-left:auto;padding:0}.header .brand{margin-right:auto}.brand-mark{width:38px;height:38px}.brand-wordmark strong{font-size:15px;letter-spacing:1px}.brand-wordmark small{font-size:8px;letter-spacing:4px;gap:4px}.transform-control{padding:9px 11px;min-height:48px;gap:8px}.transform-control strong{font-size:10px;letter-spacing:1.5px}.transform-control small{font-size:9px}.transform-control svg{width:20px;height:20px}footer{gap:20px}footer .brand-wordmark strong{font-size:14px}}
@media(max-width:560px){.header nav{display:none}.header .brand-wordmark strong{font-size:14px}.header .brand{gap:7px}.header .brand-mark{width:32px;height:36px}.header{gap:8px}.transform-control{gap:7px;padding:9px 10px}.transform-control small{font-size:9px}}
@media(max-width:350px){.header .brand-wordmark{display:none}.header .brand-mark{width:42px;height:42px}.header .transform-control{min-width:170px}}

/* A disclosure of native buttons keeps all designs directly keyboard accessible. */
.transform-picker{position:relative;z-index:20;flex-shrink:0}
.design-options{position:absolute;right:0;top:calc(100% + 12px);width:250px;padding:8px;border:1px solid var(--line);border-radius:12px;background:#142019;box-shadow:0 15px 45px #0005}
.design-options[hidden]{display:none}
.design-options button{display:block;width:100%;padding:14px 16px;text-align:left;border:1px solid transparent;border-radius:6px;background:none;color:var(--text);cursor:pointer}
.design-options button strong{display:block;font-size:14px;font-weight:600}
.design-options button small{display:block;font-size:11px;margin-top:3px;color:var(--muted)}
.design-options button:hover,.design-options button[aria-pressed=true]{background:#ffffff0b;border-color:var(--line)}
.design-options button[aria-pressed=true] strong:after{content:' ✓';float:right}
.design-options button:focus-visible{outline:2px solid var(--lime);outline-offset:-2px}
html[data-design=monolith] .design-options{background:#111210;border-radius:0}
html[data-design=monolith] .design-options button{border-radius:0}