/* (SITE-HEADER-V2-LOCK) generated by build_header.py from styles.css — header, mega menu, mobile sheet, floating search only. */
#hos.ho-site-head{--color-brand-primary:#f4632a; --color-brand-primary-hover:#d9521e; --color-brand-primary-subtle:#fff2ed;
  --color-brand-secondary:#006e85; --color-brand-secondary-hover:#2190a7; --color-brand-secondary-dark:#005061;
  --color-neutral-background:#fdfcf4;  --color-neutral-background-subtle:#faf5f0;
  --color-neutral-surface:#fff; --color-neutral-surface-secondary:#ededed; --color-neutral-surface-tertiary:#a6a7a8;
  --color-neutral-border:#e2dad2; --color-neutral-foreground:#1a1a1a; --color-neutral-foreground-secondary:#4a4a4a;
  --color-neutral-foreground-tertiary:#8a8a8a; --color-neutral-text-input-inactive:#1a1a1a80;
  --color-semantic-success:#22c55e; --color-semantic-success-dark:#008732; --color-semantic-success-light:#eafff2;
  --color-semantic-warning:#f59e0b; --color-semantic-warning-dark:#885400; --color-semantic-warning-light:#fff6e6;
  --color-semantic-error:#ef4444; --color-semantic-error-dark:#8b0000; --color-semantic-error-light:#ffdada;
  --color-semantic-info:#3b82f6; --color-semantic-info-dark:#00358b; --color-semantic-info-light:#eff5ff;
  --color-accent-star:#f59e0b; --color-accent-purple:#a855f7; --color-accent-purple-subtle:#eee7f6;
  --font-display:"Bricolage Grotesque",ui-sans-serif,system-ui,sans-serif;
  --font-sans:"Noto Sans",ui-sans-serif,system-ui,sans-serif;
  --radius-sm:4px; --radius-md:8px; --radius-lg:12px; --radius-xl:16px; --radius-button:12px; --radius-full:9999px;
  --tracking-tight:-1.5px; --tracking-display:-.9px; --tracking-wider:1.28px;
  --max-width-page:1400px;
  --ease:cubic-bezier(.4,0,.2,1); --ease-out:cubic-bezier(.16,1,.3,1);}
#hos.ho-site-head *{margin:0;padding:0;box-sizing:border-box}
#hos.ho-site-head{font-family:var(--font-sans);font-size:16px;line-height:1.5;color:var(--color-neutral-foreground);
  background:var(--color-neutral-background);-webkit-font-smoothing:antialiased;overflow-x:clip}
#hos.ho-site-head a{color:inherit;text-decoration:none}
#hos.ho-site-head button,#hos.ho-site-head input,#hos.ho-site-head select{font:inherit;color:inherit}
#hos.ho-site-head img,#hos.ho-site-head video{display:block;max-width:100%}
#hos.ho-site-head .page{max-width:var(--max-width-page);margin:0 auto;padding:0 63px}
@media(max-width:1024px){#hos.ho-site-head .page{padding:0 32px}}
@media(max-width:640px){#hos.ho-site-head .page{padding:0 16px}}
#hos.ho-site-head h1,#hos.ho-site-head h2,#hos.ho-site-head h3{font-family:var(--font-display);font-weight:500;letter-spacing:var(--tracking-display);line-height:1.2}
#hos.ho-site-head h2{font-size:clamp(28px,2vw + 14px,40px)}
#hos.ho-site-head h2 em,#hos.ho-site-head h1 em{font-style:normal;color:var(--color-brand-primary)}
#hos.ho-site-head .ic{width:18px;height:18px;flex-shrink:0;display:inline-block}
#hos.ho-site-head .ic.sm{width:14px;height:14px}
#hos.ho-site-head .chip{display:inline-flex;align-items:center;gap:6px;cursor:pointer;white-space:nowrap;
  background:var(--color-neutral-surface);border:1px solid var(--color-neutral-border);color:var(--color-neutral-foreground);
  transition:border-color .15s var(--ease),background .15s var(--ease),color .15s var(--ease)}
#hos.ho-site-head .chip{font-size:13px;padding:4px 12px;border-radius:var(--radius-full)}
#hos.ho-site-head .chip:hover{border-color:var(--color-brand-primary);color:var(--color-brand-primary)}
#hos.ho-site-head .tag{display:inline-flex;align-items:center;gap:4px;font-size:11px;line-height:16px;padding:2px 8px;border-radius:var(--radius-full);
  background:#fff;color:var(--color-neutral-foreground);border:1px solid var(--color-neutral-border)}
#hos.ho-site-head .pill-date{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:var(--color-brand-primary);
  background:var(--color-brand-primary-subtle);padding:6px 12px;border-radius:var(--radius-full)}
#hos.ho-site-head kbd{font-family:inherit;font-size:11px;font-weight:600;color:var(--color-neutral-foreground-tertiary);
  border:1px solid var(--color-neutral-border);border-radius:6px;padding:1px 6px;background:var(--color-neutral-background-subtle)}
#hos.ho-site-head .mg-ic{width:40px;height:40px;border-radius:var(--radius-lg);display:grid;place-items:center;flex-shrink:0;
  background:var(--color-brand-primary-subtle);color:var(--color-brand-primary)}
#hos.ho-site-head .mg-ic.big{width:52px;height:52px}
#hos.ho-site-head .mg-ic.big .ic{width:24px;height:24px}
#hos.ho-site-head :focus{outline:none}
#hos.ho-site-head :focus-visible{outline:2px solid var(--color-brand-primary);outline-offset:3px;border-radius:6px}
#hos.ho-site-head .nav{position:fixed;inset:0 0 auto;z-index:100;color:var(--color-neutral-foreground);transition:background .25s var(--ease),color .25s var(--ease),box-shadow .25s}
#hos.ho-site-head .nav.solid,#hos.ho-site-head .nav.open{background:var(--color-neutral-background);color:var(--color-neutral-foreground);box-shadow:0 1px 0 var(--color-neutral-border)}
#hos.ho-site-head .nav-inner{display:flex;align-items:center;gap:28px;height:64px}
#hos.ho-site-head .logo{flex-shrink:0;display:block}
#hos.ho-site-head .logo img{height:26px;width:auto;max-width:none}
#hos.ho-site-head .nav-links{display:flex;align-items:center;gap:26px}
#hos.ho-site-head .nl{display:inline-flex;align-items:center;gap:5px;font-size:14px;font-weight:600;white-space:nowrap;background:none;border:0;cursor:pointer;
  position:relative;padding:6px 0}
#hos.ho-site-head .nl::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;border-radius:2px;background:var(--color-brand-primary);
  transform:scaleX(0);transform-origin:left;transition:transform .25s var(--ease-out)}
#hos.ho-site-head .nl:hover::after,#hos.ho-site-head .mega-btn[aria-expanded="true"]::after{transform:scaleX(1)}
#hos.ho-site-head .nl .dd{width:14px;height:14px;transition:transform .25s var(--ease-out)}
#hos.ho-site-head .mega-btn[aria-expanded="true"] .dd{transform:rotate(180deg)}
#hos.ho-site-head .nav-right{margin-left:auto;display:flex;align-items:center;gap:22px}
#hos.ho-site-head .lang .ic{width:16px;height:16px}
#hos.ho-site-head .nav-search{flex:1;max-width:340px;display:flex;align-items:center;gap:8px;background:var(--color-neutral-surface);
  border:1px solid var(--color-neutral-border);border-radius:var(--radius-lg);padding:7px 12px;color:var(--color-neutral-foreground-tertiary);
  opacity:0;transform:translateY(-6px);pointer-events:none;transition:opacity .25s,transform .25s}
#hos.ho-site-head .nav.searchy .nav-search{opacity:1;transform:none;pointer-events:auto}
#hos.ho-site-head .nav-search input{border:0;outline:0;background:transparent;font-size:14px;flex:1;min-width:0;color:var(--color-neutral-foreground)}
#hos.ho-site-head .nav-burger{display:none;background:none;border:0;cursor:pointer;padding:4px}
#hos.ho-site-head .nav-burger .ic{width:24px;height:24px}
@media(max-width:1420px){#hos.ho-site-head .lang{display:none}}
@media(max-width:1180px){#hos.ho-site-head .nav-inner{gap:16px}
#hos.ho-site-head .nav-links{gap:16px}}
@media(max-width:1024px){#hos.ho-site-head .nav-links{display:none}
#hos.ho-site-head .nav-burger{display:block}
#hos.ho-site-head .nav-search{display:none}
#hos.ho-site-head .nav-right{gap:12px}}
#hos.ho-site-head .sheet{position:fixed;inset:64px 0 0;z-index:99;background:var(--color-neutral-background);overflow:auto;padding:12px 0 40px}
#hos.ho-site-head .sheet-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
#hos.ho-site-head .sheet-links a{padding:10px 16px;border:1px solid var(--color-neutral-border);border-radius:var(--radius-lg);background:#fff;font-weight:600;font-size:15px}
#hos.ho-site-head .mega{position:absolute;left:0;right:0;top:100%;color:var(--color-neutral-foreground);
  visibility:hidden;opacity:0;transform:translateY(-8px);transition:opacity .22s var(--ease),transform .3s var(--ease-out),visibility .22s}
#hos.ho-site-head .nav.open .mega{visibility:visible;opacity:1;transform:none}
#hos.ho-site-head .mega-inner{display:grid;grid-template-columns:280px minmax(0,1fr) 300px;background:var(--color-neutral-surface);
  border-radius:0 0 24px 24px;box-shadow:0 40px 80px -30px rgba(26,26,26,.45);overflow:hidden;min-height:440px;max-height:calc(100vh - 88px)}
#hos.ho-site-head .mega .page.mega-inner{padding:0}
#hos.ho-site-head .mega-scrim{position:fixed;inset:64px 0 0;z-index:-1;background:rgba(26,26,26,.4);backdrop-filter:blur(2px);
  opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s}
#hos.ho-site-head .nav.open .mega-scrim{opacity:1;visibility:visible}
#hos.ho-site-head .nav-links .nl:not(.mega-btn),#hos.ho-site-head .nav-right > *{transition:opacity .2s var(--ease)}
#hos.ho-site-head .nav.open .nav-links .nl:not(.mega-btn),#hos.ho-site-head .nav.open .nav-right > *:not(.mg-close){opacity:0;pointer-events:none}
#hos.ho-site-head .mg-close{display:none;align-items:center;gap:6px;background:none;border:0;cursor:pointer;font-size:14px;font-weight:600;
  padding:8px 12px;border-radius:var(--radius-lg)}
#hos.ho-site-head .mg-close:hover{background:var(--color-neutral-background)}
#hos.ho-site-head .nav.open .mg-close{display:inline-flex;position:absolute;right:0}
#hos.ho-site-head .nav-right{position:relative}
@media(max-width:1024px){#hos.ho-site-head .nav.open .mg-close{display:none}
#hos.ho-site-head .nav.open .nav-right > .nav-burger{opacity:1;pointer-events:auto}}
#hos.ho-site-head .mg-side{background:var(--color-neutral-background-subtle);border-right:1px solid var(--color-neutral-border);padding:24px 16px;display:flex;flex-direction:column;gap:14px}
#hos.ho-site-head .mg-search{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--color-neutral-border);
  border-radius:var(--radius-lg);padding:9px 12px;color:var(--color-neutral-foreground-tertiary);transition:border-color .15s}
#hos.ho-site-head .mg-search:focus-within{border-color:var(--color-brand-primary)}
#hos.ho-site-head .mg-search input{border:0;outline:0;background:transparent;flex:1;min-width:0;font-size:14px;color:var(--color-neutral-foreground)}
#hos.ho-site-head .mg-modes{display:flex;flex-direction:column;gap:2px}
#hos.ho-site-head .mg-mode{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:none;border:0;cursor:pointer;
  padding:10px;border-radius:var(--radius-lg);transition:background .15s}
#hos.ho-site-head .mg-mode b{display:block;font-family:var(--font-display);font-weight:500;font-size:19px;letter-spacing:-.4px;line-height:1.2}
#hos.ho-site-head .mg-mode small{display:block;font-size:12px;color:var(--color-neutral-foreground-tertiary)}
#hos.ho-site-head .mg-mic{width:36px;height:36px;border-radius:var(--radius-md);display:grid;place-items:center;flex-shrink:0;
  background:#fff;border:1px solid var(--color-neutral-border);color:var(--color-neutral-foreground-secondary);transition:all .2s}
#hos.ho-site-head .mg-mode .chev{margin-left:auto;opacity:0;transform:translateX(-4px);transition:all .2s;color:var(--color-brand-primary)}
#hos.ho-site-head .mg-mode:hover{background:#fff}
#hos.ho-site-head .mg-mode.on{background:#fff;box-shadow:0 1px 0 var(--color-neutral-border)}
#hos.ho-site-head .mg-mode.on .mg-mic{background:var(--color-brand-primary);border-color:var(--color-brand-primary);color:#fff}
#hos.ho-site-head .mg-mode.on .chev{opacity:1;transform:none}
#hos.ho-site-head .mg-help{margin-top:auto;display:flex;align-items:center;gap:8px;font-size:13px;color:var(--color-neutral-foreground-secondary);padding:8px 10px}
#hos.ho-site-head .mg-help b{color:var(--color-brand-primary);font-weight:600}
#hos.ho-site-head .mg-help .ic{width:16px;height:16px}
#hos.ho-site-head .mg-panels{padding:28px 32px;overflow:auto;min-width:0}
#hos.ho-site-head .mg-panel{display:none}
#hos.ho-site-head .mg-panel.on{display:block;animation:mgIn .35s var(--ease-out)}
#hos.ho-site-head .mega-inner h5{font-family:var(--font-display);font-size:26px;font-weight:500;letter-spacing:var(--tracking-display);margin-bottom:16px}
#hos.ho-site-head .mg-grid2{display:grid;grid-template-columns:1fr 1fr;gap:2px 16px}
#hos.ho-site-head .mg-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-lg);font-size:15px;
  transition:background .15s,transform .2s var(--ease-out)}
#hos.ho-site-head .mg-item:hover,#hos.ho-site-head .mg-item.pv-on{background:var(--color-neutral-background-subtle);transform:translateX(3px)}
#hos.ho-site-head .mg-item:hover .mg-l,#hos.ho-site-head .mg-item.pv-on .mg-l{color:var(--color-brand-primary)}
#hos.ho-site-head .mg-l{flex:1;min-width:0}
#hos.ho-site-head .mg-n{font-size:12px;color:var(--color-neutral-foreground-tertiary);font-variant-numeric:tabular-nums}
#hos.ho-site-head .mg-t b{display:block;font-weight:600;font-size:15px}
#hos.ho-site-head .mg-t span{display:block;font-size:13px;color:var(--color-neutral-foreground-tertiary)}
#hos.ho-site-head .mg-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
#hos.ho-site-head .mg-tile{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid var(--color-neutral-border);border-radius:var(--radius-lg);
  font-size:14px;font-weight:500;transition:border-color .15s,transform .2s var(--ease-out),background .15s}
#hos.ho-site-head .mg-tile .mg-ic{width:34px;height:34px;transition:background .2s,color .2s,transform .3s var(--ease-out)}
#hos.ho-site-head .mg-tile:hover,#hos.ho-site-head .mg-tile.pv-on{border-color:var(--color-brand-primary);transform:translateY(-2px)}
#hos.ho-site-head .mg-tile:hover .mg-ic,#hos.ho-site-head .mg-tile.pv-on .mg-ic{background:var(--color-brand-primary);color:#fff;transform:rotate(-8deg)}
#hos.ho-site-head .mega-inner .chips{display:flex;flex-wrap:wrap;gap:8px}
#hos.ho-site-head .chip.big{font-size:15px;padding:8px 16px}
#hos.ho-site-head .mg-more{display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:14px;margin-top:18px}
#hos.ho-site-head .mg-more:hover{color:var(--color-brand-primary)}
#hos.ho-site-head .mg-none{font-size:15px;color:var(--color-neutral-foreground-secondary)}
#hos.ho-site-head .mega.filtering .mg-panel{display:block;margin-bottom:22px}
#hos.ho-site-head .mega.filtering .mg-panel.empty{display:none}
#hos.ho-site-head .mega.filtering .mega-inner h5{font-size:18px;margin-bottom:8px}
#hos.ho-site-head .mega.filtering .mg-mode{opacity:.4}
#hos.ho-site-head .mg-hidden{display:none!important}
@keyframes mgIn{from{opacity:0;transform:translateY(10px)}}
#hos.ho-site-head .mg-pv{padding:24px;border-left:1px solid var(--color-neutral-border);display:flex;flex-direction:column;gap:12px;min-width:0}
#hos.ho-site-head .pv-media{position:relative;display:block;aspect-ratio:4/4.4;border-radius:var(--radius-xl);overflow:hidden;background:#222}
#hos.ho-site-head .pv-stage,#hos.ho-site-head .pv-stage > *{position:absolute;inset:0}
#hos.ho-site-head .pv-stage > *{width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .35s var(--ease)}
#hos.ho-site-head .pv-stage > .on{opacity:1}
#hos.ho-site-head .pv-media::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.7),transparent 55%)}
#hos.ho-site-head .pv-cap{position:absolute;left:16px;right:16px;bottom:14px;z-index:1;color:#fff}
#hos.ho-site-head .pv-cap b{display:block;font-family:var(--font-display);font-weight:500;font-size:21px;letter-spacing:var(--tracking-display);line-height:1.15}
#hos.ho-site-head .pv-cap span{font-size:13px;opacity:.85}
#hos.ho-site-head .pv-list{display:flex;flex-direction:column;gap:8px}
#hos.ho-site-head .pv-w{display:flex;align-items:center;gap:10px;font-size:13px;line-height:1.3;animation:mgIn .35s var(--ease-out) both}
#hos.ho-site-head .pv-w:nth-child(2){animation-delay:.05s}
#hos.ho-site-head .pv-w:nth-child(3){animation-delay:.1s}
#hos.ho-site-head .pv-w img{width:40px;height:40px;border-radius:var(--radius-md);object-fit:cover;flex-shrink:0}
#hos.ho-site-head .pv-w b{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;font-weight:600}
#hos.ho-site-head .pv-w span{color:var(--color-neutral-foreground-tertiary)}
#hos.ho-site-head .pv-w:hover b{color:var(--color-brand-primary)}
@media(max-width:1280px){#hos.ho-site-head .mega-inner{grid-template-columns:250px minmax(0,1fr)}
#hos.ho-site-head .mg-pv{display:none}}
@keyframes meshFloat{to{transform:translate(-50px,36px) scale(1.12)}}
@keyframes scribDraw{to{stroke-dashoffset:0}}
@keyframes heroZoom{from{transform:scale(1.07)}to{transform:scale(1)}}
@keyframes dotFillX{to{transform:scaleX(1)}}
#hos.ho-site-head .hsearch{position:relative;display:flex;align-items:center;background:var(--color-neutral-surface);color:var(--color-neutral-foreground);
  border-radius:var(--radius-lg);padding:6px;max-width:780px;box-shadow:0 20px 50px -20px rgba(0,0,0,.5);transition:box-shadow .2s}
#hos.ho-site-head .hsearch:focus-within{box-shadow:0 20px 50px -20px rgba(0,0,0,.5),0 0 0 3px rgba(244,99,42,.35)}
#hos.ho-site-head .hs-field{position:relative;display:flex;align-items:center;gap:8px;padding:0 14px;min-width:0;color:var(--color-neutral-foreground-tertiary)}
#hos.ho-site-head .hs-field + .hs-field{border-left:1px solid var(--color-neutral-border)}
#hos.ho-site-head .hs-q{flex:1 1 260px}
#hos.ho-site-head .hs-where,#hos.ho-site-head .hs-when{flex:0 1 150px}
#hos.ho-site-head .hs-field input,#hos.ho-site-head .hs-field select{border:0;outline:0;background:transparent;font-size:14px;color:var(--color-neutral-foreground);
  width:100%;min-width:0;padding:12px 0}
#hos.ho-site-head .hs-field input::placeholder{color:var(--color-neutral-text-input-inactive)}
#hos.ho-site-head .hs-field select{appearance:none;-webkit-appearance:none;cursor:pointer;padding-right:18px}
#hos.ho-site-head .hs-field .dd{position:absolute;right:10px;width:14px;height:14px;pointer-events:none}
#hos.ho-site-head .hs-go{padding:10px 16px;font-size:15px;flex:0 0 auto}
#hos.ho-site-head .hs-count{font-weight:400;opacity:.85;font-size:13px}
#hos.ho-site-head .hs-count:empty{display:none}
#hos.ho-site-head .hs-count.bump{animation:bump .35s var(--ease)}
@keyframes bump{40%{transform:scale(1.25)}}
#hos.ho-site-head .hs-panel{position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:60;background:#fff;border:1px solid var(--color-neutral-border);
  border-radius:var(--radius-xl);box-shadow:0 30px 60px -30px rgba(26,26,26,.5);padding:8px;max-height:min(66vh,540px);overflow:auto;
  animation:mgIn .2s var(--ease-out)}
#hos.ho-site-head .hs-group + .hs-group{margin-top:6px;padding-top:6px;border-top:1px solid var(--color-neutral-border)}
#hos.ho-site-head .hs-gt{font-size:11px;letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--color-neutral-foreground-tertiary);font-weight:600;padding:8px 10px 6px}
#hos.ho-site-head .hs-chips{display:flex;flex-wrap:wrap;gap:6px;padding:2px 8px 8px}
#hos.ho-site-head .hs-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:var(--radius-full);background:#fff;
  border:1px solid var(--color-neutral-border);font-size:13px;cursor:pointer}
#hos.ho-site-head .hs-chip small{color:var(--color-neutral-foreground-tertiary)}
#hos.ho-site-head .hs-chip:hover{border-color:var(--color-brand-primary);color:var(--color-brand-primary)}
#hos.ho-site-head .hs-row{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:var(--radius-lg)}
#hos.ho-site-head .hs-row img{width:48px;height:48px;border-radius:var(--radius-md);object-fit:cover;flex-shrink:0;background:var(--color-neutral-surface-secondary)}
#hos.ho-site-head .hs-row .t{min-width:0;flex:1}
#hos.ho-site-head .hs-row b{display:block;font-weight:600;font-size:15px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#hos.ho-site-head .hs-row b mark{background:var(--color-brand-primary-subtle);color:var(--color-brand-primary);border-radius:3px;padding:0 1px}
#hos.ho-site-head .hs-row span{font-size:13px;color:var(--color-neutral-foreground-tertiary)}
#hos.ho-site-head .hs-row .pr{font-weight:600;color:var(--color-neutral-foreground);font-size:14px;flex-shrink:0}
#hos.ho-site-head .hs-row .vtag{color:var(--color-brand-primary);font-weight:600;margin-left:6px}
#hos.ho-site-head .hs-row.on,#hos.ho-site-head .hs-row:hover{background:var(--color-neutral-background-subtle)}
#hos.ho-site-head .hs-all{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:6px;padding:12px 14px;border-radius:var(--radius-lg);
  background:var(--color-brand-primary);color:#fff;font-weight:600;font-size:15px}
#hos.ho-site-head .hs-all.on,#hos.ho-site-head .hs-all:hover{background:var(--color-brand-primary-hover)}
#hos.ho-site-head .hs-empty{padding:16px 12px;color:var(--color-neutral-foreground-secondary);font-size:14px}
#hos.ho-site-head .hs-empty b{color:var(--color-neutral-foreground)}
#hos.ho-site-head .hsearch{border-radius:var(--radius-full);padding:6px 6px 6px 10px;max-width:720px;
  box-shadow:0 24px 48px -28px rgba(26,26,26,.35),0 0 0 1px var(--color-neutral-border)}
#hos.ho-site-head .hsearch:focus-within{box-shadow:0 24px 48px -28px rgba(26,26,26,.35),0 0 0 2px var(--color-brand-primary)}
#hos.ho-site-head .hs-field{flex-direction:column;align-items:stretch;gap:0;padding:6px 18px}
#hos.ho-site-head .hs-lab{font-size:12px;font-weight:600;color:var(--color-neutral-foreground);line-height:1.2}
#hos.ho-site-head .hs-field input,#hos.ho-site-head .hs-field select{padding:3px 0;font-size:14px}
#hos.ho-site-head .hs-field select{padding-right:0;color:var(--color-neutral-foreground-secondary)}
#hos.ho-site-head .hs-kbd{position:absolute;right:14px;bottom:10px}
#hos.ho-site-head .hs-go{position:relative;flex:0 0 auto;width:52px;height:52px;border:0;border-radius:50%;display:grid;place-items:center;cursor:pointer;
  background:var(--color-brand-primary);color:#fff;transition:background .15s,transform .15s}
#hos.ho-site-head .hs-go:hover{background:var(--color-brand-primary-hover)}
#hos.ho-site-head .hs-go:active{transform:scale(.96)}
#hos.ho-site-head .hs-go .ic{width:20px;height:20px}
#hos.ho-site-head .hs-go-t{display:none}
#hos.ho-site-head .hs-count{position:absolute;top:-6px;right:-6px;min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:var(--color-neutral-foreground);
  color:#fff;font-size:11px;font-weight:700;display:grid;place-items:center;opacity:1}
@media(max-width:700px){#hos.ho-site-head .hsearch{flex-wrap:wrap;border-radius:20px;padding:6px}
#hos.ho-site-head .hs-q{flex:1 1 100%;order:-1;border-bottom:1px solid var(--color-neutral-border)}
#hos.ho-site-head .hs-where,#hos.ho-site-head .hs-when{flex:1 1 0;border-left:0!important}
#hos.ho-site-head .hs-when{border-left:1px solid var(--color-neutral-border)!important}
#hos.ho-site-head .hs-field{padding:8px 12px}
#hos.ho-site-head .hsearch .hs-go{flex:1 1 100%;width:auto;height:48px;border-radius:14px;margin-top:6px;display:flex;justify-content:center;gap:8px;font-weight:600;font-size:15px}
#hos.ho-site-head .hs-go-t{display:inline}
#hos.ho-site-head .hs-count{position:static;background:rgba(255,255,255,.22)}
#hos.ho-site-head .hs-kbd{display:none}}
@keyframes blink{50%{opacity:.25}}
#hos.ho-site-head .ph video,#hos.ho-site-head .ph img{width:100%;height:100%;object-fit:cover}
#hos.ho-site-head .wcard{flex:0 0 calc((min(100vw,1400px) - 126px - 48px)/4);min-width:240px;scroll-snap-align:start;display:flex;flex-direction:column;gap:6px}
#hos.ho-site-head .wcard.pop{animation:mgIn .45s var(--ease-out) both;animation-delay:var(--d,0ms)}
#hos.ho-site-head .wcard .ph{position:relative;display:block;aspect-ratio:1/0.93;border-radius:var(--radius-lg);overflow:hidden;background:var(--color-neutral-surface-secondary);margin-bottom:8px}
#hos.ho-site-head .wcard .ph > img,#hos.ho-site-head .wcard .ph > video{transition:transform .8s var(--ease-out)}
#hos.ho-site-head .wcard:hover .ph > img,#hos.ho-site-head .wcard:hover .ph > video{transform:scale(1.05)}
#hos.ho-site-head .wcard .tags{position:absolute;top:12px;left:12px;display:flex;gap:6px}
#hos.ho-site-head .meta{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--color-neutral-foreground-secondary);padding:0 8px}
#hos.ho-site-head .meta i{font-style:normal;color:var(--color-neutral-foreground-tertiary)}
#hos.ho-site-head .rt{display:inline-flex;align-items:center;gap:4px}
#hos.ho-site-head .rt b{color:var(--color-neutral-foreground)}
#hos.ho-site-head .ic.star{color:var(--color-accent-star);fill:var(--color-accent-star)}
#hos.ho-site-head .wt{font-weight:500;font-size:17px;line-height:1.3;padding:0 8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#hos.ho-site-head .wcard:hover .wt{color:var(--color-brand-primary)}
#hos.ho-site-head .price{font-size:16px;color:var(--color-neutral-foreground-secondary);padding:0 8px}
#hos.ho-site-head .price b{color:var(--color-neutral-foreground);font-weight:600}
#hos.ho-site-head .wcard .pill-date{align-self:flex-start}
@media(max-width:1024px){#hos.ho-site-head .wcard{flex-basis:40%}}
@media(max-width:640px){#hos.ho-site-head .wcard{flex-basis:78%}}
@keyframes wallRun{to{transform:translateX(-50%)}}
@keyframes bob{50%{transform:translateY(-5px)}}
@keyframes colUp{to{transform:translateY(-50%)}}
#hos.ho-site-head .hsearch.floating{position:fixed;left:50%;top:12px;z-index:120;width:min(860px,calc(100% - 24px));max-width:none;transform:translateX(-50%)}
#hos.ho-site-head .hsearch.floating .hs-panel{max-height:calc(100vh - 200px)}
#hos.ho-site-head .scrim{position:fixed;inset:0;z-index:110;background:rgba(26,26,26,.45);backdrop-filter:blur(3px)}
#hos.ho-site-head .rv{opacity:0;transform:translateY(24px);transition:opacity .6s var(--ease) var(--rv-delay,0ms),transform .8s var(--ease-out) var(--rv-delay,0ms)}
#hos.ho-site-head .rv.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){#hos.ho-site-head *{animation:none!important}
#hos.ho-site-head .rv{opacity:1;transform:none;transition:none}}
@media(max-width:1024px){#hos.ho-site-head .mega{display:none}}
#hos.ho-site-head .sheet .mega-inner{display:block;box-shadow:none;background:transparent;max-height:none;min-height:0;border-radius:0}
#hos.ho-site-head .sheet .mg-side,#hos.ho-site-head .sheet .mg-pv{display:none}
#hos.ho-site-head .sheet .mg-panels{padding:8px 0;overflow:visible}
#hos.ho-site-head .sheet .mg-panel{display:block;padding:18px 0;border-bottom:1px solid var(--color-neutral-border);animation:none}
#hos.ho-site-head .sheet .mega-inner h5{font-size:22px;margin-bottom:10px}
#hos.ho-site-head .sheet .mg-tiles{grid-template-columns:1fr 1fr}
#hos.ho-site-head .sheet .mg-grid2{grid-template-columns:1fr 1fr}
#hos.ho-site-head .sheet .mg-col .mg-t span{display:none}
#hos.ho-site-head{background:var(--color-neutral-background)}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes storyFill{to{transform:scaleX(1)}}
#hos.ho-site-head .st-on .tags{top:20px;transition:top .2s}
#hos.ho-site-head .wcard .tags{transition:top .2s}
#hos.ho-site-head .ph img.st-next{position:absolute;inset:0;opacity:0;transition:opacity .25s var(--ease)}
#hos.ho-site-head .ph img.st-next.on{opacity:1}
#hos.ho-site-head .nav.solid,#hos.ho-site-head .nav.open{background:var(--color-neutral-background)}
#hos.ho-site-head .sheet{background:var(--color-neutral-background)}
@media(max-width:640px){#hos.ho-site-head h2{font-size:27px;line-height:1.15}
#hos.ho-site-head .wcard{flex-basis:74%;min-width:0}
#hos.ho-site-head .wt{font-size:16px}
#hos.ho-site-head .meta{font-size:13px}}
#hos.ho-site-head .dchip{flex:0 0 auto;background:none;border:0;cursor:pointer;padding:6px 10px;border-radius:var(--radius-full);font-size:14px;
  color:var(--color-neutral-foreground-secondary);white-space:nowrap;transition:color .15s,background .15s}
#hos.ho-site-head .dchip b{font-weight:600;color:var(--color-neutral-foreground)}
#hos.ho-site-head .dchip sup{font-size:10px;color:var(--color-brand-primary);margin-left:2px}
#hos.ho-site-head .dchip:hover{color:var(--color-brand-primary)}
#hos.ho-site-head .dchip.on{background:var(--color-brand-primary-subtle);color:var(--color-brand-primary)}
#hos.ho-site-head .dchip.on b{color:var(--color-brand-primary)}
#hos.ho-site-head .dchip[disabled]{opacity:.35;cursor:default}
#hos.ho-site-head .near-empty{padding:40px 0;color:var(--color-neutral-foreground-secondary)}
#hos.ho-site-head .nav-lang-m{display:none;font-size:13px;font-weight:700;letter-spacing:.04em;padding:6px 10px;border:1px solid var(--color-neutral-border);border-radius:var(--radius-full)}
@media(max-width:1024px){#hos.ho-site-head .nav-lang-m{display:inline-flex}}
@media(max-width:1024px){#hos.ho-site-head .mega-scrim{display:none!important}}
#hos.ho-site-head .ph{isolation:isolate}
#hos.ho-site-head .vp{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1}
#hos.ho-site-head video[data-src],#hos.ho-site-head video[data-vsrc]{opacity:0;transition:opacity .6s var(--ease)}
#hos.ho-site-head video.vplay{opacity:1}
#hos.ho-site-head #categories{padding:56px 0}
@media(max-width:640px){#hos.ho-site-head #categories{padding:40px 0}}
#hos.ho-site-head #events{padding-top:0}
@keyframes clRun{to{transform:translateX(-100%)}}
@keyframes kb{from{transform:scale(1)}to{transform:scale(1.12) translateY(-2%)}}
#hos.ho-site-head .tag[hidden]{display:none}
#hos.ho-site-head img.img-x{opacity:0}
#hos.ho-site-head .hs-col{text-decoration:none;color:var(--color-neutral-foreground)}
#hos.ho-site-head .hs-col .ic{width:15px;height:15px;color:var(--color-brand-primary)}
@keyframes bfPulse{to{box-shadow:0 0 0 10px rgba(244,99,42,0)}}
#hos.ho-site-head .tag.tag-bf{background:#141210;color:#fff;font-weight:700}
#hos.ho-site-head .price s,#hos.ho-site-head .hs-row .pr s{color:var(--color-neutral-foreground-tertiary);font-weight:400;text-decoration-thickness:1px}
#hos.ho-site-head .price .bfp,#hos.ho-site-head .hs-row .pr .bfp{color:var(--color-brand-primary)}
#hos.ho-site-head .hs-row .pr b{font-weight:600}
#hos.ho-site-head h1,#hos.ho-site-head h2,#hos.ho-site-head h3,#hos.ho-site-head .mega-inner h5{font-family:var(--font-display)!important}
#hos.ho-site-head h4,#hos.ho-site-head h5,#hos.ho-site-head h6,#hos.ho-site-head ul,#hos.ho-site-head ol,#hos.ho-site-head li,#hos.ho-site-head footer,#hos.ho-site-head blockquote,#hos.ho-site-head button,#hos.ho-site-head input,#hos.ho-site-head select,#hos.ho-site-head textarea,#hos.ho-site-head .button,#hos.ho-site-head label,#hos.ho-site-head p{font-family:var(--font-sans)!important}
#hos.ho-site-head :where(h1,h2,h3,h4,h5,h6){color:inherit;margin:0;padding:0;text-transform:none;letter-spacing:inherit;line-height:inherit}
#hos.ho-site-head :where(a){text-decoration:none}
#hos.ho-site-head :where(input,select,textarea){height:auto;min-height:0;box-shadow:none;border-radius:0;max-width:none;margin:0;-webkit-appearance:none;appearance:none}
#hos.ho-site-head input[type="search"]::-webkit-search-decoration,#hos.ho-site-head input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}
#hos.ho-site-head .nl-dd{position:relative;display:inline-flex;align-items:center;width:auto!important}
#hos.ho-site-head .nl-dd-menu{width:auto!important}
#hos.ho-site-head .nl-dd > .nl{gap:5px}
#hos.ho-site-head .nl-dd-menu{position:absolute;top:100%;left:-14px;margin-top:6px;min-width:210px;padding:8px;display:flex;flex-direction:column;
  background:var(--color-neutral-surface);border:1px solid var(--color-neutral-border);border-radius:var(--radius-lg);
  box-shadow:0 14px 36px rgba(26,26,26,.12);opacity:0;visibility:hidden;transform:translateY(6px);
  transition:opacity .18s var(--ease),transform .18s var(--ease),visibility .18s;z-index:120}
#hos.ho-site-head .nl-dd::after{content:"";position:absolute;left:0;right:0;top:100%;height:10px}
#hos.ho-site-head .nl-dd:hover .nl-dd-menu,#hos.ho-site-head .nl-dd:focus-within .nl-dd-menu{opacity:1;visibility:visible;transform:none}
#hos.ho-site-head .nl-dd:hover .dd,#hos.ho-site-head .nl-dd:focus-within .dd{transform:rotate(180deg)}
#hos.ho-site-head .nl-dd-menu a{display:block;padding:9px 12px;border-radius:var(--radius-md);font-size:14px;font-weight:500;color:var(--color-neutral-foreground);white-space:nowrap}
#hos.ho-site-head .nl-dd-menu a:hover{background:var(--color-brand-primary-subtle);color:var(--color-brand-primary)}
#hos.ho-site-head .nav.open .nl-dd-menu{display:none}
#hos.ho-site-head .mega-inner h5.mg-sub{margin-top:22px}
#hos.ho-site-head .ho-skill-links a.chip{text-decoration:none}
#hos.ho-site-head .ho-acc,#hos.ho-site-head .ho-acc .header-widget{display:flex;align-items:center;gap:10px;float:none;margin:0;padding:0;height:auto;position:relative}
#hos.ho-site-head .ho-acc a.sign-in,#hos.ho-site-head .ho-acc a.button.border,#hos.ho-site-head .ho-acc .user-menu{font-family:var(--font-sans)!important}
#hos.ho-site-head .ho-acc a.sign-in{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:var(--radius-button);
  background:var(--color-brand-primary);color:#fff!important;font-size:14px;font-weight:600;line-height:24px;white-space:nowrap;border:1px solid transparent}
#hos.ho-site-head .ho-acc a.sign-in:hover{background:var(--color-brand-primary-hover)}
#hos.ho-site-head .ho-acc a.sign-in i{display:none}
#hos.ho-site-head .ho-acc a.button.border{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:var(--radius-button);
  background:transparent;color:var(--color-brand-primary)!important;border:1px solid var(--color-brand-primary);font-size:14px;font-weight:600;line-height:24px;white-space:nowrap;margin:0;box-shadow:none;height:auto}
#hos.ho-site-head .ho-acc a.button.border:hover{background:var(--color-brand-primary-subtle)}
#hos.ho-site-head .ho-acc a.sign-in,#hos.ho-site-head .ho-acc a.button.border{position:static;top:auto;transform:none;vertical-align:middle;margin:0!important}
#hos.ho-site-head .ho-acc a.button.border i{font-size:12px}
#hos.ho-site-head .ho-acc .user-menu{margin:0;float:none;position:relative;display:inline-flex;align-items:center;padding:0;cursor:pointer}
#hos.ho-site-head .ho-acc .user-menu .user-name{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;font-size:14px;font-weight:600;line-height:24px;color:var(--color-neutral-foreground);padding-right:16px;position:relative}
#hos.ho-site-head .ho-acc .user-menu .user-name > span{position:relative;display:inline-flex;flex:0 0 auto;left:auto!important;top:auto!important}
#hos.ho-site-head .ho-acc .user-menu .user-name img{width:32px;height:32px;border-radius:50%;box-shadow:0 2px 3px rgba(0,0,0,.1);display:block}
#hos.ho-site-head .ho-acc .user-menu ul{z-index:130;top:calc(100% + 10px);right:0;left:auto;width:230px;padding:10px;margin:0;
  background:var(--color-neutral-surface);border:1px solid var(--color-neutral-border);border-radius:var(--radius-lg);box-shadow:0 14px 36px rgba(26,26,26,.12)}
#hos.ho-site-head .ho-acc .user-menu ul li{list-style:none;margin:0;padding:0}
#hos.ho-site-head .ho-acc .user-menu ul li a{display:flex;align-items:center;gap:9px;padding:7px 12px;font-size:14px;font-weight:500;line-height:22px;color:var(--color-neutral-foreground-secondary);border-radius:var(--radius-md);white-space:nowrap}
#hos.ho-site-head .ho-acc .user-menu ul li a:hover{background:var(--color-brand-primary-subtle);color:var(--color-brand-primary)}
#hos.ho-site-head .ho-acc .user-menu ul li a svg{width:16px;height:16px;flex:0 0 16px}
@media (max-width:1024px){#hos.ho-site-head .ho-acc a.button.border{display:none}
#hos.ho-site-head .ho-acc a.sign-in{width:40px;height:40px;padding:0;justify-content:center;border-radius:var(--radius-full);
    background:transparent;border:1px solid var(--color-neutral-border);color:var(--color-neutral-foreground)!important}
#hos.ho-site-head .ho-acc a.sign-in i{display:inline-block;font-size:17px;line-height:1}}
#hos.ho-site-head .ho-acc-m{display:block;margin-top:8px;padding-top:8px;border-top:1px solid var(--color-neutral-border)}
#hos.ho-site-head .ho-acc-m .user-menu .user-name{display:none}
#hos.ho-site-head .ho-acc-m .user-menu ul{position:static!important;display:block!important;opacity:1!important;visibility:visible!important;transform:none!important;box-shadow:none!important;border:0!important;padding:0!important;margin:0!important;width:auto!important;background:transparent!important}
#hos.ho-site-head .ho-acc-m .user-menu ul li a,#hos.ho-site-head .ho-acc-m a.sign-in,#hos.ho-site-head .ho-acc-m a.button.border{display:flex;align-items:center;gap:10px;padding:12px 0;font-size:17px;font-weight:600;color:var(--color-neutral-foreground)!important;background:none!important;border:0!important}
#hos.ho-site-head .ho-acc-m a.sign-in i,#hos.ho-site-head .ho-acc-m a.button.border i{display:none}
body.admin-bar #hos.ho-site-head .nav{top:32px}
@media screen and (max-width:782px){body.admin-bar #hos.ho-site-head .nav{top:46px}}
@media screen and (max-width:600px){body.admin-bar #hos.ho-site-head .nav{top:0}}
#hos.ho-site-head :is(h1,h2,h3) :is(button,span,b,strong,em,svg,path){font-family:inherit!important}
#hos.ho-site-head :where(p,sup,sub,small){line-height:inherit}
#hos.ho-site-head :where(p){font-weight:inherit}
#hos.ho-site-head :where(blockquote){background:none;display:block;quotes:none;line-height:inherit;border-radius:0}
#hos.ho-site-head .nav-links{width:auto;min-height:0}
#hos.ho-site-head .mega-scrim{position:absolute!important;top:100%!important;left:0!important;right:0!important;bottom:auto!important;height:100vh!important}
#hos.ho-site-head .ho-acc .user-menu{top:0!important}
body.admin-bar #hos.ho-site-head .hsearch.floating{top:44px}
@media screen and (max-width:782px){body.admin-bar #hos.ho-site-head .hsearch.floating{top:58px}}
@media screen and (max-width:600px){body.admin-bar #hos.ho-site-head .hsearch.floating{top:12px}}
@media (max-width:1024px){#hos.ho-site-head .ho-acc .user-menu .user-name{max-width:none!important;overflow:visible!important;padding-right:0!important;width:auto!important}
#hos.ho-site-head .ho-acc .user-menu .user-name:after{display:none!important}}
#hos.ho-site-head .ho-acc-m{padding-bottom:96px}
#hos.ho-site-head .ho-acc-m .user-menu{height:auto!important;display:block!important}
#hos.ho-site-head .ho-acc-m a.sign-in,#hos.ho-site-head .ho-acc-m a.button.border{display:flex!important;justify-content:center;width:100%!important;height:auto!important;min-height:48px;margin:10px 0 0!important;padding:12px 16px!important;font-size:16px!important;line-height:22px!important;border-radius:var(--radius-button)!important;position:static!important;visibility:visible!important;opacity:1!important}
#hos.ho-site-head .ho-acc-m a.sign-in{background:var(--color-brand-primary)!important;color:#fff!important;border:0!important}
#hos.ho-site-head .ho-acc-m a.button.border{background:transparent!important;color:var(--color-brand-primary)!important;border:1px solid var(--color-brand-primary)!important}
#hos.ho-site-head .ho-acc-m a.sign-in i{display:inline-block!important;font-size:16px}
#hos.ho-site-head .sheet-links .ho-acc-m{flex:0 0 100%;width:100%;padding-bottom:96px!important}
@media (max-width:1024px){#hos.ho-site-head .hsearch input,#hos.ho-site-head .hsearch select,#hos.ho-site-head .nav-search input,#hos.ho-site-head .mg-search input,#hos.ho-site-head .sheet input{font-size:16px!important}}
#hos.ho-site-head .hs-panel{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
#hos.ho-site-head .hsearch.floating .hs-panel{max-height:calc(100vh - 220px);max-height:calc(100dvh - 220px)}
html.ho-search-lock,html.ho-search-lock body{overflow:hidden!important}
html.ho-search-lock .ho-wa-float{display:none!important}
@media (max-width:1024px){#hos.ho-site-head .ho-acc a.sign-in{width:34px!important;height:34px!important;min-width:0!important;padding:0!important}
#hos.ho-site-head .ho-acc a.sign-in i{font-size:15px!important;line-height:1!important;margin:0!important}}
/* Inner pages: fixed nav needs its own space; always solid; search box always shown on desktop. */
#hos.ho-site-head{height:64px;position:relative;overflow:visible}
/* Stacking (step 2): no stacking context on the wrapper, so the fixed nav / menu / search sit above page bars
   (workshops filter bar 9000, workshop page booking bars); map overlay (9999) still covers the nav like before. */
#hos.ho-site-head .nav{z-index:9200}
#hos.ho-site-head .sheet{z-index:9190}
#hos.ho-site-head .scrim{z-index:100000}
#hos.ho-site-head .hsearch.floating{z-index:100001}
body.handson-site-head-v2 .mfp-bg{z-index:9300!important}
body.handson-site-head-v2 .mfp-wrap{z-index:9301!important}
/* Workshop (single listing) page: its own CSS pads #wrapper for the old 80px fixed header → one 64px gap, no spacer. */
body.handson-site-head-v2.single-listing{--hos-site-header-height:64px}
html body.handson-site-head-v2.single-listing #wrapper{padding-top:64px!important}
body.handson-site-head-v2.single-listing #hos.ho-site-head{height:0}
#hos.ho-site-head .ho-hs-holder{display:none}
#hos.ho-site-head .hsearch.floating{display:flex}
/* Tablet/phone: nav search box is hidden → search icon button opens the same search popup. */
#hos.ho-site-head .nav-search-m{display:none}
@media(max-width:1024px){#hos.ho-site-head .nav-search-m{display:grid;place-items:center;width:34px;height:34px;padding:0;border-radius:9999px;border:1px solid var(--color-neutral-border);background:transparent;color:var(--color-neutral-foreground);cursor:pointer}#hos.ho-site-head .nav-search-m .ic{width:16px;height:16px}#hos.ho-site-head .nav.open .nav-search-m{display:none}}