/* Additive refinements. Keep the user-edited public-page-header.css unchanged. */
@media(max-width:600px){
 .ty-page-header .ty-page-header__actions .ty-page-header__partner,
 .ty-about-masthead .ty-about-masthead__partner{display:none}
}
/* Dedicated About masthead: luminous horizon flowing into the existing orbit scene. */
header.ty-about-masthead{position:relative;isolation:isolate;overflow:hidden;margin:0;padding:0 0 38px;background:radial-gradient(ellipse at 50% 125%,#12386c 0,transparent 60%),linear-gradient(120deg,#06152e,#020817 70%);color:#eaf5ff;font-family:Inter,system-ui,sans-serif}
.ty-about-masthead .ty-about-masthead__bar{position:relative;z-index:2;max-width:1600px;margin:0 auto;padding:18px clamp(24px,4vw,72px) 0;display:flex;align-items:center;justify-content:space-between;gap:20px}
.ty-about-masthead .ty-about-masthead__logo{position:relative;display:block;width:150px;height:66px;overflow:hidden;flex-shrink:0}
.ty-about-masthead .ty-about-masthead__logo img{position:absolute;width:150px;height:150px;max-width:none;top:-40px;left:0;object-fit:contain}
.ty-about-masthead .ty-about-masthead__partner{display:inline-flex;align-items:center;gap:18px;padding:12px 20px;border:1px solid #4fcde875;border-radius:12px;background:#12395880;color:#e5faff;font-size:13px;font-weight:600;text-decoration:none;box-shadow:inset 0 0 18px #4fcde809;transition:background .2s,border-color .2s}
.ty-about-masthead .ty-about-masthead__partner:hover{background:#164765;border-color:#6beaff}
.ty-about-masthead .ty-about-masthead__partner span{font-size:20px;color:#6beaff}
.ty-about-masthead .ty-about-masthead__title{position:relative;z-index:1;text-align:center;padding:0 24px 12px;margin:-24px auto 0;max-width:760px;pointer-events:none}
.ty-about-masthead .ty-about-masthead__title h1{font:700 clamp(32px,4.2vw,56px)/1.15 Inter,system-ui,sans-serif;letter-spacing:-.045em;color:#eaf5ff;-webkit-text-fill-color:#eaf5ff;background:none;margin:0;max-width:none;animation:none;transform:none}
.ty-about-masthead .ty-about-masthead__title h1 span{color:#6beaff;-webkit-text-fill-color:#6beaff}
.ty-about-masthead .ty-about-masthead__breadcrumb{display:flex;align-items:center;justify-content:center;gap:12px;border:0;padding:0;margin:16px 0 0;color:#a8bcd9;font-size:12px;line-height:1.7;pointer-events:auto}
.ty-about-masthead .ty-about-masthead__breadcrumb a{color:#c8e9ff;text-decoration:none}
.ty-about-masthead .ty-about-masthead__breadcrumb a:hover{text-decoration:underline;text-underline-offset:4px}
.ty-about-masthead a:focus-visible{outline:3px solid #6beaff;outline-offset:5px}
.ty-about-masthead .ty-about-masthead__orbit{position:absolute;pointer-events:none;z-index:0;left:50%;top:80px;width:min(950px,100vw);height:320px;transform:translateX(-50%) rotate(-8deg);border:1px solid #4c97cf22;border-radius:50%;box-shadow:0 0 0 32px #4c97cf06,0 0 0 65px #4c97cf04}
.ty-about-masthead .ty-about-masthead__horizon{position:absolute;bottom:0;left:12%;right:12%;height:1px;background:linear-gradient(90deg,transparent,#69d8ff99,transparent);box-shadow:0 -5px 35px 8px #318cff18;pointer-events:none}
@media(max-width:1000px){.ty-about-masthead .ty-about-masthead__title{margin:12px auto 0}.ty-about-masthead .ty-about-masthead__bar{padding-top:12px}}
@media(max-width:600px){
 header.ty-about-masthead{padding-bottom:28px}
 .ty-about-masthead .ty-about-masthead__bar{padding:6px 20px 0}
 .ty-about-masthead .ty-about-masthead__logo{width:110px;height:52px}
 .ty-about-masthead .ty-about-masthead__logo img{width:110px;height:110px;top:-28px}
 .ty-about-masthead .ty-about-masthead__title{margin:4px auto 0;padding:0 20px}
 .ty-about-masthead .ty-about-masthead__title h1{font-size:32px}
 .ty-about-masthead .ty-about-masthead__breadcrumb{margin-top:12px}
}
@media(prefers-reduced-motion:reduce){.ty-about-masthead *{transition:none!important}}
/* Last in cascade so the desktop About button cannot override mobile hiding. */
@media(max-width:600px){.ty-about-masthead .ty-about-masthead__partner{display:none}}

/* About: navigation overlays the existing galaxy; no separate header surface. */
body.tripy-about-page-body{position:relative}
body.tripy-about-page-body header.ty-about-masthead{
  position:absolute;top:0;left:0;right:0;z-index:20;
  margin:0;padding:0;background:none;border:0;box-shadow:none;
  overflow:visible;pointer-events:none;
}
.ty-about-masthead .ty-about-masthead__bar{pointer-events:none}
.ty-about-masthead .ty-about-masthead__bar a{pointer-events:auto}
.ty-about-masthead .ty-about-masthead__orbit,
.ty-about-masthead .ty-about-masthead__horizon{display:none}
/* Retain the page heading for assistive technology without a visible title band. */
.ty-about-masthead .ty-about-masthead__title{
  position:absolute;width:1px;height:1px;margin:-1px;padding:0;
  overflow:hidden;clip-path:inset(50%);white-space:nowrap;pointer-events:none;
}
.ty-about-masthead .ty-about-masthead__breadcrumb{display:none}
.tripy-public-content--about .ty-hx-root{padding-top:88px!important}
@media(max-width:600px){
 /* Remove title/breadcrumb rows from the compact mobile public headers. */
 .ty-page-header .ty-page-header__heading{
   position:absolute;width:1px;height:1px;margin:-1px;padding:0;
   overflow:hidden;clip-path:inset(50%);white-space:nowrap;
 }
 .ty-page-header .ty-page-header__breadcrumb{display:none}
 .ty-page-header .ty-page-header__inner{min-height:60px;grid-template-rows:auto}
 .tripy-public-content--about .ty-hx-root{padding-top:64px!important}
}
