@font-face {
  font-family:Instrument Serif;
  src:url('assets/instrument-serif.woff2') format('woff2');
  font-display:swap;
  font-weight:400;
}
@font-face {
  font-family:Instrument Serif;
  src:url('assets/instrument-serif-italic.woff2') format('woff2');
  font-display:swap;
  font-style:italic;
  font-weight:400;
}
@font-face {
  font-family:Inter;
  src:url('assets/inter.woff2') format('woff2');
  font-display:swap;
  font-weight:100 900;
}
:root {
  --bg:#09090b;
  --ink:#efede6;
  --muted:#aaa9a5;
  --paper:#eeece5;
  --dark:#191919;
  --gold:#dec084;
  --bronze:#77603a;
  --line:#ffffff24;
  --serif:'Instrument Serif',Georgia,serif;
  --sans:Inter,Arial,sans-serif;
}
* {
  box-sizing:border-box;
}
html {
  scroll-behavior:smooth;
  scroll-padding-top:28px;
}
body {
  margin:0;
  background:var(--bg);
  color:var(--ink);
  font:400 16px/1.65 var(--sans);
  -webkit-font-smoothing:antialiased;
}
a {
  color:inherit;
  text-decoration:none;
}
button {
  font:inherit;
  color:inherit;
  cursor:pointer;
}
button:disabled {
  cursor:default;
}
button,a,summary {
  -webkit-tap-highlight-color:transparent;
}
button:focus-visible,a:focus-visible,summary:focus-visible {
  outline:2px solid var(--gold);
  outline-offset:6px;
}
.paper button:focus-visible,.paper a:focus-visible,.paper summary:focus-visible {
  outline-color:var(--bronze);
}
::selection {
  background:#dec08466;
}
h1,h2,h3,h4,p {
  margin:0;
}
h1,h2,h3 {
  font-weight:400;
}
h1,h2 {
  font-family:var(--serif);
  letter-spacing:-.035em;
  line-height:1.02;
}
em {
  font-weight:400;
}
img {
  max-width:100%;
  display:block;
}
[hidden] {
  display:none!important;
}
.wrap {
  width:min(1280px,calc(100% - 112px));
  margin-inline:auto;
}
.paper {
  background:var(--paper);
  color:var(--dark);
}
.eyebrow {
  font-size:10px;
  letter-spacing:.23em;
  text-transform:uppercase;
  color:var(--gold);
  font-weight:500;
  line-height:1.7;
}
.dark-label {
  color:var(--bronze);
}
.site-header {
  height:112px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  position:relative;
  z-index:2;
}
.brand {
  display:inline-flex;
  align-items:center;
  gap:20px;
  min-height:44px;
}
.brand span {
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.48em;
}
.site-header nav {
  display:flex;
  gap:38px;
  font-size:12px;
}
.site-header nav a {
  padding-block:12px;
  color:#ceccc5;
}
.site-header nav a:hover {
  color:var(--gold);
}
.hero {
  min-height:690px;
  position:relative;
  display:flex;
  align-items:center;
  padding-block:60px 120px;
  isolation:isolate;
}

.hero-copy {
  width:60%;
  position:relative;
}
.hero h1 {
  font-size:clamp(74px,8.2vw,118px);
  margin-top:27px;
  line-height:.95;
  letter-spacing:-.04em;
}
.hero h1 em {
  font-style:normal;
}
.hero-intro {
  font-size:17px;
  line-height:1.8;
  max-width:425px;
  color:#cfcdc7;
  margin-top:32px;
}
.text-link {
  display:inline-flex;
  gap:28px;
  color:var(--gold);
  font-size:14px;
  border-bottom:1px solid #dec08488;
  padding-block:10px;
  margin-top:27px;
}
.text-link:hover {
  color:#fff;
}
.hero-bottom {
  position:absolute;
  inset:auto 0 30px;
  display:flex;
  justify-content:space-between;
  font-size:10px;
  letter-spacing:.13em;
  color:var(--muted);
}
.hero-bottom a {
  padding:10px 0;
}
.hero-bottom>span {
  padding-block:10px;
}
.split {
  display:grid;
  grid-template-columns:1.1fr 1fr;
  gap:90px;
}
.premise {
  padding:100px 0 94px;
}
.premise h2,.founder h2 {
  font-size:clamp(44px,4.5vw,66px);
  margin-top:26px;
}
.premise-copy {
  padding-top:34px;
  max-width:480px;
}
.premise-copy p {
  font-size:17px;
  color:#4c4b47;
  margin-bottom:20px;
}
.premise-copy p:first-child {
  font-size:21px;
  color:#20201e;
}
.principle {
  border-top:1px solid #22222224;
  margin-top:74px;
  padding-top:73px;
  text-align:center;
}
.principle h2 {
  font-size:clamp(42px,4.8vw,70px);
  margin:0;
}
.principle h2 em {
  color:#6e654f;
}
.principle p {
  font-size:14px;
  line-height:1.9;
  margin-top:28px;
  color:#55534e;
}
.experience {
  padding-block:104px 110px;
}
.section-heading {
  display:flex;
  justify-content:space-between;
  gap:55px;
  align-items:flex-end;
  margin-bottom:54px;
}
.section-heading h2 {
  font-size:clamp(48px,4.8vw,70px);
  margin-top:24px;
}
.section-heading>p {
  color:var(--muted);
  font-size:14px;
  max-width:380px;
  line-height:1.9;
  padding-bottom:5px;
}
.work {
  padding-block:97px 72px;
}
.work .section-heading>p {
  color:#64615a;
}
.work-row {
  display:grid;
  grid-template-columns:1fr 2fr;
  gap:42px;
  border-top:1px solid #22222228;
  padding-block:38px;
}
.work-domain {
  display:flex;
  gap:22px;
}
.work-domain>span {
  color:var(--bronze);
  font-size:11px;
  padding-top:7px;
}
.work-domain h3 {
  font:400 28px/1.15 var(--serif);
}
.work-row h4 {
  font-size:19px;
  letter-spacing:-.035em;
  font-weight:500;
  line-height:1.4;
}
.work-row p {
  font-size:13px;
  line-height:1.8;
  color:#55534d;
  margin-top:10px;
  max-width:500px;
}
.work-type {
  text-transform:uppercase;
  font-size:11px;
  letter-spacing:.12em;
  color:#6c6557;
  text-align:right;
  padding-top:7px;
}
.work-row details {
  margin-top:17px;
}
.work-row summary {
  list-style:none;
  display:flex;
  justify-content:space-between;
  cursor:pointer;
  padding-block:8px;
  font-size:11px;
  color:#6e5733;
  max-width:470px;
}
.work-row summary::-webkit-details-marker {
  display:none;
}
.work-row details[open] summary span {
  transform:rotate(45deg);
}
.work-detail {
  border-top:1px solid #22222220;
  padding-top:5px;
  padding-bottom:8px;
}
.work-detail strong {
  display:block;
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.1em;
  color:#38362f;
  font-weight:500;
  margin-bottom:3px;
}
.engagement {
  padding-block:105px 70px;
}
.engagement .section-heading {
  margin-bottom:58px;
}
.engagement .section-heading h2 {
  margin-top:24px;
}
.method-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:52px;
}
.method-grid>div {
  border-top:1px solid var(--line);
  padding-top:21px;
}
.method-number {
  font-size:10px;
  color:var(--gold);
  letter-spacing:.06em;
}
.method-grid h3 {
  font:400 30px/1.2 var(--serif);
  margin-top:23px;
}
.method-grid p {
  color:var(--muted);
  font-size:13px;
  line-height:1.85;
  margin-top:15px;
  max-width:320px;
}
.partner-note {
  border-top:1px solid var(--line);
  padding-top:30px;
  margin-top:64px;
  display:flex;
  justify-content:space-between;
  gap:35px;
  font-size:12px;
  color:var(--muted);
}
.partner-note p:last-child {
  font-size:10px;
}
.partner-note a {
  display:block;
  font:400 28px var(--serif);
  color:var(--ink);
  margin-top:12px;
}
.partner-note a:hover {
  color:var(--gold);
}
.founder {
  padding-block:80px;
}
.founder .split>div:last-child {
  font-size:15px;
  color:#504d47;
  padding-top:19px;
}
.founder p+p {
  margin-top:20px;
}
.founder strong {
  color:var(--dark);
  font-weight:500;
}
.provenance {
  font-size:10px;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:#726346;
}
.contact {
  padding-top:103px;
}
.contact h2 {
  font-size:clamp(62px,7vw,102px);
  margin-top:28px;
}
.contact>p:not(.eyebrow) {
  font-size:14px;
  color:var(--muted);
  margin-top:26px;
}
.contact-link {
  display:inline-flex;
  align-items:center;
  gap:50px;
  font-family:var(--serif);
  font-size:30px;
  color:var(--gold);
  border-bottom:1px solid #dec08455;
  padding-block:16px;
  margin-top:13px;
}
.contact-link:hover {
  color:var(--ink);
}
.footer-bottom {
  border-top:1px solid var(--line);
  margin-top:90px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:30px;
  padding-block:26px;
}
.footer-bottom>span {
  font-size:11px;
  color:var(--muted);
  letter-spacing:.05em;
}
.footer-bottom .brand span {
  font-size:11px;
  letter-spacing:.3em;
}
.skip-link {
  position:fixed;
  z-index:20;
  left:16px;
  top:12px;
  background:var(--paper);
  color:var(--dark);
  padding:12px 20px;
  transform:translateY(-150%);
}
.skip-link:focus {
  transform:none;
}
.sr-only {
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  overflow:hidden;
  clip-path:inset(50%);
  white-space:nowrap;
}
.no-script {
  color:var(--muted);
  margin-top:24px;
  font-size:12px;
}
@media(min-width:1500px) {

  .hero {
    min-height:760px;
  }
}
@media(max-width:1000px) {
  .wrap {
    width:calc(100% - 64px);
  }

  .hero {
    min-height:640px;
  }
  .hero-copy {
    width:70%;
  }
  .split {
    gap:45px;
  }
  .section-heading {
    gap:30px;
  }
  .work-row {
    grid-template-columns:.8fr 1.5fr;
    gap:26px;
  }
  .work-type {
    grid-column:2;
    text-align:left;
    padding:0;
  }
  .method-grid {
    gap:26px;
  }
  .method-grid h3 {
    font-size:27px;
  }
  .footer-bottom {
    flex-wrap:wrap;
  }
}
@media(max-width:650px) {
  html {
    scroll-padding-top:16px;
  }
  .wrap {
    width:calc(100% - 40px);
  }
  .site-header {
    height:88px;
  }
  .brand {
    gap:12px;
  }
  .brand span {
    font-size:10px;
    letter-spacing:.28em;
  }
  .site-header nav {
    gap:18px;
    font-size:11px;
  }
  .site-header nav a:first-child {
    display:none;
  }
  .hero {
    min-height:720px;
    align-items:flex-start;
    padding-top:32px;
    padding-bottom:270px;
  }
  .hero-copy {
    width:100%;
  }
  .hero h1 {
    font-size:clamp(59px,14.5vw,94px);
    margin-top:25px;
  }
  .hero-intro {
    font-size:15px;
    line-height:1.75;
    max-width:320px;
    margin-top:25px;
  }

  .hero-bottom {
    bottom:18px;
    font-size:11px;
  }
  .hero-bottom>span {
    max-width:170px;
  }
  .hero-bottom>a {
    font-size:0;
  }
  .hero-bottom>a span {
    font-size:18px;
  }
  .text-link {
    margin-top:16px;
  }
  .split {
    grid-template-columns:1fr;
    gap:26px;
  }
  .premise {
    padding-block:62px;
  }
  .premise h2,.founder h2 {
    font-size:45px;
    margin-top:20px;
  }
  .premise-copy {
    padding-top:0;
  }
  .premise-copy p {
    font-size:15px;
  }
  .premise-copy p:first-child {
    font-size:18px;
  }
  .principle {
    margin-top:35px;
    padding-top:44px;
    text-align:left;
  }
  .principle h2 {
    font-size:40px;
    line-height:1.08;
  }
  .principle p {
    font-size:13px;
  }
  .experience {
    padding-block:64px;
  }
  .section-heading {
    display:block;
    margin-bottom:33px;
  }
  .section-heading h2 {
    font-size:48px;
    margin-top:19px;
  }
  .section-heading>p {
    font-size:13px;
    margin-top:23px;
  }
  .work {
    padding-block:62px 37px;
  }
  .work-row {
    grid-template-columns:1fr;
    gap:20px;
    padding-block:29px;
  }
  .work-domain {
    align-items:center;
    gap:18px;
  }
  .work-domain h3 {
    font-size:26px;
  }
  .work-domain br {
    display:none;
  }
  .work-domain>span {
    padding:0;
  }
  .work-row h4 {
    font-size:19px;
  }
  .work-type {
    grid-column:auto;
    font-size:11px;
  }
  .work-row p {
    font-size:13px;
  }
  .work-row summary {
    min-height:44px;
    align-items:center;
  }
  .engagement {
    padding-block:64px 47px;
  }
  .engagement .section-heading {
    margin-bottom:33px;
  }
  .engagement .section-heading h2 {
    font-size:44px;
  }
  .method-grid {
    grid-template-columns:1fr;
    gap:27px;
  }
  .method-grid h3 {
    margin-top:16px;
    font-size:30px;
  }
  .method-grid p {
    max-width:none;
    margin-top:11px;
  }
  .partner-note {
    flex-direction:column;
    margin-top:40px;
    gap:23px;
  }
  .founder {
    padding-block:55px;
  }
  .founder .split>div:last-child {
    padding:0;
    font-size:14px;
  }
  .contact {
    padding-top:62px;
  }
  .contact h2 {
    font-size:62px;
  }
  .contact>p:not(.eyebrow) {
    font-size:13px;
    max-width:300px;
  }
  .contact-link {
    font-size:25px;
    gap:24px;
  }
  .footer-bottom {
    margin-top:60px;
    gap:15px;
    padding-block:25px;
  }
  .footer-bottom .brand {
    width:100%;
  }
  .footer-bottom>span {
    font-size:11px;
  }
}
@media(prefers-reduced-motion:reduce) {
  html {
    scroll-behavior:auto;
  }
  *,*:before,*:after {
    animation:none!important;
    transition:none!important;
  }
}

/* Morningstar's original stars, circles and orbit motion. These are extensions
   of the existing code-native brand artwork, not generated replacement art. */
.hero { overflow:clip; }
.gravity-field {
  position:absolute; inset:-35px -30px 55px 39%; z-index:-1;
  pointer-events:none; overflow:hidden;
}
.sky, .orbits { position:absolute; inset:0; }
.gravity-field .sky::after {
  content:""; position:absolute; inset:0;
  background:radial-gradient(ellipse 45% 45% at 57% 48%,rgba(230,195,122,.065),transparent 75%);
}
.sky .star {
  position:absolute; width:2px; height:2px; border-radius:50%;
  background:rgba(236,234,228,.5); opacity:.4;
  transform:translate(var(--drift-x,0px),var(--drift-y,0px));
  animation:twinkle 8s ease-in-out infinite; animation-play-state:paused;
}
@keyframes twinkle { 0%,100% { opacity:.15; } 50% { opacity:.55; } }
.ring {
  position:absolute; top:48%; left:57%; border:1px solid rgba(236,234,228,.12);
  border-radius:50%; transform:translate(-50%,-50%);
  animation:spin 90s linear -19s infinite; animation-play-state:paused;
}
.ring .body {
  position:absolute; top:-3px; left:calc(50% - 3px); width:6px; height:6px;
  border-radius:50%; background:rgba(236,234,228,.7);
}
.ring .body.gold { background:var(--gold); }
.r1 { width:190px; height:190px; }
.r2 { width:320px; height:320px; animation-duration:150s; animation-delay:-23s; animation-direction:reverse; border-color:rgba(230,195,122,.23); }
.r3 { width:460px; height:460px; animation-duration:240s; animation-delay:-136s; }
.r4 { width:610px; height:610px; animation-duration:380s; animation-delay:-243s; animation-direction:reverse; border-color:rgba(236,234,228,.07); }
@keyframes spin { from { transform:translate(-50%,-50%) rotate(0deg); } to { transform:translate(-50%,-50%) rotate(360deg); } }
.gravity-star { position:absolute; left:57%; top:48%; transform:translate(-50%,-50%); filter:drop-shadow(0 0 14px rgba(230,195,122,.6)); }
.field-caption { position:absolute; top:82%; left:0; right:0; text-align:center; font:italic 19px var(--serif); color:#a79a7e; }
.motion-enabled .gravity-field.in-view .ring,.motion-enabled .gravity-field.in-view .star { animation-play-state:running; }
.motion-paused .ring,.motion-paused .sky .star,.page-hidden .ring,.page-hidden .sky .star { animation-play-state:paused!important; }
.gravity-credo { text-align:center; padding-block:70px 100px; border-top:1px solid var(--line); }
.gravity-credo h2 { font-size:clamp(48px,5.5vw,78px); margin-top:27px; line-height:1.07; }
.gravity-credo h2 em { color:var(--gold); }
.gravity-credo>p:not(.eyebrow) { color:var(--muted); font-size:14px; max-width:540px; margin:28px auto 0; }
.gravity-credo>p:last-child { margin-top:15px; }
@media(max-width:1000px) {
  .gravity-field { left:37%; right:-100px; opacity:.65; }
}
@media(max-width:650px) {
  .hero { min-height:775px; padding-bottom:320px; }
  .gravity-field { inset:auto -20px 62px; height:310px; opacity:1; }
  .gravity-field .ring,.gravity-field .gravity-star { left:50%; top:43%; }
  .gravity-field .r1 { width:100px; height:100px; }
  .gravity-field .r2 { width:178px; height:178px; }
  .gravity-field .r3 { width:255px; height:255px; }
  .gravity-field .r4 { width:338px; height:338px; }
  .gravity-field .gravity-star { width:22px; height:22px; }
  .field-caption { font-size:16px; top:88%; }
  .hero-bottom { align-items:center; gap:12px; }
  .hero-bottom>span { font-size:11px; max-width:150px; }
  .gravity-credo { padding-block:46px 60px; }
  .gravity-credo h2 { font-size:47px; }
  .gravity-credo>p:not(.eyebrow) { font-size:13px; }

}
@media(prefers-reduced-motion:reduce) {
  .ring { animation:none!important; }
  .sky .star { animation:none!important; transform:none!important; }
}


/* Compact illustrations. HTML content + native controls are the baseline. */
.attention-statement h2 { max-width:1050px; font-size:clamp(44px,5.4vw,76px); line-height:1.06; }
.attention-statement h2 em { color:#897025; }
.attention-statement>p:last-child { font-size:17px; color:#56534a; margin-top:28px; max-width:650px; }
.experience { padding-block:80px; }
.experience .section-heading { margin-bottom:35px; }
.experience .section-heading h2 { font-size:clamp(44px,4.6vw,64px); }
.examples { position:relative; }
.example-radio { position:absolute; width:1px; height:1px; opacity:0; top:20px; left:0; }
.example-tabs { display:flex; gap:32px; border-bottom:1px solid var(--line); margin-bottom:26px; }
.example-tabs label { display:flex; align-items:center; gap:9px; padding:14px 0; border-bottom:2px solid transparent; font-size:13px; color:#a6a5a0; cursor:pointer; min-height:48px; }
.example-tabs label span { font-size:10px; color:#96918a; }
.example-tabs label:hover { color:var(--ink); }
#example-ma:checked~.example-tabs label[for=example-ma],#example-content:checked~.example-tabs label[for=example-content],#example-property:checked~.example-tabs label[for=example-property] { color:var(--gold); border-color:var(--gold); }
#example-ma:focus-visible~.example-tabs label[for=example-ma],#example-content:focus-visible~.example-tabs label[for=example-content],#example-property:focus-visible~.example-tabs label[for=example-property] { outline:2px solid var(--gold); outline-offset:4px; }
.example-card { display:none; grid-template-columns:.85fr 1.15fr; border:1px solid #353537; border-radius:8px; overflow:hidden; background:#101012; }
#example-ma:checked~.example-panels #panel-ma,#example-content:checked~.example-panels #panel-content,#example-property:checked~.example-panels #panel-property { display:grid; }
.example-story { padding:44px 38px; display:flex; flex-direction:column; align-items:flex-start; justify-content:center; }
.example-story .eyebrow { font-size:10px; letter-spacing:.14em; }
.example-story h3 { font:400 clamp(34px,3.6vw,48px)/1.06 var(--serif); letter-spacing:-.025em; margin:22px 0 18px; }
.example-story h3 em { color:#d9c79f; }
.example-story>p:not(.eyebrow) { font-size:14px; line-height:1.75; color:#b1afaa; max-width:300px; }
.example-payoff { display:block; font-size:11px; line-height:1.6; color:#96948e; border-top:1px solid #31302d; padding-top:20px; margin-top:32px; }
.example-visual { padding:32px; background:#151619; display:flex; align-items:center; border-left:1px solid #2c2d30; min-width:0; }
.mini-app { width:100%; background:#1b1e25; border:1px solid #41444c; border-radius:7px; overflow:hidden; box-shadow:0 16px 28px #0002; font:400 12px/1.6 var(--sans); color:#e6e7ec; }
.mini-app h4,.mini-app p { font-family:var(--sans); }
.mini-chrome { display:flex; align-items:center; gap:9px; padding:12px 16px; border-bottom:1px solid #383c46; font-size:12px; }
.mini-tag { margin-left:auto; font-size:10px; color:#a8aab1; }
.mini-body { padding:17px; }
.mini-channel { display:block; font-size:10px; color:#b1b8c6; margin-bottom:5px; }
.mini-message { border-left:2px solid #877342; padding-left:12px; margin-bottom:18px; }
.mini-message p { font-size:12px; color:#b9bec9; line-height:1.65; }
.mini-message strong { color:#edf0f5; font-weight:500; }
.company-card,.quote-card { background:#242832; border:1px solid #3c414c; border-radius:5px; padding:16px; }
.mini-record { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.mini-kicker { display:block; font-size:10px; color:#b4b9c4; }
.mini-record h4 { font-size:21px; line-height:1.35; font-weight:500; letter-spacing:-.025em; margin-top:4px; }
.mini-status { color:#e4cca0; background:#3a3326; border:1px solid #665438; padding:3px 7px; border-radius:4px; font-size:10px; white-space:nowrap; }
.company-facts { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; border-top:1px solid #3c424e; margin-top:16px; padding-top:13px; }
.company-facts span,.quote-amounts div>span { display:block; color:#a9b0bf; font-size:10px; }
.company-facts strong { font-size:12px; font-weight:500; }
.mini-detail { margin-top:17px; border-top:1px solid #3c414a; padding-top:16px; }
.mini-detail summary { list-style:none; display:flex; gap:12px; justify-content:space-between; align-items:center; cursor:pointer; border-radius:3px; }
.mini-detail summary::-webkit-details-marker { display:none; }
.mini-detail summary strong { display:block; font-size:12px; font-weight:500; }
.mini-detail small { display:block; font-size:10px; line-height:1.7; color:#aeb5c3; margin-top:3px; }
.mini-cta { display:block; flex:none; font-size:11px; font-weight:550; background:#deca99; color:#242016; border:1px solid #deca99; border-radius:4px; padding:10px 12px; min-height:40px; text-align:center; }
.mini-detail summary:hover .mini-cta { background:#f0ddb0; }
.mini-detail[open] .mini-cta { background:#323743; color:#efe0bc; border-color:#8e7b53; }
.mini-reveal { margin-top:16px; padding:15px; border:1px solid #4d515a; border-radius:4px; background:#232731; }
.mini-reveal p { font-size:12px; color:#d0d6df; }
.mini-reveal p+p { margin-top:9px; }
.mini-reveal strong { color:#edf0f5; font-weight:500; }
.mini-reveal>.mini-kicker { margin-bottom:7px; }
.mini-board { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
.mini-lane { padding:8px; border:1px solid #363e4b; border-radius:4px; background:#20242c; min-width:0; }
.mini-lane>span { display:block; color:#a7b0c0; font-size:10px; margin-bottom:8px; }
.mini-lane.current { border-color:#8d7950; background:#292a28; }
.mini-lane.current>span { color:#e4cca0; }
.mini-ticket { border:1px solid #454e5d; border-radius:3px; background:#2a313e; padding:10px 8px; font-size:12px; line-height:1.5; min-height:89px; }
.current .mini-ticket { background:#e7e3d9; color:#21242c; border-color:#e7e3d9; }
.mini-ticket small { display:block; color:#a9b4c6; font-size:10px; margin-top:13px; }
.current .mini-ticket small { color:#585e67; }
.quote-amounts { display:flex; align-items:center; gap:26px; border-top:1px solid #3c424e; margin-top:13px; padding-top:12px; }
.quote-amounts strong { display:block; font-size:25px; font-weight:450; letter-spacing:-.04em; }
.quote-delta { color:#e4cca0; font-size:13px; margin-left:auto; }
.example-disclosure { color:#9c9b97; font-size:11px; margin-top:15px; }
.example-link { display:inline-flex; align-items:center; gap:20px; font-size:12px; margin-top:15px; padding:8px 0; color:#6e5733; min-height:44px; border-bottom:1px solid #88785c; }
@media(max-width:1050px) {
 .example-card { grid-template-columns:.8fr 1.2fr; }
 .example-story { padding:30px 25px; }
 .example-story h3 { font-size:38px; }
 .example-visual { padding:23px; }
 .mini-record { align-items:flex-start; }
 .mini-status { font-size:9px; }
 .mini-body { padding:14px; }
 .mini-detail summary { flex-wrap:wrap; }
}
@media(max-width:800px) {
 .example-card { grid-template-columns:1fr; }
 .example-story { padding:28px; }
 .example-story h3 { font-size:38px; margin:16px 0 12px; }
 .example-story>p:not(.eyebrow) { max-width:100%; }
 .example-payoff { display:none; }
 .example-visual { border-left:0; border-top:1px solid #2c2d30; padding:24px; }
 .example-tabs { gap:22px; }
 .example-tabs label { font-size:12px; }
}
@media(max-width:500px) {
 .experience { padding-block:55px; }
 .experience .section-heading { margin-bottom:24px; }
 .experience .section-heading h2 { font-size:43px; }
 .example-tabs { gap:14px; margin-bottom:18px; }
 .example-tabs label { display:block; flex:1; font-size:11px; line-height:1.5; padding:11px 0; }
 .example-tabs label span { display:block; margin-bottom:4px; }
 .example-story { padding:25px 20px; }
 .example-story h3 { font-size:34px; }
 .example-story>p:not(.eyebrow) { font-size:13px; }
 .example-visual { padding:15px; }
 .mini-chrome { padding:11px; }
 .mini-body { padding:12px; }
 .mini-record { flex-wrap:wrap; gap:8px; }
 .mini-record h4 { font-size:20px; }
 .company-card,.quote-card { padding:12px; }
 .company-facts { gap:7px; }
 .company-facts strong { font-size:11px; }
 .mini-detail summary { align-items:stretch; flex-direction:column; gap:11px; }
 .mini-cta { min-height:44px; }
 .mini-board { gap:5px; }
 .mini-lane { padding:6px; }
 .mini-ticket { padding:8px 5px; font-size:11px; min-height:104px; overflow-wrap:anywhere; }
 .mini-ticket small { font-size:9px; }
 .quote-amounts { gap:17px; }
 .quote-amounts strong { font-size:24px; }
 .example-disclosure { font-size:10px; line-height:1.7; }
 .attention-statement h2 { font-size:47px; }
 .wide-break { display:none; }
 .attention-statement>p:last-child { font-size:15px; }
}
@media(max-width:380px) {
 .mini-board { grid-template-columns:1fr; }
 .mini-lane:not(.current) { display:none; }
 .mini-ticket { min-height:0; font-size:12px; padding:12px; }
 .mini-ticket small { font-size:11px; margin-top:7px; }
}