/*
Theme Name: phmayon Black Gold
Theme URI: https://phmayon.com/
Author: phmayon
Description: Black and gold independent information theme with responsive navigation, editable pages and configurable homepage access routes.
Version: 1.3.7
Requires at least: 6.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ph-mayon
Tags: custom-logo, custom-menu, featured-images, blog, two-columns
*/
:root{--bg:#090909;--panel:#121212;--panel2:#191714;--text:#f4f0e8;--muted:#b7b2a8;--gold:#d8b46c;--goldlight:#f4deb0;--line:#353024;--container:1240px;--header:88px;color-scheme:dark}
*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.75 Arial,Helvetica,sans-serif;overflow-wrap:break-word}img,svg,video,iframe{max-width:100%}img{display:block;height:auto}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--goldlight);outline-offset:5px}p{margin:0 0 18px;color:var(--muted)}h1,h2,h3,h4{color:var(--text);line-height:1.2;margin:0 0 18px;letter-spacing:-.025em}h1{font-size:clamp(36px,4.6vw,64px)}h2{font-size:clamp(25px,2.5vw,34px)}h3{font-size:21px}.container{width:min(var(--container),calc(100% - 64px));margin-inline:auto}.sr-only,.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-100px;left:20px;z-index:99999;background:var(--gold);color:#111;padding:12px 24px}.skip-link:focus{top:10px}.site-header{position:sticky;top:0;z-index:1000;background:#0b0b0bf7;border-bottom:1px solid var(--line)}.admin-bar .site-header{top:32px}.header-inner{min-height:88px;display:flex;align-items:center;gap:24px}.brand,.custom-logo-link{flex-shrink:0;display:inline-flex;align-items:center}.brand img{width:205px;height:auto}.custom-logo{max-width:205px;max-height:68px;object-fit:contain}.primary-nav{margin-left:auto}.nav-menu{display:flex;gap:23px;list-style:none;margin:0;padding:0;align-items:center}.nav-menu li{position:relative}.nav-menu a{display:block;color:#c9c5bc;font-size:13px;line-height:1.4;white-space:nowrap;padding:15px 0}.nav-menu a:hover,.nav-menu a[aria-current=page],.current-menu-item>a{color:var(--goldlight)}.nav-menu a[aria-current=page]:after{content:'';position:absolute;height:2px;background:var(--gold);left:0;right:0;bottom:5px}.sub-menu{display:none;position:absolute;top:100%;left:0;min-width:210px;padding:14px 20px;margin:0;list-style:none;background:#171511;border:1px solid var(--line);border-radius:12px}.sub-menu a{white-space:normal}.nav-menu li:hover>.sub-menu,.nav-menu li:focus-within>.sub-menu{display:block}.sub-menu .sub-menu{left:100%;top:0}.submenu-toggle{background:transparent;color:var(--gold);border:0;padding:8px;line-height:1}.menu-item-has-children>a{display:inline-block}.header-actions{display:flex;gap:22px;align-items:center;white-space:nowrap}.header-login{font-size:13px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:49px;background:linear-gradient(125deg,#ecd195,#c39951);color:#16110a;border:1px solid #d8b46c;border-radius:8px;font-weight:700;font-size:14px;line-height:1.3;padding:14px 25px;text-align:center;transition:background .2s,transform .2s}.btn:hover{background:var(--goldlight);transform:translateY(-2px)}.btn-ghost{background:transparent;color:var(--goldlight);border-color:#655333}.btn-ghost:hover{background:#292219;color:var(--goldlight)}.btn-small{min-height:40px;padding:10px 19px;font-size:13px}.menu-toggle,.mobile-actions{display:none}.home-entry-hero{padding:58px 0 0;background:radial-gradient(ellipse at 82% 10%,#3b2c132b,transparent 60%)}.home-layout{display:grid;grid-template-columns:1.02fr 1fr;gap:42px;align-items:center}.eyebrow{display:block;font-size:11px;font-weight:700;letter-spacing:.16em;color:var(--gold);line-height:1.6;margin-bottom:17px}.home-top .eyebrow{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.not-official{color:#d5cfc1;background:#22201b;border:1px solid #494030;padding:3px 9px;border-radius:4px;font-size:10px;letter-spacing:.03em}.home-top h1{font-size:clamp(32px,3.5vw,48px);margin-bottom:19px;letter-spacing:-.045em}.hero-lead{font-size:clamp(29px,3.9vw,49px);line-height:1.14;color:#e7dfcf;letter-spacing:-.035em;margin-bottom:22px;font-weight:400}.hero-lead em{font-family:Georgia,serif;font-weight:400;color:var(--gold);font-style:italic}.home-top>p:not(.eyebrow):not(.hero-lead){max-width:500px;font-size:15px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:27px 0 19px}.hero-note{color:#918c80;font-size:11px;display:flex;gap:9px;align-items:center}.hero-note span{width:5px;height:5px;border-radius:50%;background:var(--gold)}.home-summary{min-width:0;border:1px solid #43341d;border-radius:16px;overflow:hidden;background:#0c0b09}.hero-art{width:100%;aspect-ratio:2/1;object-fit:cover}.summary-caption{display:flex;align-items:center;gap:18px;padding:23px 26px;border-top:1px solid var(--line);background:linear-gradient(130deg,#211a11,#111)}.summary-caption h2{font-size:19px;margin:0 0 5px}.summary-caption p{font-size:12px;margin:0;line-height:1.6}.icon-badge{display:grid;place-items:center;width:47px;height:47px;flex:0 0 47px;border:1px solid #574322;background:linear-gradient(140deg,#322719,#17130e);color:var(--gold);border-radius:11px}.icon-badge svg{width:27px;height:27px}.domain-lines{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:48px}.domain-line-card{display:flex;flex-direction:column;padding:27px 26px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(135deg,#1b1915,#111)}.primary-line{border-color:#866333;background:linear-gradient(130deg,#282014,#14120e)}.line-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px;color:var(--gold);font-size:11px;letter-spacing:.12em;font-weight:700}.route-tag{font-size:9px;border:1px solid #49402e;padding:3px 8px;border-radius:4px;letter-spacing:.03em;color:#c3b394;font-weight:400}.domain-line-card h2{font-size:24px;margin-bottom:13px}.domain-line-card p{font-size:13px;line-height:1.75;max-width:320px;margin-bottom:23px}.route-link{color:var(--goldlight);font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding-top:17px;margin-top:auto}.route-link svg{width:20px;height:20px}.route-link:hover{color:#fff}.section-block{padding:56px 0 0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:25px}.section-heading .eyebrow{margin-bottom:10px}.section-heading h2{margin:0;font-size:29px}.section-heading>p{font-size:12px;margin:0}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.feature-card{position:relative;display:block;background:#141414;border:1px solid #302c23;border-radius:12px;padding:24px;transition:border-color .2s,background .2s}.feature-card:hover{border-color:#b18a4a;background:#1c1913}.feature-card .icon-badge{margin-bottom:19px}.feature-card h3{font-size:19px;margin-bottom:9px}.feature-card p{font-size:12px;margin:0}.card-arrow{position:absolute;top:24px;right:24px;color:#8f774c;font-size:23px}.editorial-section{padding-bottom:64px}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 295px;gap:24px;align-items:start}.content-card{background:var(--panel);border:1px solid var(--line);padding:34px;border-radius:13px;min-width:0}.prose h1{font-size:clamp(30px,4vw,47px);margin-bottom:25px}.prose h2{font-size:25px;margin-top:35px;margin-bottom:17px}.prose h2:first-child{margin-top:0}.prose h3{font-size:19px;margin-top:25px}.prose p,.prose li{font-size:15px;color:var(--muted);line-height:1.85}.prose a{color:var(--goldlight);text-decoration:underline;text-underline-offset:4px}.prose a:hover{color:white}.prose ul,.prose ol{padding-left:23px}.prose li{margin-bottom:9px}.prose strong{color:#e8e0ce}.prose blockquote,.notice-box{padding:20px 22px;margin:25px 0;background:#211c13;border-left:3px solid var(--gold);border-radius:3px}.prose .notice-box h2{margin-top:0}.side-stack{display:grid;gap:20px;position:sticky;top:112px}.side-card{border:1px solid var(--line);background:#141311;border-radius:12px;padding:26px}.side-card h2{font-size:22px;margin-bottom:15px}.side-card p{font-size:13px}.side-card .icon-badge{margin-bottom:20px}.side-card .btn{width:100%;font-size:12px}.side-card>a:not(.btn){color:var(--gold);font-size:13px}.side-links{display:grid}.side-links a{display:flex;align-items:center;justify-content:space-between;padding:13px 0;border-bottom:1px solid #302b23;font-size:12px;color:#ccc4b7}.side-links a:after{content:'→';color:var(--gold);margin-left:8px}.side-links a:hover{color:var(--goldlight)}.side-links a:last-child{border:0;padding-bottom:0}.highlight-card{background:linear-gradient(130deg,#2a2114,#14120f);border-color:#5a4525}.page-shell{padding:35px 0 65px;min-height:60vh}.breadcrumbs{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:12px;color:#a59c8b;margin:0 0 27px}.breadcrumbs a{color:var(--gold)}.post-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.post-grid .content-card>img{margin-bottom:24px;border-radius:8px}.post-grid .content-card h2{margin-top:0}.navigation{margin-top:30px}.nav-links{display:flex;gap:20px;flex-wrap:wrap}.error-card{text-align:center;padding:75px 30px}.error-card .btn{margin:10px}.site-footer{background:#0d0c0a;border-top:1px solid #4a3920;padding-top:45px}.footer-notice{padding-bottom:33px;border-bottom:1px solid var(--line)}.footer-notice h2{font-size:26px}.footer-notice p{font-size:12px;max-width:1120px;line-height:1.85;margin-bottom:13px}.footer-grid{display:grid;grid-template-columns:1.65fr repeat(4,1fr);gap:33px;padding-block:42px}.footer-brand .brand img{width:200px}.footer-brand p{font-size:12px;max-width:255px;margin:18px 0 19px}.footer-label{font-size:9px;letter-spacing:.17em;color:#8f7547}.footer-column h2{font-size:12px;color:var(--goldlight);letter-spacing:0;margin:10px 0 19px}.footer-column a{display:block;font-size:11px;color:#a9a293;margin-bottom:11px}.footer-column a:hover{color:var(--gold)}.footer-bottom{border-top:1px solid #2d281e;display:flex;justify-content:space-between;gap:20px;padding-block:21px;font-size:11px;color:#8e8574}.footer-bottom p{margin:0;font-size:11px;color:#8e8574}.back-top{position:fixed;bottom:23px;right:22px;z-index:60;width:42px;height:42px;border:1px solid #635134;border-radius:9px;color:var(--goldlight);background:#1c1710;font-size:22px;display:none}.back-top.visible{display:block}.prose details{border:1px solid var(--line);border-radius:8px;margin:12px 0;padding:18px;background:#181612}.prose summary{cursor:pointer;font-weight:700;color:var(--goldlight);font-size:15px}.prose details p{margin-top:15px;margin-bottom:0}.prose table{border-collapse:collapse;width:100%;font-size:13px}.prose td,.prose th{padding:12px;border:1px solid var(--line);text-align:left}.prose th{color:var(--gold)}input,textarea,select{max-width:100%;background:#171512;border:1px solid #625137;color:var(--text);padding:10px;border-radius:4px}textarea{width:100%}.comment-list{padding-left:20px}.comment-meta{font-size:12px}.comment-body{border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:20px}.search-form{display:flex;align-items:end;gap:12px}.search-form label{display:grid}.wp-caption{max-width:100%}.wp-caption-text{font-size:12px}.alignleft{float:left;margin:0 20px 20px 0}.alignright{float:right;margin:0 0 20px 20px}.aligncenter{display:block;margin-inline:auto}.gallery-caption{font-size:12px}.bypostauthor{border-left:2px solid var(--gold)}.wp-block-image img{height:auto}.prose>*:last-child{margin-bottom:0}
@media(min-width:1081px){.primary-nav{display:block!important}}
@media(max-width:1180px){.container{width:calc(100% - 44px)}.header-inner{gap:18px}.nav-menu{gap:15px}.brand img{width:180px}.header-actions{gap:14px}.nav-menu a{font-size:12px}.home-layout{gap:28px}}
@media(max-width:1080px){.header-inner{min-height:78px;flex-wrap:wrap;position:relative}.brand{margin-right:auto}.menu-toggle{display:grid;gap:5px;order:3;width:43px;height:42px;border-radius:7px;border:1px solid #56472e;background:#17130e;align-content:center;padding:10px}.menu-toggle span{height:2px;background:var(--goldlight);display:block;width:21px;transition:transform .2s}.menu-toggle[aria-expanded=true] span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.primary-nav{display:none;position:absolute;left:0;right:0;top:100%;max-height:calc(100dvh - 100px);overflow-y:auto;background:#12110f;border:1px solid #524125;padding:15px 22px 24px;border-radius:0 0 12px 12px;box-shadow:0 20px 40px #000a;margin:0}.primary-nav.is-open{display:block}.nav-menu{display:block}.nav-menu a{padding:15px 0;font-size:15px;border-bottom:1px solid #302a20}.nav-menu a[aria-current=page]:after{display:none}.nav-menu li{position:relative}.submenu-toggle{position:absolute;right:0;top:7px;padding:13px}.sub-menu,.sub-menu .sub-menu{position:static;min-width:0;margin:8px 0 8px 15px;padding:0 14px;border:none;border-left:1px solid #70562d;border-radius:0;display:none}.nav-menu li:hover>.sub-menu,.nav-menu li:focus-within>.sub-menu{display:none}.nav-menu li.submenu-open>.sub-menu{display:block}.mobile-actions{display:flex;gap:12px;padding-top:24px}.mobile-actions .btn{flex:1}.content-grid{grid-template-columns:minmax(0,1fr) 255px}.content-card{padding:27px}.side-card{padding:22px}.home-top h1{font-size:36px}.hero-lead{font-size:38px}.summary-caption{padding:20px}.footer-grid{gap:25px}}
@media(max-width:800px){.container{width:calc(100% - 36px)}.home-entry-hero{padding-top:33px}.home-layout{grid-template-columns:1fr;gap:30px}.home-top h1{font-size:40px}.hero-lead{font-size:43px}.home-top>p:not(.eyebrow):not(.hero-lead){max-width:580px}.home-summary{max-width:620px;width:100%}.hero-art{aspect-ratio:2.2/1}.domain-lines{margin-top:29px;gap:13px}.domain-line-card{padding:20px}.domain-line-card h2{font-size:21px}.line-head{flex-wrap:wrap;gap:8px}.feature-grid{gap:13px}.feature-card{padding:20px}.feature-card h3{font-size:17px}.content-grid{grid-template-columns:1fr}.side-stack{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.side-stack .side-card:last-child{grid-column:1/-1}.section-heading{align-items:start;flex-direction:column;gap:12px}.section-block{padding-top:39px}.footer-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:25px}.footer-brand{grid-column:1/-1}.footer-brand p{max-width:450px}.footer-grid{padding-block:30px}.admin-bar .site-header{top:46px}.admin-bar .primary-nav{max-height:calc(100dvh - 140px)}}
@media(max-width:580px){.container{width:calc(100% - 28px)}.header-inner{min-height:72px;gap:12px}.brand img{width:166px}.header-actions .btn{padding:10px 12px;font-size:11px;min-height:36px}.menu-toggle{width:38px;height:38px;padding:8px}.home-top .eyebrow{font-size:9px;gap:10px}.home-top h1{font-size:35px}.hero-lead{font-size:37px}.hero-actions{gap:10px}.hero-actions .btn{font-size:12px;padding:13px 17px;flex:1}.hero-note{font-size:10px}.home-top>p:not(.eyebrow):not(.hero-lead){font-size:14px}.summary-caption{padding:18px;gap:14px}.summary-caption h2{font-size:17px}.summary-caption p{font-size:11px}.summary-caption .icon-badge{width:40px;height:40px;flex-basis:40px}.domain-lines{grid-template-columns:1fr;gap:13px}.domain-line-card{padding:23px}.line-head{flex-wrap:nowrap}.domain-line-card p{max-width:none;font-size:13px}.domain-line-card h2{font-size:23px}.domain-line-card .route-link{font-size:13px}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.feature-card{padding:18px 15px}.feature-card h3{font-size:16px;line-height:1.3}.feature-card p{font-size:11px;line-height:1.7}.feature-card .icon-badge{width:39px;height:39px;min-width:0;margin-bottom:16px}.icon-badge svg{width:24px;height:24px}.card-arrow{top:15px;right:14px;font-size:18px}.section-heading h2{font-size:26px}.section-heading .eyebrow{font-size:9px}.content-card{padding:24px 20px}.prose h2{font-size:23px}.prose p,.prose li{font-size:14px}.prose h1{font-size:31px}.side-stack{grid-template-columns:1fr}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px}.footer-column h2{font-size:12px}.footer-column a{font-size:12px}.footer-bottom{flex-direction:column;gap:5px}.footer-notice h2{font-size:24px}.post-grid{grid-template-columns:1fr}.page-shell{padding-top:24px}.back-top{right:14px;bottom:15px;width:37px;height:37px}.error-card{padding:48px 20px}.error-card .btn{display:flex}.site-footer{padding-top:33px}}
@media(max-width:360px){.hero-actions .btn{flex-basis:100%}.home-top h1{font-size:31px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
@media print{.site-header,.side-stack,.site-footer,.back-top,.hero-actions{display:none}body{background:white;color:black}.content-grid{display:block}.prose p,.prose li,h1,h2,h3{color:black}.content-card{border:0;background:white}}

/* v1.1 — existing page grids retained; entry and contact controls added. */
.main-entry-card{border-color:#74562d}.main-entry-card h2{font-size:25px;line-height:1.24}.main-entry-card .btn{font-size:14px;gap:12px}.main-entry-card .btn svg{width:20px;height:20px}.blog-introduction{margin-top:26px}.floating-social{position:fixed;right:20px;bottom:24px;z-index:120;display:flex;flex-direction:column;gap:10px}.float-btn{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;border:1px solid #343126;background:#0d0d0bf2;box-shadow:0 4px 12px #0004;transition:border-color .2s,transform .2s}.float-btn:hover{border-color:var(--gold);transform:translateY(-2px)}.float-btn svg{width:23px;height:23px;fill:currentColor}.float-btn.tg{color:#28a8ea}.float-btn.fb{color:#508cf0}.float-btn.wa{color:#17e57d}.float-btn.top{color:var(--gold);position:static;display:grid;font-size:20px}.float-btn.top svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.floating-social .back-top{bottom:auto;right:auto}.floating-social .back-top.visible{display:grid}
@media(max-width:1380px) and (min-width:581px){.floating-social{right:7px;gap:8px}.float-btn{width:40px;height:40px}}
@media(max-width:580px){.floating-social{right:8px;bottom:12px;gap:7px}.float-btn{width:36px;height:36px}.float-btn svg{width:19px;height:19px}.site-footer .footer-bottom{padding-right:42px}.main-entry-card .btn{padding-inline:28px}}
@media print{.floating-social{display:none}}
.page-illustration{margin:0 0 30px;border:1px solid #564223;border-radius:12px;overflow:hidden;background:#0d0c0a;box-shadow:0 18px 48px #0007}.page-illustration img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover}.archive-illustration{max-width:900px}.error-card .page-illustration{max-width:640px;margin:25px auto}.prose .page-illustration{margin-top:6px}.prose .page-illustration img{margin:0}

/* v1.2 — centered desktop navigation and three direct domain lines. */
@media(min-width:1081px){.header-inner{display:grid;grid-template-columns:minmax(185px,1fr) auto minmax(185px,1fr);gap:18px}.primary-nav{margin:0;justify-self:center}.header-actions{justify-self:end}}
.domain-line-card{min-height:345px;background:linear-gradient(145deg,#1d1a14,#0e0e0c);border-top:4px solid #d8b46c;box-shadow:0 18px 34px #0004}.primary-line{background:linear-gradient(145deg,#2d2417,#11100d);border-color:#9a7640;border-top-color:#efcb81}.domain-line-card .line-head{font-size:12px;letter-spacing:.14em;margin-bottom:27px}.domain-line-card .route-tag{border-radius:999px;font-size:11px;padding:6px 12px;color:var(--goldlight);font-weight:700}.domain-line-card h2{font-size:clamp(23px,2.4vw,31px);margin-bottom:16px;overflow-wrap:anywhere}.domain-line-card h2 a:hover{color:var(--goldlight)}.domain-line-card p{font-size:15px;line-height:1.65;max-width:none;margin-bottom:24px}.domain-line-card .line-route-btn{display:flex;justify-content:center;min-height:59px;padding:13px 17px;margin-top:auto;border:1px solid #6a5632;border-radius:999px;background:#201c15;color:#fff;text-align:center;font-size:16px}.domain-line-card .line-route-btn:hover{background:#45351d;color:#fff;border-color:#d8b46c}.domain-line-card.primary-line .line-route-btn{background:linear-gradient(110deg,#f1d393,#bc9049);border-color:#e0bb75;color:#1c1408}.domain-line-card.primary-line .line-route-btn:hover{background:#f4deb0;color:#1c1408}
@media(max-width:1180px) and (min-width:1081px){.header-inner{grid-template-columns:180px auto 180px;gap:12px}.nav-menu{gap:12px}}
@media(max-width:800px){.domain-line-card{min-height:330px}.domain-line-card h2{font-size:22px}}
@media(max-width:580px){.domain-line-card{min-height:295px}.domain-line-card h2{font-size:25px}.domain-line-card .line-route-btn{font-size:15px}}


/* v1.2.2 — homepage editorial card grid */
.home-long-content{min-width:0}
.home-copy-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:stretch}
.home-copy-card{position:relative;overflow:hidden;padding:28px;border:1px solid #5f4b2d;border-top:3px solid #d6ad62;border-radius:12px;background:linear-gradient(145deg,#1b1812,#0d0d0b 78%);box-shadow:0 18px 40px #0005}
.home-copy-card:before{content:"";position:absolute;inset:0 auto auto 0;width:110px;height:110px;background:radial-gradient(circle at 0 0,#d6ad621c,transparent 70%);pointer-events:none}
.home-copy-card h2{position:relative;margin:0 0 18px;padding-bottom:15px;border-bottom:1px solid #493a26;color:var(--goldlight);font-size:clamp(21px,2vw,27px);line-height:1.25}
.home-copy-card p,.home-copy-card li{position:relative;font-size:14px;line-height:1.82;color:#c9c1b2}
.home-copy-card p:last-child,.home-copy-card ul:last-child,.home-copy-card ol:last-child,.home-copy-card details:last-child{margin-bottom:0}
.home-copy-card a{color:#e5c47e;text-decoration-color:#7e6337;text-underline-offset:3px}
.home-copy-card a:hover{color:#f5ddb0}
.home-copy-card details{background:#12110e;border-color:#4b3a24}
@media(max-width:800px){.home-copy-grid{grid-template-columns:1fr;gap:16px}.home-copy-card{padding:24px 21px}}


/* v1.2.4 — fixed mobile header; desktop layout remains unchanged. */
.site-header-spacer{display:none}
@media screen and (max-width:1080px){
    :root{
        --phmayon-mobile-header-height:calc(79px + env(safe-area-inset-top,0px));
        --phmayon-visible-height:100vh;
        scroll-padding-top:calc(var(--phmayon-mobile-header-height) + var(--phmayon-toolbar-offset,0px) + 16px);
    }
    body.admin-bar{--phmayon-toolbar-fallback:32px}
    .site-header,.admin-bar .site-header{
        position:fixed;
        top:var(--phmayon-toolbar-offset,var(--phmayon-toolbar-fallback,0px));
        right:0;
        bottom:auto;
        left:0;
        width:auto;
        z-index:1000;
        padding-top:env(safe-area-inset-top,0px);
        background:#0b0b0b;
    }
    .site-header-spacer{
        display:block;
        height:var(--phmayon-mobile-header-height);
        flex-shrink:0;
        pointer-events:none;
    }
    .site-header .primary-nav{
        max-height:max(0px,calc(var(--phmayon-visible-height) - var(--phmayon-mobile-header-height) - var(--phmayon-toolbar-offset,var(--phmayon-toolbar-fallback,0px))));
        overflow-x:hidden;
        overflow-y:auto;
        overscroll-behavior-y:contain;
        -webkit-overflow-scrolling:touch;
        padding-bottom:max(24px,env(safe-area-inset-bottom,0px));
    }
    .site-header .nav-menu a{white-space:normal;overflow-wrap:anywhere}
    .site-header .menu-item-has-children>a{padding-right:36px}
    .skip-link:focus{top:calc(var(--phmayon-toolbar-offset,var(--phmayon-toolbar-fallback,0px)) + 10px)}
}
@supports (height:100dvh){
    @media screen and (max-width:1080px){:root{--phmayon-visible-height:100dvh}}
}
@media screen and (max-width:782px){body.admin-bar{--phmayon-toolbar-fallback:46px}}
@media screen and (max-width:580px){
    :root{--phmayon-mobile-header-height:calc(73px + env(safe-area-inset-top,0px))}
}


/* v1.3.3 — intro first on mobile, followed by routes, then the artwork.
 * One copy of each block; desktop retains its existing two-column hero.
 */
.home-entry-hero .home-layout{
    grid-template-areas:"intro artwork" "routes routes";
    row-gap:48px;
}
.home-entry-hero .home-top{grid-area:intro;min-width:0}
.home-entry-hero .domain-lines{grid-area:routes;margin-top:0;min-width:0}
.home-entry-hero .home-summary{grid-area:artwork}
@media(max-width:800px){
    .home-entry-hero .home-layout{
        grid-template-areas:"intro" "routes" "artwork";
        row-gap:29px;
    }
}
.site-brand {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
}

.site-logo {
    display: block;
    width: auto;
    max-width: 168px;
    height: auto;
    max-height: 58px;
}

@media (max-width: 768px) {
    .site-logo {
        max-width: 138px;
        max-height: 48px;
    }
}

/* v1.3.4 — both account buttons stay visible, with the menu aligned right. */
.site-header .header-actions{gap:10px}
.site-header .header-login{display:inline-flex}
@media screen and (max-width:1080px){
    .site-header .header-inner{flex-wrap:nowrap;gap:10px}
    .site-header .site-brand{margin-right:auto;flex:0 1 auto;min-width:0}
    .site-header .header-actions{display:flex;flex:0 0 auto;margin-left:auto;gap:8px}
    .site-header .menu-toggle{order:initial;flex:0 0 43px;margin-left:0}
    .site-header .header-actions .btn{min-height:42px}
}
@media screen and (max-width:580px){
    .site-header .header-inner{width:calc(100% - 28px);gap:9px}
    .site-header .site-logo{max-width:138px;max-height:48px;width:auto;height:auto}
    .site-header .menu-toggle{flex-basis:38px;min-height:42px}
    .site-header .header-actions .btn{font-size:11px;padding:10px 11px;min-height:42px}
}
@media screen and (max-width:380px){
    .site-header .header-inner{gap:7px}
    .site-header .site-logo{max-width:108px;max-height:44px}
    .site-header .header-actions{gap:6px}
    .site-header .header-actions .btn{padding:9px 8px}
    .site-header .menu-toggle{width:36px;flex-basis:36px}
}

/* An in-flow, internal home link at the end of each detail page. */
.return-home-card{
    position:relative;isolation:isolate;overflow:hidden;clear:both;
    margin:36px 0 0;padding:32px;border:1px solid #806137;border-radius:16px;
    background:radial-gradient(ellipse at 0 0,#59401842,transparent 70%),linear-gradient(135deg,#241e13,#11100c 80%);
    box-shadow:0 16px 34px #0003;
}
.return-home-card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#edcb87,#78582d,transparent);pointer-events:none}
.return-home-card .eyebrow{margin:0 0 18px;color:#d8b46c;font-size:11px;letter-spacing:.14em}
.return-home-card h2,.prose .return-home-card h2{margin:0 0 17px;color:#f0d697;font-size:clamp(25px,2.8vw,34px);line-height:1.2}
.return-home-card p,.prose .return-home-card p{max-width:760px;margin:0 0 24px;color:#c8c1b5;font-size:15px;line-height:1.8}
.return-home-card .return-home-btn,.prose .return-home-card .return-home-btn{display:inline-flex;gap:12px;min-height:50px;margin:0;padding:13px 24px;border-radius:999px;color:#181107;text-decoration:none;font-size:14px;font-weight:700}
.return-home-card .return-home-btn:hover,.prose .return-home-card .return-home-btn:hover{color:#181107;background:#f4deb0}
.return-home-btn svg{width:20px;height:20px;flex:0 0 20px;transform:rotate(180deg)}
@media(max-width:580px){
    .return-home-card{margin-top:28px;padding:24px 20px;border-radius:13px}
    .return-home-card h2,.prose .return-home-card h2{font-size:25px}
    .return-home-card p,.prose .return-home-card p{font-size:14px}
    .return-home-card .return-home-btn,.prose .return-home-card .return-home-btn{width:100%;min-height:48px;padding:12px 16px}
}
