/* CG187 · The Culture Ohana as emblem A, "The Plate" (Steven, Nov 2, 12:54 and 1:00: exactly as GLX builds it, Figma
   177:535): a white plate with a hairline, an inner ring and a long soft shadow; the rocket and THE CULTURE OHANA head from
   the Figma export (img/brand/ohana/culture-ohana-head-cg187.svg); the five master lockups on hairlines (the marks exactly as the Figma emblem export carries them), each keeping its
   link. The same plate on the home and in every footer; on phones the plate keeps its look and scales to the screen,
   with GLX's own phone padding. Values follow glx-425v.css (.emblem, .em-head, .em-rows). */
.oh-plate{position:relative;box-sizing:border-box;width:398px;max-width:100%;padding:48px 49px 53px;background:#fff;border:1px solid #e3e8f2;border-radius:20px;
  box-shadow:0 1px 1px rgba(16,31,64,.03),0 24px 48px -28px rgba(16,31,64,.14)}
.oh-plate::before{content:"";position:absolute;inset:10px;border:1px solid #e9eefb;border-radius:13px;pointer-events:none}
.oh-head{display:block;width:300px;max-width:100%;height:auto;margin:0 auto 26px}
.oh-rows{list-style:none;margin:0;padding:0;border-top:1px solid #e3e8f2}
.oh-rows li{margin:0;padding:0;border-bottom:1px solid #e3e8f2}
.oh-rows a{display:flex;align-items:center;justify-content:center;height:66px;text-decoration:none;transition:background-color .25s}
.oh-rows li:nth-child(4) a{height:69px}
.oh-rows img{display:block;height:30px;width:auto;transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.oh-rows img.ai{height:33px}
@media (hover:hover){.oh-rows a:hover{background:#f5f7fc}.oh-rows a:hover img{transform:translateY(-2px)}}
.oh-rows a:focus-visible{outline:2px solid #1559f5;outline-offset:-2px;border-radius:4px}
/* the home: the plate centred under the companies */
.oh-full:not(.oh-foot){margin:64px auto 0}
/* the footer: the plate beside the link groups */
.tg-ft-mid{display:grid;grid-template-columns:minmax(0,1fr) 398px;gap:64px;align-items:start;margin:40px 0}
.tg-ft-mid .tg-ft-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;margin:0!important}
@media (max-width:1100px){.tg-ft-mid{grid-template-columns:1fr;gap:40px}.tg-ft-mid .oh-foot{margin:0 auto}}
/* phones: GLX's phone plate */
@media (max-width:760px){
  .oh-plate{width:100%;padding:40px 24px 44px}
  .oh-head{width:300px;margin-bottom:22px}
  .oh-full:not(.oh-foot){margin-top:40px}
  .tg-ft-mid{gap:32px;margin:32px 0}
}
@media (prefers-reduced-motion:reduce){.oh-rows img,.oh-rows a{transition:none}}

/* CG189 (Steven, 4:10, "the culture group footer is way too long we should have the culture ohana horizontal"): in every
   footer the Ohana is one horizontal strip, plate A turned sideways: the framed white band with its inner ring, THE CULTURE
   OHANA in mono caps on the left, the five master marks in a row on hairlines, each linked as before. On phones it stays
   one line: the label holds the left edge and the marks scroll sideways with snap. */
.oh-strip{width:auto;max-width:none;display:flex;align-items:stretch;padding:10px}
.oh-strip .oh-k{flex:none;display:flex;align-items:center;margin:0;padding:0 28px 0 18px;border-right:1px solid #e3e8f2;
  font:500 13px/1.3 "IBM Plex Mono",ui-monospace,monospace;letter-spacing:.2em;text-transform:uppercase;color:#1559f5;white-space:nowrap}
.oh-strip .oh-rows{flex:1;min-width:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:0}
.oh-strip .oh-rows li{border-bottom:0}
.oh-strip .oh-rows li+li{border-left:1px solid #e3e8f2}
.oh-strip .oh-rows a,.oh-strip .oh-rows li:nth-child(4) a{height:72px;padding:0 14px;border-radius:8px}
.oh-strip .oh-rows img{height:22px;max-width:100%}
.oh-strip .oh-rows img.ai{height:24px}
/* the footer: the strip above the link groups, and the link groups one link per line */
.tg-ft-mid{display:flex!important;flex-direction:column-reverse;gap:40px;margin:40px 0}
.tg-ft-mid .tg-ft-grid{margin:0!important}
footer .ft-acc-b{display:flex;flex-direction:column;align-items:flex-start}
@media (min-width:761px){footer .ft-acc-b{gap:12px}footer .ft-acc>summary{margin-bottom:16px}}
@media (min-width:761px) and (max-width:1100px){.oh-strip .oh-k{padding:0 16px 0 12px;letter-spacing:.14em}.oh-strip .oh-rows a{padding:0 8px}.oh-strip .oh-rows img{height:18px}.oh-strip .oh-rows img.ai{height:20px}}
@media (max-width:760px){
  .oh-strip{width:100%;padding:6px;border-radius:16px}
  .oh-strip::before{inset:5px;border-radius:11px}
  .oh-strip .oh-k{width:76px;padding:0 10px 0 10px;white-space:normal;font-size:13px;line-height:1.25;letter-spacing:.1em}
  .oh-strip .oh-rows{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .oh-strip .oh-rows::-webkit-scrollbar{display:none}
  .oh-strip .oh-rows li{flex:none;scroll-snap-align:start}
  .oh-strip .oh-rows a,.oh-strip .oh-rows li:nth-child(4) a{height:56px;padding:0 16px}
  .oh-strip .oh-rows img{height:18px}
  .oh-strip .oh-rows img.ai{height:20px}
  .tg-ft-mid{gap:16px;margin:24px 0}
  footer .tg-ft-mid .tg-ft-grid{padding-top:0!important}
}
.tg-ft-mid>*{box-sizing:border-box;width:100%;max-width:none}
@media (min-width:761px){.tg-ft-mid .tg-ft-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:24px!important}footer .ft-acc-b a{min-height:0}}
@media (min-width:761px) and (max-width:1100px){.tg-ft-mid .tg-ft-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
/* CG189 · the Visit group never folds: its summary is a label, not a control */
footer details.ft-keep>summary{pointer-events:none;list-style:none}
footer details.ft-keep>summary::-webkit-details-marker{display:none}

/* CG189 · the laptop footer under 600px: one top row (mark and motto, the four round social buttons, the selling block),
   the Ohana strip, then Pages and Products as two single rows of links, the address on one line, then the pill and copyright */
@media (min-width:761px){
  html body footer.px-foot.tg-foot .px-in{padding-top:40px!important;padding-bottom:24px!important}
  html body footer.px-foot.tg-foot .tg-ft-top{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;column-gap:40px!important;padding-bottom:0!important;border-bottom:0!important}
  html body footer.px-foot.tg-foot .tg-ft-top>div:first-child{display:grid!important;grid-template-columns:auto 1fr!important;grid-template-rows:auto auto;align-items:center!important;column-gap:32px!important}
  html body footer.px-foot.tg-foot .tg-ft-top>div:first-child>.px-brand{grid-column:1;grid-row:1}
  html body footer.px-foot.tg-foot .tg-ft-top>div:first-child>.px-motto{grid-column:1;grid-row:2;margin:12px 0 0!important;font-size:24px!important;line-height:1.1!important}
  html body footer.px-foot.tg-foot .tg-ft-top>div:first-child>.tg-ft-follow{grid-column:2;grid-row:1/span 2;justify-self:start;margin:0!important;display:flex!important;flex-wrap:nowrap!important;gap:8px!important}
  html body footer.px-foot.tg-foot .tg-ft-follow .px-fbtn{width:44px!important;height:44px!important;min-width:44px;padding:0!important;justify-content:center;border-radius:999px!important}
  html body footer.px-foot.tg-foot .tg-ft-follow .px-fbtn span{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  html body footer.px-foot.tg-foot .tg-ft-follow .px-fbtn svg{margin:0!important}
  html body footer.px-foot.tg-foot .tg-ft-sell{margin:0!important;padding:0!important;border:0!important;text-align:left}
  html body footer.px-foot.tg-foot .tg-ft-sell .tg-ft{margin:0 0 4px!important}
  html body footer.px-foot.tg-foot .tg-ft-sell .tg-ft-lead{margin:0 0 12px!important;font-size:15px!important;line-height:1.4!important}
  html body footer.px-foot.tg-foot .tg-ft-sell .tg-fm{margin:0!important;display:flex;align-items:center;gap:16px}
  html body footer.px-foot.tg-foot .tg-ft-mid{gap:24px!important;margin:32px 0 0!important}
  html body footer.px-foot.tg-foot .tg-ft-mid .tg-ft-grid{display:block!important;padding:0!important;border:0!important}
  html body footer.px-foot.tg-foot .tg-ft-grid>*{display:block;margin:0!important;padding:0!important;border:0!important}
  html body footer.px-foot.tg-foot .tg-ft-grid>div:nth-child(2){display:none!important}
  html body footer.px-foot.tg-foot .tg-ft-grid details{display:block}
  html body footer.px-foot.tg-foot .tg-ft-grid summary.tg-ft-k{float:left;width:120px;margin:0!important;padding:0!important;line-height:44px!important;min-height:44px}
  html body footer.px-foot.tg-foot .tg-ft-grid .ft-acc-b{display:flex!important;flex-direction:row!important;flex-wrap:wrap;align-items:center;column-gap:32px!important;row-gap:0!important;overflow:hidden}
  html body footer.px-foot.tg-foot .tg-ft-grid .ft-acc-b a{min-height:44px!important;display:inline-flex!important;align-items:center;margin:0!important;padding:0!important}
  html body footer.px-foot.tg-foot .tg-ft-grid .px-addr{overflow:hidden;margin:0!important;line-height:44px!important;font-style:normal}
  html body footer.px-foot.tg-foot .tg-ft-grid .px-addr br{display:none}
  html body footer.px-foot.tg-foot .tg-ft-grid .px-addr br+*,html body footer.px-foot.tg-foot .tg-ft-grid>div:first-child .px-addr{white-space:nowrap}
  html body footer.px-foot.tg-foot .px-legal{margin-top:24px!important;padding-top:16px!important;align-items:center}
}
footer .ft-sep{display:none}
@media (min-width:761px){html body footer.px-foot.tg-foot .ft-sep{display:inline}}