.wryt-about-page { --ab-ink:#172d3c; --ab-muted:#596a74; }
.ab-container { width:calc(100% - 6rem); max-width:80rem; margin-inline:auto; }
.ab-eyebrow { font:.7rem/1.6 monospace; letter-spacing:.12em; margin-bottom:1.5rem; }
.ab-hero { padding:4rem 0 4.5rem; }
.ab-hero-grid { display:grid; grid-template-columns:1.1fr 1fr; gap:4rem; align-items:center; }
.ab-hero h1 { font-size:clamp(2.8rem,5vw,5rem); line-height:1.1; letter-spacing:-.055em; margin:0 0 1.75rem; }
.ab-hero-lead { font-size:1.35rem; line-height:1.5; font-weight:500; max-width:31ch; margin:0 0 1rem; }
.ab-hero-copy { font-size:1rem; line-height:1.75; color:var(--ab-muted); max-width:44ch; margin:0 0 1rem; }
.ab-actions { display:flex; align-items:center; flex-wrap:wrap; gap:1.5rem; margin-top:2rem; }
.ab-button { gap:1rem; padding:1rem 1.4rem; font-size:.7rem; line-height:1.5; letter-spacing:.08em; white-space:normal; max-width:100%; }
.ab-button > span:last-child { flex:none; }
.ab-text-link { color:#315d79; font-size:.9rem; display:inline-flex; align-items:center; gap:.75rem; min-height:44px; }
.ab-brand-board { padding:2.75rem; border-radius:1.75rem; color:white; background:linear-gradient(140deg,#075b8a,#168cce); position:relative; overflow:hidden; }
.ab-brand-board::before { content:''; position:absolute; width:20rem; height:20rem; border:1px solid #ffffff16; border-radius:50%; right:-8rem; top:-6rem; box-shadow:0 0 0 3rem #ffffff06,0 0 0 6rem #ffffff05; pointer-events:none; }
.ab-board-caption { font:.65rem/1.6 monospace; letter-spacing:.12em; color:#d4eafb; position:relative; }
.ab-board-logo { display:block; width:clamp(10rem,19vw,17rem); max-width:100%; height:auto; margin:3.5rem 0 2rem; position:relative; }
.ab-brand-board > p { font-size:1.9rem; line-height:1.25; letter-spacing:-.035em; color:white; margin:0 0 2rem; }
.ab-board-grid { display:grid; grid-template-columns:1fr 1fr; gap:.65rem; }
.ab-board-grid span { padding:.85rem; background:#ffffff12; border:1px solid #ffffff30; border-radius:.75rem; font-size:.8rem; line-height:1.5; }
.ab-board-bottom { display:flex; align-items:center; gap:.65rem; margin-top:2rem; color:#dff3ff; font-size:.8rem; }
.ab-board-bottom > span { width:.5rem; height:.5rem; background:#d6fd70; border-radius:50%; flex:none; }
.ab-section { padding-block:4rem; }
.ab-story { display:grid; grid-template-columns:1fr 1.15fr; gap:4rem; padding-block:1rem; border-top:1px solid #e1e8ed; }
.ab-story > div { padding-top:2rem; }
.ab-story h2,.ab-heading h2,.ab-partner-grid h2,.ab-close h2 { font-size:clamp(2rem,3.5vw,3.4rem); line-height:1.2; letter-spacing:-.045em; margin:0 0 1.5rem; text-wrap:balance; }
.ab-reading p { margin:0 0 1.25rem; line-height:1.8; color:var(--ab-muted); }
.ab-reading .ab-story-lead { font-size:1.2rem; line-height:1.65; color:var(--ab-ink); }
.ab-name-section { padding-block:2rem; }
.ab-name { display:grid; grid-template-columns:.7fr 1.3fr; align-items:center; gap:3rem; padding:3rem; background:#edffbc; border-radius:1.5rem; }
.ab-name-word { font-size:6rem; line-height:1; letter-spacing:-.08em; font-weight:600; color:#183d38; }
.ab-name-word span { display:block; font:1rem/1.6 monospace; letter-spacing:.05em; margin-top:1.5rem; }
.ab-name h2 { font-size:clamp(1.6rem,2.3vw,2.4rem); line-height:1.25; margin:0 0 1rem; letter-spacing:-.035em; }
.ab-name p { font-size:1rem; line-height:1.75; margin:0; color:#415448; max-width:54ch; }
.ab-heading { max-width:50rem; text-align:center; margin:0 auto 3rem; }
.ab-heading > p { max-width:40rem; margin:0 auto; line-height:1.7; color:var(--ab-muted); }
.ab-values { display:grid; grid-template-columns:1fr 1fr; gap:1.25rem; }
.ab-value { padding:2.25rem; background:#f4f7f9; border:1px solid #e5ebef; border-radius:1.5rem; }
.ab-value:nth-child(2),.ab-value:nth-child(3) { background:#edf5fa; }
.ab-number { display:grid; place-items:center; width:2.5rem; height:2.5rem; background:#d6fd70; border-radius:.75rem; font:.75rem monospace; margin-bottom:1.5rem; }
.ab-value h3 { font-size:1.6rem; line-height:1.25; margin:0 0 1rem; letter-spacing:-.03em; }
.ab-value p { color:var(--ab-muted); font-size:1rem; line-height:1.75; margin:0; }
.ab-value .ab-value-lead { color:var(--ab-ink); font-weight:500; margin-bottom:.65rem; }
.ab-partner-section { background:#f7f9fa; }
.ab-partner-grid { display:grid; grid-template-columns:1fr 1fr; gap:4rem; align-items:start; }
.ab-partner-grid p { line-height:1.75; color:var(--ab-muted); max-width:43ch; margin:0 0 1.25rem; }
.ab-partner-grid .ab-button { margin-top:.75rem; }
.ab-studio-list a { display:grid; grid-template-columns:2rem minmax(0,1fr) 1rem; gap:1rem; align-items:center; padding:1.5rem .5rem; border-top:1px solid #dce5eb; color:#203948; font-size:1.05rem; line-height:1.5; min-height:64px; }
.ab-studio-list a:last-child { border-bottom:1px solid #dce5eb; }
.ab-studio-list a > span { font:.7rem monospace; color:#6a8392; }
.ab-studio-list b { font-weight:400; }
.ab-studio-list a:hover { background:#eaf3fa; }
.ab-studio-list a:focus-visible,.ab-text-link:focus-visible,.ab-button:focus-visible { outline:3px solid #2585b9; outline-offset:4px; }
.ab-audiences { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1.5rem; }
.ab-audiences article { border-top:1px solid #dce5eb; padding-top:1.5rem; }
.ab-audiences article > span { display:grid; place-items:center; width:2.75rem; height:2.75rem; background:#eaf3fa; color:#185c84; border-radius:50%; font-size:1.4rem; margin-bottom:1.25rem; }
.ab-audiences h3 { font-size:1.3rem; line-height:1.3; margin-bottom:1rem; }
.ab-audiences p { line-height:1.7; color:var(--ab-muted); margin:0; font-size:.95rem; }
.ab-center { display:flex; justify-content:center; margin-top:2.5rem; }
.ab-close { padding:3rem; border-radius:1.5rem; background:#eaf3fa; display:flex; justify-content:space-between; align-items:center; gap:3rem; }
.ab-close p { max-width:48ch; line-height:1.7; color:var(--ab-muted); margin:0; }
.ab-close .ab-button { flex:none; max-width:20rem; }
@media(max-width:1199px) { .ab-hero-grid,.ab-story,.ab-partner-grid { gap:2.5rem; } .ab-close { flex-direction:column; align-items:flex-start; } }
@media(max-width:991px) {
 .ab-container { width:calc(100% - 3rem); }
 .ab-hero-grid { grid-template-columns:1fr; }
 .ab-brand-board { width:100%; max-width:40rem; margin-inline:auto; }
 .ab-board-logo { width:15rem; }
 .ab-hero h1 { max-width:16ch; }
 .ab-hero-copy { max-width:56ch; }
 .ab-story,.ab-partner-grid { grid-template-columns:1fr; gap:1rem; }
 .ab-story > div { padding-top:1.5rem; }
 .ab-audiences { grid-template-columns:1fr 1fr; gap:2rem; }
 .ab-name { padding:2rem; gap:2rem; }
 .ab-name-word { font-size:4.5rem; }
}
@media(max-width:599px) {
 .ab-container { width:calc(100% - 2rem); }
 .ab-hero { padding-block:2.5rem; }
 .ab-hero h1 { font-size:2.8rem; }
 .ab-hero-lead { font-size:1.2rem; }
 .ab-eyebrow { font-size:.65rem; margin-bottom:1.1rem; }
 .ab-brand-board { padding:1.75rem; }
 .ab-board-grid { grid-template-columns:1fr; }
 .ab-board-logo { margin-top:2.5rem; width:12rem; }
 .ab-brand-board > p { font-size:1.65rem; }
 .ab-section { padding-block:2.75rem; }
 .ab-name { grid-template-columns:1fr; padding:1.75rem; gap:2rem; }
 .ab-name-word { font-size:4rem; }
 .ab-name-word span { margin-top:.75rem; }
 .ab-values { grid-template-columns:1fr; }
 .ab-value { padding:1.5rem; }
 .ab-heading { margin-bottom:2rem; }
 .ab-audiences { grid-template-columns:1fr; gap:1.5rem; }
 .ab-audiences article { display:grid; grid-template-columns:2.75rem minmax(0,1fr); gap:0 1rem; }
 .ab-audiences article > span { grid-row:1/3; }
 .ab-audiences h3 { font-size:1.2rem; margin-bottom:.6rem; }
 .ab-audiences p { grid-column:2; }
 .ab-studio-list a { grid-template-columns:1.5rem minmax(0,1fr) 1rem; gap:.6rem; font-size:1rem; }
 .ab-close { padding:1.75rem; gap:2rem; }
 .ab-close .ab-button { width:100%; justify-content:space-between; max-width:none; }
}
.ab-hero h1 { color: #172d3c; }
@media(max-width:599px) { .ab-hero h1 { font-size:clamp(2rem,8vw,2.5rem); } }
/* Editorial hierarchy: balanced headings, readable measures and consistent rhythm. */
.wryt-about-page { -webkit-font-smoothing: antialiased; }
.ab-hero h1 { font-size:clamp(3rem,4.5vw,4.5rem); max-width:17ch; line-height:1.08; letter-spacing:-.045em; text-wrap:balance; }
.ab-hero-lead { max-width:34ch; font-size:clamp(1.15rem,1.65vw,1.4rem); line-height:1.5; font-weight:500; letter-spacing:-.015em; }
.ab-hero-copy { max-width:47ch; font-size:1.025rem; line-height:1.75; color:#4f626e; }
.ab-actions { margin-top:1.75rem; }
.ab-story h2,.ab-heading h2,.ab-partner-grid h2,.ab-close h2 { line-height:1.16; letter-spacing:-.035em; }
.ab-reading { max-width:40rem; }
.ab-reading p { font-size:1.025rem; line-height:1.8; color:#4f626e; }
.ab-reading .ab-story-lead { font-size:1.3rem; line-height:1.55; letter-spacing:-.015em; }
.ab-heading { max-width:46rem; }
.ab-value { padding:2rem; }
.ab-value h3 { font-size:1.5rem; line-height:1.25; letter-spacing:-.025em; margin-bottom:.65rem; }
.ab-value .ab-value-lead { font-size:1.05rem; line-height:1.5; }
.ab-value p { max-width:44ch; font-size:.98rem; line-height:1.75; }
.ab-partner-grid > div:first-child { max-width:35rem; }
.ab-partner-grid p { font-size:1.025rem; line-height:1.75; }
.ab-close h2 { max-width:24ch; }
.ab-close p { font-size:1.025rem; max-width:48ch; }
@media(max-width:599px) {
 .ab-hero h1 { font-size:clamp(2.15rem,8.3vw,2.75rem); max-width:18ch; line-height:1.12; letter-spacing:-.04em; }
 .ab-hero-lead { font-size:1.15rem; }
 .ab-hero-copy,.ab-reading p,.ab-partner-grid p,.ab-close p { font-size:1rem; line-height:1.75; }
 .ab-hero-grid { gap:2rem; }
 .ab-actions { flex-direction:column; align-items:stretch; gap:.75rem; }
 .ab-actions .ab-button { justify-content:space-between; }
 .ab-actions .ab-text-link { justify-content:center; }
 .ab-story h2,.ab-heading h2,.ab-partner-grid h2,.ab-close h2 { font-size:clamp(1.8rem,6.5vw,2.2rem); line-height:1.2; }
 .ab-reading .ab-story-lead { font-size:1.15rem; line-height:1.65; }
 .ab-value { padding:1.5rem; }
 .ab-value h3 { font-size:1.4rem; }
}
.ab-hero h1 { max-width:none; }
.ab-hero-lead { max-width:33ch; }
/* Richer visual language drawn from the homepage and Services page. */
.ab-hero { margin:0 1rem; padding:4.5rem 0; border-radius:2rem; background:radial-gradient(ellipse at 85% 15%,#34a4dd60,transparent 60%),linear-gradient(125deg,#075c91,#0d7fc0); color:white; }
.ab-hero h1 { color:white; font-size:clamp(2.8rem,4.4vw,4.5rem); }
.ab-hero h1 br + * { color:#c4e8fc; }
.ab-hero .ab-eyebrow { color:#d7f0ff; }
.ab-hero .ab-hero-lead { color:white; }
.ab-hero .ab-hero-copy { color:#e0f1fb; }
.ab-hero .ab-text-link { color:white; letter-spacing:0; }
.ab-hero-grid { grid-template-columns:1fr 1.05fr; gap:3.5rem; }
.ab-hero-art { min-width:0; position:relative; background:#c5e1f5; border:1px solid #ffffff70; border-radius:1.5rem; overflow:hidden; box-shadow:0 1.5rem 4rem #003c6530; }
.ab-hero-art > img { display:block; width:100%; height:auto; object-fit:contain; aspect-ratio:3/2; }
.ab-art-caption { display:flex; align-items:center; justify-content:center; gap:.7rem; padding:1.1rem 1rem; background:#eff7fc; color:#20435a; font-size:.85rem; line-height:1.5; }
.ab-art-dot { width:.55rem; height:.55rem; background:#a8ce30; border-radius:50%; flex:none; }
.ab-story { border:0; padding-top:1.25rem; }
.ab-connection-strip { width:calc(100% - 6rem); max-width:80rem; margin:2.5rem auto 0; padding:1.5rem 2rem; display:flex; align-items:center; justify-content:space-around; gap:1rem; border-top:1px solid #dde7ee; border-bottom:1px solid #dde7ee; color:#335b74; font-size:1rem; }
.ab-connection-strip i { font-size:1.5rem; font-style:normal; color:#8bacb9; }
.ab-name { position:relative; background:#eaffb2; padding:3.5rem; gap:4rem; }
.ab-name-word img { width:100%; max-width:16rem; height:auto; display:block; filter:brightness(0); }
.ab-name-word span { color:#496331; margin-top:1.75rem; }
.ab-values { gap:1rem; }
.ab-value { border:0; padding:2.5rem; background:#f3f5f6; }
.ab-value:nth-child(2) { background:#eaffbd; }
.ab-value:nth-child(3) { background:#eaf4fb; }
.ab-value:nth-child(4) { background:#142e40; }
.ab-value:nth-child(4) h3,.ab-value:nth-child(4) .ab-value-lead { color:white; }
.ab-value:nth-child(4) p { color:#cee0eb; }
.ab-value-icon { display:grid; place-items:center; width:3.25rem; height:3.25rem; border-radius:1rem; background:#d6fd70; color:#183b4d; margin-bottom:2rem; }
.ab-value-icon svg { width:1.8rem; height:1.8rem; }
.ab-value:nth-child(2) .ab-value-icon { background:#fff9; }
.ab-value h3 { font-size:1.75rem; }
.ab-partner-section { background:white; margin:1rem; border-radius:1.75rem; }
.ab-partner-grid { background:#f1f6fa; border-radius:1.5rem; padding:3rem; gap:3rem; }
.ab-studio-list a { padding-inline:.5rem; }
.ab-audiences { gap:1rem; }
.ab-audiences article { background:#f4f7f9; padding:1.75rem; border:0; border-radius:1.25rem; }
.ab-audiences article > span { background:#d6fd70; }
.ab-close { background:linear-gradient(120deg,#075d90,#1186c4); color:white; }
.ab-close h2 { color:white; }
.ab-close p { color:#e1f0f9; }
.ab-close .ab-eyebrow { color:#d0e8f7; }
@media(max-width:991px) {
 .ab-hero-grid { grid-template-columns:1fr; gap:2.5rem; }
 .ab-hero-art { width:100%; max-width:42rem; justify-self:center; }
 .ab-hero h1 { max-width:none; }
 .ab-partner-grid { padding:2rem; grid-template-columns:1fr; }
 .ab-name { gap:2.5rem; padding:2.5rem; }
 .ab-connection-strip { width:calc(100% - 3rem); }
}
@media(max-width:599px) {
 .ab-hero { margin:0 .75rem; padding-block:2.5rem; border-radius:1.5rem; }
 .ab-hero .ab-container { width:calc(100% - 2.5rem); }
 .ab-hero h1 { font-size:clamp(2rem,8vw,2.6rem); }
 .ab-hero-grid { gap:2rem; }
 .ab-art-caption { font-size:.75rem; padding:1rem .75rem; }
 .ab-connection-strip { width:calc(100% - 2rem); flex-direction:column; gap:.75rem; margin-top:1.5rem; padding:1.5rem; }
 .ab-connection-strip i { font-size:1rem; }
 .ab-name { padding:1.75rem; gap:2rem; }
 .ab-name-word img { max-width:10rem; }
 .ab-value { padding:1.75rem; }
 .ab-value-icon { margin-bottom:1.5rem; }
 .ab-value h3 { font-size:1.5rem; }
 .ab-partner-section { margin:0; }
 .ab-partner-grid { padding:1.5rem; gap:2rem; }
 .ab-audiences article { padding:1.5rem; }
}
/* Full-bleed hero image and the same hero-bg treatment used on Services. */
.ab-hero { position:relative; isolation:isolate; min-height:42rem; display:flex; align-items:center; background:#0c527f; padding-block:6rem; }
.ab-hero-background { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; z-index:-3; }
.ab-hero::after { content:''; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,rgba(2,31,54,.94) 0%,rgba(3,42,69,.83) 35%,rgba(5,50,78,.32) 68%,rgba(5,50,78,.1) 100%); pointer-events:none; }
.ab-hero-background-content { display:block; width:calc(100% - 6rem); }
.ab-hero-background-content > div { max-width:37rem; position:relative; }
.ab-hero h1 { max-width:17ch; }
.ab-hero .ab-hero-copy { max-width:45ch; }
@media(max-width:991px) {
 .ab-hero { min-height:40rem; padding-block:4.5rem; }
 .ab-hero-background-content { width:calc(100% - 3rem); }
 .ab-hero-background { object-position:65% center; }
 .ab-hero::after { background:linear-gradient(90deg,#02243be8,#053c61b8); }
}
@media(max-width:599px) {
 .ab-hero { min-height:0; padding-block:3rem; }
 .ab-hero .ab-hero-background-content { width:calc(100% - 2.5rem); }
 .ab-hero-background { object-position:center; }
 .ab-hero::after { background:linear-gradient(180deg,#032d4bea,#06466bd9); }
}
.ab-hero { overflow:hidden; }
/* Clear, compact text hierarchy over the About background. */
.ab-hero-background-content > div { max-width:36rem; }
.ab-hero .ab-eyebrow { margin-bottom:1.4rem; }
.ab-hero h1 { margin:0 0 1.5rem; line-height:1.1; letter-spacing:-.045em; }
.ab-hero .ab-hero-lead { max-width:32ch; font-size:1.3rem; line-height:1.5; font-weight:500; margin:0 0 1.25rem; }
.ab-hero .ab-hero-copy { max-width:43ch; font-size:1.05rem; line-height:1.75; margin:0; }
.ab-hero .ab-actions { margin-top:2rem; gap:1.25rem; }
@media(max-width:599px) {
 .ab-hero .ab-eyebrow { margin-bottom:1.1rem; }
 .ab-hero h1 { margin-bottom:1.25rem; }
 .ab-hero .ab-hero-lead { font-size:1.15rem; line-height:1.55; }
 .ab-hero .ab-hero-copy { font-size:1rem; line-height:1.7; }
 .ab-hero .ab-actions { margin-top:1.75rem; gap:.75rem; }
}
/* Original About components, adapted to Wryt's current copy. */
.wryt-original-about .hero-abo_header_left .tag { margin-bottom:0; }
.wryt-original-about .hero-abot_header h1 { font-size:clamp(2.4rem,4vw,4rem); line-height:1.12; letter-spacing:-.045em; }
.wryt-original-about .hero-abo_header_right .text-base { line-height:1.75; }
.wryt-original-about .wryt-original-about-art { background:#c4ddf2; }
.wryt-original-about .wryt-original-about-art > img { object-fit:contain; }
.wryt-original-about .hero-abo_grid_item.is-third .text-4xl { font-size:clamp(1.6rem,2.5vw,2.5rem); line-height:1.2; letter-spacing:-.035em; }
.wryt-original-about .hero-abo_grid_item.is-third > div:last-child { font-size:.95rem; line-height:1.6; }
.wryt-original-about .hero-abo_grid_item.is-third > div:first-child > .text-weight-medium { font:.65rem/1.6 monospace; letter-spacing:.1em; }
.wryt-original-about-statement .title-wrap { justify-content:center; text-align:center; }
.wryt-original-about .mission_img { background:#edf3f7; }
.wryt-original-about .mission_img img { object-fit:contain; }
.wryt-original-about .sec_mission .text-base { line-height:1.75; }
@media(max-width:767px) {
 .wryt-original-about .hero-abot_header { gap:1.75rem; }
 .wryt-original-about .hero-abot_header h1 { font-size:clamp(2rem,7.8vw,3rem); }
 .wryt-original-about .hero-abo_grid_item.is-third .text-4xl { font-size:1.8rem; }
 .wryt-original-about .section_cta .button-arrow { max-width:100%; }
 .wryt-original-about-statement .title-wrap h2 { font-size:clamp(1.7rem,5.5vw,2.3rem); line-height:1.25; }
}
.wryt-original-about .hero-abo_tags { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:.5rem; width:90%; max-width:30rem; height:auto; position:relative; z-index:1; margin:auto; }
.wryt-original-about .hero-abo_tags span { display:block; padding:.45rem .8rem; border:1px solid #ffffff66; background:#ffffff40; border-radius:2rem; font-size:.8rem; line-height:1.4; color:#183748; }
/* Let image frames follow the artwork instead of letterboxing inside tall tiles. */
.wryt-original-about .wryt-original-about-art{height:auto;min-height:0;aspect-ratio:3/2;align-self:center;overflow:hidden;padding:0;background:transparent}
.wryt-original-about .wryt-original-about-art>img{position:static;display:block;width:100%;height:auto;min-height:0;aspect-ratio:3/2;object-fit:contain;border-radius:inherit}
.wryt-original-about .mission_img{height:auto;min-height:0;aspect-ratio:auto;align-self:center;padding:0;background:transparent;overflow:hidden}
.wryt-original-about .mission_img>img{position:static;display:block;width:100%;height:auto;min-height:0;max-height:none;object-fit:contain;border-radius:inherit}