/* ========= CONCEPT STORY ========= */
.concept {
width: 90%;
max-width: 1400px;
margin: 160px auto 0;
padding: 0;
display: grid;
grid-template-columns: 1fr 1fr;
/* gap: 80px; */
align-items: center;
}

.concept-visual {
aspect-ratio: 4 / 5;
background:
    linear-gradient(135deg, rgba(45, 74, 43, 0.1), rgba(45, 74, 43, 0.3)),
    radial-gradient(ellipse at 30% 80%, #a8c08c 0%, #6b8e4e 60%, #2d4a2b 100%);
position: relative;
overflow: hidden;
}
.concept-visual img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.concept-visual::after {
content: '常願寺川公園';
position: absolute;
top: 40px;
left: 40px;
font-family: 'Noto Serif JP', serif;
font-size: 0.95rem;
	color: var(--accent);
/* color: var(--paper); */
letter-spacing: 0.2em;
writing-mode: vertical-rl;
opacity: 0.8;
	display: none;
}

.concept-visual::before {
content: 'A LIFE WITH NATURE';
position: absolute;
bottom: 40px;
right: 40px;
font-family: 'Cormorant Garamond', serif;
font-style: italic;
	color: var(--accent);
/* color: var(--paper); */
letter-spacing: 0.2em;
font-size: 1rem;
opacity: 0.7;
}

.concept-text .eyebrow {
font-family: 'Cormorant Garamond', serif;
font-style: italic;
color: var(--accent);
letter-spacing: 0.15em;
font-size: 1rem;
margin-bottom: 20px;
}

.concept-text h2 {
font-family: 'Noto Serif JP', serif;
font-size: 2.4rem;
line-height: 1.6;
font-weight: 500;
margin-bottom: 32px;
letter-spacing: 0.03em;
}

.concept-text h2 .highlight {
color: var(--green-deep);
border-bottom: 2px solid var(--accent);
padding-bottom: 2px;
}

.concept-text p {
color: var(--ink-soft);
line-height: 2.1;
margin-bottom: 20px;
font-size: 0.98rem;
}

.concept-pillars {
display: flex;
gap: 24px;
margin-top: 40px;
flex-wrap: wrap;
}

.pillar-tag {
font-family: 'Noto Serif JP', serif;
font-size: 0.9rem;
color: var(--green-deep);
padding: 8px 18px;
border: 1px solid var(--green-grass);
border-radius: 30px;
background: var(--green-pale);
}




/* ========= RESPONSIVE ========= */
@media (max-width: 1024px) {}
@media (max-width: 700px) {
    .concept {
    /* width: 90%; */
    /* max-width: 1400px; */
    margin: 40px auto;
    padding-bottom: 20px;
    /* padding: 0; */
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    border-bottom: 1px solid #a8c08c;

    /* grid-template-columns: unset; */
    gap: unset;
    /* align-items: center; */
    }

    .concept-visual {
        width: 100%;
        max-width: 350px;
        margin-bottom: 25px;
        /* aspect-ratio: 4 / 5;
        background:
            linear-gradient(135deg, rgba(45, 74, 43, 0.1), rgba(45, 74, 43, 0.3)),
            radial-gradient(ellipse at 30% 80%, #a8c08c 0%, #6b8e4e 60%, #2d4a2b 100%);
        position: relative;
        overflow: hidden; */
    }
    .concept-text {
        width: 100%;
    /* font-family: 'Cormorant Garamond', serif;
    font-style: italic;
    color: var(--accent);
    letter-spacing: 0.15em;
    font-size: 1rem;
    margin-bottom: 20px; */
    }
}