/* QUALITY V5 — isolated institutional block; prior blocks unchanged */
.quality-story{--q5-ink:#14293e;--q5-blue:#205394;position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(123deg,#e8e8e6 0%,#e0e7e9 51%,#d6e0e6 100%);color:var(--q5-ink);padding:clamp(65px,6vw,100px) clamp(24px,5vw,92px) clamp(70px,7vw,115px)}
.quality-story::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.18;background:linear-gradient(90deg,transparent 49.8%,#718c9f 50%,transparent 50.2%) 0 0/130px 130px,linear-gradient(0deg,transparent 49.8%,#718c9f 50%,transparent 50.2%) 0 0/130px 130px;mask-image:linear-gradient(90deg,#000,transparent 72%)}
.quality-story::after{content:"Q";position:absolute;z-index:-1;right:-.05em;top:.02em;font-size:min(64vw,900px);font-weight:900;line-height:1;color:rgba(32,83,148,.035);pointer-events:none;user-select:none}
.quality-story-inner{position:relative;max-width:1480px;margin:auto}.quality-story-heading{max-width:990px}.q5-eyebrow,.q5-mission-label,.q5-time-label,.q5-pillar-number{font-size:10px;font-weight:900;letter-spacing:.21em;color:var(--q5-blue)}.q5-eyebrow{display:flex;align-items:center;gap:18px}.q5-heading-line{height:1px;width:34px;background:var(--q5-blue)}
.quality-story-heading h2{font-size:clamp(35px,4.1vw,68px);line-height:1.09;letter-spacing:-.046em;font-weight:400;max-width:1020px;margin:24px 0 20px}.quality-story-heading h2 span{color:var(--q5-blue)}.quality-story-heading>p{max-width:850px;font-size:clamp(14px,1.12vw,18px);line-height:1.65;color:#455b6c;margin:0}
.q5-timeline{position:relative;display:flex;justify-content:space-between;align-items:flex-start;gap:25px;margin:clamp(55px,6vw,95px) 0 clamp(55px,6vw,100px);min-height:143px}.q5-timeline-line{position:absolute;left:0;right:0;top:78px;height:2px;background:rgba(32,83,148,.19)}.q5-timeline-progress{display:block;height:100%;width:0;background:linear-gradient(90deg,#14293e,#205394);box-shadow:0 0 12px rgba(32,83,148,.18);transition:width .12s linear}.q5-time-start,.q5-time-end{position:relative;display:flex;flex-direction:column;gap:8px}.q5-time-end{text-align:right;align-items:flex-end}.q5-time-start strong,.q5-time-end strong{font-size:clamp(29px,3.4vw,54px);line-height:1;font-weight:400;letter-spacing:-.05em}.q5-time-dot{position:absolute;top:71px;left:0;width:16px;height:16px;border:3px solid #205394;border-radius:50%;background:#e8e8e6;box-shadow:0 0 0 6px rgba(32,83,148,.07)}.q5-time-end .q5-time-dot{left:auto;right:0}.q5-time-measure{position:absolute;top:103px;left:0;font-size:9px;letter-spacing:.16em;color:#6b8091}
.q5-bottom{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:clamp(35px,6vw,115px);align-items:start}.q5-mission{padding:22px 0 0}.q5-mission>p{font-size:clamp(28px,3vw,48px);line-height:1.3;letter-spacing:-.045em;margin:22px 0 34px;font-weight:400}.q5-mission em{font-style:normal;color:var(--q5-blue)}.q5-slash{font-weight:300;color:#8aa2b3}.q5-link{display:inline-flex;gap:32px;align-items:center;padding:14px 0;border-bottom:1px solid #205394;font-size:11px;font-weight:900;letter-spacing:.1em;transition:color .25s,transform .25s}.q5-link:hover{color:var(--q5-blue);transform:translateX(4px)}.q5-link:focus-visible,.q5-pillar:focus-visible{outline:2px solid #205394;outline-offset:5px}
.q5-pillars{border-top:1px solid #9baebb}.q5-pillar{position:relative;display:grid;grid-template-columns:65px minmax(0,1fr) 23px;gap:18px;align-items:start;padding:24px 12px 27px 0;border-bottom:1px solid #9baebb;transition:background .35s,padding .35s,transform .35s,border-color .35s;outline-offset:3px}.q5-pillar:hover,.q5-pillar:focus-visible{background:rgba(32,83,148,.055);padding-left:12px;transform:translateY(-3px);border-color:#205394}.q5-pillar-number{padding-top:7px;white-space:nowrap}.q5-pillar h3{font-size:clamp(18px,1.45vw,24px);font-weight:500;letter-spacing:-.025em;margin:0 0 9px}.q5-pillar p{font-size:clamp(13px,1vw,16px);line-height:1.55;color:#506374;margin:0;max-width:470px}.q5-pillar-arrow{font-size:18px;color:var(--q5-blue);transition:transform .3s}.q5-pillar:hover .q5-pillar-arrow{transform:translate(3px,-3px)}
.q5-next{min-height:290px;padding:70px clamp(24px,5vw,92px)}.q5-next h2{font-size:clamp(30px,3vw,47px)}
@media(prefers-reduced-motion:no-preference){.quality-story.q5-ready [data-q5-reveal]{opacity:0;filter:blur(6px);transform:translateY(28px);transition:opacity .78s cubic-bezier(.16,1,.3,1),filter .78s,transform .78s cubic-bezier(.16,1,.3,1)}.quality-story.q5-ready [data-q5-reveal].q5-visible{opacity:1;filter:blur(0);transform:translateY(0)}.quality-story.q5-ready .q5-pillar:hover,.quality-story.q5-ready .q5-pillar:focus-visible{transform:translateY(-3px)}}
@media(max-width:900px){.q5-bottom{grid-template-columns:1fr;gap:35px}.q5-mission{padding:0}.q5-mission>p{margin:16px 0 20px}.q5-timeline{margin:65px 0 70px}}
@media(max-width:600px){.quality-story{padding:60px 22px 75px}.quality-story-heading h2{font-size:clamp(34px,8.5vw,49px)}.q5-eyebrow{letter-spacing:.12em;font-size:9px;gap:10px}.q5-heading-line{width:20px}.q5-timeline{margin:60px 0 52px;min-height:136px}.q5-time-label{font-size:8px;letter-spacing:.09em;max-width:145px}.q5-time-end .q5-time-label{text-align:right}.q5-time-start strong,.q5-time-end strong{font-size:32px}.q5-timeline-line{top:70px}.q5-time-dot{top:63px}.q5-time-measure{top:95px;font-size:8px;max-width:230px;line-height:1.6}.q5-pillar{grid-template-columns:48px minmax(0,1fr) 18px;gap:9px;padding:22px 4px 22px 0}.q5-pillar h3{font-size:18px}.q5-pillar p{font-size:13px}}
