/* Hakkımızda: black-and-white editorial layout, scoped to this page. */
.levarno-about {
    --about-ink: #141414;
    --about-muted: #5c5c5c;
    --about-line: #dedede;
    --about-paper: #ffffff;
    --about-page-pad: clamp(24px, 5.5vw, 88px);
    background: var(--about-paper);
    color: var(--about-ink);
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.levarno-about *, .levarno-about *::before, .levarno-about *::after { box-sizing: border-box; }
.levarno-about h1, .levarno-about h2, .levarno-about h3, .levarno-about p, .levarno-about figure { margin: 0; }
.levarno-about h1, .levarno-about h2, .levarno-about h3 { color: inherit; font-family: inherit; text-transform: none; }
.levarno-about a { color: inherit; text-decoration: none; }
.levarno-about a:focus-visible { outline: 2px solid currentColor; outline-offset: 6px; }
.levarno-about img { display: block; width: 100%; height: 100%; object-fit: cover; }
.levarno-about__eyebrow { font-size: 11px; font-weight: 600; letter-spacing: .17em; line-height: 1.5; text-transform: uppercase !important; }
.levarno-about__container { width: min(1180px, calc(100% - 48px)); max-width: calc(100% - 2 * var(--about-page-pad)); margin-inline: auto; }

/* The slogan leads; the brand name remains the page heading. */
.levarno-about__hero { display: grid; grid-template-columns: 1fr 1.08fr; min-height: 620px; }
.levarno-about__hero-copy { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding: 48px var(--about-page-pad); }
.levarno-about__hero-copy > .levarno-about__eyebrow { display: flex; align-items: center; gap: 14px; margin-bottom: 28px; }
.levarno-about__hero-copy > .levarno-about__eyebrow::before { content: ""; width: 30px; height: 1px; background: currentColor; }
.levarno-about__hero h1 { margin-bottom: 22px; font-size: clamp(32px, 2.8vw, 42px); font-weight: 600; letter-spacing: -.055em; line-height: 1; }
.levarno-about__lead { max-width: 540px; margin-bottom: 26px !important; font-size: clamp(38px, 4vw, 56px); font-weight: 400; letter-spacing: -.055em; line-height: 1.06; text-wrap: balance; }
.levarno-about__hero-copy > p:last-child { max-width: 395px; color: var(--about-muted); font-size: 15px; line-height: 1.8; }
/* Let the copy and section set the height, not the image's intrinsic size. */
.levarno-about__hero-media,
.levarno-about__quality-media,
.levarno-about__support-media { position: relative; min-width: 0; }
.levarno-about__hero-media img,
.levarno-about__quality-media img,
.levarno-about__support-media img { position: absolute; inset: 0; }
.levarno-about__hero-media img { object-position: 53% center; }

.levarno-about__values { padding: 60px 0 64px; }
.levarno-about__values h2 { margin-bottom: 30px; font-size: clamp(28px, 2.6vw, 36px); font-weight: 400; letter-spacing: -.04em; line-height: 1.15; }
.levarno-about__value-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 42px; margin: 0; padding: 0; list-style: none; }
.levarno-about__value-list li { margin: 0; padding-top: 20px; border-top: 1px solid var(--about-line); }
.levarno-about__value-top { margin-bottom: 16px; }
.levarno-about__number { color: var(--about-muted); font-size: 12px; letter-spacing: .08em; }
.levarno-about__value-list h3 { margin-bottom: 10px; font-size: 21px; font-weight: 500; letter-spacing: -.025em; }
.levarno-about__value-list p { max-width: 310px; color: var(--about-muted); font-size: 14px; line-height: 1.7; }

.levarno-about__quality { display: grid; grid-template-columns: 1fr 1fr; min-height: clamp(400px, 34vw, 480px); margin: 0 var(--about-page-pad); background: #f4f4f4; }

.levarno-about__quality-copy { display: flex; flex-direction: column; justify-content: center; padding: clamp(32px, 4vw, 60px); }
.levarno-about__quality h2 { max-width: 460px; margin: 24px 0; font-size: clamp(32px, 3.3vw, 48px); font-weight: 400; letter-spacing: -.05em; line-height: 1.1; text-wrap: balance; }
.levarno-about__quality-copy > p:last-child { max-width: 360px; color: var(--about-muted); font-size: 15px; line-height: 1.8; }

.levarno-about__direction { max-width: 900px; margin: auto; padding: 72px 32px 76px; text-align: center; }
.levarno-about__direction h2 { margin: 24px auto; max-width: 680px; font-size: clamp(32px, 3.3vw, 48px); font-weight: 400; letter-spacing: -.05em; line-height: 1.12; text-wrap: balance; }
.levarno-about__direction > p:last-child { max-width: 590px; margin: auto; color: var(--about-muted); font-size: 15px; line-height: 1.8; }

.levarno-about__support { display: grid; grid-template-columns: 1fr 1fr; min-height: 420px; background: #111111; color: #ffffff; }
.levarno-about__support-copy { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding: 48px var(--about-page-pad); }
.levarno-about__support h2 { margin: 26px 0 20px; font-size: clamp(34px, 3.5vw, 50px); font-weight: 400; letter-spacing: -.05em; line-height: 1.08; text-wrap: balance; }
.levarno-about__support-copy > p:not(.levarno-about__eyebrow) { max-width: 360px; color: #d5d5d5; font-size: 15px; line-height: 1.75; }
.levarno-about__buttons { margin: 24px 0 16px; }
.levarno-about .levarno-about__button { display: inline-flex; min-height: 54px; align-items: center; justify-content: space-between; gap: 42px; padding: 16px 24px; background: #ffffff; color: #141414; border: 1px solid #ffffff; font-size: 14px; font-weight: 500; line-height: 1.4; transition: background-color .2s ease; }
.levarno-about .levarno-about__button:hover { background: #e9e9e9; }
.levarno-about__button span { font-size: 21px; line-height: 1; }
.levarno-about__support-copy > .levarno-about__help { font-size: 12px !important; }
.levarno-about__help a { display: inline-block; padding-block: 8px; text-decoration: underline; text-underline-offset: 4px; }
.levarno-about__help a:hover { color: #fff; }


@media (max-width: 960px) {
    .levarno-about__hero-copy { padding: 48px 30px; }
    .levarno-about__hero { min-height: 550px; }
    .levarno-about__value-list { gap: 26px; }
    .levarno-about__quality { margin-inline: var(--about-page-pad); }
    .levarno-about__support-copy { padding: 44px 30px; }
}
@media (max-width: 700px) {
    .levarno-about__hero, .levarno-about__quality, .levarno-about__support { grid-template-columns: minmax(0, 1fr); min-height: 0; }
    .levarno-about__hero-copy { padding: 36px 24px 32px; }
    .levarno-about__hero-copy > .levarno-about__eyebrow { margin-bottom: 24px; }
    .levarno-about__hero h1 { font-size: 34px; margin-bottom: 16px; }
    .levarno-about__lead { max-width: 440px; font-size: clamp(36px, 9.5vw, 44px); margin-bottom: 20px !important; }
    .levarno-about__hero-copy > p:last-child { font-size: 14px; line-height: 1.75; }
    .levarno-about__hero-media { min-height: 0; aspect-ratio: 1.15; }
    .levarno-about__values { padding: 48px 0; }
    .levarno-about__values h2 { max-width: 290px; margin-bottom: 28px; }
    .levarno-about__value-list { grid-template-columns: 1fr; gap: 24px; }
    .levarno-about__value-list li { display: grid; grid-template-columns: 28px minmax(0, 1fr); column-gap: 16px; padding-top: 22px; }
    .levarno-about__value-top { grid-row: span 2; margin: 0; padding-top: 3px; }
    .levarno-about__value-list h3 { font-size: 20px; }
    .levarno-about__value-list p { max-width: none; }
    .levarno-about__quality-media { min-height: 0; aspect-ratio: 1.2; }
    .levarno-about__quality-copy { padding: 32px 24px 38px; }
    .levarno-about__quality h2 { margin: 18px 0; font-size: clamp(32px, 8vw, 44px); }
    .levarno-about__quality-copy > p:last-child { font-size: 14px; }
    .levarno-about__direction { padding: 48px 24px 52px; }
    .levarno-about__direction h2 { font-size: 32px; margin-block: 20px; }
    .levarno-about__direction > p:last-child { font-size: 14px; }
    .levarno-about__support-copy { padding: 42px 24px 32px; }
    .levarno-about__support h2 { font-size: 36px; margin-top: 20px; }
    .levarno-about__support-media { min-height: 0; aspect-ratio: 1.35; }
}
@media (prefers-reduced-motion: reduce) {
    .levarno-about *, .levarno-about *::before, .levarno-about *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; }
}