
/* iBridoPhone navigation 2026-10-20 — same Pages palette, redesigned composition */
.drawer.drawer-menu{
  display:block!important;
  position:fixed!important;inset:0!important;
  width:100vw!important;max-width:none!important;
  height:100dvh!important;max-height:100dvh!important;
  overflow-x:hidden!important;overflow-y:auto!important;
  padding:0!important;margin:0!important;
  color:#fff!important;border:0!important;border-radius:0!important;
  background:radial-gradient(ellipse 90% 55% at 100% 5%,#24405088,transparent 65%),
             radial-gradient(ellipse 85% 65% at 0% 100%,#62177355,transparent 70%),
             linear-gradient(160deg,#0b101b 0%,#07080f 100%)!important;
  z-index:2100!important;
  clip-path:circle(0 at var(--reveal-x,40px) var(--reveal-y,90%));
  opacity:0;visibility:hidden;pointer-events:none;
  transform:none!important;
  transition:visibility 0s linear .55s,opacity .15s linear .4s!important;
  box-shadow:none!important;
}
.drawer.drawer-menu.open{
  visibility:visible;opacity:1;pointer-events:auto;
  animation:ibNewIris .63s cubic-bezier(.21,.78,.22,1) forwards!important;
  transition:none!important;
}
@keyframes ibNewIris{
 from{clip-path:circle(0 at var(--reveal-x,40px) var(--reveal-y,90%))}
 to{clip-path:circle(150vmax at var(--reveal-x,40px) var(--reveal-y,90%))}
}
.drawer-menu .ib-nav-shell{min-height:100dvh;max-width:1040px;width:min(100%,1040px);margin:auto;display:flex;flex-direction:column;padding:clamp(18px,4vh,35px) clamp(22px,5vw,58px) max(22px,env(safe-area-inset-bottom))}
.drawer-menu .ib-nav-top{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:0 0 29px;border-bottom:1px solid #ffffff26}
.drawer-menu .ib-nav-logo{font-weight:850;font-size:clamp(20px,3vw,28px);letter-spacing:-.07em;color:#fff;text-decoration:none}
.drawer-menu .ib-nav-logo span{color:var(--neon-cyan)}
.drawer-menu .ib-nav-close{position:static;min-height:44px;display:flex;justify-content:center;align-items:center;gap:13px;border:1px solid #ffffff3c;border-radius:99px;color:#fff;background:#ffffff08;padding:8px 12px 8px 21px;font-size:12px;font-weight:750}
.drawer-menu .ib-nav-close span{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#ffffff18;font-size:22px;line-height:1}
.drawer-menu .ib-nav-main{width:100%;flex:1;display:flex;flex-direction:column;justify-content:center;padding:clamp(22px,5vh,55px) 0}
.drawer-menu .ib-nav-eyebrow{font-size:10px;font-weight:800;letter-spacing:.23em;color:var(--neon-cyan);margin:0 0 17px}
.drawer-menu .ib-nav-links{display:flex;flex-direction:column;width:100%;max-width:780px}
.drawer-menu .ib-nav-links .menu-link-item{
  display:grid;grid-template-columns:34px minmax(0,1fr) 25px;gap:12px;align-items:center;
  padding:clamp(11px,2.3vh,22px) 0!important;
  border:0!important;border-bottom:1px solid #ffffff19!important;
  border-radius:0!important;background:none!important;color:#fff!important;
  font-size:clamp(27px,4.7vw,54px)!important;
  font-weight:800!important;line-height:1.12!important;letter-spacing:-.065em!important;
  text-decoration:none;transition:padding .2s ease,color .2s ease;
}
.drawer-menu .ib-nav-links .menu-link-item small{font-size:10px;font-weight:650;color:#89aeb7;letter-spacing:0;align-self:center}
.drawer-menu .ib-nav-links .menu-link-item b{font-size:21px;font-weight:400;color:var(--neon-cyan);transition:transform .3s}
.drawer-menu .ib-nav-links .menu-link-item:hover,.drawer-menu .ib-nav-links .menu-link-item:focus-visible{color:#71f8fa!important;padding-left:8px!important}
.drawer-menu .ib-nav-links .menu-link-item:hover b{transform:translate(2px,-2px)}
.drawer-menu footer.ib-nav-bottom{
  display:flex;flex-direction:column;gap:14px;flex-shrink:0;
  background:none!important;border-top:1px solid #ffffff25;
  margin:0!important;padding:21px 0 0!important;
}
.drawer-menu .ib-nav-shop{display:flex;align-items:center;justify-content:space-between;gap:12px;
  color:#080a12;background:#fff;border-radius:15px;min-height:56px;padding:15px 20px;
  font-size:14px;font-weight:850;text-decoration:none}
.drawer-menu .ib-nav-shop span{font-size:21px}
.drawer-menu .ib-nav-minilinks{display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px;font-size:12px}
.drawer-menu .ib-nav-minilinks a{color:#d4d8e2;min-height:38px;display:flex;align-items:center;text-decoration:underline;text-underline-offset:5px}
.drawer-menu .ib-nav-bottom p{font-size:10px;line-height:1.5;color:#8394a4;letter-spacing:.015em;margin:0}
@media(max-width:991px){
.drawer-menu .ib-nav-shell{padding:22px 25px max(25px,env(safe-area-inset-bottom))}
.drawer-menu .ib-nav-top{padding-bottom:18px}
.drawer-menu .ib-nav-main{padding:20px 0}
.drawer-menu .ib-nav-links .menu-link-item{font-size:clamp(27px,8vw,42px)!important;padding:13px 0!important}
.drawer-menu .ib-nav-shop{min-height:50px}
}
@media(max-width:380px){
.drawer-menu .ib-nav-shell{padding:15px 19px max(15px,env(safe-area-inset-bottom))}
.drawer-menu .ib-nav-top{padding-bottom:12px}
.drawer-menu .ib-nav-links .menu-link-item{font-size:28px!important;padding:9px 0!important}
.drawer-menu .ib-nav-main{padding:12px 0}
.drawer-menu footer.ib-nav-bottom{padding-top:11px!important;gap:8px}
.drawer-menu .ib-nav-shop{min-height:46px;font-size:12px}
.drawer-menu .ib-nav-minilinks a{min-height:30px}
}
/* The blog remains discoverable through home and footer, not a cluttered primary menu. */
.blog-intro{max-width:830px}
.blog-category{margin-top:38px}
.blog-category-title{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:18px}
.blog-category-title h2{font-size:clamp(23px,3.6vw,34px);letter-spacing:-.04em}
.blog-category-title p{font-size:12px;color:var(--text-muted);max-width:380px;line-height:1.6}
.blog-card-label{font-size:10px;color:var(--neon-cyan);font-weight:800;letter-spacing:.16em;display:inline-block;margin-bottom:12px}
.blog-notice{max-width:860px;border:1px solid #ffffff24;background:linear-gradient(120deg,#00f0ff09,#bc00f40a);padding:19px 22px;border-radius:18px;margin:30px 0;color:#c9d4e0;font-size:13px;line-height:1.75}
.blog-article-notice{max-width:840px;margin:29px 0 35px;border:1px solid #45d5d43a;background:#00f0ff08;padding:20px 24px;border-radius:16px}
.blog-article-notice strong{font-size:14px}
.blog-article-notice p{font-size:12px;color:var(--text-muted);line-height:1.75;margin-top:8px}
.blog-mini-links{display:flex;flex-wrap:wrap;gap:12px 20px;margin:23px 0}
.blog-mini-links a{font-size:12px;color:var(--neon-cyan);text-decoration:underline;text-underline-offset:4px}
@media(max-width:640px){.blog-category-title{display:block}.blog-category-title p{margin-top:8px}.blog-article-notice{padding:17px 20px}}
@media(prefers-reduced-motion:reduce){.drawer.drawer-menu.open{animation:none!important;clip-path:none!important}}

.blog-related{margin:32px 0;padding:20px 0;border-top:1px solid var(--glass-border)}.blog-related h2{font-size:22px;letter-spacing:-.04em}
