/* Home's paper, gold particle world and glass carried through the inner pages. */
.world-page { isolation: isolate; }
.world-page #world { position: fixed; inset: 0; width: 100vw; height: 100vh; z-index: -1; pointer-events: none; transform: none; }
.world-page main, .world-page .footer { position: relative; }
.world-page .hero, .world-page .section, .world-page .footer { background: transparent; }
.world-page .hero > .wrap, .world-page .section > .wrap { position: relative; isolation: isolate; }
.world-page .hero > .wrap::before, .world-page .section > .wrap::before {
  content: ''; position: absolute; inset: -28px -20px; z-index: -1; pointer-events: none;
  background: radial-gradient(ellipse at 20% 46%, rgba(244,242,238,.96) 12%, rgba(244,242,238,.78) 45%, rgba(244,242,238,.22) 76%, transparent 100%);
}
.world-page .footer { background: rgba(244,242,238,.8); }
.world-page .section-nav { position: relative; background: rgba(244,242,238,.82); }
.world-page .motif { position: relative; overflow: hidden; }
.world-page .scene-c { display: block; width: 100%; height: 100%; }
.world-page .card-art { height: 155px; margin: -8px -6px 22px; pointer-events: none; }
.world-page .process-step, .world-page .decision-option, .world-page .experience-card,
.world-page .delivery-cards > li, .world-page #record .kv-grid > div,
.world-page .contact-card, .world-page .question-card, .world-page .company-invitation {
  background: linear-gradient(145deg,rgba(255,253,250,.84),rgba(255,253,250,.48));
  border: 1px solid rgba(255,255,255,.92); border-radius: 18px;
  box-shadow: inset 0 1px 0 #fff, 0 20px 50px -35px rgba(23,22,26,.3);
  padding: 26px; min-width: 0;
}
.world-page .process-step .step-number { margin-bottom: 14px; }
.world-page .process-step .card-art { height: 170px; }
.world-page .decision-option { padding: 18px; }
.world-page .decision-option .card-art { height: 115px; margin-bottom: 18px; }
.world-page .experience-card .card-art { height: 170px; }
.world-page .learning-grid { gap: 28px; }
.world-page .learning-grid article + article { border-left: 1px solid rgba(255,255,255,.92); padding: 26px; }
.world-page .delivery-cards { list-style: none; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 18px; margin: 30px 0; padding: 0; }
.world-page .delivery-cards > li { padding: 20px; }
.world-page .delivery-cards p { font-size: 16px; line-height: 1.6; margin: 0; color: var(--text); }
.world-page .delivery-cards .card-art { height: 130px; }
.world-page #delivery .ed { max-width: var(--w); }
.world-page #record .kv-grid > div { padding: 22px; }
.world-page #record .card-art { height: 100px; }
.world-page .contact-card, .world-page .company-invitation { padding: 36px 38px; }
.world-page .contact-card > :not(.card-art), .world-page .company-invitation > :not(.card-art) { max-width: 68%; position: relative; }
.world-page .contact-card > .card-art, .world-page .company-invitation > .card-art { position: absolute; right: 20px; top: 50%; width: 26%; height: 210px; margin: 0; transform: translateY(-50%); }
.contact-page .section { padding: 30px 28px; border: 0; }
.contact-page .section:last-child { padding-bottom: 72px; }
.world-page .question-card { padding: 28px 225px 28px 32px; }
.world-page .question-card > .card-art { position: absolute; right: 22px; top: 50%; width: 165px; height: 115px; margin: 0; transform: translateY(-50%); }
.diligence-page .section { border: 0; padding: 12px 28px; }
.diligence-page .section:last-child { padding-bottom: 72px; }
.world-page .question-card .numbered { margin-bottom: 0; }
.world-page .question-card::before, .world-page .contact-card::before, .world-page .company-invitation::before { display: none; }
@media (max-width: 1000px) {
  .world-page .delivery-cards { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .world-page .process-grid { gap: 18px; }
}
@media (max-width: 760px) {
  .world-page #world { opacity: .76; }
  .world-page .hero > .wrap::before, .world-page .section > .wrap::before { inset: -20px 0; background: radial-gradient(ellipse at 15% 45%, rgba(244,242,238,.95) 10%, rgba(244,242,238,.76) 48%, rgba(244,242,238,.12) 100%); }
  .world-page .process-step { display: block; }
  .world-page .process-step .card-art, .world-page .experience-card .card-art { height: 150px; }
  .world-page .decision-options { gap: 18px; }
  .world-page .decision-option .card-art { height: 125px; }
  .world-page .delivery-cards { grid-template-columns: 1fr; }
  .world-page .delivery-cards > li { display: grid; grid-template-columns: 100px 1fr; align-items: center; gap: 18px; }
  .world-page .delivery-cards .card-art { height: 115px; margin: 0; }
  .world-page .contact-card, .world-page .company-invitation { padding: 26px; }
  .world-page .contact-card > :not(.card-art), .world-page .company-invitation > :not(.card-art) { max-width: none; }
  .world-page .contact-card > .card-art, .world-page .company-invitation > .card-art { position: relative; right: auto; top: auto; width: 100%; height: 145px; transform: none; margin-bottom: 20px; }
  .world-page .question-card { padding: 24px; }
  .world-page .question-card > .card-art { position: relative; right: auto; top: auto; width: 100%; height: 90px; transform: none; margin-bottom: 18px; }
  .contact-page .section, .diligence-page .section { padding-left: 20px; padding-right: 20px; }
}
@media print {
  .world-page #world, .world-page .card-art { display: none; }
  .world-page .hero > .wrap::before, .world-page .section > .wrap::before { display: none; }
}
/* Glass softens the background particles; each card keeps its own crisp motif. */
.world-page .glass, .world-page .process-step, .world-page .decision-option,
.world-page .experience-card, .world-page .delivery-cards > li,
.world-page #record .kv-grid > div, .world-page .contact-card,
.world-page .question-card, .world-page .company-invitation {
  background: linear-gradient(145deg,rgba(255,253,250,.91),rgba(255,253,250,.78));
  -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px);
}
.world-page .section-intro .lead { position: relative; isolation: isolate; }
.world-page .section-intro .lead::before {
  content: ''; position: absolute; inset: -18px -22px; z-index: -1; pointer-events: none;
  background: radial-gradient(ellipse,rgba(244,242,238,.97) 28%,rgba(244,242,238,.72) 58%,transparent 85%);
}
.world-page .hero .lead, .world-page .hero .sub, .world-page .section .lead,
.world-page .section .small { position: relative; isolation: isolate; }
.world-page .hero .lead::before, .world-page .hero .sub::before,
.world-page .section .lead::before, .world-page .section .small::before {
  content: ''; position: absolute; z-index: -1; pointer-events: none; inset: -10px -18px;
  background: radial-gradient(ellipse,rgba(244,242,238,.94) 22%,rgba(244,242,238,.68) 58%,transparent 87%);
}
.world-page .contact-card .lead::before, .world-page .company-invitation .lead::before { display: none; }

.world-page .company-intro > div { max-width: 760px; }
/* A canvas's previous pixel width must not hold a grid column open after resize. */
.world-page .detail-split > * { min-width: 0; }

/* Five research records form complete rows at each layout size. */
.research-page #record .kv-grid { grid-template-columns: repeat(6,minmax(0,1fr)); }
.research-page #record .kv-grid > div { grid-column: span 2; }
.research-page #record .kv-grid > div:nth-child(n+4) { grid-column: span 3; }
@media (max-width: 1000px) {
  .research-page #record .kv-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .research-page #record .kv-grid > div { grid-column: auto; }
  .research-page #record .kv-grid > div:nth-child(n+4) { grid-column: auto; }
  .research-page #record .kv-grid > div:last-child { grid-column: 1 / -1; }
}
@media (max-width: 760px) {
  .research-page #record .kv-grid { grid-template-columns: minmax(0,1fr); }
}
/* Keep the text backdrop inside the viewport at intermediate widths. */
.research-page .hero > .wrap::before, .research-page .section > .wrap::before { left: 0; right: 0; }