/*  aryefisch.com — shared styles
    Created: 2026-06-19 08:44 CDT
    Linked by index.html, idea.html, webinars.html, about.html  */

:root{
  --ink:#0E1E38; --ink-deep:#0A1628;
  --amber:#E0A52E; --amber-soft:#f0c468;
  --paper:#F5F7FA; --paper-2:#ffffff;
  --slate:#3A4757; --muted:#6B7787; --muted-dark:#9DAEC4;
  --line:#E2E8F0; --line-dark:rgba(255,255,255,0.10);
  --serif:'Fraunces',Georgia,serif; --sans:'Inter',system-ui,-apple-system,sans-serif;
  --wrap:1120px;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0;font-family:var(--sans);color:var(--slate);background:var(--paper);line-height:1.6;-webkit-font-smoothing:antialiased;}
a{color:inherit;text-decoration:none;}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 28px;}
.eyebrow{font-size:.72rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--amber);}
h1,h2,h3{font-family:var(--serif);font-weight:500;line-height:1.1;margin:0;}

/* NAV */
header{position:sticky;top:0;z-index:50;background:rgba(10,22,40,.9);backdrop-filter:blur(10px);border-bottom:1px solid var(--line-dark);}
.nav{display:flex;align-items:center;justify-content:space-between;height:68px;}
.brand{font-family:var(--serif);font-size:1.18rem;font-weight:600;color:#fff;}
.brand span{color:var(--amber);}
.nav-links{display:flex;align-items:center;gap:32px;}
.nav-links a{font-size:.9rem;font-weight:500;color:var(--muted-dark);transition:color .2s;}
.nav-links a:hover,.nav-links a.active{color:#fff;}
.nav-links a.active{color:var(--amber);}
.btn{display:inline-block;font-family:var(--sans);font-weight:600;font-size:.9rem;padding:11px 22px;border-radius:6px;transition:transform .15s,background .2s;cursor:pointer;border:none;}
.btn-amber{background:var(--amber);color:var(--ink-deep);}
.btn-amber:hover{background:var(--amber-soft);transform:translateY(-1px);}
/* keep the nav "Book a call" label dark + visible (override generic .nav-links a color) */
.nav-links a.btn.btn-amber,.nav-links a.btn.btn-amber:hover{color:var(--ink-deep);}
.btn-ghost{border:1px solid var(--line-dark);color:#fff;background:transparent;}
.btn-ghost:hover{border-color:var(--amber);color:var(--amber);}
.nav-toggle{display:none;background:none;border:none;cursor:pointer;padding:8px;}
.nav-toggle span{display:block;width:22px;height:2px;background:#fff;margin:4px 0;transition:.25s;}

/* HERO (home) */
.hero{background:var(--ink);color:#fff;padding:104px 0 112px;position:relative;overflow:hidden;}
.hero::after{content:"";position:absolute;right:-12%;top:-30%;width:640px;height:640px;background:radial-gradient(circle,rgba(224,165,46,.16),transparent 62%);pointer-events:none;}
.hero .eyebrow{margin-bottom:26px;}
.hero h1{font-size:clamp(2.4rem,5.4vw,4.2rem);letter-spacing:-.01em;max-width:16ch;}
.hero h1 .accent{color:var(--amber);font-style:italic;}
.hero p.lede{margin:30px 0 38px;max-width:54ch;font-size:1.12rem;color:#cdd8e8;line-height:1.7;}
.hero-cta{display:flex;gap:14px;flex-wrap:wrap;}
.rule{margin-top:54px;padding-top:22px;border-top:1px solid var(--line-dark);font-family:var(--serif);font-style:italic;font-size:1.05rem;color:#cdd8e8;}

/* PAGE HERO (interior) */
.page-hero{background:var(--ink);color:#fff;padding:80px 0 70px;position:relative;overflow:hidden;}
.page-hero::after{content:"";position:absolute;right:-14%;top:-40%;width:520px;height:520px;background:radial-gradient(circle,rgba(224,165,46,.13),transparent 62%);pointer-events:none;}
.page-hero .eyebrow{margin-bottom:18px;}
.page-hero h1{font-size:clamp(2rem,4.4vw,3.2rem);max-width:20ch;}
.page-hero p{margin-top:22px;max-width:56ch;font-size:1.1rem;color:#cdd8e8;line-height:1.7;}

/* SECTIONS */
section{padding:96px 0;}
.section-head{max-width:62ch;margin-bottom:54px;}
.section-head h2{font-size:clamp(1.8rem,3.6vw,2.7rem);margin-top:14px;color:var(--ink);}
.section-head.on-dark h2{color:#fff;}
.section-head p{margin-top:18px;font-size:1.08rem;color:var(--muted);}
.on-dark .section-head p{color:#cdd8e8;}
.dark{background:var(--ink-deep);color:#fff;}
.lead-body p{font-size:1.1rem;color:var(--slate);max-width:64ch;margin:0 0 22px;}
.dark .lead-body p{color:#dbe3ef;}

/* CONTRAST */
.contrast{display:grid;grid-template-columns:1fr 1fr;gap:24px;}
.contrast .col{background:rgba(255,255,255,.03);border:1px solid var(--line-dark);border-radius:12px;padding:34px;}
.contrast .col h3{font-size:1.15rem;margin-bottom:20px;font-family:var(--sans);font-weight:600;}
.contrast .is h3{color:var(--amber);} .contrast .not h3{color:#E06B5A;}
.contrast ul{list-style:none;margin:0;padding:0;}
.contrast li{padding:11px 0;border-bottom:1px solid var(--line-dark);font-size:1.02rem;color:#dbe3ef;}
.contrast li:last-child{border-bottom:none;}

/* CARDS */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.card{background:var(--paper-2);border:1px solid var(--line);border-radius:14px;padding:34px 30px;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s,border-color .2s;}
.card:hover{transform:translateY(-4px);box-shadow:0 18px 40px -22px rgba(14,30,56,.35);border-color:var(--amber);}
.card .kicker{font-size:.72rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--amber);}
.card h3{font-size:1.5rem;margin:14px 0;color:var(--ink);}
.card p{font-size:1rem;color:var(--muted);flex-grow:1;}
.card a.more{margin-top:22px;font-weight:600;font-size:.92rem;color:var(--ink);}
.card a.more:hover{color:var(--amber);}

/* REVERSE VALIDATION block */
.rv{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:stretch;}
.rv .step{background:var(--paper-2);border:1px solid var(--line);border-left:3px solid var(--amber);border-radius:10px;padding:28px;}
.rv .step .n{font-family:var(--serif);font-size:1.1rem;color:var(--amber);font-weight:600;}
.rv .step h3{font-size:1.2rem;margin:8px 0 10px;color:var(--ink);}
.rv .step p{color:var(--muted);font-size:1rem;margin:0;}
.callout{background:var(--ink);color:#fff;border-radius:14px;padding:40px;margin-top:40px;}
.callout .eyebrow{margin-bottom:14px;}
.callout p{font-family:var(--serif);font-style:italic;font-size:1.3rem;line-height:1.5;color:#fff;max-width:40ch;margin:0;}

/* VIDEO */
.video-embed{position:relative;width:100%;padding-top:56.25%;border-radius:12px;overflow:hidden;background:var(--ink-deep);border:1px solid var(--line);}
.video-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0;}
.video-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;}
.video-placeholder{position:relative;width:100%;padding-top:56.25%;border-radius:12px;background:var(--ink-deep);border:1px dashed var(--line-dark);}
.video-placeholder span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--muted-dark);font-size:.92rem;text-align:center;padding:20px;}

/* WEBINARS */
.webinar-card{background:var(--paper-2);border:1px solid var(--line);border-radius:14px;padding:36px;display:grid;grid-template-columns:auto 1fr auto;gap:30px;align-items:center;}
.webinar-card .date{text-align:center;border-right:1px solid var(--line);padding-right:30px;}
.webinar-card .date .day{font-family:var(--serif);font-size:2.4rem;color:var(--ink);line-height:1;}
.webinar-card .date .mo{font-size:.8rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--amber);margin-top:6px;}
.webinar-card h3{font-size:1.4rem;color:var(--ink);}
.webinar-card .meta{color:var(--muted);font-size:.95rem;margin-top:6px;}
.empty-state{background:var(--paper-2);border:1px dashed var(--line);border-radius:14px;padding:46px;text-align:center;}
.empty-state h3{font-size:1.4rem;color:var(--ink);margin-bottom:12px;}
.empty-state p{color:var(--muted);max-width:46ch;margin:0 auto 24px;}
.expect{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:10px;}
.expect .item{padding:26px;background:rgba(255,255,255,.03);border:1px solid var(--line-dark);border-radius:12px;}
.expect .item h4{font-family:var(--sans);font-weight:600;color:var(--amber);margin:0 0 10px;font-size:1.05rem;}
.expect .item p{margin:0;color:#dbe3ef;font-size:.98rem;}

/* ABOUT */
.about-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:60px;align-items:start;}
.about-card{background:var(--ink);color:#fff;border-radius:16px;padding:40px;position:sticky;top:92px;}
.about-card .name{font-family:var(--serif);font-size:1.9rem;color:#fff;}
.about-card .role{color:var(--amber);font-weight:600;font-size:.95rem;margin-top:6px;}
.about-card .loc{color:var(--muted-dark);margin-top:18px;font-size:.95rem;}
.about-body p{font-size:1.1rem;color:var(--slate);margin:0 0 22px;}
.vocab{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px;}
.vocab span{font-size:.82rem;font-weight:500;color:var(--slate);background:#fff;border:1px solid var(--line);border-radius:30px;padding:7px 15px;}

/* CREDIBILITY BAND (under hero) */
.cred-band{background:var(--paper-2);border-bottom:1px solid var(--line);padding:22px 0;}
.cred{display:flex;align-items:center;gap:18px;flex-wrap:wrap;}
.cred .eyebrow{flex-shrink:0;color:#9A6A12;font-size:.78rem;}
/* deeper gold for eyebrow labels on light sections (amber-on-white is unreadable) */
.section-head:not(.on-dark) .eyebrow{color:#9A6A12;}
.cred p{margin:0;color:var(--slate);font-size:1rem;flex:1;min-width:240px;}
.cred p strong{color:var(--ink);font-weight:600;}
.cred a{color:var(--ink);font-weight:600;font-size:.92rem;flex-shrink:0;}
.cred a:hover{color:var(--amber);}

/* DARK CARD VARIANT (for offer section on dark) */
.dark .card{background:rgba(255,255,255,.04);border-color:var(--line-dark);}
.dark .card h3{color:#fff;}
.dark .card p{color:var(--muted-dark);}
.dark .card a.more{color:#fff;}
.dark .card:hover{border-color:var(--amber);box-shadow:none;}

/* PROOF */
.proof{background:var(--ink);color:#fff;text-align:center;padding:72px 0;}
.proof .eyebrow{margin-bottom:18px;}
.proof h2{font-size:clamp(1.6rem,3vw,2.2rem);color:#fff;max-width:24ch;margin:0 auto;}
.proof p{margin-top:16px;color:var(--muted-dark);font-size:1.05rem;}

/* CONTACT */
.contact{background:var(--ink-deep);color:#fff;}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;}
.contact h2{font-size:clamp(1.9rem,3.6vw,2.8rem);color:#fff;}
.contact p.sub{color:var(--muted-dark);font-size:1.08rem;margin-top:18px;max-width:42ch;}
.contact .direct{margin-top:30px;}
.contact .direct a{color:var(--amber);font-weight:600;font-size:1.05rem;}
form{display:flex;flex-direction:column;gap:16px;}
.field label{display:block;font-size:.8rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted-dark);margin-bottom:7px;}
.field input,.field textarea{width:100%;background:rgba(255,255,255,.04);border:1px solid var(--line-dark);border-radius:8px;padding:13px 15px;color:#fff;font-family:var(--sans);font-size:1rem;transition:border-color .2s;}
.field input:focus,.field textarea:focus{outline:none;border-color:var(--amber);}
.field textarea{resize:vertical;min-height:120px;}
form .btn-amber{margin-top:6px;align-self:flex-start;}

/* FOOTER */
footer{background:var(--ink-deep);color:var(--muted-dark);border-top:1px solid var(--line-dark);padding:34px 0;}
.foot{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;font-size:.88rem;}
.foot .brand{font-size:1rem;}

/* reveal */
.reveal{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s ease;}
.reveal.in{opacity:1;transform:none;}

@media(max-width:880px){
  .nav-links{position:fixed;inset:68px 0 auto 0;background:var(--ink-deep);flex-direction:column;gap:0;padding:8px 0;border-bottom:1px solid var(--line-dark);display:none;}
  .nav-links.open{display:flex;}
  .nav-links a{padding:15px 28px;width:100%;}
  .nav-links .btn{margin:12px 28px;text-align:center;}
  .nav-toggle{display:block;}
  .contrast,.cards,.about-grid,.contact-grid,.rv,.video-grid,.expect{grid-template-columns:1fr;}
  .about-card{position:static;order:-1;}
  .webinar-card{grid-template-columns:1fr;text-align:center;}
  .webinar-card .date{border-right:none;border-bottom:1px solid var(--line);padding:0 0 18px;}
  section{padding:72px 0;}
  .hero{padding:80px 0 88px;}
}
@media(prefers-reduced-motion:reduce){
  *{scroll-behavior:auto;}
  .reveal{opacity:1;transform:none;transition:none;}
  .card:hover,.btn:hover{transform:none;}
}

/* ============ ADDED: nav social + share, industries, scope, linkedin ============ */

/* NAV SOCIAL + SHARE */
.nav-social{display:flex;align-items:center;gap:4px;}
.ic{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:8px;color:var(--muted-dark);background:transparent;border:none;cursor:pointer;transition:color .2s,background .2s;position:relative;}
.ic:hover{color:#fff;background:rgba(255,255,255,.07);}
.ic svg{width:19px;height:19px;fill:currentColor;}
.share-btn.copied::after{content:"Link copied";position:absolute;top:42px;right:0;background:var(--amber);color:var(--ink-deep);font-size:.72rem;font-weight:600;padding:5px 9px;border-radius:6px;white-space:nowrap;}

/* SCOPE (bigness, felt) */
.scope-statement{font-family:var(--serif);font-size:clamp(1.6rem,3.4vw,2.45rem);line-height:1.34;color:#fff;max-width:22ch;}
.scope-statement .am{color:var(--amber);font-style:italic;}
.scope-note{margin-top:28px;color:#cdd8e8;font-size:1.05rem;max-width:52ch;}

/* INDUSTRIES ACCORDION */
.industries{display:flex;flex-direction:column;gap:16px;max-width:880px;}
.acc{border:1px solid var(--line);border-radius:14px;background:var(--paper-2);overflow:hidden;transition:border-color .2s;}
.acc[open]{border-color:var(--amber);}
.acc summary{list-style:none;cursor:pointer;padding:28px 30px;display:flex;align-items:center;gap:18px;}
.acc summary::-webkit-details-marker{display:none;}
.acc .tag{font-size:.68rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--amber);border:1px solid var(--amber);border-radius:30px;padding:4px 11px;flex-shrink:0;}
.acc .tag.soon{color:var(--muted);border-color:var(--line);}
.acc summary h3{font-size:1.45rem;color:var(--ink);flex:1;}
.acc .plus{width:22px;height:22px;flex-shrink:0;position:relative;}
.acc .plus::before,.acc .plus::after{content:"";position:absolute;background:var(--muted);border-radius:2px;transition:transform .25s;}
.acc .plus::before{top:10px;left:1px;width:20px;height:2px;}
.acc .plus::after{left:10px;top:1px;width:2px;height:20px;}
.acc[open] .plus::after{transform:rotate(90deg);opacity:0;}
.acc .body{padding:4px 30px 34px;}
.acc .body>p{color:var(--slate);font-size:1.05rem;margin:0 0 22px;max-width:64ch;}
.acc h4{font-family:var(--sans);font-size:.78rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--amber);margin:26px 0 14px;}
.acc ul.plain{list-style:none;margin:0;padding:0;}
.acc ul.plain li{padding:9px 0 9px 22px;position:relative;color:var(--slate);border-bottom:1px solid var(--line);}
.acc ul.plain li:last-child{border-bottom:none;}
.acc ul.plain li::before{content:"";position:absolute;left:2px;top:17px;width:7px;height:7px;border-radius:50%;background:var(--amber);}
.offer{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.offer .o{border:1px solid var(--line);border-radius:10px;padding:22px;}
.offer .o .k{font-size:.7rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--amber);}
.offer .o strong{display:block;font-family:var(--serif);font-weight:600;font-size:1.12rem;color:var(--ink);margin:8px 0 8px;}
.offer .o p{margin:0;font-size:.94rem;color:var(--muted);}
.acc.locked{opacity:.7;}
.acc.locked summary{cursor:default;}
.acc.locked summary h3{color:var(--muted);}

/* LATEST ON LINKEDIN */
.li-latest{display:inline-flex;align-items:center;gap:16px;background:var(--paper-2);border:1px solid var(--line);border-radius:12px;padding:16px 24px 16px 18px;transition:border-color .2s,transform .15s;}
.li-latest:hover{border-color:var(--amber);transform:translateY(-2px);}
.li-latest .badge{width:42px;height:42px;border-radius:9px;background:var(--ink);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;}
.li-latest .badge svg{width:21px;height:21px;fill:currentColor;}
.li-latest .t{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:600;}
.li-latest .h{color:var(--ink);font-weight:600;font-size:1.02rem;margin-top:3px;}
.li-latest .arrow{color:var(--amber);font-weight:700;margin-left:6px;}

@media(max-width:880px){
  .offer{grid-template-columns:1fr;}
  .nav-social{order:-1;width:100%;justify-content:flex-start;padding:12px 22px;border-bottom:1px solid var(--line-dark);margin-bottom:4px;gap:8px;}
}

/* ABOUT — conversion layout */
.about-lead{font-size:1.22rem !important;color:var(--ink) !important;font-weight:500;line-height:1.55;}
.about-body strong{color:var(--ink);font-weight:600;}
.about-quote{margin:30px 0;padding:22px 28px;border-left:3px solid var(--amber);background:var(--paper);border-radius:0 10px 10px 0;font-family:var(--serif);font-size:1.32rem;line-height:1.45;color:var(--ink);}
.about-close{font-size:1.14rem !important;color:var(--ink) !important;}
.about-cta{margin:30px 0 6px;}

/* PHOTOS */
/* About: portrait above the name card */
.about-aside{position:sticky;top:92px;}
.about-photo{width:100%;display:block;border-radius:16px;margin-bottom:18px;object-fit:cover;border:1px solid var(--line);}
.about-card{position:static;}

/* Home: stage proof (photo + text) */
.stage-proof{background:var(--paper-2);border-bottom:1px solid var(--line);padding:64px 0;}
.stage-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:center;}
.stage-photo img{width:100%;display:block;border-radius:14px;border:1px solid var(--line);}
.stage-text .eyebrow{color:#9A6A12;}
.stage-text h2{font-size:clamp(1.6rem,3vw,2.2rem);color:var(--ink);margin:12px 0 14px;}
.stage-text p{color:var(--muted);font-size:1.05rem;margin:0 0 24px;max-width:46ch;}

/* Webinars: proof gallery */
.proof-gallery{display:grid;grid-template-columns:1.4fr 1fr;gap:24px;align-items:start;}
.proof-gallery figure{margin:0;}
.proof-gallery img{width:100%;display:block;border-radius:12px;border:1px solid var(--line-dark);}
.proof-gallery figcaption{margin-top:12px;color:var(--muted-dark);font-size:.92rem;font-style:italic;}

@media(max-width:880px){
  .stage-grid{grid-template-columns:1fr;gap:28px;}
  .proof-gallery{grid-template-columns:1fr;}
  .about-aside{position:static;}
}