/*
Theme Name: Nexra Network
Theme URI: https://www.nexranetwork.com/
Author: Nexra Network
Description: A responsive, one-page WordPress theme for Nexra Network.
Version: 1.0.9
Requires at least: 6.4
Requires PHP: 8.0
Text Domain: nexra-network
*/

:root{--ink:#111211;--muted:#62645f;--paper:#f5f4ef;--white:#fff;--line:#dfded7;--amber:#ed8b11;--amber-dark:#c96d00;--green:#1e6a4a;--serif:Georgia,"Times New Roman",serif;--sans:Inter,"Helvetica Neue",Arial,sans-serif;--content:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:hover{color:var(--amber-dark)}img{max-width:100%;height:auto;display:block}.wrap{width:min(var(--content),calc(100% - 64px));margin:0 auto}.skip-link{position:absolute;left:-9999px;top:0;z-index:100}.skip-link:focus{left:1rem;top:1rem;background:#fff;padding:1rem;z-index:1000}.site-header{position:sticky;top:0;z-index:30;background:rgba(245,244,239,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(17,18,17,.08)}.header-inner{height:100px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;min-width:0}.brand img{width:138px;height:96px;object-fit:contain}.menu-toggle{display:none;border:1px solid var(--line);background:transparent;border-radius:99px;padding:10px 15px;font:inherit}.main-nav{display:flex;align-items:center;font-size:13px;font-weight:600}.main-nav ul{display:flex;align-items:center;gap:34px;list-style:none;margin:0;padding:0}.main-nav li{list-style:none;margin:0;padding:0}.main-nav a:not(.nav-cta){color:#434541}.main-nav a:not(.nav-cta):hover{color:var(--amber-dark)}.nav-cta,.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:0 21px;background:var(--ink);color:#fff!important;border:1px solid var(--ink);font-size:12px;font-weight:700;letter-spacing:.04em;transition:background .2s,border .2s,transform .2s}.nav-cta:hover,.button:hover{background:var(--amber-dark);border-color:var(--amber-dark);color:#fff;transform:translateY(-1px)}.button-light{background:transparent;color:var(--ink)!important;border-color:#aaa99f}.button-light:hover{color:#fff!important}.eyebrow{display:flex;align-items:center;gap:11px;margin:0 0 22px;color:#5b5d58;font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.eyebrow:before{content:"";width:28px;height:1px;background:var(--amber)}.hero{position:relative;overflow:hidden;padding:104px 0 112px;min-height:570px;background:linear-gradient(105deg,#f5f4ef 0%,#f5f4ef 53%,#ebe9e1 100%)}.hero:after{content:"";position:absolute;right:-100px;top:-180px;width:660px;height:660px;border:1px solid rgba(237,139,17,.22);border-radius:50%;box-shadow:0 0 0 38px rgba(237,139,17,.035),0 0 0 84px rgba(237,139,17,.025);pointer-events:none}.hero-inner{position:relative;z-index:1;max-width:760px}.hero h1{max-width:720px;margin:0 0 22px;font-family:var(--serif);font-size:clamp(52px,7vw,94px);font-weight:400;line-height:.99;letter-spacing:-.055em}.hero h1 em{color:var(--amber-dark);font-weight:400}.hero-copy{max-width:520px;margin:0;color:#585a55;font-size:17px;line-height:1.75}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.hero-foot{display:flex;align-items:center;gap:14px;margin-top:54px;color:#545650;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.pulse{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(30,106,74,.1)}.section{padding:105px 0}.section-kicker{color:var(--amber-dark);font-size:10px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.section-title{max-width:650px;margin:12px 0 18px;font-family:var(--serif);font-size:clamp(38px,5vw,63px);font-weight:400;line-height:1.04;letter-spacing:-.04em}.section-intro{max-width:580px;margin:0;color:var(--muted);font-size:15px}.approach{background:var(--ink);color:#f4f2ec}.approach .section-kicker{color:#f1a32f}.approach .section-intro{color:#b9bbb5}.approach-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:52px;border-top:1px solid #3d3f3b}.approach-card{padding:29px 30px 22px 0;border-bottom:1px solid #3d3f3b}.approach-card+.approach-card{padding-left:30px;border-left:1px solid #3d3f3b}.step{display:block;margin-bottom:38px;color:#e8a13a;font-size:11px;font-weight:800;letter-spacing:.13em}.approach-card h3{margin:0 0 8px;font-family:var(--serif);font-size:30px;font-weight:400}.approach-card p{max-width:290px;margin:0;color:#b9bbb5;font-size:13px;line-height:1.75}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:46px}.service-card{min-height:265px;padding:29px;background:#fff;border:1px solid #e8e7e1;display:flex;flex-direction:column}.service-number{color:var(--amber-dark);font-size:10px;font-weight:800;letter-spacing:.13em}.service-card h3{margin:auto 0 9px;font-family:var(--serif);font-size:29px;font-weight:400}.service-card p{max-width:310px;margin:0;color:var(--muted);font-size:13px}.service-link{margin-top:22px;font-size:12px;font-weight:700}.service-link span{color:var(--amber-dark);padding-left:5px}.experience{background:#eae9e2}.experience-top{display:flex;justify-content:space-between;align-items:end;gap:32px}.experience-top .section-intro{max-width:330px;margin-bottom:8px}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:46px}.project{position:relative;min-height:320px;overflow:hidden;padding:23px;background:#d6d4ca;color:#fff;display:flex;flex-direction:column;justify-content:space-between}.project:before{content:"";position:absolute;inset:0;background:linear-gradient(155deg,rgba(23,27,26,.05) 18%,rgba(18,22,21,.85) 100%)}.project:nth-child(1){background:radial-gradient(ellipse at 70% 20%,#927b64 0,#514b43 35%,#272a29 100%)}.project:nth-child(2){background:radial-gradient(ellipse at 35% 25%,#c3b8a6 0,#81786e 40%,#363833 100%)}.project:nth-child(3){background:radial-gradient(ellipse at 70% 25%,#8b8983 0,#565957 42%,#282b29 100%)}.project>*{position:relative;z-index:1}.project-meta{font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#f2ad4a}.project h3{margin:0;font-family:var(--serif);font-size:30px;font-weight:400}.project p{margin:5px 0 0;color:#e1e2dc;font-size:12px}.contact{background:#ed8b11;color:#161714}.contact .eyebrow{color:#392609}.contact .eyebrow:before{background:#38250d}.contact-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:48px;align-items:end}.contact .section-title{max-width:680px;margin-bottom:16px}.contact-copy{max-width:520px;margin:0;color:#49330f;font-size:15px}.contact-links{display:flex;flex-direction:column;align-items:flex-start;gap:16px}.contact-links a{border-bottom:1px solid rgba(22,23,20,.36);padding-bottom:6px;font-size:18px;font-weight:600}.contact-links .phone{font-size:13px}.site-footer{background:var(--ink);color:#f5f4ef;padding:35px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:24px}.footer-brand{display:flex;align-items:center;gap:13px}.footer-brand img{width:72px;height:55px;object-fit:contain}.footer-brand span{font-size:11px;font-weight:700;letter-spacing:.06em}.footer-meta{display:flex;gap:22px;align-items:center;color:#b9bbb5;font-size:11px}.footer-meta a:hover{color:#fff}.copyright{color:#8b8d87}.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}
@media(max-width:760px){.wrap{width:min(var(--content),calc(100% - 36px))}.header-inner{height:84px}.brand img{width:112px;height:76px}.menu-toggle{display:inline-flex}.main-nav{display:none;position:absolute;left:0;right:0;top:84px;padding:18px 24px 24px;background:var(--paper);border-bottom:1px solid var(--line);align-items:stretch;gap:0;flex-direction:column}.main-nav.is-open{display:flex}.main-nav.is-open ul{align-items:stretch;gap:0;flex-direction:column}.main-nav a{padding:13px 2px}.main-nav .nav-cta{margin-top:10px;justify-content:center}.hero{padding:78px 0 82px;min-height:unset}.hero:after{right:-400px;top:-80px}.hero-copy{font-size:15px}.hero-foot{margin-top:40px}.section{padding:76px 0}.approach-grid{grid-template-columns:1fr;margin-top:34px}.approach-card,.approach-card+.approach-card{padding:23px 0;border-left:0}.step{margin-bottom:18px}.service-grid,.project-grid{grid-template-columns:1fr}.service-card{min-height:220px}.project{min-height:260px}.experience-top{display:block}.experience-top .section-intro{margin-top:18px}.contact-grid{grid-template-columns:1fr;gap:34px}.footer-inner{align-items:flex-start;flex-direction:column}.footer-meta{flex-wrap:wrap;gap:12px 18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Photo-led connected spaces cards. */
.project-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.project-photo-link{position:absolute;inset:0;z-index:0;display:block}
.project-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;transition:transform .6s}
.project:hover .project-photo{transform:scale(1.04)}
.project-photo-link:focus-visible{outline:3px solid #fff;outline-offset:-5px}
.project:before{z-index:1;background:linear-gradient(180deg,rgba(12,14,13,.04) 10%,rgba(12,14,13,.78) 100%)}
.project>*{z-index:2}
.project-photo-credit{display:inline-block;margin-top:12px;color:#f7c77c;font-size:10px;line-height:1.4}
.project-photo-credit:hover{color:#fff}
@media(max-width:980px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.project-grid{grid-template-columns:1fr}}

/* Fixed contact badge with scroll-linked circular lettering. */
.scroll-contact{position:fixed;right:clamp(16px,3vw,38px);bottom:clamp(16px,3vw,38px);z-index:35;width:108px;height:108px;display:grid;place-items:center;border-radius:50%;background:var(--amber);color:var(--ink);box-shadow:0 8px 28px rgba(17,18,17,.2);transition:background .2s,transform .2s,box-shadow .2s}
.scroll-contact:hover{color:var(--ink);background:#f3a22e;transform:translateY(-3px);box-shadow:0 12px 32px rgba(17,18,17,.25)}
.scroll-contact:focus-visible{outline:3px solid var(--ink);outline-offset:4px}
.scroll-contact-ring{position:absolute;inset:0;width:100%;height:100%;overflow:visible;transform:rotate(var(--scroll-contact-angle,0deg));transform-origin:50% 50%;will-change:transform}
.scroll-contact-ring text{fill:var(--ink);font-family:var(--sans);font-size:8px;font-weight:800;letter-spacing:2.1px}
.scroll-contact-arrow{display:grid;place-items:center;width:40px;height:40px;border:1px solid rgba(17,18,17,.35);border-radius:50%;font-size:20px;line-height:1}
@media(max-width:760px){.scroll-contact{width:88px;height:88px;right:16px;bottom:16px}.scroll-contact-arrow{width:34px;height:34px;font-size:18px}.scroll-contact-ring text{font-size:8.2px;letter-spacing:1.8px}}
@media(prefers-reduced-motion:reduce){.scroll-contact-ring{transform:none!important;will-change:auto}}

/* Improve photo linking and footer logo contrast. */
.project:before{pointer-events:none}
.footer-brand{gap:0}
.footer-brand img{width:108px;height:90px;filter:invert(1) hue-rotate(180deg)}
.footer-brand span{display:none}
.footer-brand:focus-visible{outline:2px solid #fff;outline-offset:4px}
.project>.project-photo-link{position:absolute;z-index:0}
.brand img{object-fit:cover;mix-blend-mode:multiply}
.footer-brand img{width:120px;height:100px;object-fit:cover;filter:invert(1) hue-rotate(180deg);mix-blend-mode:screen}