/* NathanNicholson.net v2 — charcoal/white/orange, modern personal brand */
:root{--navy:#242424;--navy2:#303030;--ink:#222222;--muted:#5c6266;--gold:#ff7626;--gold2:#ff914f;--paper:#f7f7f5;--white:#fff;--line:#e7e7e4;--shadow:0 24px 56px #22222215}
body{background:#fff;color:#272727;font-family:Arial,'Segoe UI',system-ui,sans-serif}
h1,h2,h3,.body-xl,.quote-card p{font-family:Arial,'Segoe UI',system-ui,sans-serif;font-weight:800;letter-spacing:-.04em}
h1 em,h2 em{font-style:normal;color:#ff7626}
a:hover{color:#c44b07}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #fd873f;outline-offset:3px}
.site-header{height:85px;border-bottom:1px solid #efefec}.brand{color:#222}.brand:hover{color:#222}.brand-mark{font:900 26px/1 Arial,sans-serif;letter-spacing:-3px;border:2px solid #222;border-radius:9px;transform:rotate(-5deg)}.brand-mark span,.footer-identity span{color:#ff7626}.brand-text{letter-spacing:.06em}.navlink{color:#4b4b4b;font-size:13px}.navlink:hover,.navlink.active{color:#b53d00}.navlink.active{border-bottom:3px solid #ff7626}
.overline,.eyebrow{font-size:11px;letter-spacing:.16em}.overline{color:#ffab78}.overline-bar{background:#ff7626;width:26px;height:3px}
.hero{background:linear-gradient(115deg,#171717,#292929 56%,#1d1d1d);color:white}.hero-home{min-height:625px}
.hero-orbit{border-color:#ff76261d;box-shadow:0 0 0 100px #ff762607,0 0 0 205px #ff762605}
.hero-inner{gap:48px;padding:82px 0 93px}.hero h1{font-size:clamp(61px,6.6vw,99px);font-weight:900;line-height:.99;letter-spacing:-.062em;margin:28px 0 31px}.hero h1 em{display:inline-block;color:#ff7626}.hero-sub{font-size:19px;color:#e6e6e6;max-width:600px;line-height:1.55}.hero-footnote{color:#aaa;font-size:12px;max-width:450px}.sparkle{color:#ff7626}
.btn{border-radius:8px;font-size:13px;font-weight:800;letter-spacing:0;min-height:54px}.btn-primary{background:#ff7626;color:#141414}.btn-primary:hover{background:#ff9b56;color:#141414}.btn-outline{border-color:#777;color:white}.btn-outline:hover{border-color:#ff7626;color:#ff7626}
.hero-art{max-width:390px}.portrait-frame{border:1px solid #ff76266b;background:linear-gradient(146deg,#3a3a3a 0%,#222 70%);border-radius:20px;box-shadow:16px 16px 0 #ff762625;height:462px}.portrait-frame:after{content:'';width:235px;height:235px;border-radius:50%;background:#ff7626;position:absolute;right:-55px;top:-68px;opacity:.9}.portrait-shine{border-color:#ff762639;box-shadow:0 0 0 50px #ff762612,0 0 0 130px #ff762606}.portrait-monogram{font:900 205px Arial,sans-serif;letter-spacing:-.13em;color:#ffffff17;transform:rotate(-11deg);z-index:1;top:45px;left:30px}.portrait-monogram span{color:#ff7626}.portrait-photo-placeholder{position:absolute;right:23px;top:195px;z-index:2;display:flex;flex-direction:column;align-items:flex-end;text-align:right;font-size:11px;font-weight:900;letter-spacing:.13em;color:#fff;border-top:3px solid #ff7626;padding-top:11px}.portrait-photo-placeholder span{display:block;font-weight:400;letter-spacing:0;color:#ddd;font-size:11px;max-width:160px}.portrait-caption{z-index:3;padding:29px 29px 30px;background:linear-gradient(transparent,#111d)}.portrait-caption span{color:#ff9b5f}.portrait-caption b{font:800 25px/1.2 Arial,sans-serif;letter-spacing:-.035em}.portrait-note{color:#ffb48b}
.proof-ribbon{background:#ff7626;border:0}.proof-inner{padding:27px 0}.proof-inner>div{border-color:#231e1930}.proof-inner strong{color:#191919;font:900 37px Arial,sans-serif;letter-spacing:-.05em}.proof-inner span{color:#242424;font-weight:800}
.section{padding:95px 0}.section.tone-light{background:#f6f6f4}.eyebrow{color:#c14d0c}.eyebrow.light{color:#ff9b5f}.section-title{color:#222;font-size:clamp(38px,4.5vw,58px);font-weight:900;line-height:1.06}.feature-card{border-color:#e6e6e4;border-radius:14px;box-shadow:0 2px 0 #f1f1ef;min-height:290px}.feature-card:hover{border-color:#ff7626}.feature-card:before{content:'↗';color:#e65e15;font-size:23px;font-weight:900;align-self:flex-end;line-height:1}.feature-card h3{font:850 28px/1.12 Arial,sans-serif;margin:18px 0 16px;letter-spacing:-.045em}.feature-card p{color:#676767}.card-cta,.inline-link{color:#b94705;font-weight:800;font-size:13px}
.spotlight{background:#292929}.spotlight h2{font-weight:900}.spotlight-copy>p:not(.eyebrow){color:#d5d5d5}.spotlight-stats{border-color:#7d7d7d}.stat-big{font:900 clamp(80px,10vw,137px)/1 Arial,sans-serif;color:#ff7626;letter-spacing:-.07em}.stat-big span{color:#f1f1f1}.stat-rule{background:#ff7626}.spotlight-stats p{color:#eee}.spotlight-stats small{color:#aaa}
.body-xl{color:#232323;letter-spacing:-.045em;line-height:1.2}.prose{color:#505050}.prose-large{color:#454545}
.cta-panel{background:#fff1e7;border:1px solid #ffd4b9;border-radius:16px;box-shadow:inset 6px 0 0 #ff7626}.cta-panel h2{color:#252525}
.site-footer{background:#171717;color:#ddd}.footer-identity{font:900 29px Arial,sans-serif;letter-spacing:-.04em}.footer-top p{color:#aaa}.footer-links a{color:#e7e7e7}.footer-bottom{border-color:#444}.footer-disclaimer{color:#aaa}
.page-hero{background:linear-gradient(120deg,#1e1e1e,#343434)}.page-hero:after{border-color:#ff76263b;box-shadow:0 0 0 95px #ff76260d,0 0 0 185px #ff762608}.page-hero h1{font-weight:900;line-height:1.0}.page-hero p:last-child{color:#ddd}
.quote-card{background:#fff1e7;border-left:5px solid #ff7626;border-radius:10px}.quote-mark{color:#f5772c}.quote-card p{font:850 27px/1.23 Arial,sans-serif}.quote-card small{color:#745340}.timeline{border-color:#ffc7a5}.timeline>div:before{background:#ff7626;border-color:#fff}.timeline span,.pillars span,.principle-grid span,.business-grid span{color:#bd4d0e}.timeline h3,.pillars h3,.principle-grid h3,.business-grid h3,.link-collection h3,.video-body h3,.insight-card h3{font-family:Arial,'Segoe UI',sans-serif;font-weight:850;letter-spacing:-.035em;color:#292929}.timeline p,.pillars p,.principle-grid p,.business-grid p{color:#585858}.pillars>div{border-color:#ff7626}
.source-note a,.text-link{color:#b9480a}.media-promo{background:#262626;border-radius:12px}.media-promo-badge{border-color:#ff7626;color:#ff7626}.media-promo h3{font:850 35px Arial,sans-serif}.media-promo .inline-link{color:#ffae7b}
.video-card{background:#fff;border-radius:12px}.video-shell{background:#222}.video-play span{background:#ff7626;color:#171717}.video-body p:not(.eyebrow){color:#676767}
.link-collection>a:hover{background:#fff9f4}.link-collection span,.insight-card span{color:#b94705}.link-collection b{color:#ff7626}.insight-card{border-radius:12px;min-height:320px}.insight-card p{color:#555}
.privacy-note{background:#fff1e7;border-color:#ff7626}.privacy-note h3{font:850 25px Arial,sans-serif}
.contact-two-column{display:grid;grid-template-columns:0.84fr 1.16fr;gap:55px;align-items:start}.contact-intro>p:not(.eyebrow){color:#5a5a5a;max-width:400px}.contact-form{background:#fff;border:1px solid #e8e8e8;border-radius:17px;box-shadow:0 22px 70px #15151512;padding:34px;display:flex;flex-direction:column;gap:9px}.form-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;gap:15px}.form-heading strong{font:850 24px Arial,sans-serif}.form-heading span{font-size:9px;letter-spacing:.12em;color:#9a4e23;font-weight:800}.contact-form label{font-size:12px;color:#333;font-weight:750}.contact-form input,.contact-form textarea,.contact-form select{font:15px Arial,sans-serif;line-height:1.35;padding:13px 14px;border:1px solid #d5d5d5;border-radius:7px;background:#fff;color:#222;margin-bottom:9px;width:100%;resize:vertical}.contact-form button{cursor:not-allowed;opacity:.65;margin-top:5px;width:100%;text-align:center}.form-status{font-size:12px;color:#6b6b6b;margin:4px 0 0}.contact-intro .fine-print{font-size:12px;background:#fff1e7;padding:15px;border-left:3px solid #ff7626;margin:22px 0}
@media(max-width:840px){.nav-toggle span{background:#222}.navlink.active{border-bottom-color:#ff7626}.contact-two-column{grid-template-columns:1fr;gap:22px}.hero-art{max-width:390px}.portrait-frame{height:385px}.portrait-monogram{font-size:150px}}
@media(max-width:620px){.hero-inner{padding:66px 0}.hero h1{font-size:clamp(49px,13vw,74px)}.hero-sub{font-size:16px}.portrait-frame{height:310px}.portrait-photo-placeholder{top:120px;right:18px}.portrait-caption b{font-size:20px}.proof-inner strong{min-width:80px}.section{padding:65px 0}.section-title{font-size:40px}.feature-card{min-height:auto}.contact-form{padding:24px 18px}.form-heading{flex-direction:column;align-items:flex-start}.spotlight-inner{padding:70px 0}}
/* Ensure large metric letter-spacing does not collapse its supporting caption. */
.stat-big span{letter-spacing:0;line-height:1.5;max-width:275px;margin-top:12px}

/* NathanNicholson.net v3: homepage image chosen by owner. Keep original photo, compact display size. */
.hero-home .hero-art{width:100%;max-width:360px;justify-self:end;display:flex;flex-direction:column;align-items:center;gap:15px}
.hero-home .portrait-headshot{width:100%;max-width:336px;aspect-ratio:1;overflow:hidden;border-radius:18px;border:3px solid rgba(255,118,38,.72);background:#2c2c2c;box-shadow:12px 12px 0 rgba(255,118,38,.13)}
.hero-home .portrait-headshot img{width:100%;height:100%;display:block;object-fit:cover;object-position:center}
.hero-home .headshot-label{font-size:10px;font-weight:800;letter-spacing:.16em;color:#f8b188;text-align:center}
@media(max-width:840px){.hero-home .hero-art{justify-self:start;max-width:310px}.hero-home .portrait-headshot{max-width:290px}}
@media(max-width:620px){.hero-home .hero-art{max-width:260px;gap:10px}.hero-home .portrait-headshot{max-width:246px;border-width:2px;border-radius:13px}.hero-home .headshot-label{font-size:9px;letter-spacing:.1em}}

/* v5 — approved hero copy, venture links, compact historical credentials */
.hero-sub strong{display:inline-block;color:#fff;font-size:22px;line-height:1.35;margin-bottom:13px}
.ventures-intro{max-width:720px;color:#626262;font-size:18px;line-height:1.55;margin:0 0 35px}
.coming-soon{color:#bd4d0e!important;font-weight:800;font-size:13px!important;letter-spacing:.025em}
.proof-inner>div:nth-child(2) strong{font-size:clamp(26px,2.8vw,39px);white-space:nowrap}
.contact-form .form-status a{color:#bd4d0e;text-decoration:underline}
@media(max-width:620px){.hero-sub strong{font-size:18px}.proof-inner>div:nth-child(2) strong{font-size:28px}}

/* v6 — LinkedIn as primary professional contact, private contact form remains draft only */
.linkedin-mini{display:inline-flex;align-items:center;justify-content:center;width:19px;height:19px;flex:0 0 19px;background:#fff;color:#242424;border-radius:3px;font:bold 13px/1 Arial,sans-serif;letter-spacing:-.06em;vertical-align:middle}
.btn-primary .linkedin-mini{background:#1f1f1f;color:#fff}
.linkedin-footer-icon{width:15px;height:15px;flex-basis:15px;font-size:10px;background:#f6f6f6;color:#171717}
.hero-actions .btn{gap:11px}
.cta-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.cta-actions .btn{gap:10px}
.btn-light-outline{border:1px solid #bb5b29;color:#703011;background:transparent}
.btn-light-outline:hover{border-color:#ff7626;color:#b34708;background:#fff}
.contact-linkedin-panel{margin-top:25px;margin-bottom:32px;background:#242424;border-radius:16px;border-left:5px solid #ff7626;color:#fff;padding:32px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.contact-linkedin-panel h3{color:#fff;font:850 clamp(24px,3vw,35px)/1.1 Arial,sans-serif;letter-spacing:-.04em;margin:11px 0}
.contact-linkedin-panel p{color:#d7d7d7;font-size:15px;max-width:620px;line-height:1.5}
.contact-linkedin-panel .btn{flex-shrink:0;gap:10px;white-space:nowrap}
.secondary-contact-heading{color:#666;font-size:14px;margin:0 0 18px}
@media(max-width:920px){.contact-linkedin-panel{flex-direction:column;align-items:flex-start}.cta-actions{justify-content:flex-start}}
@media(max-width:620px){.contact-linkedin-panel{padding:24px 19px}.contact-linkedin-panel .btn{width:100%;white-space:normal}.cta-actions{width:100%}.cta-actions .btn{width:100%;justify-content:center}.cta-panel{flex-direction:column;align-items:flex-start}}

/* v7: connected private contact form — retain the existing charcoal/orange palette. */
.contact-form button[type="submit"]{cursor:pointer;opacity:1;justify-content:center}
.contact-form button[type="submit"]:disabled{cursor:wait;opacity:.68}
.contact-form .spam-trap{display:none!important}
.contact-form .form-status[data-state="success"]{color:#176344;font-weight:700;padding:12px 14px;background:#eaf7ed;border-left:3px solid #176344;border-radius:4px}
.contact-form .form-status[data-state="error"]{color:#9f2e22;font-weight:700;padding:12px 14px;background:#fff1ed;border-left:3px solid #b83e27;border-radius:4px}
.contact-form .form-status[data-state="pending"]{color:#744121}