/* ==========================================================================
   PREMIUM EDITORIAL ABOUT / KURUMSAL PAGE STYLES
   ========================================================================== */

/* Hero Banner */
.kurumsal-hero {
    height: 45vh;
    /* Taller hero section */
    min-height: 440px;
    /* Taller viewport to prevent clipping and give breathing room */
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    overflow: hidden;
    padding: 100px 0 50px 0;
    /* Add bottom padding to prevent title/subtitle touching bottom */
}

.kurumsal-hero-backdrop {
    position: absolute;
    inset: 0;
    z-index: 1;
}

.kurumsal-hero-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: scale(1.05) brightness(0.65);
    transition: transform 3s cubic-bezier(0.16, 1, 0.3, 1);
}

.kurumsal-hero-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(17, 37, 44, 0.4) 0%, rgba(17, 37, 44, 0.8) 100%);
}

.kurumsal-hero-container {
    position: relative;
    z-index: 2;
    padding: 0 2rem;
    max-width: 1000px;
}

.kurumsal-hero-subtitle-pre {
    font-family: var(--font-body);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.2em;
    color: var(--color-accent);
    text-transform: uppercase;
    margin-bottom: 2rem;
    /* Increased from 1rem to add exactly 1rem spacing below */
    display: block;
}

.kurumsal-hero-title {
    font-family: 'Playfair Display', serif;
    font-size: clamp(2.5rem, 2rem + 2vw, 4rem);
    font-weight: 700;
    color: #FFFFFF;
    margin: 0 0 1rem 0;
    line-height: 1.2;
}

.kurumsal-hero-subtitle {
    font-family: var(--font-body);
    font-size: clamp(14px, 12px + 0.5vw, 17px);
    color: rgba(255, 255, 255, 0.8);
    margin: 1.5rem 0 0 0;
    /* Spacing between HAKKIMIZDA title and subtitle */
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    font-weight: 300;
    letter-spacing: 0.05em;
}

/* Base Sections Layout */


.kurumsal-history {
    padding: 3rem 0 3rem 0;
    background-color: var(--color-bg-main);
    /* Soft warm beige background */
    position: relative;
    overflow: hidden;
    border-bottom: 1px solid rgba(191, 162, 118, 0.1);
}


.kurumsal-history-container,
.kurumsal-mission-vision-container,
.kurumsal-values-container {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 4rem;
}

/* History Section */
.kurumsal-history-grid {
    display: grid;
    grid-template-columns: 1.1fr 0.9fr;
    gap: 5rem;
    align-items: center;
    position: relative;
    z-index: 1;
}

.section-subtitle-pre {
    font-family: var(--font-body);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.2em;
    color: var(--color-accent);
    text-transform: uppercase;
    margin-bottom: 0.75rem;
    display: block;
}

.section-title {
    font-family: 'Playfair Display', serif;
    font-size: clamp(2rem, 1.8rem + 1vw, 2.8rem);
    font-weight: 700;
    color: var(--color-primary);
    margin: 0 0 0rem 0;
}

.kurumsal-history-quote {
    font-family: 'Playfair Display', serif;
    font-size: 1.35rem;
    font-style: italic;
    color: var(--color-accent);
    line-height: 1.6;
    margin: 0 0 2rem 0;
    border-left: 2px solid var(--color-accent);
    padding-left: 1.5rem;
}

.kurumsal-history-text {
    font-family: var(--font-body);
    font-size: 15px;
    color: var(--color-text-muted);
    line-height: 1.8;
    margin: 0 0 1.5rem 0;
}

.kurumsal-history-text:last-child {
    margin-bottom: 0;
}

.kurumsal-history-image-wrap {
    position: relative;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 25px 65px rgba(17, 37, 44, 0.1);
    aspect-ratio: 4 / 3;
}

.kurumsal-history-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 1.2s cubic-bezier(0.16, 1, 0.3, 1);
}

.kurumsal-history-image-wrap:hover .kurumsal-history-img {
    transform: scale(1.04);
}

.image-gold-border {
    position: absolute;
    inset: 1.25rem;
    border: 1px solid rgba(191, 162, 118, 0.35);
    pointer-events: none;
    z-index: 2;
    border-radius: 6px;
}

/* Subtle Background Tree Watermark */
.hakkimizda-history-watermark {
    position: absolute;
    top: 50%;
    left: 5%;
    /* Shifted further to the right behind the image wrap */
    transform: translateY(-50%);
    width: clamp(250px, 35vw, 420px);
    height: clamp(250px, 35vw, 420px);
    opacity: 0.08;
    /* Distinct print style watermark */
    user-select: none;
    z-index: 0;
    cursor: pointer;
    transition: opacity 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

.hakkimizda-history-watermark:hover {
    opacity: 0.18;
}

.hakkimizda-history-watermark img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/* Mission & Vision Section Wrapper (Premium Teal background) */
.kurumsal-mission-vision {
    height: 230vh;
    /* Taller section to allow scroll-scrubbing while pinned */
    background-color: var(--color-primary);
    position: relative;
    border-top: 1px solid rgba(191, 162, 118, 0.15);
    border-bottom: 1px solid rgba(191, 162, 118, 0.15);
}



.kurumsal-mission-vision-container {
    position: relative;
    z-index: 2;
}

.book-sticky-wrapper {
    position: sticky;
    top: 0;
    width: 100%;
    height: 100vh;
    /* Takes full viewport height */
    z-index: 5;
}

.book-sticky-wrapper>.book-container {
    position: absolute;
    top: calc(55% + 1rem);
    /* Lowered by exactly 1 rem */
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    max-width: 1000px;
}

.book-container {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    perspective: 2500px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 2;
}

.book-body {
    position: relative;
    width: 900px;
    height: 520px;
    transform-style: preserve-3d;
    /* Kept completely flat (rotateX(0deg) and rotateZ(0deg)) to prevent any forward/backward ground tilt */
    transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) translateX(calc(-25% * (1 - var(--book-progress, 0))));
    border-radius: 4px;
}

.book-page {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 50%;
    transform-style: preserve-3d;
    overflow: hidden;
    backface-visibility: hidden;
    transition: opacity 0.8s ease;
}

/* Left Base Page (Static background) - Fades in as book opens */
.book-left-base {
    left: 0;
    border-radius: 4px 0 0 4px;
    border: 1px solid rgba(191, 162, 118, 0.22);
    border-right: none;
    background: linear-gradient(to right, #e8e8e8 0%, #f9f9f9 4%, #ffffff 12%, #ffffff 90%, #dcdcdc 100%);
    opacity: var(--left-page-opacity, 0);
    pointer-events: none;
}

.blank-page {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    opacity: 0.15;
    background-image: radial-gradient(rgba(191, 162, 118, 0.3) 1px, transparent 1px);
    background-size: 16px 16px;
}

.blank-page-logo {
    width: 120px;
    height: auto;
    filter: sepia(0.5);
    opacity: 0.4;
}

/* Right Base Page (Static Vision) */
.book-right-base {
    left: 50%;
    border-radius: 0 4px 4px 0;
    border: 1px solid rgba(191, 162, 118, 0.22);
    border-left: none;
    background: linear-gradient(to left, #e8e8e8 0%, #f9f9f9 4%, #ffffff 12%, #ffffff 90%, #dcdcdc 100%);
    box-shadow: 20px 20px 45px rgba(17, 37, 44, 0.15);
}

/* Page Content Formatting */
.book-page .page-content,
.leaf-face .page-content {
    padding: 5rem 4.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 100%;
    box-sizing: border-box;
    position: relative;
    z-index: 2;
}

/* Cover Leaf (The flipping card page) */
.book-cover-leaf {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 50%;
    transform-origin: left center;
    transform-style: preserve-3d;
    transform: rotateY(calc(-180deg * var(--book-progress, 0)));
    z-index: 10;
}

.leaf-face {
    position: absolute;
    inset: 0;
    backface-visibility: hidden;
    transform-style: preserve-3d;
}

/* Front Face: The Book Cover (TEAL LEATHER LOOK) */
.face-front {
    background: linear-gradient(135deg, #1f424f 0%, #11252C 100%);
    border-radius: 0 4px 4px 0;
    border: 1px solid rgba(191, 162, 118, 0.3);
    border-left: 2px solid rgba(191, 162, 118, 0.5);
    box-shadow: 15px 0 35px rgba(0, 0, 0, 0.25), inset -3px 0 10px rgba(0, 0, 0, 0.3);
    z-index: 2;
}

/* Cover Design details */
.cover-design {
    position: absolute;
    inset: 1.5rem;
    border: 1px solid rgba(191, 162, 118, 0.4);
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    color: #FFFFFF;
    box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.2);
}

.cover-gold-border {
    position: absolute;
    inset: 4px;
    border: 2px solid #BFA276;
    /* Accent Gold */
    pointer-events: none;
    border-radius: 2px;
}

.cover-logo {
    width: 80px;
    height: auto;
    margin-bottom: 2rem;
    filter: brightness(0) invert(1);
    opacity: 0.95;
    transition: transform 0.8s ease;
}

.book-container:hover .cover-logo {
    transform: scale(1.05);
}

.cover-title {
    font-family: 'Playfair Display', serif;
    font-size: 2.2rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    color: #FFFFFF;
    margin: 0;
    text-align: center;
    text-shadow: 1px 2px 4px rgba(0, 0, 0, 0.5);
}

.cover-divider {
    width: 50px;
    height: 1px;
    background-color: #BFA276;
    margin: 1.5rem 0;
}

.cover-subtitle {
    font-family: var(--font-body);
    font-size: 14px;
    font-weight: 500;
    color: #BFA276;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    margin: 0;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}

.cover-open-hint {
    margin-top: 3rem;
    font-size: 11px;
    letter-spacing: 0.15em;
    color: rgba(255, 255, 255, 0.5);
    text-transform: uppercase;
    animation: pulseHint 2.5s infinite ease-in-out;
}

@keyframes pulseHint {

    0%,
    100% {
        opacity: 0.3;
    }

    50% {
        opacity: 0.8;
    }
}

/* Back Face: Inside page (Mission) */
.face-back {
    background: linear-gradient(to right, #e8e8e8 0%, #f9f9f9 4%, #ffffff 12%, #ffffff 100%);
    transform: rotateY(180deg);
    border-radius: 4px 0 0 4px;
    border: 1px solid rgba(191, 162, 118, 0.22);
    border-right: none;
    z-index: 1;
    opacity: var(--left-page-opacity, 0);
    /* Fades in smoothly only after passing 90 degrees */
}



/* Spine detailing */
.book-spine {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 24px;
    background: linear-gradient(to right, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.05) 30%, rgba(255, 255, 255, 0.1) 50%, rgba(0, 0, 0, 0.05) 70%, rgba(0, 0, 0, 0.2) 100%);
    border-left: 1px solid rgba(0, 0, 0, 0.08);
    border-right: 1px solid rgba(0, 0, 0, 0.08);
    transform: translateX(-50%);
    z-index: 15;
    pointer-events: none;
}

/* Gold Bookmark Ribbon hanging down spine */
.book-spine::after {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    width: 12px;
    height: 105%;
    background-color: var(--color-accent);
    box-shadow: 2px 2px 8px rgba(17, 37, 44, 0.3);
    border-radius: 0 0 3px 3px;
    transform: translateX(-50%) rotateZ(calc(-1.5deg + (1.5deg * var(--book-progress, 0))));
    transform-origin: top center;
    opacity: var(--book-progress, 0);
    z-index: 16;
}

/* Diptych Common elements */
.diptych-quote-mark {
    font-family: 'Playfair Display', serif;
    font-size: 4.5rem;
    line-height: 1;
    height: 2.5rem;
    color: var(--color-accent);
    opacity: 0.3;
    margin-bottom: 0.5rem;
}

.diptych-title {
    font-family: 'Playfair Display', serif;
    font-size: 1.65rem;
    font-weight: 700;
    color: var(--color-primary);
    letter-spacing: 0.06em;
    margin: 0 0 1.5rem 0;
    text-transform: uppercase;
}

.diptych-desc {
    font-family: var(--font-body);
    font-size: 14.5px;
    color: var(--color-text-muted);
    line-height: 1.8;
    margin: 0;
    max-width: 380px;
}

/* Core Values Section (Zig-Zag Heritage Rows) */
.kurumsal-values {
    padding: 3rem 0 3rem 0;
    background-color: var(--color-bg-main);
    /* Soft warm beige background */
    position: relative;
    overflow: hidden;
    border-top: 1px solid rgba(191, 162, 118, 0.15);
}

/* Core Values Left Image Frame */
.values-left-image-wrapper {
    margin-top: 2rem;
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    aspect-ratio: 1 / 1.25;
    width: 85%;
    box-shadow: 0 20px 45px rgba(17, 37, 44, 0.08);
    border: 1px solid rgba(40, 86, 101, 0.05);
    cursor: zoom-in;
    transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}

.values-left-image-wrapper:hover {
    transform: translateY(-5px);
    box-shadow: 0 30px 60px rgba(17, 37, 44, 0.15);
}

.values-left-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 1.5s cubic-bezier(0.16, 1, 0.3, 1);
}

.values-left-image-wrapper:hover .values-left-img {
    transform: scale(1.06);
}

.values-image-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(17, 37, 44, 0.1) 0%, rgba(17, 37, 44, 0.25) 100%);
    pointer-events: none;
    z-index: 2;
}

.values-image-border {
    position: absolute;
    inset: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.2);
    z-index: 3;
    pointer-events: none;
    border-radius: 4px;
    transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}

.values-left-image-wrapper:hover .values-image-border {
    inset: 0.75rem;
    border-color: rgba(191, 162, 118, 0.5);
}

/* Subtle Background Logo Watermark */
.hakkimizda-bg-watermark {
    position: absolute;
    top: 80%;
    right: 4.5%;
    transform: translateY(-50%);
    width: clamp(250px, 40vw, 450px);
    height: clamp(250px, 40vw, 450px);
    opacity: 0.06;
    /* Distinct logo watermark */
    pointer-events: none;
    user-select: none;
    z-index: 0;
}

.hakkimizda-bg-watermark img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.values-split-grid {
    display: grid;
    grid-template-columns: 0.8fr 1.2fr;
    gap: 6rem;
    align-items: start;
    position: relative;
    z-index: 1;
}

.values-left-col {
    position: -webkit-sticky;
    position: sticky;
    top: 10px;
    display: flex;
    flex-direction: column;
    margin-top: -3rem;
}

.values-intro-text {
    font-family: var(--font-body);
    font-size: 15.5px;
    color: var(--color-text-muted);
    line-height: 1.9;
    margin: 1rem 0 0 0;
}

.values-left-accent-line {
    width: 60px;
    height: 1px;
    background-color: var(--color-accent);
    margin-top: 2rem;
}

.values-right-col {
    width: 100%;
}

/* Stepped Rows container */
.values-zigzag-rows {
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 1;
    border-top: 1px solid rgba(191, 162, 118, 0.18);
}

/* Vertical Gold Timeline Axis running behind dots */
.values-zigzag-rows::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    width: 1px;
    background-color: rgba(191, 162, 118, 0.15);
    transform: translateX(-50%);
    z-index: 0;
}

.value-row-item {
    display: grid;
    grid-template-columns: 1.2fr 100px 1.2fr;
    /* Symmetric grid columns! */
    align-items: center;
    /* Reverted to center to ensure balanced top/bottom spacing */
    padding: 3.5rem 2rem;
    /* Static padding to prevent jerky layout jumps */
    border-bottom: 1px solid rgba(191, 162, 118, 0.18);
    position: relative;
    z-index: 1;
    transition: background 0.8s cubic-bezier(0.16, 1, 0.3, 1), background-color 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}

.value-row-left {
    display: flex;
    align-items: center;
    /* Reverted to center for balanced alignment */
    gap: 2rem;
    transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}

.value-row-num {
    font-family: 'Playfair Display', serif;
    font-size: 2.2rem;
    font-weight: 700;
    line-height: 1;
    transition: color 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}

/* Rhythmic default colors for index numbers */
.value-row-item:nth-of-type(odd) .value-row-num {
    color: rgba(40, 86, 101, 0.35);
    /* Soft turquoise */
}

.value-row-item:nth-of-type(even) .value-row-num {
    color: rgba(191, 162, 118, 0.35);
    /* Soft gold */
}

.value-row-title {
    font-family: 'Playfair Display', serif;
    font-size: 1.55rem;
    font-weight: 700;
    color: var(--color-primary);
    margin: 0;
    letter-spacing: 0.02em;
    transition: color 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}

.value-row-center {
    display: flex;
    justify-content: center;
    align-items: center;
    /* Reverted to center to align the dot perfectly with the row middle */
    z-index: 2;
}

.value-row-gold-dot {
    width: 10px;
    height: 10px;
    background-color: var(--color-bg-main);
    /* Match background color */
    border: 2px solid var(--color-accent);
    transform: rotate(45deg);
    transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}

.value-row-right {
    padding-left: 2rem;
    display: flex;
    align-items: center;
    gap: 1.5rem;
    transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}

.value-row-desc {
    font-family: var(--font-body);
    font-size: 15px;
    color: var(--color-text-muted);
    line-height: 1.85;
    margin: 0;
    flex: 1;
}

.value-row-arrow {
    font-family: var(--font-body);
    font-size: 1.25rem;
    font-weight: 400;
    color: var(--color-accent);
    display: inline-block;
    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1), color 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

/* Zig-Zag Column Swap for Steps 2 and 4 (Left-aligned text) */
.value-row-item.row-reverse .value-row-left {
    grid-column: 3;
    grid-row: 1;
    /* Force onto first row */
    padding-left: 2rem;
    /* Matches the default description spacing next to the dot */
}

.value-row-item.row-reverse .value-row-center {
    grid-column: 2;
    grid-row: 1;
    /* Force onto first row */
}

.value-row-item.row-reverse .value-row-right {
    grid-column: 1;
    grid-row: 1;
    /* Force onto first row */
    padding-left: 0;
    /* Align left directly at the far-left boundary */
}

/* Individual Color Custom Hover States */
.value-row-item:nth-of-type(1):hover {
    background: linear-gradient(90deg, rgba(40, 86, 101, 0.04) 0%, rgba(255, 255, 255, 0) 100%);
}

.value-row-item:nth-of-type(2):hover {
    background: linear-gradient(270deg, rgba(191, 162, 118, 0.05) 0%, rgba(255, 255, 255, 0) 100%);
}

.value-row-item:nth-of-type(3):hover {
    background: linear-gradient(90deg, rgba(40, 86, 101, 0.05) 0%, rgba(255, 255, 255, 0) 100%);
}

.value-row-item:nth-of-type(4):hover {
    background: linear-gradient(270deg, rgba(191, 162, 118, 0.07) 0%, rgba(255, 255, 255, 0) 100%);
}

/* Hover highlights for elements */
.value-row-item:hover .value-row-arrow {
    color: var(--color-primary);
}

.value-row-item.row-normal:hover .value-row-arrow {
    transform: translateX(6px);
}

.value-row-item.row-reverse:hover .value-row-arrow {
    transform: translateX(-6px);
}

.value-row-item:nth-of-type(odd):hover .value-row-num {
    color: var(--color-primary);
}

.value-row-item:nth-of-type(even):hover .value-row-num {
    color: var(--color-accent);
}

.value-row-item:nth-of-type(odd):hover .value-row-title {
    color: var(--color-accent);
}

.value-row-item:nth-of-type(even):hover .value-row-title {
    color: var(--color-primary);
}

.value-row-item:nth-of-type(odd):hover .value-row-gold-dot {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
    transform: rotate(225deg) scale(1.35);
}

.value-row-item:nth-of-type(even):hover .value-row-gold-dot {
    background-color: var(--color-accent);
    border-color: var(--color-accent);
    transform: rotate(225deg) scale(1.35);
}

/* Refined, smooth micro-translations based on grid position */
.value-row-item.row-normal:hover .value-row-left,
.value-row-item.row-reverse:hover .value-row-right {
    transform: translateX(-4px);
    /* Moves left-column elements leftwards */
}

.value-row-item.row-normal:hover .value-row-right,
.value-row-item.row-reverse:hover .value-row-left {
    transform: translateX(8px);
    /* Moves right-column elements rightwards */
}

/* ==========================================================================
   SCROLL REVEAL EFFECTS (COMMON)
   ========================================================================== */
.animate-on-scroll {
    opacity: 0;
    transform: translateY(35px);
    transition: opacity 1s cubic-bezier(0.16, 1, 0.3, 1), transform 1s cubic-bezier(0.16, 1, 0.3, 1);
}

.animate-on-scroll.revealed {
    opacity: 1;
    transform: translateY(0);
}

/* ==========================================================================
   RESPONSIVE LAYOUTS FOR ABOUT PAGE
   ========================================================================== */
@media (max-width: 1200px) {

    .kurumsal-history-container,
    .kurumsal-mission-vision-container,
    .kurumsal-values-container {
        padding: 0 2.5rem;
    }
}

@media (max-width: 992px) {
    .kurumsal-hero {
        height: 40vh;
        /* Increased from 35vh */
        min-height: 345px;
        /* Increased from 300px */
        padding: 95px 1.5rem 45px 1.5rem !important;
        /* Add bottom padding */
    }

    .kurumsal-hero-container {
        margin-top: 1.25rem;
        /* Pushes text down on mobile away from header */
    }

    .kurumsal-history,
    .kurumsal-mission-vision,
    .kurumsal-values {
        padding: 5rem 0;
    }

    .kurumsal-history-grid {
        grid-template-columns: 1fr !important;
        gap: 2rem !important;
    }

    .kurumsal-mission-vision {
        height: auto !important;
        padding: 3rem 0 !important;
    }

    .book-sticky-wrapper {
        position: static !important;
        height: auto !important;
    }

    .book-sticky-wrapper>.book-container {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        transform: none !important;
        width: 100% !important;
        max-width: 600px !important;
        margin: 0 auto !important;
        padding: 0 1.5rem !important;
    }

    .book-container {
        padding: 0;
        perspective: none !important;
    }

    .book-body {
        width: 100% !important;
        height: auto !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 3rem !important;
        /* Spacious gap between cards */
        transform: none !important;
        box-shadow: none !important;
        background: transparent !important;
    }

    .book-page {
        position: static !important;
        width: 100% !important;
        height: auto !important;
        overflow: visible !important;
        border: 1px solid rgba(191, 162, 118, 0.22) !important;
        border-top: 4px solid var(--color-accent) !important;
        border-bottom: none !important;
        border-radius: 6px !important;
        background: #FFFFFF !important;
        box-shadow: 0 15px 35px rgba(17, 37, 44, 0.05) !important;
        transform: none !important;
        opacity: 1 !important;
        -webkit-font-smoothing: antialiased !important;
    }

    .kurumsal-hero-subtitle-pre {
        margin-top: 1rem !important;
    }

    /* Scaling down page content elements to fit compact vertical layout */
    .book-page .page-content,
    .leaf-face .page-content {
        padding: 3rem 2rem !important;
        justify-content: center !important;
        transform: none !important;
        -webkit-font-smoothing: antialiased !important;
    }

    .book-page .diptych-title,
    .leaf-face .diptych-title {
        font-size: clamp(20px, 18px + 1vw, 24px) !important;
        margin-bottom: 1rem !important;
        font-family: 'Playfair Display', serif !important;
        font-weight: 700 !important;
        color: var(--color-primary) !important;
    }

    .book-page .diptych-desc,
    .leaf-face .diptych-desc {
        font-size: 14.5px !important;
        line-height: 1.65 !important;
        color: var(--color-text) !important;
    }

    .book-page .diptych-quote-mark,
    .leaf-face .diptych-quote-mark {
        font-size: 3.5rem !important;
        margin-bottom: 0rem !important;
        height: auto !important;
        color: var(--color-accent) !important;
        opacity: 0.3 !important;
    }

    .book-left-base,
    .book-spine {
        display: none !important;
    }

    .book-cover-leaf {
        position: static !important;
        width: 100% !important;
        height: auto !important;
        transform: none !important;
        z-index: 1 !important;
        opacity: 1 !important;
    }

    .leaf-face {
        position: static !important;
        width: 100% !important;
        height: auto !important;
        transform: none !important;
        opacity: 1 !important;
    }

    .face-front {
        display: none !important;
        /* Hide dark cover face on mobile completely */
    }

    .face-back {
        display: block !important;
        position: static !important;
        width: 100% !important;
        height: auto !important;
        border: 1px solid rgba(191, 162, 118, 0.22) !important;
        border-top: 4px solid var(--color-accent) !important;
        border-radius: 6px !important;
        background: #FFFFFF !important;
        box-shadow: 0 15px 35px rgba(17, 37, 44, 0.05) !important;
        transform: none !important;
        opacity: 1 !important;
        -webkit-font-smoothing: antialiased !important;
    }

    .book-right-base {
        display: block !important;
        position: static !important;
        width: 100% !important;
        height: auto !important;
        border: 1px solid rgba(191, 162, 118, 0.22) !important;
        border-top: 4px solid var(--color-accent) !important;
        border-radius: 6px !important;
        background: #FFFFFF !important;
        box-shadow: 0 15px 35px rgba(17, 37, 44, 0.05) !important;
        transform: none !important;
        opacity: 1 !important;
    }


    .values-split-grid {
        grid-template-columns: 1fr;
        gap: 2rem;
    }

    .values-left-col {
        position: static;
        margin-top: 0 !important;
    }

    .values-zigzag-rows::before {
        display: none;
        /* Hide timeline axis on mobile */
    }

    .value-row-item,
    .value-row-item.row-reverse {
        grid-template-columns: 1fr;
        gap: 1.5rem;
        padding: 3rem 0;
        text-align: left !important;
    }

    .value-row-left,
    .value-row-item.row-reverse .value-row-left {
        grid-column: 1;
        grid-row: auto !important;
        /* Force separate rows for title and description on mobile */
        justify-content: flex-start;
        transform: none !important;
    }

    .value-row-center,
    .value-row-item.row-reverse .value-row-center {
        display: none;
    }

    .value-row-right,
    .value-row-item.row-reverse .value-row-right {
        grid-column: 1;
        grid-row: auto !important;
        /* Force separate rows for title and description on mobile */
        padding: 0;
        text-align: left !important;
        transform: none !important;
        flex-direction: row !important;
        /* Reset direction on mobile */
    }

    .value-row-item:hover {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .values-intro-text {
        margin-top: 0.75rem !important;
    }

    .values-left-accent-line {
        margin-top: 1.5rem !important;
    }

    .value-row-item.row-reverse .value-row-left {

        padding-left: 0rem !important;
    }

    .values-left-image-wrapper {
        margin-top: 1.5rem !important;
        width: 100% !important;
        aspect-ratio: 16 / 10 !important;
    }
}

@media (max-width: 576px) {
    .kurumsal-hero {
        height: 38vh;
        /* Increased from 30vh */
        min-height: 310px;
        /* Increased from 250px */
        padding: 95px 1.25rem 45px 1.25rem !important;
        /* Spacious padding to avoid crowded look */
    }

    .kurumsal-history-container,
    .kurumsal-mission-vision-container,
    .kurumsal-values-container {
        padding: 0 1.5rem;
    }

    .kurumsal-history,
    .kurumsal-mission-vision,
    .kurumsal-values {
        padding: 2rem 0;
    }

    .section-title {
        margin-bottom: 0rem;
    }
}