/* Quanta Orbis personal facets: dimensional slabs, readable detail and deliberate movement. */
.personal-method {
  --pt-gold: #d4bd90;
  --pt-copy: #bdcbd7;
  --pt-line: rgba(207, 179, 122, .45);
  position: relative;
  overflow: clip;
  background: radial-gradient(ellipse at 19% 55%, #203c3b70, transparent 48%), #091521;
  border-block: 1px solid #baa36c33;
}
.personal-method .pt-heading { display: grid; grid-template-columns: 1fr 1fr; align-items: end; gap: 60px; margin-bottom: 54px; }
.personal-method .pt-heading h2 { margin: 0; font: 400 clamp(45px, 4.9vw, 70px)/1.08 var(--serif, Georgia, serif); letter-spacing: -.025em; color: #ece7dc; }
.personal-method .pt-heading h2 em { color: var(--pt-gold); }
.personal-method .pt-heading > p { max-width: 500px; margin: 0; color: var(--pt-copy); font: 15px/1.85 var(--sans, Arial, sans-serif); }
.personal-method .pt-heading .chapter-label { font-size: 11px; line-height: 1.75; letter-spacing: .12em; color: var(--pt-gold); margin-bottom: 25px; }
.personal-method .pt-stage { position: relative; display: grid; grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr); grid-template-rows: repeat(4, minmax(116px, auto)); gap: 21px 90px; perspective: 1200px; padding: 3px 8px 10px 0; }
.personal-method .pt-item { display: contents; }
.personal-method .pt-step-button {
  --pt-lift: 0px;
  --pt-offset: 0px;
  grid-column: 1;
  grid-row: var(--pt-step);
  min-width: 0;
  min-height: 116px;
  width: 100%;
  padding: 22px 65px 24px 30px;
  border: 1px solid var(--pt-line);
  border-radius: 0;
  position: relative;
  isolation: isolate;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 12px;
  text-align: left;
  cursor: pointer;
  color: #dedacb;
  background: radial-gradient(ellipse at 15% 10%, #45656022, transparent 72%), linear-gradient(120deg, #142b30, #0b1a27 82%);
  box-shadow: inset 0 1px 0 #e5d2a50c, 0 12px 28px #0004;
  transform-origin: 50% 50%;
  transform: translate3d(var(--pt-offset), var(--pt-lift), 0) rotateX(var(--pt-tilt-x, 0deg)) rotateY(var(--pt-tilt-y, 0deg));
  transition: transform .3s ease, background .3s ease, border-color .3s ease, box-shadow .3s ease;
}
.personal-method .pt-step-button::before,
.personal-method .pt-step-button::after { content: ''; position: absolute; pointer-events: none; z-index: -1; background: #10292c; border: 1px solid #a68c554d; }
.personal-method .pt-step-button::before { width: 6px; right: -7px; top: 3px; bottom: -4px; transform: skewY(43deg); }
.personal-method .pt-step-button::after { height: 6px; left: 3px; right: -4px; bottom: -7px; transform: skewX(43deg); }
.personal-method .pt-step-number { font: 11px/1.4 var(--sans, Arial, sans-serif); letter-spacing: .15em; color: #b7a57f; }
.personal-method .pt-step-title { font: 400 clamp(34px, 3.7vw, 49px)/1.05 var(--serif, Georgia, serif); letter-spacing: -.025em; }
.personal-method .pt-step-sign { position: absolute; right: 27px; top: 50%; transform: translateY(-50%); color: #bea674; font: 25px/1 var(--sans, Arial, sans-serif); font-weight: 300; }
.personal-method .pt-step-button[aria-expanded="true"] { --pt-lift: -3px; --pt-offset: 7px; border-color: #ddc28bd9; color: #f1e7d4; background: radial-gradient(ellipse at 14% 0%, #c1b07629, transparent 68%), linear-gradient(120deg, #25413e, #132a30 62%, #10212b); box-shadow: inset 0 1px 0 #e5d2a533, 0 18px 38px #0006, 0 0 34px #c0a26610; }
.personal-method .pt-step-button[aria-expanded="true"]::before,
.personal-method .pt-step-button[aria-expanded="true"]::after { border-color: #b69a6266; background: #1c3636; }
.personal-method .pt-step-button[aria-expanded="true"] .pt-step-number,
.personal-method .pt-step-button[aria-expanded="true"] .pt-step-sign { color: #ebd2a2; }
.personal-method .pt-step-button:focus-visible { outline: 2px solid #f2d69d; outline-offset: 6px; box-shadow: 0 0 0 2px #091521, 0 18px 36px #0006; }
.personal-method .pt-panel,
.personal-method .pt-empty { grid-column: 2; grid-row: 1 / span 4; min-width: 0; align-self: center; padding: 27px 0 27px 30px; border-left: 1px solid #c6a97755; }
.personal-method .pt-panel[hidden], .personal-method .pt-empty[hidden] { display: none !important; }
.personal-method .pt-detail-kicker { display: block; font: 11px/1.7 var(--sans, Arial, sans-serif); letter-spacing: .13em; color: var(--pt-gold); margin: 0 0 25px; }
.personal-method .pt-panel h3,
.personal-method .pt-empty h3 { font: 400 clamp(32px, 3.2vw, 44px)/1.14 var(--serif, Georgia, serif); letter-spacing: -.02em; color: #eee6d8; margin: 0 0 25px; max-width: 440px; }
.personal-method .pt-panel > p,
.personal-method .pt-empty > p { color: var(--pt-copy); font: 15px/1.9 var(--sans, Arial, sans-serif); margin: 0 0 24px; max-width: 500px; }
.personal-method .pt-panel ul { list-style: none; margin: 30px 0; padding: 0; border-top: 1px solid #c2a87833; }
.personal-method .pt-panel li { position: relative; padding: 15px 0 15px 24px; border-bottom: 1px solid #c2a87833; color: var(--pt-copy); font: 15px/1.7 var(--sans, Arial, sans-serif); }
.personal-method .pt-panel li::before { content: '↗'; position: absolute; left: 0; top: 15px; color: var(--pt-gold); font-size: 15px; }
.personal-method .pt-panel .pt-next { display: inline-flex; align-items: center; justify-content: space-between; gap: 24px; min-height: 48px; border-bottom: 1px solid #c5a66c66; color: #e0caa2; font: 13px/1.7 var(--sans, Arial, sans-serif); }
.personal-method .pt-next span { font-size: 21px; }
.personal-method .pt-next:hover { color: #fff1d6; border-color: #e0caa2; }
.personal-method .pt-next:focus-visible { outline: 2px solid #f2d69d; outline-offset: 5px; }
.personal-method .pt-context { margin: 35px 0 0; max-width: 760px; color: #afbfcc; font: 12px/1.85 var(--sans, Arial, sans-serif); }

/* Existing direct-link cards gain the same restrained slab construction. */
.personal-method .pt-step-button { display:grid; grid-template-columns:32px minmax(0,1fr); align-items:center; gap:18px; min-height:128px; }
.personal-method .pt-step-number { font-size:13px; }
.personal-method .pt-step-title { text-align:center; }
.home-page .ux-work-grid, .home-page .ux-audience-grid { gap: 18px; border: 0; }
.home-page .ux-work-card,
.home-page .ux-audience-grid article {
  position: relative;
  isolation: isolate;
  min-width: 0;
  border: 1px solid #c5aa744f;
  background: radial-gradient(ellipse at 15% 0%, #42625920, transparent 65%), linear-gradient(145deg, #193035, #0e1c2a 70%);
  box-shadow: inset 0 1px 0 #d2bc8d12, 0 10px 25px #0004;
  transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease;
}
.home-page .ux-work-card::after,
.home-page .ux-audience-grid article::after { content: ''; position: absolute; z-index: -1; pointer-events: none; height: 5px; left: 4px; right: -3px; bottom: -6px; border: 1px solid #a68e5b40; background: #10272d; transform: skewX(38deg); }
.home-page .ux-work-card:focus-within,
.home-page .ux-audience-grid article:focus-within { border-color: #dac08d; box-shadow: inset 0 1px 0 #d2bc8d26, 0 13px 28px #0005; }

@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  .personal-method .pt-step-button:hover { --pt-lift: -5px; border-color: #dbc18ed9; box-shadow: inset 0 1px 0 #e5d2a52e, 0 20px 35px #0006; }
  .home-page .ux-work-card:hover,
  .home-page .ux-audience-grid article:hover { transform: translateY(-4px); border-color: #cdb17acc; box-shadow: inset 0 1px 0 #d2bc8d26, 0 16px 32px #0005; }
}
@media (max-width: 1100px) {
  .personal-method .pt-stage { gap: 20px 60px; }
  .personal-method .pt-step-button { padding-left: 26px; }
  .personal-method .pt-panel, .personal-method .pt-empty { padding-left: 25px; }
}
@media (max-width: 800px) {
  .personal-method .pt-heading { grid-template-columns: 1fr; gap: 23px; margin-bottom: 36px; }
  .personal-method .pt-heading > p { max-width: 650px; }
  .personal-method .pt-stage { display: block; padding-right: 7px; }
  .personal-method .pt-item { display: block; margin-bottom: 20px; }
  .personal-method .pt-item:last-of-type { margin-bottom: 0; }
  .personal-method .pt-step-button { min-height: 110px; padding: 22px 61px 23px 27px; }
  .personal-method .pt-step-button[aria-expanded="true"] { --pt-offset: 0px; --pt-lift: -2px; }
  .personal-method .pt-panel { margin: 26px 0 28px 19px; padding: 0 0 0 24px; }
  .personal-method .pt-panel > p { max-width: 650px; }
  .personal-method .pt-panel h3 { font-size: 37px; max-width: 560px; }
  .personal-method .pt-empty { display: none; }
  .personal-method .pt-context { margin-top: 28px; }
  .home-page .ux-work-grid, .home-page .ux-audience-grid { gap: 20px; }
}
@media (max-width: 520px) {
  .personal-method .pt-heading .chapter-label { margin-bottom: 21px; }
  .personal-method .pt-heading h2 { font-size: 44px; }
  .personal-method .pt-stage { padding-right: 6px; }
  .personal-method .pt-step-button { min-height: 105px; padding: 21px 58px 21px 23px; gap: 11px; }
  .personal-method .pt-step-title { font-size: 39px; }
  .personal-method .pt-step-sign { right: 22px; font-size: 24px; }
  .personal-method .pt-panel { margin-left: 10px; padding-left: 20px; margin-top: 27px; }
  .personal-method .pt-detail-kicker { margin-bottom: 20px; }
  .personal-method .pt-panel h3 { font-size: 33px; margin-bottom: 22px; }
  .personal-method .pt-panel ul { margin: 25px 0 21px; }
  .personal-method .pt-panel li { padding-block: 13px; font-size: 15px; }
  .personal-method .pt-panel li::before { top: 13px; }
  .personal-method .pt-context { font-size: 12px; line-height: 1.85; }
}
@media (prefers-reduced-motion: reduce) {
  .personal-method .pt-step-button,
  .home-page .ux-work-card,
  .home-page .ux-audience-grid article { transition: none !important; transform: none !important; }
}
html.no-motion .personal-method .pt-step-button,
html.no-motion .home-page .ux-work-card,
html.no-motion .home-page .ux-audience-grid article { transition: none !important; transform: none !important; }
@media (forced-colors: active) {
  .personal-method .pt-step-button { border-color: ButtonText; background: Canvas; color: ButtonText; box-shadow: none; }
  .personal-method .pt-step-button[aria-expanded="true"] { border: 2px solid Highlight; }
  .personal-method .pt-step-button::before,
  .personal-method .pt-step-button::after { display: none; }
  .personal-method .pt-step-button:focus-visible,
  .personal-method .pt-next:focus-visible { outline-color: Highlight; }
}
@media(max-width:520px){.personal-method .pt-step-button{grid-template-columns:23px minmax(0,1fr);gap:12px;min-height:110px}.personal-method .pt-step-number{font-size:12px}.personal-method .pt-step-title{font-size:37px}}
@media(max-width:360px){.personal-method .pt-step-button{grid-template-columns:20px minmax(0,1fr);gap:8px;padding:20px 48px 20px 18px}.personal-method .pt-step-title{font-size:33px}.personal-method .pt-step-sign{right:18px;font-size:22px}}
@media print {
  .personal-method .pt-stage, .personal-method .pt-item { display: block; }
  .personal-method .pt-panel[hidden] { display: block !important; }
  .personal-method .pt-panel, .personal-method .pt-empty { grid-column: auto; grid-row: auto; }
  .personal-method .pt-empty, .personal-method .pt-step-sign { display: none; }
  .personal-method .pt-step-button { transform: none; box-shadow: none; color: #182636; background: white; }
  .personal-method .pt-step-button::before, .personal-method .pt-step-button::after { display: none; }
}
@media print {
  .personal-method { background: white; border-color: #777; }
  .personal-method :is(.pt-heading h2,.pt-heading h2 em,.chapter-label,.pt-heading > p,.pt-detail-kicker,.pt-panel h3,.pt-panel > p,.pt-panel li,.pt-next,.pt-context) { color: #182636; }
  .personal-method .pt-panel { margin: 25px 0; padding: 0 0 0 20px; border-color: #777; }
  .personal-method .pt-step-number,.personal-method .pt-step-title { color: #182636; }
}

/* Personal facets are identities to explore, without a process sequence. */
.personal-facets .pt-step-button { grid-template-columns:minmax(0,1fr); padding-inline:55px; }
.personal-facets .pt-legacy-anchor { position:absolute; top:0; width:1px; height:1px; pointer-events:none; }
.personal-facets .pt-panel > p { max-width:440px; }
@media(max-width:520px){.personal-facets .pt-step-button{grid-template-columns:minmax(0,1fr);padding-inline:45px}.personal-facets .pt-step-title{font-size:38px}.personal-facets .pt-heading h2{font-size:43px}}
@media(max-width:360px){.personal-facets .pt-step-title{font-size:34px}}

/* A personal international outlook, framed around the interactive Earth. */
.home-page .ux-perspective.has-globe{position:relative;overflow:clip;background:radial-gradient(ellipse at 77% 48%,#173c4166,transparent 54%),#0b1826}
.home-page .has-globe .ux-perspective-grid{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:50px;align-items:center}
.home-page .has-globe .ux-perspective-copy{grid-row:auto}
.home-page .has-globe .ux-perspective-copy h2{font-size:clamp(46px,4.6vw,68px)}
.home-page .has-globe [data-quanta-globe]{min-width:0}
@media(max-width:1100px){.home-page .has-globe .ux-perspective-grid{gap:30px}}
@media(max-width:900px){.home-page .has-globe .ux-perspective-grid{grid-template-columns:1fr;gap:38px}.home-page .has-globe .ux-perspective-copy{max-width:680px}.home-page .has-globe [data-quanta-globe]{width:100%;max-width:660px;justify-self:center}.home-page .has-globe .ux-perspective-copy h2{font-size:clamp(45px,6.5vw,62px)}}
@media(max-width:520px){.home-page .has-globe .ux-perspective-copy h2{font-size:44px}.home-page .has-globe .ux-perspective-grid{gap:24px}}