/* Taksheyu website v1.6.1 (formerly ThinkArray; based on v1.4.1) · one stylesheet for every page.
   Look and identity from v1.1 (logo v1.1, brick / asphalt / denim / canvas / highway yellow,
   Cormorant Garamond + Newsreader). Layout rules from Anup, 4 Nov:
   solid bands with hard edges (no blends, no gradients between sections),
   side-by-side text | image that stacks on phones, compact cards. */

:root{
  /* v1.1 palette */
  --brick:#7A2A1E; --barn:#A23B2A; --denim:#2E4A6B; --asph:#2B2B2B; --night:#1B2940; --green:#2B4527;
  --yel:#E2A93A; --yel-l:#F0C46A; --cream:#F3D9A6; --pink:#E8B4A0;
  --canvas:#F2EEE3; --card:#FBF8F2; --ink:#1E1B18; --ink2:#5E5852; --rule:#DDD5C6;
  --on-dark:#EFE8DA; --on-dark2:#CFC6B6;
  /* venture accents, as on v1.1's venture cards */
  --v-loom:#2E4A6B; --v-sahi:#A23B2A; --v-book:#8A4313; --v-nirvana:#7E4F92; --v-nudge:#37735F;
  /* type */
  --display:'Cormorant Garamond',Georgia,'Times New Roman',serif;
  --body:'Newsreader',Georgia,'Times New Roman',serif;
  /* spacing: 8-point scale (WEB-D15) */
  --gut:20px; --sec:56px; --max:1200px; --r:10px;
  color-scheme:light dark;
}
@media (min-width:900px){:root{--gut:40px;--sec:88px}}
@media (prefers-color-scheme:dark){
  :root{--canvas:#1B1916;--card:#26231F;--ink:#ECE6DA;--ink2:#B7AE9F;--rule:#3B362F;--barn:#EB8F72;--v-sahi:#E07F66;--v-loom:#8FB2D8;--v-book:#D9935E;--v-nirvana:#C39AD4;--v-nudge:#7CC0AA}
}

*{box-sizing:border-box}
html{overflow-x:clip;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--canvas);color:var(--ink);font:400 18px/1.6 var(--body);overflow-x:clip;-webkit-font-smoothing:antialiased}
@media (min-width:900px){body{font-size:19px}}
img{max-width:100%;display:block}
p{margin:0}
a{color:inherit}
a:focus-visible,button:focus-visible{outline:2px solid var(--yel);outline-offset:3px;border-radius:4px}
.wrap{max-width:var(--max);margin:0 auto;padding:0 var(--gut)}
/* in-page links land below the sticky header (v1.4.1) */
main [id]{scroll-margin-top:76px}
@media (max-width:760px){main [id]{scroll-margin-top:108px}}
.skip{position:absolute;left:-999px;top:0;background:var(--yel);color:#1E1B18;padding:10px 16px;z-index:20}
.skip:focus{left:8px;top:8px}

h1,h2,h3{font-family:var(--display);font-weight:600;margin:0;text-wrap:balance}
h1{font-size:clamp(40px,5.2vw,66px);line-height:1.03;letter-spacing:-.005em}
h2{font-size:clamp(30px,3.6vw,44px);line-height:1.08}
h3{font-size:24px;line-height:1.15}
.lab{font:600 12.5px/1.4 var(--body);letter-spacing:.2em;text-transform:uppercase;color:var(--barn);margin:0 0 12px}
.dark .lab{color:var(--yel-l)}
.lede{max-width:34em;margin-top:16px}
.lede+.lede{margin-top:12px}
.lede b{font-weight:600}
.big{font-size:20px;line-height:1.55}
@media (min-width:900px){.big{font-size:21px}}
.it{font-family:var(--display);font-style:italic;font-weight:500}
.sub{font:italic 500 24px/1.25 var(--display);color:var(--cream);margin-top:10px}
.small{font-size:15px;line-height:1.5;color:var(--ink2)}
.dark .small{color:var(--on-dark2)}

/* buttons (WEB-D21): pill, 48px tall, one primary per screen */
.btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 22px;border-radius:999px;font:600 16px/1.2 var(--body);text-decoration:none;border:1.5px solid transparent;white-space:nowrap}
.btn.p{background:var(--yel);color:#1E1B18}
.btn.p:hover{background:var(--yel-l)}
.btn.s{border-color:currentColor}
.btn.s:hover{background:rgba(127,127,127,.12)}
.chip{display:inline-block;font:600 11.5px/1 var(--body);letter-spacing:.14em;text-transform:uppercase;padding:6px 10px;border-radius:999px;border:1px solid currentColor}
.chip.y{background:var(--yel);border-color:var(--yel);color:#1E1B18}

/* header (WEB-D20): asphalt, sticky, brand left, one primary action right */
.hdr{position:sticky;top:0;z-index:10;background:var(--asph);color:#F2EEE3;border-bottom:1px solid rgba(242,238,227,.14)}
.hdr .wrap{display:flex;align-items:center;gap:8px 24px;min-height:64px;flex-wrap:wrap}
.brand{display:inline-flex;align-items:center;min-height:48px;margin-right:auto}
.brand img{height:30px;width:auto}
.hdr nav{display:flex;gap:4px 22px;font-size:16px}
.hdr nav a{color:#F2EEE3;text-decoration:none;opacity:.9;min-height:44px;display:inline-flex;align-items:center}
.hdr nav a:hover{opacity:1;text-decoration:underline}
.hdr nav a[aria-current="page"]{opacity:1;color:var(--yel-l);box-shadow:inset 0 -2px 0 var(--yel-l)}
.hdr .btn{min-height:40px;padding:0 16px;font-size:15px}
@media (max-width:760px){
  .hdr .wrap{padding-top:6px;padding-bottom:4px;min-height:0;gap:0 12px}
  .brand img{height:26px}
  .hdr nav{order:3;width:100%;gap:0 18px;font-size:15px}
  .hdr nav a{min-height:40px}
}
@media (max-width:360px){.hdr nav{gap:0 12px;font-size:14.5px}.hdr .btn{padding:0 12px;font-size:14px}}

/* bands: solid colour, hard edge, nothing blended */
.band{padding:var(--sec) 0}
.band.dark{color:var(--on-dark)}
.band.brick{background:var(--brick)}
.band.asph{background:var(--asph)}
.band.denim{background:var(--denim)}
.band.night{background:var(--night)}
.band.green{background:var(--green)}
.band.panel{background:var(--card);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.band.tight{padding:40px 0}
.dark .lede{color:var(--on-dark)}

/* side by side: text | image. Stacks on phones, text first */
.split{display:grid;gap:28px;align-items:center}
@media (min-width:900px){
  .split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px}
  .split.wide-img{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}
  .split.img-left .media{order:-1}
}
.media{margin:0}
.media img{width:100%;height:auto}
.media figcaption{font-size:14px;line-height:1.45;font-style:italic;color:var(--ink2);margin-top:10px}
.dark .media figcaption{color:var(--on-dark2)}
.art{max-width:560px;margin-inline:auto}
@media (max-width:899px){.art{max-width:300px}}
.shot{border-radius:8px;overflow:hidden;box-shadow:0 14px 34px -16px rgba(0,0,0,.55);border:1px solid rgba(0,0,0,.12)}
.dark .shot{border-color:rgba(255,255,255,.14)}
/* a browser frame for screenshots */
.browser{border-radius:10px;overflow:hidden;background:#3A3A3A;box-shadow:0 18px 40px -18px rgba(0,0,0,.6)}
.browser .bar{display:flex;gap:6px;align-items:center;height:26px;padding:0 12px}
.browser .bar i{width:9px;height:9px;border-radius:50%;background:#6A6A6A}
.browser .bar span{margin-left:10px;font:500 12px/1 var(--body);color:#CFC6B6;letter-spacing:.02em}
.phone{max-width:300px;margin-inline:auto;border-radius:22px;border:6px solid #1E140C;overflow:hidden;box-shadow:0 18px 40px -18px rgba(0,0,0,.6);background:#fff}
@media (max-width:899px){.phone{max-width:260px}}

/* compact cards */
.cards{display:grid;gap:16px;margin-top:28px;grid-template-columns:minmax(0,1fr)}
@media (min-width:700px){.cards.c2{grid-template-columns:repeat(2,minmax(0,1fr))}.cards.c4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1100px){.cards.c3{grid-template-columns:repeat(3,minmax(0,1fr))}.cards.c4{grid-template-columns:repeat(4,minmax(0,1fr))}}
.card{background:var(--card);color:var(--ink);border:1px solid var(--rule);border-top:4px solid var(--ac,var(--yel));border-radius:var(--r);padding:18px 20px;display:flex;flex-direction:column;gap:8px;text-decoration:none}
.card h3{font-size:24px}
.card p{font-size:16px;line-height:1.5;color:var(--ink2)}
.card .chip{align-self:flex-start;color:var(--ac,var(--ink2))}
.card .go{margin-top:auto;padding-top:6px;font-size:15px;font-weight:600;color:var(--ac,var(--barn))}
a.card:hover{border-color:var(--ac)}
a.card:hover h3{text-decoration:underline}
.dark .card{background:rgba(255,255,255,.06);color:var(--on-dark);border-color:rgba(239,232,218,.2);border-top-color:var(--yel)}
.dark .card p{color:var(--on-dark2)}
/* venture card: small picture beside the text */
.vcard{display:grid;grid-template-columns:88px minmax(0,1fr);gap:16px;align-items:start}
.vcard .thumb{width:88px;aspect-ratio:1;border-radius:6px;overflow:hidden;background:var(--ac)}
.vcard .thumb img{width:100%;height:100%;object-fit:cover}
.vcard>div:last-child{display:flex;flex-direction:column;gap:6px;height:100%}
.idea{border-style:dashed;border-top-style:solid;background:transparent}

/* numbered steps */
.steps{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:12px;counter-reset:s;grid-template-columns:minmax(0,1fr)}
@media (min-width:700px){.steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1100px){.steps.s4{grid-template-columns:repeat(4,minmax(0,1fr))}}
.steps li{counter-increment:s;background:var(--card);border:1px solid var(--rule);border-radius:var(--r);padding:16px 18px;display:grid;grid-template-columns:32px minmax(0,1fr);gap:4px 12px;align-items:start;align-content:start}
.steps li:before{content:counter(s);grid-row:span 2;width:30px;height:30px;border-radius:999px;background:var(--yel);color:#1E1B18;font:600 14px/30px var(--body);text-align:center}
.steps b{font-family:var(--display);font-size:22px;line-height:1.2;font-weight:600}
.steps span{font-size:16px;line-height:1.5;color:var(--ink2)}

/* the note box (Sahi's "this first version is an AI check") */
.note{margin-top:22px;border-left:4px solid var(--yel);background:rgba(0,0,0,.22);padding:14px 18px;border-radius:0 8px 8px 0;max-width:34em;font-size:17px;line-height:1.5}
.note b{font-weight:600}

/* notebook: essay list */
.notes{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:0 36px;grid-template-columns:minmax(0,1fr)}
@media (min-width:900px){.notes{grid-template-columns:repeat(3,minmax(0,1fr))}}
.notes li{border-top:3px solid var(--barn);padding:16px 0 20px}
.notes a{text-decoration:none;display:block}
.notes .n{font-size:13px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--ink2)}
.notes h3{font-size:23px;margin-top:4px}
.notes a:hover h3{text-decoration:underline}
.notes q{display:block;font:italic 500 19px/1.35 var(--display);color:var(--ink2);margin-top:8px;quotes:"\201C" "\201D"}
.more{display:inline-block;margin-top:8px;font-size:16px;font-weight:600;color:var(--barn)}

/* seasons */
.seasons{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:16px;grid-template-columns:minmax(0,1fr)}
@media (min-width:700px){.seasons{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1100px){.seasons{grid-template-columns:repeat(4,minmax(0,1fr))}}
.seasons li{background:var(--card);border:1px solid var(--rule);border-radius:var(--r);overflow:hidden;display:grid;grid-template-columns:44% minmax(0,1fr)}
@media (min-width:1100px){.seasons li{grid-template-columns:minmax(0,1fr)}}
.seasons img{width:100%;height:100%;object-fit:cover;aspect-ratio:560/433}
.seasons .b{padding:12px 14px 14px;display:flex;flex-direction:column;gap:2px}
.seasons .n{font-size:12px;letter-spacing:.18em;text-transform:uppercase;font-weight:600;color:var(--ink2)}
.seasons h3{font-size:22px}
.seasons p{font:italic 500 17px/1.3 var(--display);color:var(--ink2)}
.seasons .w{margin-top:auto;padding-top:8px;font-size:13px;font-weight:600;color:var(--ink2)}

/* founder note */
.founder{display:grid;gap:8px;max-width:44em}
.founder p{font-size:17px;line-height:1.6;color:var(--ink2)}
.founder a{color:var(--barn);font-weight:600}
.founder p.lab{color:var(--barn);font-size:12.5px}
@media (max-width:699px){.ctacards{display:none}}


/* footer (WEB-D24) */
.ftr{background:var(--night);color:var(--on-dark2);padding:48px 0;font-size:15px;line-height:1.6}
.ftr .wrap{display:grid;gap:20px}
@media (min-width:900px){.ftr .wrap{grid-template-columns:minmax(0,1fr) auto;align-items:start}}
.ftr img{height:28px;width:auto;margin-bottom:12px}
.ftr .fam{color:var(--on-dark)}
.ftr a{color:var(--yel-l)}
.ftr ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 20px}
@media (min-width:900px){.ftr ul{flex-direction:column;align-items:flex-start}}
.ftr ul a{color:var(--on-dark);text-decoration:none;min-height:32px;display:inline-flex;align-items:center}
.ftr ul a:hover{text-decoration:underline}

/* About (Taksheyu v1.5): the name, its meaning and the full A4 mark (shown at 48 px or larger), then the founder */
.about{display:grid;gap:28px}
@media (min-width:900px){.about{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:64px;align-items:start}}
.aname{display:grid;gap:8px;max-width:30em}
.aname .amark{width:128px;height:auto;margin-bottom:10px}
.aname p{font-size:17px;line-height:1.6;color:var(--ink2)}
.aname .pron{font:500 24px/1.3 var(--display);color:var(--ink)}
.aname .pron b{font-weight:700}
.aname p.lab{color:var(--barn);font-size:12.5px}
.ftr .fam b{font-weight:600}
/* v1.5 fixes after the critic (6 Nov) */
.nw{white-space:nowrap}
.aname .amark{margin:4px 0 12px}
/* phone and tablet season cards: keep the cover's title (left side) in view */
@media (max-width:1099px){.seasons img{object-position:left center}}
/* hero label: the pronunciation keeps its own case, so the stressed syllable shows (Anup, 6 Nov 16:36) */
.lab .pr{text-transform:none;letter-spacing:.04em}

/* ===== v1.6 design pass (Anup, 6 Nov 17:13: "white on white is still an issue, and the colours
   showing the tabs need to be a little bigger"). Tokens from the hub's design A+ (tools-v2/out/v29-design):
   page a shade deeper, cards near white, card edges at >= 3:1 against the card, the page and the panel band
   (WCAG 1.4.11). Season signature colours for the series. Tabs and strips 8 px, not hairlines. ===== */
:root{
  --canvas:#EFE8DC; --card:#FFFDF9; --ink2:#4F4840; --rule:#D6CBB8;
  --edge:#8A7760;      /* card edge: 4.2:1 on card, 3.5:1 on page, 3.1:1 on the panel band */
  --band:#E4D9C6;      /* tinted panel band, so white cards never sit on white */
  --tab:8px;           /* coloured tab / strip on cards */
  --shadow:0 1px 2px rgba(74,52,30,.14),0 3px 10px rgba(74,52,30,.07);
  /* season signature colours */
  --s1:#C8562A; --s1t:#A8441F; --s2:#7A2A1E; --s3:#2E7D4F; --s4:#D9A12B; --s5:#1C39BB;
}
@media (prefers-color-scheme:dark){
  :root{--canvas:#1B1916;--card:#26231F;--ink2:#B7AE9F;--rule:#3B362F;--edge:#857A6A;--band:#2E2A25;--shadow:none;
        --s1:#E07A4E;--s1t:#E07A4E;--s2:#D46A55;--s3:#5DBB85;--s4:#E6B44A;--s5:#7F96F0}
}
.band.panel{background:var(--band);border-top:1px solid var(--edge);border-bottom:1px solid var(--edge)}
.card{border:1.5px solid var(--edge);border-top:var(--tab) solid var(--ac,var(--yel));box-shadow:var(--shadow)}
.dark .card{border-color:rgba(239,232,218,.45);border-top-color:var(--yel);box-shadow:none}
.idea{background:var(--card);border-style:dashed;border-top-style:solid}
.card .chip{font-size:12.5px;padding:7px 12px;border-width:2px;background:color-mix(in srgb,var(--ac,var(--ink2)) 12%,transparent)}
.steps li{border:1.5px solid var(--edge);box-shadow:var(--shadow)}
.notes li{border-top-width:6px}
.seasons li{border:1.5px solid var(--edge);border-top:var(--tab) solid var(--sc,var(--edge));box-shadow:var(--shadow)}
.s1cover .shot{border-top:var(--tab) solid var(--s1)}
/* the menu's current-page tab: 4 px, not a hairline */
.hdr nav a[aria-current="page"]{box-shadow:inset 0 -4px 0 var(--yel-l)}
.founder .btns{margin-top:12px}
.card .chip{color:var(--act,var(--ac,var(--ink2)))}.card .go{color:var(--act,var(--ac,var(--barn)))}   /* text on a card uses the darker shade where the strip colour is too light for text */