/* Joshua D. Agee — immersive editorial interface v3 */
:root{--cyan:#06d9e9;--electric:#168cff;--violet:#a24eff;--amber:#f2b23d}
body{background:#080e17} .site-header{height:76px;position:sticky;top:0;z-index:90;background:rgba(6,12,23,.91);backdrop-filter:blur(23px);-webkit-backdrop-filter:blur(23px);border-bottom:1px solid rgba(205,228,255,.25);color:#f4f7ff}
.header-inner{max-width:none;padding:0 clamp(18px,4.7vw,85px);height:100%;gap:25px}.wordmark{gap:17px;flex-shrink:0}.wordmark .mark{font-size:31px;font-weight:300;letter-spacing:-.13em;line-height:1;color:#fff}.wordmark .brand-rule{display:block;height:30px;width:2px;background:var(--cyan);margin:0 9px}.wordmark-name{font-size:12px;letter-spacing:.32em;font-weight:600;white-space:nowrap}.nav-links{gap:clamp(10px,1.9vw,30px);margin-left:auto}.nav-links a{font-size:10px;letter-spacing:.16em;text-transform:uppercase;position:relative;color:#e7edf9;font-weight:600}.nav-links a:hover,.nav-links a:focus-visible{color:var(--cyan)}.nav-links a.active:after{content:"";position:absolute;left:0;right:0;bottom:-13px;height:2px;background:var(--amber);box-shadow:0 0 12px var(--amber)}.header-actions{gap:10px}.search-trigger{border:0;color:var(--cyan);background:none}.mobile-contact{display:none}
.immersive-stage{position:relative;isolation:isolate;overflow:hidden;min-height:900px;color:#eef5ff;background:radial-gradient(ellipse at 73% 23%,rgba(59,91,109,.52),transparent 32%),radial-gradient(ellipse at 7% 45%,rgba(17,64,84,.5),transparent 34%),linear-gradient(115deg,#07121d 0%,#101c26 46%,#17212a 78%,#07101b 100%);padding-bottom:30px}.immersive-stage:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,12,20,.74),transparent 35%,rgba(7,11,18,.30)),repeating-linear-gradient(90deg,transparent 0 120px,rgba(255,255,255,.022) 121px 123px,transparent 125px 160px);z-index:-1}.immersive-stage:after{content:"";position:absolute;left:-10%;right:-10%;top:515px;height:340px;pointer-events:none;background:linear-gradient(180deg,rgba(10,22,33,.05),rgba(0,0,0,.6)),repeating-linear-gradient(90deg,transparent 0 115px,rgba(255,255,255,.025) 116px 117px);transform:perspective(500px) rotateX(61deg);transform-origin:top;opacity:.6;z-index:-1}.stage-glow{position:absolute;pointer-events:none;filter:blur(65px);opacity:.34;z-index:-1;border-radius:50%}.glow-cyan{width:390px;height:400px;background:#04a8c6;left:12%;top:180px}.glow-gold{width:340px;height:440px;background:#ac7933;right:-9%;top:10px}.stage-scan{position:absolute;inset:0;pointer-events:none;opacity:.28;background-image:radial-gradient(circle,#9fc8de 0.7px,transparent 1.1px);background-size:17px 17px;mask-image:linear-gradient(90deg,black,transparent 23%,transparent 82%,black);z-index:-1}.hero-stage{position:relative;padding-top:35px}.edge-legend{position:absolute;top:155px;left:clamp(22px,4vw,65px);z-index:2;display:grid;gap:15px}.edge-legend span{font-family:var(--mono);font-size:10px;letter-spacing:.26em;display:flex;align-items:center;gap:12px}.edge-legend span:before{content:"";width:20px;height:2px;background:var(--c);box-shadow:0 0 8px var(--c)}.hero-frame{position:relative;margin-left:clamp(115px,13vw,210px);height:490px;isolation:isolate}.hero-frame:after{content:"";position:absolute;bottom:9px;left:8%;right:5%;height:1px;background:linear-gradient(90deg,transparent,var(--amber),transparent);opacity:.7}.corner{position:absolute;width:130px;height:150px;border-radius:16px;pointer-events:none;z-index:4;opacity:.92}.corner-tl{left:0;top:0;border-top:5px solid #79dcff;border-left:5px solid #63dfff;box-shadow:-3px -4px 7px #23a9e7,inset 3px 2px 7px rgba(111,231,255,.4)}.corner-tr{right:0;top:0;border-top:5px solid #e7f6ff;border-right:5px solid #ffb12e;box-shadow:3px -3px 8px #ffa12c}.corner-bl{left:0;bottom:0;border-bottom:5px solid #38dffa;border-left:5px solid #c8f4ff;box-shadow:-3px 3px 9px #00b8eb}.corner-br{right:0;bottom:0;border-bottom:5px solid #7ea6e6;border-right:5px solid #a9d9ff;box-shadow:3px 3px 9px #4e91d6}.hero-content{position:relative;z-index:3;padding:122px 0 0 clamp(40px,5vw,92px);max-width:720px}.hero-eyebrow{display:flex;align-items:center;gap:14px;font-size:11px;font-weight:600;letter-spacing:.36em;margin-bottom:19px}.hero-eyebrow span{width:22px;height:2px;background:var(--amber);box-shadow:0 0 9px var(--amber)}.hero-content h1{font-family:var(--sans);font-size:clamp(38px,4.1vw,72px);line-height:1.05;font-weight:500;white-space:nowrap;letter-spacing:.07em;margin:0 0 20px;text-shadow:0 5px 16px #000}.hero-lead{font-size:clamp(17px,1.55vw,24px);line-height:1.5;border-left:2px solid var(--cyan);padding-left:22px;margin:0;max-width:580px;text-shadow:0 2px 9px #000}.hero-actions{display:flex;gap:16px;align-items:center;margin-top:34px}.neon-btn,.glass-btn{font-family:var(--mono);font-size:11px;letter-spacing:.19em;font-weight:500;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;min-height:49px;padding:0 24px;transition:.2s ease}.neon-btn{border:1px solid #52f8ff;box-shadow:inset 0 0 11px #008ccc55,0 0 14px #06bfe53b;background:#071b28bd;gap:25px}.neon-btn:hover{background:#10506b;transform:translateY(-3px)}.neon-btn span{font-size:22px}.glass-btn{border:1px solid #aeb8c3aa;background:#131e29aa}.glass-btn:hover{border-color:#fff;background:#28384b}.portrait-area{position:absolute;right:7%;top:-4px;bottom:0;width:42%;z-index:1;overflow:hidden;mask-image:linear-gradient(to bottom,#000 0%,#000 82%,transparent 100%)}.portrait-area img{position:absolute;width:100%;height:113%;object-fit:cover;object-position:center 9%;bottom:-15%;filter:contrast(1.03) saturate(.9);border-radius:7px}.portrait-halo{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 30%,rgba(255,217,131,.23),transparent 65%);z-index:1;mix-blend-mode:screen;pointer-events:none}.lab-badge{z-index:6;position:relative;width:max-content;max-width:90%;margin:-27px auto 0;display:flex;align-items:center;justify-content:center;gap:18px;padding:13px 32px;border:1px solid #bac9d8a6;border-radius:16px;background:linear-gradient(130deg,#090e18ef,#253545f0,#0b1522ee);box-shadow:0 9px 23px #000c,inset 0 1px 1px #dce9ff66;backdrop-filter:blur(18px)}.lab-badge>span{font-family:var(--mono);font-size:10px;letter-spacing:.35em;white-space:nowrap}.lab-badge b{font-size:32px;letter-spacing:.07em;line-height:1;font-weight:500}.lab-badge b i{font-style:normal;color:#00e3ef;text-shadow:0 0 10px #00d9ee}.lab-badge b em{font-style:normal;color:#e6ac31}.lab-badge b strong{font-weight:500;color:#c659ff;text-shadow:0 0 10px #a24eff}.stage-directory{position:relative;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin-top:50px}.entry-tile{position:relative;display:flex;flex-direction:column;min-height:235px;padding:24px 20px 25px;border:1px solid color-mix(in srgb,var(--tile) 78%,white 22%);border-radius:13px;background:linear-gradient(140deg,color-mix(in srgb,var(--tile) 20%,transparent),rgba(5,13,24,.82) 65%);box-shadow:inset 0 -8px 25px color-mix(in srgb,var(--tile) 23%,transparent),0 12px 32px #0006;transition:transform .25s,border-color .25s,box-shadow .25s;min-width:0}.entry-tile:hover{transform:translateY(-9px);box-shadow:inset 0 -8px 35px color-mix(in srgb,var(--tile) 31%,transparent),0 18px 38px #000a}.entry-tile svg{width:41px;height:41px;color:var(--tile);margin:0 0 25px;filter:drop-shadow(0 0 5px color-mix(in srgb,var(--tile) 45%,transparent))}.entry-tile h2{font-family:var(--mono);font-size:clamp(11px,1.25vw,17px);letter-spacing:.16em;font-weight:500;line-height:1.4;margin:0 0 12px;white-space:nowrap}.entry-tile p{font-size:12px;line-height:1.55;color:#cbd5df;margin:0;padding-right:5px}.entry-tile>span{position:absolute;right:18px;bottom:12px;font-size:19px;color:#fff}.tile-cyan{--tile:#00ddea}.tile-blue{--tile:#178eff}.tile-purple{--tile:#a347f9}.tile-gold{--tile:#f0b342}.tile-silver{--tile:#c7d4e1}.stage-bottom{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:50px;border-top:1px solid #8b9bae55;padding-top:27px;padding-bottom:16px;color:#d8e3f3;font:10px var(--mono);letter-spacing:.16em}.stage-bottom>span:first-child{white-space:nowrap}.stage-bottom i{display:inline-block;width:25px;height:2px;background:var(--amber);vertical-align:middle;margin-right:12px}.stage-bottom>a{color:#a8eaff;white-space:nowrap}.anchor-target{position:relative;display:block;top:-100px;visibility:hidden}.ministry-section{background:var(--cream)}.ministry-layout{display:grid;grid-template-columns:1.6fr 1fr;gap:80px;align-items:end}.ministry-layout h2{font-family:var(--serif);font-size:clamp(46px,5vw,84px);font-weight:400;margin:0 0 22px;line-height:1.1}.ministry-layout h2 em{font-weight:400}.ministry-layout p{font-size:18px;line-height:1.7;max-width:650px}.ministry-actions{display:grid;gap:18px}.ministry-actions span{font:10px var(--mono);letter-spacing:.13em;color:#6e7378}
@media(max-width:1280px){.header-inner{gap:17px}.wordmark-name{font-size:11px;letter-spacing:.2em}.nav-links{gap:13px}.nav-links a{font-size:9px}.hero-content h1{font-size:clamp(35px,4vw,56px)}.entry-tile{padding:20px 14px}.entry-tile h2{font-size:11px;letter-spacing:.13em}.entry-tile p{font-size:11px}}
@media(max-width:1050px){.nav-links{display:none}.mobile-contact{display:inline-flex;font:10px var(--mono);letter-spacing:.15em;border:1px solid #7a92a7;padding:10px}.hero-frame{margin-left:90px}.edge-legend{left:25px}.edge-legend span{font-size:8px;letter-spacing:.08em;gap:5px}.edge-legend span:before{width:12px}.hero-content{padding-left:40px}.hero-content h1{font-size:clamp(34px,5vw,55px)}.portrait-area{right:2%;width:43%;opacity:.88}.stage-directory{grid-template-columns:repeat(3,minmax(0,1fr))}.entry-tile{min-height:195px}.entry-tile h2{font-size:15px}.entry-tile p{font-size:12px}.stage-bottom>span:nth-child(2){display:none}}
@media(max-width:700px){.site-header{height:65px}.header-inner{padding:0 20px}.wordmark .mark{font-size:26px}.wordmark .brand-rule{height:25px;margin:0 2px}.wordmark-name{font-size:10px;letter-spacing:.15em}.immersive-stage{min-height:unset}.hero-stage{padding-top:22px}.edge-legend{position:relative;top:auto;left:auto;display:flex;flex-wrap:wrap;gap:8px 17px;margin-bottom:20px}.edge-legend span{font-size:8px}.hero-frame{margin-left:0;height:565px}.corner{width:64px;height:80px;border-width:3px}.hero-content{padding:35px 20px 0;max-width:100%}.hero-eyebrow{font-size:9px;letter-spacing:.2em}.hero-content h1{white-space:normal;font-size:clamp(35px,8.2vw,55px);line-height:1.08;max-width:95%;letter-spacing:.035em}.hero-lead{font-size:16px;max-width:90%;padding-left:12px}.desktop-break{display:none}.hero-actions{margin-top:22px;gap:10px;flex-wrap:wrap}.neon-btn,.glass-btn{font-size:9px;padding:0 15px;min-height:43px;border-radius:9px;letter-spacing:.12em}.neon-btn{gap:10px}.portrait-area{top:255px;right:8%;width:80%;height:310px;bottom:auto;opacity:1;mask-image:linear-gradient(to bottom,#000 0%,#000 65%,transparent 100%)}.portrait-area img{height:130%;bottom:-24%;object-position:50% 15%}.lab-badge{margin:-13px auto 0;padding:12px 18px;gap:12px}.lab-badge>span{font-size:8px;letter-spacing:.22em}.lab-badge b{font-size:26px}.stage-directory{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:30px}.entry-tile{min-height:205px;padding:16px 14px}.entry-tile svg{width:32px;height:32px;margin-bottom:18px}.entry-tile h2{font-size:12px}.entry-tile p{font-size:11px}.stage-bottom{margin-top:25px;padding-top:20px;font-size:8px}.stage-bottom a{font-size:8px}.ministry-layout{grid-template-columns:1fr;gap:20px}}
@media(max-width:390px){.wordmark-name{font-size:9px}.mobile-contact{font-size:8px}.hero-content h1{font-size:35px}.hero-lead{font-size:15px}.stage-directory{gap:8px}.entry-tile h2{font-size:11px}.entry-tile p{font-size:10px}.lab-badge>span{letter-spacing:.1em}}
@media(prefers-reduced-motion:reduce){.entry-tile,.neon-btn{transition:none!important}}