/*
 * Craft theme — refinement layer 01
 * Keeps the original typography and motion system while reducing common
 * template signatures: beige canvas, glass pill navigation, gradient CTAs,
 * oversized radii and heavy floating shadows.
 */

:root{
  --paper:#edf1ee;
  --paper-2:#dfe6e1;
  --ink:#15231f;
  --muted:#65716c;
  --line:rgba(21,35,31,.14);
  --clay:#c44f32;
  --clay-2:#e4a05a;
  --ink-panel:#14241f;
  --radius:13px;
}

body{
  background-color:var(--paper);
}

html{
  overflow-x:hidden;
}

::selection{
  background:var(--ink);
  color:var(--paper);
}

/* Keep the handmade texture, but make it much quieter. */
.grain{
  opacity:.025;
}

/* More architectural, less glass-pill. */
nav{
  top:14px;
  padding:11px 12px 11px 20px;
  border-radius:11px;
  background:rgba(237,241,238,.92);
  border-color:rgba(21,35,31,.16);
  box-shadow:0 8px 28px rgba(21,35,31,.055);
}

.nav-links a.active::after{
  border-radius:0;
}

.nav-cta{
  border-radius:6px;
}

/* Solid actions feel more authored than the familiar orange gradient. */
.btn{
  border-radius:7px;
}

.btn-primary{
  background:var(--clay);
  box-shadow:0 10px 24px rgba(196,79,50,.20);
}

.btn-primary:hover{
  box-shadow:0 13px 28px rgba(196,79,50,.25);
}

.btn-ghost{
  background:rgba(237,241,238,.72);
}

.eyebrow,
.filters span,
.chips span,
.fcard .tags span,
.gcard .tags span,
.pcard .cat,
.svc-detail ul li,
.case .ctags span{
  border-radius:5px;
}

/* Retain the card composition while removing the inflated soft-card look. */
.fcard,
.gcard,
.pcard,
.svc-detail,
.topic,
.pcardv,
.case,
.form{
  border-radius:var(--radius);
}

.fcard:hover,
.pcard:hover,
.svc-detail:hover{
  box-shadow:0 18px 38px rgba(21,35,31,.08);
}

.gcard{
  background:#e5ebe7;
}

.cmethod,
.case-study-meta>div,
.article-summary,
.article-callout,
.article-table-wrap{
  border-radius:9px;
}

.cmethod .ic{
  border-radius:7px;
}

.stretch{
  box-shadow:0 36px 76px rgba(20,36,31,calc(.16*(1 - var(--p))));
}

.stretch::before{
  background:radial-gradient(720px 420px at 82% -5%,rgba(196,79,50,.24),transparent 60%);
}

.article-summary,
.article-callout{
  background:#e3e9e4;
}

.article-callout{
  border-left-color:var(--clay);
}

.article-content th{
  background:#e2e8e3;
}

.article-cta{
  border-radius:13px;
  box-shadow:0 20px 46px rgba(20,36,31,.12);
}

.article-cta a{
  border-radius:6px;
}

.profile-ph,
.case-study-visual{
  border-radius:13px;
}

footer{
  border-radius:18px 18px 0 0;
}

@media(min-width:901px){
  .hero{
    padding-top:104px;
    padding-bottom:42px;
  }
}

@media(max-width:900px){
  .nav-links{
    background:rgba(237,241,238,.98);
    border-radius:11px;
  }

  .stretch{
    border-radius:13px!important;
  }

  .process{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .pstep{
    min-width:0;
  }
}

@media(max-width:600px){
  .eyebrow{
    width:auto;
    max-width:100%;
    align-items:flex-start;
    line-height:1.5;
  }

  .process{
    grid-template-columns:minmax(0,1fr);
  }
}