:root { --qnein-about-ink: #2c2c2c; --qnein-about-muted: #6e625e; --qnein-about-rose: #97243a; --qnein-about-sand: #f6f2ef; --qnein-about-line: #ded6d1; --qnein-about-white: #fff; }
.qnein-about-page-body #colophon { display: none; }
.qnein-about-page-body .site-content { padding: 0; }
.qnein-about-page-body .ast-container { display: block; max-width: none; padding: 0; }
.qnein-about-page-body .entry-header { display: none; }
.qnein-about-page-body .entry-content { margin: 0; }
.qnein-about-page-body .entry-content > p:first-child { display: none; }
.qnein-about-page-body h1, .qnein-about-page-body h2, .qnein-about-page-body h3, .qnein-about-page-body p { margin-top: 0; }
.qnein-about-page-body a { color: inherit; }
.qnein-about-site-header .qnein-primary-menu .is-current { color: var(--qnein-about-rose); }
.qnein-about-page { color: var(--qnein-about-ink); background: var(--qnein-about-white); }
.qnein-about-kicker { margin-bottom: 19px !important; color: var(--qnein-about-rose); font-size: 10px; font-weight: 700; letter-spacing: .2em; line-height: 1.4; text-transform: uppercase; }
.qnein-about-hero { display: grid; grid-template-columns: 46% 54%; min-height: 620px; background: var(--qnein-about-sand); }
.qnein-about-hero-copy { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; padding: 70px clamp(32px, 8vw, 130px); }
.qnein-about-hero h1 { margin-bottom: 23px; font-family: Georgia, 'Times New Roman', serif; font-size: clamp(48px, 6.2vw, 86px); font-weight: 400; letter-spacing: 0; line-height: .98; }
.qnein-about-hero h1 em, .qnein-about-intro h2 em, .qnein-about-craft h2 em { color: var(--qnein-about-rose); font-weight: 400; }
.qnein-about-lede { max-width: 390px; margin-bottom: 30px; color: var(--qnein-about-muted); font-size: 16px; line-height: 1.75; }
.qnein-about-hero-media { min-height: 620px; overflow: hidden; background: #d9c8c0; }
.qnein-about-hero-media img, .qnein-about-craft-media img { display: block; width: 100%; height: 100%; object-fit: cover; }
.qnein-about-button, .qnein-about-outline-button { display: inline-flex; align-items: center; justify-content: center; gap: 16px; min-height: 48px; padding: 14px 24px; border: 1px solid var(--qnein-about-rose); background: var(--qnein-about-rose); color: var(--qnein-about-white) !important; font-size: 10px; font-weight: 700; letter-spacing: .15em; text-decoration: none; text-transform: uppercase; transition: background .2s ease, border-color .2s ease, color .2s ease; }
.qnein-about-button:hover { border-color: var(--qnein-about-ink); background: var(--qnein-about-ink); }
.qnein-about-outline-button { border-color: var(--qnein-about-ink); background: transparent; color: var(--qnein-about-ink) !important; }
.qnein-about-outline-button:hover { background: var(--qnein-about-ink); color: var(--qnein-about-white) !important; }
.qnein-about-intro { max-width: 700px; margin: 0 auto; padding: 116px 24px 120px; text-align: center; }
.qnein-about-intro h2 { margin-bottom: 25px; font-family: Georgia, 'Times New Roman', serif; font-size: clamp(39px, 5vw, 62px); font-weight: 400; line-height: 1.02; }
.qnein-about-intro > p:last-child { max-width: 590px; margin: 0 auto; color: var(--qnein-about-muted); font-size: 15px; line-height: 1.9; }
.qnein-about-values { padding: 82px max(24px, 5vw) 106px; border-top: 1px solid var(--qnein-about-line); }
.qnein-about-section-heading { display: flex; align-items: end; justify-content: space-between; gap: 30px; max-width: 1240px; margin: 0 auto 58px; }
.qnein-about-section-heading .qnein-about-kicker { margin-bottom: 0 !important; }
.qnein-about-section-heading h2 { margin: 0; font-family: Georgia, 'Times New Roman', serif; font-size: clamp(34px, 4vw, 52px); font-weight: 400; line-height: 1; }
.qnein-about-value-grid { display: grid; grid-template-columns: repeat(3, 1fr); max-width: 1240px; margin: 0 auto; border-top: 1px solid var(--qnein-about-line); }
.qnein-about-value-grid article { min-height: 262px; padding: 27px 34px 24px 0; border-right: 1px solid var(--qnein-about-line); }
.qnein-about-value-grid article + article { padding-left: 34px; }
.qnein-about-value-grid article:last-child { border-right: 0; }
.qnein-about-value-number { color: var(--qnein-about-rose); font-family: Georgia, 'Times New Roman', serif; font-size: 17px; }
.qnein-about-value-grid h3 { margin: 37px 0 12px; font-family: Georgia, 'Times New Roman', serif; font-size: 27px; font-weight: 400; }
.qnein-about-value-grid p { max-width: 285px; margin-bottom: 20px; color: var(--qnein-about-muted); font-size: 13px; line-height: 1.7; }
.qnein-about-value-grid a, .qnein-about-text-link { color: var(--qnein-about-rose) !important; font-size: 10px; font-weight: 700; letter-spacing: .12em; text-decoration: none; text-transform: uppercase; }
.qnein-about-value-grid a span, .qnein-about-text-link span { margin-left: 9px; font-size: 15px; }
.qnein-about-craft { display: grid; grid-template-columns: 53% 47%; min-height: 600px; background: var(--qnein-about-sand); }
.qnein-about-craft-media { min-height: 600px; }
.qnein-about-craft-copy { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; padding: 70px clamp(32px, 8vw, 126px); }
.qnein-about-craft-copy h2 { margin-bottom: 24px; font-family: Georgia, 'Times New Roman', serif; font-size: clamp(42px, 4.8vw, 67px); font-weight: 400; line-height: .99; }
.qnein-about-craft-copy p:not(.qnein-about-kicker) { max-width: 420px; color: var(--qnein-about-muted); font-size: 14px; line-height: 1.8; }
.qnein-about-craft-copy .qnein-about-text-link { margin-top: 7px; }
.qnein-about-proof { display: grid; grid-template-columns: repeat(4, 1fr); padding: 35px max(24px, 5vw); background: var(--qnein-about-ink); color: var(--qnein-about-white); }
.qnein-about-proof div { padding: 0 28px; border-right: 1px solid rgba(255,255,255,.22); }
.qnein-about-proof div:first-child { padding-left: 0; }
.qnein-about-proof div:last-child { padding-right: 0; border-right: 0; }
.qnein-about-proof strong, .qnein-about-proof span { display: block; }
.qnein-about-proof strong { margin-bottom: 8px; color: #f0c7c5; font-size: 10px; letter-spacing: .13em; }
.qnein-about-proof span { color: #d7cdca; font-size: 12px; line-height: 1.5; }
.qnein-about-cta { padding: 112px 24px 120px; text-align: center; }
.qnein-about-cta h2 { margin-bottom: 17px; font-family: Georgia, 'Times New Roman', serif; font-size: clamp(38px, 5vw, 60px); font-weight: 400; line-height: 1; }
.qnein-about-cta > p:not(.qnein-about-kicker) { max-width: 480px; margin: 0 auto; color: var(--qnein-about-muted); font-size: 14px; line-height: 1.8; }
.qnein-about-cta > div { display: flex; justify-content: center; gap: 12px; margin-top: 30px; }
@media (max-width: 850px) { .qnein-about-hero { grid-template-columns: 1fr 1fr; min-height: 540px; } .qnein-about-hero-media { min-height: 540px; } .qnein-about-hero-copy { padding: 50px 30px; } .qnein-about-hero h1 { font-size: 55px; } .qnein-about-craft-copy { padding: 50px 30px; } .qnein-about-section-heading { display: block; } .qnein-about-section-heading h2 { margin-top: 18px; } }
@media (max-width: 700px) { .qnein-about-hero, .qnein-about-craft { grid-template-columns: 1fr; } .qnein-about-hero { display: flex; flex-direction: column-reverse; } .qnein-about-hero-media, .qnein-about-craft-media { min-height: 360px; aspect-ratio: 4 / 3; } .qnein-about-hero-copy { min-height: 390px; padding: 54px 24px 60px; } .qnein-about-hero h1 { font-size: 51px; } .qnein-about-intro { padding: 78px 22px 82px; } .qnein-about-values { padding: 66px 20px 75px; } .qnein-about-section-heading { margin-bottom: 38px; } .qnein-about-value-grid { grid-template-columns: 1fr; } .qnein-about-value-grid article, .qnein-about-value-grid article + article { min-height: 0; padding: 25px 0 28px; border-right: 0; border-bottom: 1px solid var(--qnein-about-line); } .qnein-about-value-grid article:last-child { border-bottom: 0; } .qnein-about-value-grid h3 { margin-top: 23px; } .qnein-about-craft-copy { padding: 58px 24px 70px; } .qnein-about-proof { grid-template-columns: repeat(2, 1fr); gap: 25px 0; padding: 30px 20px; } .qnein-about-proof div, .qnein-about-proof div:first-child, .qnein-about-proof div:last-child { padding: 0 14px; border-right: 0; } .qnein-about-proof div:nth-child(odd) { padding-left: 0; border-right: 1px solid rgba(255,255,255,.22); } .qnein-about-proof div:nth-child(even) { padding-right: 0; } .qnein-about-cta { padding: 78px 20px 84px; } .qnein-about-cta > div { flex-direction: column; align-items: stretch; max-width: 260px; margin-right: auto; margin-left: auto; } }
@media (prefers-reduced-motion: reduce) { .qnein-about-button, .qnein-about-outline-button { transition: none; } }