/*
Theme Name: Ghost Comic V1.6
Description: Minimal horror webcomic theme with case-file Meet the Team page.
Version: 1.6.0
Author: Michael Howington
*/
:root{--line:rgba(155,194,220,.3);--text:#dbe7ef;--paper:#e7ddbd;--paper-dark:#c6b682;--ink:#25231d}*{box-sizing:border-box}html{background:#010207}body{margin:0;min-height:100vh;color:var(--text);font-family:Georgia,"Times New Roman",serif;background:#02040a radial-gradient(ellipse at 50% -8%,rgba(224,235,242,.25),rgba(30,50,70,.08) 34%,transparent 58%);background-attachment:fixed}body:before{content:"";position:fixed;inset:0;z-index:-2;background:linear-gradient(82deg,transparent 0 6%,#000d 6.4% 9%,transparent 9.4% 25%,#000e 25.5% 29%,transparent 29.5% 70%,#000e 70.5% 74%,transparent 74.5% 92%,#000e 92.5% 96%,transparent 96.5%)}body:after{content:"";position:fixed;left:-12vw;right:-12vw;bottom:-4vh;height:58vh;z-index:-1;background:radial-gradient(ellipse at 18% 75%,#d9e5ec2b,transparent 52%),radial-gradient(ellipse at 80% 68%,#c9dbe52b,transparent 54%);filter:blur(18px)}a{color:inherit}.site-shell{width:min(96vw,1500px);margin:auto;min-height:100vh;padding:28px 20px 48px}.site-header{min-height:58px;display:flex;justify-content:flex-end;position:relative;z-index:50}.site-footer{text-align:center;padding-top:44px;color:#7d909d;font-size:.75rem}.comic-stage{display:flex;flex-direction:column;align-items:center}.comic-title{text-align:center;font-weight:normal}.comic-frame{max-width:100%;padding:8px;background:#02050deb;border:1px solid var(--line);box-shadow:0 14px 55px #000c}.comic-frame img{display:block;max-width:100%;height:auto}.comic-nav{width:min(100%,920px);display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px auto}.comic-nav a,.sitemap-toggle,.warning-gate__button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:11px 13px;color:#d6e7f0;background:#040a13c7;border:1px solid var(--line);font:600 .78rem/1 Arial,sans-serif;letter-spacing:.12em;text-decoration:none;text-transform:uppercase}.disabled,.comic-nav--placeholder a{opacity:.25;pointer-events:none}.page-content{width:min(900px,100%);margin:30px auto;padding:28px;background:#02050de0;border:1px solid var(--line);line-height:1.65}.archive-list{list-style:none;padding:0}.archive-list li{padding:11px 0;border-bottom:1px solid #9bc2dc24}.sitemap-menu{position:relative}.sitemap-toggle:after{content:"▾";margin-left:.55rem}.sitemap-menu ul{list-style:none;margin:0;padding:6px;min-width:220px;background:#05080ef7;border:1px solid var(--line);box-shadow:0 18px 45px #000b}.sitemap-menu>.menu-sitemap-container>ul{position:absolute;top:calc(100% + 7px);right:0;visibility:hidden;opacity:0}.sitemap-menu:hover>.menu-sitemap-container>ul,.sitemap-menu:focus-within>.menu-sitemap-container>ul,.sitemap-menu.open>.menu-sitemap-container>ul{visibility:visible;opacity:1}.sitemap-menu li{position:relative}.sitemap-menu a{display:flex;justify-content:space-between;padding:11px 13px;text-decoration:none;font-family:Arial,sans-serif;white-space:nowrap}.sitemap-menu .menu-item-has-children>a:after{content:"›";margin-left:1rem}.sitemap-menu .sub-menu{position:absolute;top:-7px;right:calc(100% + 7px);visibility:hidden;opacity:0}.sitemap-menu li:hover>.sub-menu,.sitemap-menu li:focus-within>.sub-menu,.sitemap-menu li.submenu-open>.sub-menu{visibility:visible;opacity:1}.warning-gate-page .site-header,.warning-gate-page .site-footer{display:none}.warning-gate-page .site-shell{display:flex;align-items:center;justify-content:center;min-height:100vh}.warning-gate{width:min(760px,100%);padding:clamp(28px,6vw,58px);text-align:center;background:#02050de8;border:1px solid var(--line);box-shadow:0 24px 80px #000e}.warning-gate__copy{line-height:1.75}.warning-gate__actions{display:flex;gap:12px;justify-content:center}.comic-placeholder-frame{width:min(100%,1000px)}.comic-placeholder{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:4/5;min-height:520px;text-align:center;background:radial-gradient(ellipse at 50% 18%,#d4e3ec29,#4b677b0f 35%,transparent 62%),linear-gradient(#070f1ab8,#000207fa)}.comic-placeholder__content{width:min(620px,calc(100% - 44px));padding:clamp(28px,6vw,58px);background:#02050db8;border:1px solid #abccde3d;box-shadow:0 20px 60px #000b}.comic-placeholder__label{color:#91a9b8;font:600 .7rem Arial,sans-serif;letter-spacing:.24em;text-transform:uppercase}.comic-placeholder__title{font-size:clamp(1.9rem,6vw,4.2rem);font-weight:normal}.comic-placeholder__copy{line-height:1.7}
/* V1.6 Meet the Team case-file */
.team-page{width:min(1180px,100%);margin:10px auto 42px}.team-heading{text-align:center;margin:0 0 18px;font-weight:normal;letter-spacing:.1em}.case-file{position:relative;min-height:720px;padding:74px 42px 42px;border-radius:10px 12px 14px 10px;color:var(--ink);background:linear-gradient(100deg,#d3c38f 0 2%,var(--paper) 3% 58%,#ddd0a4 100%);box-shadow:0 24px 75px #000d, inset 0 0 70px rgba(102,79,25,.13);overflow:visible}.case-file:before{content:"";position:absolute;left:2%;right:2%;top:17px;height:26px;background:linear-gradient(90deg,transparent,#fff5 19%,transparent 43%,#0001 70%,transparent);opacity:.45}.case-file__tabs{position:absolute;top:-37px;right:20px;display:flex;align-items:flex-end;gap:4px;max-width:72%;overflow-x:auto;padding:4px 4px 0}.case-tab{position:relative;min-width:112px;max-width:160px;padding:14px 16px 12px;border:0;border-radius:8px 8px 0 0;color:#332f23;background:#bda970;box-shadow:0 -5px 12px #0003;font:700 .72rem/1.1 Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.case-tab.is-active{background:var(--paper);padding-top:18px}.case-tab:hover,.case-tab:focus{background:#d2c18e;outline:2px solid #4f4938;outline-offset:-3px}.case-file__layout{display:grid;grid-template-columns:minmax(220px,31%) 1fr;grid-template-rows:auto 1fr;gap:30px 40px}.case-photo{grid-column:1;grid-row:1;position:relative;display:block;width:min(100%,330px);margin:0 auto;padding:14px 14px 48px;background:#eee9db;transform:rotate(-2deg);box-shadow:0 9px 18px #4b402c66;text-decoration:none}.case-photo:before{content:"";position:absolute;top:-15px;left:50%;width:22px;height:50px;border:3px solid #777;border-radius:10px;transform:translateX(-50%) rotate(8deg);opacity:.75}.case-photo img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;background:#101010}.case-photo__empty{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:4/5;color:#aaa;background:#111;font:600 .75rem Arial,sans-serif;letter-spacing:.15em;text-transform:uppercase}.case-notes{grid-column:1;grid-row:2;align-self:start;position:relative;width:min(92%,280px);min-height:244px;margin:0 auto;padding:48px 22px 24px;background:repeating-linear-gradient(#ede7d6 0 27px,#aeb7ba 28px);box-shadow:0 6px 12px #493e2966;transform:rotate(.7deg)}.case-notes:before{content:"";position:absolute;top:10px;left:12%;right:12%;height:24px;background:#272725;transform:rotate(-1deg);box-shadow:0 2px 5px #0007}.case-notes ul{margin:0;padding-left:20px;font:600 .88rem/1.9 Arial,sans-serif}.case-notes li::marker{color:#544a31}.case-paper{grid-column:2;grid-row:1 / span 2;min-height:570px;padding:54px clamp(32px,5vw,72px);background:linear-gradient(95deg,#f1f0ec,#fff 45%,#eeeae1);box-shadow:0 8px 20px #51452e55;position:relative}.case-paper:before{content:"";position:absolute;top:-13px;left:50%;width:26px;height:38px;border:4px solid #4d4d4c;border-radius:3px;transform:translateX(-50%)}.case-name{margin:0 0 6px;font-size:clamp(2rem,5vw,4rem);font-weight:normal;letter-spacing:.04em}.case-group{margin:0 0 25px;color:#71684f;font:700 .72rem Arial,sans-serif;letter-spacing:.2em;text-transform:uppercase}.case-bio{font-size:1.05rem;line-height:1.8}.case-bio p:first-child{margin-top:0}.case-full-file{display:inline-flex;margin-top:26px;padding:11px 17px;color:#2e2b23;border:1px solid #7b7159;text-decoration:none;font:700 .72rem Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase}.case-full-file:hover,.case-full-file:focus{color:#000;background:#d7ccb0}.case-empty{padding:60px;text-align:center;color:#29261f;background:var(--paper)}
@media(max-width:760px){.site-shell{padding:16px 10px}.warning-gate__actions{flex-direction:column}.comic-placeholder{min-height:430px;aspect-ratio:3/4}.sitemap-menu .sub-menu{position:static;display:none;visibility:visible;opacity:1;margin-left:12px}.sitemap-menu li.submenu-open>.sub-menu{display:block}.team-page{padding-top:52px}.case-file{padding:45px 16px 24px}.case-file__tabs{top:-47px;right:0;left:0;max-width:100%;justify-content:flex-start}.case-tab{min-width:104px}.case-file__layout{display:flex;flex-direction:column;gap:25px}.case-photo{order:1;width:min(84%,330px)}.case-notes{order:2;width:min(90%,330px)}.case-paper{order:3;min-height:0;padding:36px 24px}.case-name{font-size:2.5rem}}
@media(prefers-reduced-motion:reduce){.case-tab,.sitemap-menu ul{transition:none!important}}