/* p-mission (ics2 page 133). Figma 2133:2834. Sticky 2136:16794 (owner: removed half-tone layering): hero halftone off on this page only. Policy section Figma 2133:2841 (Chinh sach cua ICS). Backup: /home/ics2fc3473/backups/p-mission-20261111-214124 */
html body.page-id-133 section.ics-hero--text.ics-hero::before { background-image: none !important; }

html body.page-id-133 #mis-pol { box-sizing: border-box !important; width: 100% !important; background-color: #f9f9f9 !important; padding-top: 64px !important; padding-bottom: 64px !important; padding-left: 0 !important; padding-right: 0 !important; }
html body.page-id-133 #mis-pol-wrap { box-sizing: border-box !important; width: var(--ics-box) !important; max-width: var(--ics-box) !important; margin-left: auto !important; margin-right: auto !important; gap: 56px !important; }
html body.page-id-133 #mis-pol-h { margin: 0 !important; font-family: 'EB Garamond', serif !important; font-weight: 500 !important; font-size: 56px !important; line-height: 68px !important; letter-spacing: 0 !important; text-align: center !important; color: #000 !important; }
html body.page-id-133 #mis-pol-list { box-sizing: border-box !important; display: flex !important; flex-direction: column !important; padding-left: 0 !important; padding-right: 0 !important; }
html body.page-id-133 #mis-pol-t1, html body.page-id-133 #mis-pol-t2, html body.page-id-133 #mis-pol-t3, html body.page-id-133 #mis-pol-t4 { margin: 0 !important; font-family: 'EB Garamond', serif !important; font-weight: 400 !important; font-size: 32px !important; line-height: 36px !important; letter-spacing: -0.16px !important; color: #000 !important; }
html body.page-id-133 #mis-pol-b1 { margin: 16px 0 0 !important; max-width: 936px !important; font-size: 16px !important; line-height: 24px !important; letter-spacing: -0.08px !important; color: #302f29 !important; }
html body.page-id-133 #mis-pol-l1 { margin: 16px 0 0 !important; font-family: 'Google Sans Code', monospace !important; font-size: 14px !important; line-height: 16px !important; letter-spacing: 0.14px !important; color: #797367 !important; }

@media (max-width: 767px) {
  html body.page-id-133 #mis-pol { padding-top: 40px !important; padding-bottom: 40px !important; }
  html body.page-id-133 #mis-pol-wrap { width: calc(100% - 32px) !important; gap: 32px !important; }
  html body.page-id-133 #mis-pol-h { font-size: 32px !important; line-height: 40px !important; }
  html body.page-id-133 #mis-pol-list { padding-left: 0 !important; padding-right: 0 !important; }
  html body.page-id-133 #mis-pol-t1, html body.page-id-133 #mis-pol-t2, html body.page-id-133 #mis-pol-t3, html body.page-id-133 #mis-pol-t4 { font-size: 24px !important; line-height: 28px !important; }
  html body.page-id-133 #mis-pol-b1 { max-width: 100% !important; }
}

/* Vision (Figma 2166:26322, frame 1440 x 1197): desktop only. Stage keeps the 1440/1197 ratio; cards are 304px wide at their design positions (% of the 1440 frame); the headline is 818px wide, centred on the midline at its design top (517px), so it no longer runs into the cards or the balance doodle. Tablet and mobile keep the flow layout. */
@media (min-width: 1024px) {
  html body.page-id-133 #vs-stage { aspect-ratio: 1440 / 1197 !important; }
  html body.page-id-133 #vs-c1, html body.page-id-133 #vs-c2, html body.page-id-133 #vs-c3, html body.page-id-133 #vs-c4 { position: absolute !important; width: 304px !important; max-width: 304px !important; box-sizing: border-box !important; }
  html body.page-id-133 #vs-c1 { left: 17.78% !important; top: 5.355% !important; }
  html body.page-id-133 #vs-c2 { left: 75.21% !important; top: 12.77% !important; }
  html body.page-id-133 #vs-c3 { left: 3.68% !important; top: 58.81% !important; }
  html body.page-id-133 #vs-c4 { left: 67.1% !important; top: 61.84% !important; }
  html body.page-id-133 #vs-head { position: absolute !important; left: 50% !important; top: 43.19% !important; transform: translateX(-50%) !important; width: 818px !important; max-width: 818px !important; z-index: 2 !important; }
  html body.page-id-133 #vs-head h2 { font-size: 56px !important; line-height: 68px !important; }
}

@media (min-width: 768px) {
  html body.page-id-133 #mis-pol-list { margin-top: 56px !important; }
}
@media (max-width: 767px) {
  html body.page-id-133 #mis-pol-list { margin-top: 0 !important; }
}

/* Vision specificity fix: ics-vision.css sets the cards to 21.111% of the stage (266px at 1440). Owner: cards 304px per Figma. Desktop only, stronger selector than ics-vision.css; positions unchanged. Headline 818px wide (2 lines), so it clears the cards and the balance doodle. */
@media (min-width: 1024px) {
  html body.page-id-133 section#mis-s3 #vs-c1, html body.page-id-133 section#mis-s3 #vs-c2, html body.page-id-133 section#mis-s3 #vs-c3, html body.page-id-133 section#mis-s3 #vs-c4 { width: 304px !important; max-width: 304px !important; }
  html body.page-id-133 section#mis-s3 #vs-head { width: 818px !important; max-width: 818px !important; }
}

/* Vision at 1440+: the stage is the Figma artboard (1440 x 1197, 1:1), so cards (304px) and headline (818px, 2 lines) keep their design gaps: card 2 ends at 498, headline 517 to 685, card 1 starts at 704. Below 1440 the 87.5% container applies. */
@media (min-width: 1440px) {
  html body.page-id-133 section#mis-s3#mis-s3 #vs-stage { width: 1440px !important; max-width: 1440px !important; }
  html body.page-id-133 section#mis-s3 #vs-head { gap: 8px !important; }
}

/* Vision eyebrow at 1440+: the eyebrow box was 91px tall, pushing the headline down into the cards. Design: eyebrow 24px line, headline 8px below it (headline top 549). */
@media (min-width: 1440px) {
  html body.page-id-133 section#mis-s3#mis-s3 #vs-head > :first-child { height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; line-height: 24px !important; }
}

/* Vision headline top margin (Bricks global class gave 67.2px): design gap 8px under the eyebrow. 1440+ only. */
@media (min-width: 1440px) {
  html body.page-id-133 section#mis-s3#mis-s3 #vs-head h2 { margin-top: 0 !important; }
}

/* H130 mission policy accordion at 1440: closed row 119 -> 100, open 239 -> 224 (Figma 2133:2841; closed items 2133:2862 2133:2878 2133:2894 = 100, open 2133:2846 = 224). Padding only, scoped to #mis-pol-list (pll001). Desktop 1440+ only. */
@media (min-width: 1440px) {
  html body.page-id-133 #mis-pol-list > * > .accordion-content-wrapper { padding-bottom: 5px !important; }
  html body.page-id-133 #mis-pol-b1 { padding-bottom: 4px !important; }
}