:root{
--bg:#06070a;--bg2:#0d0f13;--card:#101318;--text:#f4f2ee;--muted:#a7a7aa;
--orange:#ff6a18;--lime:#c8f728;--pink:#ff3e8e;--violet:#a760ff;--line:rgba(255,255,255,.12);
}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{margin:0;background:
radial-gradient(circle at 12% 8%,rgba(255,106,24,.06),transparent 24rem),
radial-gradient(circle at 88% 70%,rgba(200,247,40,.04),transparent 25rem),var(--bg);
color:var(--text);font-family:Arial,Helvetica,sans-serif;line-height:1.55;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.12;background-image:
radial-gradient(rgba(255,255,255,.25) .6px,transparent .7px);background-size:13px 13px;mask-image:linear-gradient(to bottom,black,transparent 80%);z-index:-1}
a{color:inherit;text-decoration:none}img{display:block;width:100%;height:100%;object-fit:cover}.skip-link{position:absolute;left:-9999px}
.site-header{height:82px;position:sticky;top:0;z-index:50;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px;padding:0 clamp(18px,4vw,64px);background:rgba(4,5,7,.92);border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}
.logo{display:flex;flex-direction:column;line-height:.92}.logo-phoenix{font-family:"Brush Script MT","Segoe Print","Comic Sans MS",cursive;font-style:italic;font-weight:900;font-size:2rem;letter-spacing:.03em;background:linear-gradient(90deg,var(--orange),var(--lime));-webkit-background-clip:text;background-clip:text;color:transparent}.logo-photo{font-size:.58rem;letter-spacing:.42em;margin-left:35px;color:#ddd}
.main-nav{display:flex;justify-content:center;gap:44px}.main-nav a{text-transform:uppercase;font-size:.78rem;padding:29px 0 24px;border-bottom:2px solid transparent}.main-nav a:hover,.main-nav .active{color:white;border-bottom-color:var(--orange)}.social-top{display:flex;gap:18px;font-size:1.7rem}.nav-toggle{display:none}
.hero{min-height:650px;display:grid;grid-template-columns:.78fr 1.22fr;max-width:1500px;margin:auto;border-bottom:1px solid var(--line)}.hero-copy{padding:70px 30px 55px clamp(22px,5vw,95px);align-self:center;position:relative}.brush-small,.brush-heading,.hand-note,.photo-tag{font-family:"Brush Script MT","Segoe Print","Comic Sans MS",cursive;font-style:italic}.brush-small{font-size:clamp(2rem,3.3vw,4rem);margin:0;color:#f4f2ee;line-height:.95}.hero h1,.gallery-hub-hero h1,.gallery-hero h1{font-family:Impact,"Arial Black",sans-serif;font-style:italic;font-size:clamp(5rem,9vw,10rem);line-height:.78;margin:15px 0 34px;letter-spacing:.01em;background:linear-gradient(90deg,var(--orange),var(--lime));-webkit-background-clip:text;background-clip:text;color:transparent}.hero-text{max-width:510px;font-size:1.02rem;color:#ddd}.hero-text strong{color:var(--orange)}.neon-button,.ghost-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:11px 18px;border-radius:8px;text-transform:uppercase;font-size:.78rem;font-weight:800;letter-spacing:.03em;border:1px solid transparent}.neon-button{border-color:var(--orange);box-shadow:inset -1px 0 var(--lime);margin-top:18px}.neon-button:hover{background:rgba(255,106,24,.08)}.ghost-button{border-color:var(--line);background:rgba(255,255,255,.025)}.hand-note{color:var(--lime);font-size:1.4rem;margin:11px 0 0 145px;transform:rotate(-4deg)}
.hero-photo{min-height:650px;position:relative;overflow:hidden}.hero-photo:before{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,var(--bg) 0%,transparent 20%),linear-gradient(0deg,var(--bg) 0%,transparent 18%);pointer-events:none}.hero-photo img{object-position:center 28%}.photo-tag{position:absolute;right:7%;bottom:9%;z-index:3;color:#ffb927;font-size:1.5rem;line-height:1.05;text-align:center;transform:rotate(-8deg);text-shadow:0 2px 12px black}
.section{max-width:1500px;margin:auto;padding:62px clamp(20px,5vw,75px)}.compact{padding-top:30px}.brush-heading{font-size:clamp(2rem,3.2vw,3.4rem);font-weight:700;margin-bottom:24px;text-decoration:underline;text-decoration-color:var(--orange);text-underline-offset:10px}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.category-card,.hub-card{min-height:190px;padding:24px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.01));transition:.2s transform,.2s border-color}.category-card:hover,.hub-card:hover{transform:translateY(-4px)}.category-card.green,.hub-card.green,.gallery-hero.green{--accent:var(--lime)}.category-card.orange,.hub-card.orange,.gallery-hero.orange{--accent:var(--orange)}.category-card.pink,.hub-card.pink,.gallery-hero.pink{--accent:var(--pink)}.category-card.violet,.hub-card.violet,.gallery-hero.violet{--accent:var(--violet)}.category-card{border-color:color-mix(in srgb,var(--accent) 45%,transparent)}.category-icon{font-size:2.7rem;color:var(--accent)}.category-card h2,.hub-card h2{font-family:"Brush Script MT","Segoe Print",cursive;font-style:italic;text-transform:uppercase;margin:12px 0 4px}.category-card p,.hub-card p{font-size:.9rem;color:#c7c7c7;margin:0}.about{display:grid;grid-template-columns:.42fr 1.1fr .9fr;gap:55px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.paw-doodle{font-size:5rem;color:var(--lime);filter:grayscale(1);opacity:.9}.about-copy{color:#cfcfcf}.about-copy p:first-child{margin-top:0}.accent-orange{color:var(--orange)}.trait-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.trait-grid span{border:1px solid rgba(200,247,40,.24);padding:14px;border-radius:10px;font-size:.78rem;text-transform:uppercase}.info-strip{display:grid;grid-template-columns:1fr 1fr;gap:60px}.info-strip article{padding-left:28px;border-left:1px solid var(--line)}.info-strip h3{color:var(--lime);text-transform:uppercase;font-weight:500}.info-strip p{color:#bcbcbc}.contact{display:grid;grid-template-columns:1fr auto;align-items:end;gap:30px;border-top:1px solid var(--line)}.contact p{color:#aaa}.contact-actions{display:flex;gap:12px}.site-footer{max-width:1500px;margin:auto;padding:22px clamp(20px,5vw,75px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:25px;color:#8d8d91;font-size:.78rem;border-top:1px solid var(--line)}.footer-links{display:flex;gap:18px;color:var(--lime)}.footer-contact{text-align:right}
.gallery-hub-hero,.gallery-hero{max-width:1500px;margin:auto;padding:75px clamp(20px,5vw,75px) 45px;border-bottom:1px solid var(--line)}.gallery-hub-hero p,.gallery-hero p{max-width:750px;color:#bbb}.gallery-hub-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.hub-card{min-height:260px}.hub-card>span{font-size:3rem;color:var(--accent)}.hub-card h2{font-size:2rem}.hub-card b{display:block;color:var(--accent);margin-top:28px;text-transform:uppercase;font-size:.78rem}.gallery-hero{--accent:var(--lime)}.gallery-hero h1{background:none;color:var(--accent);font-size:clamp(4rem,8vw,8rem)}.gallery-page-grid{max-width:1500px;margin:auto;padding:45px clamp(20px,5vw,75px) 80px;display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.gallery-item{min-height:430px;margin:0;position:relative;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#0f1115}.gallery-item figcaption{position:absolute;bottom:0;left:0;right:0;padding:32px 18px 15px;background:linear-gradient(transparent,rgba(0,0,0,.9));font-size:.8rem}.gallery-item.placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:28px;border-color:color-mix(in srgb,var(--accent) 38%,transparent)}.gallery-item.placeholder span{font-size:4rem;color:var(--accent)}.gallery-item.placeholder small{color:#85858c;margin-top:6px}
@media(max-width:900px){.site-header{grid-template-columns:1fr auto;height:70px}.logo-phoenix{font-size:1.55rem}.social-top{display:none}.nav-toggle{display:flex;width:44px;height:44px;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:transparent;border:1px solid var(--line);border-radius:10px}.nav-toggle span{width:19px;height:2px;background:#fff}.main-nav{display:none;position:absolute;top:69px;left:12px;right:12px;padding:12px;flex-direction:column;gap:0;background:#090b0f;border:1px solid var(--line);border-radius:14px}.main-nav.open{display:flex}.main-nav a{padding:13px;border:0}.hero{grid-template-columns:1fr}.hero-copy{padding:50px 22px 30px}.hero-photo{min-height:530px}.hero-photo:before{background:linear-gradient(0deg,var(--bg) 0%,transparent 15%)}.hand-note{margin-left:80px}.category-grid{grid-template-columns:1fr 1fr}.about{grid-template-columns:1fr}.trait-grid{grid-template-columns:1fr 1fr}.contact{grid-template-columns:1fr}.site-footer{grid-template-columns:1fr}.footer-contact{text-align:left}.gallery-page-grid{grid-template-columns:1fr}.gallery-item{min-height:390px}}
@media(max-width:560px){.hero-photo{min-height:470px}.hero h1{font-size:5.6rem}.brush-small{font-size:2.2rem}.category-grid{grid-template-columns:1fr}.trait-grid{grid-template-columns:1fr}.info-strip{grid-template-columns:1fr;gap:25px}.contact-actions{flex-direction:column;align-items:stretch}.gallery-hub-grid{grid-template-columns:1fr}.gallery-item{min-height:320px}.photo-tag{font-size:1.1rem}.gallery-hub-hero h1{font-size:4.7rem}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}