/*
Theme Name: PKS Sewa Sanstha
Theme URI: https://pkssewasanstha.in/
Author: Canjain Global Advisors Pvt Ltd
Author URI: https://www.cgaindia.com/
Description: Custom theme for PKS Sewa Sanstha, a registered society at Safidon, District Jind, Haryana. Eighteen ready-made pages covering gau seva, education, women and family welfare, environment, culture, the gau shala project, CSR, donations and contact. Activating the theme creates every page and sets the home page automatically.
Version: 1.2
Requires at least: 5.9
Tested up to: 6.6
Requires PHP: 7.4
License: Proprietary. Prepared for PKS Sewa Sanstha.
Text Domain: pks-sewa-sanstha
*/

/* ============================================================
   PKS Sewa Sanstha — site stylesheet
   Palette : field green, sarson (mustard), brick, cool paper
   Type    : Tiro Devanagari Hindi (display) / IBM Plex Sans (body)
             IBM Plex Mono (record & data)
   ============================================================ */

:root{
  --field:#24382B;
  --field-deep:#16241B;
  --field-soft:#3E5245;
  --sarson:#E0A100;
  --sarson-soft:#F7E3AE;
  --brick:#9A3B26;
  --paper:#F4F5F0;
  --paper-2:#E8EBE1;
  --white:#FFFFFF;
  --ink:#171A15;
  --muted:#5B6B5F;
  --line:#CFD6C8;

  --wrap:1160px;
  --gap:clamp(1.25rem,3vw,2.5rem);
  --sect:clamp(3.5rem,7vw,6rem);

  --display:"Tiro Devanagari Hindi",Georgia,"Times New Roman",serif;
  --body:"IBM Plex Sans","IBM Plex Sans Devanagari",system-ui,-apple-system,sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,"Courier New",monospace;
  --deva:"IBM Plex Sans Devanagari","Tiro Devanagari Hindi",sans-serif;
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;background:var(--paper);color:var(--ink);
  font-family:var(--body);font-size:17px;line-height:1.65;
  -webkit-font-smoothing:antialiased;
}
img,svg{max-width:100%;display:block}
a{color:var(--field);text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:var(--brick)}
:focus-visible{outline:3px solid var(--sarson);outline-offset:3px}

h1,h2,h3,h4{font-family:var(--display);font-weight:400;line-height:1.14;margin:0 0 .6em;color:var(--field-deep);letter-spacing:.005em}
h1{font-size:clamp(2.3rem,5.2vw,3.9rem)}
h2{font-size:clamp(1.85rem,3.6vw,2.7rem)}
h3{font-size:clamp(1.25rem,2.1vw,1.55rem)}
h4{font-size:1.06rem;font-family:var(--body);font-weight:600}
p{margin:0 0 1.05em}
ul,ol{margin:0 0 1.15em;padding-left:1.15rem}
li{margin-bottom:.45em}
strong{font-weight:600}
.hi{font-family:var(--deva)}

.wrap{width:min(100% - 2.4rem,var(--wrap));margin-inline:auto}
.narrow{width:min(100% - 2.4rem,780px);margin-inline:auto}

.eyebrow{
  font-family:var(--mono);font-size:.73rem;letter-spacing:.18em;text-transform:uppercase;
  color:var(--brick);margin:0 0 1rem;display:flex;align-items:center;gap:.7rem;
}
.eyebrow::after{content:"";flex:1;height:1px;background:var(--line);max-width:170px}
.eyebrow.on-dark{color:var(--sarson)}
.eyebrow.on-dark::after{background:rgba(255,255,255,.22)}
.lede{font-size:1.16rem;color:var(--field-soft);max-width:62ch}

/* ---------- buttons ---------- */
.btn{
  display:inline-flex;align-items:center;gap:.55rem;
  font-family:var(--body);font-weight:600;font-size:.95rem;letter-spacing:.01em;
  padding:.82rem 1.5rem;border-radius:2px;border:1.5px solid var(--field);
  background:var(--field);color:var(--paper);text-decoration:none;cursor:pointer;
  transition:background .18s ease,color .18s ease,transform .18s ease;
}
.btn:hover{background:var(--field-deep);color:var(--white);transform:translateY(-1px)}
.btn--sarson{background:var(--sarson);border-color:var(--sarson);color:var(--field-deep)}
.btn--sarson:hover{background:#C98F00;border-color:#C98F00;color:var(--field-deep)}
.btn--ghost{background:transparent;color:var(--field)}
.btn--ghost:hover{background:var(--field);color:var(--paper)}
.btn--ghost-light{background:transparent;color:var(--paper);border-color:rgba(244,245,240,.5)}
.btn--ghost-light:hover{background:var(--paper);color:var(--field-deep)}

/* ---------- topbar ---------- */
.topbar{background:var(--field-deep);color:#B9C6BB;font-family:var(--mono);font-size:.72rem;letter-spacing:.06em}
.topbar .wrap{display:flex;flex-wrap:wrap;gap:.4rem 1.6rem;justify-content:space-between;padding:.5rem 0}
.topbar a{color:#B9C6BB;text-decoration:none}
.topbar a:hover{color:var(--sarson)}

/* ---------- header ---------- */
.site-head{position:sticky;top:0;z-index:60;background:var(--paper);border-bottom:1px solid var(--line)}
.site-head .wrap{display:flex;align-items:center;gap:1.2rem;padding:.7rem 0}
.brand{display:flex;align-items:center;gap:.8rem;text-decoration:none;flex:0 0 auto}
.brand img{width:54px;height:54px}
.brand b{display:block;font-family:var(--display);font-size:1.28rem;color:var(--field-deep);line-height:1.05;font-weight:400}
.brand span{display:block;font-family:var(--mono);font-size:.63rem;letter-spacing:.15em;text-transform:uppercase;color:var(--muted);margin-top:.18rem}

.nav{margin-left:auto;display:flex;align-items:center;gap:.15rem}
.nav>li{list-style:none;position:relative}
.nav{padding:0}
.nav a{
  display:block;padding:.6rem .72rem;font-size:.9rem;font-weight:500;
  color:var(--field);text-decoration:none;border-radius:2px;white-space:nowrap;
}
.nav a:hover,.nav a[aria-current="page"]{background:var(--paper-2);color:var(--field-deep)}
.nav a[aria-current="page"]{box-shadow:inset 0 -2px 0 var(--sarson)}
.has-sub>a::after{content:"▾";margin-left:.35rem;font-size:.7em;opacity:.6}
.sub{
  position:absolute;top:100%;left:0;min-width:245px;background:var(--white);
  border:1px solid var(--line);padding:.35rem;margin:0;list-style:none;
  box-shadow:0 14px 30px rgba(23,26,21,.10);
  opacity:0;visibility:hidden;transform:translateY(6px);transition:.16s ease;
}
.has-sub:hover .sub,.has-sub:focus-within .sub{opacity:1;visibility:visible;transform:none}
.sub a{font-weight:400;font-size:.88rem;padding:.5rem .7rem}
.nav-cta{margin-left:.5rem}
.burger{display:none;margin-left:auto;background:none;border:1.5px solid var(--line);border-radius:2px;padding:.55rem .7rem;font-family:var(--mono);font-size:.72rem;letter-spacing:.12em;color:var(--field);cursor:pointer}

@media(max-width:1080px){
  .burger{display:block}
  .nav{
    position:fixed;inset:0 0 0 auto;width:min(88vw,360px);background:var(--paper);
    flex-direction:column;align-items:stretch;gap:0;padding:5.5rem 1.4rem 2rem;
    border-left:1px solid var(--line);overflow-y:auto;
    transform:translateX(100%);transition:transform .25s ease;z-index:70;
  }
  .nav.open{transform:none}
  .nav a{padding:.75rem .2rem;font-size:1rem;border-bottom:1px solid var(--line)}
  .sub{position:static;opacity:1;visibility:visible;transform:none;border:0;box-shadow:none;padding:0 0 0 .9rem;background:transparent}
  .sub a{font-size:.92rem;color:var(--muted)}
  .has-sub>a::after{content:""}
  .nav-cta{margin:1rem 0 0}
  .nav-cta a{background:var(--sarson);color:var(--field-deep);text-align:center;border-bottom:0}
}

/* ---------- hero ---------- */
.hero{position:relative;background:var(--field-deep);color:var(--paper);overflow:hidden}
.hero::before{
  content:"";position:absolute;inset:0;opacity:.5;
  background-image:
    repeating-linear-gradient(94deg,rgba(224,161,0,.16) 0 1px,transparent 1px 34px),
    radial-gradient(120% 90% at 78% 10%,rgba(224,161,0,.18),transparent 62%);
}
.hero .wrap{position:relative;padding:clamp(3.4rem,8vw,6.4rem) 0 clamp(2.6rem,5vw,4rem)}
.hero h1{color:var(--paper);max-width:17ch}
.hero .sanskalp{
  font-family:var(--deva);font-size:clamp(1.05rem,2.2vw,1.3rem);color:var(--sarson-soft);
  margin:0 0 1.4rem;max-width:44ch;line-height:1.75;
}
.hero p.lede{color:#C9D4C9;max-width:56ch}
.hero-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.8rem}
.hero--page .wrap{padding:clamp(2.6rem,5.5vw,4.2rem) 0}
.hero--page h1{max-width:22ch;margin-bottom:.5rem}
.hero--page p.lede{margin-bottom:0}

/* ---------- record strip (signature element) ---------- */
.record{background:var(--field);border-top:1px solid rgba(224,161,0,.3);color:var(--paper)}
.record ul{
  list-style:none;margin:0;padding:0;
  display:grid;grid-template-columns:repeat(auto-fit,minmax(178px,1fr));
}
.record li{margin:0;padding:1.05rem 1.1rem;border-right:1px solid rgba(244,245,240,.14)}
.record li:last-child{border-right:0}
.record .k{display:block;font-family:var(--mono);font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--sarson);margin-bottom:.3rem}
.record .v{display:block;font-family:var(--mono);font-size:.86rem;color:var(--paper);word-break:break-word}
@media(max-width:640px){.record li{border-right:0;border-bottom:1px solid rgba(244,245,240,.14)}}

/* ---------- sections ---------- */
.sect{padding:var(--sect) 0}
.sect--paper2{background:var(--paper-2)}
.sect--field{background:var(--field-deep);color:#D5DED5}
.sect--field h2,.sect--field h3{color:var(--paper)}
.sect--field .lede{color:#BECABE}
.sect--rule{border-top:1px solid var(--line)}

.split{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(2rem,5vw,4rem);align-items:start}
.split--even{grid-template-columns:1fr 1fr}
@media(max-width:880px){.split,.split--even{grid-template-columns:1fr}}

/* ---------- cards ---------- */
.cards{display:grid;gap:1.2rem;grid-template-columns:repeat(auto-fit,minmax(268px,1fr));padding:0;margin:0;list-style:none}
.card{
  background:var(--white);border:1px solid var(--line);border-top:3px solid var(--sarson);
  padding:1.5rem 1.4rem;margin:0;transition:transform .2s ease,box-shadow .2s ease;
}
.card:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(23,26,21,.08)}
.card h3{font-size:1.2rem;margin-bottom:.45rem}
.card p{font-size:.96rem;color:var(--field-soft);margin-bottom:.7rem}
.card a.more{font-family:var(--mono);font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;color:var(--brick);text-decoration:none}
.card a.more:hover{text-decoration:underline}
.card--flat{border-top-color:var(--line);background:transparent}

/* ---------- ledger list (documents / facts) ---------- */
.ledger{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.ledger li{
  margin:0;padding:.95rem .2rem;border-bottom:1px solid var(--line);
  display:grid;grid-template-columns:230px 1fr;gap:.4rem 1.5rem;align-items:baseline;
}
.ledger dt,.ledger .k{font-family:var(--mono);font-size:.72rem;letter-spacing:.13em;text-transform:uppercase;color:var(--muted)}
.ledger .v{font-size:.99rem;color:var(--ink)}
.ledger .v small{display:block;color:var(--muted);font-size:.82rem;margin-top:.15rem}
@media(max-width:700px){.ledger li{grid-template-columns:1fr}}

/* ---------- stats ---------- */
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1.5rem;list-style:none;padding:0;margin:2rem 0 0}
.stats li{margin:0;border-left:2px solid var(--sarson);padding-left:1rem}
.stats .n{display:block;font-family:var(--display);font-size:clamp(1.9rem,4vw,2.6rem);line-height:1;color:var(--field-deep)}
.sect--field .stats .n{color:var(--sarson)}
.stats .l{display:block;font-family:var(--mono);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-top:.5rem}
.sect--field .stats .l{color:#A8B7A9}

/* ---------- tables ---------- */
.table-scroll{overflow-x:auto;border:1px solid var(--line);background:var(--white)}
table{border-collapse:collapse;width:100%;min-width:520px;font-size:.94rem}
caption{text-align:left;font-family:var(--mono);font-size:.72rem;letter-spacing:.13em;text-transform:uppercase;color:var(--muted);padding:.9rem 1rem}
th,td{text-align:left;padding:.75rem 1rem;border-bottom:1px solid var(--line);vertical-align:top}
thead th{background:var(--field);color:var(--paper);font-weight:500;font-family:var(--mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase}
tbody tr:nth-child(even){background:#FAFBF7}
td.num,th.num{text-align:right;font-family:var(--mono);white-space:nowrap}
tfoot td{font-weight:600;background:var(--paper-2)}

/* ---------- timeline / phases ---------- */
.phases{list-style:none;margin:2rem 0 0;padding:0;display:grid;gap:1.2rem}
.phases li{margin:0;background:var(--white);border:1px solid var(--line);padding:1.4rem 1.5rem;display:grid;grid-template-columns:118px 1fr;gap:1.5rem}
.phases .p-k{font-family:var(--mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--brick)}
.phases h3{font-size:1.15rem;margin-bottom:.35rem}
@media(max-width:640px){.phases li{grid-template-columns:1fr;gap:.5rem}}

/* ---------- gallery ---------- */
.gallery{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));list-style:none;padding:0;margin:0}
.frame{
  margin:0;background:var(--paper-2);border:1px solid var(--line);
  aspect-ratio:4/3;display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;padding:1.2rem;color:var(--muted);overflow:hidden;position:relative;
}
.frame img{width:100%;height:100%;object-fit:cover}
.frame .ph{font-family:var(--mono);font-size:.7rem;letter-spacing:.13em;text-transform:uppercase}
.frame .ph b{display:block;color:var(--field-soft);font-size:.82rem;letter-spacing:.06em;text-transform:none;margin-top:.5rem;font-weight:500}
figcaption{font-size:.88rem;color:var(--muted);margin-top:.5rem}
.cap{font-size:.86rem;color:var(--muted);margin:.55rem 0 0;line-height:1.5}

/* ---------- callout / note ---------- */
.note{border-left:3px solid var(--brick);background:var(--white);padding:1.15rem 1.3rem;font-size:.95rem;color:var(--field-soft)}
.note strong{color:var(--field-deep)}
.note--sarson{border-left-color:var(--sarson)}

/* ---------- donate / bank block ---------- */
.bank{background:var(--white);border:1px solid var(--line);padding:1.6rem}
.bank dl{display:grid;grid-template-columns:190px 1fr;gap:.7rem 1.2rem;margin:0}
.bank dt{font-family:var(--mono);font-size:.71rem;letter-spacing:.13em;text-transform:uppercase;color:var(--muted)}
.bank dd{margin:0;font-family:var(--mono);font-size:.95rem;color:var(--ink);word-break:break-word}
@media(max-width:600px){.bank dl{grid-template-columns:1fr;gap:.15rem 0}.bank dd{margin-bottom:.7rem}}

/* ---------- forms ---------- */
.form{display:grid;gap:1rem;grid-template-columns:1fr 1fr}
.form .full{grid-column:1/-1}
label{display:block;font-family:var(--mono);font-size:.71rem;letter-spacing:.13em;text-transform:uppercase;color:var(--muted);margin-bottom:.4rem}
input,select,textarea{
  width:100%;font-family:var(--body);font-size:1rem;padding:.75rem .85rem;
  border:1px solid var(--line);background:var(--white);color:var(--ink);border-radius:2px;
}
textarea{min-height:130px;resize:vertical}
@media(max-width:640px){.form{grid-template-columns:1fr}}

/* ---------- footer ---------- */
.site-foot{background:var(--field-deep);color:#AEBDAF;padding:var(--sect) 0 0;font-size:.94rem}
.foot-grid{display:grid;gap:2.4rem;grid-template-columns:1.4fr 1fr 1fr 1.1fr}
.site-foot h4{color:var(--paper);font-family:var(--mono);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;margin-bottom:1rem}
.site-foot a{color:#AEBDAF;text-decoration:none}
.site-foot a:hover{color:var(--sarson)}
.site-foot ul{list-style:none;margin:0;padding:0}
.site-foot li{margin-bottom:.5rem}
.foot-brand img{width:74px;height:74px;margin-bottom:1rem}
.foot-brand p{font-size:.9rem;line-height:1.7}
.foot-bar{margin-top:3rem;border-top:1px solid rgba(244,245,240,.14);padding:1.2rem 0;font-family:var(--mono);font-size:.7rem;letter-spacing:.08em;display:flex;flex-wrap:wrap;gap:.6rem 1.6rem;justify-content:space-between}
@media(max-width:900px){.foot-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.foot-grid{grid-template-columns:1fr}}

/* ---------- utility ---------- */
.mt0{margin-top:0}.mb0{margin-bottom:0}
.mt2{margin-top:2rem}.mt3{margin-top:3rem}
.center{text-align:center}
.skip{position:absolute;left:-9999px}
.skip:focus{left:1rem;top:1rem;z-index:99;background:var(--sarson);color:var(--field-deep);padding:.7rem 1rem;border-radius:2px}
.breadcrumb{font-family:var(--mono);font-size:.7rem;letter-spacing:.13em;text-transform:uppercase;color:#9FB0A1;margin-bottom:1.1rem}
.breadcrumb a{color:#9FB0A1;text-decoration:none}
.breadcrumb a:hover{color:var(--sarson)}

/* ---------- reveal ---------- */
.reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}
.reveal.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important}
  .reveal{opacity:1;transform:none}
  html{scroll-behavior:auto}
}


/* ============================================================
   Colour layer — festival palette drawn from the Sanstha's own
   photographs: marigold, rani pink, temple teal, sarson.
   ============================================================ */
:root{
  --marigold:#DD5F1B;
  --rani:#B32A5E;
  --teal:#15706B;
  --sky:#2A6BAE;
}

/* ribbon across the very top of every page */
.ribbon{height:5px;background:linear-gradient(90deg,var(--sarson) 0%,var(--marigold) 34%,var(--rani) 67%,var(--teal) 100%)}

/* photo hero */
.hero--photo::before{
  background-image:var(--hero-img);
  background-size:cover;background-position:center 42%;
  opacity:1;filter:saturate(1.06);
}
.hero--photo::after{
  content:"";position:absolute;inset:0;
  background:
    linear-gradient(100deg,rgba(9,22,14,.95) 0%,rgba(9,22,14,.86) 38%,rgba(9,22,14,.42) 100%),
    linear-gradient(to top,rgba(9,22,14,.9),transparent 58%);
}
.hero .wrap{z-index:2}
.hero--photo .wrap{padding-block:clamp(4rem,10vw,8rem) clamp(3rem,6vw,5rem)}

/* tinted page heroes, one colour per part of the site */
.hero--marigold::before{background-image:radial-gradient(120% 95% at 84% 6%,rgba(221,95,27,.42),transparent 62%),repeating-linear-gradient(94deg,rgba(255,255,255,.06) 0 1px,transparent 1px 34px)}
.hero--rani::before{background-image:radial-gradient(120% 95% at 84% 6%,rgba(179,42,94,.45),transparent 62%),repeating-linear-gradient(94deg,rgba(255,255,255,.06) 0 1px,transparent 1px 34px)}
.hero--teal::before{background-image:radial-gradient(120% 95% at 84% 6%,rgba(21,112,107,.5),transparent 62%),repeating-linear-gradient(94deg,rgba(255,255,255,.06) 0 1px,transparent 1px 34px)}
.hero--sky::before{background-image:radial-gradient(120% 95% at 84% 6%,rgba(42,107,174,.42),transparent 62%),repeating-linear-gradient(94deg,rgba(255,255,255,.06) 0 1px,transparent 1px 34px)}

/* eyebrow colours */
.eyebrow--marigold{color:var(--marigold)}
.eyebrow--rani{color:var(--rani)}
.eyebrow--teal{color:var(--teal)}
.eyebrow--sky{color:var(--sky)}

/* card accents */
.card--marigold{border-top-color:var(--marigold)}
.card--rani{border-top-color:var(--rani)}
.card--teal{border-top-color:var(--teal)}
.card--sky{border-top-color:var(--sky)}
.card--brick{border-top-color:var(--brick)}

/* sarson band — the loud, warm block the page needed */
.band{background:var(--sarson);color:var(--field-deep);padding:clamp(2.2rem,4vw,3rem) 0}
.band h2,.band h3{color:var(--field-deep)}
.band .eyebrow{color:#7A4B00}
.band .eyebrow::after{background:rgba(36,56,43,.3)}
.band .stats{margin-top:1.4rem}
.band .stats li{border-left-color:var(--field-deep)}
.band .stats .n{color:var(--field-deep)}
.band .stats .l{color:#7A4B00}

/* photo mosaic */
.mosaic{display:grid;grid-template-columns:repeat(6,1fr);gap:.7rem;list-style:none;padding:0;margin:0}
.mosaic li{margin:0;overflow:hidden;background:var(--paper-2)}
.mosaic img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease}
.mosaic li:hover img{transform:scale(1.05)}
.m-wide{grid-column:span 4;aspect-ratio:16/9}
.m-sq{grid-column:span 2;aspect-ratio:1}
.m-half{grid-column:span 3;aspect-ratio:3/2}
@media(max-width:760px){
  .mosaic{grid-template-columns:repeat(2,1fr)}
  .m-wide,.m-half{grid-column:span 2;aspect-ratio:4/3}
  .m-sq{grid-column:span 1;aspect-ratio:1}
}

/* photo frames get a coloured foot */
.frame{border-bottom:3px solid var(--sarson)}
.gallery li:nth-child(4n+2) .frame{border-bottom-color:var(--marigold)}
.gallery li:nth-child(4n+3) .frame{border-bottom-color:var(--rani)}
.gallery li:nth-child(4n) .frame{border-bottom-color:var(--teal)}

/* pull quote */
.pull{border-left:4px solid var(--marigold);padding:.2rem 0 .2rem 1.3rem;margin:1.6rem 0;font-family:var(--display);font-size:clamp(1.15rem,2.3vw,1.5rem);line-height:1.45;color:var(--field-deep)}
.sect--field .pull{color:var(--paper);border-left-color:var(--sarson)}

/* chips */
.chips{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;padding:0;margin:1.2rem 0 0}
.chips li{margin:0;font-family:var(--mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;padding:.42rem .8rem;border-radius:999px;background:var(--paper-2);color:var(--field-soft);border:1px solid var(--line)}
.chips li:nth-child(4n+1){background:rgba(224,161,0,.16);border-color:rgba(224,161,0,.5)}
.chips li:nth-child(4n+2){background:rgba(221,95,27,.14);border-color:rgba(221,95,27,.45)}
.chips li:nth-child(4n+3){background:rgba(179,42,94,.12);border-color:rgba(179,42,94,.4)}
.chips li:nth-child(4n){background:rgba(21,112,107,.12);border-color:rgba(21,112,107,.4)}

/* section head rule in colour */
.sect--paper2{background:linear-gradient(180deg,#EDF0E6,#E6EADF)}