/* ============================================================
   steko.co.nz — Shared Design System
   WPD-001 v0.1.0 — Section 4 Token Reference
   Steko Consulting Limited
   Session 129 v3 — Gold ramp v3, hero compression, evidence rebuild
   ============================================================ */
:root {
  --deep:#0b1215; --mid:#15222a; --surface:#1d3040; --surface2:#243a50;
  --ml:#dcc9a0;
  --ml-action:rgba(220,201,160,0.95);
  --tp:rgba(220,201,160,0.92);
  --ts:rgba(220,201,160,0.78);
  --td:rgba(220,201,160,0.55);
  --ml-dim:rgba(220,201,160,0.65);
  --ml-ghost:rgba(220,201,160,0.22);
  --ml-faint:rgba(220,201,160,0.12);
  --green:#7ab88a; --green-bg:rgba(122,184,138,0.1);
  --amber:#d4b85a; --amber-bg:rgba(212,184,90,0.1);
  --red:#c47058; --red-bg:rgba(196,112,88,0.1);
  --max-content:900px; --max-prose:680px;
  --section-pad:5rem 0; --content-pad:0 2rem;
  --ease-hero:cubic-bezier(.25,.1,.25,1);
}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
body{font-family:'Libre Baskerville',Georgia,serif;font-size:1rem;line-height:1.9;color:var(--tp);background:var(--deep);background-image:radial-gradient(ellipse at 50% 30%,var(--mid) 0%,var(--deep) 70%);background-attachment:fixed;min-height:100vh;}

h1,h2,h3,h4{font-family:'Cormorant Garamond','Georgia',serif;font-weight:400;color:var(--ml);line-height:1.3;}
h1{font-size:clamp(2.2rem,5vw,3.4rem);letter-spacing:0.02em;}
h2{font-size:1.5rem;margin-bottom:1.5rem;}
h3{font-size:1.1rem;margin-bottom:1rem;}
p{margin-bottom:1.2rem;}
.lead{color:var(--ts);line-height:1.9;}
.category-label{font-family:'Cormorant Garamond',serif;font-size:0.78rem;font-weight:600;letter-spacing:0.06em;text-transform:uppercase;color:var(--ml-action);}
.date-label{font-family:'Cormorant Garamond',serif;font-size:0.75rem;color:var(--td);}

a{color:var(--ml-action);text-decoration:none;border-bottom:1px solid var(--ml-ghost);transition:color .3s ease,border-color .3s ease;}
a:hover{color:var(--ml);border-bottom-color:var(--ml-dim);}

.content-wrapper{max-width:var(--max-content);margin:0 auto;padding:var(--content-pad);}
.prose{max-width:var(--max-prose);}
section{padding:var(--section-pad);}
section+section{border-top:1px solid var(--ml-faint);}

.section-header{margin-bottom:3rem;}
.section-header h2{font-family:'Cormorant Garamond',serif;font-weight:400;margin-bottom:0.5rem;}
.section-header .section-explain{font-family:'Libre Baskerville',serif;font-style:italic;color:var(--ts);font-size:0.92rem;max-width:var(--max-prose);}

.cone-divider{display:flex;align-items:center;justify-content:center;gap:1.5rem;padding:3rem 0;opacity:0.35;}
.cone-divider .cone-line{flex:1;max-width:200px;height:1px;background:linear-gradient(to var(--line-dir,right),var(--ml-dim),var(--ml-ghost));}
.cone-divider .cone-line.left{--line-dir:right;}.cone-divider .cone-line.right{--line-dir:left;}
.cone-divider svg{width:28px;height:42px;flex-shrink:0;}

/* Nav — persistent, sized for primary wayfinding */
.site-nav{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(11,18,21,0.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--ml-ghost);transition:opacity .4s ease;}
.site-nav .nav-inner{max-width:var(--max-content);margin:0 auto;padding:0.8rem 2rem;display:flex;align-items:center;justify-content:space-between;}
.nav-brand{font-family:'Cormorant Garamond',serif;font-weight:300;font-size:1.15rem;letter-spacing:0.2em;color:var(--ml);text-decoration:none;border:none;}
.nav-brand:hover{color:var(--ml);border:none;opacity:0.8;}
.nav-links{display:flex;gap:2rem;align-items:center;list-style:none;}
.nav-links a{font-family:'Cormorant Garamond',serif;font-weight:300;font-size:0.95rem;letter-spacing:0.05em;color:var(--ml-action);text-decoration:none;border:none;position:relative;padding-bottom:4px;}
.nav-links a::after{content:'';position:absolute;bottom:0;left:0;width:0;height:1.5px;background:var(--ml);transition:width .7s var(--ease-hero);}
.nav-links a:hover{color:var(--ml);}
.nav-links a:hover::after{width:100%;}
.nav-links a.active{color:var(--ml);}
.nav-links a.active::after{width:100%;}
.nav-contact{font-family:'Cormorant Garamond',serif;font-weight:300;font-size:0.78rem;letter-spacing:0.05em;color:var(--ts);border:none;}
.nav-contact:hover{color:var(--ml-action);}
.nav-toggle{display:none;background:none;border:none;cursor:pointer;padding:0.5rem;}
.nav-toggle span{display:block;width:22px;height:1.5px;background:var(--ml-action);margin:5px 0;transition:all .3s ease;}
@media(max-width:768px){
  .nav-toggle{display:block;}
  .nav-links{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;background:rgba(11,18,21,0.96);backdrop-filter:blur(12px);padding:1.5rem 2rem;gap:1.2rem;border-bottom:1px solid var(--ml-ghost);}
  .nav-links.open{display:flex;}
  .nav-contact{display:none;}
}

/* Hero — compressed, content-driven height (S129) */
.hero{min-height:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:7rem 2rem 3rem;position:relative;}
.hero-wordmark{font-family:'Cormorant Garamond',serif;font-weight:300;font-size:clamp(2.2rem,5.5vw,3.6rem);letter-spacing:0.4em;color:var(--ml-action);}
.hero-line-wrap{width:min(500px,70vw);height:2px;position:relative;margin:2rem auto;overflow:hidden;}
.hero-line{position:absolute;top:0;left:0;height:100%;width:0%;background:linear-gradient(90deg,var(--ml-ghost) 0%,var(--ml-dim) 30%,var(--ml) 70%,var(--ml-dim) 100%);border-radius:1px;animation:lineDraw 4.5s var(--ease-hero) 2.2s forwards;}
@keyframes lineDraw{to{width:100%;}}
.hero-name{font-family:'Cormorant Garamond',serif;font-weight:300;font-size:clamp(0.65rem,1.2vw,0.8rem);color:var(--ts);letter-spacing:0.25em;text-transform:uppercase;}
.hero-statement{font-family:'Libre Baskerville',serif;font-style:italic;font-size:clamp(0.82rem,1.6vw,0.92rem);color:var(--ts);max-width:560px;line-height:1.9;margin-top:2rem;}
@keyframes fadeIn{to{opacity:1;}}

.reveal{opacity:0;transform:translateY(20px);transition:opacity .8s ease,transform .8s ease;}
.reveal.visible{opacity:1;transform:translateY(0);}

/* Terrain pattern cards */
.pattern-grid{display:grid;grid-template-columns:1fr;gap:2.5rem;margin-top:2rem;}
.pattern-card{background:var(--ml-faint);border:1px solid var(--ml-ghost);border-radius:4px;padding:2rem 2.2rem;transition:border-color .3s ease;}
.pattern-card:hover{border-color:var(--ml-dim);}
.pattern-card h3{font-family:'Cormorant Garamond',serif;color:var(--ml);margin-bottom:1rem;font-size:1.15rem;}
.pattern-card .pattern-situation{color:var(--tp);margin-bottom:1rem;}
.pattern-card .pattern-learned{color:var(--ts);font-size:0.92rem;margin-bottom:1rem;padding-left:1rem;border-left:2px solid var(--ml-ghost);}
.pattern-card .pattern-outcome{color:var(--tp);font-size:0.92rem;}

/* Evidence metrics strip */
.evidence-metrics-strip{display:flex;justify-content:center;gap:3rem;flex-wrap:wrap;margin-bottom:3rem;padding:2rem 0;border-bottom:1px solid var(--ml-faint);}
.evidence-metrics-strip .strip-metric{text-align:center;}
.evidence-metrics-strip .strip-number{font-family:'Cormorant Garamond',serif;font-size:clamp(1.6rem,3vw,2.2rem);font-weight:300;color:var(--ml);display:block;line-height:1.1;}
.evidence-metrics-strip .strip-label{font-family:'Cormorant Garamond',serif;font-size:0.72rem;letter-spacing:0.06em;color:var(--td);text-transform:uppercase;margin-top:0.3rem;display:block;}

/* Evidence controls — view toggles */
.evidence-controls{display:flex;gap:1rem;margin-bottom:2.5rem;flex-wrap:wrap;}
.evidence-controls button{font-family:'Cormorant Garamond',serif;font-size:0.85rem;letter-spacing:0.05em;background:none;border:1px solid var(--ml-ghost);color:var(--ml-action);padding:0.5rem 1.2rem;cursor:pointer;border-radius:3px;transition:all .3s ease;}
.evidence-controls button:hover,.evidence-controls button.active{border-color:var(--ml-dim);color:var(--ml);background:var(--ml-faint);}

/* Evidence — three-view system (S129 v2) matching Journey convention */
.evidence-view{display:none;}.evidence-view.active{display:block;}

/* === Timeline view — left-bar with era dots, matching Journey Domains === */
.ev-era{margin-bottom:1rem;margin-top:2.5rem;padding-left:1.5rem;position:relative;}
.ev-era:first-child{margin-top:0;}
.ev-era h3{font-size:1rem;margin-bottom:0.2rem;}
.ev-era .era-dates{font-family:'Cormorant Garamond',serif;font-size:0.75rem;color:var(--td);}
.ev-tl-card{margin-bottom:0.5rem;padding:0.6rem 1.8rem 0.6rem 2rem;border-left:2px solid var(--ml-ghost);position:relative;cursor:pointer;transition:all .3s ease;}
.ev-tl-card::before{content:'';position:absolute;top:0.9rem;left:-5px;width:8px;height:8px;border-radius:50%;background:var(--ml-dim);}
.ev-tl-card.align-green{border-left-color:var(--green);}
.ev-tl-card.align-green::before{background:var(--green);}
.ev-tl-card.align-amber{border-left-color:var(--amber);}
.ev-tl-card.align-amber::before{background:var(--amber);}
.ev-tl-card.align-red{border-left-color:var(--red);}
.ev-tl-card.align-red::before{background:var(--red);}
.ev-tl-card.major{background:var(--ml-faint);border-radius:4px;}
.ev-tl-card:hover{border-left-color:var(--ml-dim);}
.ev-tl-card::after{content:'＋';font-family:'Cormorant Garamond',serif;font-size:0.7rem;color:var(--td);position:absolute;top:0.6rem;right:1.5rem;}
.ev-tl-card.expanded::after{content:'－';color:var(--ts);}
.ev-tl-card .ev-tl-head{margin-bottom:0.2rem;}
.ev-tl-card .evidence-org{font-family:'Cormorant Garamond',serif;font-size:1rem;color:var(--ml);margin-bottom:0;}
.ev-tl-card .evidence-dates{display:none;font-family:'Cormorant Garamond',serif;font-size:0.72rem;color:var(--td);margin-bottom:0.3rem;}
.ev-tl-card .category-label{display:none;margin-bottom:0.3rem;}
.ev-tl-card .ev-tl-salient{font-size:0.84rem;color:var(--ts);line-height:1.6;}
.ev-tl-card.expanded{padding:1.2rem 1.8rem 1.2rem 2rem;}
.ev-tl-card.expanded .evidence-dates{display:block;}
.ev-tl-card.expanded .category-label{display:inline-block;}
.ev-tl-card .ev-tl-detail{max-height:0;overflow:hidden;transition:max-height .5s ease,opacity .4s ease;opacity:0;}
.ev-tl-card.expanded .ev-tl-detail{max-height:600px;opacity:1;margin-top:0.8rem;padding-top:0.8rem;border-top:1px solid var(--ml-ghost);}
.ev-tl-card .ev-tl-detail p{font-size:0.88rem;color:var(--tp);margin-bottom:0.8rem;}
.ev-tl-card .evidence-metrics{display:flex;gap:1.5rem;flex-wrap:wrap;margin-top:0.5rem;}
.metric{font-family:'Cormorant Garamond',serif;font-size:0.8rem;color:var(--ts);}
.metric strong{color:var(--ml);font-weight:400;font-size:1.1rem;display:block;}

/* === Scale view — big number left, detail right, matching Journey Scale === */
.ev-sc-card{display:flex;gap:2rem;align-items:flex-start;margin-bottom:2rem;}
.ev-sc-card.major{background:var(--ml-faint);border-radius:4px;padding:1.5rem;}
.ev-sc-card.align-green{border-left:3px solid var(--green);padding-left:1.5rem;}
.ev-sc-card.align-amber{border-left:3px solid var(--amber);padding-left:1.5rem;}
.ev-sc-card.align-red{border-left:3px solid var(--red);padding-left:1.5rem;}
.ev-sc-number{font-family:'Cormorant Garamond',serif;font-size:clamp(1.6rem,3vw,2.2rem);color:var(--ml);font-weight:300;min-width:120px;line-height:1.1;}
.ev-sc-unit{font-size:0.7rem;color:var(--td);display:block;letter-spacing:0.05em;margin-top:0.2rem;}
.ev-sc-detail h3{font-size:0.95rem;margin-bottom:0.3rem;}
.ev-sc-detail .era-dates{font-family:'Cormorant Garamond',serif;font-size:0.75rem;color:var(--td);margin-bottom:0.4rem;}
.ev-sc-detail p{font-size:0.85rem;color:var(--ts);margin-bottom:0;}
@media(max-width:768px){.ev-sc-card{flex-direction:column;gap:0.8rem;}.ev-sc-number{min-width:auto;}}

/* === Sector view — grouped clusters, matching Journey Capabilities === */
.ev-sect-group{margin-bottom:2.5rem;padding-left:1.5rem;border-left:2px solid var(--ml-ghost);}
.ev-sect-group h3{font-size:1rem;margin-bottom:0.2rem;}
.ev-sect-group>.era-dates{font-family:'Cormorant Garamond',serif;font-size:0.75rem;color:var(--td);margin-bottom:0.8rem;}
.ev-sect-cards{display:flex;flex-direction:column;gap:0.4rem;}
.ev-sect-card{font-size:0.85rem;color:var(--ts);line-height:1.7;padding:0.5rem 0;border-bottom:1px solid var(--ml-faint);}
.ev-sect-card:last-child{border-bottom:none;}
.ev-sect-card strong{color:var(--tp);font-weight:400;}
.ev-sect-card.major strong{color:var(--ml);}
.ev-sect-card.align-green::before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);margin-right:0.6rem;vertical-align:middle;}
.ev-sect-card.align-amber::before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--amber);margin-right:0.6rem;vertical-align:middle;}
.ev-sect-card.align-red::before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--red);margin-right:0.6rem;vertical-align:middle;}
.ev-sect-card .category-label{margin-right:0.5rem;}

/* Thinking cards */
.thinking-grid{display:grid;grid-template-columns:1fr;gap:2rem;margin-top:2rem;}
.thinking-card{background:var(--ml-faint);border:1px solid var(--ml-ghost);border-radius:4px;padding:2rem 2.2rem;transition:border-color .3s ease;}
.thinking-card:hover{border-color:var(--ml-dim);}
.thinking-card h3{font-family:'Cormorant Garamond',serif;color:var(--ml);margin-bottom:0.5rem;}
.thinking-card .thinking-summary{color:var(--tp);font-size:0.92rem;margin-bottom:1rem;}
.thinking-card .thinking-meta{font-family:'Cormorant Garamond',serif;font-size:0.78rem;color:var(--td);}
.thinking-card .read-indicator{font-family:'Cormorant Garamond',serif;font-size:0.78rem;color:var(--ml-action);float:right;}
.thinking-card.published{border-left:3px solid var(--ml-dim);}
.thinking-card.published:hover{border-left-color:var(--ml);}
.thinking-card.pipeline{opacity:0.45;border-color:transparent;}
.thinking-card.pipeline:hover{border-color:transparent;opacity:0.55;}
/* Published cards — clickable */
.thinking-card a.card-link{display:block;border:none;color:inherit;}
.thinking-card a.card-link:hover{border:none;}

/* Roadmap */
.roadmap-steps{display:grid;grid-template-columns:1fr;gap:2rem;margin:2.5rem 0;}
.roadmap-step{display:flex;gap:1.5rem;align-items:flex-start;}
.step-number{font-family:'Cormorant Garamond',serif;font-size:2rem;color:var(--ml-dim);line-height:1;flex-shrink:0;width:2.5rem;text-align:center;}
.step-content h3{margin-bottom:0.5rem;}
.cta-email{display:inline-block;font-family:'Cormorant Garamond',serif;font-size:1.1rem;letter-spacing:0.05em;color:var(--ml);border-bottom:1.5px solid var(--ml-dim);padding-bottom:2px;margin:2rem 0;transition:border-color .3s ease;}
.cta-email:hover{border-bottom-color:var(--ml);}

/* Journey */
.journey-view{display:none;}.journey-view.active{display:block;}
.domain-era{margin-bottom:2.5rem;padding-left:1.5rem;border-left:2px solid var(--ml-ghost);position:relative;}
.domain-era::before{content:'';position:absolute;top:0;left:-5px;width:8px;height:8px;border-radius:50%;background:var(--ml-dim);}
.domain-era h3{font-size:1rem;margin-bottom:0.3rem;}
.domain-era .era-dates{font-family:'Cormorant Garamond',serif;font-size:0.75rem;color:var(--td);margin-bottom:0.6rem;}
.sector-tags{display:flex;flex-wrap:wrap;gap:0.4rem;margin-bottom:0.6rem;}
.sector-tag{font-family:'Cormorant Garamond',serif;font-size:0.7rem;letter-spacing:0.04em;padding:0.2rem 0.6rem;border:1px solid var(--ml-ghost);border-radius:2px;color:var(--ml-action);}
.sector-tag.new{border-color:var(--ml-dim);color:var(--ml);}
.pivot-note{font-size:0.82rem;color:var(--ts);font-style:italic;}
.scale-era{display:flex;gap:2rem;align-items:flex-start;margin-bottom:2.5rem;}
.scale-number{font-family:'Cormorant Garamond',serif;font-size:clamp(1.6rem,3vw,2.2rem);color:var(--ml);font-weight:300;min-width:120px;line-height:1.1;}
.scale-number .scale-unit{font-size:0.7rem;color:var(--td);display:block;letter-spacing:0.05em;margin-top:0.2rem;}
.scale-detail h3{font-size:0.95rem;margin-bottom:0.3rem;}
.scale-detail .era-dates{font-family:'Cormorant Garamond',serif;font-size:0.75rem;color:var(--td);margin-bottom:0.4rem;}
.scale-detail p{font-size:0.85rem;color:var(--ts);margin-bottom:0;}
.cap-era{margin-bottom:2rem;}.cap-era h3{font-size:0.95rem;margin-bottom:0.5rem;}
.cap-era .era-dates{font-family:'Cormorant Garamond',serif;font-size:0.75rem;color:var(--td);margin-bottom:0.6rem;}
.cap-layers{display:flex;flex-direction:column;gap:0.3rem;}
.cap-layer{display:flex;align-items:center;gap:0.8rem;}
.cap-layer .cap-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0;}
.cap-layer .cap-dot.inherited{background:var(--ml-ghost);}
.cap-layer .cap-dot.new{background:var(--ml-dim);}
.cap-layer .cap-dot.peak{background:var(--ml);}
.cap-layer span{font-size:0.82rem;color:var(--ts);}
.cap-layer .cap-dot.new+span{color:var(--tp);}
.cap-layer .cap-dot.peak+span{color:var(--ml);}
.cap-legend{display:flex;gap:1.5rem;margin-top:1.5rem;font-family:'Cormorant Garamond',serif;font-size:0.72rem;color:var(--td);}
.cap-legend span{display:flex;align-items:center;gap:0.4rem;}
.journey-prompt{font-family:'Libre Baskerville',serif;font-style:italic;font-size:0.85rem;color:var(--ts);margin-top:2rem;padding:1.5rem;background:var(--ml-faint);border-radius:4px;border-left:2px solid var(--ml-ghost);}
.journey-toggles{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap;}
.journey-toggles button{font-family:'Cormorant Garamond',serif;font-size:0.85rem;letter-spacing:0.05em;background:none;border:1px solid var(--ml-ghost);color:var(--ml-action);padding:0.5rem 1.2rem;cursor:pointer;border-radius:3px;transition:all .3s ease;}
.journey-toggles button:hover,.journey-toggles button.active{border-color:var(--ml-dim);color:var(--ml);background:var(--ml-faint);}
.journey-attribution{font-family:'Cormorant Garamond',serif;font-size:0.75rem;color:var(--td);font-style:italic;margin-top:2rem;}
@media(max-width:768px){.scale-era{flex-direction:column;gap:0.8rem;}.scale-number{min-width:auto;}}

/* Footer */
.site-footer{border-top:1px solid var(--ml-ghost);padding:2.5rem 2rem 2rem;text-align:center;}
.footer-inner{max-width:var(--max-content);margin:0 auto;}
.footer-etymology{font-family:'Cormorant Garamond',serif;font-size:0.88rem;color:var(--ml-dim);letter-spacing:0.1em;margin-bottom:1rem;}
.footer-copyright{font-size:0.75rem;color:var(--td);}
.footer-privacy{margin-top:0.6rem;font-size:0.72rem;}.footer-privacy a{color:var(--td);text-decoration:none;letter-spacing:0.04em;}.footer-privacy a:hover{color:var(--ml);}

.cedar-watermark{position:fixed;bottom:5%;right:5%;width:280px;height:auto;opacity:0.04;pointer-events:none;z-index:0;}
@media(max-width:768px){.cedar-watermark{width:180px;opacity:0.03;}}

@media(max-width:768px){
  :root{--section-pad:3.5rem 0;--content-pad:0 1.5rem;}
  h1{font-size:clamp(1.8rem,6vw,2.6rem);}h2{font-size:1.3rem;}
  .hero{padding-top:5rem;}
  .hero-statement{max-width:90vw;}
  .evidence-metrics-strip{gap:1.5rem;}
  .roadmap-step{flex-direction:column;gap:0.8rem;}
  .step-number{width:auto;text-align:left;}
}
@media(max-width:480px){:root{--content-pad:0 1rem;}.nav-links{gap:1rem;padding:1rem;}}