<?php

if (!defined('ABSPATH')) {
    exit;
}

get_header();
?>
<section class="bg-neutral-950 px-6 pb-24 pt-32 lg:px-10">
    <div class="mx-auto max-w-4xl">
        <?php while (have_posts()) : the_post(); ?>
            <article <?php post_class('rounded-[2rem] bg-white/90 p-8 shadow-glow backdrop-blur md:p-12'); ?>>
                <h1 class="mt-4 text-3xl font-black tracking-tight text-wine sm:text-4xl"><?php the_title(); ?></h1>
                <?php if (has_post_thumbnail()) : ?>
                    <div class="mt-8 overflow-hidden rounded-[1.75rem]">
                        <?php the_post_thumbnail('large', array('class' => 'h-auto w-full object-cover')); ?>
                    </div>
                <?php endif; ?>
                <div class="prose prose-lg mt-8 max-w-none prose-headings:text-wine prose-a:text-copper">
                    <?php the_content(); ?>
                </div>
                <p class="mt-8 text-xs font-bold uppercase tracking-[0.28em] text-copper">
                    <?php echo esc_html(get_the_date()); ?>
                </p>
            </article>
        <?php endwhile; ?>
    </div>
</section>
<?php
get_footer();