<?php
defined('BASEPATH') OR exit('No direct script access allowed');
/** PUBLIC 404 PAGE */
?>
<section class="page-hero" style="text-align:center;min-height:60vh;display:flex;align-items:center;">
	<div class="container">
		<div class="page-hero-inner" data-reveal style="margin:0 auto;">
			<div style="font-family:var(--font-display);font-size:clamp(5rem,16vw,11rem);font-weight:600;color:var(--iris-soft);line-height:1;">404</div>
			<h1 style="margin:8px 0 14px;">This page didn't <span class="serif-italic text-iris">bloom</span></h1>
			<p>The page you're looking for doesn't exist or may have moved.</p>
			<div class="hero-ctas" style="justify-content:center;margin-top:24px;">
				<a href="<?= base_url() ?>" class="btn btn-light btn-lg">Back to Home</a>
				<a href="<?= base_url('portfolio') ?>" class="btn btn-outline-light btn-lg">View Our Work</a>
			</div>
		</div>
	</div>
</section>
