:root {
    --color-background: #ffffff;
    --color-surface: #f8f8f8;
    --color-primary: #1a1a1a;
    --color-secondary: #555555;
    --color-accent: #e0a458;
    --font-primary: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    --transition-fast: 0.3s ease;
    --transition-medium: 0.5s ease;
    --container-padding: 1.5rem;
    --section-vertical-padding: 4rem;
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { font-size: 62.5%; scroll-behavior: smooth; }
body { font-family: var(--font-primary); font-size: 1.6rem; line-height: 1.7; color: var(--color-primary); background-color: var(--color-background); overflow-x: hidden; }
img { max-width: 100%; height: auto; display: block; }
h1, h2, h3 { line-height: 1.2; font-weight: 600; }
h1 { font-size: 4rem; margin-bottom: 1.5rem; }
h2 { font-size: 3.2rem; margin-bottom: 1rem; }
h3 { font-size: 2rem; margin-bottom: 0.8rem; }
p { margin-bottom: 1.5rem; color: var(--color-secondary); }
a { color: var(--color-primary); text-decoration: none; transition: color var(--transition-fast); }
a:hover { color: var(--color-accent); }
ul { list-style: none; }

.container { width: 100%; max-width: 1200px; margin-left: auto; margin-right: auto; padding-left: var(--container-padding); padding-right: var(--container-padding); }
.section-title-centered { text-align: center; }
.section-intro-text { text-align: center; max-width: 70ch; margin: 0 auto 3rem auto; }
[data-animate-on-scroll] { opacity: 0; transform: translateY(30px); transition: opacity var(--transition-medium), transform var(--transition-medium); }
[data-animate-on-scroll].is-visible { opacity: 1; transform: translateY(0); }

.main-header { width: 100%; padding-top: 2rem; padding-bottom: 2rem; position: fixed; top: 0; left: 0; z-index: 1000; background-color: rgba(255, 255, 255, 0.8); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border-bottom: 1px solid #eee; }
.header-container { display: flex; justify-content: space-between; align-items: center; }
.header-logo { height: 30px; width: auto; }

.burger-menu { display: flex; flex-direction: column; justify-content: space-around; width: 2.5rem; height: 2.5rem; background: transparent; border: none; cursor: pointer; padding: 0; z-index: 10; }
.burger-bar { width: 2.5rem; height: 2px; background-color: var(--color-primary); border-radius: 10px; transition: all 0.3s linear; position: relative; transform-origin: 1px; }
.burger-menu.is-open .burger-bar:nth-child(1) { transform: rotate(45deg); }
.burger-menu.is-open .burger-bar:nth-child(2) { opacity: 0; transform: translateX(20px); }
.burger-menu.is-open .burger-bar:nth-child(3) { transform: rotate(-45deg); }

.main-nav { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: var(--color-background); flex-direction: column; justify-content: center; align-items: center; transition: transform var(--transition-fast); transform: translateX(100%); }
.main-nav.is-open { display: flex; transform: translateX(0); }
.nav-list li { margin: 2rem 0; text-align: center; }
.nav-list a { font-size: 2.4rem; font-weight: 500; }

main { padding-top: 71px; }
section { padding-top: var(--section-vertical-padding); padding-bottom: var(--section-vertical-padding); }

.hero-section { padding-top: 2rem; padding-bottom: 2rem; }
.hero-content-wrapper { display: flex; flex-direction: column; }
.hero-image-container img { width: 100%; height: 300px; object-fit: cover; }
.hero-text-content { padding: 2rem 0; }
.hero-cta-button { display: inline-block; background-color: var(--color-primary); color: var(--color-background); padding: 1.2rem 2.5rem; border-radius: 5px; font-weight: 500; margin-top: 1rem; text-align: center; transition: background-color var(--transition-fast); }
.hero-cta-button:hover { background-color: #333; }

.philosophy-grid { display: grid; grid-template-columns: 1fr; gap: 2rem; align-items: center; }
.philosophy-image-wrapper img { width: 100%; object-fit: cover; }

.tabs-container { max-width: 1200px; margin: 0 auto; }
.tabs-buttons { display: flex; flex-direction: column; gap: 1rem; margin-bottom: 2rem; }
.tab-button { width: 100%; padding: 1.5rem; border: 1px solid #ddd; background: transparent; cursor: pointer; font-size: 1.6rem; transition: background-color var(--transition-fast), color var(--transition-fast); }
.tab-button.active { background-color: var(--color-primary); color: var(--color-background); border-color: var(--color-primary); }
.tab-pane { display: none; }
.tab-pane.active { display: block; animation: fadeIn 0.5s ease; }
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
.pane-content-wrapper { display: flex; flex-direction: column; gap: 2rem; }
.pane-content-wrapper img { width: 100%; height: 250px; object-fit: cover; }

.feature-showcase-section { background-color: var(--color-surface); }
.showcase-container { display: flex; flex-direction: column; gap: 3rem; }
.showcase-item { text-align: center; }
.showcase-item img { margin: 0 auto 1.5rem auto; width: 100%; height: 200px; object-fit: cover; }

.material-container { display: flex; flex-direction: column; gap: 2rem; }
.material-text-side h3 { margin-top: 2rem; }

.gallery-slider-section { background-color: var(--color-primary); color: var(--color-background); }
.gallery-slider-section .section-title-centered, .gallery-slider-section .section-intro-text { color: var(--color-background); }
.gallery-container { position: relative; overflow: hidden; }
.gallery-track { display: flex; transition: transform var(--transition-medium); }
.gallery-slide { flex: 0 0 100%; min-width: 100%; padding: 0 1rem; }
.gallery-slide img { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; }
.gallery-controls { display: flex; justify-content: center; gap: 2rem; margin-top: 2rem; }
.gallery-prev, .gallery-next { background: var(--color-background); color: var(--color-primary); border: none; width: 4rem; height: 4rem; border-radius: 50%; font-size: 2rem; cursor: pointer; }

.process-steps-wrapper { display: flex; flex-direction: column; gap: 3rem; }
.process-step { display: flex; gap: 2rem; align-items: flex-start; }
.step-number { font-size: 2rem; font-weight: 700; color: var(--color-accent); flex-shrink: 0; }

.comparison-slider-section { padding-top: var(--section-vertical-padding); padding-bottom: var(--section-vertical-padding); }
.comparison-container { position: relative; width: 100%; max-width: 900px; margin: 0 auto; aspect-ratio: 16/9; overflow: hidden; user-select: none; }
.comparison-image-before, .comparison-image-after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; }
.comparison-image-after { width: 50%; }
.comparison-image-before img, .comparison-image-after img { width: 100%; height: 100%; object-fit: cover; max-width: none; position: absolute; top: 0; left: 0; }
.comparison-resizer { position: absolute; top: 0; left: 50%; width: 4px; height: 100%; background: var(--color-background); cursor: ew-resize; transform: translateX(-50%); }
.comparison-resizer::after { content: '↔'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: var(--color-background); color: var(--color-primary); padding: 0.5rem; border-radius: 50%; font-size: 1.2rem; }

.quote-section { background-color: var(--color-surface); text-align: center; }
blockquote { font-size: 2.2rem; font-style: italic; font-weight: 300; max-width: 75ch; margin: 0 auto; }
cite { display: block; margin-top: 2rem; font-style: normal; font-weight: 500; color: var(--color-primary); }

.final-cta-section { text-align: center; background-color: var(--color-primary); color: var(--color-background); }
.final-cta-section .cta-title { color: var(--color-background); }
.final-cta-section p { color: #ccc; }
.cta-button { display: inline-block; background-color: var(--color-background); color: var(--color-primary); padding: 1.2rem 2.5rem; border-radius: 5px; font-weight: 500; margin-top: 1rem; transition: background-color var(--transition-fast), color var(--transition-fast); }
.cta-button:hover { background-color: var(--color-accent); color: var(--color-background); }

.main-footer { background-color: var(--color-primary); color: var(--color-surface); padding-top: 4rem; padding-bottom: 4rem; }
.footer-content-wrapper { display: flex; flex-direction: column; gap: 3rem; text-align: center; }
.footer-logo { height: 35px; margin: 0 auto 1rem auto; filter: invert(1); }
.footer-tagline { font-size: 1.4rem; color: #aaa; }
.footer-copyright { font-size: 1.2rem; color: #888; margin-top: 2rem; }
.footer-nav-title { font-size: 1.8rem; font-weight: 500; color: var(--color-background); margin-bottom: 1rem; }
.footer-nav-list a { color: #ccc; font-size: 1.4rem; }
.footer-nav-list a:hover { color: var(--color-background); }
.footer-nav-column:not(:last-child) { margin-bottom: 2rem; }
.gallery-controls button:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}
@media (min-width: 768px) {
    h1 { font-size: 5rem; } h2 { font-size: 3.8rem; }
    .burger-menu { display: none; }
    .main-nav { display: block; position: static; height: auto; width: auto; background: transparent; transform: none; }
    .nav-list { display: flex; flex-direction: row; gap: 2.5rem; }
    .nav-list li { margin: 0; }
    .nav-list a { font-size: 1.6rem; font-weight: 400; }

    .hero-content-wrapper { flex-direction: row; align-items: center; gap: 3rem; }
    .hero-image-container { flex: 1 1 55%; order: 2; }
    .hero-text-content { flex: 1 1 45%; order: 1; padding: 0; }

    .philosophy-grid { grid-template-columns: repeat(12, 1fr); }
    .philosophy-text-content { grid-column: 7 / 13; grid-row: 1; z-index: 2; background: rgba(248, 248, 248, 0.85); padding: 3rem; backdrop-filter: blur(5px); }
    .philosophy-image-wrapper { grid-column: 1 / 8; grid-row: 1; z-index: 1; }
    
    .tabs-buttons { flex-direction: row; }
    .pane-content-wrapper { flex-direction: row; align-items: center; gap: 3rem; }
    .pane-content-wrapper img { width: 300px; height: 300px; /*flex-shrink: 0;*/ }

    .showcase-container { flex-direction: row; justify-content: space-around; }
    .showcase-item { flex: 1; max-width: 300px; }

    .material-container { flex-direction: row-reverse; align-items: center; gap: 4rem; }
    .material-image-side, .material-text-side { flex: 1; }
    
    .gallery-slide { flex: 0 0 50%; }

    .process-steps-wrapper { display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; }
    
    .footer-content-wrapper { flex-direction: row; justify-content: space-between; text-align: left; }
    .footer-branding { flex: 1; }
    .footer-logo { margin: 0 0 1rem 0; }
    .footer-nav-wrapper { display: flex; gap: 5rem; flex: 2; justify-content: flex-end; }
    .footer-nav-column:not(:last-child) { margin-bottom: 0; }
}

@media (min-width: 1024px) {
    :root { --section-vertical-padding: 8rem; }
    h1 { font-size: 6rem; }
    .nav-list { gap: 4rem; }
    
    .philosophy-grid { gap: 0; }
    .philosophy-text-content { grid-column: 8 / 13; padding: 4rem; }
    .philosophy-image-wrapper { grid-column: 1 / 9; }
        .gallery-container {
    max-width: 80%; 
    margin-left: auto;
    margin-right: auto;
    }
    .gallery-slide {
    flex: 0 0 33.333%;
    padding: 0 1.5rem; 
    }

    .process-steps-wrapper { grid-template-columns: repeat(4, 1fr); }
    .process-step { flex-direction: column; }
}






.craft-hero-section { text-align: center; padding: 6rem var(--container-padding); }
.craft-hero-title { font-size: 4.5rem; }
.craft-hero-subtitle { font-size: 1.8rem; max-width: 65ch; margin: 1rem auto 0 auto; color: var(--color-secondary); }

.design-philosophy-section, .precision-section { overflow-x: hidden; }
.design-philosophy-grid { display: grid; grid-template-columns: 1fr; gap: 2rem; align-items: center; }

.materials-section { background-color: var(--color-surface); }
.materials-grid { display: grid; grid-template-columns: 1fr; gap: 3rem; }
.material-item { display: flex; flex-direction: column; height: 100%; }
.material-item p { flex-grow: 1; }
.material-item img { width: 100%; height: 250px; object-fit: cover; margin-bottom: 1rem; }

.forging-process-section { background-color: var(--color-primary); color: var(--color-background); }
.forging-process-section .section-title-centered, .forging-process-section .section-intro-text { color: var(--color-background); }
.accordion-item { border-bottom: 1px solid #444; }
.accordion-item:first-of-type { border-top: 1px solid #444; }
.accordion-button { display: flex; align-items: center; width: 100%; background: none; border: none; padding: 2rem 0; text-align: left; cursor: pointer; color: var(--color-background); }
.accordion-button span { font-size: 1.6rem; font-weight: 700; color: var(--color-accent); margin-right: 2rem; }
.accordion-button h3 { font-size: 2.2rem; margin: 0; }
.accordion-content { max-height: 0; overflow: hidden; transition: max-height 0.4s ease-out; }
.accordion-content p { color: #ccc; padding-bottom: 2rem; }

.precision-grid { display: grid; grid-template-columns: 1fr; gap: 2rem; align-items: center; }
.precision-text { padding: 2rem; background-color: var(--color-surface); }

.finishing-section { background-color: var(--color-surface); }
.finishing-gallery { display: grid; grid-template-columns: 1fr; gap: 1rem; margin-bottom: 2rem; }
.finishing-text { max-width: 70ch; margin: 2rem auto 0 auto; text-align: center; }

.durability-section { background-color: var(--color-surface); }
.stats-container { display: grid; grid-template-columns: 1fr; gap: 3rem; text-align: center; max-width: 900px; margin: 3rem auto 0 auto; }
.stat-number { display: block; font-size: 4rem; font-weight: 700; color: var(--color-accent); margin-bottom: 0.5rem; }
.stat-label { font-size: 1.4rem; color: var(--color-secondary); }

.ecosystem-section { text-align: center; }
.ecosystem-image { width: 100%; max-width: 800px; margin: 0 auto 2rem auto; }

.packaging-grid { display: grid; grid-template-columns: 1fr; gap: 2rem; align-items: center; }

.final-cta-section.dark-bg { background-color: #111; }

@media (min-width: 768px) {
    .craft-hero-title { font-size: 6rem; }
    .design-philosophy-grid { display: grid; grid-template-columns: repeat(12, 1fr); gap: 0; align-items: center; }
    .design-philosophy-image { grid-column: 1 / 8; grid-row: 1; }
    .design-philosophy-text { grid-column: 7 / 13; grid-row: 1; z-index: 2; background: rgba(255, 255, 255, 0.9); backdrop-filter: blur(5px); padding: 3rem; }
    
    .materials-grid { grid-template-columns: 1fr 1fr; gap: 4rem; }
    
    .accordion-content { display: flex; align-items: center; gap: 3rem; }
    /*.accordion-content img { flex: 0 0 200px; height: 200px; object-fit: cover; }*/
    .accordion-content p { padding-bottom: 0; }

    .precision-grid { display: grid; grid-template-columns: repeat(12, 1fr); gap: 0; align-items: center; }
    .precision-image { grid-column: 7 / 13; grid-row: 1; }
    .precision-text { grid-column: 1 / 8; grid-row: 1; z-index: 2; }
    
    .finishing-gallery { grid-template-columns: 2fr 1fr 1fr; grid-template-rows: auto auto; gap: 1.5rem; }
    .gallery-img-1 { grid-column: 1 / 2; grid-row: 1 / 3; height: 100%; object-fit: cover; }
    .gallery-img-2 { grid-column: 2 / 4; }
    .gallery-img-3 { grid-column: 2 / 4; }

    .stats-container { grid-template-columns: repeat(3, 1fr); gap: 2rem; }
    .stat-number { font-size: 5rem; }

    .packaging-grid { grid-template-columns: 1fr 1fr; gap: 4rem; }
    .packaging-text { order: 2; }
    .packaging-image { order: 1; }
}

@media (min-width: 1024px) {
    .design-philosophy-text { padding: 5rem; }
    .precision-text { padding: 5rem; }
}





.collection-hero-section { text-align: center; padding: 6rem var(--container-padding); }
.collection-hero-title { font-size: 4.5rem; }
.collection-hero-subtitle { font-size: 1.8rem; max-width: 60ch; margin: 1rem auto 0 auto; color: var(--color-secondary); }

.filter-section { padding-bottom: 2rem; }
.product-filter { display: flex; flex-wrap: wrap; justify-content: center; gap: 1rem; }
.filter-button { background: none; border: 1px solid #ddd; padding: 0.8rem 1.8rem; border-radius: 20px; cursor: pointer; transition: all var(--transition-fast); font-size: 1.4rem; }
.filter-button:hover { background-color: var(--color-surface); border-color: #ccc; }
.filter-button.active { background-color: var(--color-primary); color: var(--color-background); border-color: var(--color-primary); }

.product-grid-section { padding-top: 2rem; }
.product-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 2rem; }
.product-card { transition: opacity 0.4s ease, transform 0.4s ease; }
.product-card.is-hidden { transform: scale(0.9); opacity: 0; display: none; }
.product-card img { width: 100%; aspect-ratio: 1 / 1; object-fit: cover; margin-bottom: 1rem; background-color: var(--color-surface); }
.product-card h3 { font-size: 1.8rem; font-weight: 500; margin-bottom: 0.5rem; }
.product-link { font-size: 1.4rem; color: var(--color-secondary); text-decoration: underline; }

.spotlight-section { background-color: var(--color-surface); overflow-x: hidden; }
.spotlight-grid { display: grid; grid-template-columns: 1fr; gap: 2rem; align-items: center; }

.steel-info-section { background-color: var(--color-primary); color: var(--color-background); overflow-x: hidden; }
.steel-info-section .section-title, .steel-info-section p { color: var(--color-background); }
.steel-info-grid { display: grid; grid-template-columns: 1fr; gap: 2rem; align-items: center; }

.set-builder-section { background-color: var(--color-surface); }
.set-slots { display: grid; grid-template-columns: 1fr; gap: 1rem; margin-bottom: 2rem; }
.set-slot { text-align: center; border: 2px dashed #ddd; padding: 1rem; transition: background-color var(--transition-fast); background-color: #ffffff; }
.set-slot.is-filled { border-style: solid; border-color: var(--color-accent); }
.set-slot img { width: 100%; max-width: 150px; height: 150px; object-fit: contain; margin: 0 auto 0.5rem auto; }
.set-slot p { font-size: 1.4rem; color: var(--color-secondary); }
.set-options { display: flex; flex-wrap: wrap; justify-content: center; gap: 1rem; }
.set-options button { background-color: #fff; border: 1px solid #ddd; border-radius: 5px; cursor: pointer; padding: 0.5rem; }
.set-options button img { width: 60px; height: 60px; object-fit: contain; }

.care-section { background-color: var(--color-surface); }
.care-grid { display: grid; grid-template-columns: 1fr; gap: 2rem; align-items: center; }
.cta-button-outline { display: inline-block; background: transparent; color: var(--color-primary); border: 1px solid var(--color-primary); padding: 1.2rem 2.5rem; border-radius: 5px; font-weight: 500; margin-top: 1rem; text-align: center; transition: all var(--transition-fast); }
.cta-button-outline:hover { background-color: var(--color-primary); color: var(--color-background); }

.read-more-section { background-color: #f0f0f0; }
.read-more-container { max-width: 75ch; margin: 0 auto; text-align: center; }
.read-more-hidden-text { max-height: 0; overflow: hidden; transition: max-height 0.5s ease-out; }
.read-more-button { background: none; border: none; text-decoration: underline; cursor: pointer; font-size: 1.6rem; margin-top: 1rem; }

@media (min-width: 768px) {
    .collection-hero-title { font-size: 6rem; }
    .product-grid { grid-template-columns: repeat(4, 1fr); }
    .spotlight-grid { grid-template-columns: 1fr 1fr; gap: 4rem; }
    .steel-info-grid { grid-template-columns: 1fr 1fr; gap: 4rem; }
    .steel-info-visual { order: 2; }
    .steel-info-text { order: 1; }
    .set-slots { grid-template-columns: repeat(3, 1fr); gap: 2rem; }
    .care-grid { grid-template-columns: 1fr 1fr; gap: 4rem; }
}





.about-hero-section {
    text-align: center;
    padding: 8rem var(--container-padding); 
    color: #ffffff; 

    background-image: linear-gradient(rgba(26, 26, 26, 0.6), rgba(26, 26, 26, 0.6)), url('images/51.webp');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.about-hero-section .about-hero-title {
    color: #ffffff;
}

.about-hero-section .about-hero-subtitle {
    color: rgba(255, 255, 255, 0.9);
}
.about-hero-title { font-size: 4.5rem; }
.about-hero-subtitle { font-size: 1.8rem; max-width: 60ch; margin: 1rem auto 0 auto; color: var(--color-secondary); }

.origin-story-section, .planet-section { overflow-x: hidden;  }
.origin-story-grid { display: grid; grid-template-columns: 1fr; gap: 2rem; align-items: center; }

.values-section {
    background-color: var(--color-surface);
}

.values-layout {
    display: flex;
    flex-direction: column;
    gap: 3rem;
}

.values-main-text {
    text-align: center;
    max-width: 70ch;
    margin: 0 auto;
}

.value-item-asymmetric {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    background-color: #ffffff;
    padding: 1.5rem;
    border-radius: 8px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
}

.value-icon {
    color: var(--color-accent);
    flex-shrink: 0;
}

.value-item-asymmetric h3 {
    margin-bottom: 0;
}

.team-section { background-color: #f0f0f0; }
.team-grid { display: grid; grid-template-columns: 1fr; gap: 3rem; text-align: center; }
.team-member img { width: 150px; height: 150px; border-radius: 50%; object-fit: cover; margin: 0 auto 1.5rem auto; filter: grayscale(100%); transition: filter var(--transition-fast); }
.team-member img:hover { filter: grayscale(0%); }
.team-member h3 { font-size: 2rem; }
.team-member span { display: block; color: var(--color-secondary); margin-bottom: 1rem; }
.team-member blockquote { font-style: italic; font-size: 1.4rem; }

.studio-section { background-color: var(--color-surface); }
.studio-gallery { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin-bottom: 2rem; }
.studio-img-1 { grid-column: 1 / 3; }
.studio-img-2, .studio-img-3 { height: 100%; object-fit: cover; }

.timeline-section { background-color: var(--color-primary); color: #fff; }
.timeline-section .section-title-centered { color: #fff; }
.timeline-buttons { display: flex; justify-content: center; gap: 1rem; margin-bottom: 2rem; border-bottom: 1px solid #444; }
.timeline-button { background: none; border: none; color: #aaa; padding: 1rem 1.5rem; cursor: pointer; font-size: 1.8rem; position: relative; }
.timeline-button.active { color: #fff; }
.timeline-button.active::after { content: ''; position: absolute; bottom: -1px; left: 0; width: 100%; height: 2px; background-color: var(--color-accent); }
.timeline-pane { display: none; text-align: center; }
.timeline-pane.active { display: block; animation: fadeIn 0.5s ease; }
.timeline-pane h3 { color: #fff; }
.timeline-pane p { color: #ccc; max-width: 60ch; margin: 0 auto; }

.planet-grid { display: grid; grid-template-columns: 1fr; gap: 2rem; align-items: center; }

.stats-about-section { background-color: var(--color-surface); }
#about-stats-component { display: grid; grid-template-columns: 1fr; gap: 3rem; text-align: center; }

.quote-founder-section { text-align: center; }
.quote-founder-section blockquote { font-size: 2.4rem; font-weight: 500; max-width: 65ch; margin: 0 auto; }
.quote-founder-section cite { display: block; margin-top: 1.5rem; font-style: normal; }

.join-us-section { background-color: var(--color-surface); }
.join-us-buttons { display: flex; flex-direction: column; justify-content: center; gap: 1rem; }

@media (min-width: 768px) {
    .about-hero-title { font-size: 6rem; }
    .origin-story-grid { grid-template-columns: repeat(12, 1fr); gap: 0; }
    .origin-story-image { grid-column: 1 / 7; grid-row: 1; }
    .origin-story-text { grid-column: 6 / 13; grid-row: 1; z-index: 2; background: rgba(255, 255, 255, 0.9); backdrop-filter: blur(5px); padding: 3rem; }
    
    .values-grid { grid-template-columns: repeat(3, 1fr); gap: 4rem; }
    .team-grid { grid-template-columns: repeat(3, 1fr); }
    
    .studio-gallery { grid-template-columns: 2fr 1fr 1fr; grid-template-rows: auto auto; gap: 1.5rem; }
    .studio-img-1 { grid-column: 1 / 2; grid-row: 1 / 3; }
    
    .planet-grid { grid-template-columns: 1fr 1fr; gap: 4rem; }
    .planet-text { order: 1; }
    .planet-image { order: 2; }
    
    #about-stats-component { grid-template-columns: repeat(3, 1fr); }
    .join-us-buttons { flex-direction: row; }
}

@media (min-width: 1024px) {
    .origin-story-text { padding: 5rem; }
}
.value-icon {
    margin-bottom: 1.5rem;
    color: var(--color-accent);
}
.philosophy-bridge-section {
    padding-top: var(--section-vertical-padding);
    padding-bottom: var(--section-vertical-padding);
}

.philosophy-bridge-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 3rem;
}

.philosophy-bridge-main img {
    margin-bottom: 2rem;
}

.philosophy-bridge-aside {
    border-top: 1px solid #eee;
    padding-top: 2rem;
}

.bridge-principle {
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 1.4;
    color: var(--color-secondary);
}

.bridge-principle:not(:last-child) {
    margin-bottom: 2rem;
}

.bridge-principle span {
    font-weight: 700;
    color: var(--color-primary);
    display: block;
}

@media (min-width: 768px) {
    .philosophy-bridge-grid {
        grid-template-columns: 2fr 1fr;
        gap: 4rem;
        align-items: flex-start;
    }

    .philosophy-bridge-aside {
        border-top: none;
        border-left: 1px solid #eee;
        padding-top: 0;
        padding-left: 3rem;
    }
}





.blog-hero-section { text-align: center; padding: 8rem var(--container-padding); color: #ffffff; background-image: linear-gradient(rgba(26, 26, 26, 0.6), rgba(26, 26, 26, 0.6)), url('images/65.webp'); background-size: cover; background-position: center; }
.blog-hero-title { font-size: 4.5rem; color: #ffffff; }
.blog-hero-subtitle { font-size: 1.8rem; max-width: 60ch; margin: 1rem auto 0 auto; color: rgba(255, 255, 255, 0.9); }

.featured-article-section { overflow-x: hidden; }
.featured-article-grid { display: grid; grid-template-columns: 1fr; gap: 2rem; align-items: center; }
.article-category { font-size: 1.2rem; text-transform: uppercase; letter-spacing: 1px; color: var(--color-secondary); }

.photostack-section { background-color: var(--color-surface); }
.photostack-grid { display: grid; grid-template-columns: 1fr; gap: 2rem; }
.photostack-container { position: relative; min-height: 250px; }
.stack-photo { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; border-radius: 8px; box-shadow: 0 10px 20px rgba(0,0,0,0.1); opacity: 0; visibility: hidden; transition: opacity 0.4s ease, transform 0.4s ease; }
.stack-photo.active { opacity: 1; visibility: visible; z-index: 2; }
.stack-photo:nth-of-type(1).active { transform: rotate(-2deg); }
.stack-photo:nth-of-type(2).active { transform: rotate(3deg); }
.stack-photo:nth-of-type(3).active { transform: rotate(-1deg); }
.stack-photo:nth-of-type(4).active { transform: rotate(2deg); }
.photostack-controls { margin-top: 2rem; display: flex; gap: 1rem; }
.photostack-controls button { background-color: var(--color-primary); color: var(--color-background); border: none; padding: 1rem 2rem; cursor: pointer; }

.latest-posts-section { background-color: #f0f0f0; }
.latest-posts-grid { display: grid; grid-template-columns: 1fr; gap: 2rem; }
.post-card { background-color: #fff; }
.post-card img { width: 100%; height: 200px; object-fit: cover; }
.post-card-content { padding: 2rem; }
.post-card-link { display: block; margin-top: 1rem; text-decoration: underline; color: var(--color-secondary); }

.flora-guide-section { background-color: var(--color-surface); }
.flora-guide-grid { display: grid; grid-template-columns: 1fr; gap: 2rem; }
.flip-card { perspective: 1000px; cursor: pointer; }
.flip-card-inner { position: relative; width: 100%; height: 350px; transition: transform 0.6s; transform-style: preserve-3d; }
.flip-card.is-flipped .flip-card-inner { transform: rotateY(180deg); }
.flip-card-front, .flip-card-back { position: absolute; width: 100%; height: 100%; backface-visibility: hidden; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; border-radius: 8px; overflow: hidden; }
.flip-card-front { color: #fff; }
.flip-card-front img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: 1; }
.flip-card-front::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 60%; background: linear-gradient(to top, rgba(0,0,0,0.8), transparent); z-index: 2; }
.flip-card-front h3 { z-index: 3; position: absolute; bottom: 2rem; left: 2rem; font-size: 2.4rem; color: #fff; }
.flip-card-back { background-color: var(--color-primary); color: #fff; transform: rotateY(180deg); padding: 2rem; }
.flip-card-back h4 { color: var(--color-accent); }
.flip-card-back p { color: #ccc; }

.quote-blog-section { text-align: center; background-color: #f0f0f0; }
.quote-blog-section blockquote { font-size: 2.4rem; font-weight: 500; max-width: 65ch; margin: 0 auto; }

.author-section { background-color: var(--color-surface); overflow-x: hidden; }
.author-grid { display: grid; grid-template-columns: 1fr; gap: 2rem; align-items: center; }
.author-photo img { width: 150px; height: 150px; border-radius: 50%; object-fit: cover; margin: 0 auto; }

.author-section.has-bg { position: relative; padding-top: 6rem; padding-bottom: 6rem; color: #fff; background-image: linear-gradient(rgba(26, 26, 26, 0.7), rgba(26, 26, 26, 0.7)), url('images/66.webp'); background-size: cover; background-position: center; }
.author-section.has-bg .section-title, .author-section.has-bg p { color: #fff; }
.author-section.has-bg .author-photo img { border: 4px solid #fff; }

.archive-section { background-color: #f0f0f0; }
.archive-list { list-style: none; text-align: center; }
.archive-list li { padding: 1rem 0; border-bottom: 1px solid #ddd; }
.archive-list li:first-child { border-top: 1px solid #ddd; }

.pairings-section { background-color: var(--color-surface); }
.pairings-table-wrapper { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.pairings-table { width: 100%; border-collapse: collapse; min-width: 600px; }
.pairings-table th, .pairings-table td { padding: 1.5rem; text-align: left; border-bottom: 1px solid #ddd; }
.pairings-table th { font-size: 1.4rem; font-weight: 600; text-transform: uppercase; color: var(--color-secondary); }
.pairings-table td { font-size: 1.6rem; }
.pairings-table tbody tr:last-child td { border-bottom: none; }

@media (min-width: 768px) {
    .blog-hero-title { font-size: 6rem; }
    .featured-article-grid { grid-template-columns: 1fr 1fr; gap: 4rem; }
    .photostack-grid { grid-template-columns: 1fr 1fr; gap: 4rem; align-items: center; }
    .photostack-container { min-height: 400px; }
    .latest-posts-grid { grid-template-columns: repeat(3, 1fr); }
    .flora-guide-grid { grid-template-columns: repeat(3, 1fr); }
    .author-grid { grid-template-columns: auto 1fr; gap: 4rem; text-align: left; }
    .author-photo img { margin: 0; }
    .archive-list { display: flex; justify-content: center; gap: 2rem; }
    .archive-list li { border: none; padding: 0; }
    .archive-list li:first-child { border: none; }
}
.archive-section {
    background-color: #f0f0f0;
}

.archive-list {
    list-style: none;
    padding: 0;
    max-width: 800px;
    margin: 2rem auto 0 auto;
    border-top: 1px solid #ddd; 
}

.archive-list a {
    display: grid;
    grid-template-columns: auto 1fr auto; 
    align-items: center;
    gap: 2rem;
    padding: 2rem 1rem;
    border-bottom: 1px solid #ddd;
    transition: background-color var(--transition-fast);
}

.archive-list a:hover {
    background-color: #ffffff;
}

.archive-item-number {
    font-size: 1.6rem;
    font-weight: 700;
    color: #ccc;
    transition: color var(--transition-fast);
}

.archive-list a:hover .archive-item-number {
    color: var(--color-accent);
}

.archive-item-title {
    font-size: 2rem;
    font-weight: 500;
    color: var(--color-primary);
}

.archive-item-arrow {
    opacity: 0;
    transform: translateX(-10px);
    transition: all var(--transition-fast);
}

.archive-list a:hover .archive-item-arrow {
    opacity: 1;
    transform: translateX(0);
}

@media (min-width: 768px) {
    .archive-list {
        display: block; 
        gap: 0;
    }
    .archive-list li {
        border: none;
        padding: 0;
    }
    .archive-list li:first-child {
        border: none;
    }
}





.faq-hero-section { text-align: center; padding: 6rem var(--container-padding); }
.faq-hero-title { font-size: 4.5rem; }
.faq-hero-subtitle { font-size: 1.8rem; max-width: 60ch; margin: 1rem auto 0 auto; color: var(--color-secondary); }

.faq-filter { padding-bottom: 2rem; }

.faq-accordion-section { padding-top: 2rem; }
.faq-accordion .accordion-item { border-bottom: 1px solid #eee; transition: opacity 0.4s ease, transform 0.4s ease; }
.faq-accordion .accordion-item.is-hidden { transform: scale(0.95); opacity: 0; display: none; }
.faq-accordion .accordion-item:first-of-type { border-top: 1px solid #eee; }
.faq-accordion .accordion-button { color: var(--color-primary); display: flex; align-items: center; justify-content: space-between; width: 100%; background: none; border: none; padding: 2rem 0; text-align: left; cursor: pointer; font-size: 1.8rem; font-weight: 500; }
.faq-accordion .accordion-button::after { content: '+'; font-size: 2.4rem; color: var(--color-accent); transition: transform 0.3s ease; }
.faq-accordion .accordion-button[aria-expanded="true"]::after { transform: rotate(45deg); }
.faq-accordion .accordion-content { max-height: 0; overflow: hidden; transition: max-height 0.4s ease-out; }
.faq-accordion .accordion-content-inner { padding-bottom: 2rem; padding-right: 1rem; }
.faq-accordion .accordion-content p { padding: 0; color: var(--color-secondary); }

.anatomy-section { color: var(--color-secondary);; }
.anatomy-image-wrapper { position: relative; max-width: 600px; margin: 2rem auto 0 auto; }
.anatomy-label { position: absolute; background-color: rgba(26, 26, 26, 0.8); color: #fff; padding: 0.5rem 1rem; border-radius: 4px; font-size: 1.2rem; }
.label-1 { top: 20%; left: 5%; }
.label-2 { top: 65%; left: 25%; }
.label-3 { top: 40%; left: 70%; }

.seasoning-wizard-section { background-color: var(--color-primary); color: #fff; }
.seasoning-wizard-section .section-title-centered { color: #fff; }
.wizard { max-width: 60ch; margin: 0 auto; text-align: center; }
.wizard-content { position: relative; min-height: 150px; }
.wizard-pane { position: absolute; width: 100%; top: 0; left: 0; opacity: 0; visibility: hidden; transition: opacity 0.4s ease; }
.wizard-pane.active { opacity: 1; visibility: visible; }
.wizard-pane p { color: #ccc; }
.wizard-controls { margin-top: 2rem; display: flex; justify-content: center; gap: 1rem; }
.wizard-controls button { background-color: #fff; color: var(--color-primary); border: none; padding: 1rem 2rem; cursor: pointer; }
.wizard-controls button:disabled { opacity: 0.5; cursor: not-allowed; }

.patina-section { background-color: var(--color-surface); overflow-x: hidden; }
.patina-grid { display: grid; grid-template-columns: 1fr; gap: 2rem; align-items: center; }

.warranty-section { text-align: center; }

.compatibility-section { background-color: var(--color-surface); }
.compatibility-table-wrapper { max-width: 800px; margin: 2rem auto 0 auto; overflow-x: auto; -webkit-overflow-scrolling: touch; }
.compatibility-table { width: 100%; border-collapse: collapse; min-width: 600px; }
.compatibility-table th, .compatibility-table td { padding: 1.5rem; text-align: left; }
.compatibility-table th { font-size: 1.4rem; font-weight: 600; text-transform: uppercase; color: var(--color-secondary); background-color: #f8f8f8; border-bottom: 2px solid #ddd; }
.compatibility-table td { font-size: 1.6rem; border-top: 1px solid #eee; }
.compatibility-table tbody tr:hover { background-color: #f5f5f5; }
.compatibility-table td svg { color: #27ae60; vertical-align: middle; }

.still-questions-section { background-color: #f0f0f0; }
.still-questions-cta { text-align: center; margin-top: 2rem; }

@media (min-width: 768px) {
    .faq-hero-title { font-size: 6rem; }
    .patina-grid { grid-template-columns: 1fr 1fr; gap: 4rem; }
}






.where-to-buy-hero-section { text-align: center; padding: 8rem var(--container-padding); color: #ffffff; background-image: linear-gradient(rgba(26, 26, 26, 0.6), rgba(26, 26, 26, 0.6)), url('images/69.webp'); background-size: cover; background-position: center; }
.where-to-buy-hero-title { font-size: 4.5rem; color: #ffffff; }
.where-to-buy-hero-subtitle { font-size: 1.8rem; max-width: 60ch; margin: 1rem auto 0 auto; color: rgba(255, 255, 255, 0.9); }

.partners-section { background-color: var(--color-surface); overflow: hidden; }
.partners-grid { display: grid; grid-template-columns: 1fr; gap: 2rem; align-items: center; }
.partners-image-stack { position: relative; min-height: 300px; }
.stack-image-1, .stack-image-2 { width: 80%; border-radius: 8px; box-shadow: 0 10px 20px rgba(0,0,0,0.1); position: absolute; }
.stack-image-1 { top: 0; left: 0; z-index: 1; }
.stack-image-2 { bottom: 0; right: 0; z-index: 2; }

.showrooms-section { overflow: hidden; }
.showrooms-grid { display: grid; grid-template-columns: 1fr; gap: 2rem; align-items: center; }
.showroom-location:not(:last-child) { margin-bottom: 2rem; }
.showroom-location h3 { font-size: 2rem; }
.showroom-location p { color: var(--color-secondary); margin: 0; }
.showrooms-image img { width: 100%; height: 100%; object-fit: cover; }

.distributors-section { background-color: var(--color-surface); }
.distributors-table-wrapper { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.distributors-table { width: 100%; border-collapse: collapse; min-width: 600px; }
.distributors-table th, .distributors-table td { padding: 1.5rem; text-align: left; border-bottom: 1px solid #ddd; }
.distributors-table th { font-size: 1.4rem; font-weight: 600; text-transform: uppercase; color: var(--color-secondary); }
.distributors-table a { text-decoration: underline; }

.b2b-section { overflow: hidden; }
.b2b-grid { display: grid; grid-template-columns: 1fr; gap: 2rem; align-items: center; }

.feel-the-difference-section { background-color: var(--color-surface); overflow: hidden; }
.feel-difference-grid { display: grid; grid-template-columns: 1fr; gap: 2rem; align-items: center; }
.feel-difference-content p { font-size: 1.8rem; font-style: italic; max-width: 45ch; }

@media (min-width: 768px) {
    .where-to-buy-hero-title { font-size: 6rem; }
    .partners-grid { grid-template-columns: 1fr 1fr; gap: 4rem; }
    .partners-image-stack { min-height: 400px; }
    .showrooms-grid { grid-template-columns: 1fr 1fr; gap: 4rem; }
    .showrooms-image { height: 500px; }
    .b2b-grid { grid-template-columns: 1fr 1fr; gap: 4rem; }
    .b2b-image { order: 2; }
    .b2b-content { order: 1; }
    .feel-difference-grid { grid-template-columns: 1fr 1fr; gap: 4rem; }
}
.global-presence-section {
    padding: 10rem var(--container-padding);
    text-align: center;
    color: #ffffff;

    background-image: linear-gradient(rgba(26, 26, 26, 0.65), rgba(26, 26, 26, 0.65)), url('images/75.webp');
    background-size: cover;
    background-position: center;
    background-attachment: fixed; 
}

.global-presence-section .section-title {
    color: #ffffff;
    font-size: 3.5rem;
}

.global-presence-section p {
    color: rgba(255, 255, 255, 0.9);
    font-size: 1.8rem;
    max-width: 60ch;
    margin: 1rem auto 0 auto;
}

@media (min-width: 768px) {
    .global-presence-section .section-title {
        font-size: 4.5rem;
    }
}
.showrooms-content .cta-button-outline {
    margin-top: 2rem;
}
.partner-standard-section {
    background-color: var(--color-surface);
}
.standard-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 3rem;
    margin-top: 3rem;
}
.standard-item h3 {
    margin-bottom: 1rem;
    border-left: 3px solid var(--color-accent);
    padding-left: 1rem;
}

.experience-wrapper {
    display: grid;
    grid-template-columns: 1fr;
    gap: 4rem;
    margin-top: 4rem;
    max-width: 80ch;
    margin-left: auto;
    margin-right: auto;
}
.experience-item {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 2rem;
    align-items: start;
}
.experience-number {
    font-size: 5rem;
    font-weight: 700;
    color: #e0e0e0;
    line-height: 1;
}
.experience-text h3 {
    margin-bottom: 0.5rem;
}

@media (min-width: 768px) {
    .standard-grid {
        grid-template-columns: 1fr 1fr;
        gap: 4rem;
    }

    .experience-item-alt {
        grid-template-columns: 1fr auto;
    }
    .experience-item-alt .experience-number {
        order: 2;
        text-align: right;
    }
    .experience-item-alt .experience-text {
        order: 1;
        text-align: right;
    }
}





.legal-hero-section {
    padding-top: 6rem;
    padding-bottom: 4rem;
    background-color: var(--color-surface);
    text-align: center;
}

.legal-hero-section h1 {
    font-size: 4rem;
}

.legal-hero-section p {
    font-size: 1.4rem;
    color: var(--color-secondary);
}

.legal-content-section {
    padding-top: 4rem;
    padding-bottom: 6rem;
}

.legal-text-content {
    max-width: 80ch;
    margin: 0 auto;
}

.legal-text-content h2 {
    font-size: 2.4rem;
    margin-top: 3rem;
    margin-bottom: 1.5rem;
    border-bottom: 1px solid #eee;
    padding-bottom: 0.5rem;
}

.legal-text-content h2:first-of-type {
    margin-top: 0;
}

.legal-text-content p, 
.legal-text-content ul {
    font-size: 1.6rem;
    line-height: 1.8;
    color: var(--color-secondary);
}

.legal-text-content ul {
    list-style-position: inside;
    list-style-type: disc;
    padding-left: 1rem;
}

.legal-text-content li {
    margin-bottom: 1rem;
}

@media(min-width: 768px) {
    .legal-hero-section h1 {
        font-size: 5rem;
    }
}
.thank-you-page {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    background-color: var(--color-surface);
    text-align: center;
}

.thank-you-container {
    width: 100%;
    padding: var(--container-padding);
}

.thank-you-content {
    max-width: 50ch;
    margin: 0 auto;
}

.thank-you-logo-link {
    display: inline-block;
    margin-bottom: 3rem;
}

.thank-you-logo-link img {
    height: 40px;
}

.thank-you-title {
    font-size: 4rem;
    margin-bottom: 1rem;
}

.thank-you-text {
    font-size: 1.8rem;
    color: var(--color-secondary);
    margin-bottom: 3rem;
}
.manifesto-section {
    background-color: var(--color-surface);
    position: relative; 
    overflow: hidden; 
    padding: 6rem var(--container-padding);
}

.manifesto-section::before {
    content: "LESS"; 
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 30rem; 
    font-weight: 800;
    color: rgba(0, 0, 0, 0.04); 
    z-index: 1; 
    pointer-events: none; 
}

.manifesto-content {
    position: relative;
    z-index: 2; 
    max-width: 70ch;
    margin: 0 auto; 
}

.manifesto-content p {
    font-size: 2.2rem;
    font-style: italic;
    font-weight: 300;
    text-align: center; 
    line-height: 1.7;
    border: none;
    padding: 0;
}

@media (max-width: 768px) {
    .manifesto-section {
        padding: 4rem var(--container-padding);
    }
    .manifesto-section::before {
        font-size: 18rem; 
    }
    .manifesto-content p {
        font-size: 1.8rem;
    }
}
.dual-quote-section {
    background-color: var(--color-surface);
    padding-top: var(--section-vertical-padding);
    padding-bottom: var(--section-vertical-padding);
}

.dual-quote-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 3rem;
    max-width: 900px;
    margin: 0 auto;
}

.quote-card {
    border-left: 3px solid var(--color-accent);
    padding-left: 2rem;
}

.quote-card blockquote {
    font-size: 2rem;
    font-weight: 300;
    font-style: italic;
    margin-bottom: 1rem;
}

.quote-card cite {
    font-style: normal;
    font-weight: 500;
}

@media (min-width: 768px) {
    .dual-quote-grid {
        grid-template-columns: 1fr 1fr;
        gap: 6rem;
    }

    .quote-2 {
        margin-top: 5rem; 
    }
}
.kore-slider {
    position: relative;
    max-width: 900px;
    margin: 0 auto;
}

.kore-slider__track-container {
    overflow: hidden;
}

.kore-slider__track {
    display: flex;
    transition: transform 0.5s ease-in-out;
}

.kore-slider__slide {
    flex-shrink: 0;
    width: 100%;
    box-sizing: border-box;
    padding: 0 10px;
}

.kore-slider__slide img {
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 10;
    object-fit: cover;
    display: block;
}

.kore-slider__btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    background-color: rgba(255, 255, 255, 0.9);
    color: #1a1a1a;
    border: none;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    font-size: 24px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: opacity 0.3s ease, visibility 0.3s ease, background-color 0.3s ease;
    box-shadow: 0 2px 10px rgba(0,0,0,0.15);
}

.kore-slider__btn:hover {
    background-color: #1a1a1a;
    color: #ffffff;
}

.kore-slider__btn--prev {
    left: -22px;
}

.kore-slider__btn--next {
    right: -22px;
}

.kore-slider__btn:disabled {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

@media (max-width: 1000px) {
    .kore-slider__btn--prev {
        left: 10px;
    }
    .kore-slider__btn--next {
        right: 10px;
    }
}
.kore-accordion {
    border-top: 1px solid #e0e0e0;
}

.kore-accordion__item {
    border-bottom: 1px solid #e0e0e0;
    transition: opacity 0.3s ease;
}

.kore-accordion__item.is-hidden {
    display: none;
}

.kore-accordion__button {
    width: 100%;
    background: none;
    border: none;
    text-align: left;
    padding: 20px 40px 20px 0;
    font-size: 1.8rem;
    font-weight: 500;
    font-family: inherit;
    color: var(--color-primary);
    cursor: pointer;
    position: relative;
    display: flex;
    align-items: center;
}

.kore-accordion__button::after {
    content: '+';
    position: absolute;
    top: 50%;
    right: 5px;
    transform: translateY(-50%);
    font-size: 2.4rem;
    font-weight: 300;
    color: var(--color-accent);
    transition: transform 0.3s ease-in-out;
}

.kore-accordion__item.is-open .kore-accordion__button::after {
    transform: translateY(-50%) rotate(45deg);
}

.kore-accordion__content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease-out;
}

.kore-accordion__content-inner {
    padding: 0 15px 25px 0;
    color: var(--color-secondary);
    line-height: 1.8;
}

.kore-accordion__content-inner p {
    margin-bottom: 0;
}

.forging-process-section .kore-accordion {
    border-color: #444;
}

.forging-process-section .kore-accordion__button {
    color: #ffffff; 
}

.forging-process-section .kore-accordion__button span {
    font-size: 1.6rem;
    font-weight: 700;
    color: var(--color-accent);
    margin-right: 2rem;
}

.forging-process-section .kore-accordion__button h3 {
    font-size: 2.2rem;
    margin: 0;
}

.forging-process-section .kore-accordion__content-inner {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    padding-bottom: 2rem;
    color: #ccc;
}

.forging-process-section .kore-accordion__content-inner img {
    width: 100%;
    height: auto;
    max-width: 250px;
    object-fit: cover;
}

@media (min-width: 768px) {
    .forging-process-section .kore-accordion__content-inner {
        flex-direction: row;
        align-items: center;
        gap: 3rem;
    }
    .forging-process-section .kore-accordion__content-inner img {
       /*flex-shrink: 0;*/
    }
}
.forging-process-section .kore-accordion__content-inner p {
    color: #ccc; 
}