/* HullAtlas: paper, navy and survey amber. Shared public shell; never loaded in the editor. */
:root{--ha-ink:#101e30;--ha-muted:#526176;--ha-paper:#f5f7f9;--ha-line:#d7dfe7;--ha-amber:#f5ad32;--ha-ease:cubic-bezier(.16,1,.3,1);--ha-fast:160ms;--ha-normal:240ms;--ha-enter:420ms}
html{scroll-padding-top:100px}
.ha-page{margin:0;background:var(--ha-paper);color:var(--ha-ink);font:400 17px/1.65 'Inter Tight',sans-serif;-webkit-font-smoothing:antialiased}
.ha-page *,.ha-header *,.ha-footer *{box-sizing:border-box}
.ha-page h1,.ha-page h2,.ha-page h3{font-family:'Inter Tight',sans-serif;font-weight:500;line-height:1.15;letter-spacing:-.03em;color:var(--ha-ink)}
.ha-page h1{font-size:clamp(2.8rem,5.2vw,5.5rem);margin:20px 0 24px}
.ha-page h2{font-size:clamp(2rem,3.5vw,3.1rem);margin:12px 0 20px}
.ha-page h3{font-size:1.35rem;margin:0 0 12px;letter-spacing:-.025em}
.ha-page p{margin:0 0 20px}.ha-page a{color:inherit}.ha-page button,.ha-page input{font:inherit}
.ha-page a,.ha-page button,.ha-page summary,.ha-header a,.ha-header button,.ha-footer a{cursor:pointer}
.ha-page [hidden],.ha-header [hidden]{display:none!important}
.ha-page :focus-visible,.ha-header :focus-visible,.ha-footer :focus-visible{outline:3px solid #a86100;outline-offset:5px}
.ha-shell{width:min(100% - 80px,1280px);margin-inline:auto}
.ha-eyebrow{font:400 11px/1.5 'IBM Plex Mono','JetBrains Mono',monospace;letter-spacing:.13em;text-transform:uppercase;color:var(--ha-muted);display:flex;align-items:center;gap:10px}
.ha-eyebrow:before{content:'';width:20px;height:2px;background:#b67812;flex:none}
.ha-lead{font-size:clamp(1.1rem,1.5vw,1.25rem);line-height:1.6;color:var(--ha-muted);max-width:46ch}
.ha-muted{color:var(--ha-muted)}.ha-small{font-size:.88rem}.ha-mono{font:400 11px/1.6 'IBM Plex Mono','JetBrains Mono',monospace;letter-spacing:.04em}
.ha-header{position:sticky;top:0;z-index:200;background:rgba(245,247,249,.93);backdrop-filter:blur(18px);border-bottom:1px solid var(--ha-line);color:var(--ha-ink);font:400 15px/1.4 'Inter Tight',sans-serif}
.ha-header-inner{width:min(100% - 80px,1280px);margin:auto;min-height:82px;display:flex;align-items:center;gap:34px}
.ha-brand{display:inline-flex;gap:11px;align-items:center;text-decoration:none!important;color:var(--ha-ink)!important;margin-right:auto;flex-shrink:0}
.ha-brand svg{width:37px;height:37px}.ha-brand-name{font:600 22px/1.15 'Inter Tight',sans-serif;letter-spacing:-.03em}.ha-brand small{display:block;font:400 8px/1.5 'IBM Plex Mono','JetBrains Mono',monospace;letter-spacing:.09em;text-transform:uppercase;color:var(--ha-muted);margin-top:3px}
.ha-nav{display:flex;align-items:center;gap:25px}.ha-nav a{min-height:44px;display:inline-flex;align-items:center;text-decoration:none;color:var(--ha-muted);position:relative;font-weight:600;transition:color var(--ha-fast) ease-out}
.ha-nav a:hover,.ha-nav a[aria-current=page]{color:var(--ha-ink)}.ha-nav a[aria-current=page]:after{content:'';position:absolute;bottom:3px;left:0;right:0;height:2px;background:#b67812}
.ha-header .ha-open,.ha-button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:48px;padding:12px 22px;border:1px solid var(--ha-ink);border-radius:7px;background:var(--ha-ink);color:white;text-decoration:none;font:600 15px/1.4 'Inter Tight',sans-serif;transition:transform var(--ha-normal) var(--ha-ease),box-shadow var(--ha-normal) ease-out,background var(--ha-normal) ease-out}
.ha-button svg,.ha-open svg{width:18px;height:18px;flex:none;transition:transform var(--ha-normal) var(--ha-ease)}
.ha-button:hover,.ha-open:hover{transform:translateY(-2px);box-shadow:0 6px 18px #10243920}.ha-button:hover svg,.ha-open:hover svg{transform:translateX(3px)}
.ha-page a.ha-button{color:white}
.ha-button-secondary{background:transparent!important;color:var(--ha-ink)!important;border-color:var(--ha-line)}
.ha-button-amber{background:var(--ha-amber)!important;border-color:var(--ha-amber);color:var(--ha-ink)!important}
.ha-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:30px 0 20px}
.ha-menu{display:none;width:44px;height:44px;border:1px solid var(--ha-line);border-radius:7px;background:transparent;color:var(--ha-ink);align-items:center;justify-content:center}
.ha-menu svg{width:22px;height:22px}.ha-skip{position:fixed;left:20px;top:-100px;padding:12px 20px;background:white;color:var(--ha-ink);z-index:500}.ha-skip:focus{top:12px}
.ha-hero{display:grid;grid-template-columns:1fr 1.05fr;gap:52px;align-items:center;padding-block:70px 65px}
.ha-hero-copy{padding:12px 0}.ha-hero h1 em{font-style:normal;color:#62768b}.ha-hero .ha-small{color:var(--ha-muted)}
.ha-strip{border-top:1px solid var(--ha-line);border-bottom:1px solid var(--ha-line);display:grid;grid-template-columns:repeat(3,1fr);padding:23px 0;gap:28px;color:var(--ha-muted);font-size:14px}.ha-strip span{display:flex;align-items:center;gap:12px}.ha-strip svg{width:20px;height:20px;color:#9f690b;flex:none}
.ha-section{padding-block:80px}.ha-section-head{display:flex;justify-content:space-between;gap:32px;align-items:end;margin-bottom:35px}.ha-section-head h2{max-width:18ch;margin-bottom:0}.ha-section-head p{max-width:39ch;color:var(--ha-muted);margin:0}
.ha-routes{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--ha-line);border-radius:10px;overflow:hidden;background:#fff}
.ha-route{padding:40px;position:relative;text-decoration:none;transition:background var(--ha-normal) ease-out}.ha-route+ .ha-route{border-left:1px solid var(--ha-line)}.ha-route:hover{background:#edf2f6}.ha-route p{max-width:41ch;color:var(--ha-muted)}.ha-route h3{font-size:1.8rem;margin:24px 0 16px}.ha-route-label{display:flex;justify-content:space-between;align-items:center;font:400 11px 'IBM Plex Mono','JetBrains Mono',monospace;color:var(--ha-muted)}.ha-route-label svg{width:24px;height:24px;transition:transform var(--ha-normal) var(--ha-ease)}.ha-route:hover svg{transform:translate(3px,-3px)}.ha-link{display:inline-flex;align-items:center;gap:12px;min-height:44px;text-decoration:none;font-weight:600}.ha-link svg{width:18px;height:18px}
.ha-topic-list{display:grid;grid-template-columns:1fr 1fr;gap:0 42px}.ha-topic-link{display:flex;gap:18px;align-items:center;min-height:80px;padding:20px 0;border-bottom:1px solid var(--ha-line);text-decoration:none;transition:color var(--ha-normal) ease-out}.ha-topic-link:hover{color:#a06100}.ha-topic-link>span:first-child{font:400 11px 'IBM Plex Mono','JetBrains Mono',monospace;color:var(--ha-muted);min-width:25px}.ha-topic-link svg{width:18px;height:18px;margin-left:auto;flex:none}
.ha-roadmap{background:#e8edf2;border:1px solid var(--ha-line);border-radius:10px;padding:30px 36px;display:flex;gap:50px;align-items:center;margin-bottom:80px}.ha-roadmap h3{font-size:1.5rem;margin:9px 0 0}.ha-roadmap p{margin:0;color:var(--ha-muted);max-width:65ch}.ha-badge{font:400 10px/1.5 'IBM Plex Mono','JetBrains Mono',monospace;letter-spacing:.05em;text-transform:uppercase;display:inline-block;border:1px solid #9dadbb;padding:5px 9px;border-radius:4px;color:#465970;white-space:nowrap}
.ha-footer{background:#102237;color:#c2cfdd;padding:45px 0 24px;font:400 14px/1.65 'Inter Tight',sans-serif}.ha-footer .ha-brand{color:white!important}.ha-footer .ha-brand small{color:#a8bcd0}.ha-footer-top{display:flex;justify-content:space-between;gap:32px;align-items:flex-start;margin-bottom:32px}.ha-footer nav{display:flex;flex-wrap:wrap;gap:24px}.ha-footer a{color:#c2cfdd;text-decoration:none;min-height:44px;display:inline-flex;align-items:center}.ha-footer a:hover{color:white}.ha-footer-bottom{padding-top:22px;border-top:1px solid #3b4d60;display:flex;justify-content:space-between;gap:30px;font-size:12px}.ha-footer p{margin:0;max-width:74ch}.ha-footer :focus-visible{outline-color:var(--ha-amber)}
.ha-intro{padding:64px 0 45px}.ha-intro h1{max-width:19ch;font-size:clamp(2.8rem,4.9vw,4.8rem)}.ha-intro .ha-lead{max-width:56ch}.ha-breadcrumb{display:flex;gap:10px;align-items:center;font-size:13px;color:var(--ha-muted);margin-bottom:30px}.ha-breadcrumb a{min-height:44px;display:inline-flex;align-items:center;text-decoration:none}.ha-breadcrumb a:hover{text-decoration:underline}
.ha-search{display:flex;align-items:center;gap:15px;background:white;border:1px solid #acbac8;border-radius:8px;padding:8px 8px 8px 20px;max-width:760px;margin-top:30px;box-shadow:0 6px 25px #17334b08}.ha-search svg{width:22px;height:22px;color:var(--ha-muted);flex:none}.ha-search input{border:0;min-width:0;flex:1;background:transparent;color:var(--ha-ink);min-height:48px;outline-offset:0}.ha-search button{flex:none}
.ha-jumps{display:flex;gap:8px;flex-wrap:wrap;padding-bottom:40px;border-bottom:1px solid var(--ha-line)}.ha-jumps a{padding:10px 15px;border:1px solid var(--ha-line);border-radius:6px;min-height:44px;display:inline-flex;align-items:center;text-decoration:none;font-size:14px;background:white;transition:background var(--ha-normal) ease-out}.ha-jumps a:hover{background:#e7edf3}
.ha-library-group{display:grid;grid-template-columns:1fr 2fr;gap:60px;padding:48px 0;border-bottom:1px solid var(--ha-line);scroll-margin-top:20px}.ha-library-group h2{font-size:1.8rem}.ha-library-group p{color:var(--ha-muted);font-size:15px}.ha-library-list{list-style:none;margin:0;padding:0}.ha-library-list a{display:flex;gap:20px;justify-content:space-between;padding:16px 0;min-height:58px;text-decoration:none;border-bottom:1px solid var(--ha-line);transition:color var(--ha-fast) ease-out}.ha-library-list li:last-child a{border:0}.ha-library-list a:hover{color:#a06100}.ha-library-list svg{width:16px;height:20px;flex:none;margin-top:3px}
.ha-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;counter-reset:steps}.ha-step{padding-top:25px;border-top:1px solid var(--ha-line)}.ha-step:before{counter-increment:steps;content:'0' counter(steps);display:block;font:400 13px 'IBM Plex Mono','JetBrains Mono',monospace;color:#9b6200;margin-bottom:25px}.ha-step p{color:var(--ha-muted)}
.ha-access-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.ha-access-card{padding:30px;background:white;border:1px solid var(--ha-line);border-radius:10px;display:flex;flex-direction:column}.ha-access-card.featured{border-color:#a2b2c2;box-shadow:0 8px 32px #17334b0c;background:linear-gradient(160deg,white,#edf2f7)}.ha-access-card h2{font-size:1.8rem;letter-spacing:-.035em;margin-top:30px}.ha-access-card p{color:var(--ha-muted)}.ha-access-card ul{list-style:none;padding:0;margin:5px 0 30px;flex:1}.ha-access-card li{padding:13px 0;border-top:1px solid var(--ha-line);font-size:15px}.ha-access-card .ha-button{width:100%}
.ha-faq{max-width:880px;margin:0 auto}.ha-faq details{border-bottom:1px solid var(--ha-line)}.ha-faq summary{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:25px;font-weight:600;list-style:none;padding:15px 0}.ha-faq summary::-webkit-details-marker{display:none}.ha-faq summary:after{content:'+';font-size:23px;font-weight:400}.ha-faq details[open] summary:after{content:'−'}.ha-faq details p{color:var(--ha-muted);max-width:70ch;padding-bottom:15px}.ha-faq details[open] p{animation:ha-enter var(--ha-normal) var(--ha-ease)}
.ha-legacy main{scroll-margin-top:95px}.ha-legacy .ha-header{margin-bottom:0}.ha-legacy [data-rail]{top:105px!important}.ha-legacy .ha-header a{font-family:'Inter Tight',sans-serif}.ha-legacy .ha-header .ha-brand-name{font-family:'Inter Tight',sans-serif}.ha-legacy .ha-footer .ha-brand-name{color:white}
@keyframes ha-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
.ha-reveal{animation:ha-enter var(--ha-enter) var(--ha-ease) both}
@media(min-width:1500px){.ha-hero{padding-block:90px}.ha-hero h1{font-size:5.5rem}}
@media(max-width:1050px){.ha-shell,.ha-header-inner{width:calc(100% - 48px)}.ha-hero{gap:28px;padding-block:45px}.ha-header-inner{gap:22px}.ha-nav{gap:18px}.ha-hero h1{font-size:3.8rem}.ha-route{padding:28px}.ha-library-group{gap:35px}.ha-access-card{padding:24px}}
@media(max-width:760px){.ha-shell,.ha-header-inner{width:calc(100% - 36px)}.ha-header-inner{min-height:70px;gap:10px;flex-wrap:wrap}.ha-brand-name{font-size:21px}.ha-brand small{font-size:7px}.ha-header .ha-open{padding:10px 13px;min-height:44px;font-size:13px;gap:8px}.ha-header .ha-open svg{display:none}.ha-menu{display:inline-flex}.ha-nav{width:100%;order:5;padding:0 0 15px;gap:0;display:flex;flex-direction:column;align-items:stretch}.ha-nav a{padding:12px;min-height:48px}.ha-nav a[aria-current=page]:after{left:12px;right:auto;width:24px;bottom:4px}.ha-header[data-ready] .ha-nav{display:none}.ha-header[data-ready][data-open] .ha-nav{display:flex;animation:ha-enter var(--ha-normal) var(--ha-ease)}.ha-hero{grid-template-columns:1fr;gap:25px;padding-block:36px 24px}.ha-hero h1{font-size:clamp(2.75rem,8.5vw,4.2rem);max-width:15ch}.ha-hero-copy{padding:0}.ha-lead{font-size:1.08rem}.ha-actions{margin-top:24px}.ha-strip{grid-template-columns:1fr;gap:15px;padding:24px 0}.ha-section{padding-block:48px}.ha-section-head{display:block;margin-bottom:25px}.ha-section-head h2{max-width:22ch;margin-bottom:15px}.ha-section-head p{max-width:100%}.ha-routes{grid-template-columns:1fr}.ha-route+.ha-route{border-left:0;border-top:1px solid var(--ha-line)}.ha-topic-list{grid-template-columns:1fr}.ha-roadmap{display:block;padding:26px; margin-bottom:48px}.ha-roadmap p{margin-top:18px}.ha-footer-top,.ha-footer-bottom{flex-direction:column;gap:25px}.ha-footer nav{gap:18px}.ha-library-group{grid-template-columns:1fr;gap:10px;padding:32px 0}.ha-intro{padding:30px 0}.ha-intro h1{font-size:2.85rem}.ha-search{gap:8px;padding-left:12px}.ha-search input{font-size:16px;width:100px}.ha-search .ha-button{padding-inline:14px}.ha-search>svg{display:none}.ha-steps,.ha-access-grid{grid-template-columns:1fr}.ha-access-card{padding:28px}.ha-access-card h2{margin-top:20px}.ha-legacy [data-rail]{top:90px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.ha-page *,.ha-header *,.ha-footer *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.ha-button:hover,.ha-open:hover,.ha-button:hover svg,.ha-open:hover svg,.ha-route:hover svg{transform:none}}
@media print{.ha-header,.ha-footer,.ha-skip{display:none!important}.ha-page{background:white}.ha-reveal{animation:none!important;opacity:1!important}}
@media(max-width:760px){.ha-legacy main span[style*="white-space:nowrap"]{white-space:normal!important;overflow-wrap:anywhere;max-width:100%;box-sizing:border-box}}
.ha-hero:has(.ha-real-demo){grid-template-columns:1fr;gap:28px;padding-block:45px}
.ha-hero:has(.ha-real-demo) .ha-hero-copy{display:grid;grid-template-columns:1.1fr 1fr;column-gap:65px;align-items:start}
.ha-hero:has(.ha-real-demo) .ha-hero-copy>.ha-eyebrow{grid-column:1/-1}
.ha-hero:has(.ha-real-demo) h1{grid-column:1;grid-row:2/5;font-size:clamp(2.8rem,4.5vw,4.6rem);margin-bottom:0}
.ha-hero:has(.ha-real-demo) .ha-lead{grid-column:2;grid-row:2;margin-top:24px}
.ha-hero:has(.ha-real-demo) .ha-actions{grid-column:2;grid-row:3;margin:4px 0 12px}
.ha-hero:has(.ha-real-demo) .ha-hero-copy>.ha-small{grid-column:2;grid-row:4}
.ha-real-demo{background:#fff;border:1px solid var(--ha-line);border-radius:11px;overflow:hidden;box-shadow:0 20px 55px -32px #14263888}
.real-demo-heading{padding:28px 32px;display:flex;justify-content:space-between;gap:40px;align-items:center}.real-demo-heading h2{font-size:1.8rem;margin:12px 0 0}.real-demo-heading p{max-width:48ch;color:var(--ha-muted);font-size:15px;margin:0}
.real-demo-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--ha-line);border-block:1px solid var(--ha-line)}
.real-demo-tabs button{background:#edf2f6;border:0;min-height:84px;text-align:left;padding:16px 24px;cursor:pointer;color:#2e485c;transition:background 180ms ease-out,color 180ms ease-out;position:relative}
.real-demo-tabs button span{display:block;font:400 10px 'IBM Plex Mono','JetBrains Mono',monospace;margin-bottom:9px}.real-demo-tabs button strong{font:600 15px 'Inter Tight',sans-serif}.real-demo-tabs button[aria-pressed=true]{background:#17344c;color:white;box-shadow:inset 0 -3px #f2ae40}.real-demo-tabs button:hover:not([aria-pressed=true]){background:#dde7ee}
.ha-real-demo video{display:block;width:100%;aspect-ratio:3/2;background:#102237;max-height:76vh;object-fit:contain}
.real-demo-caption{padding:18px 28px;display:flex;gap:35px;justify-content:space-between;border-top:1px solid var(--ha-line);align-items:center}.real-demo-caption p{margin:0;max-width:85ch;font-size:14px;color:#334e63;min-height:44px;display:flex;align-items:center}.real-demo-caption a{flex:none;min-height:44px;display:flex;align-items:center;font-size:13px;color:#153b57;font-weight:600}
.real-demo-note{font-size:12px;color:var(--ha-muted);padding:0 28px 18px;margin:0!important;max-width:110ch;line-height:1.6}
.real-demo-delivery{padding:30px 28px;background:#eef3f7;border-top:1px solid var(--ha-line);display:grid;grid-template-columns:1.1fr 1fr;gap:50px}.real-demo-delivery h3{font-size:1.8rem;margin-top:13px}.real-demo-delivery p{font-size:15px;max-width:52ch;color:var(--ha-muted);margin:0}.real-demo-downloads{display:flex;flex-direction:column;gap:10px;align-items:stretch}.real-demo-downloads small{color:var(--ha-muted);font-size:12px;max-width:50ch}.real-demo-downloads .ha-link{justify-content:center}
@media(max-width:760px){.ha-hero:has(.ha-real-demo) .ha-hero-copy{display:block}.ha-hero:has(.ha-real-demo) h1{font-size:2.9rem}.ha-hero:has(.ha-real-demo) .ha-lead{margin-top:24px}.ha-hero:has(.ha-real-demo){padding-top:28px}.real-demo-heading{display:block;padding:22px}.real-demo-heading p{margin-top:16px}.real-demo-tabs button{padding:12px 9px}.real-demo-tabs button strong{font-size:12px;line-height:1.5}.real-demo-tabs button span{font-size:9px}.real-demo-caption{display:block;padding:14px 18px}.real-demo-caption p{font-size:13px;min-height:78px}.real-demo-note{padding-inline:18px}.real-demo-delivery{grid-template-columns:1fr;gap:22px;padding:24px 18px}}

/* Knowledge and fieldwork share the first entry screen. */
.ha-home-intro{grid-template-columns:1.5fr 1fr;gap:70px}.ha-home-intro h1{font-size:clamp(2.7rem,4.3vw,4.5rem)}
.ha-start-note{border-left:2px solid #cc9743;padding:15px 0 15px 32px}.ha-start-note p{font:500 clamp(1.35rem,2vw,1.8rem)/1.5 'Inter Tight',sans-serif;color:var(--ha-muted)}
.ha-knowledge{display:grid;grid-template-columns:1fr 1fr;gap:48px;border:1px solid var(--ha-line);border-radius:12px;padding:38px;background:linear-gradient(120deg,#fff,#eef3f7);box-shadow:0 15px 45px -35px #17334b66;scroll-margin-top:30px}
.ha-knowledge h2{font-size:clamp(1.85rem,2.7vw,2.6rem);line-height:1.15}.ha-knowledge-intro>p{color:var(--ha-muted);max-width:49ch}.ha-knowledge .ha-search{margin-top:24px;gap:8px;padding-left:12px}.ha-knowledge .ha-search>svg{display:none}.ha-knowledge .ha-search input{width:100px}.ha-knowledge .ha-search button{padding-inline:17px}
.ha-question{border-bottom:1px solid var(--ha-line)}.ha-question summary{list-style:none;min-height:64px;display:flex;align-items:center;gap:20px;justify-content:space-between;font-weight:600;padding:15px 0;cursor:pointer}.ha-question summary::-webkit-details-marker{display:none}.ha-question summary:after{content:'+';font-size:24px;color:#976110}.ha-question[open] summary:after{content:'−'}.ha-question>div{padding-bottom:15px}.ha-question p{margin:0 0 10px;color:var(--ha-muted);font-size:15px}.ha-question-actions{display:flex;flex-wrap:wrap;gap:0 22px}.ha-question-actions a{font-size:14px}.ha-question-list>.ha-small{margin-top:20px}.ha-handbook-path{color:var(--ha-muted);margin:0 0 24px}#field-workflow{scroll-margin-top:25px}
@media(max-width:900px){.ha-home-intro{grid-template-columns:1fr;gap:12px}.ha-start-note{display:none}.ha-knowledge{gap:28px;padding:28px}}
@media(max-width:760px){.ha-knowledge{grid-template-columns:1fr;padding:22px;gap:24px}.ha-home-intro{padding-bottom:32px}.ha-knowledge .ha-search button{padding-inline:12px}.ha-knowledge h2{font-size:1.9rem}}
/* About page: the same drawing before and after (real export crop). */
.ha-ba{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:0}.ha-ba>div{border:1px solid var(--ha-line);border-radius:12px;overflow:hidden;background:#fff}.ha-ba img{display:block;width:100%;height:auto}.ha-ba p{margin:0;padding:10px 14px;font-size:.88rem;color:var(--ha-muted);border-top:1px solid var(--ha-line)}.ha-ba b{color:var(--ha-ink);margin-right:6px}
@media(max-width:760px){.ha-ba{grid-template-columns:1fr;gap:12px}}
/* brand mark (2026-10-29, brand-v2 "K on tile"): the midship section on the navy tile, inline so the gauging point can move. 48 px (42 px on phones), inside the 82/70 px header min-height (owner 2026-10-29: larger, more striking). */
.ha-brand>svg.ha-mk{width:48px;height:48px;flex:none;overflow:visible;transition:transform .24s cubic-bezier(.23,1,.32,1),filter .24s}
.ha-brand{gap:13px}.ha-brand-name{font-size:25px}.ha-brand small{font-size:8.5px}
.ha-brand:is(:hover,:focus-visible)>svg.ha-mk{transform:translateY(-1px);filter:drop-shadow(0 4px 10px rgba(16,34,55,.28))}
.ha-mk-pt{filter:drop-shadow(0 0 2.5px rgba(245,173,50,.85))}
.ha-footer .ha-mk>rect{stroke:#3b4d60;stroke-width:2}
@media(max-width:760px){.ha-brand>svg.ha-mk{width:42px;height:42px}.ha-brand-name{font-size:22px}.ha-brand small{font-size:7.5px}}
/* gauging echo: the point lands, two amber rings spread and fade. Once on load, again on hover/focus of the brand link; total under 1.3 s, never loops.
   The hover rule keeps the load animation first in the list (same name, so it is not restarted) and adds a twin; leaving the link removes only the twin, so nothing replays on mouse-out. */
@media(prefers-reduced-motion:no-preference){
.ha-mk-pt,.ha-mk-echo{transform-box:fill-box;transform-origin:center}
.ha-mk-pt{animation:ha-mk-land .32s cubic-bezier(.2,.8,.2,1) .1s backwards}
.ha-mk-echo{animation:ha-mk-ping .8s cubic-bezier(.15,.6,.3,1) .3s backwards}
.ha-mk-echo2{animation:ha-mk-ping2 .76s cubic-bezier(.15,.6,.3,1) .48s backwards}
.ha-brand:is(:hover,:focus-visible) .ha-mk-pt{animation:ha-mk-land .32s cubic-bezier(.2,.8,.2,1) .1s backwards,ha-mk-land-h .32s cubic-bezier(.2,.8,.2,1) 0s backwards}
.ha-brand:is(:hover,:focus-visible) .ha-mk-echo{animation:ha-mk-ping .8s cubic-bezier(.15,.6,.3,1) .3s backwards,ha-mk-ping-h .8s cubic-bezier(.15,.6,.3,1) .18s backwards}
.ha-brand:is(:hover,:focus-visible) .ha-mk-echo2{animation:ha-mk-ping2 .76s cubic-bezier(.15,.6,.3,1) .48s backwards,ha-mk-ping2-h .76s cubic-bezier(.15,.6,.3,1) .36s backwards}
}
@keyframes ha-mk-land{0%{transform:scale(.2);opacity:0}55%{transform:scale(1.3);opacity:1}100%{transform:scale(1);opacity:1}}
@keyframes ha-mk-land-h{0%{transform:scale(.2);opacity:0}55%{transform:scale(1.3);opacity:1}100%{transform:scale(1);opacity:1}}
@keyframes ha-mk-ping{0%{transform:scale(1);opacity:0}8%{opacity:1}100%{transform:scale(3.6);opacity:0}}
@keyframes ha-mk-ping-h{0%{transform:scale(1);opacity:0}8%{opacity:1}100%{transform:scale(3.6);opacity:0}}
@keyframes ha-mk-ping2{0%{transform:scale(1);opacity:0}8%{opacity:.8}100%{transform:scale(2.8);opacity:0}}
@keyframes ha-mk-ping2-h{0%{transform:scale(1);opacity:0}8%{opacity:.8}100%{transform:scale(2.8);opacity:0}}
