/* ─────────────────────────────────────────────────────────
   AKSHARA · consumer website · production stylesheet
   The Ledger — restrained, materially honest, slow.
   ───────────────────────────────────────────────────────── */

/* ── TOKENS ───────────────────────────────────────────── */
:root{
  /* material palette — the brand book is the source of truth */
  --shila:#8E8580;
  --mashi:#1C1410;
  --loha:#4A4540;
  --haldi:#D4A843;
  --haldi-deep:#B89030;
  --tera:#C47B3A;
  --shweta:#F5EFE6;
  --paper:#F2ECE0;     /* slightly warmer than shweta, the dominant page tone */
  --paper-2:#EDE6D5;   /* a quieter card tone */
  --cream:#EDE6D5;
  --khaki:#D4CCBE;
  --rule:#C9BFAE;      /* primary rule */
  --rule-soft:#E0D8C8;
  --muted:#8B7B68;

  /* typography */
  --serif:'Cormorant Garamond','EB Garamond',Garamond,serif;
  --body:'Libre Baskerville',Georgia,serif;
  --mono:'JetBrains Mono','SF Mono',ui-monospace,monospace;

  /* layout */
  --gutter:96px;
  --gutter-sm:48px;
  --max:1440px;
}

/* ── BASE ─────────────────────────────────────────────── */
*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
html,body{
  background:var(--paper);
  color:var(--loha);
  font-family:var(--body);
  font-size:14px;
  line-height:1.85;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
}
::selection{background:var(--haldi);color:var(--mashi);}
img,svg{display:block;max-width:100%;}
a{color:inherit;text-decoration:none;}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;}

/* ── TYPE ROLES ───────────────────────────────────────── */
.t-eyebrow{font-family:var(--body);font-weight:700;font-size:10px;letter-spacing:0.24em;text-transform:uppercase;color:var(--haldi-deep);}
.t-meta{font-family:var(--mono);font-size:10.5px;letter-spacing:0.06em;color:var(--muted);}
.t-display{font-family:var(--serif);font-weight:300;font-size:128px;line-height:1;letter-spacing:-0.01em;color:var(--mashi);}
.t-h1{font-family:var(--serif);font-weight:300;font-size:88px;line-height:1.02;letter-spacing:-0.005em;color:var(--mashi);}
.t-h2{font-family:var(--serif);font-weight:300;font-size:56px;line-height:1.08;letter-spacing:-0.003em;color:var(--mashi);}
.t-h3{font-family:var(--serif);font-weight:400;font-size:30px;line-height:1.22;color:var(--mashi);}
.t-lede{font-family:var(--serif);font-weight:300;font-style:italic;font-size:24px;line-height:1.55;color:var(--loha);letter-spacing:0.005em;}
.t-body{font-family:var(--body);font-size:14px;line-height:1.95;color:var(--loha);}
.t-body-lg{font-family:var(--body);font-size:15.5px;line-height:2.05;color:var(--loha);}
.t-spec{font-family:var(--mono);font-size:11px;line-height:1.95;color:var(--loha);letter-spacing:0.02em;}
.t-italic{font-family:var(--serif);font-style:italic;font-weight:300;}
.t-dev{font-family:var(--serif);font-style:italic;font-weight:300;color:var(--haldi-deep);letter-spacing:0.04em;}

.t-h1 em,.t-h2 em,.t-h3 em,.t-display em{font-family:var(--serif);font-style:italic;font-weight:300;color:var(--haldi-deep);}

.hue-haldi{color:var(--haldi-deep);}
.hue-mashi{color:var(--mashi);}
.hue-muted{color:var(--muted);}
.hue-paper{color:var(--shweta);}
.text-c{text-align:center;}
.text-r{text-align:right;}

/* ── PAGE FRAME ───────────────────────────────────────── */
.frame{padding:0 var(--gutter);max-width:var(--max);margin:0 auto;}
.frame-sm{padding:0 var(--gutter-sm);max-width:var(--max);margin:0 auto;}

/* ── NAV ──────────────────────────────────────────────── */
.nav{
  position:sticky;top:0;z-index:50;
  display:flex;justify-content:space-between;align-items:center;
  padding:18px var(--gutter);
  background:rgba(242,236,224,0.92);
  backdrop-filter:saturate(120%) blur(10px);
  -webkit-backdrop-filter:saturate(120%) blur(10px);
  border-bottom:1px solid var(--rule);
  transition:background .3s;
}
.nav .brand{font-family:var(--serif);font-weight:300;font-size:18px;letter-spacing:0.26em;color:var(--mashi);}
.nav .brand em{font-style:italic;font-weight:300;color:var(--haldi-deep);font-size:16px;margin-left:8px;letter-spacing:0.06em;}
.nav .links{display:flex;gap:38px;align-items:center;}
.nav .links a{font-family:var(--body);font-weight:700;font-size:10px;letter-spacing:0.22em;text-transform:uppercase;color:var(--loha);transition:color .2s;}
.nav .links a:hover,.nav .links a.active{color:var(--haldi-deep);}
.nav .cart{display:inline-flex;gap:8px;align-items:center;border-left:1px solid var(--rule);padding-left:24px;margin-left:8px;}
.nav .cart .n{font-family:var(--mono);font-size:11px;color:var(--haldi-deep);}

/* ── SECTIONS ─────────────────────────────────────────── */
.sec{padding:160px var(--gutter);position:relative;}
.sec.tight{padding:120px var(--gutter);}
.sec.deep{padding:200px var(--gutter);}
.sec.short{padding:80px var(--gutter);}

.bg-paper{background:var(--paper);}
.bg-cream{background:var(--cream);}
.bg-ink{background:var(--mashi);color:var(--shweta);}
.bg-ink .t-h2,.bg-ink .t-h1,.bg-ink .t-h3{color:var(--shweta);}
.bg-ink .t-body,.bg-ink .t-body-lg{color:rgba(245,239,230,0.7);}
.bg-ink .t-eyebrow{color:var(--haldi);}

.rule{height:1px;background:var(--rule);border:0;}
.rule-soft{height:1px;background:var(--rule-soft);}

/* ── CHAPTER HEAD ─────────────────────────────────────── */
.ch-head{
  display:grid;grid-template-columns:1fr 1fr;gap:64px;
  align-items:end;padding-bottom:28px;border-bottom:1px solid var(--rule);
}
.ch-head .num{font-family:var(--body);font-weight:700;font-size:10px;letter-spacing:0.28em;text-transform:uppercase;color:var(--haldi-deep);margin-bottom:18px;display:flex;align-items:baseline;gap:14px;}
.ch-head .num .n{font-family:var(--serif);font-style:italic;font-weight:400;font-size:38px;color:var(--haldi-deep);line-height:1;letter-spacing:0;}
.ch-head .sub{max-width:480px;color:var(--loha);font-size:15px;line-height:1.85;}
.bg-ink.ch-head .sub,.bg-ink .ch-head .sub{color:rgba(245,239,230,0.7);}

/* ── CHAPTER RAIL (sticky left margin) ───────────────── */
.chapter-rail{
  position:fixed;left:32px;top:50%;transform:translateY(-50%);
  z-index:20;
  display:flex;flex-direction:column;gap:18px;
  opacity:0;pointer-events:none;transition:opacity .5s;
}
.chapter-rail.on{opacity:1;pointer-events:auto;}
.chapter-rail a{
  display:flex;flex-direction:column;gap:2px;
  padding-left:14px;border-left:1px solid var(--rule);
  font-family:var(--body);font-weight:700;font-size:9px;letter-spacing:0.22em;text-transform:uppercase;
  color:var(--muted);line-height:1.4;
  transition:all .25s;
}
.chapter-rail a .n{font-family:var(--mono);font-size:9px;color:var(--haldi-deep);letter-spacing:0.14em;}
.chapter-rail a:hover{color:var(--loha);}
.chapter-rail a.on{color:var(--mashi);border-left:2px solid var(--haldi-deep);padding-left:13px;}

/* ── BUTTONS ──────────────────────────────────────────── */
.btn{
  display:inline-flex;align-items:center;gap:14px;
  padding:16px 26px;
  background:var(--mashi);color:var(--shweta);
  font-family:var(--body);font-weight:700;font-size:10px;letter-spacing:0.24em;text-transform:uppercase;
  border:1px solid var(--mashi);
  transition:all .25s;
  cursor:pointer;
}
.btn:hover{background:var(--haldi-deep);border-color:var(--haldi-deep);color:var(--mashi);}
.btn .arr{font-family:var(--serif);font-style:italic;font-weight:400;font-size:14px;letter-spacing:0;color:var(--haldi);transition:color .25s;}
.btn:hover .arr{color:var(--mashi);}

.btn-ghost{
  display:inline-flex;align-items:center;gap:14px;
  padding:15px 25px;border:1px solid var(--rule);background:transparent;color:var(--mashi);
  font-family:var(--body);font-weight:700;font-size:10px;letter-spacing:0.24em;text-transform:uppercase;
  transition:all .25s;cursor:pointer;
}
.btn-ghost:hover{border-color:var(--mashi);}

.link{
  font-family:var(--body);font-weight:700;font-size:10px;letter-spacing:0.24em;text-transform:uppercase;
  color:var(--mashi);
  border-bottom:1px solid var(--haldi-deep);
  padding-bottom:4px;
  display:inline-block;
  transition:color .25s,border-color .25s;
}
.link:hover{color:var(--haldi-deep);}
.link.on-ink{color:var(--haldi);border-color:rgba(212,168,67,0.5);}
.link.on-ink:hover{color:var(--shweta);border-color:var(--haldi);}

/* ── ⵇ अ HERO STROKE-ON ───────────────────────────────── */
.aksh-hero{
  font-family:var(--serif);font-weight:300;color:var(--haldi-deep);line-height:0.86;
  letter-spacing:-0.02em;
}
.aksh-ghost{
  position:absolute;font-family:var(--serif);font-weight:300;color:var(--haldi-deep);
  opacity:0.05;line-height:1;user-select:none;pointer-events:none;letter-spacing:-0.02em;
}
/* अ ink-fill reveal — top-anchored cover slides down to expose the glyph.
   More robust across engines than clip-path interpolation. The cover sits over
   the glyph and shrinks height to 0, anchored at bottom, so its top edge
   descends — revealing the glyph top-to-bottom like ink filling a stroke. */
.aksh-reveal{position:relative;display:inline-block;line-height:0.86;}
.aksh-reveal::after{
  content:"";position:absolute;
  left:-4%;right:-4%;bottom:0;height:100%;
  background:var(--paper);
  pointer-events:none;
  animation:akshFill 1.8s cubic-bezier(.55,.08,.25,1) 0.4s forwards;
}
@keyframes akshFill{
  0%  {height:100%;}
  35% {height:100%;}
  100%{height:0%;}
}
.aksh-reveal.tagline{opacity:0;animation:fadeUp 1.2s cubic-bezier(.4,0,.2,1) 1.5s forwards;}
.aksh-reveal.tagline::after{content:none;}
@keyframes fadeUp{
  from{opacity:0;transform:translateY(12px);}
  to  {opacity:1;transform:translateY(0);}
}

/* ── PHOTO SLOT ───────────────────────────────────────── */
.photo{
  position:relative;
  background:linear-gradient(180deg,var(--paper-2) 0%,var(--cream) 100%);
  border:1px solid var(--rule);
  display:flex;flex-direction:column;justify-content:space-between;
  padding:20px 22px;
  overflow:hidden;
  color:var(--muted);
}
.photo::after{
  content:"अ";
  position:absolute;right:-30px;bottom:-60px;
  font-family:var(--serif);font-weight:300;
  font-size:280px;color:var(--haldi-deep);opacity:0.07;
  line-height:0.8;pointer-events:none;
}
.photo .ph-head{display:flex;justify-content:space-between;align-items:flex-start;position:relative;z-index:1;}
.photo .ph-label{font-family:var(--mono);font-size:10px;letter-spacing:0.12em;text-transform:uppercase;color:var(--mashi);}
.photo .ph-ratio{font-family:var(--mono);font-size:9px;letter-spacing:0.12em;color:var(--haldi-deep);}
.photo .ph-foot{font-family:var(--mono);font-size:9.5px;color:var(--muted);letter-spacing:0.02em;line-height:1.6;position:relative;z-index:1;max-width:80%;}
.photo.dark{
  background:linear-gradient(180deg,#221913 0%,#171010 100%);
  border-color:#221913;
}
.photo.dark .ph-label{color:var(--shweta);}
.photo.dark::after{color:var(--haldi);opacity:0.08;}
.photo.dark .ph-foot{color:rgba(245,239,230,0.4);}

/* aspect-ratio helpers */
.ar-4-5{aspect-ratio:4/5;}
.ar-3-4{aspect-ratio:3/4;}
.ar-1-1{aspect-ratio:1/1;}
.ar-4-3{aspect-ratio:4/3;}
.ar-3-2{aspect-ratio:3/2;}
.ar-16-9{aspect-ratio:16/9;}
.ar-21-9{aspect-ratio:21/9;}

/* ── SPEC TABLE ───────────────────────────────────────── */
.spec{width:100%;border-top:1px solid var(--rule);}
.spec .r{
  display:grid;grid-template-columns:180px 1fr auto;gap:24px;
  padding:18px 0;border-bottom:1px solid var(--rule-soft);
  align-items:baseline;
  opacity:0;transform:translateY(8px);
  transition:opacity .6s ease-out,transform .6s ease-out;
}
.spec .r.in{opacity:1;transform:translateY(0);}
.spec .r .k{font-family:var(--body);font-weight:700;font-size:9.5px;letter-spacing:0.22em;text-transform:uppercase;color:var(--haldi-deep);}
.spec .r .v{font-family:var(--serif);font-weight:400;font-size:19px;color:var(--mashi);line-height:1.4;}
.spec .r .n{font-family:var(--mono);font-size:10px;color:var(--muted);letter-spacing:0.02em;}

/* ── MARGINALIA ───────────────────────────────────────── */
.margin{
  border-left:1px solid var(--haldi-deep);
  padding:6px 0 6px 22px;
  font-family:var(--serif);font-style:italic;font-weight:300;
  font-size:19px;line-height:1.6;color:var(--loha);
}
.margin .src{display:block;font-family:var(--mono);font-style:normal;font-size:10px;color:var(--muted);margin-top:10px;letter-spacing:0.06em;}

/* ── PULL QUOTE ───────────────────────────────────────── */
.pull{padding:48px 0;border-top:1px solid var(--haldi-deep);border-bottom:1px solid var(--haldi-deep);}
.pull q{quotes:"" "";}
.pull .q{font-family:var(--serif);font-style:italic;font-weight:300;font-size:38px;line-height:1.4;color:var(--mashi);max-width:780px;}
.pull .a{font-family:var(--mono);font-size:11px;color:var(--muted);letter-spacing:0.08em;margin-top:24px;display:block;}

/* ── REVEAL ANIMATION (intersection-observer driven) ─── */
.reveal{opacity:0;transform:translateY(20px);transition:opacity .9s ease-out,transform .9s ease-out;}
.reveal.in{opacity:1;transform:translateY(0);}

/* ── PRODUCT LINE ROW (Shop, Home Ch 04) ─────────────── */
.line-row{
  display:grid;grid-template-columns:64px 240px 1fr 220px 120px;gap:40px;
  padding:48px 0;border-top:1px solid var(--rule);
  align-items:center;transition:background .3s;
}
.line-row:hover{background:rgba(184,144,48,0.025);}
.line-row .num{font-family:var(--mono);font-size:12px;color:var(--haldi-deep);letter-spacing:0.16em;}
.line-row .nm{font-family:var(--serif);font-weight:300;font-size:46px;letter-spacing:0.08em;color:var(--mashi);line-height:1;}
.line-row .dv{font-family:var(--serif);font-style:italic;font-weight:300;color:var(--haldi-deep);font-size:18px;margin-top:6px;letter-spacing:0.04em;}
.line-row .dv .meaning{color:var(--muted);font-style:normal;font-size:10px;letter-spacing:0.18em;text-transform:uppercase;font-weight:700;margin-left:8px;font-family:var(--body);}
.line-row .one{font-family:var(--serif);font-style:italic;font-weight:300;font-size:20px;line-height:1.55;color:var(--loha);}
.line-row .pr{font-family:var(--serif);font-weight:400;font-size:22px;color:var(--mashi);text-align:right;line-height:1;}
.line-row .pr .open{display:block;margin-top:10px;font-family:var(--mono);font-size:10px;color:var(--haldi-deep);letter-spacing:0.16em;}

/* ── CARDS ───────────────────────────────────────────── */
.card{background:var(--shweta);border:1px solid var(--rule);}
.card.cream{background:var(--cream);}
.card.ink{background:var(--mashi);color:var(--shweta);border-color:var(--mashi);}
.card .pad{padding:32px;}
.card .pad-lg{padding:48px;}

/* ── COVER SWATCH ─────────────────────────────────────── */
.swatch{
  width:64px;height:88px;
  border:1px solid var(--rule);
  cursor:pointer;
  transition:transform .2s,border-color .2s;
  position:relative;
}
.swatch:hover{transform:translateY(-2px);}
.swatch.on{border:2px solid var(--haldi-deep);}
.swatch .nm{position:absolute;left:0;right:0;bottom:-22px;text-align:center;font-family:var(--mono);font-size:9px;letter-spacing:0.14em;color:var(--muted);text-transform:uppercase;}
.swatch.on .nm{color:var(--mashi);}

/* ── BREADCRUMB ──────────────────────────────────────── */
.crumb{padding:18px var(--gutter);border-bottom:1px solid var(--rule);display:flex;justify-content:space-between;align-items:center;}
.crumb .l{font-family:var(--mono);font-size:10.5px;letter-spacing:0.16em;color:var(--muted);text-transform:uppercase;}
.crumb .l a{color:var(--muted);transition:color .2s;}
.crumb .l a:hover{color:var(--mashi);}

/* ── FOOTER ──────────────────────────────────────────── */
.foot{
  background:var(--mashi);color:rgba(245,239,230,0.55);
  padding:96px var(--gutter) 48px;
  border-top:3px solid var(--haldi-deep);
}
.foot .top{display:grid;grid-template-columns:2.2fr 1fr 1fr 1fr;gap:48px;padding-bottom:64px;border-bottom:1px solid rgba(212,168,67,0.18);}
.foot .colT{font-family:var(--serif);font-style:italic;font-weight:300;font-size:13px;color:var(--haldi);letter-spacing:0.18em;margin-bottom:18px;}
.foot .ms{font-family:var(--serif);font-style:italic;font-weight:300;font-size:24px;color:rgba(245,239,230,0.7);line-height:1.5;}
.foot .meta{font-family:var(--body);font-weight:700;font-size:9.5px;letter-spacing:0.22em;text-transform:uppercase;color:rgba(245,239,230,0.4);margin-top:40px;line-height:2;}
.foot a{display:block;font-family:var(--body);font-size:11.5px;letter-spacing:0.04em;color:rgba(245,239,230,0.55);padding:5px 0;transition:color .2s;}
.foot a:hover{color:var(--haldi);}
.foot .bot{display:flex;justify-content:space-between;align-items:center;padding-top:32px;font-family:var(--mono);font-size:10px;color:rgba(245,239,230,0.35);letter-spacing:0.14em;}
.foot .bot .glyph{font-family:var(--serif);font-style:italic;font-weight:300;font-size:28px;color:var(--haldi);letter-spacing:0;}

/* ── UTILITY ──────────────────────────────────────────── */
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:64px;}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}
.grid-6{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;}
.stack{display:flex;flex-direction:column;}
.gap-s{gap:14px;}.gap-m{gap:24px;}.gap-l{gap:40px;}.gap-xl{gap:64px;}
.mt-s{margin-top:14px;}.mt-m{margin-top:28px;}.mt-l{margin-top:48px;}.mt-xl{margin-top:80px;}.mt-2xl{margin-top:120px;}
.row-between{display:flex;justify-content:space-between;align-items:center;}
.flex-row{display:flex;}
.flex-col{display:flex;flex-direction:column;}

/* keep paragraphs readable in long copy */
.prose p+p{margin-top:20px;}
.prose{text-wrap:pretty;max-width:62ch;}

/* ── PAGE-SPECIFIC TUNING ────────────────────────────── */

/* HERO (Home) */
.hero{position:relative;padding:140px var(--gutter) 120px;overflow:hidden;border-bottom:1px solid var(--rule);}
.hero .ghost-aksh{font-family:var(--serif);font-weight:300;color:var(--haldi-deep);font-size:780px;position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);opacity:0.04;line-height:1;letter-spacing:-0.02em;user-select:none;}
.hero .grid{position:relative;display:grid;grid-template-columns:1.1fr 1px 1.5fr;gap:80px;align-items:end;min-height:540px;}
.hero .grid .vr{background:var(--rule);}
.hero .mark{font-size:280px;}
.hero .meta-strip{position:absolute;left:var(--gutter);right:var(--gutter);bottom:36px;display:flex;justify-content:space-between;}
.hero .meta-strip span{font-family:var(--mono);font-size:10px;letter-spacing:0.16em;color:var(--muted);text-transform:uppercase;}

/* CURRENTLY WRITING (commerce moment) */
.cw{display:grid;grid-template-columns:1.4fr 1fr;gap:72px;align-items:start;margin-top:80px;}
.cw .info{position:sticky;top:108px;}

/* RITUALS dark grid */
.rituals{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(212,168,67,0.16);margin-top:64px;}
.rituals .r{background:var(--mashi);padding:48px 36px;display:flex;flex-direction:column;gap:18px;min-height:340px;}
.rituals .r .n{font-family:var(--mono);font-size:11px;color:var(--haldi);letter-spacing:0.18em;}
.rituals .r .t{font-family:var(--serif);font-weight:400;font-size:32px;color:var(--shweta);line-height:1.18;}
.rituals .r .d{font-family:var(--body);font-size:13px;line-height:1.95;color:rgba(245,239,230,0.65);flex:1;}

/* CARTOGRAPHY of paper journey */
.journey{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:48px;}
.journey .stage{background:var(--cream);padding:32px;border-right:1px solid var(--rule);position:relative;}
.journey .stage:last-child{border-right:none;}
.journey .stage .n{font-family:var(--mono);font-size:10px;color:var(--haldi-deep);letter-spacing:0.18em;}
.journey .stage .t{font-family:var(--serif);font-weight:400;font-size:24px;color:var(--mashi);margin-top:8px;}
.journey .stage .d{font-family:var(--body);font-size:12px;line-height:1.85;margin-top:12px;}
.journey .stage::after{
  content:"→";
  position:absolute;right:-12px;top:50%;transform:translateY(-50%);
  font-family:var(--mono);font-size:14px;color:var(--haldi-deep);background:var(--paper);padding:6px 0;line-height:1;
}
.journey .stage:last-child::after{content:none;}

/* monogram preview */
.monogram-prev{
  border:1px solid var(--rule);background:var(--paper);
  padding:28px;display:flex;align-items:center;justify-content:center;gap:22px;
  min-height:120px;
}
.monogram-prev .latin{font-family:var(--serif);font-weight:400;font-size:64px;color:var(--mashi);line-height:1;letter-spacing:0.04em;}
.monogram-prev .vr{width:1px;height:48px;background:var(--haldi-deep);}
.monogram-prev .deva{font-family:var(--serif);font-weight:400;font-size:48px;color:var(--haldi-deep);font-style:italic;line-height:1;}

.monogram-input{
  width:100%;padding:14px 16px;border:1px solid var(--rule);background:var(--paper);
  font-family:var(--serif);font-size:20px;color:var(--mashi);
  letter-spacing:0.06em;
  margin-top:12px;
}
.monogram-input:focus{outline:none;border-color:var(--haldi-deep);}

textarea.note-input{
  width:100%;padding:14px 16px;border:1px solid var(--rule);background:var(--paper);
  font-family:var(--serif);font-style:italic;font-size:15px;color:var(--mashi);line-height:1.8;
  min-height:96px;resize:vertical;
  margin-top:12px;
}
textarea.note-input:focus{outline:none;border-color:var(--haldi-deep);}

/* archive grid */
.archive{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin-top:56px;}
.archive .a{position:relative;aspect-ratio:1/1;}

/* responsive collapses (light) */
@media (max-width:1100px){
  :root{--gutter:48px;}
  .t-display{font-size:96px;}
  .t-h1{font-size:64px;}
  .t-h2{font-size:44px;}
  .hero .mark{font-size:200px;}
  .hero .ghost-aksh{font-size:520px;}
  .grid-2,.grid-3,.grid-4{grid-template-columns:1fr;}
  .ch-head{grid-template-columns:1fr;}
  .cw{grid-template-columns:1fr;}
  .rituals{grid-template-columns:1fr 1fr;}
  .journey{grid-template-columns:1fr 1fr;}
  .line-row{grid-template-columns:48px 1fr;gap:16px;}
  .line-row .one,.line-row .pr{grid-column:2;}
  .chapter-rail{display:none;}
  .foot .top{grid-template-columns:1fr 1fr;}
  .archive{grid-template-columns:repeat(3,1fr);}
}