/*
Theme Name: Joey Fouerti — Personal Homepage
Theme URI: https://joey-fouerti.com
Author: Fouerti
Description: Lightweight, indexable personal homepage for joey-fouerti.com.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: joey-fouerti-personal-site
*/
:root { color-scheme: light; --ink:#172838; --muted:#65727c; --gold:#b08d5b; --paper:#f8f7f4; }
* { box-sizing:border-box; }
html, body { margin:0; min-height:100%; }
body { background:var(--paper); color:var(--ink); font-family:Arial,Helvetica,sans-serif; }
.page { min-height:100svh; display:flex; flex-direction:column; padding:30px clamp(22px,5vw,86px); }
.top { display:flex; align-items:center; justify-content:space-between; gap:15px; }
.brand { font-size:15px; text-transform:uppercase; letter-spacing:.2em; font-weight:700; }
.tag { color:var(--muted); font-size:12px; text-transform:uppercase; letter-spacing:.13em; }
.center { flex:1; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; padding:75px 0; }
.mark { display:flex; align-items:center; justify-content:center; width:82px; height:82px; border:1px solid #d8c9b3; border-radius:50%; color:var(--gold); font-family:Georgia,serif; font-size:27px; letter-spacing:-.05em; margin-bottom:36px; }
.eyebrow { text-transform:uppercase; letter-spacing:.25em; font-size:11px; color:var(--gold); font-weight:700; margin:0 0 20px; }
h1 { font-family:Georgia,'Times New Roman',serif; font-weight:400; font-size:clamp(44px,7.5vw,90px); letter-spacing:-.045em; line-height:1.05; margin:0 0 24px; }
.intro { color:var(--muted); font-size:clamp(16px,2vw,19px); line-height:1.7; max-width:560px; margin:0; }
.rule { background:var(--gold); height:1px; width:68px; margin:36px 0; }
.domain { color:var(--ink); font-size:13px; letter-spacing:.13em; text-transform:uppercase; }
.bottom { display:flex; justify-content:space-between; flex-wrap:wrap; gap:12px; color:var(--muted); font-size:12px; border-top:1px solid #e8e5df; padding-top:24px; }
@media(max-width:600px) { .tag {display:none} .bottom {justify-content:center;text-align:center} .page {padding:24px} }