.page-about-redesign { min-height: 100vh; color: #2b271d; background: #f7f1e7; }
.about-redesign-main { position: relative; z-index: 1; }
.about-statement { position: relative; min-height: 454px; overflow: hidden; background: #72101e; }
.about-statement-media, .about-statement-wash { position: absolute; inset: 0; width: 100%; height: 100%; }
.about-statement-media { object-fit: cover; object-position: center; }
.about-statement-wash { background: rgba(97,11,26,.76); }
.about-statement-inner { position: relative; display: grid; align-content: end; justify-items: start; gap: 15px; min-height: 454px; padding-top: 76px; padding-bottom: 64px; color: #fffaf1; }
.about-redesign-overline { color: #f1d49a; font-size: 11px; font-weight: 850; letter-spacing: 0; text-transform: uppercase; }
.about-statement h1, .about-statement p, .about-origin h2, .about-origin p, .about-principles-head h2, .about-principle-row h3, .about-principle-row p, .about-atlas-head h2, .about-atlas-head p, .about-atlas-item h3, .about-atlas-item p, .about-closing-note h2, .about-closing-note p { margin: 0; }
.about-statement h1 { font-size: 68px; font-weight: 900; line-height: .98; letter-spacing: 0; }
.about-statement p { max-width: 650px; color: rgba(255,250,241,.88); font-size: 16px; font-weight: 600; line-height: 1.65; }
.about-origin { display: grid; grid-template-columns: minmax(300px,.9fr) minmax(0,1.1fr); align-items: center; gap: 72px; padding-top: 84px; padding-bottom: 84px; }
.about-origin-media { min-height: 410px; margin: 0; overflow: hidden; border: 1px solid #e2d0aa; border-radius: 8px; background: #e8dcc4; }
.about-origin-media img { width: 100%; height: 100%; object-fit: cover; }
.about-origin-copy { display: grid; justify-items: start; gap: 14px; }
.about-origin-copy .about-redesign-overline, .about-principles-head .about-redesign-overline, .about-atlas-head .about-redesign-overline { color: #a81226; }
.about-origin h2, .about-principles-head h2, .about-atlas-head h2, .about-closing-note h2 { color: #2c271d; font-size: 34px; font-weight: 900; line-height: 1.1; letter-spacing: 0; }
.about-origin p { color: #71654e; font-size: 14px; font-weight: 600; line-height: 1.7; }
.about-origin-link, .about-atlas-item a, .about-closing-link { display: inline-flex; align-items: center; gap: 7px; font-weight: 850; }
.about-origin-link { margin-top: 6px; color: #b11228; font-size: 13px; }
.about-origin-link:hover, .about-origin-link:focus-visible, .about-atlas-item a:hover, .about-atlas-item a:focus-visible { color: #710a16; outline: 0; }
.about-origin-link .material-symbols-rounded, .about-atlas-item a .material-symbols-rounded, .about-closing-link .material-symbols-rounded { font-size: 18px; }
.about-principles { border-top: 1px solid rgba(137,15,35,.22); border-bottom: 1px solid rgba(137,15,35,.22); background: #efe2cb; }
.about-principles-inner { display: grid; grid-template-columns: minmax(0,.7fr) minmax(0,1.3fr); gap: 72px; padding-top: 76px; padding-bottom: 76px; }
.about-principles-head { display: grid; align-content: start; gap: 10px; }
.about-principles-list { border-top: 1px solid #d8c28e; }
.about-principle-row { display: grid; grid-template-columns: 48px minmax(180px,.7fr) minmax(0,1.3fr); align-items: start; gap: 18px; padding: 24px 0; border-bottom: 1px solid #d8c28e; }
.about-principle-row > span { color: #b31328; font-size: 12px; font-weight: 900; }
.about-principle-row h3 { color: #352c20; font-size: 16px; font-weight: 850; line-height: 1.3; }
.about-principle-row p { color: #71654e; font-size: 13px; font-weight: 600; line-height: 1.6; }
.about-atlas { padding-top: 82px; padding-bottom: 86px; }
.about-atlas-head { display: grid; gap: 9px; max-width: 720px; margin-bottom: 32px; }
.about-atlas-head p { color: #776a53; font-size: 14px; font-weight: 600; line-height: 1.65; }
.about-atlas-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
.about-atlas-item { display: flex; flex-direction: column; align-items: flex-start; min-height: 238px; padding: 26px; border: 1px solid #e2d0aa; border-radius: 8px; background: #fffdf9; box-shadow: 0 12px 28px rgba(68,41,12,.07); }
.about-atlas-icon { margin-bottom: 28px; color: #bc1329; font-size: 27px; }
.about-atlas-item h3 { color: #2c271d; font-size: 19px; font-weight: 850; line-height: 1.2; }
.about-atlas-item p { margin-top: 8px; color: #756951; font-size: 13px; font-weight: 600; line-height: 1.58; }
.about-atlas-item a { margin-top: auto; padding-top: 20px; color: #b11228; font-size: 13px; }
.about-closing-note { border-top: 1px solid rgba(255,248,235,.28); border-bottom: 1px solid rgba(255,248,235,.28); background: #8f1325; }
.about-closing-note-inner { display: grid; grid-template-columns: 38px minmax(0,1fr) auto; align-items: center; gap: 18px; min-height: 212px; padding-top: 38px; padding-bottom: 38px; color: #fffaf1; }
.about-closing-note-inner > .material-symbols-rounded { color: #f1d49a; font-size: 29px; }
.about-closing-note-inner > div { display: grid; gap: 8px; max-width: 730px; }
.about-closing-note .about-redesign-overline { color: #f1d49a; }
.about-closing-note h2 { color: #fffaf1; }
.about-closing-note p { color: rgba(255,250,241,.78); font-size: 13px; font-weight: 600; line-height: 1.6; }
.about-closing-link { min-height: 42px; padding: 0 15px; border: 1px solid #f2d69d; border-radius: 8px; color: #68101c; background: #fff8eb; font-size: 13px; font-weight: 850; }
.about-closing-link:hover, .about-closing-link:focus-visible { color: #fff8eb; border-color: #f4dca9; background: #b61329; outline: 0; }
@media (max-width: 860px) { .about-origin, .about-principles-inner { grid-template-columns: 1fr; } .about-origin { gap: 38px; } .about-principles-inner { gap: 34px; } .about-origin-media { min-height: 330px; } }
@media (max-width: 680px) { .about-statement, .about-statement-inner { min-height: 376px; } .about-statement-inner { padding-top: 56px; padding-bottom: 42px; } .about-statement h1 { font-size: 47px; } .about-statement p { font-size: 14px; } .about-origin, .about-atlas { padding-top: 48px; padding-bottom: 48px; } .about-origin h2, .about-principles-head h2, .about-atlas-head h2, .about-closing-note h2 { font-size: 28px; } .about-origin-media { min-height: 250px; } .about-principles-inner { padding-top: 48px; padding-bottom: 48px; } .about-principle-row { grid-template-columns: 32px minmax(0,1fr); gap: 12px; } .about-principle-row p { grid-column: 2; } .about-atlas-grid { grid-template-columns: 1fr; } .about-atlas-item { min-height: 208px; } .about-atlas-icon { margin-bottom: 20px; } .about-closing-note-inner { grid-template-columns: 32px minmax(0,1fr); align-items: start; min-height: 0; padding-top: 42px; padding-bottom: 42px; } .about-closing-link { grid-column: 2; justify-self: start; } }